/*! normalize.css 2011-06-21T18:23 UTC 繝ｻ http://github.com/necolas/normalize.css */

/*! 荳願ｨ倥�繝輔ぃ繧､繝ｫ縺ｮ繧ｳ繝｡繝ｳ繝磯Κ繧貞享謇九↓譌･譛ｬ隱槫喧�亥､ｧ蟷�э險ｳ繝ｻ雜�ｨｳ�峨＠縺ｾ縺励◆縲�2011-06-24 */

/* =============================================================================
   HTML5隕∫ｴ�縺ｮ陦ｨ遉ｺ
   ========================================================================== */

/*
 * HTML5譛ｪ繧ｵ繝昴�繝医ヶ繝ｩ繧ｦ繧ｶ繝ｼ縺ｧ繝悶Ο繝�け繝ｬ繝吶Ν隕∫ｴ�縺ｨ縺励※陦ｨ遉ｺ縺吶ｋ for IE6/7/8/9 & FF3
 */

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
    display: block;
}

/*
 * HTML5譛ｪ繧ｵ繝昴�繝医ヶ繝ｩ繧ｦ繧ｶ繝ｼ縺ｧ繧､繝ｳ繝ｩ繧､繝ｳ隕∫ｴ�縺ｨ縺励※陦ｨ遉ｺ縺吶ｋ for IE6/7/8/9 & FF3
 * 蛻ｶ髯蝉ｺ矩��: IE6縺ｧ縺ｯ'audio[controls]'縺ｸ縺ｮ繧ｹ繧ｿ繧､繝ｫ縺ｯ驕ｩ逕ｨ縺輔ｌ縺ｾ縺帙ｓ縲�
 */

audio[controls],
canvas,
video {
    display: inline-block;
    *display: inline;
    zoom: 1;
}


/* =============================================================================
   蝓ｺ譛ｬ險ｭ螳�
   ========================================================================== */

/*
 * 1. IE6/7縺ｫ縺翫＞縺ｦ蜊倅ｽ阪ｒem縺ｧbody縺ｫfont-size繧定ｨｭ螳壹☆繧九→豁｣縺励＞繧ｵ繧､繧ｺ縺ｫ縺ｪ繧峨↑縺�撫鬘後ｒ菫ｮ豁｣
 *    蜿り€�: http://clagnut.com/blog/348/#c790
 * 2. 繧ｳ繝ｳ繝�Φ繝��鬮倥＆縺ｫ髢｢繧上ｉ縺壼�縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｧ繝壹�繧ｸ繧偵そ繝ｳ繧ｿ繝ｪ繝ｳ繧ｰ�医せ繧ｯ繝ｭ繝ｼ繝ｫ繝舌�繧貞ｸｸ譎り｡ｨ遉ｺ縺吶ｋ��
 * 3. Android繧�iOS縺ｫ縺翫＞縺ｦtap highlight color縺瑚ｦｪ隕∫ｴ�繧貞性繧薙〒縺励∪縺�撫鬘後ｒ菫ｮ豁｣��tap highlight color繧呈ｶ医☆��
 *    蜿り€�: www.yuiblog.com/blog/2010/10/01/quick-tip-customizing-the-mobile-safari-tap-highlight-color/
 * 4. iOS縺ｫ縺翫＞縺ｦ逕ｻ髱｢縺ｮ蜷代″縺悟､峨ｏ縺｣縺滄圀縺ｮ繝�く繧ｹ繝医し繧､繧ｺ隱ｿ謨ｴ繧帝亟縺�
 *    蜿り€�: www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
 */

html {
    font-size: 100%; /* 1 */
    overflow-y: scroll; /* 2 */
    -webkit-tap-highlight-color: rgba(0,0,0,0); /* 3 */
    -webkit-text-size-adjust: 100%; /* 4 */
    -ms-text-size-adjust: 100%; /* 4 */
}

/*
 * IE6/7縺ｫ縺翫￠繧砧argin縺ｮ菫ｮ豁｣
 */

body {
    margin: 0;
}

/* 
 * 'textarea'繧�◎縺ｮ莉悶�繝輔か繝ｼ繝�隕∫ｴ�縺ｧ縺ｮfont-family縺ｮ遏帷崟繧剃ｿｮ豁｣
 */

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


/* =============================================================================
   繝ｪ繝ｳ繧ｯ髢｢騾｣
   ========================================================================== */

a {
    color: #00e;
}

a:visited {
    color: #551a8b;
}

/*
 * Chrome縺ｫ縺翫＞縺ｦoutline縺ｮ陦ｨ遉ｺ荳榊�蜷医ｒ菫ｮ豁｣
 */

a:focus {
    outline: thin dotted;
}

/*
 * 蜈ｨ縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｫ縺翫＞縺ｦ繝輔か繝ｼ繧ｫ繧ｹ譎ゅ€√�繧ｦ繧ｹ繝帙ヰ繝ｼ譎ゅ�隱ｭ縺ｿ繧�☆縺輔ｒ謾ｹ蝟�
 * 蜿り€�: people.opera.com/patrickl/experiments/keyboard/test
 */

