@charset "utf-8";

#contentWrapper {
margin-top: 0;;
}
/* ======================================================================================================================================
goodsPageMain.css
====================================================================================================================================== */


/* ======================================================================================================================================
detailMain
====================================================================================================================================== */
#detailMain{
	margin-bottom:0em;
	clear:both;
	width:100%;
}
#detailMain h3{
	font-size:24px;
	font-weight:bold;
	line-height:1em;
	
	padding:4px 10px;
	width:100%;
	float:left;
	font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Sans-Serif;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#detailMain #videocamera{background:url(../images/common/toneVideo.gif) repeat-x left bottom;}
#detailMain #projector{background:url(../images/common/toneProjector.gif) repeat-x left bottom;}
#detailMain #digicam{background:url(../images/common/toneDigi.gif) repeat-x left bottom;}
#detailMain #monitor{background:url(../images/common/toneMonitor.gif) repeat-x left bottom;}
#detailMain #deck{background:url(../images/common/toneDeck.gif) repeat-x left bottom;}
#detailMain #other{background:url(../images/common/toneOther.gif) repeat-x left bottom;}
#detailMain #travel{background:url(../images/common/toneTravel.gif) repeat-x left bottom;}
#detailMain #pc{background:url(../images/common/tonePc.gif) repeat-x left bottom;}
#detailMain h3 span{
	font-size:0.73em;
	font-weight:normal;
}
#makerName{
	font-size:0.64em;
	line-height:1em;
}











#detailHeadingMain{
}
.priceBody{
	padding:0px 0px 10px;
	width:100%;
}
#mainPriceTB{
	width:86%;
	font-weight:bold;
	text-align:right;
	margin:0px 7%;
	
	border-collapse:collapse;
	background:#FFF;
}
#mainPriceTB td{
	vertical-align:middle;
	padding:6px 5px;
}
#mainPriceTB td:not(:target){
	font-size:1.1em; /* IE9 */
}
#mainPriceTB td.day{
	width:50%;
	font-weight:normal;
	text-align:left;
}
												.dottedLine{
													background:url(../images/common/dot.png) no-repeat center bottom;
												}
/*#mainPriceTB tr:not(:last-child){
	border-bottom:dashed thin #CCC;
}*/
#mainPriceTB tr:nth-child(2) ~ tr{
	color:#FF1111;
}
/* 2014040 3*/
#mainPriceTB caption:after{
	content:'(税込)';
}










/* ======================================================================================================================================
カートに入れる
====================================================================================================================================== */
#cartIn{
	margin-top:20px;
	margin-bottom:20px;
}

#detailMain form[method=post] div {
	width:100%;
	text-align:center;
}
#detailMain form[method=post] div input[type=text] {
    width: 2em;
}
#detailMain form[method=post] div input[type=image]{
	width:60%;
	min-width:60%;
	vertical-align:middle;
}

#detailMain form[method=post] div p{
	overflow:hidden;
}














#detailHeadingSub{
	margin-bottom:10px;
}
#imgSample{
	width:100%;
	overflow:hidden;
	font-size:0.8em;
	position:relative;
}
#imgSample div{
	text-align:center;
}
#imgSample #tab2,
#imgSample #tab3,
#imgSample #tab4{
	display:none;
}
.imageBig{
	margin-bottom:0px;
}
#imgSample img[alt='NEW']{
	position:absolute;
	top:10px;
	right:5px;
}
/*#imgSample p{
	float:left;
	width:460px;
}　同じ
.alert{
float:left;
width:218px;
text-align:right;
display:inline;
}*/

	/*
	#imgSample ulと#imgSelectは同じ
	#imgSelect ul li aと.imageSmallは同じ
	*/
#imgSelect{	
	width:100%;
	padding:0 4%;
	margin:0 auto 1em;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#imgSelect li{
	display:block;
	float:left;
	width:33%;
	margin-bottom:5px;
}
.imageSmall{
	/* a要素 */
	display:block;
	cursor:default;
	
	border:2px solid #CCC;
	margin-right:5px;
}
.imageSmall:hover{
	border:2px solid #828282;
}
.imageSmall:nth-child(3n){
	margin-right:0px;
}
#newicon{
	float:right;
	width:24px;
}
																			#cable{
																			padding:20px 140px;
																			}
																			#lens,
																			#smallacc,
																			.smallacc,
																			.noPopUp{
																			padding:10px 50px 10px 70px;
																			}







#caution{
	width:90%;
	font-size:10px;
	margin:10px 5% 20px;
	padding:1%;
	background:#F0F0F0;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#caution dd{
	padding-left:1%;
}


#iconLogoWrapper{
	width:90%;
	margin:10px 5%;
	padding:1%;
	text-align:center;
}
#iconLogoWrapper img{
	padding-right:1%;
	max-width:15%;
}
#iconLogoWrapper img[alt="pricedown"]{
	max-width:100%;
}






















/* ===================================================================
特長、注意書き、レンタル価格一覧表などのアコーディオン
=================================================================== */ 
.accordionDetailList{
	float:left;
	width:100%;
	
	overflow:hidden;
}
.accordionDetailList input{display: none;}
.accordionDetailList label{
	font-size:1.2em;
	position: relative;
	display: block;
	padding:12px 50px 10px 10px;

	cursor: pointer;
	margin:-1px 0 0  0;/*30px 0 10px;*/
}
.accordionDetailList label{
	border-bottom: 1px solid #333;
	border-left: none;
	border-top: 1px solid #333;
	border-right: none;
}
#caution + .accordionDetailList label{
	margin:0;
}
/*30px 0 10px;*/
		/*.accordionDetailList label[for="ac-note"]{
			border-bottom: 1px solid #ED183E;
			border-left: 8px solid #ED183E;
			border-top: 1px solid #ED183E;
			border-right: 1px solid #ED183E;
			color:#ED183E;
		}*/
