@charset "iso-8859-1";
/* CSS Document */

/* tag format
----------------------------------------------------------- */
html{  
  overflow-y:scroll;  
}

html,
body{
	margin:0px;
	padding:0px;
	font-size:12px;
	background-color:#FFFFFF;
	font-family:verdana,arial,sans-serif;
	color:#666666;
	line-height:20px;
	text-align:center;
}

h2,
h3,
h4,
table{
	font-size:1em;
	font-weight:1em;
}
table th,
table td{
	_line-height:20px;
}

div,p,form{
	margin:0px;
	padding:0px;
}

img{
	border:0px;
	font-size:0;
	line-height:0;
}

a:link,
a:visited{
	color:#0566b8;
	text-decoration:underline;
}

h1{
	font-size:x-small;
}

hr{
	height:1px;
	color:#d0d0d2;
}

dt,dd{
	margin-left:20px;
}



/* text format
----------------------------------------------------------- */
.fs8{
	font-size:8px;
}

.fs9{
	font-size:9px;
}

.fs10{
	/*
	font-size:10px;
	*/
	font-size:83%;/* 10px */
}

.fs11{
	font-size:11px;
}

.fs12{
	font-size:12px;
}

.fs14{
	font-size:14px;
}

.bold{
	font-weight:bold;
}

.none{
	display:none;
}

.red{
	color:#FF0000;
}

.d_red{
	color:#b00000;
}

.yellow{
	color:#fff50c;
}

.l_blue{
	color:#0b64af;
}

.l_orange{
	color:#ea5404;
}

a.decoration_none:link,
a.decoration_none:visited{
	color:#666666;
	text-decoration:none;
}


/* layout
----------------------------------------------------------- */

#container{
	width:100%;
	text-align:center;
	padding:5px 0 15px 0;
	margin:0;
}

.wrapper{
	width:950px;
	margin:0 auto;
}





/*header format
----------------------------------------------------------- */

ul#header{
	width:950px;
	height:90px;
	display:block;
	margin:0 0 13px 0;
	padding:0;
	list-style:none;
	text-align:left;
}
ul#header:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#header li{
	list-style:none outside;
}

ul#header li#header_left{
	float:left;
	width:350px;
	display:inline;
	margin:0;
	padding:0;
}

ul#header li#header_left div#logo{
	margin:28px 0 0 0;
}

ul#header li#header_right{
	float:left;
	width:600px;
	display:inline;
	text-align:right;
	margin:0;
	padding:0;
}

ul#header li#header_right ul#header_menu{
	float:right;
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	display:block;
}
ul#header li#header_right ul#header_menu:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


ul#header li#header_right ul#header_menu li{
	float:left;
	margin:0;
	padding:0;
	display:inline;
}

ul#header li#header_right ul#header_menu li a:link,
ul#header li#header_right ul#header_menu li a:visited{
	color:#000;
}


ul#header li#header_right ul#header_menu li#header_menu_01 a{
	background:url(/e/material/images/head_icon01.gif) no-repeat left top;
	padding:3px 10px 3px 22px;
}

ul#header li#header_right ul#header_menu li#header_menu_02 a{
	background:url(/e/material/images/head_icon02.gif) no-repeat 0 0;
	padding:3px 10px 3px 22px;
}

ul#header li#header_right ul#header_menu li#header_menu_03 a{
	background:url(/e/material/images/head_icon03.gif) no-repeat 0 0;
	padding:3px 10px 3px 22px;
}

/* font area */
ul#header li#header_right ul#font_area{
	clear:both;
	float:right;
	background:url(/e/material/images/head_background01.gif) repeat-x;
	width:216px;
	height:26px;
	display:block;
	margin:0;
	padding:0;
	list-style:none;
}
ul#header li#header_right ul#font_area:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#header li#header_right ul#font_area li{
	float:left;
	font-size:0;
	line-height:0;
	display:block;
}

ul#header li#header_right ul#font_area li#font_area_01{
	width:85px;
	height:26px;
	padding:0;
}

ul#header li#header_right ul#font_area li#font_area_02{
	width:63px;
	height:21px;
	_height:26px;
	padding:3px 3px 2px 0;
}

ul#header li#header_right ul#font_area li#font_area_03{
	width:63px;
	height:21px;
	_height:26px;
	padding:3px 2px 2px 0;
}

