@charset "shift_jis";

/*
**********************************************************************

* lp_commodity.css

* site name   : http://www.hoken-osusume.com/lp/company/commodity/
* description : insuranse commodity styles
* since       : 2008-01-16
* editor      : Tooru Ehara (teco)
* modified    : 
* editor      :

*********************************************************************
*/

/*
===== CONTENTS ===========================================

	1: commonstyle
	2: aflac commodities
	3: sonpo commodities
	4: mitsuisumitomo commodities
	5: zurich commodities
	6: taiyo commodities
	7: tokyo commodities
	8: recommend commodities

==========================================================
*/


/*
==========================================================

* 1: common style

==========================================================
*/
div#main_lp{
font-size:110%;
line-height:140%;
}
div#main_lp h2{
background:url("../img/commodity/bg_commodity_title.gif") 0 0 no-repeat;
padding:18px 0 20px 45px;
color:#873702;
font-size:120%;
}
dl#commodity_title{
position:relative;
padding-left:120px;
margin:0 30px 20px;
min-height:80px;
}
* html dl#commodity_title{
heigth:60px;
}
dl#commodity_title img{
position:absolute;
top:5px;
left:0;
border:1px solid #CCCCCC;
}
* html dl#commodity_title img{
top:0;
left:-120px;
}
dl#commodity_title dt{
padding-bottom:5px;
border-bottom:1px dashed #CCCCCC;
}
dl#commodity_title dd{
padding-top:5px;
font-size:90%;
}
dl#commodity_title dd span{
font-size:85%;
color:#333333;
}
div#feature{
margin:0 30px 20px;
}
div#feature div.FL{
width:58%;
}
div#feature div.FR{
width:284px;
background:url("../img/commodity/bg_plus_btm.gif") 0 100% no-repeat;
}
div#feature div.FL div.rect-circle{
background:#FCECEC url("../img/commodity/bg_rect_circle_r.gif") 100% 0 no-repeat;
}
div#feature div.FL h3{
background:url("../img/commodity/bg_rect_circle_l.gif") 0 0 no-repeat;
border-bottom:4px solid #FF3300;
padding:5px 0 5px 10px;
margin-bottom:20px;
}
div#feature div.FL ul{
font-size:100%;
/*font-weight:bold;*/
margin:0 0 20px 15px;
}
div#feature div.FL li{
background:url("../img/commodity/icn_feature_list.gif") 0 3px no-repeat;
padding:0 0 10px 20px;
}
div#feature div.FL li span{
font-weight:normal;
font-size:90%;
}
div#feature div.FL p,
div#main_lp p.btn_request{
width:277px;
height:59px;
margin:0 auto;
text-indent:-9999px;
}
div#feature div.FL p a,
div#main_lp p.btn_request a{
background:url("../img/commodity/btn_request.jpg") 0 0 no-repeat;
display:block;
width:100%;
height:100%;
overflow:hidden;
}
div#feature div.FL p a:hover,
div#main_lp p.btn_request a:hover{
background-position:0 -59px;
}
div#feature div.FR h3{
background:url("../img/commodity/bg_plus_top.gif") 0 0 no-repeat;
color:#4EA722;
font-size:100%;
padding:10px;
}
div#feature div.FR dl,
div#feature div.FR ul{
padding:0 10px 10px;
}
div#feature div.FR dt,
div#feature div.FR li{
background:url("../img/commodity/icn_plus.gif") 0 3px no-repeat;
color:#4EA722;
font-weight:bold;
padding-left:20px;
}
div#feature div.FL dd strong,
div#feature div.FL li strong{
color:#FF3300;
}
div#feature div.FR dd{
padding-left:20px;
}
div#feature div.FR p{
color:#666666;
font-size:85%;
width:250px;
margin:-15px auto 10px;
}
div#main_lp table#plan{
width:650px;
margin:0 auto 20px;
border-top:1px solid #BBBBBB;
border-left:1px solid #BBBBBB;
font-size:90%;
}
div#main_lp table#plan th{
background:#FFE27F;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
padding:0 5px;
font-weight:normal;
}
div#main_lp table#plan td{
background:#FDFCCF;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
padding:0 5px;
}
div#main_lp table#plan td span{
font-weight:bold;
color:#FF3300;
}
div#main_lp table#plan th.course{
background:#FDFCCF;
text-align:center;
}
div#main_lp table#plan tr.term th{
background:#FFECAD;
text-align:center;
}
div#main_lp table#plan tr.term td{
text-align:center;
}
div#main_lp table#plan tr.detail th{
width:28%;
}
div#main_lp table#plan tr.detail td{
width:36%;
}
div#main_lp table#plan tr.img td{
background:#FFFFFF;
}
dl#alert{
margin:0 30px 20px;
font-size:90%;
}
dl#alert dd{
margin:0 20px 10px;
color:#333333;
}
div#main_lp p.btn_request{
margin-bottom:40px;
}
div#main_lp p.pdf{
margin:0 30px 30px;
}
div#main_lp p#getAdobeReader{
position:relative;
background:#EEEEEE;
padding:10px 10px 10px 150px;
width:500px;
margin:0 auto 40px;
}
div#main_lp p#getAdobeReader img{
position:absolute;
top:10px;
left:15px;
}
div#main_lp table#plan caption{
font-size:90%;
text-align:left;
width:inherit;
margin:0 auto 10px;
}
/*
==========================================================

* 2: aflac commodities

==========================================================
*/
/*	かわいいこどもの保険
--------------------------------------------------------*/
body.noplus div#feature div.FL{
width:100%;
}
/*	個人年金保険
--------------------------------------------------------*/
div#main_lp table#plan.AF6A tr.detail th{
width:12%;
}
div#main_lp table#plan.AF6A tr.detail td{
width:15%;
background:#FFFFFF;
}
div#main_lp table#plan.AF6A tr.detail td.less{
background:#EEEEEE;
}