/*#detailMain .accordionDetailList:last-of-type label{
	margin:0;
}*/
.accordionDetailList label::after{
	position: absolute;
	top: -2%;
	right: 5%;
	display: block;
	content: '＋';
	
	color:#888;
	font-size:1.8em;
	/*position: absolute;
	top: 50%;
	right: 8%;
	display: block;
	content: '';
	width: 15px;
	height: 15px;
	
	margin-top: -11px;
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);*/
}
		/*.accordionDetailList label[for="ac-note"]::after{
			border-top: 3px solid #ED183E;
			border-right: 3px solid #ED183E;
		}*/
.accordionDetailList dl{
	position: relative;
	max-height: 0px;
																						overflow: scroll;/*hidden*/
	/*box-shadow: 0;*/
}
.accordionDetailList input:checked + label::after {
	content: '－';
	/*margin-top: -3px;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
}
.accordionDetailList input:checked ~ dl {
	max-height: 4000px;
	height:100%;
	padding:10px 0 30px 0;
	
	-webkit-transition: all 0.7s;
	-moz-transition: all 0.7s;
	-o-transition: all 0.7s;
	transition: all 0.7s;
}

















/* ===================================================================
特長、注意書き、レンタル価格一覧表など
=================================================================== */
#char,
#pack,
#note,
.otherInfo{
	width:100%;
	float:left;
	margin:0;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.detailList dt{
	font-size:1.5em;
	background:#EAEAE8;
	margin-bottom:10px;
	padding-bottom:3px;
	padding-left:14px;
	color:#333;
	padding-top:4px;
}
.detailList dt{
	display:none;
}
.plural{
	display:block;
}
.detailList dd{
	font-size:1.1em;
	
	/*#char dd,
	#pack dd,
	#note dd,
	.otherInfo dd*/
	width:96%;
	clear:left;
	margin:0 2% 5px;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*#char dt,*/
/*#pack dt,
.otherInfo dt{
background:url(../images/category/detailListHeadingBG.png) no-repeat left bottom;
border-top:1px solid #333;
}*/
/*#note dt{
background:url(../images/category/noteBg.png) no-repeat left bottom;
padding-left:32px;
}*/
/*#char dd,
#pack dd,
#note dd,
.otherInfo dd{
padding:0 10px;
margin-bottom:5px;
clear:left;
width:auto;

-webkit-box-sizing: border-box;
box-sizing: border-box;
}*/
#char dd,
#note dd,
.listMidasi{
	background:url(../images/common/list_black.png) no-repeat left 0.3em;
	background-size:1em;
	padding-left:16px;
}
/*#pack dd{
padding:5px;
width:100%;

-webkit-box-sizing: border-box;
box-sizing: border-box;
}*/
/* 20150216要らない気がする */
/*#otherInfo dd{
font-size:0.96em;
padding-left:10px;
margin-left:0px;
}*/




													#edius dd p{
													width:400px;
													float:left;
													}
													#edius span{
													width:229px;
													height:64px;
													float:right;
													}
													#campaign dd p{
													width:400px;
													float:left;
													}
													#campaign span{
													width:229px;
													height:64px;
													float:right;
													}
													#kiroku,
													#mtf,
													.otherInfoImg{
													float:left;
													width:auto;
													margin-top:-20px;
													margin-bottom:20px;
													}
													.otherInfo .scrInfo{
													float:left;
													width:auto;
													background:#999;
													margin-bottom:20px;
													}
													.otherInfo .scrInfo td{
													width:100px;
													background:#FFF;
													text-align:center;
													padding-top:0.4em;
													padding-bottom:0.4em;
													font-size:0.94em;
													}
													.remark{
													color:#FF7B08;
													}












						/*recordList、topAlignはたぶんいらない100507
						#specList,
						.recordList{
						width:100%;
						margin-bottom:15px;
						
						-webkit-box-sizing: border-box;
						box-sizing: border-box;
						}
						#specList th,
						#specList td,
						.recordList th,
						.recordList td{
						padding:0.1em 0.1em 0.1em 0.3em;
						}
						#specList td span,
						.recordList td span{width:100%;}
						#specList th,
						.recordList th{text-align:center;}
						#specList th.topAlign,
						.recordList th.topAlign{
						text-align:center;
						font-size:1.2em;
						padding-top:10px;
						}
						.specWidth{
						width:20%;
						}
						#option p{
						width:722px;
						}
						#specWrapperBody ul.hosoku{
						margin-bottom:30px;
						}*/

						/*.suitSpec{
						width:222px;
						clear:left;
						margin-bottom:10px;
						}
						.suitSpec td{padding:0.3em;}*/







/*		.otherInfoHalf{
		font-size:0.96em;
		width:50%;
		float:left;
		
		-webkit-box-sizing: border-box;
		box-sizing: border-box;
		}
		.otherInfoHalf dt{
		background:url(../images/category/detailListHeadingBG.png) no-repeat left bottom;
		border-top:1px solid #333;
		border-right:1px solid #333;
		}
		.otherInfoHalf dd{
		padding:1px 20px 1px 10px;
		margin:0 2% 5px;
		clear:left;
		width:auto;
		}*/
