@charset "UTF-8";

/**
 * general.css
 * all html
 */

/* 汎用クラス
--------------------------------------------------------------*/

/* 印刷不可 */
@media print {
    .noPrint { display:none; }
}

/* リード文 */
p.lead { margin:10px;line-height:1.3; }

/* 改行不可 */
.noBr { white-space:nowrap; }

/* 背景画像なし */
.noBg { background:none !important; }

/* ボーダーなし */
.noBd { border:none !important; }

/* 隠しテキスト */
.txtHide {
    width:1px !important;
    height:1px !important;
    min-height:1px !important;
    font-size:1px !important;
    line-height:1px !important;
    color:#FFF;
    text-indent:-9999em !important;
    background:none !important;
    margin:-1px 0 0 0 !important;
    padding:0 !important;
}

/* リンクテキスト
--------------------------------------------------------------*/
a.out:link,
a.out:visited {/* 選択都道府県外の駅など */
    color:#666;
}
a.out:active,
a.out:hover {
    color:#999;
}
/* リンクテキスト（ビュレット白付き背景グレー）
--------------------------------------------------------------*/
a.bulletRw:link {
    color:#fff;
}
a.bulletRw:visited {
    color:#8252A8;
}
a.bulletRw:active,
a.bulletRw:hover {
    color:#63A1FF;
}




/* テキストアライン
--------------------------------------------------------------*/
.alignR { text-align:right !important; }
.alignL { text-align:left !important; }
.alignC { text-align:center !important; }
.valignT { vertical-align:top !important; }
.valignM { vertical-align:middle !important; }
.valignB { vertical-align:bottom !important; }

/* フォント設定
--------------------------------------------------------------*/
.attention {
    color:#CA6701;
}
.supplement {
    font-size:82%;
    padding-left:1em;
    text-indent:-1em;
    color:#999;
}
.bold {
	font-weight: bold !important;
}

/* フロート
--------------------------------------------------------------*/

/* LEFT */
.floLeft {
    display:block;
    float:left !important;
}
/* RIGHT */
.floRight {
    display:block;
    float:right !important;
}
/* フロートクリアユニット（<div class="clear"><br></div>をクリアしたい場所に入れます） */
*.clear {
    display:block !important;
    clear:both !important;
    width:auto !important;
    height:1px !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
}

/* clear:both */
.both {
	clear: both;
}

.bulletR {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(/contact/images/img/right.gif) no-repeat scroll 0 0.4em;
    padding-left:8px;
}

/* ディスプレイ
--------------------------------------------------------------*/
.dispBlock { display:block; }
.dispInline { display:inline; }
.dispNone { display:none; }

/* ライン
--------------------------------------------------------------*/
.bdGry {
    border-top:solid 1px #BABABA;
    display:block;
    width:auto;
    height:1px;
    margin:0;
    padding:0;
    overflow:hidden !important;
}
.bdGry hr {
    display:none;
}

/* インライン画像
--------------------------------------------------------------*/

/* テキスト右側のアイコン */
.iconR {
    vertical-align:middle;
    margin-left:5px;
/*    margin-bottom: 2px */
}
/* テキスト左側のアイコン */
.iconL {
    vertical-align:middle;
    margin-right:5px;
}
/* 文中に入れる画像 */
.iconC {
    vertical-align:middle;
    margin-right:5px;
    margin-left:5px;
}

/* フォーム
--------------------------------------------------------------*/
input.widthXS,
select.widthXS {
    width:5em;
    border:solid 1px #7B9EBC;
}
input.widthS,
select.widthS {
    width:6.8em;
    border:solid 1px #7B9EBC;
}
input.widthM2,
select.widthM2 {
    width:10em;
    border:solid 1px #7B9EBC;
}
input.widthM,
select.widthM {
    width:12em;
    border:solid 1px #7B9EBC;
}
input.widthL,
select.widthL {
    width:18em;
    border:solid 1px #7B9EBC;
}

/* ボックス
--------------------------------------------------------------*/
.whtBdBox {
    background-color:#FFFFFF;
    border:solid 1px #B8B8B8;
    padding:7px 10px;
    margin-bottom:10px;
}
.grayBdBox {
    background-color:#FAFAFA;
    border:solid 1px #B8B8B8;
    padding:7px 10px;
    margin-bottom:10px;
}
.blueBdBox {
    background-color:#E9F4FF;
    border:solid 1px #B8B8B8;
    padding:7px 10px;
    margin-bottom:10px;
}

/* リスト
--------------------------------------------------------------*/
/* チェックボックス・ラジオボタン選択用プレーンリスト */
ul.plainList {
    list-style:none;
    margin:0 10px;
    padding:0;
}
ul.plainList li {
    word-break:break-all;
    padding-left:1.5em;
    text-indent:-1.5em;
}
/* チェックボックス・ラジオボタン選択用フロートリスト */
ul.floList {
    list-style:none;
    margin:0 10px;
    padding:0;
}

ul.floList li.aaaa {
    float:left;
    padding-top:8px;
    padding-left:0 !important;
    text-indent:-1.5em;
    white-space:normal;
}
ul.floList li {
    float:left;
    word-break:break-all;
    padding-left:1.5em;
    padding-top:8px;
    text-indent:-1.5em;
    white-space:normal;
}

