@charset "utf-8";
/* CSS Document */
 /* <![CDATA[ */
/*힌트는 여기 http://www.hicksdesign.co.uk*/
/*원본 http://exanimo.com/css/vertical-centering-with-a-floated-shim/*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{ margin : 0; padding : 0; }
ol,ul { list-style : none; }
a:link{ text-decoration:none; color:#f33;}
a:visited{text-decoration:none;color:#f33;}
a:hover{text-decoration:none;color:#c00;}
a:active{text-decoration:none;color:#c00; }
html, body{
height: 100%;                                                                   
margin: 0;
padding: 0;                                                                    
}
body{ text-align:center; background:#fcc; color:#f99;}
blockquote{text-indent:-9999px;}
div#skipLinker{
visibility: hidden;
width: 100%;
height: 50%;                                                                     
margin-top: -300px;                                                              
float: left;
}
div#mainBox{
text-align:left; margin:0 auto;
background: url(../images/2011index.png)  no-repeat 0 0;
width: 671px;
/*width: 671px; base size*/
height: 583px;
clear: both;
position:relative;
}
h1{text-indent:-9999px;display:block; width:250px; height:124px;}
h1 a{
	display:block;
	width:250px;
	height:124px;
	position: absolute;
	left:0px;
	top:0px;
} 
/*ie6hack display:inline;*/
#content{ width: 430px; height:320px; float:right;text-align:center; display:inline;}
/*#content{ position:absolute;width: 380px; height:320px;text-align:center; left:250px; top:130px;}*/
#content p{ margin-top:25px; margin-left:10px; margin-left:-165px; color:#F00}
#content h3{ font-size:40px; margin-top:10px; margin-left:-110px;}

#navigation{ float:left; height:320px; width:230px; margin:5px 0 0 5px; background:url(../images/menushower.png) no-repeat 134px -1px;}
#mainNav{ width:170px; height:190px; margin:0 0 0 15px;}
#mainNav ul{ position:relative;}
#mainNav ul li{  }
li#n-utena a, li#n-charactor a, li#n-story a, li#n-named a, li#n-another a{ position: absolute; display:block; text-indent:-9999px; }
li#n-utena a{
	width:100px;
	height:40px;
	left:19px;
	top:7px;
}
li#n-charactor a{
	width:118px;
	height:30px;
	left:5px;
	top:52px;
}
li#n-story a{
	width:125px;
	height:27px;
	left:34px;
	top:86px;
}
li#n-named a{
	width:150px;
	height:35px;
	left:18px;
	top:118px;
}
li#n-another a{
	width:147px;
	height:25px;
	left:10px;
	top:159px;
}

#subNav{  margin:15px 0 0 20px; padding-left:10px; width:170px;}
#subNav h2{ border-bottom:1px solid #c66;}
#subNav #Leftering{ float:left; border-right: 1px solid #f33; padding-right:2px;}
#subNav #Rightering{ float: left; padding-left:10px;}
#subNav ul li{ font-size:14px;}

#footer{clear:both; position:relative;}
#footer h4{
	position:absolute;
	left:265px;
	top:18px;
	font-size:13px;
}
#footer #counter{
	position:absolute;
	left:93px;
	top:44px;
	width:90px;
	height:33px;
	z-index:1;
}