@charset "utf-8";

/* -------------------- ▼ヘッダーここから -------------------- */
/* -------------------- ヘッダーイメージ -------------------- */
div#wrapper div#main-col div#cont-hdr {
	width:363px;
	height:170px;
	margin:10px auto 0;
	padding:5px 367px 15px 10px;
	background:url(img/topbanner-bg.jpg) no-repeat;
}

/* -------------------- ヘッダー見出し -------------------- */
div#cont-hdr h2 {
	margin-bottom:8px;
	font-size:1.6em;
	line-height:135%;
	text-align:center;
	color:#0033FF;
}
/* -------------------- ヘッダー見出し -------------------- */
div#cont-hdr h3 {
	margin-bottom:6px;
	font-size:1.3em;
	font-weight:normal;
	line-height:125%;
}

/* -------------------- ヘッダーイメージ左テキスト -------------------- */
div#cont-hdr p {
	line-height:125%;
	text-align:justify;
}
/* -------------------- ▲ヘッダーここまで -------------------- */

/* -------------------- ▼新着情報ここから -------------------- */
/* -------------------- ボックス ベース -------------------- */
div#wrapper div#main-col div#news {
	width:690px;
	height:230px;
	margin:0 auto 10px;
	padding:50px 30px 30px 20px;
	background:url(img/news.gif) no-repeat;
}

/* -------------------- 記事枠 -------------------- */
div#wrapper div#main-col div#news div#news_inner {
	width:690px;
	height:230px;
	overflow:auto;
}

/* -------------------- 日付設定 -------------------- */
div#news div#news_inner h4 {
	color:#304CBF;
	font-size:1.5em;
	font-family:Georgia, 'Times New Roman', Times, serif;
	margin: 0.5em 0 0.3em
}

/* -------------------- 記事imgボックス設定 -------------------- */
div#news div#news_inner span.imgbox {
	display: block;
	width: 156px;
	height: 96px;
	float: left;
	background: url(img/photo_bg.gif) no-repeat right bottom;
}

/* -------------------- 記事定義ベース -------------------- */
div#news div#news_inner dl {
	width:655px;
	padding:0 0 1.5em 0;
	border-bottom:1px #738EFF dashed;
}

/* -------------------- 記事タイトル -------------------- */
div#news div#news_inner dl dt {
	color: #FF6600;
	margin:0 0 0.3em 0.3em;
	font-weight:bold;
}

/* -------------------- 記事内容 -------------------- */
div#news div#news_inner dl dd {
	line-height:135%;
	margin:0 0 0.5em 0.3em;
}

/* -------------------- 記事内容リンク -------------------- */
dd a {
	font-size:100%;
}
/* -------------------- ▲新着情報ここまで -------------------- */

/* -------------------- ▼特集ここから -------------------- */
/* -------------------- メニューボックス -------------------- */
div#wrapper div#main-col div.issue {
	width:740px;
	height:110px;
	margin:0 0 6px;
	padding:0 5px;
}

/* -------------------- 左ボックス -------------------- */
div#wrapper div#main-col div.issue div.issue-L { float:left; }

/* -------------------- 右ボックス -------------------- */
div#wrapper div#main-col div.issue div.issue-R { float:right; }

/* -------------------- 左右ボックス共通 -------------------- */
div#wrapper div#main-col div.issue div.issue-L,div#wrapper div#main-col div.issue div.issue-R {
	width:365px;
	height:110px;
	text-indent:-9999px;
	background:url(issuemenu/img-bg.gif) no-repeat left top;
}

/* -------------------- リンク -------------------- */
div.issue div.issue-L a,div.issue div.issue-R a {
	width:355px;
	height:100px;
	display:block;
}

/* -------------------- リンクbg指定 -------------------- */
div.issue div.issue-L a#r-link { background:url(issuemenu/r-link.gif) no-repeat 0px 0px; }
div.issue div.issue-R a#r-brake { background:url(issuemenu/r-brake.gif) no-repeat 0px 0px; }
div.issue div.issue-L a#audio {	background:url(issuemenu/audio.gif) no-repeat 0px 0px; }
div.issue div.issue-R a#bodycare { background:url(issuemenu/bodycare.gif) no-repeat 0px 0px; }

