@charset "UTF-8";

/*
	Site Name: キラキラ☆プリキュアアラモード！【ストーリー】
	Version: 
	Author: 
*/

#story_main .detail{
  width: 970px;
  margin: 25px auto;
}
#story_main .detail p{
  margin-bottom: 20px;
  line-height: 1.8;
}
#story_main .detail.center p{
  text-align: center;
}
#story_main .detail p span{
  font-weight: bold;
  font-size: 116%;
	background:url(../img/story/bk_copy.gif) 0 0 repeat-x transparent;
}
#story_main .detail .img ul li{
  position: relative;
  width: 290px;
  margin-bottom: 50px;
}
#story_main .detail .img ul{
  margin-top: 20px;
}
#story_main .detail .img ul li span:after{
  content:"";
	background:url(../img/story/illust_wrap_off.png) 0 0 no-repeat transparent;
  width: 295px;
  height: 205px;
  z-index: 3;
  display: block;
  position: absolute;
  top: -23px;
  left: 0;
}
#story_main .detail .img ul li:after{
  content:"";
	background:url(../img/story/illust_wrap_under.png) 0 0 no-repeat transparent;
  width: 295px;
  height: 205px;
  z-index: 1;
  display: block;
  position: absolute;
  top: -23px;
  left: 0;
}
#story_main .detail .txt{
  float:left;
}
#story_main .detail.center .txt{
  float:none;
}
#story_main .detail .img{
  margin-left:675px;
}
#story_main .detail .img ul li img{
  position: absolute;
}
#story_main .detail .img ul li a{
  display: block;
  overflow: hidden;
  width: 260px;
  height: 160px;
  margin: 0 auto;
  position: relative;
}
#story_main .detail .img ul li:hover{
  cursor: pointer;
}
#story_main .detail .img ul li:hover span:after{
  content:"";
	background:url(../img/story/illust_wrap_on.png) 0 0 no-repeat transparent;
  z-index: 3;
}
#story_main .story_recipe_title{
	background:url(../img/story/bg_title-story_long.png) 0 0 no-repeat transparent;
	height: 145px;
  background-position: center;
  margin-bottom: 50px;
  padding-top: 5px;
}
#story_main .story_title{
	background:url(../img/story/bg_title-story.png) 0 0 no-repeat transparent;
	height: 115px;
  background-position: center;
  margin-bottom: 50px;
  padding-top: 5px;
}

#story_main .story_title h2 span.ttl,
#story_main .story_recipe_title h2 span.ttl{
  color: #ef3b8c;
  font-size: 146.5%;
  font-weight: bold;
}
#story_main .story_title h2 span.kana,
#story_main .story_recipe_title h2 span.kana{
  font-size: 13px;
  font-weight: normal;
  color:#AC6600;
}
#story_main .story_title h2,
#story_main .story_recipe_title h2{
  margin-top: 15px;
  padding-left: 90px;
}
#story_main .story_title .onair,
#story_main .story_recipe_title .onair{
  color: #fff;
  font-weight: bold;
  padding-left: 85px;
	font-size: 14px;
	text-shadow: 1px 1px 3px #1d020e;
}
#story_main .story_title .onair .date,
#story_main .story_recipe_title .onair .date{
  font-weight: normal;
}
#story_main .story_title .onair .num,
#story_main .story_recipe_title .onair .num{
  font-size: 153.9%;
}
#story_main .story_recipe_title .recipe_name{
  margin-top: 12px;
  padding-left: 340px;
  font-size:116%;
  font-weight: bold;
}
#story_main .story_recipe_title .recipe_name a{
  color:#009EB0;
}


#photoPanel.storyPanel div.panel {
  height:auto;
  width:auto;
  max-width: 750px;
  max-height: 750px;
}
#photoPanel.storyPanel div.panel div.panelInner .imgBox img {
  max-width: 750px;
  max-height: 750px;
  margin: 0 auto;
  display: block;
  width:auto;
}
#photoPanel div.panel div.panelInner {
  width: 100%;
  max-width: 800px;
}