dd.listHosoku{
	font-size:0.96em;
}

	





/* detailList内のテーブル設定 */
.shiyou_frame{
	min-width:98%;
	max-width:100%;
	/*border-collapse:collapse;
	border-spacing:0;
	margin:0 1%;*/
	/*table-layout:fixed;*/
	font-size:0.8em;
	
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.shiyou_frame th {
	background:#F0F0F0 none;
	border:1px solid #BBB;
	font-weight:normal;
	
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	
	border-spacing:0;
	padding:2px 0;
	
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.shiyou_frame tr:first-child td{
	/*background:#F0F0F0 none;*/
}
.shiyou_frame td{
	border:1px solid #BBB;
	
	text-align:left;
	vertical-align:middle;
	border-collapse:collapse;
	
	border-spacing:0;
	padding:2px 0;
	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}
.shiyou_frame span{
	font-weight:bold;
	color:#FF0000;
}

/*table.mainspec{
font-size:100%;
margin:0 1%;
padding:0;
width:98%;
table-layout:fixed;
}
table.mainspec th{
color:#313131;
font-weight:normal;
padding:10px;
text-align:left;
vertical-align:top;
white-space:nowrap;
}
table.mainspec td{
padding:10px;
text-align:left;
vertical-align:top;
}*/
.main_Spec{
	min-width:98%;
	max-width:100%;
	font-size:0.8em;
	line-height:1.2;
	
	box-sizing:border-box;
}
.main_Spec th {
	background:#F0F0F0 none;
	border:1px solid #BBB;
	
	font-size:0.9em;
	font-weight:normal;
	
	text-align:center;
	vertical-align:middle;
	border-collapse:collapse;
	
	border-spacing:0;
	padding:2px;
	width:20%;
	
	box-sizing:border-box;
}
.main_Spec td{
	border:1px solid #BBB;
	
	font-size:0.9em;
	text-align:left;
	vertical-align:middle;
	border-collapse:collapse;
	
	border-spacing:0;
	padding:2px;
	
	box-sizing:border-box;
}
.main_Spec span{
	font-weight:bold;
	color:#FF0000;
}
.main_Spec th[colspan='2'] {
	font-size:1em;
	font-weight:bold;
	padding:4px 2px;
}
.main_Spec +ul{
	font-size:0.8em;
}


/* ======================================================================================================================================
レンタル価格一覧（税込：￥）
====================================================================================================================================== */
	/*#rentalPrice dd{width:98%}*/

	#rentalPrice table {
	/*border:1px solid #BBB;*/
	font-size:85%;
	margin:0;
	padding:0;
	width:100%;
	/*table-layout: fixed;*/
	border-collapse: collapse;
	border-spacing: 0px 0px;
	}
	#rentalPrice table th {
	background:#F0F0F0 none;
	border:1px solid #BBB;
	color:#313131;
	font-weight:normal;
	padding:2px 1px;
	
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	border-collapse: collapse;
	
	border-spacing: 0px;
	}
	#rentalPrice table td {
	background:#FFF none;
	border:1px solid #BBB;
	padding:2px;
	
	text-align:center;
	vertical-align:middle;
	border-collapse: collapse;
	
	border-spacing: 0px;
	}
	#rentalPrice table .haku0{ background: #94d6f3; }
	#rentalPrice table .haku12{ background: #cbe7f3; }

























/* ===================================================================
おすすめオプション以下タブ切替のCSS
=================================================================== */ 
#tabOptionSpec,
#spec{
	width:100%;
	
	overflow:hidden;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*#tabOptionSpec div{
margin:0;
}*/
#spec div{
	margin:0 2%;
}

