@charset "utf-8";

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

html, body, div, h1, h2, h3, h4, h5, h6, p,
blockquote, pre, address,
ul, ol, dl, dt, dd, form,
table, th, td, form, fieldset {
 margin:0;
 padding:0;
 font-size:100%;
 font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
 line-height:1.5;
 }

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

body {	background-color: #fff; }

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

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

hr {
 margin: 1em 0;
 padding:0;
 border:dotted #999;
 border-width:1px 0 0 0;
 }


/* =============================================================================
   リンク
   ========================================================================== */
a:link    { color:#0077BB;text-decoration:underline; }
a:visited	{ color:#0077BB;text-decoration:underline; }
a:hover  	{ color:#0088DD;text-decoration:underline; }
a:active  { color:#0077BB;text-decoration:underline; }

/* すべてのブラウザーで、フォーカスの設定時およびホバー時の読みやすさを改善 : 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; }


/* =============================================================================
   テーブル
   ========================================================================== */
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; }