@charset "utf-8";
/* ===================================================================
CSS information

 file name  :rader.css
 author     :syouji
 style info :レーダー一覧ページ用
=================================================================== */

/* =====================================================================
*
*    INDEX
*
*    1. 共通
*	 2. #contents_area
*	 3. #contents_main
*
* =================================================================== */

/* -----------------------------------------------------------
	共通
----------------------------------------------------------- */

div.container {
	width: 945px;
	margin: 0 auto;
	text-align: left;
	position: relative;
}

/* ----- clearfix */

#contents_main ul#c_tabnav:after,
#contents_main .product-column ul.product-bodytype:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}

/* IE6 */
* html #contents_main ul#c_tabnav,
* html #contents_main .product-column ul.product-bodytype {
	zoom: 1;
} 

/* IE7 */
*:first-child+html #contents_main ul#c_tabnav,
*:first-child+html #contents_main .product-column ul.product-bodytype {
	zoom: 1;
}

/* -----------------------------------------------------------
	#contents_main
----------------------------------------------------------- */

#contents_main {
	float: left;
	width: 720px;
	position: relative;
}

#contents_main p#c_header_link {
	right: 10px;
}

#contents_main p#c_header_tweet {
	right: 0px;
}

/* ----- c_tabnav */

#contents_main ul#c_tabnav {
	width: 710px;
	border-bottom: 3px solid #151515;
	margin-bottom: 5px;
}

#contents_main ul#c_tabnav li {
	float: left;
	width: 112px;
	height: 27px;
	margin-right: 4px;
	line-height: 0;
	cursor: pointer;
}

#contents_main ul#c_tabnav li#c_tabnav_all {
	background: url(/products/radar/img/idx_tab_01_on.gif) no-repeat top left;
}
#contents_main ul#c_tabnav li#c_tabnav_1body {
	background: url(/products/radar/img/idx_tab_02_on.gif) no-repeat top left;
}
#contents_main ul#c_tabnav li#c_tabnav_separate {
	background: url(/products/radar/img/idx_tab_03_on.gif) no-repeat top left;
}
#contents_main ul#c_tabnav li#c_tabnav_miller {
	background: url(/products/radar/img/idx_tab_04_on.gif) no-repeat top left;
}

/* ----- product-column */

#contents_main .product-column {
	float: left;
	border: 1px solid #cfcfe1;
	width: 232px;
	margin: 4px 4px 0 0;
	position: relative;
}

#contents_main .product-none-column {
	float: left;
	border: none;
	width: 232px;
	margin: 4px 4px 0 0;
	background-color: #efefef;
}


#contents_main .product-info p.icon-sales {
	width: 67px;
	position: absolute;
	top: 3px;
	right: 0;
}

#contents_main .product-info p.icon-time {
	width: 31px;
	position: absolute;
	top: 3px;
	left: 0;
}

#contents_main .product-info p.sitei {
	width: 90px;
	position: absolute;
	top: 6px;
	right: 0;
	text-align:right;
}



#contents_main .product-info h3 {
	margin: 3px 3px 0 3px;
}

#contents_main .product-info p {
	margin: 0 3px;
}

#contents_main .product-info ul.product-bodytype {
	margin: 14px 0 7px 14px;	
}

#contents_main .product-info ul.product-bodytype li {
	float: left;
	width: 100px;
	margin-right: 5px;
	margin-bottom: 5px;
	line-height: 0;
}

#contents_main .product-info ul.product-point {
	margin: 0 14px 12px;	
}

#contents_main .product-info ul.product-point li {
	float: left;
	width: 180px;
	font-size: 93%;
	margin-bottom: 3px;
	padding-left: 14px;
	background: url(/common/img/list_icon_gray.gif) no-repeat 0 4px;
}

#contents_main .product-info p.btn_product-detail {
	text-align: center;
	padding: 0 0 15px;
	font-size: 93%;
}

