@charset "UTF-8";

/*商品ヘッター--------------------------------------*/
.product_header{
	margin: 0px 0px 20px 0px;
	width: 100%;
}
.product_header .title{
	margin: 0px 0px 0px 0px;
	color: #666666;
	font-size: 18px;
	letter-spacing: 0.1em;
	font-style: normal;
}
@media screen and (max-width: 800px) {
	.product_header{
	margin: 30px 0px 10px 0px;
}
	.product_header .title{
		text-align:left;
		padding-left:20px;
}
}
.product_header .sitemap{
	margin: 0px 10px 15px 0px;
	color:#333333;
	font-size:13px;
	font-style:normal;
	text-align:right;
}
@media screen and (max-width: 800px) {
.product_header .sitemap{
	font-size:12px;
}
}
.product_header  a:link {
	text-decoration: none;
	color:#996600;
}
.product_header a:visited {
	text-decoration: none;
	color:#996600;
}
.product_header a:active {
	color:#999999;
}
.product_header a:hover {
	color:#999999;
}
.product_header .title_sab{
	margin: 0px 0px 0px 0px;
}
@media screen and (max-width: 800px) {
.product_header .title_sab{
	margin: 0px 0px 0px 20px;
	text-align:left;
}
}
.product_header .title_sab span{
	padding: 7px 7px 6px 7px;
	background-color: #FF9900;
	color: #ffffff;
	font-size: 18px;
	letter-spacing: 0.2em;
	font-style: normal;
}

/*メニューバナー--------------------------------------*/
.product_top{
	margin: 0px 0px 0px 0px;
}
.product_topin{
	margin: 0px 10px 0px 0px;
}
.product_1{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	float: left;
	width: 350px;
}
.product_2{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	float:right;
	width: 350px;
}
.product_top img{
	margin: 0px 0px 0px 0px;
	width: 350px;
}

.product_top .product_txt{
	margin: 10px 0px 0px 0px;
	text-align: left;
	width: 330px;
	line-height: 160%;
}
@media screen and (max-width: 800px) {
.product_top{
	width: 100%;
	margin: 0px auto 0px auto;
}
.product_topin{
	margin: 0px 20px 0px 20px;
}
.product_1{
	width: 48%;
}
.product_2{
	width: 48%;
	padding: 10px 0px 10px 0px;
}
.product_top img{
	margin: 0px 0px 0px 0px;
	width: 100%;
}
.product_top .product_txt{
	margin: 10px 0px 0px 0px;
	text-align:left;
	padding: 0px 10px 0px 0px;
	width:auto;
}
}
@media screen and (max-width: 600px) {
.product_top{
	width: 100%;
	margin: 0px 0px 0px 0px;
}
.product_1{
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 100%;
}
.product_2{
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
	width: 100%;
}
.product_top img{
	margin: 0px 0px 0px 0px;
	width: 400px;
}
.product_top .product_txt{
	margin: 10px auto 0px auto;
	text-align:left;
	width: 370px;
	padding-right:20px;
}
}
@media screen and (max-width: 460px) {
.product_top img{
	margin: 0px 20px 0px 20px;
	width: 90%;
}
.product_top .product_txt{
	margin: 10px 10px 0px 20px;
	text-align:left;
	width: 90%;
	padding-right:20px;
}
}

/*リンク--------------------------------------*/
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha( opacity=70 )";
}

/*商材トップ--------------------------------------------------------------------------*/


.hachi_box{
	margin: 0px 0px 20px 0px;
	position: relative; 
	overflow: hidden;
}
@media screen and (max-width: 800px) {
	.hachi_box{
	margin: 0px auto 0px auto;
	width:730px;
	padding: 0px 0px 0px 10px;
}

}
@media screen and (max-width: 750px) {
	.hachi_box{
	width:550px;
}
}

@media screen and (max-width: 580px) {
	.hachi_box{
	width:370px;
}
.hachi_box li{
	margin: 0px 20px 0px 0px!important;
	height: 280px!important;
}

}
@media screen and (max-width: 380px) {
	.hachi_box{
	width:300px;
}
	.hachi_box li{
	margin: 0px 10px 0px 0px!important;
	width:140px!important;
	height: 270px!important;
}
.hachi_box .imgbox{
	width:140px!important;
	height:140px!important;
}
.hachi_box .imgbox img{
	width:140px!important;
}
}
.hachi_box ul{
	margin: 0px;
	padding: 0px;
	list-style:none;
	float: left;
}
.hachi_box li{
	margin: 0px 17px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style:none;
	float: left;
	width:165px;
	height: 300px;
}
.hachi_box .imgbox{
	margin: 0px 0px 0px 0px;
	border:solid 1px;
	border-color:#FF9900;
	width:165px;
	height:165px;
	padding:1px;
}
.hachi_box .imgbox img{
	width:100%;
}
.hachi_box .title{
	margin: 5px 0px 5px 0px;
	color:#FF9900;
	text-align:left;
}
.hachi_box .title a{
	color:#FF9900;
	text-decoration: none;
}

.hachi_box a:hover {
	color:#999999;
}
.hachi_box .txtbox{
	margin: 0px 0px 0px 0px;
	text-align:left;
}