@charset "shift-JIS";

/* ------------------------------------------------------------
 
 目次

1:layout
2:header
3:sub_navi_1
4:login
5:sub_navi_2
6:navi

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

/*stylereset用CSS-----------------*/
@import "reset.css";





/* 
 1:layout
------------------------------ */
#pog_header{
	top:0px;
	min-width: 940px;
	background-color:#FFFFFF;
}

/* 
 2:header
------------------------------ */
#pog_header div#header{
	width:940px;
	margin-left:auto;
	margin-right:auto;
}
#pog_header div#header div#left_area{
	float:left;
	width: 270px;
	margin-top: 20px;
	margin-bottom:14px;
}
#pog_header div#header_navi{
	float:right;
	width: 650px;
}

/* 
 3:sub_navi_1
------------------------------ */
#pog_header div#sub_navi_1{
	margin-top: 3px;
	width: 270px;
	float:right;
}
#pog_header div#sub_navi_1 img{
	vertical-align:bottom;
}
#pog_header div#sub_navi_1 li{
	float:left;
	padding-left: 15px;
}

/* 
 4:login
------------------------------ */
#pog_header div#login{
	margin-top: 5px;
	float:right;
}
body#frame_navi {
	background-color:#FFFFFF;
}

body#frame_navi ul{/*loguin.txt、loguout.txtで使用*/
	float:right;
	margin-right:0px;
}
body#frame_navi ul li{/*loguin.txt、loguout.txtで使用*/
	float:left;
	padding-left: 5px;
}

/* 
5:sub_navi_2
------------------------------ */
#pog_header div#sub_navi_2{
	clear: both;
	width: 560px;
	padding-top: 15px;
	margin-left: 92px;
	margin-bottom: 5px;
}
#pog_header div#sub_navi_2 img{
	vertical-align:bottom;
}
#pog_header div#sub_navi_2 li{
	float:left;
}

/* 
 6:navi
------------------------------ */

#pog_header div#navi_wrap{
	clear:both;
	background: #000;
	min-width: 940px;
	zoom:1;/*for IE 5.5-7*/
	position: relative;
	z-index:100;
}


#pog_header div#navi{
	width:940px;
	margin-left:auto;
	margin-right:auto;
	background: #fff;
/*	white-space:nowrap;*/
}
#pog_header div#navi img{
	vertical-align:bottom;
}
#pog_header div#navi a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	background: #fff;
}

#pog_header div#navi:after	{ content: "."; display: block; clear: both; height: 0; visibility: hidden; }
* html #pog_header #navi	{ display:inline-table; /**/display:block;/**/}

/* 
	LEVEL ONE
*/
#pog_header div#navi 						{ position: relative;}
#pog_header div#navi ul.dropdown li		{ float: left;zoom:1; }
/*#pog_header div#navi ul.dropdown li:last-child	{ margin-right:-1px; }*/


/* 
	LEVEL TWO
*/
#pog_header div#navi ul.dropdown ul 			{ width: 188px; font-size:12px; visibility: hidden; position: absolute; top: 45px; left: 752px; }
#pog_header div#navi ul.dropdown ul li 		{ background: #fdffe0; border-bottom: 1px solid #000; border-left: 1px solid #000; border-right: 1px solid #000; float: none; }
#pog_header div#navi ul.dropdown ul li.rank 		{ background: #cfe1e8;}
										/* IE 6 & 7 Needs Inline Block */
#pog_header div#navi ul.dropdown ul li a	{ border-right: none; width: 176px; display: inline-block; color: #000; text-decoration:none; padding:1px 5px; }
#pog_header div#navi ul.dropdown ul li a:hover	{ background: #fdf8b4; }

#pog_header div#navi ul.dropdown ul li a strong	{ color: #ff0000; }