@charset "utf-8";

/* =============================================================================
   ベース
   ========================================================================== */
html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

* {
 margin:0;
 padding:0;
 }

body, button, input, select, textarea { font-family: sans-serif; color: #333; }

body {
 font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 line-height:1.5;
	color:#333;
	background-color: #ebebeb;
	}

ul li { list-style-type:none; }

img, object, embed, video { max-width: 100%; }


/* =============================================================================
   リンク
   ========================================================================== */
a:link    { color:#009539;text-decoration:none; }
a:visited { color:#009539;text-decoration:none; }
a:hover   { color:#ffa800;text-decoration:none; }
a:active  { color:#ffa800;text-decoration:none; }

/* すべてのブラウザーで、フォーカスの設定時およびホバー時の読みやすさを改善 : h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   埋め込まれたコンテンツ
   ========================================================================== */
/*
 * 1. IE7 で拡大/縮小する際の画質を改善 : h5bp.com/d
 * 2. イメージコンテナでのイメージとボーダーとの間の隙間を削除 : h5bp.com/e
 */

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * IE9 で非表示にならないオーバーフローを修正
 */

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   フォーム
   ========================================================================== */
form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* “ラベル” が、関連付けられたフォームエレメントにフォーカスをシフトするように指定 */
label { cursor: pointer; }

/* 
 * 1. IE6/7/8/9 の継承しないカラーを修正
 * 2. IE6/7 正常に表示されない整列を修正
 */

legend { border: 0; *margin-left: -7px; padding: 0; }

/*
 * 1. すべてのブラウザーでの継承しないフォントサイズを修正
 * 2. FF3/4 S5 Chrome のマージンを削除
 * 3. すべてのブラウザーの縦揃えの一貫した表示を定義
 */

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. FF3/4 に合わせて行の高さを標準に定義 (UA スタイルシートで !important を使用して設定)
 * 2. IE6/7 で正常に表示されない内部間隔を修正
 */

button, input { line-height: normal; *overflow: visible; }

/*
 * IE6/7 のオーバーラップとホワイトスペースの問題を回避するために “テーブル” の内部間隔を再導入
 */

table button, table input { *overflow: auto; }

/*
 * 1. クリック可能なフォームエレメントの手の形のカーソルを表示
 * 2. iOS のクリック可能なフォームエレメントのスタイル付けを許可
 */

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }

/*
 * 一貫したボックスのサイズ変更および外観を保持
 */

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

/* 
 * FF3/4 の内部余白とボーダーを削除 :  h5bp.com/l 
 */

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/* 
 * 1. IE6/7/8/9 のデフォルトの垂直スクロールバーを削除 
 * 2. 垂直のサイズ変更のみを許可
 */

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* フォームの有効期間のカラー */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }


/* -------------------------------------------------------------------------- 
   フォントサイズ（PCとスマホでサイズが違う場合は個別指示）
   ----------------------------------------------------------------------- */
.fs11 { font-size: 68.75%;}
.fs12 { font-size: 75%;}
.fs13 { font-size: 81.25%;}
.fs14 { font-size: 87.5%;}
.fs15 { font-size: 93.75%;}
.fs16 { font-size: 100%;}
.fs18 { font-size: 112.5%;}
.fs20 { font-size: 125%;}


/* -------------------------------------------------------------------------- 
   アイコンフォントベース
   ----------------------------------------------------------------------- */
.Ic:before {
	display: inline-block;
	font-family: FontAwesome;
 font-style: normal;
 font-weight: normal;
 -webkit-font-smoothing: antialiased;
 -moz-osx-font-smoothing: grayscale;
	margin-right:0.1em;
	/*等幅*/
	width: 1.2857142857142858em;
 text-align:center;
 }


/* -------------------------------------------------------------------------- 
   テーブル
   ----------------------------------------------------------------------- */
table {
 border-collapse:collapse;
 border-spacing:0;
 background:#FFF;
 width:100%;
 }
th {
	font-weight:normal;
	text-align:left;
	}


/* -------------------------------------------------------------------------- 
   clearfix
   ----------------------------------------------------------------------- */
/* フロートを含める : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }