d/* 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:hover{
color: #2fb3de!important;
text-decoration: underline!important;
} */

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

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

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


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

#container {
	overflow:visible;
}

#contents{
	width: 995px!important;
	margin:0 0 30px 0;
	/* padding:22px 19px 22px 20px; */
	padding:17px 0 50px 0;
	border: 3px solid #D0D0D0;
	background: url(../images/cont_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.6;
	letter-spacing: 0.01em;
}


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


#contents .head h1{
margin: 0 0 15px 0;
}

#contents .head p{
	font-size:14px;
	padding:0 15px;
	}

.ninja_onebutton{
clear: both;
padding-bottom: 0px!important;
}

#contents .head .read{
/* overflow: hidden; */
clear: both;
position: relative;
}


/* trivia
---------------------------------------------------*/
.trivia{
width: 364px;
background:url(../images/trivia_bk.png) left top repeat-y;
float: right;
overflow: hidden;
margin: 0 0 20px 25px;
position: relative;
}

.trivia h2 img{
	vertical-align:top;
	}

.trivia .trivia_inner{
padding: 0 20px 0 20px;
}

.trivia .trivia_inner p{
line-height: 1.4!important;
font-size:93%!important;
margin:0px!important;
padding:0px!important;
}


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

/* movie
---------------------------------------------------*/
.movie{
	background:url(../images/movie_bk.png) top left no-repeat;
	width:327px;
	height:330px;
	float:left;
	position:relative;
	margin:0 0 20px 0;
	}

.movie h3{
	text-align:center;
	margin:15px 0 8px 0;
	}
	
.movie .movie_inner{
	background-color:#666;
	padding:0 30px;
	}

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

.movie .movie_inner ul{
	float:right;
	width:145px;
	}
	
.movie .movie_inner ul li h4{
	text-align:center;
	margin:0 0 10px 0;
	font-size:14px;
	}
	
.movie .movie_inner ul li.staff{
	margin:0 0 10px 0;
	font-size:12px;
	}
.movie .movie_inner ul li.info{
	margin:0 0 10px 0;
	font-size:10px;
	}

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


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

.searchbar {
  display: none !important;
}