@charset shift_jis;

/*indexƒy[ƒW‚Μcss*/



/*div\‘’=======================================================================

#wrapper „¦ #carlogo

@@@@ „€ #index_wrapper „¦ #leftColumn „¦ #news_topics_wrapper „Ÿ #news_topics

               „         „₯ #mail_community_wrapper

               „         „₯ #ranking_wrapper „¦ #ranking_grade

               „         „          „€ #ranking_color

               „         „€ #special_wrapper

               „ 

               „€ #rightColumn



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



/* ‘ŠΦ˜Aξ•ρ */

ul#kanren { padding:0 0 7px 8px; margin:0 -6px 10px 0; margin-bottom:10px; border-bottom:1px solid #fff; }

ul#kanren li { width:98px; float:left; margin-right:6px; margin-bottom:4px; }

ul#kanren li img { vertical-align:bottom; }

ul#kanren li a img { border:1px solid #a19fa2; filter:alpha(opacity=100); -moz-opacity:1.0; opacity:1.0; }

ul#kanren li a:visited img { border:1px solid #a19fa2; }

ul#kanren li a:hover img { border:1px solid #cc0000; filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; }





/* ƒc[ƒ‹ƒ`ƒbƒv */

.js_tooltipContent { position:absolute; z-index:100; background:#000; color:#fff; width:180px; padding:10px; display:none; text-align:left; }



/* div#contentsTop */

#contentsTop { margin:12px 12px 0; width:876px; padding: 0 0 10px }

#contentsTop h2 { margin-bottom:5px; }

#contentsTop a { color:#000; text-decoration:underline; }

#contentsTop a:hover { color:#d42e2e; text-decoration:underline; }



#flashArea { border-top: 1px solid #222e2c; width: 900px; height: 410px; overflow: hidden; position: relative; }

#flashArea img { display: block; }

#flashArea #stMain { position: absolute; top: 0px; left: 0px; display: none;}

#flashArea #stTitle { position: absolute; top: 0px; left: 0px; display: none;}

#flashArea #stGreen { position: absolute; top: 12px; right: 13px; display: none;}

#flashArea #stHojyokin { position: absolute; top: 67px; right: 13px; display: none;}

#flashArea #stZankure { position: absolute; top: 122px; right: 13px; display: none;}

#flashArea #stMyd { position: absolute; top: 177px; right: 13px; display: none;}



#flashArea #stBnr li { position: absolute; left: 716px; }



#flashArea #stBtn { position: absolute; top: 347px; left: 12px; overflow:hidden; _zoom: 1;}

#flashArea #stBtn li { float: left; padding-right: 5px; }





/* div#mainTop */

#mainTop { float:left; width:648px; }



.secNews { float:left; width:365px; font-size:86%; line-height: 1.4;}

.secNews dl { border:1px solid #a0a0a0; padding: 9px; width: 345px; height: 226px; overflow: auto; }

.secNews dl dt { clear:both; float:left; background:url(/CR-V/image/ico_arrow_news.gif) no-repeat left center; padding-left:12px; }

.secNews dl dd { margin:0 0 1em 7em; zoom:1; }



.secMailmagWrap { float:right; width:273px; }

.secMailmag { margin-bottom:12px; }

.secMailmag p.fltL { padding-top:13px; }

.secMailmag div.clearfix { border:1px solid #e7e7e7; padding:7px; position:relative; }

.secMailmag div.clearfix div { float:right; width:192px; }

.secRanking { }



.secGrade h3,.secColor h3 { margin-bottom:5px; }

.secGrade .caption { margin: 0px 0 2px 8px; }

.secColor .caption { margin: 8px 0 2px 8px; }

.secGrade { float:left; border:1px solid #a0a0a0; width:319px; width:321px; min-height:130px; height:auto!important; height:130px; font-size:10px; line-height: 1.6;}

.secGrade .imgBoxR { padding:4px 8px 8px; }

.secGrade .imgBoxR .fltImg { float:right; width: 110px; }

.secGrade .imgBoxR .ft { float: left; }

.secGrade .imgBoxR .ft dt { clear:both; float:left; width:16px; }

.secGrade .imgBoxR .ft dd { padding:0 0 8px 23px; width: 160px; }

.secGrade .imgBoxR .ft dd { _padding-left: 3px; }



.secColor { float:right; border:1px solid #a0a0a0; width:319px; width:321px; min-height:130px; height:auto!important; height:130px; font-size:10px; }

.secColor ol { padding:7px 8px 8px; }

.secColor ol li { margin-bottom:7px; }

.secColor ol li p { float:left; width:190px; }

.secColor .rank { margin-right:5px; }

.secColor ol li img { vertical-align:top; }



.secSpecial { background:#cfdce5; margin:15px 0 0 0; padding:12px 10px; width: 628px; }

.secSpecial h3 { position:relative; top:-17px; }

.secSpecial ul li { float:left; margin-right:9px; padding-bottom:10px; }



/* rollover */



/*--------------------default*/

.secSpecial ul li a img {

/*--100%--*/

filter:alpha(opacity=100); -moz-opacity:1.00; opacity:1.00; }



/*----------------over*/

.secSpecial ul li a:hover img {

/*--70%--*/

filter:alpha(opacity=70); -moz-opacity:0.70; opacity:0.70; }



/* div#subTop */

#subTopWrap { background:url(/CR-V/image/sub_bg_01.gif) no-repeat left top; float:right; padding-top:10px; width:218px; font-size: 86%; }

#subTopWrap .secRelated { background-color:#f1f1f1; }

#subTop { background:url(/CR-V/image/sub_bg_01.gif) no-repeat left bottom; padding-bottom: 10px; width: 218px; }

#subTop h4 { margin-bottom: 10px; }

.secInfo { border-bottom:1px solid #fff; padding:8px; zoom:1; }

.secInfo li { background:url(/CR-V/image/ico_arrow_sub.gif) no-repeat 0px 4px; margin:0 0 5px 7px; padding-left:10px; line-height:130%;}



/*

.secRelated { border-bottom: 1px solid #fff; padding: 8px 0 8px 8px; }

.secRelated ul { padding-bottom: 75px; width: 208px; overflow: hidden; }

.secRelated ul li { float: left; width: 104px; height: 56px; }

*/

.secRelated h4 { padding: 10px 0 2px 8px; }

.secMobile { padding: 0px 8px 0; zoom:1; }

.secMobile p { zoom: 0; }

.colortxt { color: #ff0000; text-decoration: none; margin:0 0 10px; zoom:1; }

.colortxt li { margin:0 0 0 10px; padding-left: 5px; }



/* Rtoaster */

#carlogo #rt-personalize-area-a {

     line-height:25px;

     float:right;

     margin:11px 15px 5px 0;

     text-align:right;

     background: no-repeat 0px 3px;

     font-size: 90%;

     font-weight:bold;

     display:inline;

}



#carlogo #rt-personalize-area-a a:link, #rt-personalize-area-a a:visited {

     color: #ffffff;

     text-decoration: underline;

}

#carlogo #rt-personalize-area-a a:hover {

     color: #ffffff;

     text-decoration: none;

}



div#ranking_wrapper{

	background:url(../../image/ranking_bg.gif) right bottom no-repeat;

	margin-bottom:15px;

	font-size:78%;

	line-height:1.5;

}



div#ranking_grade{

	width:321px;

	padding:5px 0;

	margin-right:6px;

	border-top:1px solid #a0a0a0;

	float:left;

}



div#ranking_grade h3{

	border-bottom:1px dotted #a0a0a0;

	padding:0 0 5px 5px;

	margin-bottom:5px;

}



div#ranking_grade p{

	margin:0 0 5px 7px;

}



div#ranking_grade ol{

	width:181px;

	float:left;

	padding-left:10px;

	margin-right:5px;

}



