@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;}
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: 14px 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; }

/* リンク設定
------------------------------------------------------------*/
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: 1000px;
	clear: both;
}

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

/* ロゴ */
#logo {
	margin: 0 auto;
	text-align: center;
	display: block;
}


/* -- nav -- */
#mainNav {
	width: 1000px;
margin: 20px auto; }
#mainNav ul {
	font-size: 0;
	height: 20px;
	display: block;
	text-align: center;
}
#mainNav li {
	display: inline-block;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	padding: 0 20px;
}

#mainNav a:link, #mainNav a:visited, #mainNav a:active { color: #170c17; text-decoration: none;}
#mainNav a:hover { color: #5C555C; text-decoration: none; }


nav div.panel{display:block !important;}
.menu { display: none; }


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

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

/* section */
section {
	margin: 40px 0;
	width: 1000px;
}
section img { margin: 0 0 20px; }


.sec01 h2 {
	padding: 7px; margin-bottom: 20px;
	color: #010836; font-size: 20px; 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: 20px; font-weight: bold;
	border-top: solid 1px #AC8522;
	border-bottom: solid 1px #AC8522;
	text-align: center;
}
h2.red { color: #FF0C0C; border-top: solid 1px #FF0C0C;
	border-bottom: solid 1px #FF0C0C; }


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


.sec03 h2 {
	padding: 7px;
	margin-bottom: 20px;
	color: #BE0000;
	font-size: 20px;
	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: 20px 0 0; display: block; }
.sub h3 { color: #666; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: left; }
.sub img { margin: 0 20px 0 0; float: left; }
.sub h4 { color: #666; font-size: 16px; font-weight: bold; margin-bottom: 10px; text-align: left; }



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


/* contents */
.sub02 { margin: 20px 0 0; display: block; }
.sub02 h3 { color: #666; font-size: 18px; font-weight: bold; margin-bottom: 10px; text-align: left; }
.sub02 img { margin: 0 20px 0 0; float: left; }
.sub02 h4 { color: #666; font-size: 16px; font-weight: bold; margin-bottom: 10px; text-align: left; }


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


/* shopinfo
------------------------------------------------------------*/
.shopinfo {
	margin: 40px 0 30px;
	padding-top: 20px;
	width: 1000px;
	text-align: center;
}
.shopinfo h2 { font-size: 18px; font-weight: bold; }
.shopinfo img { margin: 20px 0; }



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

table.items {
	width: 100%;
}
table.items td {
	width: 33%; }
table.items td img {
	margin-top: 15px;
	margin-bottom: 15px;
}




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



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