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

/*==========================================================================================
 
    1-1.Yahoo UI Library Fonts CSS
    http://developer.yahoo.com/yui/fonts/
    *Copyright (c) 2006, Yahoo! Inc. All rights reserved.
    *http://developer.yahoo.com/yui/license.txt
 
    フォントサイズ対応表↓
    77% = 10px  |   123.1% = 16px   |   167% = 22px
    85% = 11px  |   129% = 17px     |   174% = 23px
    93% = 12px  |   136% = 18px     |   182% = 24px
    100% = 13px |   144% = 19px     |   189% = 25px
    108% = 14px |   152% = 20px     |   197% = 26px
    116% = 15px |   159% = 21px     |
==========================================================================================*/

#accident { margin-top: 38px;}
#accident h3 {
	background: url(../../img/img_title01.gif) top left no-repeat;
	width: 989px;
	height: 37px;
	text-indent: -9999px;
}

#accident .article,
#aboutInsurance .article {
	width: 940px;
	margin: 10px 0 0px 0px;
	padding: 22px 25px;
	background: url(../../img/img_patterBg.gif) repeat;
}

#aboutInsurance .article {margin-bottom: 30px;}

#accident .article ul {
	width: 940px;
}

#accident .article li {
	float: left;
	width: 300px;
	margin-right: 20px;	
}

#accident .article h4 {
	padding-bottom: 7px;
	margin-bottom: 13px;
	background: url(../../img/img_accidentTitleBorder.gif) bottom left repeat-x;
}

.item dt {
	width: 100px;
	float: left;
	margin-right: 16px;
}

.item dd {
	width: 184px;
	float: left;
	margin-bottom:  25px;
	line-height: 150%;
}

.amountPrice {
	clear: both;
	margin-bottom: 0 !important;
	padding-top: 14px;
	zoom: 1;
}

#aboutInsurance .article .left p { 	margin-bottom: 17px; }
#aboutInsurance .article .left .btnApply { margin: 0 auto; }

#aboutInsurance table tr,
#aboutInsurance table th {
	padding: 0px;
	margin: 0px;
}

#aboutInsurance table td {
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#aboutInsurance table td.first { background: url(../../img/img_insurancePlanTableRCateBg01.gif) top left no-repeat; }
#aboutInsurance table td.second { background: url(../../img/img_insurancePlanTableRCateBg02.gif) top left no-repeat; }
#aboutInsurance table td.third { background: url(../../img/img_insurancePlanTableRCateBg03.gif) top left no-repeat; }

#aboutInsurance .wrapper { margin-top: 20px; }

#aboutInsurance .detail .last { background: none; }
.last { margin-right: 0px !important; }

#accident .article p {
	margin-bottom:  25px;
}
/*
#accident h5 {
	clear: both;
	padding-top: 14px;
	zoom: 1;
}
*/

#aboutInsurance {
	margin-top: 43px;
	clear: both;
}

#aboutInsurance h3 {
	background: url(../../img/img_title02.gif) top left no-repeat;
	width: 989px;
	height: 37px;
	text-indent: -9999px;
}

#fourCompensationContents h3 {
	background: url(../../img/img_title03.gif) top left no-repeat;
	width: 989px;
	height: 37px;
	text-indent: -9999px;
}

#insurancePlan h3 {
	background: url(../../img/img_title04.gif) top left no-repeat;
	width: 989px;
	height: 37px;
	text-indent: -9999px;
}

#howto h3 {
	background: url(../../img/img_title05.gif) top left no-repeat;
	width: 989px;
	height: 37px;
	text-indent: -9999px;
}

#aboutInsurance .article .left {
	float: left;
	width: 396px;
	margin-right: 27px;
}

#aboutInsurance .article  .left h5 {
	margin: 17px auto 3px;
	width: 253px;
}

#aboutInsurance .article  .right {
	float: left;
	width: 517px;
}

#aboutInsurance .article  .right .productExplain {
	padding-top: 22px;
	background: url(../../img/img_aboutInsuranceHeader.gif) top left no-repeat;
}

.productExplain .inner { background: url(../../img/img_aboutInsuranceInner.gif) top left repeat-y; }
.productExplain .inner h5 {
	width: 447px;
	margin: 0 auto;
}

.productExplain .bottom {
	background: url(../../img/img_aboutInsuranceBottom.gif) bottom left no-repeat;
}

/*
.productExplain .bottom h6 {
	width: 493px;
	margin: 0 auto;
	padding-bottom: 12px;
}
*/
#aboutInsurance .productExplain .bottom p{
	width: 493px;
	margin: 0 auto;
	padding-bottom: 12px;
}

.detail {
	padding: 29px 18px 30px 17px;
	background: #e8f7fe;
	border: #748ebb 2px solid;
}

