@charset "EUC-jp";
/* CSS Document */

/* ************************************************ 
 Reset CSS（リセット)
************************************************  */
body, html, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	word-wrap: break-word;
}

table {
	border-collapse: collapse;
}

img {
	border: none;
	vertical-align: middle;
}

input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
}

ul {
	list-style: none;
}

/* ************************************************ 
	Clear 回り込み解除
************************************************  */
.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	overflow: visible;
}

.clearfix:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}

.find:hover {
	opacity: 0.8;
	filter: Alpha(opacity=80);
	cursor: pointer;
}

/* ************************************************ 
	a マウスオーバー
************************************************  */
a {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
 	color: #858642;
	text-decoration: underline;
}

a:hover img,
a:hover img{
	opacity: 0.8;
	filter: Alpha(opacity=80);
}

.find:hover img {
	opacity: 1;
	filter: Alpha(opacity=100);
}


.more_page{
	color: #858642;
	text-decoration: underline;
}

.more_page a{
	color: #858642;
	text-decoration: underline;
}


/* ************************************************ 
 *  layout レイアウト
 * ************************************************ */
body {
  color: #333;
  font-size: 14px;
  /*font-family: Arial, Roboto,“Droid Sans”,"游ゴシック","YuGothic",“ヒラギノ角ゴ ProN W3″,“Hiragino Kaku Gothic ProN”,“メイリオ”,Meiryo,sans-serif;*/
  /*font-family: YuMincho,"游明朝","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;*/
font-family: Avenir, Verdana, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Osaka,Roboto, Meiryo, sans-serif;
  background: #FFF;
  line-height: 160%;
}

/*ヘッダー*/
#header_wrapper{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/header_bg.jpg?cmsp_timestamp=20540354) no-repeat top center;
	height: 159px;
	margin: 0;
}

#header{
	width: 980px;
	margin: 0 auto;
	position: relative;
	display: block;
}

/*コンテンツ*/
#top #container {
  width:980px;
  margin:0px auto 40px;
}

#container {
  width:980px;
  margin:20px auto 40px;
}

/*サイド*/
#side{
	width: 220px;
	float: left;
}

/*メイン*/
#main{
	width: 720px;
	float: right;
	text-align: left;
}

/*フッター*/
#footer_wrapper{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/footer_wrapper_bg.jpg) repeat-x bottom;
	height: 660px
}

#footer{
	background:url(https://img21.shop-pro.jp/PA01332/055/etc/footer_house.jpg) no-repeat center bottom;
	height: 660px;
}

.sold_out {
	margin: 0 0 3px;
	color: #FF0000;
}

/* **********************************
 *  header ヘッダー
 * ********************************** */
/*ロゴ*/
#header h1.logo{
	position: absolute;
	top: 33px;
	left: 23px;
}

#header h1.logo a{
  text-decoration: none;
}

#header h1.logo img{
  max-width: 100%;
}

/*会社説明文*/
#header .description{
	position: absolute;
	top: 65px;
	left: 330px;
}

/*ヘルプナビ*/
.help_navi_list{
	width: 637px;
	height: 44px;
	position: absolute;
	top:124px;
	left: 340px;
}

.help_navi_list li{
	margin: 0 14px 0 0;
	float: left;
}

.help_navi_list li.end{
	margin: 0;
	float: left;
}

/* ************************************************ 
 *  glovalnavi グローバルナビゲーション
 * ************************************************ */
#gloval_navi_wrapper{
	width: 100%;
	background: #858642;
}

.gloval_navi{
	width: 980px;
	margin: 0 auto;
}

.gloval_navi li{
	float: left;
}

/* ************************************************ 
 *  slider スライダー
 * ************************************************ */
#slider_wrapper{
	 background: #eff8d4;
	 height: 328px;
         padding: 20px 0 10px;
	 margin: 0 0 20px;
 }

 #slider_box{
	 width: 980px;
	 margin: 0 auto;
 }

.bx-wrapper .bx-viewport {
	background-color: transparent;
	border: none !important;
	left: 0px !important;
	-webkit-box-shadow: 0 0 0px !important;
	box-shadow: 0 0 0px !important;
}


/* ************************************************ 
 *  contents 
 * ************************************************ */

/* **********************************
 *  side 左サイド
 * ********************************** */
.business{
	margin: 0 auto 20px;
}

.serch_box{
	background: #858642;
	padding: 10px;
	margin: 10px auto 20px;
	border: none;
}

.searchfield{
	line-height: 23px;
	float: left;
}

.searchsubmit{
	float: right;
}

.input_text{
	width: 135px;
	height: 30px;
}

.serch_btn{
	float: right;
	border: none;
}

.box ul{
	margin: 0 0 40px;
}

.bn_box{
	margin: 0 0 20px;
}

