/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.stunicholls.com/menu/pro_drop_1.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */


.preload1 {background: url(blank_over.gif);}
.preload2 {background: url(blank_overa.gif);}


#banners {
	width:962px;
	position:relative;
	background-color:#000;
	text-align: left;
	padding-top:20px;
}
#banners ul {
	position: relative;
	margin: 0;
	padding: 0 0 0 28px;
}
#banners li {
	padding:0;
	margin:0px 3px;
	list-style:none;
	float: left;
}
#copyrite {
	text-align: center;
	color:#fff;
	font-size:12px;
	padding:20px 0!important;
	
}
#copyrite p {
	margin:0;
	padding:0;
}

#truecont {
	width:900px;
	height:750px;
	overflow:auto;
	background-color:#fff;
	position:relative;
	z-index:10;
	margin-left:31px;
	padding-top: 1px;
}
#provwrap  {
	margin:0 auto;
	margin-top: 8px;
	text-align:left;
	width:962px;
	background-color:#000;
}
#provwrap #box {
	height:125px;
	position:relative;
	left:0;
	margin:0;
}
#provwrap #Top_Logo{
	margin-top:-41px;
}
#provwrap #english {
	margin-top:-16px;
}
#provwrap #dropdown {
	margin-top:20px;
}
#provbody {
	text-align:center;
	background-color:#666464;
	margin-left: 0;
	margin-right: 0;
}

/* ------------------------- */




#box{
/*position:relative;*/
position:absolute;
overflow:visible;
background-color: #000;
/*top:50%;*/
left:50%;
width:962px;
height:1010px;
margin-left:-481px;
/*margin-top: -350px;*/
 z-index:100;
 }

#Top_Logo{
position:absolute;
overflow:visible;
 top:50%;
 left:50%;
 width:300px;
 height:99px;
 padding:10px 10px 10px 10px;
margin-left:-471px;
margin-top: -484px;
 z-index:300;
}


#english{
position:absolute;
overflow:visible;
 top:50%;
 left:50%;
 width:106px;
 height:25px;
margin-left:340px;
margin-top: -460px;
 z-index:100;
}

#dropdown{
/*position:relative;*/
position:absolute;
overflow:visible;
background-color: #fff;
 top:50%;
 left:50%;
 width:600px;
 height:500px;
margin-left:-134px;
margin-top: -422px;
 z-index:200;
}
 
#box2{
/*position:relative;*/
position:absolute;
overflow:visible;
 top:50%;
 left:50%;
 width:1024px;
 height:300px;
margin-left:-680px;
margin-top:25px;
 z-index:100;
 }
 
#box3{
/*position:relative;*/
position:absolute;
overflow:visible;
 top:50%;
 left:50%;
 width:900px;
 height:698px;
margin-left:-618px;
margin-top:25px;
overflow-x:hidden;
overflow-y:auto;
/*background-color: #EEEEEE;*/
background-color: #ffffff;

z-index:100;
 }


#youtube{
position:absolute;
 top:50%;
 left:50%;
 width:295px;
 height:217px;
 margin-left:145px;
 margin-top: 74px;
 z-index:100;
 border-width: 5px;
 border-style: ridge;
 border-color:#434343;
}

#youtubelogo{
position:absolute;
 top:50%;
 left:50%;
 width:305px;
 height:48px;
 margin-left:145px;
 margin-top: 303px;
 background-color: #000;
 padding:0px 1px 0px 1px;
 font-family:arial, verdana, sans-serif; 
 z-index:100;
}

#information{
position:absolute;
 top:50%;
 left:50%;
 width:285px;
 height:25px;
 margin-left:-452px;
 margin-top: 74px;
 background-color:#fff; 
 z-index:100;
}

#koushin{
line-height: 110%;
position:absolute;
 top:50%;
 left:50%;
 width:285px;
 height:212px;
 margin-left:-452px;
 margin-top: 99px;
 border:solid 1px #000; 
 background-color:#fff; 
 overflow:auto;
 z-index:100;
}

#hotnews_img{
position:absolute;
 top:50%;
 left:50%;
 width:285px;
 height:25px;
 margin-left:-153px;
 margin-top: 74px;
 background-color:#fff; 
 z-index:100;
}

#hotnews{
line-height: 110%;
position:absolute;
 top:50%;
 left:50%;
 width:285px;
 height:212px;
 background-color:#fff;
 overflow:auto;
 margin-left:-153px;
 margin-top: 99px;
 z-index:100;
}

#columnreview{
position:absolute;
 top:50%;
 left:50%;
 width:285px;
 height:48px;
 margin-left:-452px;
 margin-top: 322px;
 z-index:100;
}

#userlist{
position:absolute;
 top:50%;
 left:50%;
 width:285px;
 height:48px;
 margin-left:-154px;
 margin-top: 322px;
 z-index:100;
}

