@charset "UTF-8";

/* =============================================================================
   1. 基本
============================================================================= */

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, 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, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: 100% inherit;
	vertical-align: baseline;
}

html {
    /*overflow-y: scroll;  スクロールバーの有無によるズレ対策 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* tap highlight colorを消す for Andoroid iOS */
    -webkit-text-size-adjust: 100%; /* 画面向き変更時のテキストサイズ調整対策 for iOS */
    -ms-text-size-adjust: 100%; /* 画面向き変更時のテキストサイズ調整対策 for iOS  */
}

body{
	font-family: sans-serif;
	line-height: 1;
}


/* =============================================================================
   2. HTML5要素の表示
============================================================================= */

/* HTML5未サポートブラウザーでブロックレベル要素として表示 for IE6/7/8/9 & FF3 */
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display: block;
}

/* HTML5未サポートブラウザーでインライン要素として表示 for IE6/7/8/9 & FF3
   制限事項: IE6では'audio[controls]'へのスタイルは適用されません */
audio[controls],canvas,video {
    display: inline-block;
    zoom: 1;
}
.ie6 audio[controls],
.ie6 canvas,
.ie6 video {
    display: inline;
}


/* =============================================================================
   3. リンク関連
============================================================================= */

/* Chromeのoutlineの表示不具合を修正 */
/*a:focus {
	outline: thin dotted;
}*/

/* outlineを消去 */
a:focus,
a:hover,
a:active,
area:focus,
area:hover,
area:active{
	border:none; 
    outline:none;
}
/*
a:hover,
a:active{
    outline:none;
}
*/


/* =============================================================================
   4. タイポグラフィ関連
============================================================================= */

/* IE7/8/9, S5, Chromeにおいてabbr要素がスタイリングされない問題を修正 */
abbr[title] {    border-bottom: 1px dotted;}

/* FF3/4, S4/5, Chromeにおいてb,strong要素がboldにならない問題を修正 */
b,strong {     font-weight: bold; }

/* S5, Chromeにおいてdfn要素がイタリック体にならない問題を修正 */
dfn {    font-style: italic;}

/*  IE6/7/8/9においてmark要素がスタイリングされない問題を修正 */
mark {
    background: #ff0;
    color: #000;
}

/* IE6, S5, Chromeにおけるfont-familyの問題を修正 */
pre,code,kbd,samp {
    font-family: monospace, monospace;
    font-size: 1em;
}
.ie6 pre,.ie6 code,.ie6 kbd,.ie6 samp,
.ie7 pre,.ie7 code,.ie7 kbd,.ie7 samp,
.ie8 pre,.ie8 code,.ie8 kbd,.ie8 samp{
    font-family: 'courier new', monospace;
}

/* 全てのブラウザーにおいてpre-formatted textの読みやすさを改善 */
pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/* IE6/7においてquotesプロパティーがサポートされていない問題を修正 */
blockquote,q {    quotes: none;}

/* S4においてquotesプロパティーがサポートされていない問題を修正 */
blockquote:before, blockquote:after,
q:before,q:after {
    content: '';
    content: none;
}

