@charset "utf-8";
/* CSS Document */


* {
	margin:0 auto;
	padding:0;
	color:#333333;
	font-family:Verdana, sans-serif;
}

a,img {
	border:none;
}

a,a:hover {
	text-decoration:none;
}


div#wrap {
	width:970px;
	background:#ffffff url(../img/center_bg.jpg) repeat-y top ;
}

body {
	background:url(../img/center_bg.jpg) repeat-y top;
}

/*********************************************************

ヘッダー

**********************************************************/
div#header_tmp {
	width:970px;
	margin:0 auto;
	padding-top:16px;
	background:url(../img/2header_top_bg.jpg) no-repeat;
	height:90px;
}	

div#header_tmp div#header_left {
	float:left;
	width:520px;
}


h1#h_caption {
	font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:10px;
	margin: 8px 10px 10px 36px;
	line-height: 120%;
	font-weight: normal;
}

hr {
	width: 100%;
	height: 0;
	border: none;
	_display: none;
	*display: none;
}

div#header_tmp div#header_left h1 {
	margin-left:35px;
	margin-bottom:2px;
	margin-top:2px;
	background:url(../img/2site_id.gif) no-repeat;
	height:62px;
}

div#header_tmp div#header_right {
	float: left;
	width: 326px;
}

div#header_tmp div#header_right ul#h_menu {
	margin-top:0px;
	margin-left: 4px;
	margin-bottom: 3px;
}

div#header_tmp div#header_right ul#h_menu li {
	background:url(../img/2h_menu_sitemap.gif) no-repeat top left;
	margin-right:3px;
	margin-bottom:3px;
	margin-left:0;
	margin-top:3px;
	padding-left:13px;
	font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:10px;
	list-style:none;
	float:left;
}


div#header_tmp div#header_right .searchForm {
	width: 310px;
	text-align: right;
	margin-top: 2px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}

div#header_tmp div#header_right input#kensaku_btn {
	border:none;
	background-position: bottom;
	vertical-align:top;
	padding-left: 3px;
}


div#header_tmp div#header_right input#form_width {
	width:100px;
	margin-top: 0px;
	background-position: top;
}


div#header_tmp div#header_rightB {
	float: left;
	width: 85px;
	text-align: right;
	margin-left: 0px;
	margin-top: 5px;
}


div#header_tmp div#header_rightB div#sxl_logo {

	clear:both;
}

div#header_tmp div#header_rightC {
	float: left;
	width: 394px;
	text-align: left;
	margin-top: 5px;
}

div#header_tmp div#header_rightC div#h_right_bottom {
	margin-left:0px;
	clear:both;
}

div#header_tmp div#header_rightC div#h_right_bottom img {
	margin-left:4px;
}


/*********************************************************

ヘッダートップ

**********************************************************/
div#header_top {
	width:940px;
	height:158px;
	margin:0 auto;
	padding-top:16px;
	background-color: #f7b811;
	background-image: url(../img/header_top_bg2.jpg);
	background-repeat: no-repeat;
}

div#header_top div#header_left {
	float:left;
	width:250px;
}


div#header_top div#header_left p#h_caption {
	font-size:10px;
	margin-left:20px;
	margin-bottom:2px;
	line-height: 120%;
	font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;
}

div#header_top div#header_left h1 {
	margin-left:20px;
	margin-bottom:2px;
	background:url(../img/2site_id.gif) no-repeat;
	height:62px;
}

div#header_top div#header_right {
	margin-left:130px;
	float:left;
	position:relative;
	margin-top:3px;
	font-family: Verdana, 'ＭＳ Ｐゴシック', sans-serif;

}

div#header_top div#header_right ul#h_menu {
	margin-top:3px;
}

div#header_top div#header_right ul#h_menu li {
	background:url(../img/2h_menu_sitemap.gif) no-repeat top left;
	margin-right:4px;
	margin-bottom:16px;
	margin-left:0;
	padding-left:14px;
	font-size:10px;
	list-style:none;
	float:left;
}


div#header_top div#header_right form {
	position:absolute;
	left: 317px;
	top: -1px;
}

