@charset "utf-8";

/* CSS Document */

@import url("init.css");


/*//////////////////////////////
////////////////////////////////
//header
/////////////////////////////*/
div#header{
	width:950px;
	margin:5px  auto 0 auto;
}
div#header h1{
	float:left;
	height:20px;
	margin-right:10px;
}
div#header p{
	height:20px;
	float:left;
	font-size:10px;
	margin-top:2px;
}
div#header #c_h1{
	width:950px;
}
div#header #logo{
	float:left;
	height:60px;
	}
div#header h2{
	text-indent:-9999px;
}
div#header ul#h_navi{
	float:right;
	width:300px;
}
div#header ul#h_navi li{
	float:left;
}
div#header ul#h_navi li a{
	height:62px;
	margin-right:10px;
	overflow:hidden;
	display:block;
	text-indent:-9999px;
	width:53px;
}
div#header ul#h_navi li#link1 a{
	background:url(../img/home/global_navi1.gif) no-repeat;
}
div#header ul#h_navi li#link2 a{
	background:url(../img/home/global_navi2.gif) no-repeat;
}
div#header ul#h_navi li#link3 a{
	background:url(../img/home/global_navi3.gif) no-repeat;
}
div#header ul#h_navi li#link1 a:hover , div#header ul#h_navi li#link2 a:hover , div#header ul#h_navi  li#link3 a:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter:alpha(opacity=60);
	opacity:0.6;
}
div#header ul#h_navi li#entry{
	text-indent:-9999px;
}
div#header #entry{
	float:right;
	text-indent:-9999px;
}
div#header ul#h_navi li#entry a , div#header #entry a{
	background:url(../img/common/entry_btn.gif) no-repeat #000 4px 4px;
	height:62px;
	display:block;
	width:101px;
}
div#header ul#h_navi li#entry a:hover , div#header #entry a:hover{
	background:url(../img/common/entry_btn.gif) no-repeat 4px 4px #A0A0A0;
}

/*//////////////////////////////
////////////////////////////////
//ad_banner
/////////////////////////////*/
#ad_banner{
	height:62px;
	clear:both;
	text-align:center;
	padding:20px 0;
}
#ad_banner2{
	float:right;
}
#ad_banner img , #ad_banner span , #ad_banner2 img , #ad_banner2 span{
	margin-right:5px;
}
div#header #ad_banner{
	float:left;
	text-align:left;
}
#banner li a{
	margin-bottom:5px;
	width:180px;
	height:50px;
	display:block;
}
#banner li a:hover{
-ms-filter: "alpha( opacity=70 )";
	filter:alpha(opacity=70);
	opacity:0.7;
}
/*//////////////////////////////
////////////////////////////////
//h_subNavi
/////////////////////////////*/
#h_subNavi{
	clear:both;
	padding-top:20px;
	margin:0px 0 0 525px;
	height:23px;
	width:429px;
}
#h_subNavi li {
	float:left;
}
#h_subNavi li a{
	background:url(../img/common/sab_navi.gif) no-repeat;
	display:block;
	width:99px;
	text-indent:-9999px;
	height:23px;
}
#h_subNavi li#gs_link a{
	width:113px;
}
#h_subNavi li#gs_link2 a{
	background-position:-113px 0;
}
#h_subNavi li#gs_link3 a{
	background-position:-212px 0;
}
#h_subNavi li#gs_link4 a{
	width:128px;
	background-position:-311px 0;
}
#h_subNavi li#gs_link5 a{
	background-position:-439px 0;
}
#h_subNavi li a:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter:alpha(opacity=60);
	opacity:0.6;
}

/*//////////////////////////////
////////////////////////////////
//globalNavi
/////////////////////////////*/
#navi{
	clear:both;
	width:100%;
	height:42px;
	position:absolute;
	top:131px;
	/top:130px;
	border-bottom:2px solid #000;
	_border:none;
}
/* LEVEL ONE*/
ul.dropdown{
	position: relative;
	z-index:2;
	margin:0 auto;
	width:950px;
}
ul.dropdown li{
	float: left;
	zoom: 1;
	list-style:none;
	/*　overflow:hidden;*/
}
ul.dropdown li a{
	height:44px;
	display:block;
	text-indent:-9999px;
	background:url(../img/common/gloval_navi.gif) no-repeat ;
	width:122px;
}

ul.dropdown li#r_link0 a{
	background-position:0px 0px;
	width:95px;
}
ul.dropdown li#r_link0 a:hover{
	background-position:0px -51px;
}
ul.dropdown li#r_link1 a{
	background-position:-95px 0px;
}
ul.dropdown li#r_link1 a:hover{
	background-position:-95px -51px;
}
ul.dropdown li#r_link2 a{
	background-position:-217px 0px;
}
ul.dropdown li#r_link2 a:hover{
	background-position:-217px -51px;
}

ul.dropdown li#r_link3 a{
	background-position:-339px 0px;
}
ul.dropdown li#r_link3 a:hover{
	background-position:-339px -51px;
}

ul.dropdown li#r_link4 a{
	background-position:-461px 0px;
}
ul.dropdown li#r_link4 a:hover{
	background-position:-461px -51px;
}

