@charset "utf-8";

/* ---------------------------------------------------
01: setup
02: css hack
03: base
--------------------------------------------------- */


/* 01: setup
--------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

body { line-height: 1; color: #000; font-size: 12px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック Medium","游ゴシック体","Yu Gothic Medium", YuGothic,"メイリオ", Meiryo, sans-serif;  background: #FFFEFC; box-sizing: border-box; }

ul, ol, dl, li, dt, dd { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

ins { text-decoration: none; }

del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; outline : 0 ; }
a { color: #5E4D41; text-decoration: none; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }


/* 02: css hack
--------------------------------------------------- */
/* floating box clear */
.x:after, .box:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.x, .box { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.x { display: block; }
/* End Hide from mac IE5 */

/* hide text */
.hidetxt { text-indent: -9999px; overflow: hidden; }
.hidetxt a { overflow: hidden; display: block;}

.cf:after { content: ''; display: block; clear: both; }


/* 03: base
--------------------------------------------------- */
.container { width: 960px; margin: 0 auto;}
.footer { text-align: center; padding: 20px;}