@charset "UTF-8";

/*------------------------------------------------------------
　　　　　　　　　　　　～　共通設定　～

　t=上 / r=右 / b=下 / l=左 / c=中央(横) / m=中間(縦)
-------------------------------------------------------------*/

/*----------------------------------------------------
　文字の横位置
----------------------------------------------------*/

.ta-c{ text-align: center; }/*中央寄せ*/
.ta-r{ text-align: right; }/*右寄せ*/
.ta-l{ text-align: left; }/*左寄せ*/


/*----------------------------------------------------
　文字の縦位置
----------------------------------------------------*/

.va-t{ vertical-align: top!important; }/*上寄せ*/
.va-m{ vertical-align: middle!important; }/*中央寄せ*/
.va-b{ vertical-align: bottom!important; }/*下寄せ*/


/*----------------------------------------------------
　左右の回り込み
----------------------------------------------------*/

.ft-r{ float: right; }/*右に回り込み*/
.ft-l{ float: left; }/*左に回り込み*/
.ft-c{ clear: both; }/*回り込みを解除*/


/*640px以下では回り込み解除*/
@media
only screen and (max-width : 640px){
.ft-r,
.ft-l{ float: none; }
}


/*----------------------------------------------------
　margin設定
----------------------------------------------------*/

.m0{ margin: 0!important; }/*上下左右 margin 0*/
.mt0{ margin-top: 0!important; }/*上 margin 0*/
.mr0{ margin-right: 0!important; }/*右 margin 0*/
.mb0{ margin-bottom: 0!important; }/*下 margin 0*/
.ml0{ margin-left: 0!important; }/*左 margin 0*/

.m5{ margin: 5px!important; }
.mt5{ margin-top: 5px!important; }
.mr5{ margin-right: 5px!important; }
.mb5{ margin-bottom: 5px!important; }
.ml5{ margin-left: 5px!important; }
.mlr5{ margin-left: 5px!important; margin-right: 5px!important; }/*左右 margin 5px*/
.mtb5{ margin-top: 5px!important; margin-bottom: 5px!important; }/*上下 margin 5px*/

.m10{ margin: 10px!important; }
.mt10{ margin-top: 10px!important; }
.mr10{ margin-right: 10px!important; }
.mb10{ margin-bottom: 10px!important; }
.ml10{ margin-left: 10px!important; }
.mlr10{ margin-left: 10px!important; margin-right: 10px!important; }
.mtb10{ margin-top: 10px!important; margin-bottom: 10px!important; }

.m15{ margin: 15px!important; }
.mt15{ margin-top: 15px!important; }
.mr15{ margin-right: 15px!important; }
.mb15{ margin-bottom: 15px!important; }
.ml15{ margin-left: 15px!important; }
.mlr15{ margin-left: 15px!important; margin-right: 15px!important; }
.mtb15{ margin-top: 15px!important; margin-bottom: 15px!important; }

.m20{ margin: 20px!important; }
.mt20{ margin-top: 20px!important; }
.mr20{ margin-right: 20px!important; }
.mb20{ margin-bottom: 20px!important; }
.ml20{ margin-left: 20px!important; }
.mlr20{ margin-left: 20px!important; margin-right: 20px!important; }
.mtb20{ margin-top: 20px!important; margin-bottom: 20px!important; }

.m25{ margin: 25px!important; }
.mt25{ margin-top: 25px!important; }
.mr25{ margin-right: 25px!important; }
.mb25{ margin-bottom: 25px!important; }
.ml25{ margin-left: 25px!important; }
.mlr25{ margin-left: 25px!important; margin-right: 25px!important; }
.mtb25{ margin-top: 25px!important; margin-bottom: 25px!important; }

.m30{ margin: 30px!important; }
.mt30{ margin-top: 30px!important; }
.mr30{ margin-right: 30px!important; }
.mb30{ margin-bottom: 30px!important; }
.ml30{ margin-left: 30px!important; }
.mlr30{ margin-left: 30px!important; margin-right: 30px!important; }
.mtb30{ margin-top: 30px!important; margin-bottom: 30px!important; }

.m35{ margin: 35px!important; }
.mt35{ margin-top: 35px!important; }
.mr35{ margin-right: 35px!important; }
.mb35{ margin-bottom: 35px!important; }
.ml35{ margin-left: 35px!important; }
.mlr35{ margin-left: 35px!important; margin-right: 35px!important; }
.mtb35{ margin-top: 35px!important; margin-bottom: 35px!important; }

.m40{ margin: 40px!important; }
.mt40{ margin-top: 40px!important; }
.mr40{ margin-right: 40px!important; }
.mb40{ margin-bottom: 40px!important; }
.ml40{ margin-left: 40px!important; }
.mlr40{ margin-left: 40px!important; margin-right: 40px!important; }
.mtb40{ margin-top: 40px!important; margin-bottom: 40px!important; }

.m50{ margin: 50px!important; }
.mt50{ margin-top: 50px!important; }
.mr50{ margin-right: 50px!important; }
.mb50{ margin-bottom: 50px!important; }
.ml50{ margin-left: 50px!important; }
.mlr50{ margin-left: 50px!important; margin-right: 50px!important; }
.mtb50{ margin-top: 50px!important; margin-bottom: 50px!important; }

.m60{ margin: 60px!important; }
.mt60{ margin-top: 60px!important; }
.mr60{ margin-right: 60px!important; }
.mb60{ margin-bottom: 60px!important; }
.ml60{ margin-left: 60px!important; }
.mlr60{ margin-left: 60px!important; margin-right: 60px!important; }
.mtb60{ margin-top: 60px!important; margin-bottom: 60px!important; }