/*ie6対応。線がガタガタになるのを防ぐ*/
/* \ */
* html ul.floList li input{
	vertical-align:baseline
}

ul.floList.widthS li { width:7em; }
ul.floList.widthS2 li { width:10.3em; }
ul.floList.widthM li { width:13em; }
ul.floList.widthM3 li { width:186px; }
ul.floList.widthM2 li { width:15em; }
ul.floList.widthL li { width:16em; }

/* リンクテキスト選択用フロートリスト（幅FIXバージョン） */
ul.floLinkList3 {
    list-style:none;
    margin:0 10px;
    padding:0;
}
ul.floLinkList3 li {
    float:left;
    padding:3px 15px 5px 0;
    word-break:break-all;
    white-space:normal !important;
}
ul.floLinkList3.widthS li { width:7em; }
ul.floLinkList3.widthS2 li { width:10.3em; }
ul.floLinkList3.widthM li { width:13em; }
ul.floLinkList3.widthM2 li { width:15em; }
ul.floLinkList3.widthL li { width:18em; }

/* リンクテキスト選択用フロートリスト（流し込みバージョン） */
ul.floLinkList {
    list-style:none;
    margin:0 0 0 10px;
    padding:0;
    white-space:normal;
}
ul.floLinkList li {
    float:left;
    margin-right:15px;
    padding:2px 0;
    white-space:nowrap;
}
/* safari only \*/
html:\66irst-child body ul.floLinkList li {
    white-space:normal !important;
}
/* end */

/* マージン狭 */
ul.floLinkList2 {
    list-style:none;
    margin:0 0 0 10px;
    padding:0;
}
ul.floLinkList2 li {
    float:left;
    margin-right:3px;
    padding:0;
    white-space:nowrap;
}
/* safari only \*/
html:\66irst-child body ul.floLinkList2 li {
    white-space:normal !important;
}
/* end */

ul.floLinkList2 li input {
    margin:1px 3px 1px 0;
}
/* 中黒つきノーマルリスト */
ul.nrmList {
    margin:8px;
    padding:0;
    list-style:none;
}
/* １ｗ分マーク付きリスト */
ul.indentList {
    margin:0;
    padding:0;
    list-style:none;
}
ul.indentList li {
    padding-left:1em;
    text-indent:-1em;
    padding-bottom:2px;
    margin:0;
}
ul.indentList li img,
ul.indentList li input {
    vertical-align:middle;
    margin:0 3px;
}

/* 入力文字制限
------------------------------------------------------- */
.imeOff {
ime-mode:disabled;
}
.imeOn {
ime-mode:active;
}

/* 縦マージン
--------------------------------------------------------------*/
.mt0 { margin-top:0 !important; }
.mt3 { margin-top:5px !important; }
.mt5 { margin-top:5px !important; }
.mt10 { margin-top:10px !important; }
.mt15 { margin-top:15px !important; }
.mt20 { margin-top:20px !important; }
.mt30 { margin-top:30px !important; }
.mt40 { margin-top:40px !important; }

.mb0 { margin-bottom:0 !important; }
.mb5 { margin-bottom:5px !important; }
.mb10 { margin-bottom:10px !important; }
.mb15 { margin-bottom:15px !important; }
.mb20 { margin-bottom:20px !important; }
.mb30 { margin-bottom:30px !important; }
.mb40 { margin-bottom:40px !important; }

/* 横マージン
--------------------------------------------------------------*/
.ml0 { margin-left:0 !important; }
.ml5 { margin-left:5px !important; }
.ml10 { margin-left:10px !important; }
.ml15 { margin-left:15px !important; }
.ml20 { margin-left:20px !important; }
.ml30 { margin-left:30px !important; }
.ml40 { margin-left:40px !important; }

.mr0 { margin-right:0 !important; }
.mr5 { margin-right:5px !important; }
.mr10 { margin-right:10px !important; }
.mr15 { margin-right:15px !important; }
.mr20 { margin-right:20px !important; }
.mr30 { margin-right:30px !important; }
.mr40 { margin-right:40px !important; }

/* 縦パディング
--------------------------------------------------------------*/
.pt0 { padding-top:0 !important; }
.pt5 { padding-top:5px !important; }
.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }
.pt20 { padding-top:20px !important; }
.pt30 { padding-top:30px !important; }
.pt40 { padding-top:40px !important; }

.pb0 { padding-bottom:0 !important; }
.pb5 { padding-bottom:5px !important; }
.pb10 { padding-bottom:10px !important; }
.pb15 { padding-bottom:15px !important; }
.pb20 { padding-bottom:20px !important; }
.pb30 { padding-bottom:30px !important; }
.pb40 { padding-bottom:40px !important; }


/* 横パディング
--------------------------------------------------------------*/

.pr0 { padding-right:0 !important; }
.pr5 { padding-right:5px !important; }
.pr10 { padding-right:10px !important; }
.pr15 { padding-right:15px !important; }
.pr20 { padding-right:20px !important; }
.pr30 { padding-right:30px !important; }
.pr40 { padding-right:40px !important; }