#contents_main .product-column p.product-compar {
	font-size: 85%;
	border-top: 1px solid #cfcfe1;
	background: #f2f2f2;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

#contents_main .product-column p.product-compar input {
	vertical-align: middle; 
}

#contents_main .product-column p.product-compar label {
	line-height: 1;
	margin-left: 4px;
}

#contents_main .product-column p.product {
	line-height: 1;
	margin-left: 4px;
}

/* ----- product-column（チェック有り） */

#contents_main .product-column_checked {
	border: 1px solid #a7ddff;
}

#contents_main .product-column_checked p.product-compar {
	font-size: 85%;
	border-top: 1px solid #a7ddff;
	background: #a7ddff;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

/* ----- explanation_compar-column */

#contents_main .explanation_compar {
	clear: both;
	text-align: center;
	margin-bottom: 30px;
	padding-top: 20px;
}

#contents_main .explanation_compar p {
	font-size: 85%;
	color: #666;
}

#contents_main .explanation_compar p a {
	cursor: pointer;
}

/* ----- c_footer_supplement */

#contents_main #c_footer_supplement {
	border: 3px solid #ccc;
	width: 664px;
	padding: 20px;
}

#contents_main #c_footer_supplement ul#explanation_icon li {
	display: inline;
	font-size: 85%;
	line-height: 1.2em;
	margin-right: 10px;
}

#contents_main #c_footer_supplement ul#explanation_icon li img {
	vertical-align: middle;
	margin-right: 4px;
}

#contents_main #c_footer_supplement p {
	font-size: 93%;
	margin: 10px 0;
}

#contents_main #c_footer_supplement #disclaimer {
	font-size: 85%;
	color: #666;
}

#contents_main #c_footer_supplement #disclaimer li {
	padding-left: 1em;
	text-indent: -1em;
}




/* ----- プレミアムFM143si用 product-column */

#contents_main #premium {
	clear: both;
	padding: 0 0 20px 0;

}

#contents_main #premium .product-column {
	float: none;
	border: 1px solid #cfcfe1;
	position: relative;
	width: 708px;
	margin: 4px 0 0 0;

}

#contents_main #premium .product-none-column {
	border: none;
	margin: 4px 4px 0 0;
	background-color: #efefef;
}


#contents_main #premium .product-info p.icon-sales {
	width: 67px;
	position: absolute;
	top: 3px;
	right: 0;
}

#contents_main #premium .product-info p.icon-time {
	width: 31px;
	position: absolute;
	top: 3px;
	left: 0;
}

#contents_main #premium .product-info h3 {
	margin: 20px 0 16px 440px;
}

#contents_main #premium .product-info p.logo {
	position: absolute;
	top: 53px;
	left: 35px;
}

#contents_main #premium .product-info ul.product-bodytype {
	position: absolute;
	top: 172px;
	left: 14px;
}

#contents_main #premium .product-info ul.product-bodytype li {
	float: left;
	width: 100px;
	margin-right: 5px;
	line-height: 0;
}

#contents_main #premium .product-info ul.product-point {
	margin: 0 14px 12px 260px;	
}

#contents_main #premium .product-info ul.product-point li {
	float: left;
	width: 180px;
	font-size: 93%;
	margin-bottom: 3px;
	padding-left: 14px;
	background: url(/common/img/list_icon_gray.gif) no-repeat 0 4px;
}

#contents_main #premium .product-info p.btn_product-detail {
	font-size: 93%;
	position: absolute;
	top: 210px;
	left: 70px;
}

#contents_main #premium .product-column p.product-compar {
	font-size: 85%;
	border-top: 1px solid #cfcfe1;
	background: #f2f2f2;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

#contents_main #premium .product-column p.product-compar input {
	vertical-align: middle; 
}

#contents_main #premium .product-column p.product-compar label {
	line-height: 1;
	margin-left: 4px;
}