.section {
	margin-bottom: 25px;
	padding-bottom: 25px;
	background: url(../../img/img_sectionBorderBg.gif) bottom left repeat-x;
	zoom: 1;
}

.content { margin-left: 20px; }

#aboutInsurance .detail .last {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	background: url("../../img/img_compensationHeader.gif") top left no-repeat !important;
}

#fourCompensationContents .detail .last {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
	background: none !important;
}

.detailContent {
	width: 910px;
	margin: 15px 0 0 20px;
}

#fourCompensationContents .detailContent {
	width: 950px;
	margin: 15px 0 0 0px;
}

.service .banner { margin: 15px 0px 25px; }

.service .wrapper {
	width: 909px;
	margin-bottom: 32px;
}

.service .first {margin-top: 13px !important; }
.service .last { margin-bottom: 0px !important; }
.service .left {
	float: left;
	width: 444px;
	margin-right: 21px;
}

.service .right {
	float: left;
	width: 444px;
}

.service h6 { margin-bottom: 11px; }

.service .left p,
.service .right p {
	padding: 0 9px 0 1px;
}

.detailContent .attention {
	text-align: right;
	font-size: 108%;
}

.detailContent .wrapper { width: 910px; }

.detailContent .lastWrapper {
	width: 910px;
	background: url(../../img/icon_pet.gif) bottom right no-repeat;
}

.detailContent .lastWrapper p { width: 445px; }

#aboutInsurance .detailContent .wrapper .left {
	float: left;
	width: 445px;
	margin-right: 20px;
	padding-bottom: 4px;
	background: url(../../img/img_insurancePlanSmallTableBottomBg.gif) bottom left no-repeat;
}

.service .left {
	float: left;
	width: 445px;
	margin-right: 20px;
	padding-bottom: 0px !important;
	background: none !important;
}

.detailContent .wrapper .left dl { width: 445px; }
.detailContent .wrapper .left dl.first {
	padding-top: 15px;
	background: url(../../img/img_insurancePlanTableTopBg.gif) top left no-repeat;
}

.detailContent .wrapper .left dl.last {
	padding-bottom: 4px;
	background: url(../../img/img_insurancePlanTableBottomBg.gif) bottom left no-repeat;
}

.detailContent .wrapper .left  dt {
	float: left;
	width: 222px;
}

.detailContent .wrapper .left dd {
	float: left;
	width: 222px;
	height: 27px;
	padding-top: 17px;
	text-align: center;
	background: #ffffff;
	border-right: 1px solid #cdcecf;
}

.detailContent .wrapper .left  dd.first {
	padding-top: 0px;
	padding-bottom: 15px;
	height: 15px;
	background: #f0f0f0;
}

.detailContent .wrapper .left  dd.last {
	background: #f0f0f0;
}

.detailContent .wrapper .right {
	float: left;
	width: 445px;
}

.detailContent .title { margin: 25px 0 13px 0; }

#pricePlan {
	padding-bottom: 6px;
	background: url(../../img/img_planBottomBg.gif) bottom left no-repeat;
	width: 910px;
	margin-top: 25px;
}

#pricePlan tr,
#pricePlan td {
	padding-top: 16px;
	background: url(../../img/img_pricePlanBg02.gif) top left repeat-y;
}

#pricePlan td.firstTd { padding-top: 16px; }
#pricePlan td.last { margin: 0 auto; }
#pricePlan td span { font-size: 152%; }
#pricePlan td.lastTd .btnApply { margin: 12px 0px 0px 25px; }
#pricePlan td.lastTd { padding-bottom: 10px; }

#reason {
	margin: 20px auto 5px;
	width: 910px;
}

#reason li {
	float: left;
	width: 294px;
	padding-top: 10px;
	margin-right: 13px;
	background: url(../../img/img_compensationHeader.gif) top left no-repeat;
}

#reason li .inner {
	width: 283px;
	padding: 0 0 0 11px;
	background: url(../../img/img_compensationInner.gif) top left repeat-y;
}

#reason li dl {
	width: 294px;
	background: url(../../img/img_compensationInner.gif) top left repeat-y;
}

#reason li dl dt img,
#reason li dl dd img {
	padding-left: 11px;
}

#reason li dl dd img {
	margin-left: 59px;
}

#reason li .fukidashi {
	margin-top: 10px;
	padding-bottom: 5px;
}

#reason li .bottom,
#reason li dd {
	padding-bottom: 10px;
	background: url(../../img/img_compensationBottom.gif) bottom left no-repeat;
}

#reason li .bottom img {
	margin-left: 59px;
}

#planAim {
	width: 910px;
	margin-top: 20px;
}