.detailSub{
	/*　#tabOptionSpec > div:not(.optionSelect)　tabOptionSpec内のDIV　*/
	
	width:92%;
	float:left;
	margin:0 4% 30px;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#tabOptionSpec h5{
	/* .specHeading */
	clear:both;
	width:100%;
	/*border-top:solid 1px #B1B1B1;
	border-bottom:solid 1px #CCC;*/
	background-color:#F1F1F1;
	
	font-size:1.2em;
	padding:1% 2%;
	text-align:center;
	
	margin-bottom:10px;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/* 不明な設定　20150214 */
/*#specList .name{
text-align:left;
background:#EAEAE8;
padding-top:0.3em;
padding-bottom:0.3em;
color:#333;
}
#specList th, #specList td{border-bottom:1px solid #CECECE;}
#specList th.oddBo, #specList td.oddBo{
border-right:1px solid #C5E1EF;
text-align:left;
}
.theading{background:#E3F1FF;}*/


.optionSelect{
	/* スマホではおすすめオプションは切替せずすべて表示 */
	display:none;
}
					

/*.optionSelect ul{
float:left;
width:100%;
margin-bottom:10px;

-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.optionSelect li{
display:block;
float:left;
height:30px;
width:100px;
line-height:30px;
text-align:center;
background:url(../images/category/optionListBg.jpg) no-repeat left top;
margin-right:2px;
}
.optionSelect .optionLast{float:right;}
.optionSelect a{
line-height:30px;
float:left;
height:30px;
width:100%;
color:#FFF;
}
.optionSelect a:hover{
background:#FFF;
color:#000;
}
.optionSelect li.active a{
background:#FFF;
color:#000;
line-height:0.9em;
background:url(../images/category/optionListBgOn.png) no-repeat left top;
text-decoration:none;
}
#specWrapper a:hover{background:#C10024;}
.optionSelect .specTab{
float:right;
width:100px;
}
.tabwrapselected{
background:yellow;
display:block;
}
.nontabwrapselected{
display:none;
}
.optionSelect span{
line-height:30px;
float:left;
height:30px;
width:100%;
color:#FFF;
}
.optionSelect span:hover{
background:#FFF;
color:#000;
}
.optionSelect li.tabwrapselected span{
background:#FFF;
color:#000;
line-height:0.9em;
background:url(../images/category/optionListBgOn.png) no-repeat left top;
text-decoration:none;
}*/

/*.goodsWrapper{
height:120px;
width:96%;
margin:0 2%;
}*/
.goods{

padding-bottom:20px;
}
	.swiper-slide{
		/* swiper.cssへ */
	}
	
	.itemContName{
		/* div.swiper-slide h6 */
		
		background-color: rgba(255,255,255,0.6);
		padding:0;
		
		text-align:center;
		font-size::0.8em;
		line-height:1;
		position:absolute;
		/*left:0;*/
		bottom:0;
		width:100%;
		
		/*-webkit-box-sizing: border-box;
		box-sizing: border-box;*/
		
		overflow: hidden;
		
		text-overflow: ellipsis;
		
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
		/*padding-bottom:0px;
		font-size:1.2em;
		text-align:center;*/
	}
/*	
	.itemContName a {
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 2;
	}*/
	
	.itemContPic{
		text-align: center;
	}
	.itemIndexBg{
		/* div.swiper-slide img */
		text-align:center;
		vertical-align:middle
		position:absolute;
		/*left:0;*/
		top:0;
		/*width:100%;*/
		/*height:100%;
		line-height:1;*/
	}

	
	
	.accordionOption .review,
	.accordionOption .detail,
	.accordionOption .price,
	.accordionOption .price_h{
		display:none;
	}
	.newIcon{
		position:absolute;
		top:0;
		right:0;
	}




/*table.mainspec{
border-bottom:1px solid #BBB;
border-right:1px solid #BBB;
font-size:100%;
margin:0 1%;
padding:0;
width:98%;
table-layout:fixed;
}
table.mainspec th{
background:#F0F0F0 none;
border-left:1px solid #BBB;
border-top:1px solid #BBB;
color:#313131;
font-weight:normal;
padding:10px;
text-align:left;
vertical-align:top;
white-space:nowrap;
}
table.mainspec td{
background:#FFF none;
border-left:1px solid #BBB;
border-top:1px solid #BBB;
padding:10px;
text-align:left;
vertical-align:top;
}
*/





























/* ===================================================================
おすすめオプションと主な仕様の開閉
=================================================================== */ 
.accordionOption input[name=accordion],
.accordionSpec input[name=accordion] {
	display: none;
}
.accordionOption label,
.accordionSpec label {
	font-size:1.2em;
	position: relative;
	display: block;
	padding: 12px 10px 10px;
	border-bottom: 1px solid #333;/*#0154D1;*/
	
	/*border-top: 1px solid #333;*//*#0154D1;*/
	
	cursor: pointer;
	margin:0 0 -1px 0;/*1px 0 -1px 0;*/
/*}
.accordionSpec label {*/
	border-top: 1px solid #333;

}
.accordionSpec label{
	margin:0;
}
.accordionOption label::after,
.accordionSpec label::after {
	position: absolute;
	top: -2%;
	right: 5%;
	display: block;
	content: '＋';
	
	color:#888;
	font-size:1.8em;
/*	width: 15px;
	height: 15px;
	margin-top: -11px;
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);*/
}
.accordionOption label ~ div + div,
.accordionSpec div {
	position: relative;
	max-height: 0px;
	overflow: hidden;
}

.accordionOption input[name=accordion]:checked + label::after,
.accordionSpec input[name=accordion]:checked + label::after {
	content: '－';
	/*margin-top: -3px;
	
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);*/
}
.accordionOption input[name=accordion]:checked ~ div + div,
.accordionSpec input[name=accordion]:checked ~ div {
	max-height: 8000px;
	height:100%;
	padding:10px 0;
	
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
/*.accordionOption label em,
.accordionSpec label em{
	position: absolute;
	right: 10%;
	font-size:0.5em;
	color:#EE1111;
	line-height:1;
	font-weight:bold;
	line-height:54px;
}*/
.accordionOption label span,
.accordionSpec label span{
	display:none;
}
/*.accordionOption input {
	display: none;
}
.accordionOption label {
	font-size:2.4em;
	position: relative;
	display: block;
	padding: 5px 10px;
	border-bottom: 1px solid #0154D1;
	border-left: 8px solid #0154D1;
	cursor: pointer;
	margin:30px 0 10px;
}

.accordionOption label::after {
	position: absolute;
	top: 50%;
	right: 5%;
	display: block;
	content: '';
	width: 12px;
	height: 12px;
	margin-top: -7px;
	border-top: 3px solid #888;
	border-right: 3px solid #888;
	
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
}
.accordionOption div {
	position: relative;
	height: 0;
	overflow: hidden;
	box-shadow: 0;
	
	-webkit-transition: height .2s ease-in-out;
	-moz-transition: height .2s ease-in-out;
	-o-transition: height .2s ease-in-out;
	transition: height .2s ease-in-out;
}*/


#spec table{
margin-bottom:10px;
}
#spec dl{
margin-bottom:20px;
}
#spec dl dt,
#spec dl dd{
display:inline;
}


















