@charset "Shift_JIS";

/*インテリアカラー
==================================================================*/

#container.intColorPage .viewArea{
	width:705px;
	min-height:457px;
	height:auto !important;
	height:457px;
	margin-top:20px;
	position:relative;
}

#container.intColorPage .viewArea .modeImage{
	background-color:#f4f4f4;
	text-align:center;
}

/* ----------------------------------------------
partsList */
#container.intColorPage .viewArea .partsList{
	width:705px;
	margin-top:10px;
	border-collapse:collapse;
}

#container.intColorPage .viewArea .partsList th{
	/*width:65px;*/
	padding:2px 8px;
	border:1px solid #bfc2c7;
	background-color:#d7d8d8;
	font-weight:bold;
	text-align:center;
}

#container.intColorPage .viewArea .partsList td.thumb{
	width:71px;
	padding:5px;
	border-top:1px solid #bfc2c7;
	border-bottom:1px solid #bfc2c7;
	border-left:1px solid #bfc2c7;
}

#container.intColorPage .viewArea .partsList td.txt{
	width:136px;
	padding:5px 8px;
	border-top:1px solid #bfc2c7;
	border-bottom:1px solid #bfc2c7;
	border-right:1px solid #bfc2c7;
}

#container.intColorPage .viewArea .partsList td.txt2{
	width:359px;
	padding:5px 8px;
	border-top:1px solid #bfc2c7;
	border-bottom:1px solid #bfc2c7;
	border-right:1px solid #bfc2c7;
}

/* EOF partsList
---------------------------------------------- */

#container.intColorPage .viewArea .detailTxt dt{
	margin-top:10px;
	padding:3px 3px 3px 10px;
	background:url(../../image/cmn_bg_h3-01.gif) 0 0 no-repeat;
	font-size:120%;
	font-weight:bold;
}

*html #container.intColorPage .viewArea .detailTxt dt{
	width:705px;
}

#container.intColorPage .viewArea .detailTxt dd{
	margin-top:5px;
	margin-left:13px;
}

#btnSlideL{
	width:30px;
	height:30px;
	background:url(../../image/cmn_btn_slide-left.gif) left top no-repeat;
	position:absolute;
	left:0;
	top:100px;
	display:block;
}

#btnSlideR{
	width:30px;
	height:30px;
	background:url(../../image/cmn_btn_slide-right.gif) left top no-repeat;
	position:absolute;
	right:0;
	top:100px;
	display:block;
}

#btnSlideL.off,
#btnSlideR.off{
	background-position:right top;
	cursor:default;
}

#btnSlideL span,
#btnSlideR span{
	display:none;
}

#container.intColorPage .selectArea{
	margin-top:20px;
}

#container.intColorPage .selectArea .thumbSec{
	width:701px;
	margin-top:10px;
	background-color:#f4f4f4;
}

p#modeName{
	min-height:12px;
	padding:3px;
}

*html p#modeName{
	height:auto !important;
	height:18px;
}

#container.intColorPage .selectArea .packageList li{
	width:116px;
	margin-top:1px;
	margin-right:1px;
	float:left;
	cursor:pointer;
	position:relative;
}

#container.intColorPage .selectArea .packageList li .frame{
	position:absolute;
	left:0;
	top:0;
}

#container.intColorPage .selectArea .packageList li.act .frame{
	width:116px;
	height:58px;
	background:url(../../image/cmn_img_activecar.png) left bottom repeat-x;
}

*html #container.intColorPage .selectArea .packageList li.act .frame{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/webcatalog/201108/image/cmn_img_activecar.png", sizingMethod="crop");
}

#container.intColorPage .selectArea .packageList li.last_child{
	margin-right:0;
}

#container.intColorPage .notesArea{
	margin-top:10px;
	font-size:10px;
	line-height:1.5;
}
