@charset "Shift_JIS"

<style TYPE="text/css">
<!--

body{}

.on{}
.off{display:none}

.vis_hidn{visibility:hidden}

.damy{}
.damy_2{}
.damy_3{}


/*
.sm_adj_100{
-webkit-text-size-adjust:100%;
}
.sm_adj_250{
-webkit-text-size-adjust:250%;
}

.sm_adj_240{
-webkit-text-size-adjust:240%;
}
.sm_adj_250{
-webkit-text-size-adjust:250%;
}
.sm_adj_260{
-webkit-text-size-adjust:260%;
}
.sm_adj_270{
-webkit-text-size-adjust:270%;
}
.sm_adj_275{
-webkit-text-size-adjust:275%;
}
.sm_adj_280{
-webkit-text-size-adjust:280%;
}
.sm_adj_285{
-webkit-text-size-adjust:285%;
}
.sm_adj_290{
-webkit-text-size-adjust:290%;
}
*/



/* 画像を90度回転 */
.rota90{transform:rotate(90deg)}
.rota00{transform:rotate(0deg)}

.fnt90{font-size:0.9em}
.fnt80{font-size:0.8em}
.fnt110{font-size:1.1em}
.fnt120{font-size:1.2em}

/* スマホ文字拡大用 */
.fs34{font-size:34px}
.fs40{font-size:40px}
.fs42{font-size:42px}
.fs45{font-size:45px}
.fs48{font-size:48px}
.fs50{font-size:50px}
.fs56{font-size:56px}
.fs62{font-size:62px}


.fs36{font-size:36px}
.fs32{font-size:32px}
.fs28{font-size:28px}


/* ボタンで文字を拡大するための */
.fs26{font-size:26px}
.fs26_2{font-size:26px;letter-spacing:-1px}
.fs26_3{font-size:26px;letter-spacing:-1px}

.fs24{font-size:24px}
.fs24_2{font-size:24px;letter-spacing:-1px}
.fs24_3{font-size:24px;letter-spacing:-1px}

.fs23{font-size:23px}

.fs22{font-size:22px}
.fs22_2{font-size:22px}
.fs22_3{font-size:22px}

.fs21{font-size:21px}
.fs21_2{font-size:21px}
.fs21_3{font-size:21px}


/* MSﾌｫﾝﾄは21px(16pt)以上はｱﾝﾁｴｲﾘｱｽ。 */

.fs20{font-size:20px}
.fs20_2{font-size:20px}
.fs20_3{font-size:20px}

.fs19{font-size:19px}
.fs19_2{font-size:19px}
.fs19_3{font-size:19px}

.fs18{font-size:18px}
.fs18_2{font-size:18px}
.fs18_3{font-size:18px}

.fs17{font-size:17px}
.fs17_2{font-size:17px}
.fs17_3{font-size:17px}

.fs16{font-size:16px}
.fs16_2{font-size:16px}
.fs16_3{font-size:16px}

.fs15{font-size:15px}
.fs15_2{font-size:15px}
.fs15_3{font-size:15px}

.fs14{font-size:14px}
.fs14_2{font-size:14px}
.fs14_3{font-size:14px}

.fs13{font-size:13px}
.fs13_2{font-size:13px}
.fs13_3{font-size:13px}

.fs12{font-size:12px}
.fs12_2{font-size:12px}
.fs12_3{font-size:12px}

.fs11{font-size:11px}
.fs10{font-size:10px}
.fs9{font-size:9px}
.fs8{font-size:8px}
.fs7{font-size:7px}
.fs6{font-size:6px}
.fs5{font-size:5px}
.fs4{font-size:4px}
.fs2{font-size:2px}
.fs2{font-size:2px}
.fs1{font-size:1px}

