@charset "UTF-8";
/*
商品ページ用CSS
*/

/*-----------------------------------------------------------------
共通設定
-----------------------------------------------------------------*/
.secWrapMb40{
	width:775px;
	margin:0 0 40px;
	overflow:hidden;
}

/*-----------------------------------------------------------------
商品大カテゴリ
-----------------------------------------------------------------*/
#item_catL{
	margin:20px 0 0 10px;
	overflow:hidden;
}
#item_catL li{
	float:left;
	width:245px;
	margin:0 10px 10px 0;
	border-top:solid 2px #a36c24;
}
#item_catL li .inner{
	border:solid 1px #ccc;
	border-top:none;
	overflow:hidden;
        height: 210px;
}
#item_catL li .inner h4{
	height:38px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
}
#item_catL li .inner h4 a{
	display:inline-block;
	padding:0 0 0 27px;
	background:url(img/common/arrow01_green.png) 9px center no-repeat;
	line-height:38px;
	font-size:85%;
	font-weight:bold;
}
#item_catL li .inner .middle{
	padding:0 10px 10px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
	overflow:hidden;
}
#item_catL li .inner .middle .img{
	float:left;
	width:105px;
	height:105px;
	overflow:hidden;
}
#item_catL li .inner .middle .img img{
	width:105px;
}
#item_catL li .inner .middle .right{
	float:right;
	width:105px;
	height:105px;
	position:relative;
}
#item_catL li .inner .middle .right .txt{
	text-align:justify;
	font-size:12px;
	color:#175800;
}
#item_catL li .inner .middle .right .btn{
	width:87px;
	height:20px;
	position:absolute;
	bottom:0;
	right:0;
}
#item_catL li .inner .pdf{
	height:23px;
	padding:0 10px 10px;
	overflow:hidden;
}
#item_catL li .inner .pdf .icon{
	float:left;
	width:22px;
	height:23px;
}
#item_catL li .inner .pdf .txt{
	float:right;
	font-size:11px;
}
#item_catL li .inner .pdf .txt a{
	float:right;
	line-height:23px;
	font-size:11px;
	color: #175800;
	text-decoration: underline;
}
#item_catL li .inner .pdf .txt a:hover{
	text-decoration: none;
}

/*-----------------------------------------------------------------
商品中カテゴリ（一覧）
-----------------------------------------------------------------*/
#catMlist_explain{
	width:755px;
	margin:20px auto 30px;
	overflow:hidden;
}
#catMlist_explain .img{
	float:left;
	width:218px;
	border:solid 1px #ccc;
}
#catMlist_explain .img img{
	display:block;
	width:214px;
	height:auto;
	border:solid 2px #fff;
}
#catMlist_explain .right{
	float:right;
	width:517px;
}
#catMlist_explain .right .txt{
	margin:0 0 20px;
	font-size:85%;
	text-align:justify;
}
#catMlist_explain .right .btn{
	text-align:right;
}
#item_catMlist{
	margin:20px 0 0 10px;
	overflow:hidden;
}
#item_catMlist li{
	float:left;
	width:245px;
	margin:0 10px 10px 0;
	border-top:solid 2px #a36c24;
}
#item_catMlist li .inner{
	height:100%;
	padding-bottom:10px;
	border:solid 1px #ccc;
	border-top:none;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
        height: 300px;
}
#item_catMlist li .inner h4{
	height:38px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
}
#item_catMlist li .inner h4 a{
	display:inline-block;
	padding:0 0 0 27px;
	background:url(img/common/arrow01_green.png) 9px center no-repeat;
	line-height:38px;
	font-size:85%;
	font-weight:bold;
}
#item_catMlist li .inner .img{
	width:218px;
	height:148px;
	margin:0 auto 10px;
	border:solid 1px #ccc;
	overflow:hidden;
}
#item_catMlist li .inner .img img{
	display:block;
	width:214px;
	height:auto;
	border:solid 2px #fff;
}
#item_catMlist li .inner .txt{
	margin:0 15px 5px;
	text-align:justify;
	font-size:12px;
}
#item_catMlist li .inner .btn{
	height:20px;
	margin:0 10px;
	text-align:right;
}

