@charset "Shift_JIS";

/* 目次
------------------------------------------
・全体構造
・フォーム
・マージン・パディング
・レイアウト
・テキスト・フォント
・リスト
・リンク
--------------------------
・wrapper
--------------------------
・コンテンツ
------------------------------------------ */

/* 全体構造
------------------------------------------ */
body { height: 100%; background: #fff; color: #333; line-height: 1.4; font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック",sans-serif; text-align: center; }
html { height: 100%; margin-bottom: 1px; }

h1, h2, h3, h4, h5, h6,
form, fieldset, input, textarea,
pre, blockquote, th, td { margin: 0; padding: 0; font-size: 100%; }

body, div, p, address,
dl, dt, dd, ul, ol, li { margin: 0; padding: 0; }

img { border: 0; } 

caption { text-align: left; }
table { border-collapse: collapse; border: none; border-spacing: 0; }

fieldset { border: 0; }
input { line-height: 100%; }

a[name] { color: #333; }
a[name]:hover { color: #333; text-decoration: none !important; outline: 0 !important; }
a img { color: #000; }

ol, ul, li { list-style-type: none; }
li li { font-size: inherit; }

em { font-weight: bold; font-style: normal; }
label { cursor: pointer; }
address { font-style: normal; }

.navskip { height: 0; width: 0; overflow: hidden; font-size: 0; }
.hide { height: 0; width: 0; overflow: hidden; font-size: 0; }
hr { display: none; visibility: hidden; height: 0; border: 0; }


/* フォーム
------------------------------------------ */
/* 全角モード */
.imeA {ime-mode: active;}

/* IME=使用不可。ユーザー側で変更不可能 */
.imeD {ime-mode: disabled;}

input.iptTxt { padding: 1px 1px 0 1px; height: 16px; border: 1px solid #ccc; line-height: 1.2; vertical-align: middle; }


/* マージン・パディング
------------------------------------------ */
.mgt5  { margin-top: 5px!important; }
.mgt10 { margin-top: 10px!important; }
.mgt15 { margin-top: 15px!important; }
.mgt20 { margin-top: 20px!important; }
.mgt25 { margin-top: 25px!important; }
.mgt30 { margin-top: 30px!important; }
.mgt35 { margin-top: 35px!important; }

.mgl5  { margin-left: 5px!important; }
.mgl10 { margin-left: 10px!important; }
.mgl20 { margin-left: 20px!important; }
.mgl1em { margin-left: 1em!important; }
.mgl2em { margin-left: 2em!important; }

.mgr5  { margin-right: 5px!important; }
.mgr10 { margin-right: 10px!important; }
.mgr20 { margin-right: 20px!important; }
.mgr1em { margin-right: 1em!important; }
.mgr2em { margin-right: 2em!important; }

.mgSide5 { margin-left: 5px!important; margin-right: 5px!important; }
.mgSide10 { margin-left: 10px!important; margin-right: 10px!important; }
.mgSide15 { margin-left: 15px!important; margin-right: 15px!important; }

.pdgt5  { padding-top: 5px!important; }
.pdgt10 { padding-top: 10px!important; }
.pdgt15 { padding-top: 15px!important; }

.pdgb5 { padding-bottom: 5px!important; }
.pdgb10 { padding-bottom: 10px!important; }

.pdgl5  { padding-left: 5px!important; }
.pdgl10 { padding-left: 10px!important; }

.pdgr5  { padding-right: 5px!important; }
.pdgr10 { padding-right: 10px!important; }

.pdgSide5 { padding-left: 5px!important; padding-right: 5px!important; }
.pdgSide10 { padding-left: 10px!important; padding-right: 10px!important; }
.pdgSide15 { padding-left: 15px!important; padding-right: 15px!important; }


/* レイアウト
------------------------------------------ */
.floatL { float: left; }
.floatR { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/**/

.clearboth { clear: both;}
br.clear { clear: both; margin: 0; padding: 0; font-size: 0; line-height: 0; }

.alL { text-align: left !important; }
.alC { text-align: center !important; }
.alR { text-align: right !important; }
.alC .iBlk { margin-left: auto; margin-right: auto; }
.alR .iBlk { margin-left: auto; }
.vaT { vertical-align: top !important; }
.vaM { vertical-align: middle !important; }
.vaB { vertical-align: bottom !important; }
.imgC { text-align: center; }
.imgC img { display: block; margin: 0 auto; }
.imgR { text-align: right; }
.imgR img { display: block; margin-left: auto; }
.imgC a,
.imgR a { display: -moz-inline-box; }
.iBlk { display: -moz-inline-box; display: inline-block; }

/* Fx2 and older hack */
html>/**/body .iBlk, x:-moz-any-link { background-position: 0 50%; }


/* テキスト・フォント
------------------------------------------ */
.nowrap { white-space: nowrap; }
.bold   { font-weight: bold!important; }
.normal { font-weight: normal!important; }

.indent01 { margin-left: 1em; text-indent: -1em; }
div.indent01 { margin-left: 0; text-indent: 0; }
div.indent01 p { margin-left: 1em; text-indent: -1em; }
.indent02 { margin-left: 2em; text-indent: -2em; }
div.indent02 { margin-left: 0; text-indent: 0; }
div.indent02 p { margin-left: 2em; text-indent: -2em; }

.fBlk01 { color: #000; }
.fRed01 { color: #f00; }
.fAsh01 { color: #666; }
.fWhite { color: #fff; }

.fs01  { font-size: 10px; }
.fm01  { font-size: 12px; }
.fl01  { font-size: 14px; }
.fx01  { font-size: 16px; }
.fxl01 { font-size: 18px; }
.fxx01 { font-size: 20px; }


/* リスト・アイコン
------------------------------------------ */


/* リンク
------------------------------------------ */
a:link    { color: #f00; text-decoration: underline; background: transparent; }
a:visited { color: #f00; text-decoration: underline; background: transparent; }
a:hover   { color: #c00; text-decoration: underline; background: transparent; }
a:active  { color: #f00; text-decoration: underline; background: transparent; }

a.white:link,
a.white:visited { color: #fff; text-decoration: underline; background: transparent; }
a.white:hover,
a.white:active  { color: #009; text-decoration: underline; background: transparent; }


/* Wrapper
------------------------------------------ */
#wrapper { width: 910px; margin: 0 auto; text-align: left; }
#wrapper .logo { padding: 10px 10px 11px 10px; background: url(../img/line_dot_01.gif) repeat-x left bottom; }
#wrapper .copyright { padding: 20px 5px; text-align: right; }
#wrapper .copyright img { margin-left: auto; }
#wrapper div { padding: 20px 10px 21px 10px; background: url(../img/line_dot_01.gif) repeat-x left bottom; }