#planAim .left {
	float: left;
	width: 445px;
	padding-bottom: 6px;
	margin-right: 20px;
	background: url(../../img/img_insurancePlanTableBottomBg.gif) bottom left no-repeat;
}

#planAim .left .titleL,
#planAim .right .titleL {
	float: left;
	width: 222px;
}

#planAim .left .titleR,
#planAim .right .titleR {
	float: left;
	width: 223px;
}

#planAim .right {
	float: left;
	width: 445px;
	padding-bottom: 6px;
	background: url(../../img/img_insurancePlanTableBottomBg.gif) bottom left no-repeat;
}

#planAim table {
	width: 437px;
	background: #f0f0f0;
}

#planAim table tr,
#planAim table th {
	height: 40px;
}

#planAim table tr.even {
	background: #fff;
}

#planAim table td {
	text-align: center;
}

#planAim .tableContent,
#planAim .left table tr.content {
	clear: both;
}

#planAim .left tr.content td,
#planAim .right tr.content td {
	padding: 3px 0 0 4px;
}

#planAim .left td.oddL,
#planAim .right td.oddL {
	background: url('../../img/img_planAimTableCellOddL.gif') top left repeat-y;
}

#planAim .left td.oddR,
#planAim .right td.oddR {
	background: url('../../img/img_planAimTableCellOddR.gif') top left repeat-y;
}

#planAim .left td.evenL,
#planAim .right td.evenL {
	background: url('../../img/img_planAimTableCellEvenL.gif') top left repeat-y;
}

#planAim .left td.evenR,
#planAim .right td.evenR {
	background: url('../../img/img_planAimTableCellEvenR.gif') top left repeat-y;
}

#planAim .left tr.firsT {margin-bottom: 5px;}

#point {
	width: 894px;
	height: 75px;
	margin: 20px auto 0px;
	padding-right: 15px;
	background: #fff;
	border: 1px solid #d0d1d2;
}

#point p {
	padding: 20px 0px 20px 72px;
	background: url(../../img/icon_point.gif) 13px 17px no-repeat;
}

#payWrapper {
	width: 910px;
	margin-top: 25px;
}

#payWrapper .left {
	float: left;
	width: 445px;
	margin-right: 20px;
	padding-bottom: 6px;
	background: url(../../img/img_payWrapperBottomBg.gif) bottom left no-repeat;
}

#payWrapper .right {
	float: left;
	width: 445px;
	padding-bottom: 6px;
	background: url(../../img/img_payWrapperBottomBg.gif) bottom left no-repeat;
}

#payWrapper .left .inner,
#payWrapper .right .inner {
	background: url(../../img/img_payWrapperInnerBg.gif) top left repeat-y;
}

#payWrapper .right .inner {
	padding-bottom: 95px;
}

#payWrapper .left .inner p,
#payWrapper .right .inner p {
	padding: 15px 13px 0;
}

#payWrapper .left .inner span {
	font-size: 108%;
	color: #db0000;
}

#payWrapper .left .inner h6 {
	width: 219px;
	padding-bottom: 18px;
	margin: 21px auto 0px;
}

#payImage{
	display: block;
	width: 949px;
	height: 306px;
	margin-top: 25px;
	background: url(../../img/img_priceImage.gif) top left no-repeat;
}

#payImage li {text-indent: -9999px; }

#fourCompensationContents {
	margin-top: 43px;
	clear: both;
}

#fourCompensationContents h5 {
	margin: 24px 0 14px;
	color: #990000;
	font-size: 159%;
}

#situation,
.compensationSituation {
	margin-top: 15px;
}


#situation .left,
.compensationSituation .left {
	float: left;
	width: 163px;
	margin-right: 20px;
}

#situation .right,
.compensationSituation .right {
	float: left;
	width: 727px;
}

#situation .right ul,
.compensationSituation .right ul {
	margin-top: 16px;
}

#situation .right li,
.compensationSituation .right li {
	margin-bottom: 9px;
	padding-left: 11px;
	background: url(../../img/icon_listStyle.gif) left 4px no-repeat;
}

#situation .right li.last,
.compensationSituation .right li.last {
	margin-bottom: 0px !important;
}

#situationContent {
	width: 908px;
	margin-top: 13px;
	background: #fff;
	border: 1px solid #d0d1d1;
}

#situationContent ul {
	padding: 34px 0 38px 80px;
	zoom: 1;
}

#situationContent ul li {
	float: left;
	margin-right: 62px;
}

#situationContent ul li.bottom { margin-top: 14px;}
#situationContent li.small {margin-right: 50px !important;}
#situationContent li.none {margin-right: 0px !important;}

#situationContent .para {
	margin: 0 25px 0 20px;
	padding-bottom: 22px;
	clear: both;
}

#compensationWrapper {
	width: 910px;
	margin-top: 15px;
}

