@charset "utf-8";

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

	page  : インディニ2
	author: 安達
	
	09/07/25 制作　ver 1.00
	
=================================================================== */

/* --------------------------------
   □ global
-------------------------------- */
.commodity .entries p.leadText img{
	margin-bottom:9px;
}

/* --------------------------------
   □ functional
-------------------------------- */

#functional ul.items li dl dd img{
	margin-top:3px;
}


/* □ appeal
-------------------------------- */
#functional dl.appeal{
	width:400px;
	padding-top:5px;
}

#functional dl.appeal dt{
	padding-bottom:12px;
	color:#3866c5;
	font-size:108%;
	font-weight:700;
}

#functional dl.appeal dd dl{
	height:50px;
}

html > body #functional dl.appeal dd dl{
	height:auto;
	min-height:50px;
}

#functional dl.appeal dd dt{
	position:relative;
	color:#333;
	font-size:100%;
	padding:0 0 0 50px;
}


	#functional dl.appeal dd dt img{
		position:absolute;
		top:0;
		left:0;
	}

	* html #functional dl.appeal dd dt img{
		left:-50px;
	}

	#functional dl.appeal dd dd{
		padding:0 0 10px 50px;
	}	
	
	
/* =================================
   ■ planVariation
================================== */	
#planVariation{
	margin-bottom:32px;
}

#planVariation h3{
	margin-bottom:7px;
}

#planVariation .subsection{
	display:inline;
	float:left;
	width:339px;
}

#planVariation .subsection h4{
	margin-bottom:14px;
}

#planVariation .subsection dl.text{
	margin-bottom:24px;
}

#planVariation .subsection dl.text dt{
	display:inline;
	float:left;
	width:97px;
}

#planVariation .subsection dl.text dd{
	display:inline;
	float:left;
	width:232px;
}

#planVariation .flat{
	margin-right:13px;
}

#planVariation  p.pic{
	float:none;
	clear:both;
	margin:0;
}

/* =================================
   ■ boxVariation
================================== */	

#boxVariation h3{
	margin-bottom:14px;
}

#boxVariation h4{
	margin:0 0 14px 4px;
}

#boxVariation p.text{
	margin:0 0 25px 13px;
}


#boxVariation ul.items li{
	position:relative;
	margin-left:-36px;
	padding-bottom:24px;
}

#boxVariation ul.items li dl{
	display:inline;
	float:left;
	width:308px;
	height:120px;
	margin-left:56px;
}

html > #boxVariation ul.items li dl{
	height:auto;
	min-height:120px;
}

#boxVariation ul.items li dl dt{
	position:relative;
	margin-right:-10px;
	padding:2px 0 4px 134px;
	color:#3866c5;
	font-size:108%;
	font-weight:700;
}

#boxVariation ul.items li dl dt a{
	color:#3866c5;
}

	#boxVariation ul.items li dl dt img{
		position:absolute;
		top:0;
		left:0;
	}

	*html #boxVariation ul.items li dl dt img{
		left:-134px;
	}


#boxVariation ul.items li dl dd{
	position:relative;
	margin-right:-5px;
	padding:0px 0 0px 134px;
	font-size:92%;
	line-height:1.3;
}

#boxVariation ul.items li p.attention{
	display:inline;
	float:right;
	width:308px;
	margin-left:56px;
}


/* =================================
   ■ plan
================================== */	
#plan .items{
	margin-left:-19px;
	zoom:1;
}

#plan .items li{
	display:inline;
	float:left;
	width:336px;
	margin-left:19px;
	padding-bottom:14px;
}

/* =================================
   ■ spec
================================== */

#spec .items,
#option .items{
	margin-left:-6px;
	zoom:1;
}

#spec .items li,
#option .items li{
	display:inline;
	float:left;
	width:226px;
	margin-left:6px;
	padding-bottom:14px;
}



#plan .items,
#spec .items,
#option .items{
	margin-top:18px;
}

#plan .items li a:hover img,
#spec .items li a:hover img,
#option .items li a:hover img{
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}


/* =================================
   ■ plan-details
================================== */

#plan-details h1{
	margin:10px 0 0 10px;
	padding:0;
	background:none;
}

#plan-details .pic{
	display:inline;
	float:left;
	width:366px;
	margin-top:20px;
}

#plan-details .explain{
	position:relative;
	display:inline;
	float:right;
	width:300px;
	margin-top:-14px;
	margin-right:10px;
}

#plan-details .explain p.text{
	font-size:108%;
	font-weight:700;
	margin-bottom:10px;
}