#contents_main #premium .product-column p.product {
	line-height: 1;
	margin-left: 4px;
}

/* ----- プレミアムFM143si用 product-column（チェック有り） */

#contents_main #premium .product-column_checked {
	border: 1px solid #a7ddff;
}

#contents_main #premium .product-column_checked p.product-compar {
	font-size: 85%;
	border-top: 1px solid #a7ddff;
	background: #a7ddff;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}


/* ----- フィーチャー製品 product-column */

#contents_main .feature-product {
	clear: both;
	padding: 0 0 20px 0;

}

#contents_main .feature-product .product-column {
	float: none;
	border: 1px solid #cfcfe1;
	position: relative;
	width: 708px;
	margin: 4px 0 0 0;

}

#contents_main .feature-product .product-none-column {
	border: none;
	margin: 4px 4px 0 0;
	background-color: #efefef;
}


#contents_main .feature-product .product-info p.icon-sales {
	width: 67px;
	position: absolute;
	top: 3px;
	right: 0;
}

#contents_main .feature-product .product-info p.icon-time {
	width: 31px;
	position: absolute;
	top: 3px;
	left: 0;
}

#contents_main .feature-product .product-info h3 {
	margin: 20px 0 16px 440px;
}

#contents_main .feature-product .product-info p.logo {
	position: absolute;
	top: 53px;
	left: 35px;
}

#contents_main .feature-product .product-info ul.product-bodytype {
	position: absolute;
	top: 172px;
	left: 14px;
}

#contents_main .feature-product .product-info ul.product-bodytype li {
	float: left;
	width: 100px;
	margin-right: 5px;
	line-height: 0;
}

#contents_main .feature-product .product-info ul.product-point {
	margin: 0 14px 12px 260px;	
}

#contents_main .feature-product .product-info ul.product-point li {
	float: left;
	width: 180px;
	font-size: 93%;
	margin-bottom: 3px;
	padding-left: 14px;
	background: url(/common/img/list_icon_gray.gif) no-repeat 0 4px;
}


#contents_main .feature-product.piece4 .product-info h3 {
	margin: 20px 0 16px 420px;
}
#contents_main .feature-product.piece4 .product-info ul.product-point {
	margin-top:-9px;	
}
#contents_main .feature-product.piece4 .product-info p.logo {
	top: 20px;
	left: 25px;
}

#contents_main .feature-product.piece4 .product-info ul.product-point li {
	width: auto;
}


#contents_main .feature-product .product-info p.btn_product-detail {
	font-size: 93%;
	position: absolute;
	top: 210px;
	left: 70px;
}

#contents_main .feature-product .product-column p.product-compar {
	font-size: 85%;
	border-top: 1px solid #cfcfe1;
	background: #f2f2f2;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

#contents_main .feature-product .product-column p.product-compar input {
	vertical-align: middle; 
}

#contents_main .feature-product .product-column p.product-compar label {
	line-height: 1;
	margin-left: 4px;
}

#contents_main .feature-product .product-column p.product {
	line-height: 1;
	margin-left: 4px;
}

/* ----- フィーチャー製品 product-column（チェック有り） */

#contents_main .feature-product .product-column_checked {
	border: 1px solid #a7ddff;
}

#contents_main .feature-product .product-column_checked p.product-compar {
	font-size: 85%;
	border-top: 1px solid #a7ddff;
	background: #a7ddff;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

/* ----- フィーチャー製品 分割ver */

#contents_main #feature_wrap {
	margin: 0 0 20px 0;
	width: 710px;
}

#contents_main #feature_wrap .feature-product {
	padding: 0;
	clear:none;
}

#contents_main #feature_wrap .feature-product .product-column {
	border: 1px solid #cfcfe1;
	width: 448px;
	margin: 0;
	padding: 0;
	float: left;
	height: 288px;
}

