@charset "UTF-8";

/*==========================================================================
 reset
============================================================================ */
*{ margin:0; padding:0; }  
a img { border-width: 0px; }
a { outline : 0 ; }
h1,h2,h3,h4,h5,em{ font-style: normal; font-weight: normal; margin: 0; padding: 0; }
ul li { list-style: none; }
html { height: 100%; }

/* clear,float------------------------------------------------------ */  
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
.cf { overflow: hidden; /* clearfix */ }  
/* IE6 */  
* html .cf { zoom: 1; } 

/* txt------------------------------------------------------ */
.center { text-align: center; }
.txt_right { text-align: right; }

/*==========================================================================
 basic layout
============================================================================ */ 
body {
	background:#20160E url(../img/body_bg.jpg) repeat;
	font-size:13px; line-height:1.6; color:#333333;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
* html body { font-size:82%; }

#wrapper { position:relative; width:100%; height:485px; padding-top:50px; background:#20160E url(../img/bg.jpg) repeat-y center top; }

/* header ----------------------------------------------- */ 
#header { position:absolute; top:525px; left:0; background: url(../img/nav_bg.jpg) repeat-x left top; width:100%; height:178px; }
#header .inner { width:900px; margin:0 auto; }
#header .left { width:561px; float:left; margin-top:33px; }


h1 { width:288px; height:56px; text-indent:-9999px; background:url(../img/logo.png) no-repeat 0 0; font-size:100%; }
h2 { width:561px; height:22px; text-indent:-9999px; background:url(../img/logo.png) no-repeat 0 -56px; font-size:100%; }


/* nav ----------------------------------------------- */
#nav { width:286px; height:144px; float:right; margin-top:12px; }
#nav ul { width:286px; height:144px; display:block; }
#nav li { display:block; text-indent:-9999px; width:55px; height:144px; float:left; }
#nav li a { display:block; width:55px; height:144px; }
#nav li#n5,#nav li#n5 a { width:66px; }

#nav #n1 a { background:url(../img/nav_top.png) no-repeat 0 0; }
#nav #n2 a { background:url(../img/nav_top.png) no-repeat -55px 0; }
#nav #n3 a { background:url(../img/nav_top.png) no-repeat -110px 0; }
#nav #n4 a { background:url(../img/nav_top.png) no-repeat -165px 0; }
#nav #n5 a { background:url(../img/nav_top.png) no-repeat -220px 0; }
#nav #n1 a:hover { background:url(../img/nav_top.png) no-repeat 0 -144px; }
#nav #n2 a:hover { background:url(../img/nav_top.png) no-repeat -55px -144px; }
#nav #n3 a:hover { background:url(../img/nav_top.png) no-repeat -110px -144px; }
#nav #n4 a:hover { background:url(../img/nav_top.png) no-repeat -165px -144px; }
#nav #n5 a:hover { background:url(../img/nav_top.png) no-repeat -220px -144px; }


/* footer ----------------------------------------------- */
#footer { width:900px; margin:178px auto 0; padding-top:15px; color:#B3B2B1; } 
#footer .left { display:block; width:460px; }
#footer .right { display:block; width:430px; font-size:12px; font-family:Georgia, "Times New Roman", Times, serif; text-align:right; padding-top:40px; }
#footer .right a { text-decoration:none; color:#B3B2B1; } 


/*==========================================================================
 top page
============================================================================ */
#flash { width:900px; height:460px; overflow:hidden; background:url(../img/flash_bg.png) no-repeat left top; margin:0 auto;
/* Progressive Enhancement */ box-shadow: 2px 2px 3px #000; -moz-box-shadow: 2px 2px 3px #000; -webkit-box-shadow: 2px 2px 3px #000; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
#flash img { padding:10px; }

#topics { width:415px; height:30px; line-height:30px; overflow:hidden; margin:10px 0 0; background:url(../img/top_topics.png) no-repeat left center; padding-left:85px; } 
#topics p { margin-left:85px; }