@charset "euc-jp";

/*

    全ページ共有のベースとなるスタイル

*/

/* ----------------------------------------------------------
    リセット / 新要素設定
------------------------------------------------------------- */
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, code, form, fieldset, legend, table, th, td, caption, a, article, aside, nav, section, figure, figcaption, footer, header, main, audio, canvas, video, menu, details {
    margin: 0;
    padding: 0;
    background: transparent;
    font-size: 100%;
    vertical-align: baseline;
}
fieldset, legend, img { border: 0; }
article, aside, nav, section, figure, figcaption, footer, header, main, menu, details { display: block; }
video, audio, canvas {
    display: inline-block;
    *display: inline;
    *zoom: 1;
}
audio:not([controls]) { display: none; }
[hidden] { display: none; }

/* ----------------------------------------------------------
    ベース
------------------------------------------------------------- */
html {
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
body {
    background: #fff;
    color: #4c4c4c;
    font: 90.7%/1.6 "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
    word-wrap: break-word;
}

/* ----------------------------------------------------------
    要素
------------------------------------------------------------- */
h1, h2, h3, h4, h5, h6 { font-weight: bold; }
p { margin: 0 0 1em; }
ul { list-style: none; }
ol { list-style: decimal; margin: 0 0 1em 2em; }
hr {
    display: block;
    height: 1px;
    margin: 1em 0;
    padding: 0;
    border: 0;
    border-top: 1px solid #ccc;
}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}
pre {
    font-family: monospace, serif;
    white-space: pre-wrap;
    word-wrap: break-word;
}


a { color: #0a84c8; }
a:link, a.visited { text-decoration: underline; }
a:hover, a.active { color: #62b4e2; text-decoration: underline; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
img { vertical-align: middle; }


address, cite, em, dfn, i, var { font-style: normal; }
em { font-weight: bold; }
strong, b { font-weight: bold; }
code, samp, kbd { font-family: monospace, sans-serif; }
abbr {
    border: 0;
    font-variant: normal;
}
abbr[title], dfn[title] {
    cursor: help;
    border-bottom: 1px dotted;
}
sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }
del { text-decoration: line-through; }
mark {
    background-color: #ff0;
    color: #333;
    font-style: italic;
    font-weight: bold;
}
br { *letter-spacing: 0; }


table {
    border-collapse: collapse;
    border-spacing: 0;
}
th, td {
    font-weight: normal;
    text-align: left;
}
th {
    background: #efefef;
    font-weight: bold;
}
caption {
    font-weight: normal;
    text-align: left;
}
input, textarea, select {
    margin: 0;
    font-family: inherit;
    font-size: inherit;
    *font-size: 100%;
}
input, button {
    line-height: normal;
    vertical-align: middle;
}
textarea {
    overflow: auto;
    vertical-align: top;
}
select {
    background-color: inherit;
    line-height: normal;
}
label { cursor: pointer; }
legend {
    *margin-left: -7px;
    color: #333;
}

/* ----------------------------------------------------------
    汎用
------------------------------------------------------------- */
/* Clearfix */
.clear { clear: both; }
.clearfix:before, .clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }

/* ホバーエフェクト */
.hover:hover {
    opacity: .7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
    -khtml-opacity: .7;
    -moz-opacity: .7;
}

/* テキスト中央寄せ */
.tac { text-align: center; }

/* テキスト右寄せ */
.txt-right { text-align: right; }

/* 要素左寄せ */
.fll { float: left; }

/* 要素右寄せ */
.flr { float: right; }

/* カーソル[ポインター] */
.c-pointer { cursor: pointer; }

/* 左マージン10px */
.inner { margin-left: 10px; }

/* 下マージン20px */
.mb20 { margin-bottom: 20px; }

/* 下マージン25px */
.mb25 { margin-bottom: 25px; }

/* 下マージン50px */
.mb50 { margin-bottom: 50px!important; }

/* 下マージン70px */
.mb70 { margin-bottom: 70px; }

/* 上線1px */
.bdt { border-top: 1px solid #d2d2d2; }