div#header_top div#header_right #kensaku_btn {
	background:url(../img/2btn_header_search.gif) no-repeat top;
	border:none;
	margin-left:2px;
}

div#header_top div#header_right input#form_width {
	width:100px;
}


div#header_top div#header_right div#sxl_logo {
	position:absolute;
	top:-2px;
	right:0px;
	clear:both;
}

div#header_top div#header_right div#h_right_bottom {
	margin-left:220px;
	clear:both;
}

*html div#header_top div#header_right div#h_right_bottom {
	margin-top:3px;
}

div#header_top div#header_right div#h_right_bottom img {
	margin-left:8px;
}





/*********************************************************

グローバルナビ

**********************************************************/


ul#g_navi {
	width:904px;
	margin:0 auto;
	clear:both;
	margin-bottom:10px;
}


ul#g_navi li{
	list-style:none;
	float:left;
}


ul#g_navi_top {
	width:910px;
	margin:0 auto 3 auto;
	clear:both;
}


ul#g_navi_top li{
	list-style:none;
	float:left;
	margin-top:10px;
}


/*********************************************************

コンテンツ

**********************************************************/
p#pan {
	font-size:12px;
	width:904px;
	margin-bottom:5px;
	padding-left: 5px;
}



div#contents {
	clear:both;
	width:904px;
	overflow:hidden;
	margin-bottom:10px;
}

p.page_top {
	background:url(../img/btn_page_top.gif) no-repeat top left;
	padding-left:18px;
	font-size:10px;
	height:15px;
	clear:both;
	margin-left:840px;
	margin-bottom:10px;
}


div#bnr_h_right {
	width:217px;
	border:1px solid #333;
	float:left;
}

p.structure01{
	position:relative;
}
p.structure01 #test{
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
}
img#explain1,img#explain2,img#explain3,
img#explain4,img#explain5{
	position:absolute;
	z-index:2;
	width:0px;
	height:0px;
	display:none;
}
img#explain1 {
	top:327px;
	left:320px;
}
img#explain2 {
	top:437px;
	left:175px;
}
img#explain3 {
	top:477px;
	left:520px;
}
img#explain4 {
	top:527px;
	left:350px;
}
img#explain5 {
	top:577px;
	left:210px;
}

/*********************************************************

フッター

**********************************************************/

div#footer {
	width:900px;
}

div#footer ul.f_menuA {
	width:900px;
	clear:both;
}

div#footer ul.f_menuA li{
	float:left;
	margin:0 1px;
	list-style:none;
}

div#footer ul.f_menuA li {
	float:left;
	margin:0 1px;
	list-style:none;
}

div#footer ul#f_menuB {
	width:900px;
	clear:both;
	margin-bottom:5px;
	margin-top:12px;
}

div#footer ul#f_menuB li{
	float:left;
	margin:0 1px;
	list-style:none;
	font-size:12px;
	margin-bottom:5px;
	vertical-align: top;
}

div#footer div#key {
	clear:both;
	padding-left:3px;
	margin-bottom:5px;
}

div#footer ul#f_menuC {
	width:900px;
	clear:both;
	margin-bottom:5px;
}

div#footer ul#f_menuC li{
	float:left;
	margin:0 1px;
	list-style:none;
	font-size:10px;
	margin-bottom:1px;
}


div#footer_bottom {
	width:904px;
	background:url(../img/footer_bg.gif) no-repeat top;
	height:40px;
	clear:both;
	position:relative;
}

div#footer_bottom p#f_contact {
	position:absolute;
	top:13px;
	left:32px;
	font-size:10px;
}

div#footer_bottom p#f_sitemap {
	position:absolute;
	top:13px;
	left:112px;
	font-size:10px;
}

div#footer_bottom p#f_privacy {
	position:absolute;
	top:13px;
	left:184px;
	font-size:10px;
}

div#footer_bottom div#f_sxl {
	position:absolute;
	right:0;
	top:2px;
}


/*  clearfix
------------------------------------------------------------------------*/

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

.clearfix{display: inline-table;  overflow:hidden; zoom:1;/*for IE 5.5-7*/}


/* Hides from IE-mac \*/
.clearfix{display: block;}
/* End hide from IE-mac */

.clear{
	clear:both;
}