#cartniireru input[type=submit]{
	width:100%;
}

/*.swiper-container {
width: 100%;
min-height: 160px;
max-height: 220px
}*/

/*.swiper-container, .swiper-slide {
width: 320px;
height: 160px;
}*/












@media print, screen and (min-width:480px){

}






/* 640px ~ */
@media print, screen and (min-width:640px){






/*}

 728px ~ 
@media print, screen and (min-width: 728px) {*/


/* ======================================================================================================================================
detailMain
====================================================================================================================================== */
#detailMain{
	width:722px;
}
#detailMain h3{
	width:702px;
	display:block;
}
#detailMain #videocamera{background:url(../images/common/toneVideo.gif) repeat-x left bottom;}
#detailMain #projector{background:url(../images/common/toneProjector.gif) repeat-x left bottom;}
#detailMain #digicam{background:url(../images/common/toneDigi.gif) repeat-x left bottom;}
#detailMain #monitor{background:url(../images/common/toneMonitor.gif) repeat-x left bottom;}
#detailMain #deck{background:url(../images/common/toneDeck.gif) repeat-x left bottom;}
#detailMain #other{background:url(../images/common/toneOther.gif) repeat-x left bottom;}
#detailMain #travel{background:url(../images/common/toneTravel.gif) repeat-x left bottom;}
#detailMain #pc{background:url(../images/common/tonePc.gif) repeat-x left bottom;}













#detailHeadingMain{
	float:right;
	overflow:hidden;
	width:262px;
}
#priceInfoWrapper{
	float:right;
	width:242px;
	display:inline;
	overflow:hidden;
	padding:0px 20px 20px 0;
	/*margin-top:5px;*/
}
.priceBody{
	margin-bottom:0px;
	display:block;
	float:left;
	width:242px;
}
#mainPriceTB{
	width:240px;
	margin: 0 0 5px 0;
	border:1px solid #333;
	float:left;
}








#priceInfoWrapper p{
	width:236px;
	float:left;
}

#priceInfoWrapper p.specBG {
	background-color:#F1F1F1;
	padding:5px 10px;
	width: 208px;
	margin:10px 0;
	border: 1px solid #A1A1A1;
	border-left: 7px solid #A1A1A1;
}
#priceInfoWrapper p.specBG:before{
	content:'↓';
}

/* 名前が長いのは意味がある */
	/*#priceInfoWrapper p.specBG{
	background:#F5F5F5;
	display:inline;
	border-left:10px solid #CCC;
	width:225px;
	padding:0.4em 0 0.4em 4px;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	}*/
#iconLogoWrapper{
	float:left;
	width:226px;
	text-align:left;
	margin:5px 0 0 0;
	padding:0 0 30px 0;
}
#iconLogoWrapper img{
	margin-bottom:5px;
	margin-right:5px;
	
	padding-right:0;
	max-width:40px;
}


#iconLogoWrapper img[alt="pricedown"]{
	max-width:100%;
}




/* ======================================================================================================================================
カートに入れる
====================================================================================================================================== */
#detailMain #cartIn{
	overflow:hidden;
	text-align:left;
	width:235px;
	float:left;
	margin:0 0 10px;
	display:inline;
	padding:10px 0 0 7px;
	/*background:url(../images/category/cartInBg.gif) no-repeat left top;*/
	height:60px;
	line-height:50px;
	background-color:#bbb;
	
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
#detailMain p.cartCalP{
	font-size:0.94em;
	color:#FF3300;
}
/*#detailMain form[method=post] div {
	width:100%;
	text-align:center;
}*/
#detailMain form[method=post] div input[type=image]{
	width:141px;
	max-width:141px;
}












#detailHeadingSub{
	float:left;
	overflow:hidden;
	width:460px;
	margin:1em 0;
}
#imgSample{
	width:440px;
	overflow:hidden;
	font-size:0.8em;
	float:left;
}
#imgSample .tabmain{
	float:left;
	width:440px;
}
#imgSample #tab2,
#imgSample #tab3,
#imgSample #tab4,
#imgSample #tab5,
#imgSample #tab6{
	display:none;
}
.imageBig{
	margin-bottom:0px;
}
#imgSample p{
	float:left;
	width:440px;
/*}　同じ
.alert{*/
/*float:left;
width:218px;*/
text-align:right;
/*display:inline;*/
}
	/*
	#imgSample ulと#imgSelectは同じ
	#imgSelect ul li aと.imageSmallは同じ
	*/
#imgSelect{
	display:block;
	padding:0;
	margin-bottom:1em;
	clear:both;
	width:440px;
}
#imgSelect li{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.imageSmall{
	/* a要素 */
	width:138px;
	height:auto;
	
	border:2px solid #CCC;
	margin-right:5px;
}
/*#imgSelect{	

width:100%;
padding:0 4%;
margin:0 auto 1em;

-webkit-box-sizing: border-box;
box-sizing: border-box;
}
#imgSelect li{
display:block;
float:left;
width:33%;
}

.imageSmall:hover{
border:2px solid #828282;
}
.imageSmall:nth-child(3){
margin-right:0px;
}*/