/* inquiries area */
ul#header li#header_right ul#inquiries_area{
	clear:both;
	float:right;
	width:404px;
	height:35px;
	display:block;
	list-style:none;
	margin:4px 1px 0 0;
	padding:0;
}
ul#header li#header_right ul#inquiries_area:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul#header li#header_right ul#inquiries_area li{
	float:left;
	font-size:0;
	line-height:0;
	display:inline;
}




/* footer format
----------------------------------------------------------- */
.footer_line{
	clear:both;
	width:100%;
	height:1px;
	display:block;
	font-size:0;
	line-height:0;
	border-top:1px solid #40576b;
}

.footer{
	width:950px;
	display:block;
	font-size:92%;/* 12px */
	color:#000;
	margin:0 auto;
	padding:10px 0 0 0;
	text-align:left;
}

.footer a:link,
.footer a:visited{
	color:#000000;
	text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
}

.footer ul{
	width:950px;
	display:block;
	margin:0;
	padding:0;
	text-align:left;
	list-style:none;
}

.footer ul:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.footer ul li{
	margin:0;
	padding:0;
}

.footer ul li.footer_menu{
	float:left;
	display:block;
}

.footer ul li.copyright{
	float:right;
	display:block;
}



/* gloval navi format
----------------------------------------------------------- */
div.gnavi{
	clear:both;
	width:100%;
	height:51px;
	background:url(/e/material/images/gnavi_background01.gif) repeat-x 0 0;
	display:block;
}

ul.gnavi_body{
	width:946px;
	_width:950px;
	height:51px;
	background:url(/e/material/images/gnavi_background02.gif) repeat-x 0 0;
	margin:0;
	padding:0 2px;
	display:block;
	list-style:none;
}
ul.gnavi_body:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

ul.gnavi_body li{
	float:left;
	width:946px;
	height:44px;
	margin:4px 0 3px 0;
	padding:0;
	font-size:0;
	line-height:0;
	display:block;
}

ul.gnavi_body li.partition{
	width:1px;
	background:url(/e/material/images/gnavi00.gif) no-repeat 0 0;
}

ul.gnavi_body li#gnavi_01{
	width:188px;
	background:url(/e/material/images/gnavi01.jpg) no-repeat 0 0;
}
ul.gnavi_body li#gnavi_01 a{
	width:188px;
	height:44px;
	display:block;
}
ul.gnavi_body li#gnavi_01 a:hover{
	background:url(/e/material/images/gnavi01on.jpg) no-repeat 0 0;
}

ul.gnavi_body li#gnavi_02{
	width:189px;
	background:url(/e/material/images/gnavi02.jpg) no-repeat 0 0;
}
ul.gnavi_body li#gnavi_02 a{
	width:189px;
	height:44px;
	display:block;
}
ul.gnavi_body li#gnavi_02 a:hover{
	background:url(/e/material/images/gnavi02on.jpg) no-repeat 0 0;
}

ul.gnavi_body li#gnavi_03{
	width:189px;
	background:url(/e/material/images/gnavi03.jpg) no-repeat 0 0;
}
ul.gnavi_body li#gnavi_03 a{
	width:189px;
	height:44px;
	display:block;
}
ul.gnavi_body li#gnavi_03 a:hover{
	background:url(/e/material/images/gnavi03on.jpg) no-repeat 0 0;
}

ul.gnavi_body li#gnavi_04{
	width:189px;
	background:url(/e/material/images/gnavi04.jpg) no-repeat 0 0;
}
ul.gnavi_body li#gnavi_04 a{
	width:189px;
	height:44px;
	display:block;
}
ul.gnavi_body li#gnavi_04 a:hover{
	background:url(/e/material/images/gnavi04on.jpg) no-repeat 0 0;
}

ul.gnavi_body li#gnavi_05{
	width:187px;
	background:url(/e/material/images/gnavi05.jpg) no-repeat 0 0;
}
ul.gnavi_body li#gnavi_05 a{
	width:187px;
	height:44px;
	display:block;
}
ul.gnavi_body li#gnavi_05 a:hover{
	background:url(/e/material/images/gnavi05on.jpg) no-repeat 0 0;
}

