/* CSS Document */


/*=============================
		全体に指定
=============================*/
*{ 
	margin:0;
	padding:0;
}

img{
	vertical-align:bottom;
	behavior:url(http://www.visual-art.jp/js/iepngfix.htc);
	}

a img{
	border:0px;
}

a{ text-decoration: underline;color: #11B400;}
a:hover{ text-decoration: none;color: #11B400;}
a:visited{color: #11B400;}



/*.clearfix { display: inline-block; }*/

/* Hides from IE-mac \*/
/** html .clearfix { height: 1%; }
.clearfix { display: block; }*/
/* End hide from IE-mac */


/*=============================
		bodyに指定
=============================*/
body{
		font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		/*font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",Arial, Helvetica, sans-serif;*/
		/*font-family:Arial, Helvetica, sans-serif;*/

		font-size: 62.5%;
		/*letter-spacing:0.1em;*/
		width: 100%; height: 100%;
		margin: 0 auto;
		background: #ffffff url(../img/share/bg_new.gif) repeat-x;
}
/*=============================
		containerに指定
=============================*/


#container{
		position:absolute;
		top:0;
		left:50%;
		padding:0; width: 962px;
		height: auto;
		margin:0 0 0 -481px;
		font-size: 1.3em!important;
		font-size: 1.3em;
}
/*=============================
		headerに指定
=============================*/

#header{
		margin: 0px 0 0 8px;
		width: 954px; height: 129px;
		/*background: url(../share/header_bg_new.gif) top left no-repeat;*/
}

/*=============================
		   h1に指定
=============================*/

.main_explanation{
		/*float:left;*/
		position:absolute;
		display: block;
		top:3px;
		left:0px;
		color:#FFFFFF;
		background:#000000;
		font-size:12px;
		font-weight:100;
}



/*=============================
	   header_navに指定
=============================*/

ul#header_nav{
position:absolute;
	display: block;
		top:35px;
		left:544px;
		/*float:right;*/
	
	/*margin: 38px 0 0 0px;*/
	padding: 0px;
	font-size:12px;
	font-weight:100;
		width: 410px; height: 37px;
}

ul#header_nav li{
		float: left;
		position:relative;
		margin: 0px 0 0 0px;
		list-style-type: none;
}


/*------------header_nav btnに指定------------*/
#header_nav li{
		display: block;
		width: 202px; height: 37px;
}
#header_nav li.left{
		margin: 0px 6px 0 0px !important;
		margin: 0px 0px 0 0px;
		background: url(../img/share/header_navi_first_bg.gif) 0 -37px no-repeat;

}
#header_nav li.right{
		margin:0px;
		background: url(../img/share/header_navi_estimate_bg.gif) 0 -37px no-repeat;

}


/*------------header_nav btnのリンクあり------------*/
#header_nav li a{
		display: block;
		width: 202px; height: 37px;
}
#header_nav li.left a{
		margin: 0px 6px 0 0px;
		background: url(../img/share/header_navi_first_bg.gif) 0 0 no-repeat;
}

#header_nav li.right a{
		margin:0px;
		background: url(../img/share/header_navi_estimate_bg.gif) 0 0 no-repeat;
}



/*------------ロールオーバー------------*/
#header_nav li a:hover{ 
	
}
#header_nav li.left a:hover{ 
	background: url(../img/share/header_navi_first_bg.gif) 0 -37px no-repeat;
}
#header_nav li.right a:hover{ 
	background: url(../img/share/header_navi_estimate_bg.gif) 0 -37px no-repeat;
}


/*=============================
	   global_navに指定
=============================*/

ul#global_nav{
		position:absolute;
		top:87px;
		left:0;
		width: 954px; height: 38px;
		display:block;
		padding:0px 0 0 2px;
		background: url(../img/share/global_navi_bg.gif) 0 0px no-repeat;
}

ul#global_nav li{
		float: left;
		position:relative;
		margin: 0px 0 0 0px;
		list-style-type: none;
}


/*------------global_nav btnに指定------------*/
#global_nav li{
		display: block;
		margin: 0px 0 0 0px;
		width: 190px; height: 38px;
		background: url(../img/share/global_navi_li_bg.gif) -190px -38px no-repeat;

}
#global_nav li.left{
		background: url(../img/share/global_navi_li_bg.gif) 0 -38px no-repeat;

}
#global_nav li.right{
		background: url(../img/share/global_navi_li_bg.gif) -380px -38px no-repeat;

}


/*------------global_nav btnのリンクあり------------*/
#global_nav li a{
		display: block;
		margin: 0px 0 0 0px;
		width: 190px; height: 38px;
		background: url(../img/share/global_navi_li_bg.gif) -190px 0 no-repeat;
}
#global_nav li.left a{
		background: url(../img/share/global_navi_li_bg.gif) 0 0 no-repeat;
}

#global_nav li.right a{
		background: url(../img/share/global_navi_li_bg.gif) -380px 0 no-repeat;
}



/*------------ロールオーバー------------*/
#global_nav li a:hover{ 
	background: url(../img/share/global_navi_li_bg.gif) -190px -38px no-repeat;
}
#global_nav li.left a:hover{ 
	background: url(../img/share/global_navi_li_bg.gif) 0 -38px no-repeat;
}
#global_nav li.right a:hover{ 
	background: url(../img/share/global_navi_li_bg.gif) -380px -38px no-repeat;
}

