@charset "utf-8";
@import 'common.css'; 
@import 'contents.css'; 

.what-img,.what-text h3,#h2-security,#h2-compensation,#h2-plan,.staff-pic,
.text-voice h2,.text-voice-small h2,#fatherless-family,#cancer,#medical,.life-area h2,.damage-area h2,.pet-area h2,.img{
font-size:8px;
text-indent:-9999px;
}

.img,.life-area ul li a,.damage-area ul li a,.pet-area ul li a{
display:block;
overflow:hidden;
}


.h2{
font-size:14px;
padding:5px 0 5px 32px;
margin:0 0 15px 0;
background-image:url(../img/insurance/icon-book.gif);
}

#insurance .wrap{padding:0 10px;}

#insurance .wrap ul{line-height:0;}
#insurance .wrap ul a{line-height:140%;}

/*------------------------------------[category-list]------*/

.life-area,.damage-area{float:left;}
#corporation .damage-area,.pet-area{float:right;}

.life-area,.damage-area,.pet-area{width:210px;}

#individual .life-area{margin:0 15px 0 0;}

#corporation .life-area{width:200px;}
#corporation .damage-area{width:440px;}
#corporation .damage-area ul li{float:left; width:200px; margin-right:10px;}

.life-area h2,.damage-area h2,.pet-area h2{height:45px; margin:0 0 10px 0;}
#corporation .life-area h2{background-image:url(../img/insurance/h2-corporation-life.gif);}
#corporation .damage-area h2{background-image:url(../img/insurance/h2-corporation-damage.gif);}
#individual .life-area h2{background-image:url(../img/insurance/h2-individual-life.gif);}
#individual .damage-area h2{background-image:url(../img/insurance/h2-individual-damage.gif);}
.pet-area h2{background-image:url(../img/insurance/h2-pet.gif);}

.life-area ul,.damage-area ul,#individual .pet-area ul{padding:0 10px; margin:0 0 30px 0;}

.life-area ul li a,.damage-area ul li a,.pet-area ul li a{padding:1px 0 1px 15px; border-width:0 0 1px 0; border-style:solid;background-position:5px 6px;}
#corporation ul li a{border-color:#62ABE1; background-image:url(../img/common/side-blue-arrow.gif);}
#individual ul li a{border-color:#95B74F; background-image:url(../img/common/side-green-arrow.gif);}
#individual .pet-area ul li a{border-color:#FFA4A4; background-image:url(../img/common/side-red-arrow.gif);}

#corporation ul li a:hover{text-decoration:none; color:#FFF; background-color:#64ACE1; background-image:url(../img/common/side-blue-hover.gif);}
#individual ul li a:hover{text-decoration:none; color:#FFF; background-color:#73AA00; background-image:url(../img/common/side-green-hover.gif);}
#individual .pet-area ul li a:hover{text-decoration:none; color:#FFF; background-color:#FFA4A4; background-image:url(../img/common/side-red-hover.gif);}


/*------------------------------------[h1]------*/

