@import url("tables.css");

/* CSS Document */
/* RESET_START */

body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,address,table,form,fieldset,a,iframe,div,th,td{
margin:0;padding:0;font:normal 1em ;color:#000;
text-decoration:none;list-style:none;line-height:100%;
}

.clear{clear:both;}



img {
    max-width: 100%;
    height:auto;
	border:none;
	vertical-align:bottom;
}

/*IMAGEリンク*/

a img{
	
border:none;
vertical-align:bottom;
}

/* RESET_END */



/*ALL*/

html{
	overflow-y:scroll;
}

body {
	margin: 0;
	padding:0;
	/*background-color:#EEEEE3;*/
	/*background-image: url(../img/all_bg.jpg);
    background-repeat: no-repeat;
    background-position: top center; */
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
	}



#wrap{
    text-align:center;
	margin:0px auto;
	background-image: url(../img/top_bg.jpg);
	background-repeat:repeat-x;
	width:960px;
   	}



#header_bg{
    padding-top:0px;
	text-align:center;
	margin:0px auto;
	/*background-color:#666;
	background-repeat:repeat-x;*/
	clear:both;
	}




.header{
   background:url(../img/header.jpg) no-repeat 0px 0px;
	width:960px;
	height:115px;
	padding:0px 0px 0px 0px;
	clear:both;
	text-align:center;
margin:0px auto;
	display:block;
	font-size:11px;
	line-height:160%;
	color:#666666;
	clear:both;
	}




#header_bg02{
    padding-top:0px;
	text-align:center;
	margin:0px auto;
	background-color:#4957A3;
	background-repeat:repeat-x;
	clear:both;
	}




.header02{
   /*background:url(../img/header.jpg) no-repeat 0px 0px;*/
	width:960px;
	height:68px;
	padding:12px 0px 0px 0px;
	clear:both;
	text-align:center;
margin:0px auto;
	display:block;
	font-size:11px;
	line-height:160%;
	color:#666666;
	clear:both;
	vertical-align:middle;
	}





.head_right{float:right;width:250px;text-align:right;}




#footMenu{
width:960px;
height:35px;
text-align:center;
margin: 2px 0 0 0 ;
/*border: #3EA8F4 solid;
border-width: 1px 0 1px 0px;*/
padding:15px 0 0 0px;
background-color:#4957A3;
}



#footMenu ul {
display:inline;
/*border-left:1px solid #999;*/
}
#footMenu li {
display:inline;
padding-left:7px;
padding-right:7px;
margin-bottom:0px;
border-right:1px solid #FFF;
}


.index_logo{background-repeat:no-repeat 0px 0px;display:block;text-align:center;}
a.index_logo{margin:22px 0 0 0px;background-repeat:no-repeat 0px 0px;float:left;display:block;width:100%;}



/*HEADER SET*/



/*HEADER SET END*/


/*HEADER MENU*/



/*****Layout******/

#allbox{
text-align:center;
margin:0px auto;
width:960px;
padding:0px 0px 0 0px;
background:url(../img/top_allbg.png) repeat-y 0px 0px;
}



.top_main{
width:960px;
margin:0 auto;
	text-align:center;
}







#main_left{
float:left;
width:200px;
height:260px;
padding:20px;
background-color:#009B83;
text-align:left;
}





.in_head{background-color:#00468C;width:935px;height:30px;padding:5px 5px 5px 20px;text-align:left;color:#FFF;vertical-align: middle;display: table-cell;font-size:1.2em}



.in_ttl{text-align:left;padding:0 0 0 0px;}




.in_box{
text-align:left;
padding:0 0px 0 50px;

}



#in_box02{
text-align:left;
margin:0px 0px 0 0px;

}


