@charset "utf-8";

/* common
====================================== */
#right .sidebar_dfp {width:140px;padding-left:10px}
#contents_section .return_top {text-align:right;font-size:12px;padding-right:10px;clear:both}

/* contents_section
====================================== */
#contents_section{width:960px; margin:0 auto; background-color:#FFFFFF;padding-bottom:10px;}

#breadcrumbs{ width:960px; margin: 0 auto; font-weight:normal}
#breadcrumbs h2{font-weight:normal}

#headline_area01{width:960px; margin:10px auto 10px}
#headline_area01 .headline01{ font-weight:400;}

.main_contents {width:780px;float:left; text-align:left;}

/* clearfix
====================================== */
#contents_section:after{clear:both;content:".";display:block;height:0;visibility:hidden}


/*backnunber
===================================== */
#disclaimer{
	margin-top: 10px;
	padding: 15px;
	background-color: #DFDFDF;
	margin-right: 18px;
	margin-bottom: 40px;
	margin-left: 5px;
}
#disclaimer p{
	font-size:12px;
}
#other-con{
	margin-bottom:15px;
}
#other-con p{
	border-bottom:dotted 1px #898989;
	padding-bottom:16px;
	margin-top:21px;
	font-size:13px;
	line-height:15px;
	color:#333333;
}
#other-con #back-number{
	float:left;
	width:369px;
	margin-right:30px;
}
#other-con #other-column{
	float:left;
	width:368px;
}
#other-con #back-number p{
	background:url("../images/icon-back-number.gif") no-repeat top left;
	padding-left:30px;
	margin-left:10px;
}
#other-con #other-column p{
	background:url("../images/icon-arrow.gif") no-repeat top left;
	padding-left:25px;
	margin-left:16px;
}
#other-con #other-column p span,
#other-con #back-number p{
    color: #696969;
}
#other-con #other-column p a,
#other-con #other-column p a{
    line-height: 18px;
}

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

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}  
  
.clearfix { display:inline-block; overflow:hidden;}  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix {
	padding: 0px;
	margin: 0px;

}  
/* End hide from IE-mac */ 
.clearfix img {
		margin: 0px;
		padding: 0px;
}
/* 
====================================== */


/*--------火災保険詳細ボタン------------*/
.account-btn{
	text-align: center;
	margin-top: 40px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 40px;
}

/*-------メインイメージ高さ変更により------------*/
#topMain02{
	padding: 0px;
	min-height: 265px;
	height: auto !important;
	height: 265px;
	background-color: #E76B11;
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 760px;
	background-image: url(../images/main.gif);
	background-repeat: no-repeat;
	text-align: left;
	vertical-align: top;
}
/*-----------vol2追加-------------*/
.headline02-half{
	text-align: left;
	float: left;
	width: 540px;
}