/*-----------------------------------------------------------------
商品中カテゴリ（詳細）
-----------------------------------------------------------------*/
#titlebar_catMdetail span{
	padding-left:5px;
	font-size:80%;
	font-weight:normal;
	color:#333;
}
#item_catMdetail{
	width:733px;
	margin:0 auto;
}
#item_catMdetail li{
	width:733px;
	padding:0 0 20px;
	margin:0 0 20px;
	border-bottom:dotted 1px #ccc;
	overflow:hidden;
}
#item_catMdetail li .left{
	float:left;
	width:145px;
}
#item_catMdetail li .left .img{
	width:143px;
	margin:0 0 10px;
	border:solid 1px #ccc;
	overflow:hidden;
}
#item_catMdetail li .left .img img{
	display:block;
	width:141px;
	border:solid 1px #fff;
}
#item_catMdetail li .left .btn{
	text-align:center;
}
#item_catMdetail li table{
	float:right;
	width:577px;
	font-size:80%;
}
#item_catMdetail li table th{
	width:20%;
	padding:8px 0x;
	background-color:#f4f1ec;
	border:solid 1px #ccc;
	text-align:center;
	font-weight:bold;
}
#item_catMdetail li table td{
	width:30%;
	padding:8px 10px;
	border:solid 1px #ccc;
}
#item_catMdetail li table td .price{
	color:#d03636;
	font-weight:bold;
}
#item_catMdetail li table td .before_sale{
        color: #000;
	font-weight: normal;
        text-decoration: line-through;
}

/*-----------------------------------------------------------------
商品詳細ページ
-----------------------------------------------------------------*/
.main_itemDetail .outline{
	width:750px;
	margin:20px auto 30px;
	overflow:hidden;
}
.main_itemDetail .outline .right{
	float:right;
	width:445px;
}
.main_itemDetail .outline .right table{
	width:445px;
	margin:0 0 10px;
	font-size:85%;
}
.main_itemDetail .outline .right table th{
	padding:8px 15px;
	background-color:#f4f1ec;
	border:solid 1px #ccc;
	font-weight:bold;
}
.main_itemDetail .outline .right table td{
	padding:8px 15px;
	border:solid 1px #ccc;
	text-align:left;
}
.main_itemDetail .outline .right table td .before_sale{
	font-weight: bold;
        text-decoration: line-through;
}
.main_itemDetail .outline .right table td .red{
	font-weight:bold;
	color:#d03636;
}
.main_itemDetail .outline .right table td .small{
	font-size:80%;
}
.main_itemDetail .outline .right table td a{
	text-decoration:underline;
	color:#d03636;
}
.main_itemDetail .outline .right table td a:hover{
	text-decoration:none;
}
.main_itemDetail .outline .right ul{
	width:439px;
	height:30px;
	margin:0 auto 5px;
	overflow:hidden;
}
.main_itemDetail .outline .right li{
	float:left;
}
.main_itemDetail .outline .right li.li01{
	margin-right:5px;
}
.main_itemDetail .caution{
	font-size:75%;
}
.main_itemDetail .caution span{
	color:#d03636;
}
.main_itemDetail .outline .img{
	float:left;
	width:288px;
	border:solid 1px #ccc;
}
.main_itemDetail .outline .img img{
	display:block;
	width:284px;
	border:solid 2px #fff;
}
.main_itemDetail #itemInfo{
	width:735px;
	margin:0 auto;
	overflow:hidden;
}
.main_itemDetail #itemInfo .upper{
	width:735px;
	margin:0 auto 30px;
	overflow:hidden;
}
.main_itemDetail #itemInfo .upper .left{
	float:left;
	width:490px;
}
.main_itemDetail #itemInfo .upper .left p{
	font-size:85%;
	line-height:160%;
}
.main_itemDetail #itemInfo .upper .left p a{
	text-decoration:underline;
	color:#d03636;
}
.main_itemDetail #itemInfo .upper .left p a:hover{
	text-decoration:none;
}
.main_itemDetail #itemInfo .upper .img{
	float:right;
	width:218px;
	border:solid 1px #ccc;
}
.main_itemDetail #itemInfo .upper .img img{
	display:block;
	width:214px;
	border:solid 2px #fff;
}
.main_itemDetail #itemInfo #itemInfo_menu01{
	width:714px;
	height:29px;
	margin:0 auto 20px;
	background:url(img/item/detail_menu01_bg.png) 0 0 no-repeat;
	text-align:center;
	font-size:85%;
}
.main_itemDetail #itemInfo #itemInfo_menu01 li{
	display:inline-block;
	margin:0 20px 0 0;
	line-height:29px;
}
.main_itemDetail #itemInfo #itemInfo_menu01 li a{
	padding:0 0 0 10px;
	background:url(img/common/arrow02_brown.png) 0 center no-repeat;
	line-height:29px;
}
.main_itemDetail #itemInfo #itemInfo_attention{
	padding:20px 20px 10px;
	margin:0 0 25px;
	border:solid 1px #ccc;
	border-top:none;
}
.main_itemDetail #itemInfo #itemInfo_attention h5{
	margin:0 0 20px;
	color:#c81313;
	font-weight:bold;
}
.main_itemDetail #itemInfo #itemInfo_attention ul{
	font-size:85%;
}
.main_itemDetail #itemInfo #itemInfo_attention li{
	padding:0 0 0 15px;
	margin:0 0 10px;
	background:url(img/item/list_bg.png) 0 5px no-repeat;
}
.main_itemDetail #itemInfo #itemInfo_attention li a{
	text-decoration:underline;
	color:#d03636;
}
.main_itemDetail #itemInfo #itemInfo_attention li a:hover{
	text-decoration:none;
}
.main_itemDetail #itemInfo #btnL{
	margin:0 10px 10px;
	overflow:hidden;
}
.main_itemDetail #itemInfo #btnL li{
	float:left;
	margin:0 10px 0 0;
}
.main_itemDetail #attention{
	width:689px;
	padding:10px 0 5px 25px;
	margin:0 auto;
	background-color:#f4f1ec;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}
