@charset "UTF-8";

/* Default 
---------------------------------------------------------------- */
*{ margin: 0; padding: 0 }  

#client02 {
color: #333;
line-height: 1.7;
font-size: 16px;
}

#client02 h1, #client02 h2, #client02 h3, #client02 h4, #client02 h5, #client02 h6 {
font-size: 100%;
font-weight: normal;
}
#client02 h2 {
    margin-bottom: 0;
}
#client02 ol, #client02 ul, #client02 li, #client02 dl, #client02 dt, #client02 dd {
list-style-type: none;
}
#client02 caption, #client02 cite, #client02 code, #client02 dfn, #client02 em, #client02 th, #client02 var {
text-align: left;
font-style: normal;
font-weight: normal;
} 
#client02 img, #client02 a img {
border: 0;
vertical-align:top;
}
#client02 button, #client02 fieldset, #client02 form, #client02 input, #client02 label, #client02 legend, #client02 select, #client02 textarea {
margin: 0;
padding: 0;
vertical-align: middle;
font-family: inherit;
font-size: 100%;
font-style: inherit;
font-weight: inherit;
}
#client02 table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%; 
}
#client02 .clear {
clear: both;
}

/* link 
---------------------------------------------------------------- */

#client02 a:link {
color: #555;
text-decoration: none;
}
#client02 a:visited {
color: #555;
text-decoration: none;
}
#client02 a:hover {
color: #177fd3;
text-decoration: none;
}
#client02 a:active {
color: #555;
text-decoration: none;
}

/* Clearfix 
---------------------------------------------------------------- */

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix {
	display: inline-table;
	min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* Contents
---------------------------------------------------------------- */
#client02 .wrap {
    width: 910px;
    margin: 0 auto;
}

#client02 .mt20{
	margin-top:20px;
}

#client02 .mt30{
	margin-top:30px;
}

#client02 .mt50{
	margin-top:50px;
}

#client02 .mt70{
	margin-top:70px;
}

#client02 .center{
	text-align:center;
}

#client02 .bg01{
	background:url(../images/client02/spacer.gif) left top repeat;
}

#client02 .mh01{
	max-height: 100%; 
}

#client02 .entry-area{
	background-color:#00418d;
	overflow:hidden;
}

#client02 .entry-tel{
	float:left;
	width:466px;	
}

#client02 .entry-btn{
	float:left;
	width:428px;
	padding:15px 0 0;
}

#client02 .cli-cap01{
	margin-top:3px;
	text-align:right;
	font-size:13px;
}

#client02 .cli-cap02{
	width:500px;
	padding:20px 0 0 25px;
	font-size:13px;
	background-color:#fff;
}

#client02 .cli-txt01{
	text-align:center;
	font-size:22px;
	color:#00418c;
}

#client02 .cli-txt01 span{
	vertical-align:super;
	font-size:12px;
}

#client02 .block01{
	margin:40px 0 0;
	padding:40px;
	background-color:#f0f7e7;
}

#client02 .merit-area{
	padding:20px 30px;
	letter-spacing:-0.5px;
	background-color:#fff;
	border:1px solid #00418d;
}



#client02 .merit-reco{
	margin:20px 0 0;
	padding:5px 0;
	text-align:center;
	font-size:26px;
	color:#fff;
	background-color:#80b2de;
}

#client02 .merit-data{
	margin:15px 0 0;
	text-align:center;
	font-size:20px;
}

#client02 .merit-btn01,.merit-btn02{
	width:260px;
	margin:20px auto 0;
}

#client02 .merit-btn01 a{
	display:block;
	padding:15px 0 12px 20px;
	line-height:1;
	color:#8ec43c;
	font-size:18px;
	background:url(../images/client02/c02_icon01.png) 95% center no-repeat;
	border:2px solid #8ec43c;
	border-radius:6px;
}

#client02 .merit-btn01 a:hover{
	color:#37a300;
	background:url(../images/client02/c02_icon01_on.png) 95% center no-repeat;
	border:2px solid #37a300;
}

#client02 .merit-btn02 a{
	display:block;
	padding:15px 0 12px 20px;
	line-height:1;
	color:#5ba4c5;
	font-size:18px;
	background:url(../images/client02/c02_icon02.png) 95% center no-repeat;
	border:2px solid #5ba4c5;
	border-radius:6px;
}

#client02 .merit-btn02 a:hover{
	color:#107da8;
	background:url(../images/client02/c02_icon02_on.png) 95% center no-repeat;
	border:2px solid #107da8;
}


#client02 .block02{
	position:relative;
	margin:40px 0 0;
	padding:40px;
	background-color:#edf7f8;
}

 #client02 .camp-icon01{
	position:absolute;
	top:80px;
	right:100px;
 }
 
 #client02 .block03{
	position:relative;
	width:830px;
	margin:50px auto 0;
 }
 
 #client02 .camp-icon02{
	position:absolute;
	top:5px;
	left:-20px;
 }
 
 #client02 .camp-period{
	position:absolute;
	top:10px;
	left:50%;
	margin:0 0 0 -95px;
	font-size:22px;
	font-weight:bold;
	color:#fff;
	text-decoration:underline;
 }
 
 #client02 .camp-data{
	 padding:0 0 50px 0;
	  border:4px solid #8ec43c;
	  border-top:none;
  }
  
  #client02 .camp-btn{
	  position:absolute;
	  width:260px;
	  right:20px;
	  bottom:30px;
  }
  
 #client02 .camp-btn a{
	 display:block;
	padding:15px 0 12px 40px;
	 font-size:18px;
	 line-height:1;
	 color:#fff;
	 background:#ff6e01 url(../images/client02/c02_icon03.png) 90% center no-repeat;
	 border-radius:6px;
	 -webkit-box-shadow: 3px 3px 1px #deedf3;
 	 box-shadow: 3px 3px 1px #deedf3;
 }
 
  #client02 .camp-btn a:hover{
	 background:#ff5532 url(../images/client02/c02_icon03.png) 90% center no-repeat;
 }
  
  #client02 .point-title{
	  margin:30px 0 0 15px;
	  font-size:28px;
	  font-weight:bold;
	  color:#00418c;
  }
  
  #client02 .point-data{
	  margin:20px 0 0;
	 padding:0 15px 30px;
	border-bottom:1px solid #ccc;
	  overflow:hidden;
  }
  
  #client02 .point-data.last{
	  padding:0 15px 0;
	  border-bottom:none;
	}
	
#client02 .point-data dt{
	float:right;
	width:250px;
}
 
 #client02 .point-data dd{
	float:left;
	width:600px;
}

#client02 .point-data strong{
	font-weight:normal;
	color:#ff6e00;
}

#client02 .block05{
	margin:40px 0 0;
	padding:40px;
	background:url(../images/client02/c02_bg01.jpg) left top repeat;
}

#client02 .case-title{
	margin:25px 0 5px;
	font-size:26px;
	font-weight:bold;
	color:#f58700;
}

#client02 .block06{
	margin:70px 0 0;
	padding:6px;
	background:url(../images/client02/c02_bg02.jpg) left top repeat;
}

#client02 .facility-area{
	padding:20px;
	background-color:#fff;
}

#client02 .facility-title{
	text-align:center;
	font-size:30px;
	font-weight:bold;
	color:#7a9f2f;
}

#client02 .facility-list{
	margin:15px 0 0;
	overflow:hidden;
}

#client02 .facility-list li{
	width:260px;
	float:left;
}

#client02 .facility-list li:nth-child(3n){
	width:338px;
}