.headline02-half h2{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #5388c7;
	padding-left: 5px;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.headline03 h2{
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #5388c7;
	padding-left: 5px;
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: left;
}
.headline-text02{
	padding-left: 5px;
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}
.img-box-r{
	float: right;
	padding-left: 20px;
}
.read-text02{
	text-align: left;
	font-size: 14px;
}
.read-text03{
	font-size: 14px;
	text-align: left;
	color: #616161;	
}
.title02{
	background-image: url(../images/headline.gif);
	height: 36px;
	width: 765px;
	text-align: left;
	background-repeat: repeat-x;
	padding-top: 6px;
}
.detached{
	background-image: url(../images/detached.gif);
	height: 34px;
	background-repeat: no-repeat;
	
}
.detached h3{
	font-size: 14px;
	font-weight: bold;
	color: #616161;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #64A5DC;
	border-right-color: #64A5DC;
	border-bottom-color: #64A5DC;
	line-height: 32px;
	margin-left: 5px;
	padding-left: 139px;
	text-align: left;
}
.img-box-l{
	float: left;
	padding-right: 5px;
}
.title03{
	float: left;
	font-size: 14px;
	font-weight: bold;
	color: #616161;
	width: 543px;
	text-align: left;
}
.chart{
	position: relative;
	background-image: url(../images/chart.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 212px;
}
.indemnity{
	position: absolute;
	height: 50px;
	width: 150px;
	background-color: #5388c7;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	left: 378px;
	line-height: 25px;
}
.economy{
	position: absolute;
	height: 50px;
	width: 150px;
	background-color: #cc2828;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	bottom: 0px;
	right: 217px;
	line-height: 25px;

}
/*---------------------------------------------------------*/
.pack{
	width: 760px;
}
.pack h5{
	color: #4c94d1;
	font-size: 18px;
	font-weight: bold;
	
}
.pack-top{
	background-image: url(../images/pack-top.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-right: 15;
	padding-bottom: 0;
	padding-left: 15;
	margin-bottom: 10px;
}
.pack-center{
	padding: 0;
	background-image: url(../images/pack-center.gif);
	background-position: center top;
	background-repeat: repeat-y;
	text-align: left;
}
.pack-bottom{
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: left;
	background-image: url(../images/pack-bottom.gif);
	padding-bottom: 15px;
}
.pack-in{
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
}

.pack-in-top{
	background-image: url(../images/pack-in-top.gif);
	background-position: center top;
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-bottom: 0;
	margin-bottom: 10px;
}
.pack-in-center{
	padding: 0;
	background-image: url(../images/pack-in-center.gif);
	background-position: center top;
	background-repeat: repeat-y;
	text-align: left;
}
.pack-in-bottom{
	background-position: center bottom;
	background-repeat: no-repeat;
	text-align: left;
	background-image: url(../images/pack-in-bottom.gif);
	padding-bottom: 15px;
}
.pack .pack-in-top .pack-in-center .pack-in-bottom .pack-in-tbl {
	padding-left: 20px;
	padding-right: 20px;
	
}

.pack .pack-in-top .pack-in-center .pack-in-bottom .pack-in-tbl table tr th {
	white-space: nowrap;
	padding-right: 10px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: top;
	color: #616161;
}
.pack .pack-in-top .pack-in-center .pack-in-bottom .pack-in-tbl table tr td {
	font-size: 12px;
	color: #616161;
}
/*---------------------------------------------------------*/

.category{
	border: 1px solid #ecebda;
	background-color: #f7f5ed;
	padding-top: 12px;
	padding-right: 15px;
	padding-bottom: 12px;
	padding-left: 15px;
	
}
.category-tilte{
	background-image: url(../images/ttl-01.gif);
	background-repeat: no-repeat;
	line-height: 34px;
	font-size: 14px;
	color: #FFF;
	text-align: left;
	padding-left: 10px;
}
.category-case{
	background-image: url(../images/icon01.gif);
	background-repeat: no-repeat;
	line-height: 40px;
	font-size: 14px;
	color: #616161;
	text-align: left;
	padding-left: 60px;
	font-weight: bold;
	margin-left: 5px;
	margin-right: 5px;
}
.category .read-text02 {
	color: #616161;
}
.amount{
	border: 1px solid #cc2828;
	font-size: 14px;
	line-height: 30px;
	background-color: #fcede9;
	font-weight: bold;
	color: #cc2828;
}
.amount-waku{
	border: 1px solid #cc2828;
	background-color: #FFF;
	font-size: 12px;
	}
.amount-waku tr td {
	padding-left: 10px;
	padding-top: 5px;
	color: #616161;
	text-align: left;
}
.amount-waku tr .last {
	padding-bottom: 5px;
}
/*---------------------------------------------------------*/
.damage{
}
.damage p {
	font-size: 14px;
	font-weight: bold;
	color: #5388c7;
	text-align: left;
}
.damage-box{
	border: 2px solid #5388c7;
	padding: 10px;
	background-color: #FFF;
}

.damage-r{
	float: right;
	text-align: right;
	font-size: 14px;
	font-weight: bold;
	color: #5388c7;
	width:336px;
}
.damage-box .clearfix .damage-l {
	float: left;
	background-image: url(../images/arrow-icon.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #5388c7;
	width: 336px;
	text-align: left;
	background-position: 2px;
}
/*---------------------------------------------------------*/
.pay{
}
.pay tr{
	padding:0;
}
.pay tr th{
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #5388C7;
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #616161;
	
}
.pay tr .last{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #5388C7;
	font-size: 20px;
	font-weight: bold;
	color: #5388C7;
	text-align: center;
	padding-top: 5px;
}

.pay-center {
	margin-right: 35%;
	margin-left: 35%;
	text-align: center;
	display: block;
	width: 30%;
	font-size: 12px;
	padding-top:5px;
	padding-bottom:5px;
	
}
.pay table tr td .pay-center ul li {
	text-align: left;
	color: #616161;
}
