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

/*===============
サイズ調整：デフォルトは（w800:左メニュー:3カラム)
===============*/
body{
	text-align:center;
	font:13px/20px "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic",sans-serif;
}
#body{
	margin:0px auto;
	width:920px;
	border:none;
	text-align:left;
}
#header{
	margin:0 0 20px 0;
	padding:0 10px;
}
#naka{
	clear:both;
	padding:0 10px 10px 10px;
}
#footer{clear:both;padding:10px;text-align:center;}
#footer .fot{border-top:1px solid #999;padding:20px 0 5px;}

/*headerのサイズ調整*/
h1{
	height:20px;
	line-height:19px;
	border-bottom:none;
	text-align:right;
	padding-right:5px;
	margin:0 0 20px 0;/*上部のスペースはココのマージンボトムを変更してください。*/
}
h2{
	border:none;
	padding:0;
	background:none;
}
h2 img{
	margin:0;
}
h2.titlebase{
	background:#F5F2F1;
	border-left:#A3C5AB solid 1em;
	padding-left:10px;
}

#mark{
	float:left;
	width:120px;
	height:60px;
	margin-bottom:5px;
	vertical-align:middle;
	text-align:center;
}
#kanban{
	float:right;
	width:755px;
	height:50px;
	padding:10px 20px 0 0;
	vertical-align:middle;
/*	text-align:center;*/
	text-align:right;
	margin-bottom:5px;
}
#top #kanban{height:50px;}
#top #mark{height:60px;}
#nabi{height:50px;clear:both;}

#kanban .fb-like{
	float:right;

}




/*nakaのサイズ調整*/
#main{
	float:right;
	width:640px;
}
#top #main,#top #aside{
	margin-top:20px;
}
#pankz{
	height:25px;
	padding:0px 0px 10px 10px;
}
#content{
	padding:0 0 10px 10px;
	float:left;
	width:630px;
}
#top #content{
	width:425px;
}
#bside{
	float:right;
	width:192px;
	padding:0px 0 50px 7px;
	/*border-left:1px solid #ccc;*/
}
#aside{float:left;width:240px;}


.marulist{
	color:#3C1D0A;
	background:url('img/shoplistBk01.gif') no-repeat 0 50%;
	padding:4px 0 4px 20px;
}


/*===============
グローバルナビ調整
===============*/
#nabi dl.catnabi{
	height:50px;
	margin:0;
	background:url('img/naviBk.gif') no-repeat #fff;
}
#nabi dl.catnabi dt,
#nabi dl.catnabi dd{
	padding:0;
	float:left;
	white-space:nowrap;
	overflow:hidden;
}

#nabi dt a,#nabi dd a{
	display:block;
	height:50px;
	padding:0;
	text-align:center;
	border:none;
}
#nabi dd a{
	border-left: 1px solid #868686;
	border:none;
}

#nabi dt a:hover,#nabi dd a:hover{background:none;}

#nabi dl.catnabi dt.catbut{width:130px;}
#nabi dl.catnabi dd.catbut{width:128px;}

#nabi dl.catnabi dt.catbut.no1 a{background:url('img/navi_01.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no2 a{background:url('img/navi_02.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no3 a{background:url('img/navi_03.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no4 a{background:url('img/navi_04.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no5 a{background:url('img/navi_05.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no6 a{background:url('img/navi_06.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no7 a{background:url('img/navi_07.gif') no-repeat 50% 0;}

#nabi dl.catnabi dt.catbut.no1 a:hover{background:url('img/navi_01h.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no2 a:hover{background:url('img/navi_02h.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no3 a:hover{background:url('img/navi_03h.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no4 a:hover{background:url('img/navi_04h.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no5 a:hover{background:url('img/navi_05h.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no6 a:hover{background:url('img/navi_06h.gif') no-repeat 50% 0;}
#nabi dl.catnabi dd.catbut.no7 a:hover{background:url('img/navi_07h.gif') no-repeat 50% 0;}