#insurance-1 h1{background-image:url(../img/insurance/h1-insurance-1.gif);}
#insurance-2 h1{background-image:url(../img/insurance/h1-insurance-2.gif);}
#insurance-3 h1{background-image:url(../img/insurance/h1-insurance-3.gif);}
#insurance-4 h1{background-image:url(../img/insurance/h1-insurance-4.gif);}
#insurance-5 h1{background-image:url(../img/insurance/h1-insurance-5.gif);}
#insurance-6 h1{background-image:url(../img/insurance/h1-insurance-6.gif);}
#insurance-7 h1{background-image:url(../img/insurance/h1-insurance-7.gif);}
#insurance-8 h1{background-image:url(../img/insurance/h1-insurance-8.gif);}
#insurance-9 h1{background-image:url(../img/insurance/h1-insurance-9.gif);}
#insurance-10 h1{background-image:url(../img/insurance/h1-insurance-10.gif);}
#insurance-11 h1{background-image:url(../img/insurance/h1-insurance-11.gif);}
#insurance-12 h1{background-image:url(../img/insurance/h1-insurance-12.gif);}
#insurance-13 h1{background-image:url(../img/insurance/h1-insurance-13.gif);}
#insurance-14 h1{background-image:url(../img/insurance/h1-insurance-14.gif);}
#insurance-15 h1{background-image:url(../img/insurance/h1-insurance-15.gif);}
#insurance-16 h1{background-image:url(../img/insurance/h1-insurance-16.gif);}
#insurance-17 h1{background-image:url(../img/insurance/h1-insurance-17.gif);}
#insurance-18 h1{background-image:url(../img/insurance/h1-insurance-18.gif);}
#insurance-19 h1{background-image:url(../img/insurance/h1-insurance-19.gif);}
#insurance-20 h1{background-image:url(../img/insurance/h1-insurance-20.gif);}
#insurance-21 h1{background-image:url(../img/insurance/h1-insurance-21.gif);}
#insurance-22 h1{background-image:url(../img/insurance/h1-insurance-22.gif);}
#insurance-23 h1{background-image:url(../img/insurance/h1-insurance-23.gif);}
#insurance-24 h1{background-image:url(../img/insurance/h1-insurance-24.gif);}
#insurance-25 h1{background-image:url(../img/insurance/h1-insurance-25.gif);}
#insurance-26 h1{background-image:url(../img/insurance/h1-insurance-26.gif);}
#insurance-27 h1{background-image:url(../img/insurance/h1-insurance-27.gif);}
#insurance-28 h1{background-image:url(../img/insurance/h1-insurance-28.gif);}
#insurance-29 h1{background-image:url(../img/insurance/h1-insurance-29.gif);}
#insurance-30 h1{background-image:url(../img/insurance/h1-insurance-30.gif);}
#insurance-31 h1{background-image:url(../img/insurance/h1-insurance-31.gif);}
#insurance-32 h1{background-image:url(../img/insurance/h1-insurance-32.gif);}
#insurance-33 h1{background-image:url(../img/insurance/h1-insurance-33.gif);}
#insurance-34 h1{background-image:url(../img/insurance/h1-insurance-34.gif);}
#insurance-35 h1{background-image:url(../img/insurance/h1-insurance-35.gif);}
#insurance-36 h1{background-image:url(../img/insurance/h1-insurance-36.gif);}
#insurance-37 h1{background-image:url(../img/insurance/h1-insurance-37.gif);}
#insurance-38 h1{background-image:url(../img/insurance/h1-insurance-38.gif);}

/*------------------------------------[image]------*/
#h2-what{
font-size:14px;
background-image:url(../img/insurance/h2-what.gif);
padding:10px 0 10px 50px;
margin:0 0 10px 0;
}

.what{margin:0 0 30px 0; padding:0 20px;}
.what-img{width:190px; height:200px; float:left;}
.what-text{width:410px; float:right;}

/*------------------------------------[illust]------*/

