/* IMPORT CSS */
@import "../css/reset.css";
@import "../css/common.css";

#second-img{
	background: url(images/header.jpg) no-repeat center top;
	background-size: cover;
}

#products h2{
	padding: 10px;
	margin-bottom: 10px;
    font-weight: bold;
    color: green;
    font-size: 110%;
	border: solid rgba(49,168,55,1.00) 1px ;
	border-radius: 10px;
}

#products ul{
	overflow: hidden;
	padding: 20px 0 20px;
}

#products li{
	display: inline-block;
}

#products li:not(:first-child){
	padding-left: 15px;
}

.item{
	width: 30%;
	height: auto;
	margin: 10px 10px 30px 10px;
	padding: 5px;
	float: left;
}
.item img{
	width: 100%;
}
.item h3{
	font-size: 100%;
	padding-top: 5px;
	color: darkgreen;
	font-weight: bold;
}
.item p{
	margin: 5px auto;
	font-size: 80%;
}
.btn_detail{
	float: left;
	width: 50%;
	margin-top: 10px;
}
.btn_detail img{
	width: 100%;
}

.btn_shop{
	float: right;
	width: 50%;
	margin-top: 10px;
}
.btn_shop img{
	width: 100%;
}

.item_detail{
	width: 46%;
	height: auto;
	margin: 10px;
	padding: 5px;
	float: left;
}
.item_detail img{
	width: 100%;
}
.item_detail h3{
	font-size: 90%;
	padding-top: 15px;
	color: darkgreen;
	font-weight: bold;
}
.item_detail p{
	margin: 5px auto;
	font-size: 90%;
}

.item_detail_r{
	width: 46%;
	height: auto;
	margin: 10px;
	padding: 5px;
	float: left;
}
.item_detail_r h3{
	font-size: 90%;
	padding-top: 15px;
	color: darkgreen;
	font-weight: bold;
}
.item_detail_r p{
	margin: 5px auto;
	font-size: 90%;
}


#detail table {
	width: 100%;
	border-collapse: separate;
}
#detail table td {
	border:none;
	vertical-align: top;
	font-size: 80%;
}
#detail table tr:nth-child(odd) td {
	background-color:#f1f6ef;
}

#detail table td{
	padding:10px 0 10px 12px;
	border-left: #fff 1px solid;
}

a:hover{
	opacity: 0.6;
}
.pankuzu{
	font-size: 80%;
	margin-bottom: 15px;
}