/* -------------------- リンクbgマウスオーバー指定 -------------------- */
div.issue div.issue-L a#r-link:hover { background:url(issuemenu/r-link.gif) no-repeat 0px -100px; }
div.issue div.issue-R a#r-brake:hover {	background:url(issuemenu/r-brake.gif) no-repeat 0px -100px; }
div.issue div.issue-L a#audio:hover { background:url(issuemenu/audio.gif) no-repeat 0px -100px; }
div.issue div.issue-R a#bodycare:hover { background:url(issuemenu/bodycare.gif) no-repeat 0px -100px; }
/* -------------------- ▲特集ここまで -------------------- */

/* -------------------- ▼お気に入りに追加ここから -------------------- */
/* -------------------- ボックス -------------------- */
div#wrapper div#lf-col div#add_favo {
	margin:10px 0;
	text-indent:-9999px;
}

/* -------------------- リンク設定 -------------------- */
div#lf-col div#add_favo a,div#lf-col div#add_favo a:hover {
	width:150px;
	height:40px;
	display:block;
}

/* -------------------- リンクbg設定 -------------------- */
div#lf-col div#add_favo a {
	background:url(img/add_favo.gif) no-repeat 0px -40px;
}

/* -------------------- リンクマウスオーバーbg設定 -------------------- */
div#lf-col div#add_favo a:hover {
	background:url(img/add_favo.gif) no-repeat 0px 0px;
}
/* -------------------- ▲お気に入りに追加ここまで -------------------- */

/* -------------------- ▼特集バナー レカロここから -------------------- */
div#wrapper div#main-col div.issue_L2 {
	width:740px;
	height:176px;
	margin:0 auto 0 5px;
}

/* -------------------- ▼特集バナー オーディオここから -------------------- */
div#wrapper div#main-col div.issue_L {
	width:740px;
	height:190px;
	margin:0 auto 0 5px;
}

/* -------------------- ▼ヤフオクバナーここから -------------------- */
div#wrapper div#main-col div#yahoo_auction {
	width: 468px;
	margin: 10px auto 0;
}

div#wrapper div#main-col div#yahoo_auction h4 {
	text-align:center;
	font-size:1.5em;
	margin:0 0 0.5em 0;
	color:#0033FF;
}

div#wrapper div#main-col div#yahoo_auction p {
	text-align:center;
	margin:0 auto 0.3em;
	color:#0033FF;
}
/* -------------------- ▲ヤフオクバナーここまで -------------------- */

/* -------------------- ▼カウンターボックスここから -------------------- */
div#wrapper div#lf-col div#acc_ctr {
	width:150px;
	height:22px;
	margin:0.5em auto;
	text-align:center;
}

div#wrapper div#lf-col p.validation {
	margin:10px 0;
	text-align:right;
}

/* -------------------- ▼RECAROロングドライブキャンペーンバナーここから(2009/10/1～2010/1/17) -------------------- */
.issue_L p#ldc { width: 310px; position: absolute; left: 225px; top: 70px; color: #FFFFFF; font-weight: bold; line-height: 135%; }
.issue_L p#ldc a.RE-ldc { display: block; color: #FFFFFF; }
.issue_L p#ldc a.RE-ldc:hover { color: #FF6600; }
/* -------------------- ▲RECAROロングドライブキャンペーンバナーここまで(2009/10/1～2010/1/17) -------------------- */

.p-r { position: relative; }

#wrapper #main-col #issue-led { width: 740px; height: 190px; margin: 0 auto; }


#wrapper #lf-col #w-fct { width: 146px; margin: 20px 0 20px 2px; ; padding: 10px 0; font-size:12px; text-align:center; background-color:#CAD5FF; }
#wrapper #lf-col #w-fct h4 { font-size: 12px; }
#wrapper #lf-col #w-fct #fct-atn { font-size: 11px; margin-top: 5px; text-align: left; }
#wrapper #lf-col #w-fct #fct-link { font-size: 11px; margin-top: 5px; }

div#2010edfc { width: 740px; height: 350px; margin: 0 auto; }

div#2010trade-1 { width: 740px; height: 370px; margin: 0 auto; }