.in_block_bn{width:700px;background-color:#000;padding:10px;margin:0 auto;}
.in_block_bn02{width:700px;padding:10px;margin:0 auto;}

.fl_le01{float:left;width:50%;}
.fl_rh01{float:right;width:50%;}

.fl_le30{float:left;width:30%;}
.fl_le30{float:left;width:25%;}

.img_respo{width:100%;}


/***TOP BUTTON LAYOUTS***/




div.btn01 a:hover img
{

opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}




a.divlink{margin:0px 0 0 0px;background-repeat:no-repeat 0px 0px;float:left;display:block;width:100%;}




.top_left{
width:630px;
padding:20px 0px 0px 10px;
border:none;
float:left;
text-align:left;
}




.top_linkbox{

	width:570px;
	background-color:#CCC;
	padding:30px;
	margin:9px 0 0 0px;
}




.top_right{
width:301px;
padding:20px 0px 0px 10px;
border:none;
float:left;
text-align:left;
}



.in_right{
width:250px;
padding:10px 0px 0px 0px;
text-align:center;
border:none;
float:left;
}





.in_box_under{
width:700px;
padding:10px;
text-align:left;
margin:0 auto;
border:7px solid #CCC;
background-color:#F5F5F5;
}


.in_box_under li{
line-height:160%;
}






.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 70px;
	height: 70px;
	/*background-color: #333;*/
	background:url(../img/pager_top.png) no-repeat 0px 0px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}






/*****ETC PARTS*****/




.space{padding:15px 0px 0px 0px;}

.liston li{list-style:disc outside;line-height:150%; }

.liston2 li{list-style:decimal outside;line-height:150%; }

.align_right1{text-align:right;margin:0 30px 0 0px;}
.align_right2{text-align:right;margin:0 11px 0 5px;float:right;padding:0 0px 0 0px;}
.align_right3{text-align:right;margin:0 0px 0 2px;padding:0 0px 0 0px;}
.align_center{text-align:center;margin:0 0px 0 0px;padding:0 0px 0 0px;margin:0px auto;}
.align_center2{width:625px;text-align:center;margin:0 0px 0 0px;padding:0 0px 0 20px;margin:0px auto;}

.totop{text-align:right;padding:30px 0px 0 0px;}