#pacifix{
position:absolute;
 top:50%;
 left:50%;
 width:113px;
 height:36px;
 margin-left:-452px;
 margin-top: 375px;
 z-index:100
}
#ftt{
position:absolute;
 top:50%;
 left:50%;
 width:113px;
 height:36px;
 margin-left:-301px;
 margin-top: 375px;
 z-index:100
}
#deceiver{
position:absolute;
 top:50%;
 left:50%;
 width:113px;
 height:36px;
 margin-left:-152px;
 margin-top: 375px;
 z-index:100
}
#bruff{
position:absolute;
 top:50%;
 left:50%;
 width:113px;
 height:36px;
 margin-left:-1px;
 margin-top: 375px;
 z-index:100
}
#oasis{
position:absolute;
 top:50%;
 left:50%;
 width:113px;
 height:36px;
 margin-left:150px;
 margin-top: 375px;
 z-index:100
}

#qrcode{
position:absolute;
 top:50%;
 left:50%;
 width:165px;
 height:60px;
 margin-left:301px;
 margin-top: 375px;
 background-color: #000;
 padding:0px 1px 0px 1px;
 font-family:arial, verdana, sans-serif; 
 z-index:100;
}

#copyright{
position:absolute;
 top:50%;
 left:50%;
 width:1024px;
 height:10px;
 margin-left:-512px;
 margin-top: 468px;
 z-index:100
}


/*プルダウンメニューデフォルト設定*/
#nav {padding:0; margin:0; list-style:none; height:36px; background:#000; position:relative; z-index:300; font-family:arial, verdana, sans-serif;}

/*プルダウン第1階層ライン*/
#nav li.top {display:block; float:left;}

/*プルダウン第1階層ライン*/
#nav li a.top_link {display:block; float:left; height:36px; line-height:27px; color:#998826; text-decoration:none; font-size:12px; font-weight:bold; padding:0 0 0 8px; cursor:pointer;background: url(blank.gif);background-color:#fff;}

/*プルダウン第1階層ラインで、プルダウンをもつメニューのオープン前　表示設定*/
#nav li a.top_link span {float:left; display:block; padding:0 24px 0 8px; height:36px;background:url(blank.gif) right top;
background-color:#fff;}

/*プルダウン第1階層ラインで、プルダウンをもつメニューのオープン後　表示設定*/
#nav li a.top_link span.down {float:left; display:block; padding:0 24px 0 12px; height:36px; background:url(blanka.gif) no-repeat right top;background-color:#fff;}
/**/
#nav li a.top_link:hover {color:#665555; background: url(blank_over.gif) no-repeat;}
/**/
#nav li a.top_link:hover span {background:url(blank_over.gif) no-repeat right top;}
/**/
#nav li a.top_link:hover span.down {background:url(blank_overa.gif) no-repeat right top;}
/**/
#nav li:hover > a.top_link {color:#A8002F; background: url(blank_over.gif) no-repeat;}
#nav li:hover > a.top_link span {background:url(blank_over.gif) no-repeat right top;}
#nav li:hover > a.top_link span.down {background:url(blank_overa.gif) no-repeat right top;}



/* Default list styling */
#nav li:hover {position:relative; z-index:300;}

/*プルダウンメニュー本体は画面の外にあらかじめとばしておく*/
/* keep the 'next' level invisible by placing it off screen. */
#nav ul, 
#nav li:hover ul ul,
#nav li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul ul
{position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none;}

/*プルダウンメニューデフォルト表示*/
#nav li:hover ul.sub
{left:0; top:31px; background: #665555; padding:3px; border:1px solid #000; white-space:nowrap; width:158px; height:auto; z-index:300;}

/*プルダウンメニュー各項目の表示スタイル*/
#nav li:hover ul.sub li
{display:block; height:20px; position:relative; float:left; width:158px; font-weight:normal;}

/*プルダウンメニュー、フォントサイズ、各項目高さと幅、デフォルトフォントカラー、テキストインデント*/
#nav li:hover ul.sub li a
{display:block; font-size:12px; height:20px; width:160px; line-height:20px; text-indent:1px; color:#fff; text-decoration:none;
z-index:300;}

/*プルダウン展開時のデフォルト表示、プルダウン背景色、矢印位置*/
#nav li ul.sub li a.fly
{background:#665555 url(arrow_over.gif) 150px 7px no-repeat;}

/*プルダウン展開、選択時で、次の階層のないプルダウン選択項目の背景とフォントカラー*/
#nav li:hover ul.sub li a:hover 
{background:#000000; color:#A8002F;}

/*プルダウン展開、選択時の選択項目背景色と矢印位置、フォントカラー*/
#nav li:hover ul.sub li a.fly:hover
{background:#000000 url(arrow_over.gif) 137px 7px no-repeat; color:#A8002F;}

/*プルダウン選択後の選択項目背景色とフォントカラー、矢印の位置*/
#nav li:hover ul li:hover > a.fly {background:#000 url(arrow_over.gif) 137px 7px no-repeat; color:#A8002F;} 

/*プルダウンメニューの位置、背景色、パディング（端からの文字位置）、メニュー枠と枠色、幅、高さ*/
#nav li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul,
#nav li:hover ul li:hover ul li:hover ul li:hover ul li:hover ul
{left:145px; top:-4px; background: #665555; padding:3px; border:1px solid #000; white-space:nowrap; width:160px; z-index:300; height:auto;}

.nolink {color:#b2c43f}