@charset "Shift-JIS";

/* --------------------------------------------------
  base layout
-------------------------------------------------- */

body#client div#gnav li#gnav_client a{
	background-position: 0 -30px;
}


/* --------------------------------------------------
  client content layout
-------------------------------------------------- */

/* ttl */
h3#client_cont01_ttl{
	background:url(img/client_cont01_ttl.png);
}
h3#client_cont02_ttl{
	background:url(img/client_cont02_ttl.png);
}
h3#client_cont03_ttl{
	background:url(img/client_cont03_ttl.png);
}
h3#client_cont04_ttl{
	background:url(img/client_cont04_ttl.png);
}
h3#client_cont05_ttl{
	background:url(img/client_cont05_ttl.png);
}


/* content */
body#client div#content{
	width: 700px;
	margin: 0 100px;
	float: none;
}

body#client div#content div#pankuzu{
	margin-bottom: 1.5em;
}

body#client div#content div.section_common{
	width: 660px;
	margin-right: 20px;
	margin-left: 20px;
}

body#client div#content div.ttl{
	background: url(../common/img/ttl_bg02.png) no-repeat bottom;
	margin-bottom: 1em;
}

body#client div#content div.ttl h3{
	font-size: 16px;
	line-height: 100%;
	color: #004263;
	background: url(../common/img/ttl_head02.png) no-repeat top;
	padding: 10px 20px 9px 20px;
}

/* client_pagettl_img */
#content div.client_pagettl_img{
	width: 700px;
	height: 272px;
	overflow: hidden;
	margin-bottom: 25px;
	position: relative;
}
#content div.client_pagettl_img a.btn_kyujin{
	position: absolute;
	top: 203px;
	left: 21px;
}


/* client_index01 */
#content div.client_index01{
	background: url(img/client_img05.gif) no-repeat bottom;
	margin: 10px 0;
	padding-bottom: 25px;
	position: relative;
}

#content div.client_index01 p{
	margin: 10px;
	padding: 0;
}
#content div.client_index01 div.client_index01_left{
	width: 320px;
	float: left;
}

#content div.client_index01 div.client_index01_right{
	width: 320px;
	float: right;
}

#content div.client_index01 a.index01_left_btn{
	position: absolute;
	bottom: 0;
	left: 140px;
}
#content div.client_index01 a.index01_right_btn{
	position: absolute;
	right: 0;
	bottom: 0;
}


/* client_index02 */
#content div.client_index02 div.client_index02_img{
	width: 265px;
	float: right;
}

#content div.client_index02 div.client_index02_txt{
	width: 375px;
	float: left;
}
#content div.section_common div.client_index02 div.client_index02_txt h4{
	margin: 10px 0 5px 0;
	padding: 0;
}
#content div.section_common div.client_index02 div.client_index02_txt p{
	margin: 0 0 25px 0;
}


/* client_index_merit */
#content ol.client_index_merit li{
	width: 328px;
	float: left;
	margin-bottom: 5px;
}
#content ol.client_index_merit li.left{
	margin-right: 4px;
}


/* client_index03 */
#content div.client_index03 div.client_index03_img{
	width: 280px;
	float: right;
}

#content div.client_index03 div.client_index03_txt{
	width: 360px;
	float: left;
}
#content div.section_common div.client_index03 div.client_index03_txt h4{
	margin: 10px 0 5px 0;
	padding: 0;
}
#content div.section_common div.client_index03 div.client_index03_txt p{
	margin: 0 0 25px 0;
}



/* client_index_process */
#content div.section_common ol.client_index_process li{
	font-size: 1px;
	line-height: 100%;
}


/* client_index04 */
#content div.section_common div.client_index04 h4{
	margin: 15px 0 5px 0;
	padding: 0;
}
#content div.section_common div.client_index04 p{
	margin: 0 0 20px 0;
}


/* btm_btn */
#client #content div.btm_btn{
	margin-bottom: 30px;
	zoom: 1;
}
#client #content div.btm_btn:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}


/* btm_btnarea */
#client #content div.btm_btnarea{
	background-color: #ececec;
	border: 3px solid #bfbfbf;
	margin-bottom: 10px;
	padding: 15px 40px;
	zoom: 1;
}
#client #content div.btm_btnarea:after{clear: both; display: block; content: "."; visibility: hidden; height: 0;}
#client #content div.btm_btnarea p{
	width: 400px;
	margin: 0.5em 0;
	float: left;
	display: block;
}
#client #content div.btm_btnarea a{
	width: 201px;
	margin: 0;
	float: right;
	display: block;
}