/* 全てのブラウザーにおいてsubおよびsup要素がline-heightに影響する問題を防ぐ */
sub,sup {
    font-size: 0.75em;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {    top: -0.5em;}
sub {    bottom: -0.25em;}


/* =============================================================================
   5. リスト関連
============================================================================= */

ul,ol {    list-style: none;}


/* =============================================================================
   6. 埋め込みコンテンツ
============================================================================= */

img {
    -ms-interpolation-mode: bicubic; /* 画像をキレイに縮小 for IE7 */
	line-height: 1;
	vertical-align: bottom;
}

/* IE9においてoverflowの表示問題を修正 */
svg:not(:root) {    overflow: hidden;}


/* =============================================================================
   7. フォーム関連
============================================================================= */

/* 矛盾のないmarginおよびpaddingの設定 */
fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/* IE6/7/8/9において色が継承されない問題を修正 */
legend {    border: 0; }

/* IE6/7において揃いがおかしい問題を修正 */
.ie6 legend,
.ie7 legend {
    margin-left: -7px;
}

button,input,select,textarea {
    font-family: sans-serif; /* textareaやその他のフォーム要素でのfont-familyの矛盾を修正 */
    font-size: 100%; /* 全てのブラウザーにおいてfont-sizeが継承されない問題を修正 */
    margin: 0; /* IE6/7, F3/4, S5, Chromeにおけるmarginの差異を修正 */
    vertical-align: baseline; /* 全てのブラウザーにおいて外観と一貫性を改善 */
}

/* 全てのブラウザーにおいて外観と一貫性を改善 for IE6 */
.ie6 button,
.ie6 input,
.ie6 select,
.ie6 textarea {
    vertical-align: middle; 
}

/* FF3/4のUA stylesheetにおいてline-heightが!importantになっている点について修正 */
button,
input {
    line-height: normal; 
}

/* IE6/7においてインナースペースの表示問題を修正 */
.ie6 button,
.ie6 input,
.ie7 button,
.ie7 input{
    overflow: visible;  
}

button,
input[type="button"], 
input[type="reset"], 
input[type="submit"] {
    cursor: pointer; /* image-typeが'input'とその他についてユーザビリティと一貫性を改善 */
    -webkit-appearance: button; /* iOSにおいてクリック可能な'input'にスタイルが適用できない問題を修正*/
}

/* IE8/9においてbox-sizingプロパティがcontent-boxになっている点を修正 */
input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; 
}

input[type="search"] {
    -webkit-appearance: textfield; /* S5, Chromeにおいてappearanceプロパティがsearchfieldになっている点を修正 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* S5, Chromeにおいてbox-sizingプロパティがborder-box担っている点を修正 (将来的なことを踏まえて-mozも含める) */
    box-sizing: content-box;
}

/* S5, Chrome on OSXにおけるpaddingの表示問題を修正 */
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none; 
}

/* FF3/4におけるpadding及びborderの表示問題を修正 */
button::-moz-focus-inner,
input::-moz-focus-inner {
    border: 0;
    padding: 0;
}

textarea {
    overflow: auto; /* IE6/7/8/9におけるデフォルト表示のスクロールバーを削除 */
    vertical-align: top; /* 全てのブラウザーにおいて読みやすさと揃えを改善 */
}

/* =============================================================================
   8. テーブル関連
============================================================================= */

/* テーブルのセル間のほとんどのスペースを削除 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}



/* =============================================================================
   default
============================================================================= */

/* フォントスタイル
----------------------------------------------------*/
html {
  font-size: 62.5%; /* 1em = 10px */
}
body {
  font-size: 13px;
  font-size: 1.3em;
  font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
  line-height: 1.7;
  color: #333;
}

/* for IE6/7 */
.ie6 body,
.ie6 input,
.ie6 textarea,
.ie7 body,
.ie7 input,
.ie7 textarea {
  font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

small,
figcaption {
  font-size: 11px;
  font-size: 1.1rem;
  line-height: 1.5;
}

p,
small,
figcaption {
	text-align: justify;
	text-justify: distribute;
}

/* ベースリンクカラー
----------------------------------------------------*/
a:link{
  color: #4d3f15;
  text-decoration: underline;
}
a:visited{
  color: #4d3f15;
}
a:hover{
  color: #000;
}
a:active{
}
a:focus{
}

/* clerfix -micro clearfix
----------------------------------------------------*/
.inner:before,
.inner:after,
.cf:before,
.cf:after{
  content: "";
  display: block;
  overflow: hidden;
}
.inner:after,
.cf:after {
  clear: both;
}

/* For IE6/7 */
.inner,
.cf {
  zoom: 1;
}



/* テキスト行位置
----------------------------------------------------*/
.tC {
  text-align: center;
}
.tR {
  text-align: right;
}

/*  非表示　チェック用
----------------------------------------------------*/
.nodisplay {
  display: none;
}