@charset "UTF-8";
/* CSS Document */

.titlearea{
	height:180px;
	background-image:url(../image/product/titleback.jpg);
	background-position:center center;
	position:relative;
	margin:0;
	padding:0;
	color:#FFFFFF;
	display: none;
}
.editbox{}
.editbox p{
	padding:0 0 1em;
	line-height:24.5px;
	margin:0;
}

.top_navi{
	display:block;
	margin:53px 0 46px;
	padding:0;
	border-bottom:5px solid #6a6862;
	font-size:0;
}
.top_navi li{
	display:inline-block;
	list-style:none;
	font-size:14px;
	font-weight:bold;
	line-height:35px;
	text-align:center;
	background-color:#a4a19c;
	border-radius:5px 5px 0px 0px;
	margin:0 4px 0 0;
	padding:0;
	width:160px;
	list-style:none;
}
.top_navi li a{
	display:block;
	color:#FFFFFF;
}
.top_navi li:hover,
.top_navi li.now{
	background-color:#6a6862;
}

.top_navi li.cart{
	background-color:#e45a24;
}
.top_navi li.cart a:before{
	content:url(../image/product_detail/icon_cart.png);
	display:block;
	float:left;
	margin:3px 0 -3px 12px;
}

.clumn3{
	display:inline-block;
	width:31%;
	margin:0 1% 20px 1%;
	padding:0;
	vertical-align:top;
}
.clumn3:nth-child(3n){

}
.clumn3 img{
	width:100%;
}
.clumn3 p{
	margin:0;
	padding:0;
}

.image_area {
	float: right;
	width: 320px;
	margin-left: 1em;
}
.image_area .main_image img {
	width: 100%;
}

@media screen and (max-width:978px) and  (min-width:481px) {
	.attachment li {
		width: 100%;
	}

	.top_navi {
		margin: 20px 0;
		border: none;
	}
	.top_navi li {
		width: 49.3%;
		border-radius: 5px;
		margin: 0 5px 5px 0;
	}
	.top_navi li:nth-child(2n) {
		margin-right: 0;
	}
}

@media screen and (max-width:480px) {
	.detail .image_area{
		width:auto;
		float:none;
	}
	.detail .product{
		width:auto;
		float:none;
	}

	.clumn3{
		display:inline-block;
		width:48%;
		margin:0 1% 20px 1%;
		padding:0;
		vertical-align:top;
	}
	.clumn3 img{
		width:100%;
	}
	.clumn3 p{
		margin:0;
		padding:0;
	}

	.image_area {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-bottom: 1em;
	}

	.top_navi {
		margin: 0 0 20px;
		border: none;
	}
	.top_navi li {
		width: 100%;
		border-radius: 5px;
		margin: 0 0 5px 0;
	}
}