#newicon{
	float:none;
	width:auto;
}

#cable{
	padding:20px 140px;
}
#lens,
#smallacc,
.smallacc,
.noPopUp{
	padding:10px 50px 10px 70px;
}




























#caution{
	float:left;
	width:96%;
	overflow:hidden;
	margin:0 0 20px;
	padding:5px;
	background:#F0F0F0;
}
#caution dd{
	padding-left:1%;
}


/* ===================================================================
特長、注意書き、レンタル価格一覧表などのアコーディオン
=================================================================== */ 
.accordionDetailList{
	/*float:left;
	width:100%;*/
}
.accordionDetailList input{
	display: none;
}
.accordionDetailList label{
	display: none;
}
.accordionDetailList label::after{
	display: none;
}
.accordionDetailList dl{
	/*position: relative;*/
	max-height: 100%;
	height: 100%;
	overflow: hidden;
	/*box-shadow: 0;*/
}
.accordionDetailList input:checked + label::after {
	display: none;
}
.accordionDetailList input:checked ~ dl {
	max-height: 100%;
	height: 100%;
	padding:0;
	transition:none;
}














/* ===================================================================
特長、注意書き、レンタル価格一覧表など
=================================================================== */
#char,
#pack,
#note,
.otherInfo,
.otherInfoHalf{
	font-size:0.94em;
	width:702px;
	margin-bottom:20px;
	float:left;
	/*padding-right:20px;*/
}
.otherInfoHalf{
	width:344px;
	padding-right:10px;
}
.detailList dt{
	display:block;
	font-size:1.5em;
	background:#EAEAE8;
	margin-bottom:10px;
	padding-bottom:4px 0 3px 14px;
	
	background:url(../images/category/detailListHeadingBG.png) no-repeat left bottom;
	border-top:1px solid #333;
	
	font-weight:bold;
	/*font-family:"メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Helvetica,Sans-Serif;*/
}
.detailList dd{
	font-size:1.2em;
	/*#char dd,
	#pack dd,
	#note dd,
	.otherInfo dd*/
	/*width:96%;
	clear:left;
	margin:0 2% 5px;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;*/
	letter-spacing:0.02em;
	line-height: 1.6;
}
/*#char dt,
#pack dt,*/
.otherInfo dt,
.otherInfoHalf dt{
	background:url(../images/category/detailListHeadingBG.png) no-repeat left bottom;
}
#note dt{
	background:url(../images/category/noteBg.png) no-repeat left bottom;
	padding-left:32px;
	border-top:none;
}
/*#char dd,
#pack dd,
#note dd,
.otherInfo dd{
padding:1px 40px 1px 10px;
margin-bottom:2px;
clear:left;
width:auto;
}*/
/*
なくても大丈夫そう 0303
#char dd,
#note dd,
.listMidasi{
background:url(../images/common/list_black.png) no-repeat left 0.4em;
background-size:1em;

padding-left:16px;
margin-left:6px;
}*/
/*#pack dd{
padding:5px;
width:692px;
}*/









		#edius dd p{
		width:400px;
		float:left;
		}
		#edius span{
		width:229px;
		height:64px;
		float:right;
		}
		#campaign dd p{
		width:400px;
		float:left;
		}
		#campaign span{
		width:229px;
		height:64px;
		float:right;
		}
		#tsa img{
		float:right;
		border:1px solid #333;
		padding:8px 6px 1px 4px;
		margin-left:10px;
		margin-bottom:10px;
		}
		#otherInfo dd{
		font-size:0.96em;
		padding-left:10px;
		margin-left:0px;
		}
		#kiroku,
		#mtf,
		.otherInfoImg{
		float:left;
		width:auto;
		margin-top:-20px;
		margin-bottom:20px;
		}
		.otherInfo .scrInfo{
		float:left;
		width:auto;
		background:#999;
		margin-bottom:20px;
		}
		.otherInfo .scrInfo td{
		width:100px;
		background:#FFF;
		text-align:center;
		padding-top:0.4em;
		padding-bottom:0.4em;
		font-size:0.94em;
		}
		.remark{color:#FF7B08;}

				/*recordList、topAlignはたぶんいらない100507*/
		#specList, .recordList{
		width:722px;
		margin-bottom:15px;
		}
		#specList th, #specList td, .recordList th, .recordList td{
		padding:0.1em 0.1em 0.1em 0.3em;
		}
		#specList td span, .recordList td span{width:100%;}
		#specList th, .recordList th{text-align:center;}
		#specList th.topAlign, .recordList th.topAlign{
		text-align:center;
		font-size:1.2em;
		padding-top:10px;
		}		/*recordList、topAlignはたぶんいらない100507*/
		.specWidth{width:20%;}
		#option p{width:722px;}
		#specWrapperBody ul.hosoku{margin-bottom:30px;}
		dd.listHosoku{font-size:0.96em;}
		.suitSpec{
		width:222px;
		clear:left;
		margin-bottom:10px;
		}
		.suitSpec td{padding:0.3em;}


/*		.otherInfoHalf dt{
		background:url(../images/category/detailListHeadingBG.png) no-repeat left bottom;
		border-top:1px solid #333;
		border-right:1px solid #333;
		}
		.otherInfoHalf dd{
		padding:1px 20px 1px 10px;
		margin-bottom:2px;
		clear:left;
		width:auto;
		}*/