body.catid2 #nabi dl.catnabi dd.catbut.no2 a{background:url('img/navi_02h.gif') no-repeat 50% 0;}
body.catid1 #nabi dl.catnabi dd.catbut.no3 a{background:url('img/navi_03h.gif') no-repeat 50% 0;}
body.catid5 #nabi dl.catnabi dd.catbut.no4 a{background:url('img/navi_04h.gif') no-repeat 50% 0;}
body.catid6 #nabi dl.catnabi dd.catbut.no5 a{background:url('img/navi_05h.gif') no-repeat 50% 0;}
body.itemid328 #nabi dl.catnabi dd.catbut.no6 a{background:url('img/navi_06h.gif') no-repeat 50% 0;}
body.itemid327 #nabi dl.catnabi dd.catbut.no7 a{background:url('img/navi_07h.gif') no-repeat 50% 0;}


/*============================
　アサイドメニュー
==============================*/
#aside a.asidetop{
	display:block;
	height:40px;
	padding-left:10px;
}

#aside dl.categorylist{
	border:none;
	padding:0;
	margin:40px 15px 20px 15px;
}
#aside dl.categorylist dd.catbut{display:none;}
#aside dl.categorylist dd.itembut.no{display:none;}
#aside dl.categorylist dd.catbut.yes a{background:none;}

#aside dl.categorylist dd li{
	border-bottom:1px dotted #a99c93;
	padding:5px 0;
	background:#f7f4f3;
}
#aside dl.categorylist dd ul a{
	background:#f7f4f3;
	display:block;
	white-space:nowrap;
	overflow:hidden;
	border:none;
	padding:8px 0 2px 13px;
	color:#3c1d0a;
	height:20px;
/*	font-family:serif;*/
	font-weight:bold;
	font-size:103%;
}

#aside dl.categorylist dd ul a.yes,
#aside dl.categorylist dd ul a:hover{
	background:#fff;
	color:#3c1d0a;
	padding-left:10px;
	border-left:3px solid #3c1d0a;
}
/*公開サーバ*/
#aside dl.categorylist dd ul a.itemid13:hover,
#aside dl.categorylist dd ul a.itemid14:hover,
#aside dl.categorylist dd ul a.itemid21:hover,
#aside dl.categorylist dd ul a.itemid22:hover{
	background:url('img/jigyobuSubBk.gif') no-repeat #fff;
	border-left:3px solid #3c1d0a;
	padding-left:35px;
}
#aside dl.categorylist dd ul a.yes.itemid13,
#aside dl.categorylist dd ul a.yes.itemid14,
#aside dl.categorylist dd ul a.yes.itemid21,
#aside dl.categorylist dd ul a.yes.itemid22{
	background:url('img/jigyobuSubBk.gif') no-repeat #fff;
	border-left:3px solid #3c1d0a;
	padding-left:35px;
}
#aside dl.categorylist dd ul a.itemid13,
#aside dl.categorylist dd ul a.itemid14,
#aside dl.categorylist dd ul a.itemid21,
#aside dl.categorylist dd ul a.itemid22{
	background:url('img/jigyobuSubBk.gif') no-repeat;
	border-left:3px solid #f7f4f3;
	padding-left:35px;
}
/*ローカルサーバ
#aside dl.categorylist dd ul a.itemid399:hover,
#aside dl.categorylist dd ul a.itemid400:hover,
#aside dl.categorylist dd ul a.itemid401:hover,
#aside dl.categorylist dd ul a.itemid402:hover{
	background:url('img/jigyobuSubBk.gif') no-repeat #fff;
	border-left:3px solid #3c1d0a;
	padding-left:35px;
}
#aside dl.categorylist dd ul a.yes.itemid399,
#aside dl.categorylist dd ul a.yes.itemid400,
#aside dl.categorylist dd ul a.yes.itemid401,
#aside dl.categorylist dd ul a.yes.itemid402{
	background:url('img/jigyobuSubBk.gif') no-repeat #fff;
	border-left:3px solid #3c1d0a;
	padding-left:35px;
}
#aside dl.categorylist dd ul a.itemid399,
#aside dl.categorylist dd ul a.itemid400,
#aside dl.categorylist dd ul a.itemid401,
#aside dl.categorylist dd ul a.itemid402{
	background:url('img/jigyobuSubBk.gif') no-repeat;
	border-left:3px solid #f7f4f3;
	padding-left:35px;
}*/

/*===============
文字サイズ
===============*/
h1{font-size:77%;}
h2,h3{font-size:114%;}
h4,h5{font-size:107%;}
h6{}
dt{font-size:107%;}
#kanban{font-size:88%;}
#pankz{font-size:88%;}