/*=============================
	   pankuzuに指定
=============================*/
#pankuzu{
		color: #222222;
		font-size: 12px;
		margin:15px 0 14px 0px;
}

/*=============================
	   contentsに指定
=============================*/

#main_contents{
		float:left;
		position:relative;
		width:955px;
		margin:0;
		background: url(../share/main_contents_bg.gif) 0 0 repeat-y;
}

/**html #main_contents{
		margin:0px 0 0px 55px;
}*/



/*=======================================
		left_contents_listに指定の内容
=========================================*/

.left_main{
		float:left;
		position:relative;
		left:0px;
		width: 180px; height: 100%;
		margin:0px;
}

ul#left_contents_list{
		margin:0 0 0 5px;
		list-style-type: none;
		color: #222222;
		font-size: 12px;
}


li.co_select_list{
		width: 160px;
		height: 24px !important;
		height: 21px;
		display: block;
		padding:9px 0 0 20px !important;
		padding:11px 0 0 20px;
		background: #daf6d7 url(../img/share/footer_list_yajirushi2.gif) 3px 10px no-repeat;
		border-bottom: 1px solid #BFBFBF;
}

li.select_list_on a{
		width: 160px; 
		height: 24px !important;
		height: 21px;
		display: block;
		padding:9px 0 0 20px !important;
		padding:11px 0 0 20px;
		background: #ffffff url(../img/share/footer_list_yajirushi.gif) 3px 10px no-repeat;
		border-bottom: 1px solid #BFBFBF;
}
li.select_list_on a:hover{
		background: #daf6d7 url(../img/share/footer_list_yajirushi2.gif) 3px 10px no-repeat;
}
li.co_select_list2{
		width: 150px;
		height: 24px !important;
		height: 21px;
		display: block;
		padding:9px 0 0 30px !important;
		padding:11px 0 0 30px;
		background: #daf6d7 url(../img/share/footer_list_yajirushi2.gif) 13px 10px no-repeat;
		border-bottom: 1px solid #BFBFBF;
}

li.select_list_on2 a{
		width: 150px; 
		height: 24px !important;
		height: 21px;
		display: block;
		padding:9px 0 0 30px !important;
		padding:11px 0 0 30px;
		background: #ffffff url(../img/share/footer_list_yajirushi.gif) 13px 10px no-repeat;
		border-bottom: 1px solid #BFBFBF;
}
li.select_list_on2 a:hover{
		background: #daf6d7 url(../img/share/footer_list_yajirushi2.gif) 13px 10px no-repeat;
}

.right_main{
	float:right;
	position:relative;
	width: 700px;
	height: auto;
	margin:0;
	/*margin:0px 0px 0 30px !important;
	margin:0px 5px 0 0px;*/
	padding:0 20px 0 20px;
	background: #fff url(../img/share/kaso_main_title_bg.gif) 0 0 no-repeat;
}



/*=============================
	 footer前に指定
=============================*/
.before_footer_zone{
float:left;
margin:0px 0 0 0;
width:700px;
color:#000;
line-height:150%;
}

/*=============================
	  toppage_btnに指定
=============================*/
.pagetop_ue_hidari{
		clear: both;
		display: block;
		/*margin:0px 0 0px 10px;*/
		margin:0;
		width: 190px; height: 10px;
		background: url(../share/pagetop_ue_hidari.gif) 0 0 no-repeat;
}

a.pagetop_btn{
		clear: both;
		display: block;
		margin:20px 0 9px 9px;
		width: 930px; height: 19px;
		background: url(../img/share/pagetop_btn.gif) 0 0 no-repeat;
}

a.pagetop_btn:hover{ background: url(../img/share/pagetop_btn.gif) 0 0 no-repeat; }

/*=============================
	    footerに指定
=============================*/
#footer{
		float:left;
		position:relative;
		margin:0;
		width: 950px; height: auto;
}


#footer ul{
		width: 950px;
		background:#757575;
}

ul#footer_list{
		background:none;
		list-style-type: none;
		padding:0 5px 3px 0;
		width: 950px; height: 19px;
}

ul#footer_list li{
		float: right;
		display: block;
		margin:0px;
		padding:0 10px 0 16px;
		width: auto; 
		background:#FFFFFF url(../img/share/footer_list_yajirushi.gif) no-repeat 3px 2px;
		font-size:12px;
}



li.sitepolicy_btn a{
color:#000;
}
li.privacypolicy_btn a{
color:#000;
}

li.copyright{
		list-style-type: none;
		width: auto; height: 21px;
		color:#fefefe;
		padding:8px 0px 0 16px;
		font-size:10px;
}

li.copyright a{
		color:#fefefe;
		text-decoration:none;
}
/*-----------------ロールオーバー------------*/

li.sitepolicy_btn a:hover{color:#777777;}

li.privacypolicy_btn a:hover{color:#777777;}

li.copyright a:hover{color:#eeeeee;}
/*-----------------訪れた------------*/

li.sitepolicy_btn a:visited{color:#777777;}

li.privacypolicy_btn a:visited{color:#777777;}

li.copyright a:visited{color:#eeeeee;}

/*-----------------リンクなし------------*/

li.sitepolicy_btn_nl{
color:#000;
}

li.privacypolicy_btn_nl{
color:#000;
}