.floatleft1{text-align:left;float:left;width:60%;line-height:150%;font-size:88%;color:#666;}

.floatleft2{text-align:left;float:left;width:40%;line-height:150%;font-size:88%;color:#666;}

.line1{border-top:solid #CCC 1px;clear:both;padding:10px 0 0 0px;/padding:0px 0 0 0px}


.border{
    width:100%;
	border-bottom:#FFF dotted 1px;
	clear:both;
	margin:10px;
	text-align:center;
	margin:0 auto;
	}

.border2{
    width:87%;
	border-bottom:#4957A3 dotted 1px;
	clear:both;
	margin:0 auto;
	text-align:center;
	}



.border3{
    width:97%;
	border-bottom:#327E91 solid 1px;
	clear:both;
	margin:10px 0px 10px 10px;
	}





.border4{
    width:85%;
	border-bottom:#4957A3 solid 1px;
	clear:both;
	padding:20px 0 20px 0px;
	text-align:center;
	margin: auto;

		}
		
		
.border5{
    width:85%;
	border-top:#4957A3 solid 1px;
	clear:both;
	padding:20px 0 20px 0px;
	text-align:center;
	margin: auto;

		}

.waku{border:#090 solid 1px;width:580px;margin:0 auto;padding:15px;}

.waku_liq{border:#090 solid 1px;width:90%;margin:0 auto;padding:15px;}

.no_waku{border:#090 solid 0px;width:580px;margin:0 auto;padding:15px;}

.no_waku_liq{border:#090 solid 0px;width:90%;margin:0 auto;padding:15px;}




.button {
	background-color:#09F;
	border: 2px solid  #59b1eb;
	color: #fff;
	line-height: 50px;
	width:30%;
	text-align:center;
	margin:0 auto;
	}
.button:hover {
	background-color: #fff;
	border-color: #59b1eb;
	color: #59b1eb;
}




.button_ttl {
	line-height: 50px;
	width:30%;
	text-align:center;
	margin:0 auto;
	background-color: #fff;
	border: #59b1eb solid 1px;
	color: #000;
}



/*sankaku*/

.arrow{
position: relative;
display: inline-block;
padding: 0 0 0 16px;
color: #000;
vertical-align: middle;
text-decoration: none;
font-size: 2em;
}
.arrow::before,
.arrow::after{
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
content: "";
vertical-align: middle;
}

.sample4-1::before{
left: 6px;
box-sizing: border-box;
width: 6px;
height: 6px;
border: 6px solid transparent;
border-left: 6px solid #FFF;
}






.clearSp{clear:both;height:100px;}


/*フォーム関係*/

textarea,input,select{
scrollbar-3dlight-color:#f5f5f5;
scrollbar-arrow-color:#92a1ba;
scrollbar-track-color:#ffffff;
scrollbar-darkshadow-color:#f5f5f5;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#f5f5f5;
scrollbar-shadow-color:#92a1ba;
border:solid 1px #CCC;
background-color:#FFFFFF;
color:#333333;
}


/*NEWS*/


#newstopics{
text-align:center;
margin:0px auto;
width:960px;
padding:0px 0px 0 0px;
}


.topics_head{background-color:#FFF;width:835px;height:30px;padding:30px 0px 10px 0px;text-align:center;color:#4A58A4;
             /*vertical-align: middle;*/display:inline-block;font-size:1.4em;
			 border: 1px #4957A3 solid;
             border-width: 0px 0px 1px 0px;
			 margin-top:15px;}


.news{
	border: solid 1px #4957A3;
	border-width: 0px 0px 1px 0px;
    width: 870px;
	height: 230px;
	padding: 5px 10px 10px 0px;
	text-align:left;
	overflow: auto;
	background-color:#FFF;
	margin:0 auto;
	/*border:#3EA8F4 solid 1px;*/
	}


dl.topics dt {
  clear: left;
  float: left;
  width: 7em;
  padding: 10px 0.5em;
  font-size:1em;
  line-height:160%;
  color:#666;
  text-align:left;
  }

dl.topics dd {
  margin-left: 0;
  padding: 10px 0.5em 10px 8em;
  border-bottom: dotted 1px #CCC;
  font-size:1em;
  line-height:160%;
  color:#666;
  text-align:left;
}








/******Footer Article******/


#footerMenu{
width:960px;
height:28px;
text-align:center;
margin: 0px auto;
/*border: #3EA8F4 solid;
border-width: 1px 0 1px 0px;*/
padding:10px 0 0 0px;
background-color:#666;
}


#footerMenu ul {
display:inline;
/*border-left:1px solid #999;*/
}
#footerMenu li {
display:inline;
padding-left:7px;
padding-right:7px;
margin-bottom:0px;
border-right:1px solid #FFF;
}



#footer_border{
	margin-top:20px;
   	border-top:solid 1px #3EA8F4;
	width:98%;
	}



#footer_border02{
	margin-top:20px;
   	border-top:solid 1px #000;
	width:98%;
	}



#footer_border03{
	margin-top:20px;
   	border-top:solid 1px #FF7AAB;
	width:98%;
	}




#footer_border04{
	margin-top:20px;
   	border-top:solid 1px #3EA8F4;
	width:98%;
	}




#footer{
    width:960px;
	text-align:center;
	margin:0px auto;
	margin-top:0px;
   	padding:20px 0px 15px 0px;
	clear:both;
	/*background:url(../img/top_footer_bg.png) repeat-y 0px 0px;*/
	}





#footer_img{
    width:912px;
	text-align:center;
	margin:0px auto;
	margin-top:0px;
   	}