/*===============
文字カラー
===============*/
body{color:#3c1d0a;}/*文字色*/

a{color:#3C1D0A;}/*リンク色*/
a:hover {
	color:#3C1D0A;
	text-decoration:underline;}
h1{color:#ccc;font-weight:normal;}
h2 a,h3 a,h4 a,h5 a,h6 a{color:#3c1d0a;}
dt a,dd a{color:#003399; text-decoration:underline;}
dt a:hover,dd a:hover {color:#003399;}


/*===============
背景設定
===============*/
body{
	background:#fff;
/*	background:url(img/h1bk.gif) repeat-x #fff*/
}
#body{background:none;
/*	background:url(../img/grid.gif);*/
}

#header{background:none;}
#naka{}
#aside{
	background:#f7f4f3;
}
#top #aside{
	background:#FFFFFF;
}
#main{}
#content{}
#bside{}
#footer{}

h1{background:none;}
#mark{background:#fff}
#kanban{background:#fff}
#nabi{}


/*===============
ページ毎の設定：私たちのお店カテゴリトップ
===============*/
a.popup_ki img{
	background:#ffffff;
	padding: 1px 0 0 0;
}
a.popup_ki:hover img{
	background:#ffffd0;
	padding: 0 0 1px 0;
}
.shopList{
	margin:40px 0 0 20px;
	border-bottom:1px dotted #3c1d0a;
}
.shopList .tempo{
	padding:9px 0 10px 0;
	border-top:1px dotted #3c1d0a;
	clear:both;
}
.shopList .tempo .leftbox{
	width:210px;
}
.shopList .tempo .leftbox h3{
	font-size:100%;
	border:none;
	margin-left:-20px;
	padding:0;
}
.shopList .tempo .leftbox h3 a{
	background:url('img/shoplistBk01.gif') no-repeat 0 50%;
	color:#003399;
	text-decoration:underline;
	padding:3px 0 2px 20px;
}
.shopList .tempo .leftbox h3 a:hover{
	color:#003399;
}
.shopList .tempo .rightbox{
	width:380px;
}
.shopList .tempo .rightbox dd{
	font-size:93%;
	margin:0;
	padding:0;
}
.shopList .tempo .rightbox dd.desc{
	font-size:88%;
	background:#f7f4f3;
	margin:5px 0 10px 0;
	padding:5px 5px 5px 8px;
}
/*===============
ページ毎の設定：私たちのお店紹介ページ
===============*/
#shop_sub_imgs,
#shop_data,
#shop_info,
#shop_recommend{
	clear:both;
	margin-bottom:25px;
}
#shop_data h3,
#shop_info h3,
#shop_recommend h3{
	border:none;
	margin-left:-15px;
	margin-bottom:15px;
}
h2.shop_title{
	float:left;
	margin-left:5px;
}
h2.shop_title span.sub{
	font-size:77%;
	font-weight:normal;
}
#shop_top{
	clear:both;
}
#shop_top .shop_copy{
	height:200px;
}
#shop_top .shop_sub_copy{
	height:60px;
	background:#f7f4f3;
	padding:5px;
}
#shop_sub_imgs{
	padding-top:10px;
}
#shop_sub_imgs img{
	border:1px #fff solid;
	margin-right:10px;
}
#shop_data dt{
	margin-top:10px;
	margin-bottom:10px;
}
#shop_data iframe.shop_map{
	float:right;
	height:330px;
	width:330px;
	border:none;
}
.google_map{
	background:url('img/shoplistBk01.gif') no-repeat 0 50%;
	line-height:12px;
	padding:4px 0 4px 20px;
	margin-top:20px;
}
#shop_data dd.google_map a{
	color:#003399;
	text-decoration:underline;
}
#shop_data dd.google_map a:hover{
	color:#003399;
}
p.sub{
	background:url('img/shoplistBk01.gif') no-repeat 0 50%;
	line-height:12px;
	padding:5px 0 3px 20px;
	margin-top:10px;
	margin-bottom:15px;
	color:#9BC1A3;
}
#shop_info dl,#shop_recommend dl {
	border-bottom:1px dotted #3c1d0a;
	padding-bottom:20px;
	margin-bottom:20px;
	zoom: 100%;
}
#shop_info dl:after,#shop_recommend dl:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#shop_info dt,#shop_recommend dt {
	width:150px;
	padding-left:20px;
	float:left;
}
#shop_info dd,#shop_recommend dd {
	width:450px;
	float:left;
}