a:hover,
a:active {
    outline: 0;
}


/* =============================================================================
   繧ｿ繧､繝昴げ繝ｩ繝輔ぅ髢｢騾｣
   ========================================================================== */

/*
 * IE7/8/9, S5, Chrome縺ｫ縺翫＞縺ｦabbr隕∫ｴ�縺後せ繧ｿ繧､繝ｪ繝ｳ繧ｰ縺輔ｌ縺ｪ縺�撫鬘後ｒ菫ｮ豁｣
 */

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

/*
 * FF3/4, S4/5, Chrome縺ｫ縺翫＞縺ｦb,strong隕∫ｴ�縺恵old縺ｫ縺ｪ繧峨↑縺�撫鬘後ｒ菫ｮ豁｣
*/

b, 
strong { 
    font-weight: bold; 
}

blockquote {
    margin: 1em 40px;
}

/*
 * S5, Chrome縺ｫ縺翫＞縺ｦdfn隕∫ｴ�縺後う繧ｿ繝ｪ繝�け菴薙↓縺ｪ繧峨↑縺�撫鬘後ｒ菫ｮ豁｣
 */

dfn {
    font-style: italic;
}

/*
 * IE6/7/8/9縺ｫ縺翫＞縺ｦmark隕∫ｴ�縺後せ繧ｿ繧､繝ｪ繝ｳ繧ｰ縺輔ｌ縺ｪ縺�撫鬘後ｒ菫ｮ豁｣
 */

mark {
    background: #ff0;
    color: #000;
}

/*
 * IE6, S5, Chrome縺ｫ縺翫￠繧鞠ont-family縺ｮ蝠城｡後ｒ菫ｮ豁｣
 * en.wikipedia.org/wiki/User:Davidgothberg/Test59
 */

pre,
code,
kbd,
samp {
    font-family: monospace, monospace;
    _font-family: 'courier new', monospace;
    font-size: 1em;
}

/*
 * 蜈ｨ縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｫ縺翫＞縺ｦpre-formatted text縺ｮ隱ｭ縺ｿ繧�☆縺輔ｒ謾ｹ蝟�
 */

pre {
    white-space: pre;
    white-space: pre-wrap;
    word-wrap: break-word;
}

/*
 * 1. IE6/7縺ｫ縺翫＞縺ｦquotes繝励Ο繝代ユ繧｣繝ｼ縺後し繝昴�繝医＆繧後※縺�↑縺�撫鬘後ｒ菫ｮ豁｣
 * 2. S4縺ｫ縺翫＞縺ｦquotes繝励Ο繝代ユ繧｣繝ｼ縺後し繝昴�繝医＆繧後※縺�↑縺�撫鬘後ｒ菫ｮ豁｣
 */

/* 1 */

q {
    quotes: none;
}

/* 2 */

q:before,
q:after {
    content: '';
    content: none;
}

small {
    font-size: 75%;
}

/*
 * 蜈ｨ縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｫ縺翫＞縺ｦsub縺翫ｈ縺ｳsup隕∫ｴ�縺畦ine-height縺ｫ蠖ｱ髻ｿ縺吶ｋ蝠城｡後ｒ髦ｲ縺�
 * 蜿り€�: gist.github.com/413930
 */

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;
}


/* =============================================================================
   蝓九ａ霎ｼ縺ｿ繧ｳ繝ｳ繝�Φ繝�
   ========================================================================== */

/*
 * 1. IE6/7/8/9縺ｫ縺翫＞縺ｦ縲∥隕∫ｴ�蜀��縺ｮborder繧貞炎髯､
 * 2. IE7縺ｫ縺翫＞縺ｦ逕ｻ蜒上�諡｡螟ｧ邵ｮ蟆乗凾縺ｮ逕ｻ雉ｪ繧呈隼蝟�
 *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
 */

img {
    border: 0; /* 1 */
    -ms-interpolation-mode: bicubic; /* 2 */
}

/*
 * IE9縺ｫ縺翫＞縺ｦoverflow縺ｮ陦ｨ遉ｺ蝠城｡後ｒ菫ｮ豁｣
 */

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


/* =============================================================================
   Figure隕∫ｴ�
   ========================================================================== */

/*
 * IE6/7/8/9, S5, O11縺ｫ縺翫￠繧砧argin縺ｮ蝠城｡後ｒ菫ｮ豁｣
 */

figure {
    margin: 0;
}


/* =============================================================================
   繝輔か繝ｼ繝�髢｢騾｣
   ========================================================================== */

/*
 * IE6/7縺ｫ縺翫￠繧砧argin縺ｮ蝠城｡後ｒ菫ｮ豁｣
 */

form {
    margin: 0;
}

/*
 * 遏帷崟縺ｮ縺ｪ縺�margin縺翫ｈ縺ｳpadding縺ｮ險ｭ螳�
 */

