@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,img{ margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }

a:link{ text-decoration:none; color: #666;}
a:visited{text-decoration:none;color:#666;}
a:hover{text-decoration:none; color:#333;}
a:active{text-decoration:none;color:#333;}
body{ text-align:center; background:#303030 url(../images/sec_tophead.jpg) repeat-x; }
#wrapper{ text-align:left; margin:0 auto; width:920px; position:relative;}
#header{ position:relative;width:100%; height:100px; background:url(../images/sec_tophead.jpg) repeat-x;}
#header h1{float:left; margin-left:20px; text-indent:-9999px;}
#header h1 a{
	position:absolute;
	display:block;
	width:230px;
	height:100px;
	background: url(../images/sec_bg_poster.png) no-repeat 0 0;
	left:19px;
	top:0px;
}
/*nav*/
#mainNav ul{ float:left; margin:50px 0 0 250px; display:inline; }
#mainNav ul li{ float:left; display:block;}
#mainNav ul li a{ display:block; text-indent:-9999px; height:36px; margin: 0 0 0 10px;}
li#n-utena a{
	width:80px;
	background:url(../images/secNutena.png) no-repeat 0 -36px;
}
li#n-utena a:hover{background:url(../images/secNutena.png) no-repeat 0 0;}
li#n-charactor a{
	width:130px;
	background:url(../images/secNcha.png) no-repeat 0 -36px;
	
}
li#n-charactor a:hover{background:url(../images/secNcha.png) no-repeat 0 0;}
li#n-story a{
	width:111px;
	background:url(../images/secNepi.png) no-repeat 0 -36px;
}
li#n-story a:hover{
	background:url(../images/secNepi.png) no-repeat 0 0;
}

li#n-named a{
	width:160px;
	background:url(../images/secNedtr.png) no-repeat 0 -36px;
}
li#n-named a:hover{
		background:url(../images/secNedtr.png) no-repeat 0 0;
}
li#n-another a{
	width:135px;
	background: url(../images/secNroom.png) no-repeat 0 -36px;
	}
li#n-another a:hover{	background: url(../images/secNroom.png) no-repeat 0 0;}

#subNav{ position:absolute; top:120px; left:20px; width:230px; height:300px; background:url(../images/sec_subNav.jpg) no-repeat 0 0; z-index:2;}
#subNav li{ position: absolute;}
li#m-opinion a, li#m-owner a, li#m-point a, li#m-ikunicon a{position: absolute; display:block; text-indent:-9999px; width:200px; height:50px; left:30px;}
li#m-opinion a{  top:60px; background:url(../images/navOpion.png) no-repeat 0 0;}
li#m-opinion a:hover{ background:url(../images/navOpion.png) no-repeat -200px 0;}
li#m-owner a{  top:111px; background:url(../images/navOwner.png) no-repeat 0 0;}
li#m-owner a:hover{   background:url(../images/navOwner.png) no-repeat -200px 0;}
li#m-point a{  top:163px;background:url(../images/navPoints.png) no-repeat 0 0;}
li#m-point a:hover{ background:url(../images/navPoints.png) no-repeat -200px 0;}
li#m-ikunicon a{  top:215px;background:url(../images/navIkunicon.png) no-repeat 0 0;}
li#m-ikunicon a:hover{ background:url(../images/navIkunicon.png) no-repeat -200px 0;}

body#opinion li#m-opinion a{background:url(../images/navOpion.png) no-repeat -400px 0;}
body#owner li#m-owner a{background:url(../images/navOwner.png) no-repeat -400px 0;}
body#point li#m-point a{background:url(../images/navPoints.png) no-repeat -400px 0;}
body#ikunicon li#m-ikunicon a{background:url(../images/navIkunicon.png) no-repeat -400px 0;}
/*contents*/
#contents{position:absolute; top:150px; left:200px; width:740px; height:auto;  background:url(../images/sec_conRep.gif) repeat-y; }
#toppering{ margin-left:-10px; display:inline;}

#explain{ padding: 30px 50px 0 70px;}
#explain h3,#explain h2{clear:both;}
#siatiger{ padding:30px 0 0 30px; height:292px;}
#conSub{ background:url(../images/sec_conBtm5.jpg) no-repeat 0 0; height:350px; padding-left:70px; padding-top:30px;}
/*opinionNav*/
ul#thesis,ul#bolger{ float:left;}
ul#thesis li,ul#bolger li{ float:left;}
ul#thesis li a, ul#bolger li a{ display:block; margin-left:10px;}

body.Cine p, body.Sal p,body.Gun p{font-size:10pt; line-height:150%; padding-left:10px;}
ul.Cine li{padding-left:10px; font-size:9pt;}
body.Sal cite{color:#999; font-size:8pt;}
body.Sal blockquote{ color: #900; font-size:10pt; padding:10px;}
body.Sal h3,body.Gun h3{padding:10px 0;}
body.Gun h3{ padding-bottom:10px;}

body.Bat p{clear:both; font-size:9pt; line-height:200%; padding-left:10px;}
body.Bat p.Topic{ padding:0;}

ul.Bat, dl.Bat{ margin:10px 0 10px 0; color:#999;}
ul.Bat, ul.Bat li, dl.Bat{ text-align:center;}
ul.Bat li, dl.Bat dt{ display:inline;}

#footer{ background:#303030; height:30px; text-align:center; color:#fff;}
/*point*/
body.point{}
body.point p{}
body.point ul.Picshow li{ display: inline;}
/*opinion*/
body#opinion h3{ font-size:15px; padding:20px 0 10px 0;}
body#opinion h4{ padding:7px 0 5px 0;}