#contents_main #feature_wrap .feature-product .product-info p.icon-time {
	width: 31px;
	position: absolute;
	top: 3px;
	left: 0;
}

#contents_main #feature_wrap .feature-product .product-info h3 {
	margin: 20px 10px 16px 0;
	float: right;
}

#contents_main #feature_wrap .feature-product .product-info p.plogo {
	margin: 30px 0 20px 30px;
	_margin: 30px 0 20px 15px;
	padding: 0;
	float: left;
}

#contents_main #feature_wrap .feature-product .product-info ul.body_type {
	margin: 0 0 0 30px;
}

#contents_main #feature_wrap .feature-product .product-info ul.body_type li {
	margin-right: 5px;
}

#contents_main #feature_wrap .feature-product .product-info ul.point {
	margin: 10px 14px 0 30px;
	_margin: -60px 14px 0 30px;
	width: 250px;
}

#contents_main #feature_wrap .feature-product .product-info ul.point li {
	font-size: 93%;
	margin-bottom: 3px;
	padding-left: 14px;
	background: url(/common/img/list_icon_gray.gif) no-repeat 0 4px;
	width: 250px;
}

#contents_main #feature_wrap .feature-product .product-info div.btn_product-detail {
	font-size: 93%;
	margin: 5px 30px 14px 30px;
}

#contents_main #feature_wrap .feature-product .product-column p.product-compar {
	font-size: 85%;
	border-top: 1px solid #cfcfe1;
	background: #f2f2f2;
	text-align: center;
	margin: 0;
	padding: 5px 0;
}

/* ----- フィーチャー製品 分割ver（チェック有り） */

#contents_main #feature_wrap .feature-product .product-column_checked {
	border: 1px solid #a7ddff;
}

#contents_main #feature_wrap .feature-product .product-column_checked p.product-compar {
	border-top: 1px solid #a7ddff;
	background: #a7ddff;
}

/* ---- */

#contents_main #feature_wrap .feature-product .product-column p.product-compar input {
	vertical-align: middle; 
}

#contents_main #feature_wrap .feature-product .product-column p.product-compar label {
	line-height: 1;
	margin-left: 4px;
}

#contents_main #feature_wrap .feature-product .product-column p.product {
	line-height: 1;
	margin-left: 4px;
}

#radarchannel {
	width: 250px;
	float: right;
	height: 289px;
	*margin-top: -291px;
}


/* ----- 指定店トップページ用 */