ul.dropdown li#r_link5 a{
	background-position:-583px 0px;
}
ul.dropdown li#r_link5 a:hover{
	background-position:-583px -51px;
}

ul.dropdown li#r_link6 a{
	background-position:-705px 0px;
}
ul.dropdown li#r_link6 a:hover{
	background-position:-705px -51px;
}

ul.dropdown li#r_link7 a{
	background-position:-827px 0px;
	width:123px;
}
ul.dropdown li#r_link7 a:hover{
	background-position:-827px -51px;
}

ul.dropdown li:last-child a {
	 border-right: none;
} /* Doesn't work in IE */
ul.dropdown li.hover,ul.dropdown li:hover{
	 color: black; position: relative;
}
ul.dropdown li.hover a{
	color: black;
}
/* LEVEL TWO*/
ul.dropdown ul{
	width:120px;
	visibility: hidden;
	position: absolute;
	top:44px;
	left: 0;
}
ul.dropdown li#r_link1 ul , ul.dropdown li#r_link2 ul , ul.dropdown li#r_link3 ul, ul.dropdown li#r_link5 ul, ul.dropdown li#r_link6 ul, ul.dropdown li#r_link7 ul{
	background:#F2F2F2;
	border:solid 2px #000;
}
ul.dropdown li#r_link7 ul{
	width:140px;
	left: -20px;
}


ul.dropdown ul li{
	font-weight: normal;
	border-bottom: solid 1px #666666;
	float: none;
}
/* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a	{
	display: inline-block;
	text-indent:0;
	height:30px;
	line-height:30px;
	background:none;
	padding-left:10px;
	text-decoration:none;
	color:#FF5900;
	_width:110px;
} 
ul.dropdown ul li a:hover{
	color:#0072FF;
}

/* 
	LEVEL THREE
*/
ul.dropdown ul ul {
	left: 100%;
	top: -2px;
}
ul.dropdown li:hover > ul {
	visibility: visible;
}

/*//////////////////////////////
////////////////////////////////
//main
/////////////////////////////*/
#topics{
	background:#EFE8CC;
	height:30px;
	margin-top:60px;
	margin-bottom:20px;
}
#topics li{
	float:left;
	margin:5px 0 0 10px;
}
#topics li a{
	background: url(../img/common/topics_icon.gif) no-repeat right;
	padding-right:10px;
}
#main{
	margin-bottom:30px;
}
#main #c_left{
	float:left;
	width:180px;
}
#main #c_right{
	float:right;
	width:750px;
}
#main #c_left{
	width:180px;
}
#main #c_right{
	width:750px;
}
#p_title{
	text-align:right;
	margin-bottom:20px;
}

/*//////////////////////////////
////////////////////////////////
//useful
/////////////////////////////*/
#c_left #useful{
	background:url(../img/common/useful_left.gif) no-repeat;
	padding-top:25px;
}
#c_left #useful dt{
	font-weight:bold;
	color:#FF5900;
	border-bottom:solid 5px #EBEBEB;
	margin-top:15px;
}
#c_left #useful dd a{
	color:#333333;
	display:block;
	width:140px;
	padding-left:30px;
	text-decoration:none;
	border-bottom:dotted 1px #999999;
	background:url(../img/common/icon.gif) no-repeat 10px 10px;
	border-left:solid 5px #EBEBEB;
	border-right:solid 5px #EBEBEB;
	height:30px;
	line-height:30px;
}
#c_left #useful dd.bottom{
	border-bottom:solid 5px #EBEBEB;
}
#c_left #useful dd a:hover{
	color:#FF5900;
	
}
/*//////////////////////////////
////////////////////////////////
//pagetop
/////////////////////////////*/
#page_top{
	clear:both;
	text-indent:-9999px;
	width:940px;
}
#page_top a{
	background:url(../img/common/page_top.gif) no-repeat ;
	height:21px;
	display:block;
	margin-left:831px;
	width:109px;
}
#page_top a:hover{
	-ms-filter: "alpha( opacity=60 )";
	filter:alpha(opacity=60);
	opacity:0.6;
}

/*//////////////////////////////
////////////////////////////////
//footerWrap
/////////////////////////////*/
#footerWrap #globalNavi {
	margin:5px 0 10px 0;
	_margin-bottom:0px;
}
#footerWrap #globalNavi , #footerWrap #subNavi , #footerWrap #subNavi2{
	background:url(../img/common/footer_icon.gif) no-repeat 0 9px;
	height:20px;
	width:930px;
	clear:both;
}
#footerWrap #globalNavi li , #footerWrap #subNavi li{
	float:left;
}
#footerWrap #globalNavi li a , #footerWrap #subNavi a{
	background:url(../img/common/footer_icon.gif) no-repeat right;
	padding:5px;
	display:block;
	color:#000;
}
div#footer ul{
	margin-top:20px;
	_margin-top:15px;
}
div#footer ul li#name{
	color:#fff;
	float:left;
}
div#footer ul li#copyRight{
	color:#fff;
	float:right;
}