@charset "utf-8";

#sectionContents p {
line-height: 1.5;
}
	
p.note {
	color: #666;
	font-size: 13px;
}
#contents-wrap {
	position: relative;
}
.top-60 {
	margin-top: 60px;
}
.top-40 {
	margin-top: 40px;
}
.top-53 {
	margin-top: 53px;
}
.top-31 {
	margin-top: 31px;
}
.top-20 {
	margin-top: 20px;
}


/*アラウーノ小売り価格*/
.bg_blue {
	background: #eef7fd;
}

.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


ul.item_price {
	background: none;
	display: table;
	font-size: 0;
	list-style: none;
	margin: 0 0 60px 0;
	padding: 0;
	width: 966px;
}
	ul.item_price li {
		border-left: #666 solid 1px;
		box-sizing: content-box;
		display: table-cell;
		margin: 0;
		padding: 0;
	}
		ul.item_price li:first-child {
			border-left: none;
		}
		
dl.item {
	margin: 0;
	padding: 0;
}
	dl.item dt {
		border-bottom: #666 solid 1px;
		box-sizing: content-box;
		height: 206px;
		margin: 0;
		padding: 0;
	}
		.price_space {
			height: 206px;
			width: 176px;
		}
		
	dl.item dd {
		margin: 0;
		padding: 0;
	}

/*本体*/	
.title_feature_wrap {
	background: #999;
	overflow: auto;
}
	.title_feature_wrap h2 {
		color: #fff;
		display: inline-block;
		float: left;
		font-size: 18px;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		margin:0 10px;
		padding: 5px 0;
		width: 155px;
	}
.feature_wrap {
	border-bottom: #666 solid 1px;
	box-sizing: content-box;
	margin: 0;
	padding: 0;
	width: 966px;
}
	.feature_wrap h3 {
		float: left;
		margin: 0;
		padding: 0;
		width: 50px;
	}
	.feature_wrap .feature_box {
		float: right;
		margin: 0;
		padding: 0;
		width: 916px;
		
	}
dl.feature {
	background: none;
	display: table;
	font-size: 0;
	list-style: none;
	vertical-align: top;
	width: 916px;
}
	dl.feature dt {
		display: table-cell;
		font-size: 0;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
	dl.feature dd {
		display: table-cell;
		font-size: 0;
		margin: 0;
		padding: 0;
		vertical-align: top;
	}
		.tooltips {
			position: relative;
			text-decoration: none;
		}
.feature_wrap .feature_box dl.feature dt.wide125 {width: 125px;margin: 0;padding: 0;}
.feature_wrap .feature_box dl.feature dd.wide160 {width: 160px;margin: 0;padding: 0;}
.feature_wrap .feature_box dl.feature dd.wide159 {width: 159px;margin: 0;padding: 0;}
.feature_wrap .feature_box dl.feature dd.wide156 {width: 156px;margin: 0;padding: 0;}
.feature_wrap .feature_box dl.feature dd.wide316 {width: 316px;margin: 0;padding: 0;}
		.tooltips span {
			display: none;
			padding: 8px;
			/*margin: -95px 0 0 55px;*/
			line-height: 1.6;
		}
		.tooltips:hover span {
			background: url(../img/comparison/ico_ya_yellow.gif) no-repeat 50px bottom;
			padding-bottom: 15px;
			display: inline;
			position: absolute;
			bottom: 30px;
			left: 55px;
			width: 320px;
}
			.tooltips:hover span.up35 {bottom: 35px;}
			.tooltips:hover span.up39 {bottom: 39px;}
			.tooltips:hover span.up60 {bottom: 60px;}
			.tooltips:hover span.up63 {bottom: 63px;}
			.tooltips:hover span.up93 {bottom: 93px;}
		.tooltips:hover span .fukidashi{
			background-color: #ffdc58;
			color: #000;
			display: inline-block;
			font-size: 16px;
			font-weight: normal;
			line-height: 1.5;
			padding: 15px;
}
.dotline_bottom {
	border-bottom: #999 dashed 1px;
	box-sizing: content-box;
}
		
/*便座*/	
.condition {
	border-left: #333 solid 1px;
	color: #333;
	display: inline-block;
	font-size: 12px;
	margin: 0 0 5px 572px;
	padding-left: 10px;
	width: 306px;
}	
ul.form {
	float: left;
	font-size: 0;
	list-style: none;
	margin: 5px 0;
	padding: 0;
	width: 791px;
}
	ul.form li {
		border-left: #fff solid 1px;
		box-sizing: border-box;
		color: #fff;
		display: inline-block;
		font-size: 13px;
		font-weight: bold;
		height: 24px;
		line-height: 24px;
		text-align: center;
	}
	.w200 {width: 200px;}
	.w197 {width: 197px;}
	.w160 {width: 160px;}
	.w159 {width: 159px;}
	.w156 {width: 156px;}
	.w131 {width: 131px;}
	.w105 {width: 105px;}
	.w106 {width: 106px;}
	
/*注釈のリンク*/	
p.note a,p.condition a {
	color: #666;
	text-decoration: underline !important;
}
p.note a:hover,p.condition a:hover {color:aaa; text-decoration: none !important;}
p.note a:active,p.condition a:active {color:ccc; text-decoration: none !important;}