@charset "utf-8";

/*専用装備内容
==================================================================*/

#container.sp_equipmentPage .contentsArea .contentsBox .no1{
	background:url(../../image/utilities_bg_icon_no1.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no2{
	background:url(../../image/utilities_bg_icon_no2.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no3{
	background:url(../../image/utilities_bg_icon_no3.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no4{
	background:url(../../image/utilities_bg_icon_no4.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no5{
	background:url(../../image/utilities_bg_icon_no5.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no6{
	background:url(../../image/utilities_bg_icon_no6.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no7{
	background:url(../../image/utilities_bg_icon_no7.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no8{
	background:url(../../image/utilities_bg_icon_no8.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no9{
	background:url(../../image/utilities_bg_icon_no9.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no10{
	background:url(../../image/utilities_bg_icon_no10.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no11{
	background:url(../../image/utilities_bg_icon_no11.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no12{
	background:url(../../image/utilities_bg_icon_no12.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no13{
	background:url(../../image/utilities_bg_icon_no13.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no14{
	background:url(../../image/utilities_bg_icon_no14.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no15{
	background:url(../../image/utilities_bg_icon_no15.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no16{
	background:url(../../image/utilities_bg_icon_no16.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no17{
	background:url(../../image/utilities_bg_icon_no17.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no18{
	background:url(../../image/utilities_bg_icon_no18.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no19{
	background:url(../../image/utilities_bg_icon_no19.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox .no20{
	background:url(../../image/utilities_bg_icon_no20.gif) no-repeat left center;
	padding:3px 0 3px 30px;
	display:block;
}
#container.sp_equipmentPage .contentsArea .contentsBox span.bg{
	padding:0 5px 0 5px !important;
}

#container.sp_equipmentPage .contentsArea .contentsBox .bl_pt_1 h2.ttl,#container.sp_equipmentPage .contentsArea .contentsBox .bl_pt_2 h2.ttl,#container.sp_equipmentPage .contentsArea .contentsBox .bl_pt_3 h2.ttl{
	background:url(../../image/cmn_bg_h2-top03.gif) left top !important;
}
#container.sp_equipmentPage .contentsArea .contentsBox .bl_pt_4 h2.ttl{
	background:url(../../image/cmn_bg_h2-top04.gif) left top !important;
}

/* バックビュー
----------------------------------------------------------- */
#container.sp_equipmentPage .viewArea{
	width:705px;
	min-height:309px;
	height:auto !important;
	height:309px;
	margin-top:20px;
	position:relative;
}

#container.sp_equipmentPage .viewArea .modeImage{
	background-color:#f4f4f4;
	text-align:center;
}

#container.sp_equipmentPage .viewArea 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;

}

#container.sp_equipmentPage .viewArea 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.sp_equipmentPage .selectArea{
	margin-top:20px;
	padding-top:15px;
	background:url(../../image/cmn_bg_img_dotted01.gif) left top repeat-x;
}

#container.sp_equipmentPage .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.sp_equipmentPage .selectArea .modeList li{
	width:116px;
	margin-top:1px;
	margin-right:1px;
	float:left;
	cursor:pointer;
	position:relative;
}

#container.sp_equipmentPage .selectArea .modeList li .frame{
	position:absolute;
	left:0;
	top:0;
}

#container.sp_equipmentPage .selectArea .modeList li.act .frame{
	width:116px;
	height:58px;
	background:url(../../image/cmn_img_activecar.png) left bottom repeat-x;
}

*html #container.sp_equipmentPage .selectArea .modeList li.act .frame{
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/webcatalog/201003/image/cmn_img_activecar.png", sizingMethod="crop");
}

#container.sp_equipmentPage .selectArea .modeList li.last_child{
	margin-right:0;
}