.side_bn_box li{
	margin: 0 0 20px;
}


/* **********************************
 *  main　右サイド
/* ********************************** */

/* ************************************************ 
 *  common 全ページ共通
 * ************************************************ */
#bn_box{
	width: 980px;
	margin: 0 auto 40px;
}

#bn_box .bn_l{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/common_bn_bg.jpg) no-repeat center bottom;
	padding: 0 0 15px;
	float: left;
}

#bn_box .bn_r{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/common_bn_bg.jpg) no-repeat center bottom;
	padding: 0 0 15px;
	float: right;
}

#guide_box{
	width: 980px;
	margin: 0 auto;
}

.info_l{
	width: 480px;
	float: left;
}

.info_r{
	width: 480px;
	float: right;
}

h3.info_tit{
	margin: 0 0 10px;
}

#guide_box .txt_box{
	padding: 0 15px;
}

#guide_box p.txt{
	margin: 0 0 20px;
	padding-left: 1em;
    text-indent: -1em;
}

#guide_box p.txt:before{
	content:"・"	
}

/* **********************************
 *  footer  フッター
 * ********************************** */
#footer_inbox{
	width: 980px;
	height: 337px;
	margin: 0 auto;
	position: relative;
	display: block;
}

.pagetop{
	width: 227px;
	height: 37px;
	position: absolute;
	top: 260px;
	left: 640px;
	cursor: auto;
}

#footer_info{
	width: 980px;
	height: 279px;
	margin: 0 auto;
	position: relative;
	display: block;
}

.footer_logo{
	width:440px;
	height:77px;
	position: absolute;
	top: 102px;
	left: 28px;
}

.copyright{
	letter-spacing: 0.1em;
	position: absolute;
	top: 200px;
	left: 110px;
}

.footer_navi{
	width: 401px;
	height: 279px;
	position: absolute;
	top: 0px;
	right: 0;
}

.footer_navi li{
	float: left;
}


/* **********************************
 *  item　商品一覧
/* ********************************** */
/*商品枠*/
.item_box {
	width: 160px;
	padding: 0 8px;
	margin: 0 0 20px;
	text-align: center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 12px;
	vertical-align: top;
}

/*商品写真*/
.item_photo_box{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/item_bg_shadow.jpg) no-repeat center bottom;
	width: 160px;
	padding: 0 0 5px;
	margin: 0 auto;
}

.item_box .item_photo{
	width: 148px;
	border: 6px #E5F3B8 solid;
	margin: 0 auto;
}

.item_box .item_photo img.item{
	max-width: 100%;
	height: auto;
	padding: 10px 0;
}

.item_box .item_detail{
	width: 160px;
	padding: 10px 0;
	color: #000;
	margin: 0 auto;
}

.item_box .item_detail .item_name{
	padding: 0 0 3px;
	margin: 0 0 3px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px #CCC dotted;
}

.item_box .item_detail .item_price{
	padding: 0 0 3px;
	margin: 0 0 3px;
	color: #000;
	border-bottom: 1px #CCC dotted;
}

.item_box .item_detail .item_price span.txt{
	padding: 0 5px 0 0;
}

.item_box .item_detail .member_price{
	padding: 0 0 3px;
	margin: 0 0 3px;
	color: #84B71A;
	font-weight: bold;
	border-bottom: 1px #CCC dotted;
}

.item_box .item_detail .member_price span.txt{
	padding: 0 5px 0 0;
}


.item_box .item_detail .item_catchcopy{
	margin: 0 0 3px;
	font-size: 12px;
	font-weight: bold;
}

.item_box .item_detail .more_detail{
	padding: 3px 0;
}

/*商品枠*/
.item_box {
	width: 160px;
	padding: 0 8px;
	margin: 0 0 20px;
	text-align: center;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	font-size: 12px;
	vertical-align: top;
}

/*商品写真*/
.item_photo_box{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/item_bg_shadow.jpg) no-repeat center bottom;
	width: 160px;
	padding: 0 0 5px;
	margin: 0 auto;
}

.item_box .item_photo{
	width: 148px;
	border: 6px #E5F3B8 solid;
	margin: 0 auto;
}

.item_box .item_photo img.item{
	max-width: 100%;
	height: auto;
	padding: 10px 0;
}

.item_box .item_detail{
	width: 160px;
	padding: 10px 0;
	color: #000;
	margin: 0 auto;
}

.item_box .item_detail .item_name{
	padding: 0 0 3px;
	margin: 0 0 3px;
	color: #000;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px #CCC dotted;
}

.item_box .item_detail .item_price{
	padding: 0 0 3px;
	margin: 0 0 3px;
	color: #000;
	border-bottom: 1px #CCC dotted;
}

.item_box .item_detail .item_price span.txt{
	padding: 0 5px 0 0;
}

