@charset "Shift_JIS";
/*//////SRWOG///////*/

/*general*/
* { margin:0; padding:0; }
body { height:100%; background:#000; text-align:center; font-size:62.5%; font-family:Verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; line-height:1.8; color:#fff; margin:0;padding:0;}
a { color:#cf2c00;}
a img { border:0;}
p,h1,h2,h3,h4,h5,h6 { margin:0;padding:0;}
ul,ol,li,dl,dt,dd { margin:0;padding:0;list-style:none;}
th,td { text-align:left;vertical-align:top;}
.clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix{display:inline-block;}
/* Hides from IE-mac ?*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */
.alt{ visibility:hidden; position:absolute; top:-20000px; left:-20000px; width:1px; display:none;
	/*?*/
	display:block;
	/**/
	}
hr{display:none;}

/*head*/
#header { width:100%; min-height:36px; height:auto !important; height:36px; background:#004097 url(../img/bg_head.png) repeat-x; border-bottom: solid 1px #464646;}
/*sns*/
ul.bookmark_button { float:right; width:500px; list-style:none; text-align:right;}
ul.bookmark_button li { float:right;}
ul.bookmark_button li.twitter { width:120px;}
ul.bookmark_button li.hatena { padding-right:10px;}
ul.bookmark_button li.facebook { padding-right:10px;}
ul.bookmark_button li.gplus {}

/*contents*/
#container { width:920px; height:1195px; background:url(../img/bg_main.png); margin:0 auto 0; text-align:left; z-index:999; position:relative;}
#container h1, #container h2, #container p { display:none;}
#maintitle { width:975px; height:618px; background:url(../img/title.png) no-repeat; position:absolute; top:0; left:-65px;}
#menu { width:920px; height:215px; background:url(../img/menu.png) no-repeat; position:absolute; top:589px; left:0;}
	#menu li { position:absolute; left:0;}
	#menu li#m1 { top:0;}
	#menu li#m2 { top:73px;}
	#menu li#m3 { top:146px;}
	#menu li a { display:block; width:920px; height:69px; text-indent:-5000px;}
	#menu li a:hover { background:url(../img/menu.png) no-repeat;}
	#menu li#m1 a:hover { background-position:0 -240px;}
	#menu li#m2 a:hover { background-position:0 -320px;}
	#menu li#m3 a:hover { background-position:0 -400px;}

#imgBox { width:100%; height:214px; background:#000; border-top:3px solid #004fa5; border-bottom:3px solid #004fa5; position:absolute; top:858px; left:0; z-index:9999;}
	#loopslider { margin:0 auto; width:100%; height:214px; text-align:left; position:relative; overflow:hidden;}
	#loopslider ul { height:214px; float:left; display:inline; overflow:hidden;}
	#loopslider ul li { width:380px; height:214px; float:left; display:inline; overflow: hidden;}

#bnofficial { position:absolute; top:1073px; left:208px;}
#bnofficial a:hover img { filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#credit { width:100%; text-align:center; color:#fff; background:#000; padding:20px 0 30px;}
#footer { width:100%; font-size:120%; color:#333; background:#fff; padding:20px 0;}