@charset "shift_jis";

html,
body {
padding:0;
margin:0;}

body {
font:small/140% meiryo,"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3",arial, sans-serif, HiraKakuPro-W3, Osaka, verdana;background-position:top;
background-color:#FFFFFF;
background-repeat:repeat-x;}

a {color:#0000CC;}
a:hover {color:#666666;}

img {
padding:0;
margin:0;
border:0;}
#container {
	width:798px;
	padding:0;
	margin:0 auto;
	text-align:left;
	border: 1px solid #CCCCCC;
	background-image: url(lp/image/leftnavi_bg.gif);
}
#container:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

p.clr {
display:none;
padding:0;
margin:0;
clear:both;}

#container_shiryou {
	width:798px;
	padding:0;
	margin:0 auto;
	text-align:left;
	border: 1px solid #CCCCCC;
}


/* ------------------------------------------------------
　 ヘッダー
--------------------------------------------------------- */
#header {
	width:800px;
	height:74px;
	margin:0 auto;
	padding:0 0 0 0px;
	border-top: 6px solid #FF0000;
	background-image: url(lp/image/img_bg_header.jpg);
}

#header h1 {
	text-indent:-999em;
	background:url(lp/image/logo.jpg);
	background-repeat: no-repeat;
	width:391px;
	text-decoration:none;
height:74px;
padding:0;
margin:0;
float:left;}

#header div {
	float: right;
	padding: 10px 10px 0 0;
}
#header a {
	color: #000000;
}



/* メニュー
---------------------------------------------------------- */
#navi {
	width:798px;
	height:41px;
	padding:0;
	margin:0 auto;
	clear:both;
	border-top: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}
#navi ul {
width:798px;
height:38px;
padding:0;
margin:0;
list-style:none;
display:block;}
#navi ul:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#navi ul li {
width:100px;
height:38px;
padding:0;
margin:0;
display:block;
float:left;
vertical-align:top;}

#navi ul li a {
width:100px;
height:38px;
padding:0;
margin:0;
text-indent:-999em;
text-decoration:none;
display:block;
background-position:center top;}

#navi ul li#car {
width:98px;
height:38px;
padding:0;
margin:0;
display:block;
float:left;
vertical-align:top;}

#navi ul li#car a {
width:98px;
height:38px;
padding:0;
margin:0;
text-indent:-999em;
text-decoration:none;
display:block;
background-position:center top;}

#navi ul li a:hover {background-position:center bottom;}
#navi ul li a.actv {background-position:center bottom;}
#navi ul li#car a:hover {background-position:center bottom;}
#navi ul li#car a.actv {background-position:center bottom;}

#navi ul li#iryou a { background-image:url(lp/image/menu_iryou.jpg);}
#navi ul li#gan a { background-image:url(lp/image/menu_gan.jpg);}
#navi ul li#josei a { background-image:url(lp/image/menu_josei.jpg);}
#navi ul li#kodomo a { background-image:url(lp/image/menu_kodomo.jpg);}
#navi ul li#seimei a { background-image:url(lp/image/menu_seimei.jpg);}
#navi ul li#senior a { background-image:url(lp/image/menu_senior.jpg);}
#navi ul li#nennkinn a { background-image:url(lp/image/menu_nennkinn.jpg);}
#navi ul li#car a { background-image:url(lp/image/menu_car.jpg);}


#container #leftBox #main_iryou {
	height: 140px;
	width: 617px;
	background-image: url(lp/image/img_2ndmain_iryou.jpg);
	text-indent: -9999px;
	margin: 0;
}#container #leftBox #main_gan {
	height: 140px;
	width: 617px;
	background-image: url(lp/image/img_2ndmain_gan.jpg);
	text-indent: -9999px;
	margin: 0;
}#container #leftBox #main_josei {
	height: 140px;
	width: 617px;
	background-image: url(lp/image/img_2ndmain_josei.jpg);
	text-indent: -9999px;
	margin: 0;
}#container #leftBox #main_kodomo {
	height: 140px;
	width: 617px;
	background-image: url(lp/image/img_2ndmain_kodomo.jpg);
	text-indent: -9999px;
	margin: 0;
}#container #leftBox #main_seimei {
	height: 140px;
	width: 617px;
	background-image: url(lp/image/img_2ndmain_seimei.jpg);
	text-indent: -9999px;
	margin: 0;
}
#container #leftBox #main_senior {
	height: 140px;
	width: 617px;
	background-image: url(lp/image/img_2ndmain_senior.jpg);
	text-indent: -9999px;
	margin: 0;
}
#container #leftBox #main_nennkinn {
	height: 140px;
	width: 617px;
	background-image: url(lp/image/img_2ndmain_nennkinn.jpg);
	text-indent: -9999px;
	margin: 0;
}

