@charset "utf-8";
/* CSS Document */

/*----------------------
	デフォルトスタイル
-----------------------*/
body,p,h1,h2,h3,h4,h5,h6,
span,small,strong,
div,ul,li,
figure,img,
header,footer,nav,section{
	margin:0;
	padding:0;
	border:none;
	outline:none;
	font-size:1rem;
}

header,footer,nav,section{display:block;}

html{
	font:13px/1.3 "ヒラギノ角ゴ Pro W3";
	-webkit-text-size-adjust:none;
	overflow-x : hidden;
}

li{list-style:none;}



/*
----------------------------------------*/
body{
	background:url(img/bg.jpg) #FFF;
	-webkit-text-size-adjust : 100% ;
	overflow-x : hidden;
	overflow-y : auto;
}

/* リンク色変更 */
a{
	text-decoration:none;
}

header{
	padding: 0;
}

/*	トップ画像
--------------------*/
.top_img{
	padding:0px;
	overflow:hidden;
	border-top:solid 1px #FFF;
}

.top_img img{
	max-width:100%;
	height:auto;
}


/*	メニュー
--------------------*/
#menu{
	width:100%;
	overflow:hidden;
	position:relative;
	padding: 0;
}

nav li{
	width:50%;
	float:left;
}

nav li a{
	display:block;
}

/*	セクションボーダー
--------------------*/
section{
	padding:10px 0;
	border-top:solid 1px #FFF;
	border-bottom:solid 1px #DFDFDF;
}

/*	見出し１
----------------------------*/
.htag1 {
	background: #1e9bf5;
	width:100%;
	display:block;
	text-align:center;
	color: #fff ;
	font-size: 115%;
	margin:5px 0 20px 0;
	padding: 8px;
	box-shadow:1px 3px 7px 0px #666666 ;
}

.htag2 {
	background: #36b016;
	width:100%;
	display:block;
	text-align:center;
	color: #fff ;
	font-size: 115%;
	margin:5px 0 20px 0;
	padding: 8px;
	box-shadow:1px 3px 7px 0px #666666 ;
}

.htag3 {
	background: #F00;
	width:100%;
	display:block;
	text-align:center;
	color: #fff ;
	font-size: 115%;
	margin:5px 0 20px 0;
	padding: 8px;
	box-shadow:1px 3px 7px 0px #666666 ;
}

.htag4 {
	background: #295890;
	width:100%;
	display:block;
	text-align:center;
	color: #fff ;
	font-size: 115%;
	margin:5px 0 10px 0;
	padding: 8px;
	box-shadow:1px 3px 7px 0px #666666 ;
}

/*	フォント
----------------------------*/
	span	{}
	/* 通常 */
	span#f1	{
			font-size: 100%;
			color: #000;
		}
	/* 太字 */
	span#f2	{
			font-size: 100%;
			color: #000;
			font-weight: bold;
		}
	/* 太字 赤 */
	span#f3	{
			font-size: 100%;
			color: #f00;
			font-weight: bold;
		}
	/* 小 */
	span#f4	{
			font-size: 70%;
			color: #000;
			font-weight: bold;
		}
	/* 太字 白 */
	span#f5	{
			font-size: 100%;
			color: #fff;
			font-weight: bold;
		}
	/* 会社概要の備考 */
	span#f6	{
			font-size: 80%;
			color: #000;
			line-height:0.8;
		}
	/* 会社概要の備考 太字 赤 */
	span#f7	{
			font-size: 80%;
			color: #F00;
			font-weight: bold;
			line-height:0.8;
		}


/*	角丸ボックス
----------------------------*/
.pbox {  
	width: 100%;
	margin: 20px 0 25px 0;
}
.pbox div   {  
	width: 85%;
	padding:10px; /* 内側余白 */
	border:solid 2px #1e9bf5; /* 罫線 */
	border-radius:5px; /* 角丸 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0 auto;
}

.pbox2 {  
	width: 100%;
	margin: 20px 0 5px 0;
}
.pbox2 div   {  
	width: 85%;
	padding:10px; /* 内側余白 */
	border:solid 2px #36b016; /* 罫線 */
	border-radius:5px; /* 角丸 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0 auto;
}

.pbox3 {  
	width: 100%;
	margin: 20px 0 15px 0;
}
.pbox3 div   {  
	width: 85%;
	padding:10px; /* 内側余白 */
	border:solid 2px #F00; /* 罫線 */
	border-radius:5px; /* 角丸 */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin: 0 auto;
}