/*===============
ページ毎の設定：会社概要
===============*/
#comp_prof dl {
	padding:10px 0 9px;
	border-bottom:1px dotted #3c1d0a;
	clear:both;
	zoom: 100%;
}
#comp_prof dl:after {
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#comp_prof dt {
	float:left;
	width:100px;
}
#comp_prof dd {
	float:right;
	width:520px;
}
#comp_prof a{
	color:#003399;
	text-decoration:underline;
}
#comp_prof a:hover{
	color:#003399;
}


/*===============
ページ毎の設定：事業部カテゴリートップ
===============*/
#jigyoubu{
	margin:20px 0 0 40px;
	background:url('img/jigyoubu_top_bk.jpg') no-repeat 0 0;
	width:540px;
	height:400px;
}
#jigyoubu a.but01{display:block;background:url('img/jigyoubu_top_but11.gif') no-repeat;float:left;}
#jigyoubu a.but02{display:block;background:url('img/jigyoubu_top_but12.gif') no-repeat;float:right;}
#jigyoubu a.but03{display:block;background:url('img/jigyoubu_top_but13.gif') no-repeat;float:left;margin-top:120px;}
#jigyoubu a.but04{display:block;background:url('img/jigyoubu_top_but14.gif') no-repeat;float:right;margin-top:120px;}
#jigyoubu a.but01:hover{background:url('img/jigyoubu_top_but01.gif') no-repeat;}
#jigyoubu a.but02:hover{background:url('img/jigyoubu_top_but02.gif') no-repeat;}
#jigyoubu a.but03:hover{background:url('img/jigyoubu_top_but03.gif') no-repeat;}
#jigyoubu a.but04:hover{background:url('img/jigyoubu_top_but04.gif') no-repeat;}


/*===============
ページ毎の設定：リテール事業部
===============*/
#bontique{clear:both;padding-top:40px;}
#bontique dl{
	padding:10px 0 9px;
	border-bottom:1px dotted #3c1d0a;
	clear:both;
	font-size:93%;
	zoom: 100%;
}
#bontique dl:after{
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#bontique dt{float:left;width:240px;}
#bontique dd{float:right;width:380px;}
#bontique a{color:#003399; text-decoration:underline;}
#bontique a:hover{color:#003399;}

/*===============
ページ毎の設定：営業部
===============*/
#vente{clear:both;padding-top:40px;}
#vente dl{
	padding:10px 0 9px;
	border-bottom:1px dotted #3c1d0a;
	clear:both;
	font-size:93%;
	zoom: 100%;
}
#vente dl:after{
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}
#vente dt{float:left;width:240px;}
#vente dd{float:right;width:380px;}
#vente a{color:#003399; text-decoration:underline; }
#vente a:hover{color:#003399;}

/*===============
ページ毎の設定：ＷＥＢ
===============*/

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



/*===============
ページ毎の設定：私たちの会社カテトップ
===============*/
#presentation{
	margin-top:20px;
}
#presentation dl{
	float:left;
	width:180px;
	height:115px;
	background:url('img/kaisya.gif') no-repeat 50% 0;
	padding:10px 15px 0 15px;
}
#presentation dl dt{
	text-align:center;
	padding-bottom:25px;
}
#presentation dl dd{
	font-size:83%;
	line-height:22px;
}
#presentation dl dd.kaisya_click{
	margin:0;
	padding:0;
	line-height:10px;
	text-align:right;
}

/*===============
ページ毎の設定：オリジナルブランドカテトップ
===============*/