.shiyou_frame{
	min-width:660px;
	max-width:660px;
	font-size:0.9em;
	line-height:1.2;
}

.shiyou_frame th {
	padding:8px 4px;
}
.shiyou_frame td {
	padding:5px 4px;
}

.main_Spec{
	min-width:670px;
	max-width:670px;
	font-size:1em;
	line-height:1.3;
}
.main_Spec th {
	padding:4px 8px;
	width:20%;
	
	box-sizing:border-box;
}
.main_Spec th[colspan='2'] {
	padding:4px;
	font-weight:bold;
}
.main_Spec td {
	padding:5px 4px;
}







/* ======================================================================================================================================
レンタル価格一覧（税込：￥）
====================================================================================================================================== */
#rentalPrice table {
	border-bottom:1px solid #BBB;
	border-right:1px solid #BBB;
	font-size:1em;/*85%;*/
	/*margin:0;
	padding:0;*/
	width:660px;/*100%;*/
	table-layout: fixed;
	/*border-collapse: collapse;
	border-spacing: 0px 0px;*/
}
#rentalPrice table th {
	/*background:#F0F0F0 none;
	border:1px solid #BBB;
	color:#313131;
	font-weight:normal;*/
	padding:3px 6px;
	/*text-align:center;
	vertical-align:middle;
	white-space:nowrap;
	border-spacing: 0px;*/
}
#rentalPrice table td {
	/*background:#FFF none;
	border:1px solid #BBB;*/
	padding:3px 6px;/*2px;*/
}
/*#rentalPrice table .haku0{
	background: #94d6f3;
}
#rentalPrice table .haku12{
	background: #cbe7f3;
}*/


















/*#spec div{
	margin:0 2%;
}

.detailSub{
	　#tabOptionSpec > div:not(.optionSelect)　tabOptionSpec内のDIV　
	
	width:90%;
	float:left;
	margin:0 5% 30px;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}*/


/* ===================================================================
おすすめオプション以下タブ切替のCSS
=================================================================== */ 
#tabOptionSpec{
	width:722px;
}
#tabOptionSpec h4{
	width:722px;
}
/*.detailSub{
width:722px;
float:left;
}*/

#tabOptionSpec h5{
	/* .specHeading */
	clear:both;
	width:722px;
	/*border-top:solid 1px #B1B1B1;
	border-bottom:solid 1px #CCC;*/
	background:none;
	
	font-size:1em;
	padding:0;
	text-align:left;
	
	margin-bottom:0px;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
/*#specList .name{
text-align:left;
background:#EAEAE8;
padding-top:0.3em;
padding-bottom:0.3em;
color:#333;
}
#specList th,
#specList td{
	border-bottom:1px solid #CECECE;
}
#specList th.oddBo,
#specList td.oddBo{
	border-right:1px solid #C5E1EF;
	text-align:left;
}*/
.theading{
	background:#E3F1FF;
}
.optionSelect{
	display:block;
	float:left;
	width:722px;
	margin:15px 0;
}
.optionSelect ul{
/*	float:left;
	width:722px;
	margin-bottom:10px;*/
}
.optionSelect li{
	display:block;
	float:left;
	height:30px;
	width:100px;
	line-height:30px;
	text-align:center;
	background:url(../images/category/optionListBg.jpg) no-repeat left top;
	margin-right:2px;
}
.optionSelect .optionLast{
	float:right;
}
.optionSelect a{
	line-height:30px;
	float:left;
	height:30px;
	width:100%;
	color:#FFF;
}
.optionSelect a:hover{
	background:#FFF;
	color:#000;
}
.optionSelect li.active a{
	background:#FFF;
	color:#000;
	line-height:0.9em;
	background:url(../images/category/optionListBgOn.png) no-repeat left top;
	text-decoration:none;
}
#specWrapper a:hover{
	background:#C10024;
}
.optionSelect .specTab{
	float:right;
	width:100px;
}
.tabwrapselected{
	background:yellow;
	display:block;
}
.nontabwrapselected{
	display:none;
}
.optionSelect span{
	line-height:30px;
	float:left;
	height:30px;
	width:100%;
	color:#FFF;
}
.optionSelect span:hover{
	background:#FFF;
	color:#000;
}
.optionSelect li.tabwrapselected span{
	background:#FFF;
	color:#000;
	line-height:0.9em;
	background:url(../images/category/optionListBgOn.png) no-repeat left top;
	text-decoration:none;
}

.newIcon{
		position:absolute;
		top:0;
		right:-20px;
}




















/* ===================================================================
おすすめオプションと主な仕様の開閉
=================================================================== */ 
.accordionOption input[name=accordion]t,
.accordionSpec input[name=accordion] {
	display: none;
}
.accordionOption label,
.accordionSpec label {
	font-size:2.6em;
	cursor:default;
	border-bottom: 1px solid #0154D1;
	border-left: 7px solid #0154D1;
	border-top:none;
	border-right:none;
	margin:0;
	padding:0 0 0 10px;
}
.accordionOption label::after,
.accordionSpec label::after {
	display:none;
	transition:none;
}
.accordionOption label ~ div + div,
.accordionSpec div {
	position: static;/*position: relative;*/
	max-height: 100%;
	height:100%;
	transition:none;
	padding:10px 0;
	
	overflow:visible;
}