.m70{ margin: 70px!important; }
.mt70{ margin-top: 70px!important; }
.mr70{ margin-right: 70px!important; }
.mb70{ margin-bottom: 70px!important; }
.ml70{ margin-left: 70px!important; }
.mlr70{ margin-left: 70px!important; margin-right: 70px!important; }
.mtb70{ margin-top: 70px!important; margin-bottom: 70px!important; }

.m80{ margin: 80px!important; }
.mt80{ margin-top: 80px!important; }
.mr80{ margin-right: 80px!important; }
.mb80{ margin-bottom: 80px!important; }
.ml80{ margin-left: 80px!important; }
.mlr80{ margin-left: 80px!important; margin-right: 80px!important; }
.mtb80{ margin-top: 80px!important; margin-bottom: 80px!important; }

.m90{ margin: 90px!important; }
.mt90{ margin-top: 90px!important; }
.mr90{ margin-right: 90px!important; }
.mb90{ margin-bottom: 90px!important; }
.ml90{ margin-left: 90px!important; }
.mlr90{ margin-left: 90px!important; margin-right: 90px!important; }
.mtb90{ margin-top: 90px!important; margin-bottom: 90px!important; }

.m100{ margin: 100px!important; }
.mt100{ margin-top: 100px!important; }
.mr100{ margin-right: 100px!important; }
.mb100{ margin-bottom: 100px!important; }
.ml100{ margin-left: 100px!important; }
.mlr100{ margin-left: 100px!important; margin-right: 100px!important; }
.mtb100{ margin-top: 100px!important; margin-bottom: 100px!important; }

.m110{ margin: 110px!important; }
.mt110{ margin-top: 110px!important; }
.mr110{ margin-right: 110px!important; }
.mb110{ margin-bottom: 110px!important; }
.ml110{ margin-left: 110px!important; }
.mlr110{ margin-left: 110px!important; margin-right: 110px!important; }
.mtb110{ margin-top: 110px!important; margin-bottom: 110px!important; }

.m120{ margin: 120px!important; }
.mt120{ margin-top: 120px!important; }
.mr120{ margin-right: 120px!important; }
.mb120{ margin-bottom: 120px!important; }
.ml120{ margin-left: 120px!important; }
.mlr120{ margin-left: 120px!important; margin-right: 120px!important; }
.mtb120{ margin-top: 120px!important; margin-bottom: 120px!important; }

.m130{ margin: 130px!important; }
.mt130{ margin-top: 130px!important; }
.mr130{ margin-right: 130px!important; }
.mb130{ margin-bottom: 130px!important; }
.ml130{ margin-left: 130px!important; }
.mlr130{ margin-left: 130px!important; margin-right: 130px!important; }
.mtb130{ margin-top: 130px!important; margin-bottom: 130px!important; }

.m140{ margin: 140px!important; }
.mt140{ margin-top: 140px!important; }
.mr140{ margin-right: 140px!important; }
.mb140{ margin-bottom: 140px!important; }
.ml140{ margin-left: 140px!important; }
.mlr140{ margin-left: 140px!important; margin-right: 140px!important; }
.mtb140{ margin-top: 140px!important; margin-bottom: 140px!important; }

.m150{ margin: 150px!important; }
.mt150{ margin-top: 150px!important; }
.mr150{ margin-right: 150px!important; }
.mb150{ margin-bottom: 150px!important; }
.ml150{ margin-left: 150px!important; }
.mlr150{ margin-left: 150px!important; margin-right: 150px!important; }
.mtb150{ margin-top: 150px!important; margin-bottom: 150px!important; }

.m160{ margin: 160px!important; }
.mt160{ margin-top: 160px!important; }
.mr160{ margin-right: 160px!important; }
.mb160{ margin-bottom: 160px!important; }
.ml160{ margin-left: 160px!important; }
.mlr160{ margin-left: 160px!important; margin-right: 160px!important; }
.mtb160{ margin-top: 160px!important; margin-bottom: 160px!important; }

.m170{ margin: 170px!important; }
.mt170{ margin-top: 170px!important; }
.mr170{ margin-right: 170px!important; }
.mb170{ margin-bottom: 170px!important; }
.ml170{ margin-left: 170px!important; }
.mlr170{ margin-left: 170px!important; margin-right: 170px!important; }
.mtb170{ margin-top: 170px!important; margin-bottom: 170px!important; }

.m180{ margin: 180px!important; }
.mt180{ margin-top: 180px!important; }
.mr180{ margin-right: 180px!important; }
.mb180{ margin-bottom: 180px!important; }
.ml180{ margin-left: 180px!important; }
.mlr180{ margin-left: 180px!important; margin-right: 180px!important; }
.mtb180{ margin-top: 180px!important; margin-bottom: 180px!important; }

.m190{ margin: 190px!important; }
.mt190{ margin-top: 190px!important; }
.mr190{ margin-right: 190px!important; }
.mb190{ margin-bottom: 190px!important; }
.ml190{ margin-left: 190px!important; }
.mlr190{ margin-left: 190px!important; margin-right: 190px!important; }
.mtb190{ margin-top: 190px!important; margin-bottom: 190px!important; }

.m200{ margin: 200px!important; }
.mt200{ margin-top: 200px!important; }
.mr200{ margin-right: 200px!important; }
.mb200{ margin-bottom: 200px!important; }
.ml200{ margin-left: 200px!important; }
.mlr200{ margin-left: 200px!important; margin-right: 200px!important; }
.mtb200{ margin-top: 200px!important; margin-bottom: 200px!important; }