/* 右ナビ
---------------------------------------------------------- */
#container ul#menu {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:left;
width:173px;
}

#container ul#menu li.sub,
#container ul#menu li.subLast {
	background-image:url(lp/image/leftnavi_btn.gif);
	background-repeat:no-repeat;
	height:37px;
	list-style-type:none;
	margin:0pt;
	padding:0px 0 0 0px;
	width:173px;
}
#container #rightBox div {
	padding-left: 2px;
	height: auto;
}
#container #rightBox #menu .sub a {
	padding-left: 30px;
	color: #000000;
	line-height: 270%;
}

/* ボディナビ
---------------------------------------------------------- */
#container div#bodynavi {
	clear:both;
}

#container div#bodynavi ul {
width:618px;
padding:0;
margin:0;
list-style:none;
display:block;}
#container div#bodynavi ul:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}

#container div#bodynavi ul li {
width:144px;
height:96px;
padding:0;
margin:9px 0 0 8px;
display:block;
float:left;
vertical-align:top;}

#container div#bodynavi ul li a {
width:144px;
height:96px;
padding:0;
margin:0;
text-indent:-999em;
text-decoration:none;
display:block;
background-position:center top;}
#container div#bodynavi ul li a:hover {background-position:center center;}
#container div#bodynavi ul li a.actv {background-position:center bottom;}

#container div#bodynavi ul li#bodynavi_iryou a { background-image:url(lp/image/body_navi_iryou.jpg);}
#container div#bodynavi ul li#bodynavi_gan a { background-image:url(lp/image/body_navi_gan.jpg);}
#container div#bodynavi ul li#bodynavi_josei a { background-image:url(lp/image/body_navi_josei.jpg);}
#container div#bodynavi ul li#bodynavi_kodomo a { background-image:url(lp/image/body_navi_kodomo.jpg);}
#container div#bodynavi ul li#bodynavi_seimei a { background-image:url(lp/image/body_navi_seimei.jpg);}
#container div#bodynavi ul li#bodynavi_senior a { background-image:url(lp/image/body_navi_senior.jpg);}
#container div#bodynavi ul li#bodynavi_nennkinn a { background-image:url(lp/image/body_navi_nennkinn.jpg);}
#container div#bodynavi ul li#bodynavi_car a { background-image:url(lp/image/body_navi_car.jpg);}



/* 人気ランキング
---------------------------------------------------------- */

#container #leftBox #tableRanking_top {
	margin:10px 0 10px 10px;
	clear: both;
}

#container #leftBox #tableRanking table {
	border-right: 1px solid #FF6B69;
	border-bottom: 1px solid #FF6B69;
	border-left: 1px solid #FF6B69;
}
#container #leftBox #tableRanking td.center {
	text-align: center;
	border-bottom:1px dotted #FF6B69;
	border-right: 1px solid #cccccc;
}

#container #leftBox #tableRanking td.center_b {
	text-align: center;
	border-right: 1px solid #cccccc;
}
#container #leftBox #tableRanking td.center_text {
	padding: 0px 5px 0px 15px;
	border-bottom:1px dotted #FF6B69;
	border-right: 1px solid #cccccc;
}
#container #leftBox #tableRanking td.center_text_b {
	padding: 0px 5px 0px 15px;
	border-right: 1px solid #cccccc;
}
#container #leftBox #tableRanking td.text {
	border-bottom:1px dotted #FF6B69;
	padding: 0px 5px 0px 15px;
}
#container #leftBox #tableRanking td.text_b {
	padding: 0px 5px 0px 15px;
}
#container #leftBox #tableRanking .company {
	color: #007900;
}
#container #leftBox #tableRanking .syohin {
	font-size: 120%;
	font-weight: bold;
}

