/* 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: #00b7ee!important;
text-decoration: none!important;
}

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

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

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

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


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

#container {
	overflow:visible;
}

#contents{
	width: 990px!important;
	margin:0 0 30px 0;
	/* padding:22px 19px 22px 20px; */
	padding:0 0 50px 0;
	border: 3px solid #D0D0D0;
	background: url(../images/main_bk.gif) top left;
	/* font-size: 93%; */
}

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

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

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


#contents .feature p{
	color: #ffffff;
	margin: 0 0 1.2em 0;
	line-height: 1.8;
	letter-spacing: 0.02em;
}


/* head
---------------------------------------------------*/
#contents .head{
	/* margin: 0 0 80px 0; */
	/* width:950px; */
	padding:0 0 20px 0;
	margin:0 auto;
	overflow:hidden;
	clear:both;
	overflow:hidden;
	position: relative;
}

#contents .head .read{
	width:420px;
	font-size:14px;
	padding:0 15px;
	color:#FFF;
	position:absolute;
	top:780px;
	left:35px;
	}
	
#contents .head .note_link{
	position:absolute;
	right:0px;
	top:730px;
	}
	
#contents .head .navi{
	position:absolute;
	right:55px;
	top:520px;
	}
	
#contents .head .navi li{
	margin:0 0 20px 0;	
	}

.ninja_onebutton{
	position:absolute;
	top:990px;
	left:130px;
	padding-bottom: 0px!important;
}




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

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

.section h3{
	margin:0 0 25px 0;
	}

.section .sec_inner{
	padding:0 47px;
	margin:0 0 20px 0;
	clear:both;
	overflow:hidden;
	}

.section .sec_inner p{
	padding:10px 0 0 0;
	}
	
.section .sec_inner p.f_clear{
	overflow:hidden;
	}
	
.link{
	text-align:right;
	padding:0 47px 0 0;
	}

/* movie
---------------------------------------------------*/

.section_m{
	clear:both;
	overflow:hidden;
	margin:0 0 0 47px;
	}

.movie{
	width:280px;
	float:left;
	position:relative;
	margin:0 25px 50px 0;
	color:#FFF;
	}

.movie h4{
	margin:0 0 15px 0;
	}
	
.movie .movie_inner{
	padding:0 10px;
	clear:both;
	overflow:hidden;
	height:200px;
	}

.movie .movie_inner h6{
	float:left;
	margin:0 5px 0 0;
	width:115px;
	}
	
.movie .movie_inner h6 span.copy{
	font-size:7px;
	display:block;
	padding:3px 0 0 0;
	line-height:1 ;
}

.movie .movie_inner ul{
	float:right;
	width:130px;
	}
	
.movie .movie_inner ul li h5{
	margin:0 0 12px 0;
	font-size:14px;
	}
	
.movie .movie_inner ul li.staff{
	margin:0 0 12px 0;
	font-size:12px;
	}
.movie .movie_inner ul li.info{
	margin:0 0 12px 0;
	font-size:10px;
	}

.movie .movie_inner ul li.btn{
	margin:0 0 5px 0;
	}
	
.movie .movie_inner ul li.btn a{
    display: inline-block;
    font-size: 93%;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom;
}

.movie .comment{
	background:url(../images/movie_combk.png) top left no-repeat;
	width:280px;
	height:114px;
	}
	
.movie .comment p{
	color: #333!important;
	font-size:0.9em;
	line-height:1.4!important;
	padding:15px 12px;
	}
	

#contents{
	width:990px;
	margin:20px 0 0 20px;
	}
	
img{
	vertical-align:top;
	}
	
h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}