.main_itemDetail #attention h6{
	margin:0 0 10px;
	font-weight:bold;
	color:#c81313;
}
.main_itemDetail #attention ul{
	overflow:hidden;
	font-size:75%;
}
.main_itemDetail #attention li{
	float:left;
	margin:0 0 7px;
}
.main_itemDetail #attention li.lineL{
	width:30%;
}
.main_itemDetail #attention li.lineM{
	width:30%;
}
.main_itemDetail #attention li.lineR{
	width:40%;
}
.main_itemDetail #attention li a{
	padding:0 0 0 13px;
	background:url(img/common/arrow02_brown.png) 0 center no-repeat;
}

/*+-+-+-+-+-+-+-+-+-+-ページナビ+-+-+-+-+-+-+-+-+-+-+-+-*/
.tablenav {
	color: #fff;
	margin: 30px auto;
	line-height: 2em;
	text-align: center;
	clear: both;
	font-size:100%;
	font-weight:bold;
}
.tablenav .current {
	color: #fff;
	padding: 5px 8px;
	border: solid 1px #ccc;
	background:#fff;
	text-decoration: none !important;
	background:#3b7c06;
	font-weight: bold;
}
a.page-numbers{
	color: #666;
	padding: 5px 8px;
	border: solid 1px #ccc;
	text-decoration: none !important;
}
a.page-numbers:hover {
	color: #fff !important;
	background: #3b7c06;
}

.tablenav .next,
.tablenav .prev {
	color:#666;
	border: 0 none;
	background: transparent;
	font-weight: bold;
	font-size:90%;
}

/*-----------------------------------------------------------------
検索フォーム
-----------------------------------------------------------------*/ 
#item_search_form{
    position: relative;
    padding-top: 30px;
    width: 755px;
    margin: 0 auto 25px
}
#item_search_form .title{
    position: absolute;
    height: 30px;
    line-height: 32px;
    width: 148px;
    text-align: center;
    border: 1px solid #cabdac;
    background-color: #eee8e1;
    border-bottom: 0;
    top: 0;
    z-index: 10;
}
#item_search_form .form{
    background-color: #eee8e1;
    border: 1px solid #cabdac;
    overflow: hidden;
    vertical-align: middle;
    padding: 22px 0 20px;
    z-index: 1;
}
#item_search_form form{
    overflow: hidden;
}
#item_search_form .column{
    float: left;
    margin-left: 16px;
}
#item_search_form .column label{
    font-size: 16px;
    vertical-align: middle;
}
#item_search_form .column select{
    font-size: 14px;
    width: 146px;
    vertical-align: middle;
}
#item_search_form .column .submit{
    background-image: url(./img/search/btn_search01.png);
    width: 90px;
    height: 26px;
    border: 0;
    padding: 0;
    display: inline-block; 
    font-size: 0; 
    line-height: 0; 
    background-color: transparent;
    cursor: pointer;
    vertical-align: middle;
}