/*	透明ボックス
----------------------------*/
.ibox {  
	overflow:hidden;
	width: 100%;
	margin: 0 0 10px 0;
}
.ibox div   {  
	overflow:hidden;
	width: 85%;
	padding:10px; /* 内側余白 */
	line-height:1;
	margin: 0 auto;
}

/*	事故画像
----------------------------*/
ul.jimg {
	width:100%;
	overflow:hidden;
	padding:0;
}
ul.jimg li {
	width:48%;
	display: inline-block;
}
ul.jimg li a {
	display: block;
}
ul.jimg img{
	max-width:98.5%;
	height:auto;
	padding:5px;
	display:block;
	overflow:hidden;
}


/*	各保険会社のＨＰと番号
----------------------------*/
ul.ins_bnr {
	width:100%;
	overflow:hidden;
	padding:0;
}
ul.ins_bnr li {
	width:22%;
	display: inline-block;
}
ul.ins_bnr li:first-child {
	width:48%;
}
ul.ins_bnr li a {
	display: block;
}
ul.ins_bnr img{
	max-width:98.5%;
	height:auto;
	padding:5px;
	display:block;
	overflow:hidden;
}


/*	料金表
----------------------------*/
	.fee{
		overflow:hidden;
		border-collapse: separate;
		border-spacing: 0px;
		border-top: 1px solid #aaa;
		border-left: 1px solid #aaa;
	}
	.fee th{
		padding: 2px;
		vertical-align: middle;
		color: #111;
		background-color: #ccc;
		border-top: 1px solid #fff;
		border-left: 1px solid #fff;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		text-align: center;
		line-height:1.4;
		overflow:hidden;
	}
	.fee td{
		padding: 10px;
		border-right: 1px solid #aaa;
		border-bottom: 1px solid #aaa;
		text-align: center;
		font-weight: bold; /*文字の太さ*/
		line-height: 1.4;
		overflow:hidden;
	}


/*	会社概要テーブル
----------------------------*/
	table.company {
		margin: 0 auto;
		border-collapse: separate;
		border-spacing: 0px 2px;
		font-size: 100%;
	}
	 
	table.company th,
	table.company td {
		padding: 3px 5px 3px 10px ;
		border: 1px solid #295890;
	}
	 
	table.company th {
		background: #295890;
		vertical-align: middle;
		text-align: left;
		overflow: visible;
		position: relative;
		color: #fff;
		font-weight: normal;
		font-size: 100%;
		border: 1px solid #295890;
	}
	 
	table.company th:after {
		left: 100%;
		top: 50%;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
		border-color: rgba(136, 183, 213, 0);
		border-left-color: #295890;
		border-width: 10px;
		margin-top: -10px;
	}
	/* firefox */
	@-moz-document url-prefix() {
	    table.company th::after {
	        float: right;
	        padding: 0;
	        left: 30px;
	        top: 10px;
	        content: " ";
	        height: 0;
	        width: 0;
	        position: relative;
	        pointer-events: none;
	        border: 10px solid transparent;
	        border-left: #295890 10px solid;
	        margin-top: -10px;
	    }
	}
	 
	table.company td {
		background: #DFF;
		padding-left: 20px;
		border:0px solid;
		border-color:#295890;
		border: 1px solid #295890;
	}


/*--------------------
	共通フッター部分
--------------------*/
footer{
	padding-top:10px;
	border-top:solid 1px #FFF;
}

footer a{
	text-decoration:underline;
}

/*	フッター
--------------------*/
#overview{
	border:solid 1px #3a8626f;
	background: #FFF;
	padding:.5em 0;
	font-size:12px;
	text-align:left;
}
#copy{
	background: #3a8626;
	color:#fff;
	padding:.5em 0;
	font-size:12px;
	text-align:center;
}