.c_bl{color:blue}
.c_da-bl{color:#0000b0}
.c_wh{color:white}
.c_gr{color:green}
.c_da-gr{color:darkgreen}
.c_re{color:red}
.c_br{color:brown}
.c_gry{color:gray}
.c_blck{color:black}


/*
#c_bl{color:blue}
#c_da-bl{color:#0000b0}
#c_wh{color:white}
#c_gr{color:green}
#c_da-gr{color:darkgreen}
#c_re{color:red}
#c_br{color:brown}
#c_gry{color:gray}
#c_blck{color:black}
*/

.bg-c_da-bl{background-color:#0000b0}
.bg-c_blck{background-color:black}
.bg-c_wht{background-color:white}
.bg-c_wht_b{background-color:#fcfefc}
/*
.bg-c_wht{background-color:#f5f5ed}
*/
.bg-c_trans{background-color:transparent}
.bg-c_ivory{background-color:ivory}

.bg-c_kabe{background-image:url('./indx_img/kabeback_4.jpg')}


/*
#bg-c_da-bl{background-color:#0000b0}
#bg-c_blck{background-color:black}
#bg-c_wht{background-color:white}
#bg-c_trans{background-color:transparent}
#bg-c_ivory{background-color:ivory}
*/


/* ■■ 縦横 ■■ メインに活用中 */
/* メイン使用 */
/* ie9以降に有効。 */

.virtcl_wrt
{
-ms-writing-mode:tb-rl;
/* webkitはiPhoneなどsafari系では必須の接頭辞 */
-webkit-writing-mode:vertical-rl;
writing-mode:vertical-rl;
direction:ltr;
overflow:auto;
text-align:left;
width:100%;
}



.horizn_wrt
{
-ms-writing-mode:lr-tb; 
/* webkitはiPhoneなどsafari系では必須の接頭辞 */
-webkit-writing-mode:horizontal-tb;
writing-mode:horizontal-tb;
direction:ltr;
overflow:auto;
text-align:left;
/*width:100%;*/
}
/* 全体枠<table>タグにのみ使うべし。 */



/*以下は縦書き表示の縦中横 ie9以降。*/
.combine{
text-combine-upright: all;
-webkit-text-combine: horizontal; /* Safari 実装済 */
-moz-text-combine-upright: all; /* 実装済(Firefox nightly 版) */
-ms-text-combine-horizontal:all; /* IE 実装済 */
}

/* 3桁以下の数値を縦中横 digitsはIEのみ有効 */
.combine_3
{
  -ms-text-combine-horizontal: digits 3;
  text-combine-upright: digits 3;
}


/* 縦書き表示の時、右寄せにする */
/* .to_right{direction:rtl;} */




/* ie5-6-7-8用 ie用のwriting-mode:tb-rl以外が含まれるをエラーとなる！ */
.ie67_virt{
writing-mode:tb-rl;
/* -webkit-writing-mode:vertical-rl; */
/* writing-mode:vertical-rl; */
direction:ltr;
overflow:auto;
width:100%;
text-align:left;
}

/* 横書き用 */
/* 新設のie6-7用 */
.ie67_horz{
writing-mode:lr-tb;
/*-webkit-writing-mode:horizontal-tb; */
/* writing-mode:horizontal-tb; */
direction:ltr;
overflow:auto;
width:100%;
text-align:left;
}

/* キャプションなど文中の文字列を横書きにする ie9以降。*/
.horz{
-ms-writing-mode:lr-tb;
-webkit-writing-mode:horizontal-tb;
writing-mode:horizontal-tb;
}



.tabl{display:table}
.cell{display:table-cell}
.nobr{white-space:nowrap}


.height_100{height:100%}
.width_100{width:100%}

.height320{height:320px}
.height360{height:360px}
.height500{height:500px}

/* 548は不要となる */
/*.height548{height:548px}*/

.height575{height:575px}
.height580{height:580px}
.height590{height:590px}
.height615{height:615px}
.height630{height:630px}
.height640{height:640px}
.height650{height:650px}
.height655{height:655px}

.height660{height:660px}

.height700{height:700px}
/*.height702{height:702px}*/
.height710{height:710px}
/* 715は不要となる */
.height715{height:715px}
.height720{height:720px}
/* 730は不要となる */
.height730{height:730px}

.height738{height:738px}

.height750{height:750px}
.height755{height:755px}
.height795{height:795px}

.height818{height:818px}

.height830{height:830px}





/* 縦書き表示の場合、divのwidthとheightは同数値になるよう自動的に決まる定め？？。 */



/* 縦書き表示の、字詰めフリー化のため */

.height_auto{}
.height_auto_1{}
.height_auto_2{}
/* フラグとしてダミー。 */
/* autoにしろ。100% 90%という％だと、枠は潰れてしまう。 */


/* 縦書き表示の、字詰めフリー化のため */


/* divを中央に寄せる */
.margn_cntr{ margin-left:auto ; margin-right:auto }
.center{margin:auto}

/* 画像の同比率拡大縮小：50%←→77%(1:54)がベスト。 */
/*不要。
.img_chng_w50-77{width:50%; margin-left:25%}
.img_chng_h50-77{height:77%; margin-top:10%}
*/


/* 旧バージョン。書き換えが終えたら、削除せよ。 */
.v_15{font-size:15px; writing-mode:tb-rl; height:370px; line-height:110%; text-align:left; direction:ltr}
.v_18{font-size:18px; writing-mode:tb-rl; height:450px; line-height:125%; text-align:left; direction:ltr}
.v_20{font-size:20px; writing-mode:tb-rl; height:500px; line-height:130%; text-align:left; direction:ltr}




.v_fm_m{font-family:"ＭＳ 明朝", "MS Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif}
.v_fm_g{font-family:"Meiryo","Yu Gothic","ＭＳ ゴシック","MS Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif}

.v_fm_p-m{font-family:"ＭＳ Ｐ明朝","MS PMincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif}
.v_fm_p-g{font-family:"Meiryo UI","Yu Gothic","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif}
#v_fm_p-g{font-family:"Meiryo UI","Yu Gothic UI","ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif}


/*  縦書き表示用の明朝、ゴシック(ただし小サイズの時はＭＳフォントを使う)  */
.virt_fm_y{font-family:"游明朝","Yu Mincho","ＭＳ 明朝", "MS Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif ; font-weight:normal }
/* 游明朝　少し太く */
.virt_fm_y_bld{font-family:"游明朝","Yu Mincho","ＭＳ 明朝", "MS Mincho","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN",serif ; font-weight:600 }
.virt_fm_g{font-family:"Meiryo","Yu Gothic","MS Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif}


/* 縦書きで明朝の時の太文字にゴシックを使う */
.g_fnt_m_ms{font-family:"Meiryo","Yu Gothic","MS Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif}

.g_fnt_m_yu{font-family:"Meiryo","Yu Gothic","MS Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif}

.g_fnt_g_ms{font-family:"Meiryo","Yu Gothic","MS Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",sans-serif}



.main_inyou{color:blue;margin-left:36px}
#main_inyou{color:blue;margin-left:36px}
.main_inyou-g{color:green;margin-left:36px}
#main_inyou-g{color:green;margin-left:36px}

.weight-b{font-weight:bold}

.linhei1{line-height:1%}
.linhei2{line-height:2%}
.linhei5{line-height:5%}
.linhei10{line-height:10%}
.linhei20{line-height:20%}
.linhei30{line-height:30%}
.linhei40{line-height:40%}
.linhei50{line-height:50%}
.linhei60{line-height:60%}
.linhei70{line-height:70%}
.linhei75{line-height:75%}
.linhei80{line-height:80%}
.linhei90{line-height:90%}

.linhei100{line-height:100%}
.linhei105{line-height:105%}
.linhei110{line-height:110%}
.linhei120{line-height:120%}
.linhei120_2{line-height:120%}

.linhei125{line-height:125%}
.linhei125_2{line-height:125%}
.linhei130{line-height:130%}
.linhei130_2{line-height:130%}

.linhei135{line-height:135%}
.linhei138{line-height:138%}

.linhei140{line-height:140%}
.linhei150{line-height:150%}
.linhei150_2{line-height:150%}

.linhei155{line-height:155%}
.linhei160{line-height:160%}
.linhei175{line-height:175%}
.linhei180{line-height:180%}

.linhei185{line-height:185%}
.linhei200{line-height:200%}

.linhei260{line-height:260%}

.linhei300{line-height:300%}
.linhei360{line-height:360%}


.algn-le{text-align:left}
.algn-ce{text-align:center}
.algn-ri{text-align:right}

.width320{width:320px}
.width360{width:360px}
.width380{width:380px}
.width400{width:400px}
.width420{width:420px}
.width430{width:430px}
.width450{width:450px}
.width460{width:460px}
.width463{width:463px}
.width470{width:470px}
.width480{width:480px}
.width500{width:500px}
.width520{width:520px}
.width530{width:530px}
.width540{width:540px}
.width548{width:548px}

.width550{width:550px}
.width560{width:560px}
.width565{width:565px}
.width570{width:570px}
.width580{width:580px}
.width590{width:590px}
.width600{width:600px}
.width615{width:615px}
.width622{width:622px}
.width630{width:630px}
.width635{width:635px}
.width640{width:640px}
.width650{width:650px}
.width655{width:655px}

.width660{width:660px}

.width670{width:670px}
.width678{width:678px}

.width680{width:680px}
.width690{width:690px}


.width700{width:700px}
.width702{width:702px}

.width710{width:710px}
.width715{width:715px}
.width720{width:720px}
.width730{width:730px}

.width738{width:738px}

/* widthに770の文字が入るとエラーとなるので以下のようにする */
.width760{width:760px}
.width770{width:770px}
.width795{width:795px}
.width800{width:800px}

.width818{width:818px}

.width820{width:820px}
.width830{width:830px}


.width60{width:60%}
.width80{width:80%}
.width90{width:90%}
.width100{width:100%}


.letspc-1{letter-spacing:-1px}
#letspc-1{letter-spacing:-1px}
.letspc-2{letter-spacing:-2px}
#letspc-2{letter-spacing:-2px}
.letspc-3{letter-spacing:-3px}
#letspc-3{letter-spacing:-3px}



.mrgn_t-16{margin-top:-16px}
.mrgn_t-14{margin-top:-14px}
.mrgn_t-10{margin-top:-10px}
.mrgn_t-6{margin-top:-6px}
.mrgn_t-4{margin-top:-4px}
.mrgn_t-2{margin-top:-2px}
.mrgn_t0{margin-top:0px}
.mrgn_t2{margin-top:2px}
.mrgn_t3{margin-top:3px}
.mrgn_t4{margin-top:4px}
.mrgn_t8{margin-top:8px}
.mrgn_t10{margin-top:10px}
.mrgn_t14{margin-top:14px}
.mrgn_t20{margin-top:20px}


/*バックグランドのイメージ*/
#back-img_mrgntp3{background-image:url("./indx_img/kabeback.jpg");margin-top:3px; font-size:14px}
#back-img_kabeSilvr{background-image:url("./indx_img/kabeback.jpg")}
#back-img_grn{background-image:url("./indx_img/BgImg.jpg")}
#back-img_grn2{background-image:url("./indx_img/bg01.jpg")}



/*
cssでは１つの要素に対して半角スペース区切りで複数のクラスを割り当てることができる。
半角スペースを使う場合、必ずclass=""というように""を入れるべし。
また以下は、CSSの複数セレクター表記の方法。
A , B {〜} A要素とB要素に「〜」が反映。
A B {〜} A要素の中のB要素に「〜」が反映。(←半角スペースを入れる)
A.B {〜} class="B"が付いたA要素のみに「〜」が反映。
A .B {〜} A要素の中の「class="B"が付いた要素」のみに「〜」が反映。
A B.C {〜} A要素の中の「class="C"が付いたB要素」のみに「〜」が反映。
*/



/*
#back-img_mrgntp3{background-image:url("./indx_img/kabeback.jpg");margin-top:3px; font-size:14px}
#back-img_kabeSilvr{background-image:url("./indx_img/kabeback.jpg")}
#back-img_grn{background-image:url("./indx_img/BgImg.jpg")}
#back-img_grn2{background-image:url("./indx_img/bg01.jpg")}
*/

-->
</style>