#plan-details .explain table.spec{
	width:283px;

}


#plan-details .explain table.spec td{

	padding:2px 7px;
}

#plan-details .explain table.spec td.name{
	width:9em;
	padding-left:30px;
}

#plan-details .explain table.spec td.price{
	padding:7px;
	text-align:right;
	border-top:1px solid #5a5250;
	border-bottom:1px solid #5a5250;
}

#plan-details .explain table.spec td.price strong{
	font-size:125%;
	font-weight:700;
	
}
#plan-details .explain .size{
	width:283px;
	padding-top:8px;
	border-top:1px solid #5a5250;
}

/* =================================
   ■ spec-details
================================== */
#spec-details h1{
	margin-bottom:25px;
}

#spec-details .subsection{
	width:100%;
}



#spec-details .pic{
	display:inline;
	float:left;
	width:400px;
	margin-left:20px;
	padding-bottom:25px;
}

#spec-details .explain{
	display:inline;
	float:right;
	width:250px;
}

#spec-details ul.color{
	margin:20px 0 30px 10px;
}

	#spec-details ul.color li{
		float:left;
		width:62px;
		margin-right:2px;
		text-align:center;
		font-size:92%;
		line-height:1.2;
	}
	#spec-details ul.color li img{
		margin-bottom:2px;
	}

#spec-details p.attention{
	clear:both;
	padding-left:35px;
	background:url(../../images/lineup/storage/indini2/detail/spec/attention.gif) 0 0 no-repeat;
}

#spec-details p.attention span{
	font-size:82%;
}

#spec-details dl.set{
	display:inline;
	float:left;
	width:190px;
	margin-left:20px;
}

	#spec-details dl.set dd{
		padding:4px;
	}


#spec-details p.plan{
	display:inline;
	float:left;
	width:458px;
	margin-left:3px;
}	

#spec-details p.plan img{
	margin-bottom:5px;
}	

/* 個別 */

#spec-details #item5 .pic{
	width:420px;
}

#spec-details #item5 .explain{
	width:230px;
}

#spec-details #item5 .explain .color{
	width:210px;
}

/* =================================
   ■ option-details
================================== */

#option-details .pic{
	display:inline;
	float:left;
}

#option-details .explain{
	display:inline;
	float:right;
}


#option-details ul.color{
	margin:20px 0 30px 10px;
}

	#option-details ul.color li{
		float:left;
		width:62px;
		margin-right:2px;
		text-align:center;
		font-size:92%;
		line-height:1.2;
	}
	#option-details ul.color li img{
		margin-bottom:2px;
	}

#option-details p.attention{
	clear:both;
	padding-left:35px;
	background:url(../../images/lineup/storage/indini2/detail/spec/attention.gif) 0 0 no-repeat;
}

#option-details p.attention span{
	font-size:82%;
}
	
	
#option-details dl.set{
	display:inline;
	float:left;
	width:190px;
	margin-left:20px;
}

	#option-details dl.set dd{
		padding:4px;
	}

/* 個別 */

/* item1 */
#option-details #item1 .pictures{
	display:inline;
	float:left;
	width:397px;
	margin-left:20px;
}

#option-details #item1 .pic{
	float:none;
	display:block;
	margin:0 0 10px 0;
}

#option-details #item1 .explain{
	float:left;
	width:260px;
}


/* item2 */
#option-details #item2 .pic{
	width:290px;
}

#option-details #item2 .explain{
	width:372px;
	margin-right:20px;
}

#option-details #item2 .explain p.size{
	margin-bottom:30px;
}

#option-details #item2 .explain dl.set{
	margin-left:0;
}

/* item3 */
#option-details #item3 .subsection{
	padding-bottom:15px;
}

#option-details #item3 .pic{
	width:472px;
	margin-left:10px;
}

#option-details #item3 .explain{
	width:200px;
}

#option-details #item3 ul.color{
	margin-left:0;
}

#option-details #item3 .size{
	display:inline;
	float:left;
	margin:24px 0 0 63px;
}

/* item4 */
#option-details #item4 .subsection{
	padding-bottom:15px;
}

#option-details #item4 .pic{
	width:246px;
	margin-left:5px;
}


#option-details #item4 .figure{
	margin-top:50px;
}

#option-details #item4 .explain{
	width:427px;
	margin-right:5px;
}

#option-details #item4 p.text{
	display:inline;
	float:left;
	width:340px;
	margin:15px 0 0 20px;
}