/*
==========================================================

* 3: sonpo commodities

==========================================================
*/
body.himawari div#main_lp table#plan td.case{
background:#FDFCCF;
}
body.himawari div#main_lp table#plan td{
background:#FFFFFF;
}
/*
==========================================================

* 4: mitsuisumitomo commodities

==========================================================
*/
body.mitsui div#feature div.FL p.note{
width:600px;
height:auto;
margin:0 auto;
background:#EEEEEE;
padding:10px;
font-size:85%;
text-indent:0;
}
ul#annotation{
padding:10px;
background:#EEEEEE;
width:630px;
margin:0 auto 20px;
font-size:85%;
}
ul#annotation li{
text-indent:-2.0em;
padding-left:1.8em;
}
ul#annotation li.confirm{
text-indent:0;
padding-left:1.8em;
font-weight:bold;
}

/*
==========================================================

* 5: zurich commodities

==========================================================
*/
body.zurich dl#commodity_title dd strong{
color:#FF3300;
}
body.zurich div#feature div.FL h4{
background:#FF3300;
color:#FFFFFF;
padding:3px;
margin-left:15px;
}
body.zurich div#feature div.FR h4{
color:#4EA722;
font-size:100%;
padding:10px;
}
body.zurich div#feature div.FR li{
color:#000000;
font-weight:normal;
}

/*
==========================================================

* 6: taiyo commodities

==========================================================
*/
body.taiyo div#feature div.FL li dl{
padding-left:15px;
}
body.taiyo div#feature div.FL li dt{
color:#FF3300;
}
body.taiyo div#feature div.FL li dd{
font-weight:normal;
padding-left:10px;
}
body.taiyo h4#and_so_on{
color:#FFFFFF;
background:#FF3300;
padding:3px;
margin:0 0 10px 45px ;
width:230px;
}
body.taiyo ul#annotation li{
text-indent:0;
padding-left:10px;
}
/*
==========================================================

* 7: tokyo commodities

==========================================================
*/
body.tokyo div#feature div.FL.AN06 li{
float:left;
width:45%;
padding-right:10px;
}
body.tokyo div#feature table{
width:300px;
font-size:85%;
margin:10px auto;
border-top:1px solid #BBBBBB;
border-left:1px solid #BBBBBB;
}
body.tokyo div#feature th{
background:#FFE27F;
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
padding:0 5px;
font-weight:normal;
}
body.tokyo div#feature td{
border-bottom:1px solid #BBBBBB;
border-right:1px solid #BBBBBB;
padding:0 5px;
}
body.tokyo div#profile{
background:#EEEEEE;
border:1px solid #BBBBBB;
padding:10px;
width:630px;
margin:0 auto;
}
body.tokyo div#profile h4{
color:#4EA722;
}
body.tokyo div#profile li{
float:left;
width:45%;
}


/*
==========================================================

* 8: recommend commodities

==========================================================
*/

div#recommend{
/*border-bottom:5px solid #9ACD15;*/
margin:20px 0 60px;
}
div#recommend h4{
border-bottom:1px solid #9ACD15;
padding:2px;
font-weight:bold;
}
/*div#recommend ul{
padding-bottom:20px;
}*/
div#recommend li{
float:left;
font-size:85%;
line-height:120%;
text-align:center;
width:125px;
height:95px;
padding-top:10px;
}
div#main_lp div#recommend h2{
padding-bottom:10px;
}
div#recommend p{
background:url("../img/icn_ranking.gif") 0 0 no-repeat;
padding:5px 0 0 35px;
height:26px;
margin-top:10px;
}