#container #leftBox p {
	margin: 5px;
	line-height: 110%;
}


/* おすすめポイント比較
---------------------------------------------------------- */

#container #leftBox #tablePoint {
	margin:3px 0 10px 10px;
	clear: both;
}
#container #leftBox #tablePoint table {
	border-right: 1px solid #71C66B;
	border-bottom: 1px solid #71C66B;
	border-left: 1px solid #71C66B;
}
#container #leftBox #tablePoint td.center {
	text-align: center;
	border-bottom:1px dotted #71C66B;
	border-right: 1px solid #cccccc;
}

#container #leftBox #tablePoint td.center_b {
	text-align: center;
	border-right: 1px solid #cccccc;
}
#container #leftBox #tablePoint td.center_text {
	padding: 10px 5px 10px 15px;
	border-bottom:1px dotted #71C66B;
	border-right: 1px solid #cccccc;
	text-align: center;
}
#container #leftBox #tablePoint td.center_text_b {
	padding: 10px 5px 10px 15px;
	border-right: 1px solid #cccccc;
	text-align: center;
}
#container #leftBox #tablePoint td.mark {
	padding: 0px 0px 0px 0px;
	border-bottom:1px dotted #71C66B;
	border-right: 1px solid #cccccc;
	text-align: center;
}
#container #leftBox #tablePoint td.mark_b {
	padding: 0px 0px 0px 0px;
	border-right: 1px solid #cccccc;
	text-align: center;
}
#container #leftBox #tablePoint td.text {
	border-bottom:1px dotted #71C66B;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#container #leftBox #tablePoint td.text_b {
	padding: 0px 0px 0px 0px;
	text-align: center;
}
#container #leftBox #tablePoint .company {
	color: #007900;
	padding: 5px 0 5px 0;
}
#container #leftBox #tablePoint .syohin {
	font-size: 120%;
	font-weight: bold;
}
#container #leftBox #tablePoint li {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	list-style-image: url(lp/image/icon_list.gif);
	line-height: 110%;
	text-align: left;
}
#container #leftBox #tablePoint ul {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
}


/* フッター
---------------------------------------------------------- */
#footer{
	clear:both;
	width:798px;
	background-image: url(lp/image/footer_bg.gif);
	height: 35px;
	background-repeat: no-repeat;
	margin-top: 0px;
}
#footer p {
	color: #000000;
}
#footer a {
	color: #000000;
}
#footer div {
	padding-left: 15px;
	display: block;
	padding-top: 9px;
}

/* ------------------------------------------------------
　 レイアウト
--------------------------------------------------------- */
#container #leftBox {
	width:620px;
	padding:0 0 0 0px;
	margin:0 0 0 0;
	float:left;
	background-color: #FFFFFF;
	height: 100%;
}

#container #rightBox {
	width:177px;
	margin:0 0px 0 0;
	float:right;
	background-image: url(lp/image/leftnavi_bg.gif);
	height: 100%;
	background-repeat: repeat-y;
	background-position: 0% 100%;
}

#container #leftBox:after,
#container #rightBox:after{/*float clear */
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;}



/* ------------------------------------------------------
　 本文
--------------------------------------------------------- */
#container .floatClr {
clear:both;
display:none;}

#container sup {
vertical-align:top;
font-size:8px;}



#container #leftBox #tableRanking {
	margin-top: 3px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	clear: both;
	width: 600px;
	padding-bottom: 10px;
}
#container #leftBox .btn_a {
	float: left;
	width: 300px;
}
#container #leftBox .btn_b {
	float: left;
	width: 300px;
}
#container #leftBox .btn_bar {
	clear: both;
	margin-top: 0px;
}
#container #leftBox .seikyu_small {
	text-indent: -999em;
	height: 36px;
	width: 127px;
	display: block;
}
#container #leftBox .seikyu_small a {
	background-image: url(lp/image/btn_seikyu_small.jpg);
	display: block;
	height: 36px;
	width: 127px;
}
#container #leftBox .seikyu_small a:hover {
background-position:center bottom;
}