fieldset {
    margin: 0 2px;
    padding: 0.35em 0.625em 0.75em;
}

/*
 * 1. IE6/7/8/9縺ｫ縺翫＞縺ｦ濶ｲ縺檎ｶ呎価縺輔ｌ縺ｪ縺�撫鬘後ｒ菫ｮ豁｣
 * 2. IE6/7縺ｫ縺翫＞縺ｦ謠�＞縺後♀縺九＠縺�撫鬘後ｒ菫ｮ豁｣
 */

legend {
    border: 0; /* 1 */
    *margin-left: -7px; /* 2 */
}

/*
 * 1. 蜈ｨ縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｫ縺翫＞縺ｦfont-size縺檎ｶ呎価縺輔ｌ縺ｪ縺�撫鬘後ｒ菫ｮ豁｣
 * 2. IE6/7, F3/4, S5, Chrome縺ｫ縺翫￠繧砧argin縺ｮ蟾ｮ逡ｰ繧剃ｿｮ豁｣
 * 3. 蜈ｨ縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｫ縺翫＞縺ｦ螟冶ｦｳ縺ｨ荳€雋ｫ諤ｧ繧呈隼蝟�
 */

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

/*
 * 1. FF3/4縺ｮUA stylesheet縺ｫ縺翫＞縺ｦline-height縺�!important縺ｫ縺ｪ縺｣縺ｦ縺�ｋ轤ｹ縺ｫ縺､縺�※菫ｮ豁｣
 * 2. IE6/7縺ｫ縺翫＞縺ｦ繧､繝ｳ繝翫�繧ｹ繝壹�繧ｹ縺ｮ陦ｨ遉ｺ蝠城｡後ｒ菫ｮ豁｣
 */

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

/*
 * 1. image-type縺�'input'縺ｨ縺昴�莉悶↓縺､縺�※繝ｦ繝ｼ繧ｶ繝薙Μ繝�ぅ縺ｨ荳€雋ｫ諤ｧ繧呈隼蝟�
 * 2. iOS縺ｫ縺翫＞縺ｦ繧ｯ繝ｪ繝�け蜿ｯ閭ｽ縺ｪ'input'縺ｫ繧ｹ繧ｿ繧､繝ｫ縺碁←逕ｨ縺ｧ縺阪↑縺�撫鬘後ｒ菫ｮ豁｣
 */

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

/*
 * IE8/9縺ｫ縺翫＞縺ｦbox-sizing繝励Ο繝代ユ繧｣縺慶ontent-box縺ｫ縺ｪ縺｣縺ｦ縺�ｋ轤ｹ繧剃ｿｮ豁｣
 */

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box;
}

/*
 * 1. S5, Chrome縺ｫ縺翫＞縺ｦappearance繝励Ο繝代ユ繧｣縺茎earchfield縺ｫ縺ｪ縺｣縺ｦ縺�ｋ轤ｹ繧剃ｿｮ豁｣
 * 2. S5, Chrome縺ｫ縺翫＞縺ｦbox-sizing繝励Ο繝代ユ繧｣縺恵order-box諡�▲縺ｦ縺�ｋ轤ｹ繧剃ｿｮ豁｣ (蟆�擂逧�↑縺薙→繧定ｸ上∪縺医※-moz繧ょ性繧√ｋ)
 */

input[type="search"] {
    -webkit-appearance: textfield; /* 1 */
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box; /* 2 */
    box-sizing: content-box;
}

/*
 * S5, Chrome on OSX縺ｫ縺翫￠繧却adding縺ｮ陦ｨ遉ｺ蝠城｡後ｒ菫ｮ豁｣ 
 */

input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
 * FF3/4縺ｫ縺翫￠繧却adding蜿翫�border縺ｮ陦ｨ遉ｺ蝠城｡後ｒ菫ｮ豁｣
 * 蜿り€�: www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
 */

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

/*
 * 1. IE6/7/8/9縺ｫ縺翫￠繧九ョ繝輔か繝ｫ繝郁｡ｨ遉ｺ縺ｮ繧ｹ繧ｯ繝ｭ繝ｼ繝ｫ繝舌�繧貞炎髯､
 * 2. 蜈ｨ縺ｦ縺ｮ繝悶Λ繧ｦ繧ｶ繝ｼ縺ｫ縺翫＞縺ｦ隱ｭ縺ｿ繧�☆縺輔→謠�∴繧呈隼蝟�
 */

textarea {
    overflow: auto; /* 1 */
    vertical-align: top; /* 2 */
}


/* =============================================================================
   繝��繝悶Ν髢｢騾｣
   ========================================================================== */

/* 
 * 繝��繝悶Ν縺ｮ繧ｻ繝ｫ髢薙�縺ｻ縺ｨ繧薙←縺ｮ繧ｹ繝壹�繧ｹ繧貞炎髯､
 */

table {
    border-collapse: collapse;
    border-spacing: 0;
}