@charset "utf-8";
/*
/* 
 * HTML5 笨ｰ Boilerplate	
 *
 * 莉･荳九・縲√け繝ｭ繧ｹ繝悶Λ繧ｦ繧ｶ繝ｼ繧ｹ繧ｿ繧､繝ｪ繝ｳ繧ｰ縺ｫ髢｢縺吶ｋ螟壹￥縺ｮ繝ｪ繧ｵ繝ｼ繝√・邨先棡縺ｧ縺吶€・
 * Nicolas Gallagher縲゛onathan Neal縲・
 * Kroc Camen 縺翫ｈ縺ｳ H5BP 驛ｨ髢€縺ｮ繧ｳ繝溘Η繝九ユ繧｣縺ｨ繝√・繝縺ｮ雋｢迪ｮ縺ｫ蟇ｾ縺励※縺薙％縺ｫ蠢・ｈ繧頑─隰晉筏縺嶺ｸ翫￡縺ｾ縺吶€・
 *
 * 縺薙・ CSS 縺ｫ縺､縺・※隧ｳ縺励￥縺ｯ縲”5bp.com/css 繧貞盾辣ｧ縺励※縺上□縺輔＞
 * 
 * Dreamweaver 縺ｮ螟画峩轤ｹ : 
 * 1. 驕ｸ謚槭ワ繧､繝ｩ繧､繝医ｒ繧ｳ繝｡繝ｳ繝医い繧ｦ繝医＠縺ｾ縺励◆
 * 2. 繝｡繝・ぅ繧｢繧ｯ繧ｨ繝ｪ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ繧貞炎髯､縺励∪縺励◆ (蛻･縺ｮ繝輔ぃ繧､繝ｫ縺ｫ迢ｬ閾ｪ縺ｮ繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ繧定ｿｽ蜉)
 *
 * ==|== 豁｣隕丞喧 ==========================================================
 */


/* =============================================================================
   HTML5 陦ｨ遉ｺ螳夂ｾｩ
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* =============================================================================
   繝吶・繧ｹ
   ========================================================================== */

/*
 * 1. 譛ｬ譁・・繝輔か繝ｳ繝医し繧､繧ｺ縺ｮ險ｭ螳壹↓ em 蜊倅ｽ阪ｒ菴ｿ逕ｨ縺励※縺・ｋ蝣ｴ蜷医€！E6/7 縺ｮ繝・く繧ｹ繝医・豁｣蟶ｸ縺ｧ縺ｪ縺・し繧､繧ｺ螟画峩繧剃ｿｮ豁｣
 * 2. IE 莉･螟悶〒縺ｮ蝙ら峩繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌・縺ｮ菴ｿ逕ｨ繧貞ｼｷ蛻ｶ
 * 3. 繝ｦ繝ｼ繧ｶ繝ｼ繧ｺ繝ｼ繝繧堤┌蜉ｹ縺ｫ縺励↑縺・→縲√ョ繝舌う繧ｹ譁ｹ蜷代・螟画峩縺ｧ iOS 繝・く繧ｹ繝医し繧､繧ｺ縺瑚ｪｿ謨ｴ縺輔ｌ縺ｪ縺・ｈ縺・↓菫ｮ豁｣ : h5bp.com/g
 */

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

body { margin: 0; font-size: 13px; line-height: 1.231; }

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

/* 
 * 驕ｸ謚槭ワ繧､繝ｩ繧､繝医〒繝・く繧ｹ繝医す繝｣繝峨え繧貞炎髯､ : h5bp.com/I
 * 縺薙ｌ繧峨・驕ｸ謚槭・螳｣險€縺ｯ縲∝€九€・↓陦後ｏ繧後ｋ蠢・ｦ√′縺ゅｊ縺ｾ縺・
 * 髢｢騾｣鬆・岼 : 繝帙ャ繝医ヴ繝ｳ繧ｯ (縺ｾ縺溘・縲√ョ繧ｶ繧､繝ｳ縺ｫ蜷医ｏ縺帙※閭梧勹濶ｲ繧偵き繧ｹ繧ｿ繝槭う繧ｺ)
 */

/* Dreamweaver : 驕ｸ謚槭ワ繧､繝ｩ繧､繝医ｒ繧ｫ繧ｹ繧ｿ繝槭う繧ｺ縺吶ｋ蝣ｴ蜷医・縲√％繧後ｉ繧帝撼繧ｳ繝｡繝ｳ繝亥喧縺励∪縺・
 *::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
 *::selection { background: #fe57a1; color: #fff; text-shadow: none; }
 */

/* =============================================================================
   繝ｪ繝ｳ繧ｯ
   ========================================================================== */

a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }

/* 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｧ縲√ヵ繧ｩ繝ｼ繧ｫ繧ｹ縺ｮ險ｭ螳壽凾縺翫ｈ縺ｳ繝帙ヰ繝ｼ譎ゅ・隱ｭ縺ｿ繧・☆縺輔ｒ謾ｹ蝟・: h5bp.com/h */
a:hover, a:active { outline: 0; }


