@charset "utf-8";

.h2box {
	width:100%;
	background:url(../img/wrappar_in_bg.jpg) repeat-x;
	text-align:center;
}

.h2box h2{
	text-align:center;
	padding-top:80px;
	width:1000px;
	display:block;
	height:191px;
	font-family: Quicksand, 游ゴシック体, "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:36px;
}
.h2box h2.company{
	background:url(../img/h2box_company.jpg) center no-repeat;
	margin:0 auto;text-shadow:0 0 25px #6B985F,	0 0 20px #6B985F,0 0 0.40px #6B985F;
	color:#FFF;
}




.panBox{
	width:1000px;
	float: left;
	margin: 10px 0 20px 0;
	display: block;
}
.panBox ul{
	float:right;
}
.panBox li{
	float:left;
	margin-right: 10px;
	display: block;
	font-size: 13px;
}
.panBox li a{
	color:#0066CC;
	font-size: 13px;
}
.panBox li a:hover{
	text-decoration:underline;
}


#main_contents{
	width:700px;
	display:block;
	float: left;
}
#main_contents2{
	width:1000px;
	display:block;
	clear:both;
}
#main_contents h3,
#main_contents2 h3{
	color:#ff4c3d;
	font-size:30px;
	line-height:140%;
	margin-bottom: 20px;
	font-weight: bolder;
}
#main_contents2 h3{
	text-align:center;
}


.textBox{
	margin:0 0 25px 0;
	overflow:hidden;
	display: block;
}

.textBox h4{
	font-size:28px;
	font-weight:bolder;
	padding:0 0 3px 15px;
	margin-bottom:10px;
	border-left: 5px solid #51b3b3;
}
.textBox p{
	line-height:160%;
	margin-bottom: 10px;
}
.textBox ul.text_list{
	overflow:hidden;
	display:block;
	width:540px;
}
.textBox ul.text_list li{
	margin-bottom:15px;
	clear:both;
	color:#73A92C;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 4px;
	line-height: 160%;
}


.textBox ul.text_list2{
	overflow:hidden;
	display:block;
	width:980px;
}
.textBox ul.text_list2 li{
	margin-bottom:12px;
	clear:both;
	color:#73A92C;
	font-size:16px;
	font-weight:bold;
	padding:0 0 0 4px;
	line-height: 160%;
}


.textBox dl.dl_box,
.textBox dl.dl_box2{
	float:left;
	background:url(../insurance/img/dl_box_bg.jpg);
	width:480px;
	padding:10px;
	height: 200px;
}
.textBox dl.dl_box{
	margin-right:40px;
}
.textBox dl.dl_box2{
	margin-right:0;
}
.textBox dl.dl_box dt,
.textBox dl.dl_box2 dt{
	background:#8EB954;
	color:#FFF;
	font-family:"MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:20px;
	font-weight:bold;
	padding:10px 0;
	text-align:center;
	margin-bottom:10px;
}

.textBox dl.dl_box dd,
.textBox dl.dl_box2 dd{
	font-size:14px;
	line-height:160%;
}
.textBox dl.dl_box dd a,
.textBox dl.dl_box2 dd a{
	color:#333;
	text-decoration:underline;
}
.textBox dl.dl_box dd a:hover,
.textBox dl.dl_box2 dd a:hover{
	text-decoration:none;
}

.textBox dl.dl_box3{
	height: 100px;
}


.textBox dl.dl_box3 dt a{
	color:#fff;
	text-decoration:underline;
}
.textBox dl.dl_box3 dt a:hover{
	text-decoration:none;
}



.textBox dl.dl_box dd ul,
.textBox dl.dl_box2 dd ul{
	overflow:hidden;
	width:100%;
}
.textBox dl.dl_box dd ul li,
.textBox dl.dl_box2 dd ul li{
	float:left;
	width:46%;
	text-indent:-1em;
	padding-left:1em;
}




.textBox_list{
	overflow:hidden;
	margin-bottom:25px;
}
.textBox_list li{
	float:left;
	width:485px;
	margin-right:30px;
	margin-bottom:40px;
	display: block;
}
.textBox_list li:nth-child(2n){
	margin-right:0;
}
.textBox_list li h4{
	background:url(../img/h4_leftline.jpg) no-repeat left;
	font-family:"MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:28px;
	font-weight:bold;
	padding:0 0 5px 15px;
	margin-bottom:10px;
}
.textBox_list li p{
	line-height:200%;
}





.textBox .company_about{
	width:100%;
	border-top:2px dotted #999;
}
.textBox .company_about th,
.textBox .company_about td{
	padding:15px 0 15px 15px;
	border-bottom:2px dotted #999;
}
.textBox .company_about th{
	width:20%;
	color:#51b3b3;
	font-weight: bolder;
}

.textBox .about_photo{
	float:right;
	margin:0 0 15px 15px;
}

.access_dl{
	overflow:hidden;
	margin-bottom:20px;
	padding-left: 8px;
}
.access_dl dt{
	border-left:#88AC44 solid 4px;
	padding-left:8px;
	font-size:18px;
	margin-bottom: 10px;
	font-weight:bold;
	color:#668133;
}
.access_dl dd{
	clear:both;
	line-height:160%;
}
.access_dl img{
	float:left;
	margin-right:15px;
	margin-bottom:10px;
}


aside#sidebar{
	width:260px;
	float:right;
}

aside#sidebar dl dt{
	background:#F7D76C;
	color:#222;
	padding:15px 0 15px 12px;
	font-weight: bolder;
}
aside#sidebar dl dd{
	clear:both;
	border-bottom:1px dotted #ccc;
}
aside#sidebar dl dd a{
	background:url(../img/side/side_dd_bg.jpg) no-repeat 0 20px;
	padding:15px 0 15px 20px;
	width:100%;
	display:block;
	color:#004C33;
}


@media screen and (max-width: 480px) {
	
	.h2box h2{
		width:100%;
		padding-top:50px;
		height:121px;
		font-size:1.5em;
	}
	aside#sidebar{
		clear:both;
	}
	#main_contents{
		width:98%;
		float: none;
		clear:both;
		padding:0 1%;
	}
	
	#main_contents2{
		width:98%;
		padding:0 1%;
	}
	#main_contents h3,
	#main_contents2 h3{
		font-size:1.2em
	}
	
	
	
	.textBox h4{
		font-size:1.2em;
	}
	.textBox .about_photo{
		width:98%;
	}
	.textBox ul.text_list{
		width:100%;
	}
	.textBox ul.text_list li{
		font-size:1em;
	}
	
	.textBox dl.dl_box,
	.textBox dl.dl_box2{
		float:none;
		width:100%;
		padding:0 1% 2% 1%;
		height: auto;
		margin-bottom:10px;
	}
	.textBox dl.dl_box dd ul li,
	.textBox dl.dl_box2 dd ul li{
		float:none;
		clear:both;
		width:100%;
	}
	
	.textBox_list li h4{
		font-size:1.2em;
	}
	
	.textBox ul.text_list2{
		width:100%;
	}
	
	.textBox_list li{
		margin:0 0 15px 0;
		width:98%;
		float:none;
		clear:both;
		display:block;
	}
	
	.access_dl img{
		float:none;
		clear:both;
		width:100%;
	}
	
	.textBox .company_about th,
	.textBox .company_about td{
		font-size:0.9em;
		padding:3% 1%;
	}
	
	aside#sidebar{
		width:98%;
		padding:0 1%;
		float:none;
		clear:both;
	}

}