@charset "Shift_JIS";

/*===========================================
	contentsArea
=============================================*/
div#contentsArea {
	width: 760px;
	margin: 15px auto 0 auto;
	padding: 0px;
}

/*===========================================
	pregArea_01
=============================================*/
div#pregArea_01 {
	width: 745px;
	margin: 0px auto;
	padding: 0px;
}
div#pregArea_01 div.pregBox {
	width: 745px;
	margin: 15px auto 0px auto;
	padding: 0px;
}

/*===========================================
	productArea
=============================================*/
.productArea {
	margin: 30px 0px 0px 15px;
	padding:0;
	list-style:none;
}

.productArea p.btn {
	float:left;
	margin-right:10px;
}

/*===========================================
	table
=============================================*/
table.grayTbl  {
	width:33%;
	margin-top:10px;
	border-top: #CCC 1px solid;
	border-right: #CCC 1px solid;
	text-align:center;
	float:left;
}
table.b-r-none  {
	border-right:none;
}
table.grayTbl th  {
	border-bottom: #CCC 1px solid;
	border-left: #CCC 1px solid;
	padding:10px 7px;
	font-weight:normal;
	white-space:nowrap;
}
table.grayTbl td  {
	border-bottom: #CCC 1px solid;
	border-left: #CCC 1px solid;
	padding:10px;
}
table.grayTbl td.left  {
	text-align:left;
	vertical-align:top;
	height:9.5em;
}
table.grayTbl td.gray  {
	background:#F1F1F1;
	border-left: #F1F1F1 1px solid;
	padding:5px 7px;
}
table.grayTbl td.gray-left  {
	background:#F1F1F1;
	border-left: #CCC 1px solid;
	padding:5px 7px;
}
table.grayTbl td span  {
	display:none;
}

/*===========================================
	headingtittle
=============================================*/

div.heading_ttl {
	width: 558px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
	padding: 0px;
	background: #dcf2fe;
	clear: both;
}

div.heading_ttl div.heading_ttl_txt {
	margin: 0px auto;
	padding: 10px 0px 10px 10px;
}

/*===========================================
	icon
=============================================*/
.icoDisc_bc {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 15px;
	background: url(/support/handycam/enjoy/dialogue/tripod/images/ico_disc_bc.jpg) no-repeat 0px 4px;
}
.icoTxtLink {
	margin-left: 0px;
	margin-right: 0px;
	padding: 0px 0px 0px 10px;
	background: url(../../common/images/arrow_black.png) no-repeat 0px 5px;
}
.icoPoint {
	margin-left: 0px;
	margin-right: 0px;
	padding: 9px 0px 9px 40px;
	background: url(../../common/images/ico_point.png) no-repeat 0px center;
}


@media(max-width:640px){
	/*===========================================
		contentsArea
	=============================================*/
	div#contentsArea {
		width: auto;
	}

	/*===========================================
		pregArea_01
	=============================================*/
	div#pregArea_01 {
		width: auto;
	}
	div#pregArea_01 div.pregBox {
		width: auto;
	}
		
	/*===========================================
		productArea
	=============================================*/
	.productArea {
		width: auto;
	}
	.productArea p.btn {
		float: none;
		margin-right:0px;
		margin-top:10px;
		text-align:center;
	}
	
	
	/*===========================================
		table
	=============================================*/
	table.grayTbl  {
		width:100%;
		margin-top:20px;
		float: none;
	}
	table.b-r-none  {
		border-right:#CCC 1px solid;
	}
	table.grayTbl td.left  {
		height: auto;
	}
	table.grayTbl td.gray  {
		background:#F1F1F1;
		border-left: #CCC 1px solid;
	}
	table.grayTbl td span  {
		display: block;
	}
	table.grayTbl td.gray p,
	table.grayTbl td.gray-left p  {
		display:none;
	}

	/*===========================================
		headingtittle
	=============================================*/
	
	div.heading_ttl {
		width: 96%;
		margin: 30px auto 0px auto;
	}
}