.item_box .item_detail .member_price{
	padding: 0 0 3px;
	margin: 0 0 3px;
	color: #84B71A;
	font-weight: bold;
	border-bottom: 1px #CCC dotted;
}

.item_box .item_detail .member_price span.txt{
	padding: 0 5px 0 0;
}


.item_box .item_detail .item_catchcopy{
	margin: 0 0 3px;
	font-size: 12px;
	font-weight: bold;
}

.item_box .item_detail .more_detail{
	padding: 3px 0;
}


.item_box .item_detail p.item_name {
}

.item_box .item_detail p.item_regular_price {
}

.item_box .item_detail p.item_price {
}

.item_box .item_detail p.item_discount {
}

/* **********************************
 *  breadcrumb　パンくず
/* ********************************** */
.breadcrumb{
	width: 720px;
	font-size: 12px;
}

.breadcrumb li{
	padding: 0 2px;
	float: left;
}

/* ************************************************ 
	aline テキスト位置
************************************************  */
.aline_l{text-align: left;}
.aline_c{text-align: center;}
.aline_r{text-align: right;}



/* ************************************************ 
 free　（フリーページ）
************************************************  */
#free{
	width: 720px;
	margin: 0 0 20px;
}

.free_box{
	width: 700px;
	padding: 0 10px;
	margin: 0 0 40px;
}

h2.free_title{
	margin: 0 auto 20px;
	text-align: center;
}

h3.free_title{
	margin: 0 auto 20px;
	text-align: center;
}


/* *****************************
 　余白（江戸屋のOEM）
********************************  */
.mb0{margin: 0 0 0 0;}
.mb5{margin: 0 0 5px 0;}
.mb10{margin: 0 0 10px 0;}
.mb15{margin: 0 0 15px 0;}
.mb20{margin: 0 0 20px 0;}
.mb30{margin: 0 0 30px 0;}
.mb40{margin: 0 0 40px 0;}


/* *****************************
 　about（江戸屋のこだわり）
********************************  */
.about_box{
	padding: 0 0 20px;
	margin: 0 0 20px;
}

h2.about_title{
	background: URL(http://img21.shop-pro.jp/PA01332/055/etc/title_common_bg.jpg) no-repeat;
	width: 720px;
	height: 60px;
	padding: 15px 0 0 50px; 
	margin: 0 auto;
	font-size: 20px;
	font-weight: bolder !important;
}

.history{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/about_bg.jpg) no-repeat;
	width: 720px;
	height: 1080px;
	position: relative;
	display: block;
}

.txt_box01{
	width: 330px;
	height: 250px;
	position: absolute;
	top: 210px;
	left: 360px;
}

.txt_box02{
	width: 670px;
	height: 80px;
	position: absolute;
	top: 512px;
	left: 18px;
}

.txt_box03{
	width: 326px;
	height: 110px;
	position: absolute;
	top: 930px;
	left: 18px;
}

.about_kodawari_box{
	width: 710px;
	padding: 0 0 20px 10px;
	margin: 0 0 20px;
	border-bottom: 1px #CCC solid;
}

.kodawari_txtbox{
	margin: 0 0 0 80px;
}

.arrow{
	padding: 0 0 0 20px;
}

.point_box{
	float: left;
}

.pointo_box h5{
	margin: 0 0 10px;
}

.pointo_photo{
	float: right;
}

.kodawari_inbox{
	width: 710px;
	padding: 0 0 20px 10px;
	margin: 0 0 20px;
	border-bottom: 1px #CCC solid;
}

.kodawari_inbox_l{
	width: 500px;
	float: left;
}

.kodawari_inbox_r{
	width: 143px;
        padding: 20px 0 0;
	float: right;
}


/* *****************************
 　oem（江戸屋のOEM）
********************************  */
.flow_box{
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px #CCC solid;
}

h4.flow_title{
	width: 50%;
	float: left;
}

.flow_txt{
	width: 45%;
	padding: 20px 0 0;
	float: right;
	text-align: left;
}

.case_box{
	width: 720px;
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/oem_case_shadow.jpg) no-repeat bottom center;
	padding: 0 0 19px;
	margin: 0 0 10px;
}

.hearing_case li{
	margin: 0 0 0 20px;
	list-style: disc;
	list-style-position: outside;
}

/* *****************************
 　factory-tour（工場見学）
********************************  */
.factory-tour_guide p{
	padding: 0 20px;
}

.factory-tour_box{
	width: 720px;
	padding: 0 0 20px;
	margin: 0 0 20px;
	border-bottom: 1px #CCC solid;
}

.factory-tour_info{
	width: 720px;
	padding: 20px 0;
	border-top: 1px #CCC solid;
}

.factory-tour_info dt{
	width: 60px;
	padding: 0 30px;
	color: #858642;
	font-weight: bolder;
	float: left;
	display: inline;
}