.m250{ margin: 250px!important; }
.mt250{ margin-top: 250px!important; }
.mr250{ margin-right: 250px!important; }
.mb250{ margin-bottom: 250px!important; }
.ml250{ margin-left: 250px!important; }
.mlr250{ margin-left: 250px!important; margin-right: 250px!important; }
.mtb250{ margin-top: 250px!important; margin-bottom: 250px!important; }

.m300{ margin: 300px!important; }
.mt300{ margin-top: 300px!important; }
.mr300{ margin-right: 300px!important; }
.mb300{ margin-bottom: 300px!important; }
.ml300{ margin-left: 300px!important; }
.mlr300{ margin-left: 300px!important; margin-right: 300px!important; }
.mtb300{ margin-top: 300px!important; margin-bottom: 300px!important; }


/*----------------------------------------------------
　margin設定（規定より幅を広げる場合）
----------------------------------------------------*/

.m-5{ margin: -5px!important; }
.mt-5{ margin-top: -5px!important; }/*上 margin -5px*/
.mr-5{ margin-right: -5px!important; }/*右 margin -5px*/
.mb-5{ margin-bottom: -5px!important; }/*下 margin -5px*/
.ml-5{ margin-left: -5px!important; }/*左 margin -5px*/
.mlr-5{ margin-left: -5px!important; margin-right: -5px!important; }/*左右 margin -5px*/
.mtb-5{ margin-top: -5px!important; margin-bottom: -5px!important; }/*上下 margin -5px*/

.m-10{ margin: -10px!important; }
.mt-10{ margin-top: -10px!important; }
.mr-10{ margin-right: -10px!important; }
.mb-10{ margin-bottom: -10px!important; }
.ml-10{ margin-left: -10px!important; }
.mlr-10{ margin-left: -10px!important; margin-right: -10px!important; }
.mtb-10{ margin-top: -10px!important; margin-bottom: -10px!important; }

.m-15{ margin: -15px!important; }
.mt-15{ margin-top: -15px!important; }
.mr-15{ margin-right: -15px!important; }
.mb-15{ margin-bottom: -15px!important; }
.ml-15{ margin-left: -15px!important; }
.mlr-15{ margin-left: -15px!important; margin-right: -15px!important; }
.mtb-15{ margin-top: -15px!important; margin-bottom: -15px!important; }

.m-20{ margin: -20px!important; }
.mt-20{ margin-top: -20px!important; }
.mr-20{ margin-right: -20px!important; }
.mb-20{ margin-bottom: -20px!important; }
.ml-20{ margin-left: -20px!important; }
.mlr-20{ margin-left: -20px!important; margin-right: -20px!important; }
.mtb-20{ margin-top: -20px!important; margin-bottom: -20px!important; }

.m-25{ margin: -25px!important; }
.mt-25{ margin-top: -25px!important; }
.mr-25{ margin-right: -25px!important; }
.mb-25{ margin-bottom: -25px!important; }
.ml-25{ margin-left: -25px!important; }
.mlr-25{ margin-left: -25px!important; margin-right: -25px!important; }
.mtb-25{ margin-top: -25px!important; margin-bottom: -25px!important; }

.m-30{ margin: -30px!important; }
.mt-30{ margin-top: -30px!important; }
.mr-30{ margin-right: -30px!important; }
.mb-30{ margin-bottom: -30px!important; }
.ml-30{ margin-left: -30px!important; }
.mlr-30{ margin-left: -30px!important; margin-right: -30px!important; }
.mtb-30{ margin-top: -30px!important; margin-bottom: -30px!important; }

.m-35{ margin: -35px!important; }
.mt-35{ margin-top: -35px!important; }
.mr-35{ margin-right: -35px!important; }
.mb-35{ margin-bottom: -35px!important; }
.ml-35{ margin-left: -35px!important; }
.mlr-35{ margin-left: -35px!important; margin-right: -35px!important; }
.mtb-35{ margin-top: -35px!important; margin-bottom: -35px!important; }

.m-40{ margin: -40px!important; }
.mt-40{ margin-top: -40px!important; }
.mr-40{ margin-right: -40px!important; }
.mb-40{ margin-bottom: -40px!important; }
.ml-40{ margin-left: -40px!important; }
.mlr-40{ margin-left: -40px!important; margin-right: -40px!important; }
.mtb-40{ margin-top: -40px!important; margin-bottom: -40px!important; }

.m-50{ margin: -50px!important; }
.mt-50{ margin-top: -50px!important; }
.mr-50{ margin-right: -50px!important; }
.mb-50{ margin-bottom: -50px!important; }
.ml-50{ margin-left: -50px!important; }
.mlr-50{ margin-left: -50px!important; margin-right: -50px!important; }
.mtb-50{ margin-top: -50px!important; margin-bottom: -50px!important; }

.m-60{ margin: -60px!important; }
.mt-60{ margin-top: -60px!important; }
.mr-60{ margin-right: -60px!important; }
.mb-60{ margin-bottom: -60px!important; }
.ml-60{ margin-left: -60px!important; }
.mlr-60{ margin-left: -60px!important; margin-right: -60px!important; }
.mtb-60{ margin-top: -60px!important; margin-bottom: -60px!important; }

.m-70{ margin: -70px!important; }
.mt-70{ margin-top: -70px!important; }
.mr-70{ margin-right: -70px!important; }
.mb-70{ margin-bottom: -70px!important; }
.ml-70{ margin-left: -70px!important; }
.mlr-70{ margin-left: -70px!important; margin-right: -70px!important; }
.mtb-70{ margin-top: -70px!important; margin-bottom: -70px!important; }

