@charset "UTF-8";


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
GLOBAL RESET（初期化）変更後
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

q:before,q:after { content: ''; }
ul, ol { list-style: none; }
img { border: 0; }
h1,h2,h3,h4,h5,h6,p { margin: 0; padding: 0; }
form { margin: 0; padding: 0; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
COMMON（共通パーツ、フォント設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*body { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka,  "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.4em; font-size: 75%; color: #000; }*/
body { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", Meiryo, Osaka, sans-serif; line-height: 1.4em; letter-spacing: 0.04em; font-size: 80%; color: ##444444; }

/*フロートボックス用*/
.clr { clear: both; }
span.brClr { clear: both; line-height: 1px; font-size: 0.1em; }

/*スペース*/
.tSpace { margin-top: 10px !important; }
.rSpace { margin-right: 10px !important; }
.bSpace { margin-bottom: 10px !important; }
.lSpace { margin-left: 10px !important; }

.bSpace5 { margin-bottom: 5px !important; }
.bSpace15 { margin-bottom: 15px !important; }
.bSpace20 { margin-bottom: 20px !important; }
.bSpace30 { margin-bottom: 30px !important; }
.bSpace40 { margin-bottom: 40px !important; }

/*余白*/
.tBlank { padding-top: 10px !important; }
.rBlank { padding-right: 10px !important; }
.bBlank { padding-bottom: 10px !important; }
.lBlank { padding-left: 10px !important; }
.aBlank { padding: 10px !important; }

.aBlank5 { padding: 5px !important; }
.aBlank20 { padding: 20px !important; }

/*ライン*/
.baLine { border: 1px solid #DFE1E3 !important; }
.btLine { border-top: 1px solid #DFE1E3 !important; }
.brLine { border-right: 1px solid #DFE1E3 !important; }
.bbLine { border-bottom: 1px solid #DFE1E3 !important; }
.blLine { border-left: 1px solid #DFE1E3 !important; }

/*ライン消し*/
.bNoLine { border: none !important; }
.btNoLine { border-top: none !important; }
.brNoLine { border-right: none !important; }
.bbNoLine { border-bottom: none !important; }
.blNoLine { border-left: none !important; }

/*ボックスバックグラウンドカラー*/
.bBg { background: #C0CAED !important; }

/*ボックス中央寄せ*/
.boxCenter { margin-left: auto; margin-right: auto; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
リンクカラー
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

a:link,a:active,a:visited { color: #1C4FAD; text-decoration: none; }
a:hover { color: #F90; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
align設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.ct { text-align: center !important; }
.lt { text-align: left !important; }
.rt { text-align: right !important; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
vertical-align設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.vtt { vertical-align: top !important; }
.vmt { vertical-align: middle !important; }
.vbt { vertical-align: bottom !important; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
共通フォント設定
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*注意*/
.txtAtt { color: #F30 !important; font-size: 0.8em; }

/*補足*/
.txtSup { color: #666 !important; font-size: 0.8em; }

/*テーマカラー*/
.txtTheme { color: #0028B5 !important; }

/*小さいサイズ*/
.txtSmall { font-size: 0.8em; font-weight: normal; line-height: 1.4em; }
.txtSmallSt { font-size: 0.8em; font-weight: bold; line-height: 1.4em; }

/*通常サイズ*/
.txtMiddle { font-size: 1em; font-weight: normal; }
.txtMiddleSt { font-size: 1em; font-weight: bold; }

/*大きいサイズ*/
.txtLarge { font-size: 1.2em; font-weight: normal; }
.txtLargeSt { font-size: 1.2em; font-weight: bold; }


/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
テキストアイコン
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.icoTxtImp { padding: 3px; display: inline-block; font-size: 10px; line-height: 1em; color: #FFF; background: #F30; }



/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
幅（width設定）
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

/*--------------------------------------------------------------
em指定
--------------------------------------------------------------*/
.w2   { width: 2em !important; }
.w3   { width: 3em !important; }
.w4   { width: 4em !important; }
.w5   { width: 5em !important; }
.w6   { width: 6em !important; }
.w7   { width: 7em !important }
.w8   { width: 8em !important; }
.w9   { width: 9em !important; }
.w10  { width: 10em !important; }
.w11  { width: 11em !important; }
.w12  { width: 12em !important; }
.w13  { width: 13em !important; }
.w14  { width: 14em !important; }
.w15  { width: 15em !important; }
.w16  { width: 16em !important; }
.w17  { width: 17em !important; }
.w18  { width: 18em !important; }
.w19  { width: 19em !important; }
.w20  { width: 20em !important; }
.w21  { width: 21em !important; }
.w22  { width: 22em !important; }
.w23  { width: 23em !important; }
.w24  { width: 24em !important; }
.w25  { width: 25em !important; }
.w26  { width: 26em !important; }
.w27  { width: 27em !important; }
.w28  { width: 28em !important; }
.w29  { width: 29em !important; }
.w30  { width: 30em !important; }
.w35  { width: 35em !important; }
.w40  { width: 40em !important; }
.w50  { width: 50em !important; }
.w60  { width: 60em !important; }
.w70  { width: 70em !important; }
.w80  { width: 80em !important; }
.w90  { width: 90em !important; }
.w100 { width: 100em !important; }

/*--------------------------------------------------------------
%指定
--------------------------------------------------------------*/
.wr10  { width: 10% !important; }
.wr20  { width: 20% !important; }
.wr25  { width: 25% !important; }
.wr30  { width: 30% !important; }
.wr33  { width: 33% !important; }
.wr40  { width: 40% !important; }
.wr50  { width: 50% !important; }
.wr60  { width: 60% !important; }
.wr70  { width: 70% !important; }
.wr80  { width: 80% !important; }
.wr90  { width: 90% !important; }
.wr100 { width: 100% !important; }




/*|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||
---------------------------------------------------------------
フォーム関連
---------------------------------------------------------------
|||||||||||||||||||||||||||||||||||||||||||||||||||||||||||||*/

.formBlock { padding: 2px 15px 2px 3px; display: inline-block; }

/*テキストフィールド*/
.formBlock input { margin: 0 3px 0 0; }

/*テーブル*/
.formBlock table td { padding: 0 8px 0 0 !important; } 

/*ラベル（ラジオボタン・チェックボックス）*/
label { padding: 0 3px 0 0; cursor: pointer; display: inline-block; }
input:checked + label { font-weight: bold; }

input { cursor: pointer; font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; line-height: 1.2em; }
textarea { font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 100%; line-height: 1.2em; }
select.selectBox { border: 1px solid #CCC; }

input:focus { background: #F6F6F6; border: 1px solid #999; }
textarea:focus { background: #F6F6F6; border: 1px solid #999; }


/*テキストフィールド（サイズ%）*/
input.textLs, textarea.textLs { width: 20%; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLm, textarea.textLm { width: 60%; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLl, textarea.textLl { width: 90%; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLll,textarea.textLll { width: 97%; cursor: text; border: 1px solid #CCC; padding: 2px; }
/*テキストフィールドサイズ（サイズem）*/
input.textLw2, textarea.textLw2		{ width: 2em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw3, textarea.textLw3	 	{ width: 3em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw4, textarea.textLw4		{ width: 4em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw5, textarea.textLw5		{ width: 5em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw6, textarea.textLw6	 	{ width: 6em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw7, textarea.textLw7		{ width: 7em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw8, textarea.textLw8		{ width: 8em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw9, textarea.textLw9		{ width: 9em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw10, textarea.textLw10     { width: 10em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw11, textarea.textLw11     { width: 11em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw12, textarea.textLw12     { width: 12em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw13, textarea.textLw13     { width: 13em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw14, textarea.textLw14     { width: 14em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw15, textarea.textLw15     { width: 15em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw16, textarea.textLw16     { width: 16em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw17, textarea.textLw17     { width: 17em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw18, textarea.textLw18     { width: 18em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw19, textarea.textLw19     { width: 19em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw20, textarea.textLw20     { width: 20em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw21, textarea.textLw21     { width: 21em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw22, textarea.textLw22     { width: 22em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw23, textarea.textLw23     { width: 23em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw24, textarea.textLw24     { width: 24em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw25, textarea.textLw25     { width: 25em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw30, textarea.textLw30     { width: 30em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw35, textarea.textLw35     { width: 35em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw40, textarea.textLw40     { width: 40em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw50, textarea.textLw50     { width: 50em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw60, textarea.textLw60     { width: 60em; cursor: text; border: 1px solid #CCC; padding: 2px; }
input.textLw70, textarea.textLw70     { width: 70em; cursor: text; border: 1px solid #CCC; padding: 2px; }