.factory-tour_info dd{
	width: 560px;
	padding: 0 20px;
	float: right;	
	display: inline;
}

.factory-tour_photo{
	width: 680px;
	padding: 20px;
 	display:table;
	table-layout: fixed;
}

.factory-tour_photo .factory_photo{
    display:table-cell;
    vertical-align:middle;
    text-align:center;
}

.factory-tour_map{
	background: #dfe4ce;
	width: 680px;
	padding: 20px;
	margin: 0 0 40px;
}

.factory-tour_map .gmap{
	width: 400px;
	float: left;
}

.factory-tour_map .map_info{
	width: 260px;
	float: right;
	text-align: left;
}

.factory-tour_map h4.title{
	background: #84b71a;
	width: 260px;
	margin: 0 0 10px;
	color: #FFF;
	line-height: 30px;
	text-align: center;
}


/* *****************************
 　company（会社案内）
********************************  */
h2.company_title{
	background: URL(http://img21.shop-pro.jp/PA01332/055/etc/title_common_bg.jpg) no-repeat;
	width: 720px;
	height: 60px;
	padding: 15px 0 0 50px; 
	margin: 0 auto;
	font-size: 20px;
	font-weight: bolder !important;
}

table.company_list{
	width: 660px;
	margin: 0 auto 60px;
	border-top: 1px #e8e8e8 solid;
	border-right: 1px #e8e8e8 solid;
	text-align: center;
}

table.company_list th{
	background: #f1f5f1;
	width: 25%;
	padding: 10px 20px;
	border-bottom: 1px #e8e8e8 solid;
	border-left: 1px #e8e8e8 solid;
	text-align: left;
}

table.company_list td{
	width: 70%;
	padding: 10px 20px;
	border-bottom: 1px #e8e8e8 solid;
	border-left: 1px #e8e8e8 solid;
	text-align: left;
}

.accessmap_box{
	width: 660px;
	margin: 0 auto;
}

/* *****************************
 　noshi（熨斗について）
********************************  */
.noshi_info{
	margin: 0 0 20px;	
}

.noshi_info li{
	padding: 0 0 0 20px;
	margin: 0 0 5px;
	list-style: disc;
	list-style: inside;
}

.omotegaki_list{
	width: 700px;
	padding: 20px;
	margin: 0 0 20px;
}



/* *****************************
 　noshi（熨斗について）
********************************  */
.noshi_info{
	margin: 0 0 20px;	
}

.noshi_info li{
	padding: 0 0 0 20px;
	margin: 0 0 5px;
	list-style: disc;
	list-style: inside;
}

.omotegaki_list{
	width: 700px;
	padding: 20px;
	margin: 0 0 20px;
}

.omotegaki_list dt{
	width: 80px;
	float: left;
	display: inline;
}

.omotegaki_list dd{
	width: 595px;
	float: left;
}

span.more_tesage{
        padding: 0 0 0 20px;
        text-decoration: underline;
}


/* *****************************
 　faq（よくあるご質問）
********************************  */
.faq_box{
	width: 700px;
	padding: 0 10px 20px;
	margin: 0 0 20px;
	border-bottom: 1px #CCC solid;
}

.q_txt{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/faq_icn_q.jpg) no-repeat left center;
	margin: 0 0 20px;
	padding: 10px 0 10px 50px;	
	color: #858642;
	font-weight: bolder;
}

.a_box{
	background: url(https://img21.shop-pro.jp/PA01332/055/etc/faq_icn_a.jpg) no-repeat left top;
	padding: 10px 0 0 50px;
	margin: 0 0 20px 20px;
}

.faq_photo{
    display:table-cell;
    vertical-align:middle;
    text-align: right;
}

.faq_photo img{
	margin: 0 5px 0 0;
}


/* *****************************
 　tyouji（弔事用）
********************************  */
.tyouji_box{
	width: 720px;
	padding: 0 0 20px;
	margin: 0 auto 20px;
	border-bottom: 1px #CCC solid;
}

.tyouji_contact_list{
	margin: 0 0 20px;
}

.tyouji_contact_list li{
	margin: 0 0 0 20px;
	list-style: disc;
	list-style-position: outside;
}

.tyouji_exsample_box{
	width: 220px;
	margin: 0 10px 20px;
	float: left;
	text-align: center;
}

.tyouji_exsample_box .exsample_number{
	margin: 0 0 10px;
	font-weight: bolder;
}

.tyouji_exsample_box img{
	margin: 0 0 10px;
}

.tyouji_exsample_box .exsample_name{
	margin: 0 0 5px;
	font-weight: bolder;
}

.tyouji_exsample_box .exsample_info{
	padding: 0 5px;
	margin: 0 0 5px;
	text-align: left;
}