.m-80{ margin: -80px!important; }
.mt-80{ margin-top: -80px!important; }
.mr-80{ margin-right: -80px!important; }
.mb-80{ margin-bottom: -80px!important; }
.ml-80{ margin-left: -80px!important; }
.mlr-80{ margin-left: -80px!important; margin-right: -80px!important; }
.mtb-80{ margin-top: -80px!important; margin-bottom: -80px!important; }

.m-90{ margin: -90px!important; }
.mt-90{ margin-top: -90px!important; }
.mr-90{ margin-right: -90px!important; }
.mb-90{ margin-bottom: -90px!important; }
.ml-90{ margin-left: -90px!important; }
.mlr-90{ margin-left: -90px!important; margin-right: -90px!important; }
.mtb-90{ margin-top: -90px!important; margin-bottom: -90px!important; }

.m-100{ margin: -100px!important; }
.mt-100{ margin-top: -100px!important; }
.mr-100{ margin-right: -100px!important; }
.mb-100{ margin-bottom: -100px!important; }
.ml-100{ margin-left: -100px!important; }
.mlr-100{ margin-left: -100px!important; margin-right: -100px!important; }
.mtb-100{ margin-top: -100px!important; margin-bottom: -100px!important; }

.m-110{ margin: -110px!important; }
.mt-110{ margin-top: -110px!important; }
.mr-110{ margin-right: -110px!important; }
.mb-110{ margin-bottom: -110px!important; }
.ml-110{ margin-left: -110px!important; }
.mlr-110{ margin-left: -110px!important; margin-right: -110px!important; }
.mtb-110{ margin-top: -110px!important; margin-bottom: -110px!important; }

.m-120{ margin: -120px!important; }
.mt-120{ margin-top: -120px!important; }
.mr-120{ margin-right: -120px!important; }
.mb-120{ margin-bottom: -120px!important; }
.ml-120{ margin-left: -120px!important; }
.mlr-120{ margin-left: -120px!important; margin-right: -120px!important; }
.mtb-120{ margin-top: -120px!important; margin-bottom: -120px!important; }

.m-130{ margin: -130px!important; }
.mt-130{ margin-top: -130px!important; }
.mr-130{ margin-right: -130px!important; }
.mb-130{ margin-bottom: -130px!important; }
.ml-130{ margin-left: -130px!important; }
.mlr-130{ margin-left: -130px!important; margin-right: -130px!important; }
.mtb-130{ margin-top: -130px!important; margin-bottom: -130px!important; }

.m-140{ margin: -140px!important; }
.mt-140{ margin-top: -140px!important; }
.mr-140{ margin-right: -140px!important; }
.mb-140{ margin-bottom: -140px!important; }
.ml-140{ margin-left: -140px!important; }
.mlr-140{ margin-left: -140px!important; margin-right: -140px!important; }
.mtb-140{ margin-top: -140px!important; margin-bottom: -140px!important; }

.m-150{ margin: -150px!important; }
.mt-150{ margin-top: -150px!important; }
.mr-150{ margin-right: -150px!important; }
.mb-150{ margin-bottom: -150px!important; }
.ml-150{ margin-left: -150px!important; }
.mlr-150{ margin-left: -150px!important; margin-right: -150px!important; }
.mtb-150{ margin-top: -150px!important; margin-bottom: -150px!important; }

.m-160{ margin: -160px!important; }
.mt-160{ margin-top: -160px!important; }
.mr-160{ margin-right: -160px!important; }
.mb-160{ margin-bottom: -160px!important; }
.ml-160{ margin-left: -160px!important; }
.mlr-160{ margin-left: -160px!important; margin-right: -160px!important; }
.mtb-160{ margin-top: -160px!important; margin-bottom: -160px!important; }

.m-170{ margin: -170px!important; }
.mt-170{ margin-top: -170px!important; }
.mr-170{ margin-right: -170px!important; }
.mb-170{ margin-bottom: -170px!important; }
.ml-170{ margin-left: -170px!important; }
.mlr-170{ margin-left: -170px!important; margin-right: -170px!important; }
.mtb-170{ margin-top: -170px!important; margin-bottom: -170px!important; }

.m-180{ margin: -180px!important; }
.mt-180{ margin-top: -180px!important; }
.mr-180{ margin-right: -180px!important; }
.mb-180{ margin-bottom: -180px!important; }
.ml-180{ margin-left: -180px!important; }
.mlr-180{ margin-left: -180px!important; margin-right: -180px!important; }
.mtb-180{ margin-top: -180px!important; margin-bottom: -180px!important; }

.m-190{ margin: -190px!important; }
.mt-190{ margin-top: -190px!important; }
.mr-190{ margin-right: -190px!important; }
.mb-190{ margin-bottom: -190px!important; }
.ml-190{ margin-left: -190px!important; }
.mlr-190{ margin-left: -190px!important; margin-right: -190px!important; }
.mtb-190{ margin-top: -190px!important; margin-bottom: -190px!important; }

.m-200{ margin: -200px!important; }
.mt-200{ margin-top: -200px!important; }
.mr-200{ margin-right: -200px!important; }
.mb-200{ margin-bottom: -200px!important; }
.ml-200{ margin-left: -200px!important; }
.mlr-200{ margin-left: -200px!important; margin-right: -200px!important; }
.mtb-200{ margin-top: -200px!important; margin-bottom: -200px!important; }

/*----------------------------------------------------
　padding設定
----------------------------------------------------*/