.org_brand_box{
	padding:10px 0 9px;
	border-bottom:1px dotted #3c1d0a;
	zoom: 100%;
}
.org_brand_box:after{
	content: " ";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

/*===============
ページ毎の設定：サイトマップ
===============*/
#siteMap{margin-top:30px;}
#siteMap dl{
	width:250px;
	float:left;
	margin:0 0 30px 30px;
	padding:0 0 10px 10px;
	border-bottom:1px dotted #3c1d0a;}
#siteMap dl dt{}
#siteMap dl dd{margin-left:30px;}
#siteMap dl dd ul{margin-left:10px;}
#siteMap dt a {
	color:#3C1D0A;
	background:url('img/shoplistBk01.gif') no-repeat 0 50%;
	padding:4px 0 4px 20px;
	text-decoration:underline;
}
#siteMap dd a {
	color:#003399;
	background:url('img/shoplistBk01.gif') no-repeat 0 50%;
	padding:4px 0 4px 20px;
	text-decoration:underline;
}
#siteMap dt a:hover {text-decoration:none;}
#siteMap dd a:hover {text-decoration:none;}


/*===============
トップページのイメージナビ
===============*/
table#my_brands{}
table#my_brands td a{display:block;width:105px;height:140px;margin:0 1px 1px 0;}
table#my_brands td.br01 a{background:url('../../../media/1/top_105_140_01g.jpg') no-repeat;}
table#my_brands td.br01 a:hover{background:url('../../../media/1/top_105_140_01.jpg') no-repeat;}
table#my_brands td.br02 a{background:url('../../../media/1/top_105_140_02g.jpg') no-repeat;}
table#my_brands td.br02 a:hover{background:url('../../../media/1/top_105_140_02.jpg') no-repeat;}
table#my_brands td.br03 a{background:url('../../../media/1/top_105_140_03g.jpg') no-repeat;}
table#my_brands td.br03 a:hover{background:url('../../../media/1/top_105_140_03.jpg') no-repeat;}
table#my_brands td.br04 a{background:url('../../../media/1/top_105_140_04g.jpg') no-repeat;}
table#my_brands td.br04 a:hover{background:url('../../../media/1/top_105_140_04.jpg') no-repeat;}
table#my_brands td.br05 a{background:url('../../../media/1/top_105_140_05g.jpg') no-repeat;}
table#my_brands td.br05 a:hover{background:url('../../../media/1/top_105_140_05.jpg') no-repeat;}
table#my_brands td.br06 a{background:url('../../../media/1/top_105_140_06g.jpg') no-repeat;}
table#my_brands td.br06 a:hover{background:url('../../../media/1/top_105_140_06.jpg') no-repeat;}
table#my_brands td.br07 a{background:url('../../../media/1/top_105_140_07g.jpg') no-repeat;}
table#my_brands td.br07 a:hover{background:url('../../../media/1/top_105_140_07.jpg') no-repeat;}
table#my_brands td.br08 a{background:url('../../../media/1/top_105_140_08g.jpg') no-repeat;}
table#my_brands td.br08 a:hover{background:url('../../../media/1/top_105_140_08.jpg') no-repeat;}

/*===============
test01用CSS
===============*/
.test01 table#my_brands{}
.test01 table#my_brands td a{display:block;width:105px;height:105px;margin:0 1px 1px 0;}

/*===============
test02用CSS
===============*/
.test02 table#my_brands{}
.test02 table#my_brands td a{display:block;width:105px;height:105px;margin:0 1px 1px 0;}

/*===============
test03用CSS
===============*/
#main_board{width:900px;height:200px;background:#333;}
#main_img{width:600px;height:200px;float:left;}
#main_coment{
	position:relative;
	top:40%;
	min-height:20px;
	width:280px;
	padding:0 5px;
	float:right;color:#efefef;
	text-align:center;
	font-size:113%;
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}

/*===============
test04用CSS
===============*/
.test04 table#my_brands{}
.test04 table#my_brands td a{display:block;width:105px;height:105px;margin:0 1px 1px 0;}

/*===============
おススメしたい商品の追加CSS
===============*/
.item_desc{
	float:right;
	width:300px;
	margin-right: 20px;
}
.item_desc h3, .item_desc p, .item_value h3, .item_value th,.item_value td{
	font-family:'ヒラギノ明朝 Pro W3','Hiragino Mincho Pro','ＭＳ Ｐ明朝','MS PMincho',serif;
}
.item_desc h3{
	margin-left: -20px;
	margin-top: 50px;
	border:none;
	font-size:100%;
}
.item_desc p{
	font-size:93%;
}
.item_value{
	clear: both;
}
.item_value h3{
	font-size:100%;
	margin-bottom: 20px;
}
.item_value th,.item_value td{
	font-weight: normal;
	font-size:93%;
	text-align: center;
}