/* Font Setting 
--------------------------------------------------
px = percent

8 = 62
9 = 69
10 = 77
11 = 85
12 = 93 (was 93)
13 = 100
14 = 108 (was 107)
15 = 116 (was 114)
16 = 123.1 (was 122)
17 = 131 (was 129)
18 = 138.5 (was 136)
19 = 146.5 (was 144)
20 = 153.9 (was 152)
21 = 161.6 (was 159)
22 = 167
23 = 174
24 = 182
25 = 189
26 = 197
*/

/* layout
===================================================*/
.feature a{
color: #fff100!important;
text-decoration: underline!important;
}

.feature a:hover{
/* color: #00b7ee!important; */
text-decoration: none!important;
}

a:hover img.hoverImg{
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}

.float_r{ float: right;}
.float_l{ float: left;}

.t_center{ text-align:center;}
.r_center{ text-align:right;}

.mrgB20{ margin-bottom:20px;}

.pink{ color:#e7368e;}

/* contents
===================================================*/

#container {
	overflow:visible;
}

#contents{
	width: 984px;
	margin:0 0 30px 0;
	/* padding:22px 19px 22px 20px; */
	padding:0 0 50px 0;
	border: 3px solid #D0D0D0;
	background:url(../images/cont_bk.jpg) top left repeat-y;
}

.inner{
	padding:0 50px;
	clear:both;
	overflow:hidden;
}

/* .section{
	clear:both;
	overflow:hidden;
	margin:0 0 30px 0;
} */

/* feature
---------------------------------------------------*/
#contents .feature{
	padding:0 0 20px 0;
	/* margin:20px auto 0 auto; */
	position: relative;
	width:984px;
}


#contents .feature p{
	color: #333333;
	margin: 0 0 1em 0;
	line-height: 1.8;
	letter-spacing: 0.01em;
}


/* head
---------------------------------------------------*/
#contents .head{
	width:100%;
	margin:0 0 70px 0;
	overflow:hidden;
	clear:both;
	overflow:hidden;
	position: relative;
}

#contents .head ul{
	margin: 25px 0 0 100px;
	width:790px;
}

#contents .head .btn{
	position:absolute;
	top:220px;
	right:50px;
	}

#contents .head .read{
	width:830px;
	margin:0 0 0 80px;
	position:absolute;
	font-size:14px;
	line-height: 1.8;
	letter-spacing:0.05em;
	top:620px;
	color:#FFF;
}

.ninja_onebutton{
	/* position:absolute;
	top:750px;
	right:80px; */
	padding-bottom: 0px!important;
	margin-right:50px;
}




/* article
---------------------------------------------------*/
.article{
	clear:both;
	overflow: hidden;
	}

.section{
	width:890px;
	clear:both;
	overflow:hidden;
	margin:0 auto 30px auto;
	}

.section p{
	color:#FFF!important;
	line-height:1.6!important;
	}
	
.section_inn{
	padding:25px;
	}
	
.section_inn h4{
	margin:0 0 20px 0;
	}

.info_block{
	width:888px;
	background:url(../images/section_bk.png) top left repeat;
	border:1px solid #515b76;

	/* opacity:0.4;
	filter:alpha(opacity=40);
	-ms-filter: "alpha( opacity=40 )";	 */
	}
	
.info_tb{
	width: 100%;
    border-collapse: collapse;
	border-collapse: separate;
    border-spacing: 0;
	border-spacing: 10px;
	}
	
.info_tb th{
	width:110px;
	padding:5px 0;
	text-align:center;
	color:#182955;
	background-color:#FFF;
	}
	
.info_tb td{
	padding:5px 0;
	color:#FFF;
	}

.info_tb td span.link_form{
	color:#fff100;
	font-size:16px;
	}

.info_tb td span.info_timeAtt{
	color:#FFF;
	padding:10px 0 5px 0;
	display:block;
	}

.info_time{
	border-bottom:1px dashed #666666;
	clear:both;
	overflow:hidden;
	}

.info_time dt{
	float:left;
	width:100px;
	padding:15px 0px;  
	}
	
.info_time dd{
	margin:0 0 0 100px;
	padding:15px 0px;
	}

.concept_block, .trailer_block{
	width:433px;
	background:url(../images/section_bk.png) top left repeat;
	border:1px solid #515b76;
	height:350px;
	}
	
.point_block{
	width:888px;
	background:url(../images/point_bk.png) bottom center no-repeat;
	border:1px solid #515b76;
	color:#FFF;
	line-height:1.6;
	}

.point_block .p1, .point_block .p2, .point_block .p3{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	clear:both;
	overflow:hidden;
	}
	
.point_block .p1, .point_block .p2{
	border-bottom:1px dashed #666666;
}	
	
.point_comment{
	overflow:hidden;
	clear:both;
	margin:0 0 20px 0;
	}
	
.point_img{
	float:left;
	/* margin:0 25px 0 0; */
	}
	
.point_txt{
	width:758px;
	margin:0 0 0 80px;
	}
	
.point_comtxt{
	width:600px;
	float:right;
	}
	
.point_line{
	margin:0 0 25px 0;
	}
	
.film_block{
	width:888px;
	background:url(../images/film_bk.png) bottom left repeat;
	border:1px solid #515b76;
	color:#FFF!important;
	line-height:1.6;
	clear:both;
	overflow:hidden;
	}
	
.film_info{
	width:470px;
	float: left;
	margin:0 0 30px 0;
	}

.film_info .subtitle{
	margin:0 0 10px 0;
	}

.film_info .txt{
	margin:0 0 20px 0;
	}
	
.film_info .icon{
	margin:0 0 5px 0;
	}

/* foot
---------------------------------------------------*/
.foot{
	text-align:center;
	margin:0 0 50px 0;
	}
	
.foot .info{
	margin:0 0 50px 0;
	}

.next_link{
	text-align:right;
	}

.next_link a{
	/* background:url(../images/icon_arrow.gif) left center no-repeat;
	line-height:22px;
	height:22px;
	font-size:16px;
	padding:3px 0 3px 30px;	 */
	}




.review_wrapper{
	width:830px;
	margin:0 auto;
	font-size:14px;
	text-align:left;
	background:url(../images/cont_bk.jpg) left top repeat-y;
	padding-bottom:80px;
	}
	
/* .review_wrapper .head{ height:428px; position:relative; margin:0 0 20px 0;} */
	
.review_block{
	background:url(../images/review_bk.png) right bottom no-repeat;
	width:778px;
	border:1px solid #999;
	margin:0 auto 40px auto;
	position:relative;
	}
	
.review_block a{
	color:#FF0;
	}
	
.review_block a:hover{
	color:#FF0;
	text-decoration:none;
	}
	
.review_balloon{
	width:111px;
	height:146px;
	background:url(../images/review_balloon.png) left top no-repeat;
	position:absolute;
	top:-15px;
	left:-10px;
	text-align:center;
	padding:12px 0 0 0;
	}
	
.review_balloon .name{
	padding:3px 0 0 0;
	font-size:12px;
	}

.review_balloon .name a{
	color:#000;
	}

	
.review_txt{
	width:630px;
	margin:0 0 0 125px;
	padding:35px 0;
	color:#fff;
	}
	
.review_txt p{
	font-size:13px;
	line-height:1.5;
	letter-spacing:0.1em;
	margin-bottom:1.3em;
	}
	
.review_att{
	color:#FFF;
	padding:0 0 0 40px;
	font-size:12px;
	}
	
#contents{
	width:990px!important;
	margin:20px 0 0 20px;
	}
	
img{
	vertical-align:top;
	}
	
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}