@charset "EUC-JP";
/*@import "../../../../r_css/imports.css";*/

@import "/r_css/imports.css";
@import "/r_css/parts/cmslist.css";
@import "/common/css/special_recommend2.css";
@import "/etc/animation/css/recommend_mini.css";


/*----------------------------------------------------------------
	
	contents CSS
	
　　【お願い】
    div#contentsを頭につけてコーディングをお願いします。
	例: div#contents .button{
		 }
　　　
	
	1.header
	
	2.main
	
	3.footer


----------------------------------------------------------------*/


/* contents
========================================== */
div#contents {
	width: 715px;
}
div#contents h1 {
}
/* 1.header
========================================== */
div#contents div.headerSpContents {
margin-bottom:27px;
}

div#contents #ichika-ichika {
position:relative;
}

div#contents #ichika-ichika #intro {
width:331px;
}

div#contents #ichika-ichika #mainimage {
position:absolute;
top:0;
left:331px;
}

div#contents #ichika-ichika #intro .temp {
position:absolute;
top:0;
left:0;
}

div#contents #ichika-ichika div.headerSpContents:after {
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}

/* 2.main
========================================== */
div#contents div.mainSpContents {
}

div#contents #BroadcastInformation {
clear:both;
margin-bottom:35px;
}

div#contents #BroadcastInformation h2 {
margin-bottom:8px;
}

div#contents #BroadcastInformation li {
float:left;
}

div#contents #BroadcastInformation ul {
heigt:1%;
}

div#contents #BroadcastInformation ul:after {
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#contents #NewestMovie {
clear:both;
margin-bottom:30px;
background-color:#f1f9ff;
}

div#contents #PromotionMovie {
clear:both;
margin-bottom:30px;
background-color:#fff5f5;
}

div#contents #NewestMovie .column {
height:1%;
padding:0 18px;
font-size:12px;
color:#000;
}

div#contents #PromotionMovie .column {
height:1%;
padding:0 25px 0 32px;
font-size:12px;
color:#e45a48;
}



div#contents #NewestMovie .column .left {
float:left;
width:285px;
}

div#contents #PromotionMovie .column .left {
float:left;
width:255px;
}

div#contents #PromotionMovie .column .left img {
margin-bottom:20px;
}

div#contents #NewestMovie .column .right {
margin-left:318px;
}

div#contents #PromotionMovie .column .right {
margin-left:285px;
}

div#contents #NewestMovie .column .right h3 {
margin-bottom:10px;
font-size:16px;
font-weight:bold;
}

div#contents #NewestMovie .column .right p {
margin-bottom:20px;
line-height:1.7;
}

div#contents #NewestMovie .column .right p.attention {
color:#e45a48;
}

div#contents #PromotionMovie .column .right p.text {
padding:20px 0 15px 0;
}

div#contents #NewestMovie .column .button {
padding-bottom:20px;
text-align:right;
}

div#contents #PromotionMovie .column .button {
text-align:right;
}

div#contents #NewestMovie:after,
div#contents #NewestMovie .column:after,
div#contents #PromotionMovie:after,
div#contents #PromotionMovie .column:after {
content:" ";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#contents #firstContents {
clear:both;
position:relative;
margin-bottom:20px;
background-color:#fffbf0;
}

div#contents #firstContents img.left {
position:absolute;
top:0;
left:0;
}

div#contents #firstContents .main {
margin-left:87px;
}

div#contents #firstContents .main .image {
float:left;
width:140px;
margin-bottom:20px;
}

div#contents #firstContents .main .text {
margin-left:228px;
}

div#contents #firstContents:after {
content:"";
display:block;
height:0;
clear:both;
visibility:hidden;
}

div#contents #cmsList {
margin-bottom:25px;
}

div#contents #charactor {
position:relative;
margin-bottom:40px;
}

div#contents #charactor .column {
height:1472px;
background: url(../img/bg_charactor.jpg) 0 0 no-repeat;
}

div#contents #charactor h2 {
margin-bottom:10px;
}

div#contents #chara1 {
position:absolute;
top:71px;
left:24px;
width:316px;
text-align:center;
}

div#contents #chara2 {
position:absolute;
top:71px;
right:23px;
width:316px;
text-align:center;
}

div#contents #chara3 {
position:absolute;
top:510px;
left:24px;
width:316px;
text-align:center;
}

div#contents #chara4 {
position:absolute;
top:510px;
right:23px;
width:316px;
text-align:center;
}

div#contents #chara5 {
position:absolute;
top:879px;
left:24px;
width:316px;
text-align:center;
}

div#contents #chara6 {
position:absolute;
top:879px;
right:23px;
width:316px;
text-align:center;
}

div#contents #chara7 {
position:absolute;
top:1248px;
left:24px;
width:316px;
text-align:center;
}

div#contents #data {
margin-bottom:100px;
}

div#contents #data h2 {
margin-bottom:15px;
}

div#contents #data h3 {
margin-bottom:5px;
padding-left:3px;
color:#1d54b7;
font-size:12px;
}

div#contents #data .column {
font-size:12px;
}

div#contents #data p {
margin-bottom:20px;
padding:0 10px;
line-height:2;
}

div#contents #data .button {
text-align:right;
}


/* 3.footer
========================================== */
#contents div.footerSpContents {
padding:11px 0 0 10px;
border-top:1px solid #ddd;
font-size:10px;
}
div#package_purchase {
	margin: -10px 0 10px 0;
}