@charset "utf-8";

/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: Verdana, Geneva, sans-serif;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */


html {
	overflow: scroll;
}

body {
	color: #4c4c4c;
	font: 12px verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	line-height: 1.7;
	background: #fff;
	overflow: hidden;
}

img { vertical-align: top; border: none; }
img { width: 100%; }
p { font-size: 12px; padding: 0 10px 0; }

/* リンク設定
------------------------------------------------------------*/
a:link, a:visited, a:active { color: #170c17; text-decoration: underline;}
a:hover { color: #170c17; text-decoration: none; }

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}

/* 全体
------------------------------------------------------------*/
#wrapper {
	margin: 0 auto;
	width: 100%;
	clear: both;
}

/* ヘッダー
------------------------------------------------------------*/
header {
	width: 100%;
	border-bottom: solid 1px #170E17;
	margin-bottom: 30px;
	display: block;
}
.hdInner {
	margin: 0 auto;
	padding: 30px 0;
	width: 100%x;
	display: block;
}

/* ロゴ */
#logo {
	margin: 0 auto;
	text-align: center;
	display: block;
}
#logo img, h1 img { width: 60%; }



/* メイン
------------------------------------------------------------*/
.main { margin-bottom: 30px; }
.main h1 { margin: 20px 0 10px; color: #170C17; font-size: 18px; font-weight: bold; text-align: center; padding: 0 10px 0; }
.main h2 { margin: 20px 0 10px; color: #170C17; font-size: 16px; font-weight: bold; text-align: center; padding: 0 10px 0; }

.ban_gooda {
	margin-bottom: 15px;
	text-align: center;
}

/* section */
section {
	margin: 30px 0;
	width: 100%;
}
section img { margin: 0 0 20px; }


.sec01 h2 {
	padding: 7px; margin-bottom: 20px;
	color: #010836; font-size: 16px; font-weight: bold;
	border-top: solid 1px #010836;
	border-bottom: solid 1px #010836;
	text-align: center;
}



.sec02 h2 {
	padding: 7px; margin-bottom: 20px;
	color: #AC8522; font-size: 16px; font-weight: bold;
	border-top: solid 1px #AC8522;
	border-bottom: solid 1px #AC8522;
	text-align: center;
}

.sec02 h3 { color: #AC8522; font-size: 14px; font-weight: bold; margin-bottom: 10px; text-align: center; }
.sec01 p, .sec02  p { padding: 10px 10px; }
.text_s { font-size: smaller; font-weight: bold; text-align: right; }



.sec03 h2 {
	padding: 7px;
	margin-bottom: 20px;
	color: #BE0000;
	font-size: 16px;
	font-weight: bold;
	border-top: solid 1px #BE0000;
	border-bottom: solid 1px #BE0000;
	text-align: center;
}
section img, .sec03 { margin: 0 0 0px; }




/* sub */
.sub { margin: 30px 0 10px; display: block; }
.sub h3 { color: #666; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 0 10px; text-align: left; }
.sub h3 br { display: none; }
.sub img { margin: 0 10px 0 0; width: 46%; float: left; }
.sub h4 { color: #666; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 0 10px; text-align: left; }

/* sub */
.sub_b { margin: 20px 0 0; padding: 10px;  border: solid 1px #DEDEDE; display: block; }
.sub_b h3 { color: #666; font-size: 16px; font-weight: bold; margin-bottom: 10px; text-align: left; }
.sub_b img { margin: 0 10px 0 0; width: 46%; float: left; }


/* contents */
.sub02 { margin: 30px 0 10px; display: block; }
.sub02 h3 { color: #666; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 0 10px; text-align: left; }
.sub02 h3 br { display: none; }
.sub02 img { margin: 0 0 16px; padding: 0 10%; width: 80%; display: block; }
.sub02 h4 { color: #666; font-size: 14px; font-weight: bold; margin-bottom: 10px; padding: 0 10px; text-align: left; }



/* profile
------------------------------------------------------------*/
table.comp { border: solid 1px #E0DFE0; border-left: none; border-right: none; padding: 10px 0 10px 10px; }
table.comp02 { border-top:  none; }
table.comp th { background-color: #000000; color: #fff; font-weight: bold; padding: 10px; vertical-align: middle; text-align: center; width: 40%; }
table.comp td { padding: 10px; }


/* shopinfo
------------------------------------------------------------*/
.shopinfo {
	margin: 30px 0 20px;
	padding-top: 10px;
	width: 100%;
	text-align: center;
}
.shopinfo h2 { font-size: 16px; font-weight: bold; }
.shopinfo img { margin: 20px 0; width: 86%; }



/* collections
------------------------------------------------------------*/

table.items {
	margin: 0 8px;
}
table.items td {
	width: 33%;
	padding: 0 2px;
}
table.items td img {
	margin: 6px 0 8px;
}


/* shop_link */
.shop_link { width: 94%; text-align: center; padding-top: 10px; margin: auto; }
.shop_link ul { width: 100%; border: solid 2px #DEDEDE; margin: 10px auto; padding: 30px 0; }


/* フッター
------------------------------------------------------------*/
footer {
	margin-top: 50px;
	width: 100%;
	border-top: solid 2px #333333;
	text-align: center;
	clear: both;
}
address {
	padding: 30px 0 20px;
	font-size: 10px;
	font-style: normal;
}



/* トップナビゲーション */

nav#mainNav{
clear:both;
width:100%;
margin:0 auto;
padding:0;
}

nav#mainNav a.menu{
width:100%;
display:block;
height:40px;
line-height:40px;
font-weight: bold;
text-align:left;
color:#231815;
}

nav#mainNav a#menu span{padding-left:10px;}
nav#mainNav a span:before{content:"≡ ";}
nav#mainNav a.menuOpen span:before{content:"× ";}

nav#mainNav a#menu:hover{cursor:pointer; text-decoration: none;}

nav .panel{
display:none;
width:100%;
position:relative;
right:0;
top:0;
z-index:1;
}

nav#mainNav ul{margin:0;padding:0;}

nav#mainNav ul li{
float:none;
clear:both;
width:100%;
height:auto;
line-height:1.2;
}

nav#mainNav ul li a,nav#mainNav ul li.current-menu-item li a{
display: block;
padding:15px 10px;
text-align:left;
border-bottom:1px solid #e8e8e8;
color:#231815;
}

nav#mainNav ul li a span{padding-left:10px;}
nav#mainNav ul li:first-child a{border-top:1px solid #e8e8e8;}

nav#mainNav ul li:last-child a{border:0;}
nav#mainNav ul li li:last-child a{border:0;}
nav#mainNav ul li li:last-child a{border-bottom:1px solid #e8e8e8;}
 
nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:hover,nav#mainNav ul li.current-menu-item a,nav#mainNav ul li a:active, nav#mainNav ul li li.current-menu-item a, nav#mainNav ul li.current-menu-item li a:hover, nav#mainNav ul li.current-menu-item li a:active{
background:#F8F8F8;
}

nav div.panel{float:none;}