#exclusive {
	width: 710px;
	}
	#exclusive h2 {
		margin-bottom:30px;
		}
	#exclusive h3 {
		margin: 0;
		}
	#exclusive h4 {
		margin-bottom: 20px;
		}
		#exclusive h4 span {
			margin-left: 15px;
			}
	#exclusive li {
		font-size:93%;
		color:#ebe2cc;
		}
	#exclusive li a {
		text-decoration: none;
		}
	#exclusive p {
		color:#fff;
		}
	#exclusive .sub_Navi {
		margin-bottom:10px;
		}
		#exclusive .sub_Navi li {
			float:left;
			margin-right:10px;
			font-weight:bold;
			}
			#exclusive .sub_Navi li a {
				background-color: #f4f4f4;
				border: #beb8a6 1px solid;
				border-radius: 4px;
				-moz-border-radius: 4px;
				-webkit-border-radius: 4px;
				padding:8px 8px 8px 28px;
				width:140px;
				display:block;
				}
			#exclusive .sub_Navi li a:hover {
				background-color:#e4e4e4;
				}
			#exclusive .sub_Navi li.car a {
				color:#152035;
				background-image: url("/common/img/products/radar/exclusive/btn_snavi_car.png");
				background-repeat: no-repeat;
				background-position: 8px center;
				}
			#exclusive .sub_Navi li.bike a {
				color:#7a041d;
				background-image: url("/common/img/products/radar/exclusive/btn_snavi_bike.png");
				background-repeat: no-repeat;
				background-position: 8px center;
				}
			
	#exclusive #car_Block,
	#exclusive #bike_Block {
		margin-bottom:20px;
		padding: 27px 27px 47px 27px;
		border: #e7dabb 3px solid;
		border-radius: 6px;
		-moz-border-radius: 6px;
		-webkit-border-radius: 6px;
		}
	#exclusive #car_Block { background-color:#010316;}
	#exclusive #bike_Block { background-color:#180106; margin-bottom:40px;}
		#exclusive .item_Block {
			margin-bottom:50px;
			}
			#exclusive .item_Block .img_Block {
				float:left;
				width:280px;
				padding-top:60px;
				}
			#exclusive .item_Block .info_Block {
				float:right;
				width:320px;
				padding-top:35px;
				}
				#exclusive .item_Block .info_Block ul {
					margin-bottom:15px;
					}
					#exclusive .item_Block .info_Block ul.bodytype li {
						margin-left:4px;
						float:left;
						}
						#exclusive .item_Block .info_Block ul.bodytype li:first-child {
							margin-left:0;
							}
				#exclusive .item_Block .info_Block ul.link {
					}
					#exclusive .item_Block .info_Block ul.link li {
						margin-left:10px;
						float:left;
						font-size:12px;
						height:4em;
						line-height:1em;
						}
						#exclusive .item_Block .info_Block ul.link li:first-child {
							margin-left:0;
							}
						#exclusive .item_Block .info_Block ul.link li a {
							width:108px;
							display:block;
							border: #ebe2cc 1px solid;
							-moz-border-radius: 4px;
							-webkit-border-radius: 4px;
							-ms-border-radius: 4px;
							border-radius: 4px;
							color:#fff;
							padding:1em 20px 1em 10px;
							background-image: url("/products/radar/img/exclusive/bg_link.gif");
							background-repeat:no-repeat;
							background-position: -60px -9px;
							}
							#exclusive .item_Block .info_Block ul.link li a:hover {
								background-position: -260px -9px;
								}
						#exclusive .item_Block .info_Block ul.link li.regular a {
							background-position: -30px -74px;
							width:138px;
							font-weight:bold;
							padding: 1.5em 20px 1.5em 10px;
							}
							#exclusive .item_Block .info_Block ul.link li.regular a:hover {
								background-position: -230px -74px ;
								}
				#exclusive .item_Block .info_Block p.compar {
					font-size: 85%;
					background:#1a1919;
					border: #666 1px solid;
					border-radius: 4px;
					-moz-border-radius: 4px;
					-webkit-border-radius: 4px;
					text-align: center;
					padding: 5px 0;
					}
					#exclusive .item_Block .info_Block p.compar input {
						vertical-align: middle;
						}
					#exclusive .item_Block .info_Block p.compar label {
						line-height: 1;
						margin-left: 4px;
						}
	#exclusive #car_Block .item_Block { background: url("/common/img/products/radar/exclusive_bg_car.jpg") no-repeat 0 0;}
	#exclusive #bike_Block .item_Block { background: url("/common/img/products/radar/exclusive_bg_bike.jpg") no-repeat 0 0;}

	#exclusive  .explanation_compar {
		text-align: center;
		margin: 0;
		padding: 0;
		}
		#exclusive  .explanation_compar p {
			color: #fff;
			margin-bottom:10px;
			}
			#exclusive  .explanation_compar p a {
				cursor: pointer;
				}
		#exclusive  .explanation_compar p.btn {
			margin-bottom:0;
		}

	#exclusive .caution_Block {
		margin-bottom:40px;
		}
		#exclusive .caution_Block h3 {
			margin-bottom: 18px;
			color:#c29f3c;
			}
		#exclusive .caution_Block p {
			margin-bottom: 10px;
			color:#666;
			font-size:100%;
			}
		#exclusive .caution_Block li {
			font-size: 85%;
			color:#666;
			}