/* gnavi on */
body#about ul.gnavi_body li#gnavi_02{
	background:url(/e/material/images/gnavi02on.jpg) no-repeat 0 0;
}
body#service ul.gnavi_body li#gnavi_03{
	background:url(/e/material/images/gnavi03on.jpg) no-repeat 0 0;
}
body#faq ul.gnavi_body li#gnavi_04{
	background:url(/e/material/images/gnavi04on.jpg) no-repeat 0 0;
}
body#inquiries ul.gnavi_body li#gnavi_05{
	background:url(/e/material/images/gnavi05on.jpg) no-repeat 0 0;
}


/* second page layout
----------------------------------------------------------- */
div#navi{
	width:100%;
	height:25px;
	background-image:url(/e/material/images/sub_background.gif);
	background-repeat:repeat-x;
	vertical-align:top;
}

#navi a:link,
#navi a:visited{
	color:#40576B;
	text-decoration:none;
}

#navi a:hover{
	text-decoration:underline;
}
div#navi p#breadcrumbs{
	width:950px;
	margin:0 auto;
	padding:2px 0 0 0;
	text-align:left;
}


div.maincontent{
	clear:both;
	width:950px;
	margin:6px auto 0 auto;
	text-align:left;
	vertical-align:top;
}
div.maincontent:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

div.maincontent div.leftArea{
	float:left;
	width:679px;
	display:block;
	padding-bottom:57px;
	line-height:2.17em;
}

div.maincontent div.rightArea{
	float:right;
	width:253px;
	display:block;
	/*
	font-size:12px;
	*/
}

/* Page Top
----------------------------------------------------------- */
.page_top{
	width:950px;
	height:23px;
	display:block;
	line-height:0;
	font-size:0;
	margin:0 auto;
}

.page_top a{
	float:right;
	width:132px;
	height:23px;
	display:block;
	background:url(/e/material/images/pagetop.jpg) no-repeat 0 0;
}
.page_top a:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}



/* main layout
----------------------------------------------------------- */
div.maincontent div#innerConts{
	width:671px;
	display:block;
}

div#catchImage{
	width:679px;
	height:97px;
	display:block;
	margin:0 0 17px 0;
}

div.maincontent h1{
	width:671px;
	height:50px;
	display:block;
	margin:0 0 30px 0;
	text-indent:-9999px;
}

/* background image */
div.maincontent h2.txtType{
	width:646px;
	_width:671px;
	height:22px;
	_height:28px;
	display:block;
	color:#FFF;
	font-weight:bold;
	line-height:22px;
	padding:0 0 6px 25px;
	margin:0 0 15px 0;
	background:url(/e/material/images/bg_h2.jpg) no-repeat 0 0;
	font-size:117%;
}

div.maincontent h2.txtType02{
	width:646px;
	_width:671px;
	height:43px;
	_height:49px;
	display:block;
	color:#FFF;
	font-weight:bold;
	line-height:19px;
	padding:0 0 6px 25px;
	margin:0 0 15px 0;
	background:url(/e/material/images/bg_h2_02.jpg) no-repeat 0 0;
	font-size:117%;
}

div.maincontent h3.txtType{
	width:671px;
	height:24px;
	line-height:24px;
	display:block;
	color:#004EA2;
	font-weight:bold;
	padding:0;
	margin:0 0 15px 0;
	background:url(/e/material/images/bg_h3.gif) no-repeat left bottom;
	font-size:117%;
}


/* right area
----------------------------------------------------------- */
div.local_title{
	width:223px;
	_width:250px;
	height:32px;
	display:block;
	background:url(/e/material/images/bg_snavi_title.gif) no-repeat 0 0;
	color:#40576B;
	font-weight:bold;
	line-height:32px;
	text-align:left;
	border:1px solid #d0d0d0;
	padding:0 0 0 27px;
	margin:0 0 12px 0;
}

div.snaviBox{
	width:250px;
	border:1px solid #d0d0d0;
	margin:0 0 7px 0;
	text-align:center;
}

div.snaviBox ul,
div.snaviBox li{
	margin:0;
	padding:0;
	list-style:none;
}

div.snaviBox ul.snavi{
	width:240px;
	margin:0 5px;
	text-align:left;
}

div.snaviBox ul.snavi li{
	text-align:left;
	font-weight:bold;
	margin-bottom:3px;
}


/* layout
----------------------------------------------------------- */
div.height10{
	margin-top:10px;
	font-size:0px;
	line-height:0px;
}

div.height25{
	margin-top:25px;
	font-size:0px;
	line-height:0px;
}

div.height30{
	margin-top:30px;
	font-size:0px;
	line-height:0px;
}