#container #leftBox .seikyu_big {
	text-indent: -999em;
	height: 52px;
	width: 554px;
	display: block;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 30px;
}
#container #leftBox .seikyu_big a {
	background-image: url(lp/image/btn_seikyu_big.jpg);
	display: block;
	height: 52px;
	width: 554px;
}
#container #leftBox .seikyu_big a:hover {
background-position:center bottom;
}

#container #leftBox .comment {
	text-align: right;
	margin: 5px 10px 10px 0;
}



#container #leftBox .main {
	margin:20px 20px 20px 20px;
}
#container #leftBox .main .midashi {
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #666666;
	padding: 5px 0 5px 20px;
	margin-bottom: 10px;
}
#container #leftBox .pv_idx {
	color: #FF0000;
	font-size: 120%;
	font-weight: bold;
}
#container #rightBox #menu .sub .syohinsuu {
	margin-left: 0px;
	padding-left: 0px;
	color: #FF0000;
	font-size: 85%;
}


/* ------------------------------------------------------
　 2007.10.03追加　carカテゴリ
--------------------------------------------------------- */
#container #mainBox {
	width:798px;
	padding:0 0 0 0px;
	margin:0 0 0 0;
	float:left;
	background-color:#FFFFFF;
	height: 100%;
}
#container #KeyVisual{
	background: url(lp/image/car/bg_grid.gif) 0 0 repeat;
	clear:both;
	height:185px;
}
#container #KeyVisual #title {
	height: 92px;
	width: 471px;
	background: url(lp/image/car/img_title_car.gif) 15px 15px no-repeat;
	text-indent: -9999px;
	float: left;
	margin: 0;
	padding:15px 0 0 15px;
}
#container #KeyVisual #titleText {
	height: 80px;
	width: 471px;
	background: url(lp/image/car/img_titletext_car.gif) 15px 0 no-repeat;
	text-indent: -9999px;
	float: left;
	padding:0 0 0 15px;
}

/*
#container #mainBox #title {
	height: 92px;
	width: 486px;
	background-image: url(lp/image/car/img_title_car.jpg);
	text-indent: -9999px;
	float: left;
	margin: 0;
}
#container #mainBox #titleText {
	height: 80px;
	width: 486px;
	background-image: url(lp/image/car/img_titletext_car.jpg);
	text-indent: -9999px;
	float: left;
}
*/
#container #mainBox #titleBtn {
	height: 172px;
	width: 312px;
	float: right;
	display: block;
}

#container #KeyVisual #titleBtn a {
background-image: url(lp/image/car/btn_titleikkatsu_green.jpg);
height: 172px;
width: 312px;
padding:0;
margin:0;
text-indent:-999em;
text-decoration:none;
display:block;
background-position:center top;}

#container #KeyVisual #titleBtn a:hover {
background-position:center bottom;
}

/* 人気ランキング　自動車カテゴリ
---------------------------------------------------------- */

#container #tableRanking_center {
	clear: both;
}

#container #tableRanking_center table {
	margin-left: 24px;
	border-left: 1px solid #009B00;  /*ver.071031*/
	border-top: 1px solid #009B00;  /*ver.071031*/
	/*border-left: 1px solid #FF6B69; ver.071001
	border-top: 1px solid #FF6B69;*/
}
#container #tableRanking_center table td {
	border-right: 1px solid #009B00;  /*ver.071031*/
	border-bottom: 1px solid #009B00;  /*ver.071031*/
	/*border-right: 1px solid #FF6B69;
	border-bottom: 1px solid #FF6B69;*/
}
#container #tableRanking_center td.center {
	text-align: center;
}

#container #tableRanking_center td.center_b {
	text-align: center;
}
#container #tableRanking_center td.center_text {
	padding: 0px 5px 0px 15px;
	border-bottom:1px dotted #FF6B69;
	border-right: 1px solid #cccccc;
}
#container #tableRanking_center td.center_text_b {
	padding: 0px 5px 0px 15px;
	border-right: 1px solid #cccccc;
}
#container #tableRanking_center td.text {
	padding: 10px 5px 10px 10px;
}
#container #tableRanking_center td.text_b {
	padding: 10px 5px 10px 10px;
}
#container #tableRanking_center .company {
	color: #007900;
}
#container #tableRanking_center .syohin {
	font-size: 120%;
	font-weight: bold;
	display: block;
	margin-bottom: 5px;
}
#container p#media{
padding:15px 15px 0;
margin:10px 0;
}




