/* CSS Document */
@charset "Shift_JIS";


* {
     margin:0;
     padding:0;
     }

/********************* clearfix *************************/

.clearfix:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
		}

	/*for IE7*/
	.clearfix {   
    display: inline-block;   
} 

	/* exlude MacIE5 \*/
	*html .clearfix {
		height: 1%;
		}
	.clearfix {
		display:block;
		}
	/* end MacIE5 */


/********************* base *************************/
a {
	color: #FFF;
	text-decoration: none;
}
a:hover {
	color: #8D701E;
	text-decoration: underline;
}

body {
	background: #000 url(../../images/common/body_bg.gif) no-repeat left top;
	color: #FFFFFF;
	font: normal 75% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	margin: 0 auto;
	text-align: center;
}

img {
	padding: 0;
	margin: 0;
	border: 0;
	}

li {
	list-style: none;
}




/********************* body style *************************/
#container {
	width: 700px;
	margin: 0 auto;
}

#container h1{
	display: block;
}

/*for IE6*/
#container {
	text-align: center;
}

	body #container h1 {
		text-align: left;
}

#body {
	margin: 0 auto;
	width: 696px;
	background: #000000;
	border: #8D701E 2px solid;
}

/********************* small menu *************************/
#header{
	border-bottom: 5px solid #40330E;
	width:696px;
	}

#header ul{
	width:312px;
	height:12px;
	position:relative;
	top:0px;
	overflow:hidden;
	margin:8px 0px 0px 360px;
	}
#header ul li a{
	position:absolute;
	top:0px;
	overflow:hidden;
	height:12px;
	text-indent:-9999px;
	text-decoration:none;
	}
#header ul li.home a{
	background: url(../../images/common/s-menu_home.gif) no-repeat 0 0;
	left:0px;
	width:40px;
	}
#header ul li.otoiawase a{
	background: url(../../images/common/s-menu_contact.gif) no-repeat 0 0;
	left:55px;
	width:54px;
	}
#header ul li.ppolicy a{
	background: url(../../images/common/s-menu_ppolicy.gif) no-repeat 0 0;
	left:124px;
	width:107px;
	}
#header ul li.sitemap a{
	background: url(../../images/common/s-menu_sitemap.gif) no-repeat 0 0;
	left:246px;
	width:66px;
	}

#header ul li.home a:hover{
	background: url(../../images/common/s-menu_home_over.gif) no-repeat left top;
	left:0px;
	width:40px;
	}
#header ul li.otoiawase a:hover{
	background: url(../../images/common/s-menu_contact_over.gif) no-repeat left top;
	left:55px;
	width:54px;
	}
#header ul li.ppolicy a:hover{
	background: url(../../images/common/s-menu_ppolicy_over.gif) no-repeat left top;
	left:124px;
	width:107px;
	}
#header ul li.sitemap a:hover{
	background: url(../../images/common/s-menu_sitemap_over.gif) no-repeat left top;
	left:246px;
	width:66px;
	}



/********************* menu *************************/
#menu { 
	width: 696px;
	height: 150px;
	background: url(../../images/common/menu_bg.jpg) no-repeat center top;
	border-top: 2px solid #8D7020;
}

#menu h2{
	width: 696px;
	height: 150px;
}

#menu h2 img{
	width:306px;
	height:126px;
	margin:7px 32px 0px 358px;
}

#menu ul {
	width:312px;
	height:134px;
	position:absolute;
	overflow:hidden;
	margin:6px 43px 0px 73px;
	}

#menu ul li a{
	position:absolute;
	top:0px;
	overflow:hidden;
	width:50px;
	height:134px;
	text-indent:-9999px;
	text-decoration:none;
	}

#menu ul li.company_info a{
	background: url(../../images/common/menu_company-info.jpg) no-repeat 0 0;
	left:0px;
	width:50px;
	height:134px;
	}

#menu ul li.about_eal a{
	background: url(../../images/common/menu_about-eal.jpg) no-repeat 0 0;
	left:63px;
	width:50px;
	height:134px;
	}

#menu ul li.ike_index a{
	background: url(../../images/common/menu_ike-index.jpg) no-repeat 0 0;
	left:126px;
	width:50px;
	height:134px;
	}

#menu ul li.data_dl a{
	background: url(../../images/common/menu_data-dl.jpg) no-repeat 0 0;
	left:189px;
	width:50px;
	height:134px;
	}

#menu ul li.company_info a:hover{
	background: url(../../images/common/menu_company-info_over.jpg) no-repeat left top;
	}

#menu ul li.about_eal a:hover{
	background: url(../../images/common/menu_about-eal_over.jpg) no-repeat left top;
	}

#menu ul li.ike_index a:hover{
	background: url(../../images/common/menu_ike-index_over.jpg) no-repeat left top;
	}

#menu ul li.data_dl a:hover{
	background: url(../../images/common/menu_data-dl_over.jpg) no-repeat left top;
	}

/********************* contents *************************/
#contents{
	margin: 5px 60px 50px 60px;
	width:576px;
	text-align:left;
}

#contents h3{
	width: 309px;
	height: 40px;
	background: url(../../images/sitemap/content_ttl_sitemap.gif) no-repeat left top;
	text-indent:-9999px;
	text-decoration:none;
	margin-bottom: 16px;
}

#contents .left-box{
	float: left;
	width:250px;
}

#contents .left-box ul li{
	background: url(../../images/sitemap/line.gif) no-repeat left bottom;
	line-height: 200%;
	padding: 10px 0px 0px 20px;
}

#contents .left-box ul li a{
	
}



#contents .right-box{
	float: right;
	width: 250px;
}

#contents .right-box ul li{
	background: url(../../images/sitemap/line.gif) no-repeat left bottom;
	line-height: 200%;
	padding: 10px 0px 0px 20px;
}



/********************* global navigation *************************/

#global_navi{
	width: 681px;
	_width: 700px;
	border-right: #8D701E 2px solid;
	border-bottom: #8D701E 2px solid;
	border-left: #8D701E 2px solid;
	background:#000;
	padding:10px 0px 15px 15px;
	text-align:left;
}

#gloval_navi a{
	text-decoration: none;
}

#gloval_navi a:hover{
	text-decoration: underline;
}


/********************* footer *************************/
#footer{
	text-align: center;
	margin-top: 4px;
}