#insurance-1 .what-img{background-image:url(../img/insurance/img-insurance-1.gif);}
#insurance-2 .what-img{background-image:url(../img/insurance/img-insurance-2.gif);}
#insurance-3 .what-img{background-image:url(../img/insurance/img-insurance-3.gif);}
#insurance-4 .what-img{background-image:url(../img/insurance/img-insurance-4.gif);}
#insurance-5 .what-img{background-image:url(../img/insurance/img-insurance-5.gif);}
#insurance-6 .what-img{background-image:url(../img/insurance/img-insurance-6.gif);}
#insurance-7 .what-img{background-image:url(../img/insurance/img-insurance-7.gif);}
#insurance-8 .what-img{background-image:url(../img/insurance/img-insurance-8.gif);}
#insurance-9 .what-img{background-image:url(../img/insurance/img-insurance-9.gif);}
#insurance-10 .what-img{background-image:url(../img/insurance/img-insurance-10.gif);}
#insurance-11 .what-img{background-image:url(../img/insurance/img-insurance-11.gif);}
#insurance-12 .what-img{background-image:url(../img/insurance/img-insurance-12.gif);}
#insurance-13 .what-img{background-image:url(../img/insurance/img-insurance-13.gif);}
#insurance-14 .what-img{background-image:url(../img/insurance/img-insurance-14.gif);}
#insurance-15 .what-img{background-image:url(../img/insurance/img-insurance-15.gif);}
#insurance-16 .what-img{background-image:url(../img/insurance/img-insurance-16.gif);}
#insurance-17 .what-img{background-image:url(../img/insurance/img-insurance-17.gif);}
#insurance-18 .what-img{background-image:url(../img/insurance/img-insurance-18.gif);}
#insurance-19 .what-img{background-image:url(../img/insurance/img-insurance-19.gif);}
#insurance-20 .what-img{background-image:url(../img/insurance/img-insurance-20.gif);}
#insurance-21 .what-img{background-image:url(../img/insurance/img-insurance-21.gif);}
#insurance-22 .what-img{background-image:url(../img/insurance/img-insurance-22.gif);}
#insurance-23 .what-img{background-image:url(../img/insurance/img-insurance-23.gif);}
#insurance-24 .what-img{background-image:url(../img/insurance/img-insurance-24.gif);}
#insurance-25 .what-img{background-image:url(../img/insurance/img-insurance-25.gif);}
#insurance-26 .what-img{background-image:url(../img/insurance/img-insurance-26.gif);}
#insurance-27 .what-img{background-image:url(../img/insurance/img-insurance-27.gif);}
#insurance-28 .what-img{background-image:url(../img/insurance/img-insurance-28.gif);}
#insurance-29 .what-img{background-image:url(../img/insurance/img-insurance-29.gif);}
#insurance-30 .what-img{background-image:url(../img/insurance/img-insurance-30.gif);}
#insurance-31 .what-img{background-image:url(../img/insurance/img-insurance-31.gif);}
#insurance-32 .what-img{background-image:url(../img/insurance/img-insurance-32.gif);}
#insurance-33 .what-img{background-image:url(../img/insurance/img-insurance-33.gif);}
#insurance-34 .what-img{background-image:url(../img/insurance/img-insurance-34.gif);}
#insurance-35 .what-img{background-image:url(../img/insurance/img-insurance-35.gif);}
#insurance-36 .what-img{background-image:url(../img/insurance/img-insurance-36.gif);}
#insurance-37 .what-img{background-image:url(../img/insurance/img-insurance-25.gif);}
#insurance-38 .what-img{background-image:url(../img/insurance/img-insurance-29.gif);}
#pet .what-img{background-image:url(../img/insurance/img-pet.gif);}



/*-------------------------------------------------*/

.what-text h3{height:34px; margin:20px 0 0 0;}
.corporation .what-text h3{background-image:url(../img/insurance/h3-for-company.gif);}
.individual .what-text h3{background-image:url(../img/insurance/h3-for-person.gif);}
.pet .what-text h3{background-image:url(../img/insurance/h3-for-pet.gif);}

.what-text p{padding:10px; border:1px solid #CCC; border-top:0; background-color:#FFF2DD;}

/*------------------------------------[security]------*/

.list-padding{padding-top:15px !important; padding-bottom:15px !important;}

#h2-security{
height:36px;
background-image:url(../img/insurance/h2-security.gif);
margin:0 0 10px 0;
}

#h2-compensation{
height:36px;
background-image:url(../img/insurance/h2-compensation.gif);
margin:0 0 10px 0;
}


.security-text{background-image:url(../img/common/dot.gif); background-position:bottom; background-repeat:repeat-x; padding:0 0 5px 0; margin:0 0 15px 0;}


.security-list{margin:0 0 35px 0;}

.security-list li{padding:10px 10px 0 50px; margin:0 0 30px 0;}

.security-list li h3,.security-list li b{font-size:14px; color:#20475D;}

.security-list .security-1{background-image:url(../img/insurance/point-1.gif);}
.security-list .security-2{background-image:url(../img/insurance/point-2.gif);}
.security-list .security-3{background-image:url(../img/insurance/point-3.gif);}
.security-list .security-4{background-image:url(../img/insurance/point-4.gif);}
.security-list .security-5{background-image:url(../img/insurance/point-5.gif);}
.security-list .security-6{background-image:url(../img/insurance/point-6.gif);}

/*------------------------------------[plan]------*/

#h2-plan{height:38px;
background-image:url(../img/insurance/h2-plan.gif);
margin:0 0 10px 0;
}

