@charset "shift_jis";

/*
------------------------------------------------
■自動車保険　ランキング
■/kuruma/hoken/ranking/
■togashi 20100205
■最終更新日
------------------------------------------------
*/

/*共通CSS*/
@import "https://css1.kakaku.k-img.com/css/kuruma/kuruma_topcategory.css";
@import "https://css1.kakaku.k-img.com/css/kuruma/hoken/common.css";

#mainContents{
font-size:107%;
}
#mainContents p{
line-height:180%;
margin-bottom:10px;
}
#mainContents p.rankcmt{
font-size:92%;
line-height:100%;
margin-bottom:5px;
text-align:center;
}
#mainContents p.smlcmt{
clear:both;
font-size:80%;
text-align:right;
line-height:100%;
}
#mainContents p.smlcmt2{
margin-top:10px;
font-size:80%;
text-align:left;
line-height:130%;
}


#title{
background:transparent url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/title_bg.gif") no-repeat right top;
padding-right:226px;
height:249px;
margin-bottom:13px;
}
#title h2{
margin-bottom:8px;
}
#title p{
margin-left:10px;
}

.n_box{
background:transparent url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/box_bg.gif") repeat-y;
margin-bottom:10px;
clear:both;
}
.n_btm{
background:transparent url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/box_btm.gif") no-repeat left bottom;
padding:10px;
overflow:hidden;
_overflow:visible;
_height:10px;
}

h3{
background-position:left top;
background-repeat:no-repeat;
padding-top:6px;
padding-left:70px;
min-height:28px;
_height:28px;
margin-bottom:10px;
line-height:150%;
}
h3.q1{background-image:url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/q1.gif");}
h3.q2{background-image:url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/q2.gif");}
h3.q3{background-image:url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/q3.gif");
padding-top:40px;
padding-left:0;
}
h3.q4{background-image:url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/q4.gif");}


/* ------------- tableBox ------------- */

div.tableBox {
padding:0 10px;
}
div.tableBox h2{
background:transparent url("https://img1.kakaku.k-img.com/images/kuruma/hoken/question/ribbon.gif") no-repeat left top;
text-align:center;
font-weight: bold;
padding-top:10px;
height:26px;
width: 325px;
font-size:110%;
margin-bottom:5px;
}
div.tableBox div{
width:325px;
margin-bottom:10px;
}
div.tableBox div.alignC{
text-align:center;
_width:680px;
}

div.tableBox div.txt{
float:left;
line-height:180%;
}

div.tableBox table{
border-collapse:collapse;
border:1px solid #ccc;
width: 325px;
}

div.tableBox table td,
div.tableBox div.alignC table td{
background-color: #fff;
border:1px solid #ccc;
padding: 7px;
text-align:left;
letter-spacing:0.05em;
}
#mainContents div.tableBox td span{
font-size:60%;
}
#mainContents div.tableBox table td p.com{
font-size:77%;
line-height:100%;
margin:0;
}
div.tableBox table td.point,
div.tableBox div.alignC table td.point{
text-align: center;
}
div.tableBox table th {
background-color: #eee;
border:1px solid #ccc;
font-weight: normal;
padding: 7px;
text-align: center;
}

p.txt{
clear:both;
margin:0 10px;
}


#graph3{
float:left;
padding-right:5px;
margin-right:5px;
width:200px;
height:330px;
background:url("https://img1.kakaku.k-img.com/images/category/dotline_y.gif") repeat-y right;
}
#graph3 img{
margin:10px 0 0 20px;
}
#graph4{
float:right;
width:465px;
margin-bottom:10px;
}

/* ------------- summaryBox 実施概要------------- */

div#summaryBox table {
border-collapse:collapse;
border:1px solid #ccc;
border-spacing:0;
width: 680px;
margin:0 auto;
}
div#summaryBox table th,
div#summaryBox table td{
font-size:92%;
background-color: #fff;
border:1px solid #ccc;
padding: 7px;
line-height:150%;
}
div#summaryBox table td.point{

}
div#summaryBox table th {
background:#e2f3ff;
font-weight: normal;
white-space:nowrap;
}

/* ------------- 用語説明 ------------- */

div#words {
background:url('https://img1.kakaku.k-img.com/images/kuruma/hoken/question/word.gif') no-repeat left top;
height: 95px;
width: 600px;
margin:0 auto 10px;
}

div#words dl {
margin-left: 5px;
position: relative;
padding: 10px;
font-size:92%;
}
div#words dl dt {
font-weight: bold;
line-height: 1.4;
}
div#words dl dd {
line-height: 1.4;
margin-bottom:5px;
}

#button {
background:transparent url("https://img1.kakaku.k-img.com/images/kuruma/hoken/knowledge/k_bottom.gif") no-repeat scroll left top;
height:75px;
padding-top:145px;
text-align:center;
width:680px;
margin:0 auto;
}