#compensationWrapper .left {
	float: left;
	width: 520px;
	margin-right: 20px;
	padding-bottom: 4px;
	background: url(../../img/img_compensationLBgBottom.gif) bottom left no-repeat;
}

#compensationWrapper .right {
	float: left;
	width: 370px;
	padding-bottom: 4px;
	background: url(../../img/img_compensationRBgBottom.gif) bottom left no-repeat;
}

#compensationWrapper .left .inner {
	padding-left: 12px;
	background: url(../../img/img_compensationLBgInner.gif) top left repeat-y;
}

#compensationWrapper .right .inner {
	padding: 20px 0px 0px 10px;
	background: url(../../img/img_compensationRBgInner.gif) top left repeat-y;
}


#compensationWrapper .left .inner p {
	margin-top: 22px;
	text-align: center;
}

#compensationWrapper .right .inner p {
	margin-top: 18px;
	text-align: center;
}

#insurancePlan {
	margin-top: 43px;
	clear: both;
}

#insurancePricePlanTable {
	width: 990px;
	margin-top: 20px;
	padding-bottom: 4px;
	background: url(../../img/img_insurancePricePlanTableBottomBg.gif) bottom left no-repeat;
}

#insurancePricePlanTable .header {width: 990px;}
#insurancePricePlanTable .header .leftCell {
	float: left;
	width: 247px;
}

#insurancePricePlanTable .header .rightCell {
	float: left;
	width: 249px;
}

#insurancePricePlanTable .inner {background: url(../../img/img_insurancePricePlanTableInnerBg.gif) top left repeat-y;}
#insurancePricePlanTable table td {
	/*padding: 17px 0 16px 22px;*/
	padding: 0px 0 0px 22px;
	border-bottom: 1px solid #cfcfcf;
	font-size: 108%;
}

#insurancePricePlanTable table th.first {
	padding: 0px !important;
	border: none !important;
}

#insurancePricePlanTable table td.none {
	border-bottom: none;
	/*padding-bottom: 12px;*/
}

#insurancePricePlanTable table tr {
	background: url("../../img/img_insurancePricePlanTableInnerBg.gif") repeat-y left top;
}

#howto {
	margin-top: 43px;
	clear: both;
}

#howto ol {
	display: block;
	width: 950px;
	height: 158px;
	margin: 20px 0px 22px;
	background: url('../../img/img_howtoList.gif') left top no-repeat;
}

#howto ol li {text-indent: -9999px; }

#howto .title {
	margin-top: 20px;
	font-size: 136%;
}

#howto ul {
	margin: 20px 0px 22px;
}

#howto .detailContent {
	width: 940px;
	margin: 15px 0 0 20px;
}

#howto .para {
	width: 940px;
}

#howto .para .left,
#situationContent .para .left {
	display: inline;
	float: left;
	width: 10px;
	padding-top: 2px;
	margin-right: 5px;
}

#situationContent .para .right {
	display: inline;
	float: left;
	width: 840px;
}


#howto .para .right {
	float: left;
	width: 920px;
}

#howto .section {
	margin-bottom: 23px;
	padding-bottom: 50px;
	background: url(../../img/img_sectionBorderBg.gif) bottom left repeat-x;
}

#apply {
	display: block;
	width: 501px;
	height: 63px;
	margin: 47px auto 0;
	text-indent: -99999px;
}

#apply,
#apply a {
	display: block;
	width: 461px;
	height: 63px;
	overflow: hidden;
	background: url(../../img/btn_applyLarge.gif) top left no-repeat;
}

#apply a:hover {
	display: block;
	width: 461px;
	height: 63px;
	overflow: hidden;
	background: url(../../img/btn_applyLarge.gif) 0 -63px no-repeat;
}

#howto ul li {
	float: left;
}

.btnApply,
.btnApply a{
	display: block;
	width: 253px;
	height: 43px;
	overflow: hidden;
	background: url(../../img/btn_applay.gif) top left no-repeat;
	text-indent: -999px;
}
.btnApply a:hover { background: url(../../img/btn_applay.gif) 0px -43px no-repeat; }

#accident .article ul:after,
#accident .article .item:after,
#aboutInsurance .article:after,
#reason:after,
.detailContent .wrapper:after,
.detailContent .wrapper .left dl:after,
#pricePlan:after,
#planAim:after,
#planAim .left:after,
#planAim .titleWrrapper:after,
#payWrapper:after,
.service .wrapper:after,
#situation:after,
#situationContent ul:after,
#compensationWrapper:after,
.compensationSituation:after,
#insurancePricePlanTable .header:after,
#howto ul:after,
#howto .para:after,
#situationContent .para:after {
	content: ".";
    display: block;
    height: 0;
    font-size:0;  
    clear: both;
    visibility:hidden;
}