div#ranking_grade ol li{

	padding-left:20px;

	margin-bottom:0.6em;

}



div#ranking_grade ol li.no01{

	background:url(../../image/ico_rank_01.gif) left 1px no-repeat;

}



div#ranking_grade ol li.no02{

	background:url(../../image/ico_rank_02.gif) left 1px no-repeat;

}



div#ranking_grade ol li.no03{

	background:url(../../image/ico_rank_03.gif) left 1px no-repeat;

}



div#ranking_grade p.grade_photo{

	width:110px;

	float:left;

}



div#ranking_color{

	width:321px;

	padding:5px 0;

	border-top:1px solid #a0a0a0;

	float:left;

}



div#ranking_color h3{

	border-bottom:1px dotted #a0a0a0;

	padding:0 0 5px 5px;

	margin-bottom:5px;

}



div#ranking_color p{

	margin:0 0 5px 7px;

}



div#ranking_color ol{

	padding-left:10px;

}



div#ranking_color ol li{

	padding-left:20px;

	margin-bottom:0.6em;

}



div#ranking_color ol li.no01{

	background:url(../../image/ico_rank_01.gif) left 1px no-repeat;

}



div#ranking_color ol li.no02{

	background:url(../../image/ico_rank_02.gif) left 1px no-repeat;

}



div#ranking_color ol li.no03{

	background:url(../../image/ico_rank_03.gif) left 1px no-repeat;

}





div#ranking_color ol li dl dt{

	float:left;

	width:161px;

	margin-right:10px;

}





div#ranking_color ol li dl dd img{

	border:1px solid #a0a0a0;

}