@charset "utf-8";
/* index.css */


body {
	background: url(../../images/backgroundline.jpg) #000 repeat-x center 35px;
}


/*********************************************
wrapper
*********************************************/
div#wrapper {
	width:100%;
	height:100%;
	color: #FFFFFF;
	font-size:12px;
	letter-spacing:0.05em;
	text-align: center;
	background: url(../../images/bg.jpg) no-repeat center 35px;
}

/*********************************************
container
*********************************************/

#container {
	width: 850px;
	margin: 0 auto;
	padding: 348px 0 0;
}


/* ----------------- menu ---------------------- */
#menu_box {
	width: 882px;
	height: 52px;
	margin: 477px auto 11px;
}

ul#menu {
	width: 882px;
}


#menu_box ul li {
	width: 126px;
	height: 52px;
	float: left;
}

#menu_box ul li a {
	width: 126px;
	height: 52px;
	background-image: url(../../images/top_menu.jpg);
	float: left;
}

li#menu01 a {
	width: 126px;
	height: 52px;
	display: block ;
}

li#menu02 a {
	width: 126px;
	height: 52px;
	display: block ;
}


li#menu03 a {
	width: 126px;
	height: 52px;
	display: block ;
}

li#menu04 a {
	width: 126px;
	height: 52px;
	display: block ;
}

li#menu05 a {
	width: 126px;
	height: 52px;
	display: block ;
}

li#menu06 a {
	width: 126px;
	height: 52px;
	display: block ;
	cursor: default;
}


li#menu07 a {
	width: 126px;
	height: 52px;
	display: block ;
}

#menu01 a {background-position: 0px 0px;}
#menu02 a {background-position: -126px 0px;}
#menu03 a {background-position: -252px 0px;}
#menu04 a {background-position: -378px 0px;}
#menu05 a {background-position: -504px 0px;}
#menu06 a {background-position: -630px 0px;}
#menu07 a {background-position: -756px 0px;}

#menu01 a:hover {background-position: 0px -52px;}
#menu02 a:hover {background-position: -126px -52px;}
#menu03 a:hover {background-position: -252px -52px;}
#menu04 a:hover {background-position: -378px -52px;}
#menu05 a:hover {background-position: -504px -52px;}
#menu06 a:hover {background-position: -630px -52px;}
#menu07 a:hover {background-position: -756px -52px;}
/* ----------------- banner ---------------------- */

#banner_box {
	width: 658px;
	height: 60px;
	margin: auto;
}

ul#banner {
	width: 658px;
}


#banner_box ul li {
	width: 210px;
	height: 60px;
	float: left;
	background-color: #FFF;
}

#banner_box ul li a {
	width: 210px;
	height: 60px;
	float: left;
}

li#banner01 {
	width: 210px;
	height: 60px;
}

li#banner02 {
	width: 210px;
	height: 60px;
	margin-left: 14px;
}


li#banner03 {
	width: 210px;
	height: 60px;
	margin-left: 14px;
}

li#banner04 {
	width: 210px;
	height: 60px;
	margin-left: 14px;
}

li#banner01 a:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}

li#banner02 a:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}


li#banner03 a:hover{
	opacity: 0.9;
	filter: alpha(opacity=90);
}

li#banner04 a:hover{
	opacity: 0.8;
	filter: alpha(opacity=80);
}


/*********************************************
footer
*********************************************/

#footer_topbox {
	width: 850px;
	height: 24px;
}

#footer_icons {
	width: 280px;
	height: 23px;
	float: right;
}

div#footer_wrapper {
	width: 882px;
	margin: 0 auto 20px;
}

div#copyright {
	width: 537px;
	height: 29px;
	float: left;
	margin-right: 53px;
	text-align: left;
	font-size: 9px;
	color: #FFFFFF;
	padding-top: 25px;
}

div#footer {
	width: 292px;
	height: 54px;
	float: left;
}

#footer_btn01 {
	width: 112px;
	height: 53px;
	float: left;
}

#footer_btn02 {
	width: 75px;
	height: 53px;
	float: left;
}

#footer_btn03 {
	width: 105px;
	height: 53px;
	float: left;
}

/*********************************************
header
*********************************************/
.header_logo {
	float:left;
}


/* goiken&support */
#goiken_support_box {
	float:right;
	width:140px;
	padding-top:13px;
}

#support {
	display:block;
	width:54px;
	height:9px;
	background:url(../../common/images/support_white.gif) top left no-repeat;
	text-align:left;
	text-indent:-9999px;
}

#goiken {
	display:block;
	width:47px;
	height:9px;
	background:url(../../common/images/goiken_white.gif) top left no-repeat;
	text-align:left;
	text-indent:-9999px;
}

.support_container {
	float:right;
	padding-right:10px;
}

.goiken_container {
	float:left;
}