@charset "Shift_JIS";

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

	Site Name   SONY s-frame
	File Name   lineup.css

==========================================================*/
.mod-heading {
	margin-top:0;
}


/* product
----------------------------------------------------------*/
.compareBtn {
	text-align: right;
}

.product {
	margin-bottom:50px;
	zoom:1;
}

.product:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

.product dt {
	float:left;
	width:170px;
}

.product dd {
	float:right;
	margin:0;
}

.product dd.text {
	width:585px;
	zoom:1;
}

.product dd.text:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

.product dd.text .title {
	float:left;
	width:195px;
	font-weight:bold;
	font-size:120%;
}

.product dd.text .title strong {
	font-size:150%;
}

.product dd.text .note {
	float:left;
	width:390px;
	font-size:85%;
}

.product dd.feature {
	width:585px;
	zoom:1;
	background:url(/s-frame/lineup/images/product_bg.gif) repeat-y 195px 0;
}

.product dd.feature:after {
	content:"";
	display:block;
	clear:both;
	height:0;
}

.product dd.feature .left {
	float:left;
	width:185px;
}

/*-- icon left --*/
.product dd.feature .left ul {
	margin: 0;
	margin-top: -5px;
	margin-left: -5px;
	_margin-left: -10px;
	padding: 0;
	list-style: none;
}

.product dd.feature .left li {
	display: block;
	float: left;
	margin: 0;
	margin-top: 5px;
	margin-left: 5px;
	width: 90px;
	height: 40px;
}

/*-- icon right --*/
.product dd.feature .right {
	position:relative;
	float:right;
	width:380px;
}

.product dd.feature .right ul {
	margin:0;
	margin-top: -5px;
	margin-left: -5px;
	_margin-left: -10px;
	padding: 0;
	list-style: none;
}

.product dd.feature .right ul li {
	display: block;
	float: left;
	margin: 0;
	margin-top: 5px;
	margin-left: 5px;
	padding: 0;
	width: 90px;
	height: 40px;
}

.product dd.feature .right ul li img {
	vertical-align:top;
}

.product dd.feature .right .thum {
	margin-top:10px;
}

.product dd.feature .right .btn {
	margin-top:-30px;
	text-align:right;
}


@media (max-width:640px){
	.compareBtn {
		text-align: left;
	}
	
	.product {
		margin-bottom:20px;
		padding-bottom: 15px;
		border-bottom: 1px solid #eee;
		zoom:1;
	}
	
	.product dt {
		float:none;
		width:auto;
		text-align:center;
		max-width: 375px;
	}
	
	.product dd {
		float:none;
		max-width: 375px;
	}
	
	.product dd.text {
		width:auto;
	}
	
	.product dd.text .title {
		/*float:none;*/
		width: auto;
		margin-right: 20px;
		margin-bottom: 5px;
	}
	
	.product dd.text .note {
		float:none;
		clear: both;
		width:auto;
	}
	
	.product dd.feature {
		width:auto;
		background:none;
	}
	
	.product dd.feature .left {
		float:none;
		width:auto;
		margin-bottom:5px;
	}
	
	.product dd.feature .right {
		float:none;
		width:auto;
	}
	
	.product dd.feature .right .thum {
		display:none;
	}
	
	.product dd.feature .right .btn {
		margin-top:10px;
	}
}