#container #tableRanking_center .seikyu_big {
	text-indent: -999em;
	height: 73px;
	width: 320px;
	display: block;
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
#container #tableRanking_center .seikyu_big a {
	background-image: url(lp/image/car/btn_ikkatsu_green.jpg);
	display: block;
	height: 73px;
	width: 320px;
}
#container #tableRanking_center .seikyu_big a:hover {
background-position:center bottom;
}

#container #tableRanking_center .seikyu_small {
	text-indent: -999em;
	height: 57px;
	width: 128px;
	display: block;
	margin: 0;
}
#container #tableRanking_center .seikyu_small a {
	background-image: url(lp/image/btn_request.jpg);
	display: block;
	height: 56px;
	width: 124px;
}
#container #tableRanking_center .seikyu_small a:hover {
background-position:center bottom;
}
#container #tableRanking_center .comment {
	text-align: right;
	margin: 5px 25px 10px 0;
}
#container #mainBox #tableRanking_center #toriatsukaiText {
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 10px;
}
#container #mainBox #tableRanking_center .toriatsukaiTable {
	border-left: 1px solid #999999;
	border-top: 1px solid #999999;
}
#container #mainBox #tableRanking_center .toriatsukaiTable td {
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
}
#container #mainBox #tableRanking_center .toriatsukaiTable .center {
	text-align: center;
	padding: 10px 5px 10px 15px;
}
#container #mainBox #tableRanking_center .toriatsukaiTable .center_b {
	text-align: center;
	padding: 10px 5px 10px 15px;
}


#directorynav {
	background-color: #EBEBEB;
	width: 798px;
	height: 95px;
	border-top: 1px solid #CECECE;
	clear: both;
}

#directorynav .dn-cola {
	width: 77px;
	padding: 15px 0 15px 10px;
	float: left;
	background-color: #EBEBEB;
}
#directorynav .columnfirst {
	width: 126px;
	padding: 15px 0 15px 10px;
	float: left;
	background-color: #EBEBEB;
}
#directorynav .columnlast {
	width: 126px;
	padding: 15px 0 15px 10px;
	float: left;
	background-color: #EBEBEB;
}
#directorynav h3 {
	font-weight: bold;
	color: #333333;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;
}
#directorynav a {
	color: #333333;
	font-size: 80%;_font-size:70%;
}
#directorynav li a {
	color: #666666;
	font-size: 100%;
}
#directorynav ul {
	padding-left: 3px;
	margin: 5px 0px 0px 0px;
	list-style-type: none;
}
#directorynav li{
	background:url(lp/image/listicon.gif) no-repeat;
	background-position:center left;
	padding: 0px 0 0 7px;
}
#tableRanking_center strong {
	color: #FF0000;
}
h2,h3 {
	margin: 0px;
}
p.smaller{
	font-size:85%;
	margin:10px 0;
	color:#333333;
	text-align:left;
}
dl#linkBox dt{
	margin-left:10px;
}
dl#linkBox dd{
	border-bottom:1px dashed #CCCCCC;
	margin:0 10px 5px;
}

/* ------------------------------------------------------
　 LPボタン
--------------------------------------------------------- */
table p.btn_request{
width:138px;
height:63px;
text-indent:-999em;
margin:0 auto 10px;
}
table p.btn_request a{
background:url("img/btn_siryo.jpg") 0 0 no-repeat;
width:100%;
height:100%;
display:block;
overflow:hidden;
}
table p.btn_request a:hover{
background-position:0 -63px;
}
p.btn_request.btm{
width:406px;
height:76px;
text-indent:-999em;
margin:0 auto 40px;
}
p.btn_request.btm a{
background:url("img/btn_ikkatu_bigger.jpg") 0 0 no-repeat;
width:100%;
height:100%;
display:block;
overflow:hidden;
}
p.btn_request.btm a:hover{
background-position:0 -76px;
}
div#main_seimei_lp td{
font-size:80%;
}
div#main_seimei_lp td.detail{
font-size:100%;
}