.accordionOption input[name=accordion]:checked + label::after,
.accordionSpec input[name=accordion]:checked + label::after {
	content: '';
	display:none;
	transition:none;
}
.accordionOption input[name=accordion]:checked ~ div + div,
.accordionSpec input[name=accordion]:checked ~ div {
	max-height:100%;
	height:100%;
	
	transition:none;
	
	overflow:visible;
}
/*.accordionOption label em,
.accordionSpec label em{
	display:none;
}*/
.accordionOption label span,
.accordionSpec label span{
	display:inline;
	position: absolute;
	right: 1%;
	font-size:2em;
	color:#DDD;
	line-height:0.7;
}

/*　　　　　　　　　　　　　　　　　　　20140303？？？？？
	table.mainspec{
	margin:0 10px 20px;
	width:680px;
}*/



















.detailSub{
	/*　#tabOptionSpec > div:not(.optionSelect)　tabOptionSpec内のDIV　*/
	
	width:722px;/*90%;*/
	float:left;
	margin:0;
}


/*機材カテゴリートップページ一覧と、詳細ページのおすすめオプションで使用する機材の包括装飾系CSS
→ソース内部に移して整理
itemContainer.css*/


.goodsWrapper{
width:auto;
float:left;
margin-bottom:10px;
}
.goods{
	/* div.swiper-slide */
float:left;
display:block;
text-align:center;
margin:0 13px 10px 0;
background:#FFF;
border:5px solid #D6D6D6;
overflow: visible;
/*width:221px;
height:auto;*/
padding-bottom:0;
}

.goods:nth-child(3n){
	margin-right:0px;
}
.goods img{
font-size:0px;
line-height:0px;
vertical-align:bottom;
}
.goods p{
margin-bottom:0px;
}
.goods table,
.goods tr,
.goods td{
font-size:3em;
}
.goods .inner{
padding:10px 7px;
float:left;
width:207px;
}
.itemContName{
	/* div.swiper-slide h6 */
	font-size:1.05em;
	font-weight:bold;
	letter-spacing:0em;
	line-height:1.1;
	text-align:left;
	
	margin-right:-5px;
	padding:0 0 0 11px;
	
	float:left;
	width:167px;
	min-height:2.1em;
	
	background:url(../images/common/headingLeft3.png) no-repeat left center;
	
	position:static;
	/*bottom:0;
	width:100%;
	
	-webkit-box-sizing: border-box;
	box-sizing: border-box;*/
	
	overflow: hidden;
	white-space: normal;
	text-overflow: visible;
}
.itemContName a{
color:#000;
text-decoration:none;
}
.itemContName span{
font-size:0.8em;
font-weight:normal;
letter-spacing:0.05em;
}
.itemContPic{

text-align:center;
}
.itemIndexBg{
	/* div.swiper-slide img */
	vertical-align:middle
	position:absolute;
	/*left:0;*/
	top:0;
	/*width:100%;*/
	/*height:100%;
	line-height:1;*/
}
.itemIndexBg{
padding:7px;
/*margin:4px 0px;
font-size:0px;
line-height:0px;*/
vertical-align:bottom;
/*background:no-repeat left top;*/
}

.accordionOption .review,
.accordionOption .detail,
.accordionOption .price,
.accordionOption .price_h{
	display:inline-block;
}
.newIcon{
	position:static;/*absolute;*/
	top:0;
	right:0;/*-20px;*/
	width:24px;
	margin-left:-24px;
	float:right;
}





.detail{
overflow:hidden;
width:207px;
float:left;
margin-top:4px;
}
.detail li{
display:block;
float:left;
margin-right:10px;
}
.detail .liLast{margin-right:0px;}
.iconLogo{
margin-bottom:0px;
margin-top:0px;
margin-right:5px;
}
#cartIn input{ime-mode:disabled;}
#cartIn p{white-space:nowrap;}




.review{
text-align:left;
line-height:1.1;
width:207px;
}
.review a{
color:#FF0033;
}
.price{
font-size:1em;
text-align:left;
overflow:hidden;
width:207px;
float:left;
}
.price:not(:target){
font-size:1.1em; /* IE9 */
}
									.price_h{
									font-size:1em;
									text-align:left;
									overflow:hidden;
									width:202px;
									float:left;
									}
.price ul{
background:url(../images/category/priceImg.png) no-repeat left top;
float:left;
width:112px;
margin-top:4px;
border-bottom:1px solid #CCC;
padding-top:22px;
max-height:220px;
/*-webkit-box-sizing: border-box;
box-sizing: border-box;*/
}
									.price_h ul{
									background:url(../images/category/price_hImg.png) no-repeat right top;
									float:left;
									width:112px;
									margin-top:4px;
									border-bottom:1px solid #CCC;
									padding-top:22px;
									}
.price dt,
.price_h dt{
height:20px;
}
.price li,
.price_h li{
text-align:left;
line-height:1.2em;
padding:0.4em 2px;
}
/*
80行目くらいで既に登場
.dottedLine {
    background: url(../images/common/dot.png) no-repeat scroll center bottom;
}
*/
.price ul .dottedLine:last-child{
	background:none;
}
.priceLong{
color:#FF0033;
font-size:0.9em;
}
.mmIcon{
width:84px;
float:right;
overflow:hidden;
margin-top:4px;
}
.mmIcon img{
margin-bottom:2px;
margin-top:0px;
margin-right:2px;
float:left;
width:40px;
height:30px;
}











}