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

h1{height:300px; background-image:url(../img/h1/h1-index.jpg); margin:0 0 20px 0;}

.tab-insurance li a,#h2-insurance,.list h3,div.list table td h4,.insurance-logo,
.need,.question,#h2-news,.proposal,#individual-contents .pdf-link a{
font-size:1px;
text-indent:-9999px;
}

.tab-insurance li a,#individual-contents .pdf-link a{
display:block;
overflow:hidden;
}

.tab-insurance li,div.list table td ul li{float:left;}

#h2-insurance{height:30px; background-image:url(../img/index/h2-insurance.gif); margin:0 0 15px 0;}

/*=====================[tab]==========*/

.tab-insurance li a{width:120px; height:34px; margin:0 10px 0 0;}

#tab-corporation a{background-image:url(../img/index/tab-corporation.gif);}
#tab-individual a{background-image:url(../img/index/tab-individual.gif);}

ul.tab-insurance li a:hover,
ul.tab-insurance li a.selected{background-position:0 -34px;}

/*=====================[insurance-common]==========*/

.hide{padding:10px 15px;}

div.list{border:1px solid #CCC; padding:10px; margin:0 0 15px 0;}
div.list h3,.pet-list h3{height:20px; background-position:10px 0; margin-bottom:15px;}

div.list table{border-collapse:separate;}
div.list table td{width:295px; font-size:12px; padding:0 10px 10px;}

div.list table td ul{margin-left:5px;}
div.list table td ul li{width:129px; padding:0 0 0 14px; background-position:0 3px;}

.insurance-logo{height:126px; background-image:url(../img/index/insurance-logo.gif); margin:0 0 30px 0;}

.need{height:28px; margin:0 0 10px 0;}

.need-text{padding:0 30px; margin:0 0 20px 0;}

.question{background-position:50% 0; margin:0 0 5px 0 ;}

.proposal{height:44px; background-image:url(../img/index/proposal.gif); background-position:50% 0; margin:0 0 20px 0;}

/*--------------------[corporation]-----------*/

#corporation-contents  div.list table td.list-left{width:280px;}
#corporation-contents  div.list table td.list-right{width:300px;}

#corporation-contents  div.list table td.list-left ul li{width:124px; padding:0 0 0 14px; background-position:0 3px;}
#corporation-contents  div.list table td.list-right ul li{width:100px; padding:0 0 0 14px; background-position:0 3px;}

#corporation-contents div.list table td.list-right ul li.left{width:170px;}

#corporation-contents{border-top:4px solid #6699CC;}

#corporation-contents div.list{background-color:#DDEDF9;}

#corporation-contents div.list h3{background-image:url(../img/index/h3-corporation-list.gif); border-bottom:1px solid #A1C3E2;}

#corporation-contents div.list table td.list-left{border-right:1px solid #A1C3E2;}
#corporation-contents div.list table td.list-right{border-left:1px solid #D1E4F4;}
#corporation-contents div.list table td.list-left h4{background-image:url(../img/index/corporation-life.gif);}
#corporation-contents div.list table td.list-right h4{background-image:url(../img/index/corporation-damage.gif);}

#corporation-contents div.list table td ul li{background-image:url(../img/common/blue-arrow.gif);}

#corporation-contents .need{background-image:url(../img/index/h2-corporation-need.gif);}

#corporation-contents .question{height:295px; background-image:url(../img/index/corporation-question.gif);}

/*--------------------[individual]-----------*/

#individual-contents{border-top:4px solid #669900;}

#individual-contents div.list{background-color:#F0F9E3;}

#individual-contents div.list h3{background-image:url(../img/index/h3-individual-list.gif); border-bottom:1px solid #ABC971;}

#individual-contents div.list table td.list-left{border-right:1px solid #ABC971;}
#individual-contents div.list table td.list-right{border-left:1px solid #E2EFCC;}
#individual-contents div.list table td.list-left h4{background-image:url(../img/index/individual-life.gif);}
#individual-contents div.list table td.list-right h4{background-image:url(../img/index/individual-damage.gif);}

#individual-contents div.list table td ul li{background-image:url(../img/common/green-arrow.gif);}

#individual-contents .need{background-image:url(../img/index/h2-individual-need.gif);}

#individual-contents .question{height:342px; background-image:url(../img/index/individual-question.gif);}

#individual-contents .pdf-link{margin:10px 0 15px 0;}

#individual-contents .pdf-link a{
width:250px;
height:30px;
background-image:url(../img/common/btn-insurance-sample.gif);
margin:0 auto;
}

/*--------------------[pet]-----------*/
.pet-list{
font-size:12px;
background-color:#FFEFEF;
padding:10px;
border:1px solid #CCC;
margin:0 0 20px 0;
}

.pet-list a{
padding:0 0 0 15px;
margin:0 60px 0 15px;
background-image:url(../img/common/red-arrow.gif);
}

.pet-list h3{background-image:url(../img/index/h3-pet-list.gif); border-bottom:1px solid #FF8F8F;}


/*=====================[news]==========*/

#h2-news{height:30px; background-image:url(../img/index/h2-news.gif); margin:0 0 10px 0;}

#news{padding:0 20px; height:300px; overflow:auto;}

#news dt{color:#6699CC; font-size:10px; background-image:url(../img/common/icon-day.jpg); padding:0 0 0 15px; margin:0 0 5px 0; line-height:120%; background-position:0 50%;}

#news dd{font-size:12px; padding:0 0 5px 0; margin:0 0 15px 0; background-image:url(../img/index/dot-blue.gif); background-position:0 100%; background-repeat:repeat-x;}