/* =============================================================================
   繝・く繧ｹ繝育ｷｨ髮・
   ========================================================================== */

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* 繧ｿ繧､繝励Λ繧､繧ｿ繝ｼ蟄嶺ｽ薙ヵ繧｡繝溘Μ繝ｼ繧貞・螳｣險€ : h5bp.com/j */
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }

/* 縺吶∋縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｧ縺ｮ繝励Μ繝輔か繝ｼ繝槭ャ繝医ユ繧ｭ繧ｹ繝医・隱ｭ縺ｿ繧・☆縺輔ｒ謾ｹ蝟・*/
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* 陦後・鬮倥＆縺ｫ蠖ｱ髻ｿ繧剃ｸ弱∴縺壹↓縲√し繝悶せ繧ｯ繝ｪ繝励ヨ縺翫ｈ縺ｳ繧ｹ繝ｼ繝代・繧ｹ繧ｯ繝ｪ繝励ヨ繧ｳ繝ｳ繝・Φ繝・ｒ驟咲ｽｮ : h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }


/* =============================================================================
   繝ｪ繧ｹ繝・
   ========================================================================== */

ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 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; }


/* =============================================================================
   蝗ｳ
   ========================================================================== */

figure { margin: 0; }


/* =============================================================================
   繝輔か繝ｼ繝
   ========================================================================== */

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; }
td { vertical-align: top; }


/* ==|== 繝励Λ繧､繝槭Μ繧ｹ繧ｿ繧､繝ｫ =====================================================
   菴懈・閠・:  
   ========================================================================== */
















/* ==|== 髱槭そ繝槭Φ繝・ぅ繝・け繝倥Ν繝代・繧ｯ繝ｩ繧ｹ ========================================
   縺薙・繧ｻ繧ｯ繧ｷ繝ｧ繝ｳ縺ｮ蜑阪↓繧ｹ繧ｿ繧､繝ｫ繧貞ｮ夂ｾｩ縺励※縺上□縺輔＞縲・
   ========================================================================== */

/* 繧､繝｡繝ｼ繧ｸ縺ｮ鄂ｮ縺肴鋤縺育畑 */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }

/* 繧ｹ繧ｯ繝ｪ繝ｼ繝ｳ繝ｪ繝ｼ繝€繝ｼ縺ｨ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｮ荳｡譁ｹ縺ｧ髱櫁｡ｨ遉ｺ : h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* 隕冶ｦ夂噪縺ｫ縺ｮ縺ｿ髱櫁｡ｨ遉ｺ縺ｫ縺吶ｋ縲ゅ◆縺縺励€√せ繧ｯ繝ｪ繝ｼ繝ｳ繝ｪ繝ｼ繝€繝ｼ縺ｧ縺ｯ菴ｿ逕ｨ縺ｧ縺阪ｋ繧医≧縺ｫ縺吶ｋ : h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* 繧ｭ繝ｼ繝懊・繝峨ｒ莉九＠縺ｦ遘ｻ蜍輔＆繧後◆繧ｨ繝ｬ繝｡繝ｳ繝医ｒ繝輔か繝ｼ繧ｫ繧ｹ縺ｧ縺阪ｋ繧医≧縺ｫ縺吶ｋ縺溘ａ縺ｫ .visuallyhidden 繧ｯ繝ｩ繧ｹ繧呈僑蠑ｵ : h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* 繧ｹ繧ｯ繝ｪ繝ｼ繝ｳ繝ｪ繝ｼ繝€繝ｼ縺ｧ隕冶ｦ夂噪縺ｫ髱櫁｡ｨ遉ｺ (縺溘□縺励€√Ξ繧､繧｢繧ｦ繝医・菫晄戟) */
.invisible { visibility: hidden; }

/* 繝輔Ο繝ｼ繝医ｒ蜷ｫ繧√ｋ : h5bp.com/q */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== 繧ｹ繧ｿ繧､繝ｫ繧貞魂蛻ｷ =======================================================
   繧ｹ繧ｿ繧､繝ｫ繧貞魂蛻ｷ縲・
   繧､繝ｳ繝ｩ繧､繝ｳ縺ｫ縺励※蠢・ｦ√↑ HTTP 謗･邯壹ｒ蝗樣∩ : h5bp.com/r
   ========================================================================== */
 
 @media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* 鮟偵・騾溘￥蜊ｰ蛻ｷ縺輔ｌ繧・: h5bp.com/s */
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* 繧､繝｡繝ｼ繧ｸ縺ｮ繝ｪ繝ｳ繧ｯ縺ｾ縺溘・ javascript/蜀・Κ繝ｪ繝ｳ繧ｯ繧定｡ｨ遉ｺ縺励↑縺・*/
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* h5bp.com/t */
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}