@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-size: 100%;
	font: 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,video {
    display: inline;
}


/* =============================================================================
   3. リンク関連
============================================================================= */
a {
    color: #00e;
}
a:visited {
	color: #551a8b;
}

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

/* outlineを消す 実験中 */
a:focus,
a:hover,
a:active,
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. 埋め込みコンテンツ
============================================================================= */

/* 画像をキレイに縮小 for IE7 */
img {
    -ms-interpolation-mode: bicubic;
}

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


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

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

legend {
    border: 0; /* IE6/7/8/9において色が継承されない問題を修正 */
}
.ie6 legend {
    margin-left: -7px; /* IE6/7において揃いがおかしい問題を修正 */
}

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; /* 全てのブラウザーにおいて外観と一貫性を改善 */
}

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

button,
input {
    line-height: normal; /* FF3/4のUA stylesheetにおいてline-heightが!importantになっている点について修正 */
}
.ie6 button,
.ie6 input {
    overflow: visible;  /* IE6/7においてインナースペースの表示問題を修正 */
}

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

input[type="checkbox"],
input[type="radio"] {
    box-sizing: border-box; /* IE8/9においてbox-sizingプロパティがcontent-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;
}

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

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