/*LINK*/
a{line-height:160%;font-size:0.9em;color:#09F;}
a:link {color:#09F;}
a:visited{color:09F;}
a:hover{color:#069;text-decoration:underline;}


.text01 a{line-height:140%;color:#09F;font-size:1em;}
.text01 a:link {color:#09F;}
.text01 a:visited{color:#09F;}
.text01 a:hover{color:#039;text-decoration:underline;}


.text02 a{line-height:140%;color:#FFF;font-size:14px;}
.text02 a:link {color:#FFF;}
.text02 a:visited{color:#FFF;}
.text02 a:hover{color:#CCC;text-decoration:underline;}	


.text03 a{line-height:236%;color:#000;font-size:0.9em;}
.text03 a:link {color:#000;}
.text03 a:visited{color:#000;}
.text03 a:hover{color:#666;text-decoration:underline;}	

.text04 a{line-height:140%;color:#000;font-size:0.9em;}
.text04 a:link {color:#FFF;}
.text04 a:visited{color:#FFF;}
.text04 a:hover{color:#CCC;text-decoration:underline;}


/*******OTHER TEXT********/
h1{
    width:40%;
   	font-size:12px;
	color:#FFF;
	font-weight:normal;
	padding:3px 0px 0 0;
	display:none;
	}

h2{
    text-align:center;
	font-size:1.4em;
	margin:15px 0 0 0px;
	color:#000;
	line-height:160%;
	}



h3{
   font-size:1.2em;
	line-height:160%;
	color:#069;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	}


strong{
	padding:0px 0px 0px 0px;
	font-weight:bold;
	line-height:160%;
	color:#333;
	}

/**追加**/
h4{
margin:0 0 10px 0px;
color:#063;
font-weight:bold;
font-size:20px;
text-align:left;
border-left:#9C0 solid 7px;
padding:3px 0 3px 10px;
	}


/**変更**/
h5{
   font-size:1.5em;
	line-height:40px;
	color:#3FA9F4;
	padding:0px 0px 0px 0px;
	font-weight:bold;
	text-align:center;
	}

/**追加**/
h6{
	font-size:14px;
	line-height:18px;
	color:#060;
	text-align:left;
	padding-left:7px;
	border-left:#9C0 solid 5px;
	margin:5px 0 0 40px;
	}



.t01{
    font-size:14px;
	font-weight:normal;
	line-height:170%;
	color:#fff;
	padding:0px 0px 0px 0px;
	text-align:left;
	}



.t02{
    font-weight:bold;
	font-size:20px;
	color:#FFF;
	text-align:left;
	margin:10px 0 0 10px
	}

.t03{
    font-weight:normal;
	line-height:130%;
	color:#FFF;
	padding:10px 0px 0px 10px;
	text-align:left;
	font-size:94%;
	}



.t04{
    font-weight:bold;
	line-height:150%;
	color:#009B84;
	padding:10px 10px 0px 0px;
	text-align:left;
	font-size:18px;
	}


.price_tex{
    font-weight:normal;
	line-height:150%;
	color:#FFF;
	padding:0px 0px 0px 0px;
	font-size:24px;
	}

.pink{color:#FF7AAC}
.water{color:#3FA9F4}
.red {color: #FF0000}
.blue {color:#09F}
.green {color:#9C0;font-size:12px;}
.yellow {color:#FC0;font-size:15px;}
.bu {color:#09F;font-size:18px;}

.lired {color:#0CF;list-style-type:disc; list-style-position:inherit;padding:0 0 0 0px;margin:0 0 0 15px;font-size:13px;line-height:160%;}



.sitem{
    font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#000;
	padding:0px 7px 0px 30px;
	margin:0 0 0 0px;
	text-align:left;
	background:url(../img/icon_smap.gif) no-repeat 0px 0px;
	}


.inq{
    font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#000;
	padding:0px 7px 0px 30px;
	margin:0 0 0 0px;
	text-align:left;
	background:url(../img/icon_inq.gif) no-repeat 0px 0px;
	}

.nom{
    font-size:12px;
	font-weight:normal;
	line-height:150%;
	color:#000;
	padding:0px 7px 0px 0px;
	margin:0 5px 0 5px;
	text-align:left;
	}

.copy{font-size:12px;color:#666;text-align:center;padding:15px 0 0 0px;}


.midasi{border-left:#C60 solid 2px;font-size:15px;color:#300;padding:0 0 0 7px;margin:0 0 0 20px;}


p{padding:0px 0px 0 0px;line-height:180%;color:#000;font-size:0.9em;text-align:left;}
.p01{padding:0px 0px 0 0px;line-height:180%;color:#000;font-size:0.9em;}
.p02 li{padding:0px 0px 0 0px;line-height:150%;color:#445;font-size:14px;text-align:left;list-style: decimal inside;padding-left: 1em;  text-indent: -1em;}
.p03{padding:0px 0px 0 70px;line-height:180%;color:#069;font-size:15px;text-align:left;font-weight:normal;}
.pp{padding:0px 0px 0 0px;line-height:180%;color:#000;font-size:14px;text-align:left;overflow:hidden; zoom:1;}