.plan-list{margin:0 0 35px 0; padding:0 15px;}

.plan-list li{padding:10px 10px 0 50px; margin:0 0 30px 0; background-image:url(../img/insurance/plan-back.gif);}

.plan-list li h3{font-size:14px; color:#20475D;}

/*.plan-list{background-color:#B7D6EC; border:1px solid #CCC; border-top:0; padding:15px 20px 0; margin:0 0 40px 0;}

.plan-list li{padding:10px 10px 10px 30px; background-color:#FFF; background-image:url(../img/insurance/icon-file.gif); background-position:10px 13px; margin:0 0 15px 0;}*/

/*------------------------------------[voice]------*/

.staff-pic{width:130px; height:135px; float:left;}
.nanya{background-image:url(../img/insurance/nanya.jpg);}
.takuma{background-image:url(../img/insurance/takuma.jpg);}
.tadokoro{background-image:url(../img/insurance/tadokoro.jpg);}
.tadokoro{background-image:url(../img/insurance/nanya.jpg);}

.text-voice{width:520px; float:right; margin:0 0 20px 0;}

.text-voice h2{height:42px; background-image:url(../img/insurance/h2-staff-voice.gif);}
.text-voice p{
border-width:0px 1px 0px 1px;
border-style:solid;
border-color:#CCC;
padding:10px
}
.text-voice span{background-image:url(../img/insurance/bottom.gif); height:7px; display:block;}


#voice-area{width:350px; float:right;}
#table-area{width:280px; float:left;}

.text-voice-small h2{height:42px; background-image:url(../img/insurance/h2-staff-voice-small.gif);}
.text-voice-small div{
border-width:0px 1px 0px 1px;
border-style:solid;
border-color:#CCC;
padding:10px 10px 10px 80px;
background-position:10px 10px;
}

.nanya-small{background-image:url(../img/insurance/nanya-small.gif);}
.takuma-small{background-image:url(../img/insurance/takuma-small.gif);}
.tadokoro-small{background-image:url(../img/insurance/tadokoro-small.gif);}
.tadokoro-small{background-image:url(../img/insurance/nanya-small.gif);}

.text-voice-small span{background-image:url(../img/insurance/bottom-small.gif); height:7px; display:block;}



.attention{tbackground-image:url(../img/common/dot.gif); background-repeat:repeat-x; padding:10px 40px 0 40px;}


/*------------------------------------[voice]------*/

.insurance-table{margin:0 0 5px 0;}
.insurance-table th,.insurance-table td{border:1px solid #CCC; padding:5px 10px; font-size:14px; text-align:center;}
.insurance-table th{background-color:#EEF6D5;}

.insurance-table th small,.insurance-table td small{font-size:10px;}

#insurance-25 .insurance-table th{letter-spacing:-1px;}

.small{font-size:10px; margin:0 0 10px 0; text-align:center; line-height:110%;}

.comment{border:1px solid #CCC; margin:0 0 40px 0; background-image:url(../img/insurance/comment-back.gif); background-position:0 50%;background-repeat:repeat-x;}
.comment p{padding:35px 10px 10px; border:1px solid #FFF; background-image:url(../img/insurance/icon-comment.gif); background-position:10px 10px;}


#fatherless-family{
height:190px;
background-image:url(../img/insurance/pers_life_24/fatherless-family.gif);
margin-bottom:5px;
}

#cancer{
height:390px;
background-image:url(../img/insurance/pers_life_27/cancer.gif);
margin-bottom:5px;
}

#medical{
height:300px;
background-image:url(../img/insurance/pers_life_26/medical.gif);
margin-bottom:5px;
}

#cost-living{
height:170px;
background-image:url(../img/insurance/pers_life_29/cost-living.gif);
margin-bottom:5px;
}

#longevity div table th{background-color:#EEF6D5;}
.man{background-color:#E2F4FE !important;}
.woman{background-color:#FFEEFD !important;}