.p0{ padding: 0!important; }/*上下左右 padding 0*/
.pt0{ padding-top: 0!important; }/*上 padding 0*/
.pr0{ padding-right: 0!important; }/*右 padding 0*/
.pb0{ padding-bottom: 0!important; }/*下 padding 0*/
.pl0{ padding-left: 0!important; }/*左 padding 0*/

.p5{ padding: 5px!important; }
.pt5{ padding-top: 5px!important; }
.pr5{ padding-right: 5px!important; }
.pb5{ padding-bottom: 5px!important; }
.pl5{ padding-left: 5px!important; }
.plr5{ padding-left: 5px!important; padding-right: 5px!important; }/*左右 padding 5px*/
.ptb5{ padding-top: 5px!important; padding-bottom: 5px!important; }/*上下 padding 5px*/

.p10{ padding: 10px!important; }
.pt10{ padding-top: 10px!important; }
.pr10{ padding-right: 10px!important; }
.pb10{ padding-bottom: 10px!important; }
.pl10{ padding-left: 10px!important; }
.plr10{ padding-left: 10px!important; padding-right: 10px!important; }
.ptb10{ padding-top: 10px!important; padding-bottom: 10px!important; }

.p15{ padding: 15px!important; }
.pt15{ padding-top: 15px!important; }
.pr15{ padding-right: 15px!important; }
.pb15{ padding-bottom: 15px!important; }
.pl15{ padding-left: 15px!important; }
.plr15{ padding-left: 15px!important; padding-right: 15px!important; }
.ptb15{ padding-top: 15px!important; padding-bottom: 15px!important; }

.p20{ padding: 20px!important; }
.pt20{ padding-top: 20px!important; }
.pr20{ padding-right: 20px!important; }
.pb20{ padding-bottom: 20px!important; }
.pl20{ padding-left: 20px!important; }
.plr20{ padding-left: 20px!important; padding-right: 20px!important; }
.ptb20{ padding-top: 20px!important; padding-bottom: 20px!important; }

.p25{ padding: 25px!important; }
.pt25{ padding-top: 25px!important; }
.pr25{ padding-right: 25px!important; }
.pb25{ padding-bottom: 25px!important; }
.pl25{ padding-left: 25px!important; }
.plr25{ padding-left: 25px!important; padding-right: 25px!important; }
.ptb25{ padding-top: 25px!important; padding-bottom: 25px!important; }

.p30{ padding: 30px!important; }
.pt30{ padding-top: 30px!important; }
.pr30{ padding-right: 30px!important; }
.pb30{ padding-bottom: 30px!important; }
.pl30{ padding-left: 30px!important; }
.plr30{ padding-left: 30px!important; padding-right: 30px!important; }
.ptb30{ padding-top: 30px!important; padding-bottom: 30px!important; }

.p35{ padding: 35px!important; }
.pt35{ padding-top: 35px!important; }
.pr35{ padding-right: 35px!important; }
.pb35{ padding-bottom: 35px!important; }
.pl35{ padding-left: 35px!important; }
.plr35{ padding-left: 35px!important; padding-right: 35px!important; }
.ptb35{ padding-top: 35px!important; padding-bottom: 35px!important; }

.p40{ padding: 40px!important; }
.pt40{ padding-top: 40px!important; }
.pr40{ padding-right: 40px!important; }
.pb40{ padding-bottom: 40px!important; }
.pl40{ padding-left: 40px!important; }
.plr40{ padding-left: 40px!important; padding-right: 40px!important; }
.ptb40{ padding-top: 40px!important; padding-bottom: 40px!important; }

.p50{ padding: 50px!important; }
.pt50{ padding-top: 50px!important; }
.pr50{ padding-right: 50px!important; }
.pb50{ padding-bottom: 50px!important; }
.pl50{ padding-left: 50px!important; }
.plr50{ padding-left: 50px!important; padding-right: 50px!important; }
.ptb50{ padding-top: 50px!important; padding-bottom: 50px!important; }

.p60{ padding: 60px!important; }
.pt60{ padding-top: 60px!important; }
.pr60{ padding-right: 60px!important; }
.pb60{ padding-bottom: 60px!important; }
.pl60{ padding-left: 60px!important; }
.plr60{ padding-left: 60px!important; padding-right: 60px!important; }
.ptb60{ padding-top: 60px!important; padding-bottom: 60px!important; }

.p70{ padding: 70px!important; }
.pt70{ padding-top: 70px!important; }
.pr70{ padding-right: 70px!important; }
.pb70{ padding-bottom: 70px!important; }
.pl70{ padding-left: 70px!important; }
.plr70{ padding-left: 70px!important; padding-right: 70px!important; }
.ptb70{ padding-top: 70px!important; padding-bottom: 70px!important; }

.p80{ padding: 80px!important; }
.pt80{ padding-top: 80px!important; }
.pr80{ padding-right: 80px!important; }
.pb80{ padding-bottom: 80px!important; }
.pl80{ padding-left: 80px!important; }
.plr80{ padding-left: 80px!important; padding-right: 80px!important; }
.ptb80{ padding-top: 80px!important; padding-bottom: 80px!important; }

.p90{ padding: 90px!important; }
.pt90{ padding-top: 90px!important; }
.pr90{ padding-right: 90px!important; }
.pb90{ padding-bottom: 90px!important; }
.pl90{ padding-left: 90px!important; }
.plr90{ padding-left: 90px!important; padding-right: 90px!important; }
.ptb90{ padding-top: 90px!important; padding-bottom: 90px!important; }

.p100{ padding: 100px!important; }
.pt100{ padding-top: 100px!important; }
.pr100{ padding-right: 100px!important; }
.pb100{ padding-bottom: 100px!important; }
.pl100{ padding-left: 100px!important; }
.plr100{ padding-left: 100px!important; padding-right: 100px!important; }
.ptb100{ padding-top: 100px!important; padding-bottom: 100px!important; }


/*----------------------------------------------------
　書体設定
----------------------------------------------------*/

/*明朝体*/
.f-min{font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;}

/*メイリオ*/
.f-mei{font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}


/*----------------------------------------------------
　フォントサイズ設定
----------------------------------------------------*/

.b{ font-weight: bold!important; }/*太文字*/
.normal{ font-weight: normal!important; }/*太文字を解除*/

.f70{ font-size: 70%!important; }/*0.7倍*/
.f80{ font-size: 80%!important; }/*0.8倍*/
.f90{ font-size: 90%!important; }/*0.9倍*/
.f95{ font-size: 95%!important; }/*0.95倍*/

.f105{ font-size: 105%!important; }/*1.1倍*/
.f110{ font-size: 110%!important; }/*1.1倍*/
.f120{ font-size: 120%!important; }/*1.2倍*/
.f130{ font-size: 130%!important; }/*1.3倍*/
.f140{ font-size: 140%!important; }/*1.4倍*/
.f150{ font-size: 150%!important; }/*1.5倍*/
.f160{ font-size: 160%!important; }/*1.6倍*/
.f170{ font-size: 170%!important; }/*1.7倍*/
.f180{ font-size: 180%!important; }/*1.8倍*/
.f190{ font-size: 190%!important; }/*1.9倍*/
.f200{ font-size: 200%!important; }/*2.0倍*/
.f210{ font-size: 210%!important; }/*2.1倍*/
.f220{ font-size: 220%!important; }/*2.2倍*/
.f230{ font-size: 230%!important; }/*2.3倍*/
.f240{ font-size: 240%!important; }/*2.4倍*/
.f250{ font-size: 250%!important; }/*2.5倍*/
.f260{ font-size: 260%!important; }/*2.6倍*/
.f270{ font-size: 270%!important; }/*2.7倍*/
.f280{ font-size: 280%!important; }/*2.8倍*/
.f290{ font-size: 290%!important; }/*2.9倍*/
.f300{ font-size: 300%!important; }/*3.0倍*/


/*----------------------------------------------------
　フォントカラー設定
----------------------------------------------------*/

.blk{ color: #000!important; }/*黒*/
.red{ color: #e00!important; }/*赤*/
.blu{ color: #1c81cf!important; }/*水色*/
.grn{ color: #0a0!important; }/*緑*/
.ylw{ color: #ff0!important; }/*黄*/
.nvy{ color: #129!important; }/*紺*/
.gry{ color: #666!important; }/*灰*/
.org{ color: #f60!important; }/*橙*/
.pnk{ color: #FA6693!important; }/*ピンク*/
.wht{ color: #fff!important; }/*白*/


/*----------------------------------------------------
　行間設定
----------------------------------------------------*/

.lh100{ line-height: 100%!important; }
.lh110{ line-height: 110%!important; }
.lh120{ line-height: 120%!important; }
.lh130{ line-height: 130%!important; }
.lh140{ line-height: 140%!important; }
.lh150{ line-height: 150%!important; }
.lh160{ line-height: 160%!important; }
.lh170{ line-height: 170%!important; }
.lh180{ line-height: 180%!important; }
.lh190{ line-height: 190%!important; }
.lh200{ line-height: 200%!important; }
.lh210{ line-height: 210%!important; }
.lh220{ line-height: 220%!important; }
.lh230{ line-height: 230%!important; }
.lh240{ line-height: 240%!important; }
.lh250{ line-height: 250%!important; }


/*----------------------------------------------------
　文字の背景色設定
----------------------------------------------------*/

.bg-ylw{ padding:2px;background-color: #ff0!important; }/*黄色の背景*/
.bg-blu{ padding:2px;background-color: #9ff!important; }/*水色の背景*/
.bg-org{ padding:2px;background-color: #f93!important; }/*オレンジの背景*/
.bg-pnk{ padding:2px;background-color: #fcc!important; }/*ピンクの背景*/


/*----------------------------------------------------
　下線や取消線の設定
----------------------------------------------------*/

.u-line{ text-decoration: underline!important; }/*下線*/
.d-line{ text-decoration: line-through ; }/*取り消し線*/
.n-border{ border: 0!important; }/*枠線を無くす*/


/*----------------------------------------------------
　テキストシャドウ
----------------------------------------------------*/

.t-sdw {
	text-shadow: 1px 1px 3px #000;
}


/*----------------------------------------------------
　ボックスの背景色
----------------------------------------------------*/

.bx-ylw{ background-color: #ffc!important; }/*淡い黄色の背景*/
.bx-red{ background-color: #c00!important; }/*濃い赤の背景*/
.bx-blu{ background-color: #eff!important; }/*水色の背景*/
.bx-grn{ background-color: #efd!important; }/*オレンジの背景*/
.bx-pnk{ background-color: #fed!important; }/*ピンクの背景*/
.bx-gry{ background-color: #eee!important; }/*グレーの背景*/
.bx-blk{ background-color: #000!important; }/*黒の背景*/

.bx-gra-blk{
background-image: -ms-linear-gradient(top, #333 0%, #000 100%);
background-image: -moz-linear-gradient(top, #333 0%, #000 100%);
background-image: -o-linear-gradient(top, #333 0%, #000 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #333), color-stop(1, #000));
background-image: -webkit-linear-gradient(top, #333 0%, #000 100%);
background-image: linear-gradient(to bottom, #333 0%, #000 100%);
}/*黒のグラデーション*/

.bx-gra-red{
background-image: -ms-linear-gradient(top, #f00 0%, #c00 100%);
background-image: -moz-linear-gradient(top, #f00 0%, #c00 100%);
background-image: -o-linear-gradient(top, #f00 0%, #c00 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f00), color-stop(1, #c00));
background-image: -webkit-linear-gradient(top, #f00 0%, #c00 100%);
background-image: linear-gradient(to bottom, #f00 0%, #c00 100%);
}/*赤のグラデーション*/


/*----------------------------------------------------
　テーブル・セルの横幅設定
----------------------------------------------------*/

table .wd5{ width: 5%; }
table .wd10{ width: 10%; }
table .wd15{ width: 15%; }
table .wd20{ width: 20%; }
table .wd25{ width: 25%; }
table .wd30{ width: 30%; }
table .wd35{ width: 35%; }
table .wd40{ width: 40%; }
table .wd45{ width: 45%; }
table .wd50{ width: 50%; }
table .wd55{ width: 55%; }
table .wd60{ width: 60%; }
table .wd65{ width: 65%; }
table .wd70{ width: 70%; }
table .wd75{ width: 75%; }
table .wd80{ width: 80%; }
table .wd85{ width: 85%; }
table .wd90{ width: 90%; }
table .wd95{ width: 95%; }


/*----------------------------------------------------
　テーブル ボーダーなし
----------------------------------------------------*/

table.nob{
	margin: 0;
	padding: 0;
	border: none;
}

table.nob td{
	border: none;
	vertical-align: top;
	text-align: left;
}

table.nob th{
	border: none;
	vertical-align: top;
	text-align: center;
	background: none;
	font-weight: normal;
}


/*----------------------------------------------------
　重なりの優先度
----------------------------------------------------*/

.z1{ z-index: 1!important; }
.z2{ z-index: 2!important; }
.z3{ z-index: 3!important; }
.z4{ z-index: 4!important; }
.z5{ z-index: 5!important; }


/*----------------------------------------------------
　輪郭線（四辺）
----------------------------------------------------*/

.o-line {
	border: solid 1px #999;
}


/*----------------------------------------------------
　角丸（四隅）
----------------------------------------------------*/

.r-all {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}


/*----------------------------------------------------
　角丸（部分指定）左上と右上
----------------------------------------------------*/

.r-top {
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
}


/*----------------------------------------------------
　角丸（部分指定）右上と右下
----------------------------------------------------*/

.r-right {
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
}


/*----------------------------------------------------
　角丸（部分指定）左下と右下
----------------------------------------------------*/

.r-btm {
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
}


/*----------------------------------------------------
　角丸（部分指定）左上と左下
----------------------------------------------------*/

.r-left {
	border-top-left-radius: 8px;
	border-bottom-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
}


/*----------------------------------------------------
　囲み枠（黒）
----------------------------------------------------*/

.bx-s1b {
	border: solid 1px #000; /* solid 1px */
}

.bx-s2b {
	border: solid 2px #000; /* solid 2px */
}

.bx-s3b {
	border: solid 3px #000; /* solid 3px */
}

.bx-s4b {
	border: solid 4px #000; /* solid 4px */
}

.bx-s5b {
	border: solid 5px #000; /* solid 5px */
}

.bx-s10b {
	border: solid 10px #000; /* solid 10px */
}

.bx-dt1b {
	border: dotted 1px #000; /* dotted 1px */
}

.bx-dt2b {
	border: dotted 2px #000; /* dotted 2px */
}

.bx-dt3b {
	border: dotted 3px #000; /* dotted 3px */
}

.bx-dt4b {
	border: dotted 4px #000; /* dotted 4px */
}

.bx-dt5b {
	border: dotted 5px #000; /* dotted 5px */
}

.bx-db2b {
	border: double 2px #000; /* double 2px */
}

.bx-db3b {
	border: double 3px #000; /* double 3px */
}

.bx-db4b {
	border: double 4px #000; /* double 4px */
}

.bx-db5b {
	border: double 5px #000; /* double 5px */
}

.bx-db10b {
	border: double 10px #000; /* double 10px */
}


/*----------------------------------------------------
　囲み枠（赤）
----------------------------------------------------*/

.bx-s1r {
	border: solid 1px #c00; /* solid 1px */
}

.bx-s2r {
	border: solid 2px #c00; /* solid 2px */
}

.bx-s3r {
	border: solid 3px #c00; /* solid 3px */
}

.bx-s4r {
	border: solid 4px #c00; /* solid 4px */
}

.bx-s5r {
	border: solid 5px #c00; /* solid 5px */
}

.bx-s10r {
	border: solid 10px #c00; /* solid 10px */
}

.bx-dt1r {
	border: dotted 1px #c00; /* dotted 1px */
}

.bx-dt2r {
	border: dotted 2px #c00; /* dotted 2px */
}

.bx-dt3r {
	border: dotted 3px #c00; /* dotted 3px */
}

.bx-dt4r {
	border: dotted 4px #c00; /* dotted 4px */
}

.bx-dt5r {
	border: dotted 5px #c00; /* dotted 5px */
}

.bx-db2r {
	border: double 2px #c00; /* double 2px */
}

.bx-db3r {
	border: double 3px #c00; /* double 3px */
}

.bx-db4r {
	border: double 4px #c00; /* double 4px */
}

.bx-db5r {
	border: double 5px #c00; /* double 5px */
}

.bx-db10r {
	border: double 10px #c00; /* double 10px */
}


/*----------------------------------------------------
　囲み枠（紺）
----------------------------------------------------*/

.bx-s1n {
	border: solid 1px #236; /* solid 1px */
}

.bx-s2n {
	border: solid 2px #236; /* solid 2px */
}

.bx-s3n {
	border: solid 3px #236; /* solid 3px */
}

.bx-s4n {
	border: solid 4px #236; /* solid 4px */
}

.bx-s5n {
	border: solid 5px #236; /* solid 5px */
}

.bx-s10n {
	border: solid 10px #236; /* solid 10px */
}

.bx-dt1n {
	border: dotted 1px #236; /* dotted 1px */
}

.bx-dt2n {
	border: dotted 2px #236; /* dotted 2px */
}

.bx-dt3n {
	border: dotted 3px #236; /* dotted 3px */
}

.bx-dt4n {
	border: dotted 4px #236; /* dotted 4px */
}

.bx-dt5n {
	border: dotted 5px #236; /* dotted 5px */
}

.bx-db2n {
	border: double 2px #236; /* double 2px */
}

.bx-db3n {
	border: double 3px #236; /* double 3px */
}

.bx-db4n {
	border: double 4px #236; /* double 4px */
}

.bx-db5n {
	border: double 5px #236; /* double 5px */
}

.bx-db10n {
	border: double 10px #236; /* double 10px */
}


/*----------------------------------------------------
　囲み枠（グレー）
----------------------------------------------------*/

.bx-s1g {
	border: solid 1px #aaa; /* solid 1px */
}

.bx-s2g {
	border: solid 2px #aaa; /* solid 2px */
}

.bx-s3g {
	border: solid 3px #aaa; /* solid 3px */
}

.bx-s4g {
	border: solid 4px #aaa; /* solid 4px */
}

.bx-s5g {
	border: solid 5px #aaa; /* solid 5px */
}

.bx-s10g {
	border: solid 10px #aaa; /* solid 10px */
}

.bx-dt1g {
	border: dotted 1px #aaa; /* dotted 1px */
}

.bx-dt2g {
	border: dotted 2px #aaa; /* dotted 2px */
}

.bx-dt3g {
	border: dotted 3px #aaa; /* dotted 3px */
}

.bx-dt4g {
	border: dotted 4px #aaa; /* dotted 4px */
}

.bx-dt5g {
	border: dotted 5px #aaa; /* dotted 5px */
}

.bx-db2g {
	border: double 2px #aaa; /* double 2px */
}

.bx-db3g {
	border: double 3px #aaa; /* double 3px */
}

.bx-db4g {
	border: double 4px #aaa; /* double 4px */
}

.bx-db5g {
	border: double 5px #aaa; /* double 5px */
}

.bx-db10g {
	border: double 10px #aaa; /* double 10px */
}


/*----------------------------------------------------
　ドロップシャドウ（外側）
----------------------------------------------------*/

.out-sdw {
box-shadow:rgba(60, 60, 60, 0.5) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(60, 60, 60, 0.5) 0px 0px 6px 3px;
-moz-box-shadow:rgba(60, 60, 60, 0.5) 0px 0px 6px 3px;
}


/*----------------------------------------------------
　ドロップシャドウ（内側）
----------------------------------------------------*/

.in-sdw {
box-shadow:rgba(60, 60, 60, 0.5) 0px 0px 6px 3px inset;
-webkit-box-shadow:rgba(60, 60, 60, 0.5) 0px 0px 6px 3px inset;
-moz-box-shadow:rgba(60, 60, 60, 0.5) 0px 0px 6px 3px inset;
}


/*----------------------------------------------------
　画像の回り込み設定
----------------------------------------------------*/

/*左に画像、右に文章*/
.imgleft{
	float: left;
	margin: 0 30px 20px 0!important;
}

/*右に画像、左に文章*/
.imgright{
	float: right;
	margin: 0 0 20px 30px!important;
}


/*----------------------------------------------------
　画像リンクにカーソル載せると半透明
----------------------------------------------------*/

a img.linkalpha{
	background:none!important;
}
 
a:hover img.linkalpha{
	opacity:0.6;
	filter:alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background:none!important;
}


/*----------------------------------------------------
　背景透明
----------------------------------------------------*/

.bg-clr{
     background-color: transparent;
}


/*----------------------------------------------------
　背景半透明
----------------------------------------------------*/

.bg-h-clr{
     background-color:#FFFFFF;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
}


/*--------------------------------------------------------
　仕切り線
--------------------------------------------------------*/

/*左から右に薄く*/
hr.g-line01 {
	border:0;
	height:2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0.8), rgba(0,0,0,0.4), rgba(0,0,0,0));
}

/*中央から左右に薄く*/
hr.g-line02 {
	border: 0;
	height: 2px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}


/*----------------------------------------------------
　インラインボックス（スクロール）
----------------------------------------------------*/

.inbox {
        margin: 0 -25px;
        border: solid 1px #999;
        width: 700px;
        height: 300px;
        padding: 25px;
        overflow: auto;
}


/*----------------------------------------------------
　ノートのような線の背景
----------------------------------------------------*/

.bg-note{
	display: inline!important;
	padding-bottom: 0.3em!important;
	border-bottom: 1px dashed #999!important;
	line-height: 2.1em!important;
}


/*----------------------------------------------------
　その他の基本設定
----------------------------------------------------*/

/* 入力フォームをハイライトする */

input:focus,
textarea:focus,
input.focus,
textarea.focus{
	background-color: #ffffe4!important;
}


/*----------------------------------------------------
　IME制御（IE＆Firefox）
----------------------------------------------------*/

.ime-act{ ime-mode: active; }
.ime-ina{ ime-mode: inactive; }
.ime-dis{ ime-mode: disabled; }