/*------------------------------------------------------------
　基本設定
-------------------------------------------------------------*/

body{
	width: 980px;
	font-family: "メイリオ", Meiryo, "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 30px;
	line-height: 45px;
	color: #1F1F1F;
	margin: 0px auto 0px;
	background: url(../images/bg01-sp.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

a{
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	color: #03c;
	text-decoration: none;
}

a:hover,
a:active,
a:focus{
	color: #f60;
	text-decoration: underline;
}


a:hover img{
opacity:0.9;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}

input[name="image"]:hover { opacity:0.9; filter:alpha(opacity=70); }


.sp-img{}
.pc-img{display:none;}
.sppad-none{display:none;}

@media screen and (min-width: 650px){	
  .pc { display:block; } /* PC用改行 */
  .sp { display:none; } /* スマホ用改行 */
}
@media screen and (max-width: 650px){	
  .pc { display:none; } /* PC用改行 */
  .sp { display:block; } /* スマホ用改行 */
}


/*------------------------------------------------------------
　コンテンツ
-------------------------------------------------------------*/

#contents{
	background-position:center 0;
	width: 980px;
	margin: 2.5em auto 1em;
	overflow: hidden;
	display: block;
	background-color: transparent;
}

.main-full{
	margin: 0 -40px -11px;
	text-align: center;
}

.main-contents{
	background-color: #fff;
	padding: 0 40px 40px;
}

h2{
	margin: 80px auto 40px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif;
	font-size: 2.2em;
	letter-spacing: -2px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	color: #004f8a;
}

h3{
	margin 50px auto;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif;
	background-image: url(../images/bg-h3.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	font-size: 1.6em;
	letter-spacing: -2px;
	font-weight: normal;
	line-height: 1.4;
	text-align: center;
	color: #004f8a;
}


/*------------------------------------------------------------
　リスト
-------------------------------------------------------------*/
.check{
	font-size: 1.2em;
	font-weight: bold;
	line-height: 1.4;
	border: 5px solid #dac8b2;
	padding: 20px 20px 5px;
	margin: 30px auto;
	overflow: hidden;
	display: block;
}
.check li{

	background-image: url(../images/check.png);
	background-repeat: no-repeat;
	background-position: 5px 0;
	letter-spacing: -1px;
	padding: 3px 0 0 50px;
	margin: 0 auto 16px;
	display: block;
	color: #776249;
}


/*------------------------------------------------------------
　お客様の声
-------------------------------------------------------------*/
.v-ttl {
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif;
	color: #f90;
	font-size: 1.8em;
	line-height:1.3;
	letter-spacing:-2px;
}

.v-name{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif;
	font-size: 1.4em;
	color: #776249;
	line-height: 1.3;
}


/*------------------------------------------------------------
　フォーム
-------------------------------------------------------------*/

.formbx {
	width: 980px;
	margin: 0 -40px;
	padding: 0;
	overflow: hidden;
	display: block;
	background-color: #dac8b2;
}
.formbx-in {
	width: 900px;
	margin: 0 40px 40px;
	padding: 0;
	overflow: hidden;
	display: block;
}
.mail_box{
	background-image: url(../images/mail.jpg);
	background-repeat: no-repeat;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "A-OTF 新ゴ Pro",A-OTF Shin Go Pro,Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 900px;
	height: 94px;
	font-size: 28px;
	font-weight: bold;
	line-height: 28px;
	text-align: center;
	border: none;
	padding: 0;
	margin: 0 auto 12px;
	display: block;
	color: #ccc;
}
.btn{
	width: 900px;
	height: 110px;
	margin: 0 auto 0;
	display: block;
}


/*------------------------------------------------------------
　タイマー
-------------------------------------------------------------*/

.timer {
	margin-right: auto;
	margin-left: auto;
	position: fixed;
	top: 0;
	text-align: center;
	background: #004f8a;
	border-bottom: 2px solid #fff;
	width: 100%;
	color: #fff;
	padding-top: 5px;
	z-index: 9999;
	font-size: 18px;
}


/*------------------------------------------------------------
　画像エフェクト
-------------------------------------------------------------*/
/* 画像バウンス */
	@keyframes my-bounce {
		0%, 100%, 20%, 50%, 80% {transform: translateY(0px);}
		40% {transform: translateY(-30px);}
		60% {transform: translateY(-15px);}
	}
	@-webkit-keyframes my-bounce {
		0%, 100%, 20%, 50%, 80% {transform: translateY(0px);}
		40% {transform: translateY(-30px);}
		60% {transform: translateY(-15px);}
	}
	.my-bounce01 {
		animation: my-bounce 2s ease infinite normal 0s none running;
		-webkit-animation: my-bounce 2s ease infinite normal 0s none running;
		-ms-animation: my-bounce 2s ease infinite normal 0s none running;
	}

/* 画像ぷるぷる */
@keyframes my-anime {
  0% {transform: rotate(3deg);}
  13% {transform: rotate(-3deg);}
  25% {transform: rotate(3deg);}
  33% {transform: rotate(-3deg);}
  34% {transform: rotate(0deg);}
  100% {transform: rotate(0deg);}
}

.my-anime-01 {
  animation: my-anime 1s infinite alternate;
}


/*------------------------------------------------------------
　フッター
-------------------------------------------------------------*/

#footer{
	width: 640px;
	font-size: 17px;
	text-align: center;
	padding-top: 12px;
	margin: 0px auto;
	overflow: hidden;
	display: block;
	color: #444;
	font-size: 13px;
}
#footer a{
	color: #444;
}

#footer a:hover,
#footer a:active,
#footer a:focus{
	color: #999;
}
#footer ul{
	margin: 0 auto;
	padding: 0.5em 0;
	text-align: center;
}
#footer ul li{
	display: inline;
	list-style: none;
	margin-left: 20px;
	padding: 0 10px;
}
#footer ul li:first-child{
	margin-left: 0;
}

/*コピーライト*/
.copyright{
	margin: 0;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	color: #666;
	text-align: center;
	font-size: 12px;
}


/*------------------------------------------------------------
　SPボタン
-------------------------------------------------------------*/

.sp-bnr {
	background-image: url(../images/btn_sp.png);
	width:924px;
	height:130px;
	display:block;
	position: fixed;
	bottom: 0;
	right:25px;
}



/*------------------------------------------------------------

　　　　　　　　　　　～　COMMON CSS　～

-------------------------------------------------------------*/

/*ドロップシャドウ（外側）*/
.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;
}


/*アウトライン*/
.o-line{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border: 1px solid #ccc;
}

.o-line-p {
	border: 1px solid #ccc;
	height: auto;
	padding: 5px;
}


.frame{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	max-width: 95%;
	padding: 8px;
	background: #fff;
	box-shadow: 0px 0px 8px #666;
}


/*インラインボックス（スクロール）*/
.inbox {
        margin: 0;
        border: solid 1px #ccc;
        width: 700px;
        height: 300px;
        padding: 25px;
        overflow: auto;
}


/*リンクにカーソル載せるとフェイド*/
.fade40 {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade40:hover {
	opacity: .40;
	filter: alpha(opacity=40);
}

.fade50 {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade50:hover {
	opacity: .50;
	filter: alpha(opacity=50);
}

.fade65 {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade65:hover {
	opacity: .65;
	filter: alpha(opacity=65);
}

.fade75 {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade75:hover {
	opacity: .75;
	filter: alpha(opacity=75);
}

.fade85 {
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.fade85:hover {
	opacity: .85;
	filter: alpha(opacity=85);
}


/*動画の埋め込み*/
.v-wrap{
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.v-wrap iframe {
	position: absolute;
	top: 0;
	left: 0;
	 width: 100%;
	height: 100%;
}


/*背景透明*/
.bg-clr{
	background-color: transparent;
}

/*背景半透明*/
.bg-h-clr{
	background-color: rgba(255, 255, 255, 0.65);
}


/*円
※IE8等古いブラウザを除く*/
.crcl{
	border-radius: 50%;
}

/*角丸
※IE8等古いブラウザを除く*/
.rd4{ border-radius: 4px; }
.rd4-tl{ border-top-left-radius: 4px; }
.rd4-tr{ border-top-right-radius: 4px; }
.rd4-bl{ border-bottom-left-radius: 4px; }
.rd4-br{ border-bottom-right-radius: 4px; }

.rd8{ border-radius: 8px; }
.rd8-tl{ border-top-left-radius: 8px; }
.rd8-tr{ border-top-right-radius: 8px; }
.rd8-bl{ border-bottom-left-radius: 8px; }
.rd8-br{ border-bottom-right-radius: 8px; }

.rd12{ border-radius: 12px; }
.rd12-tl{ border-top-left-radius: 12px; }
.rd12-tr{ border-top-right-radius: 12px; }
.rd12-bl{ border-bottom-left-radius: 12px; }
.rd12-br{ border-bottom-right-radius: 12px; }


/*角丸長方形
※IE8等古いブラウザを除く
※高さ100pxまで*/
.rd50{
	border-radius: 50px;
}


/*回り込み
※モバイル時にも解除されない*/
.ft-l{
	float: left;
	margin: 0 1em 1em 0;
}

.ft-r{
	float: right;
	margin: 0 0 1em 1em;
}

.clr{ clear: both; }


/*回り込み
※モバイル時には回り込み解除*/
.left{
	float: left;
	margin: 0 1em 1em 0;
}

.right{
	float: right;
	margin: 0 0 1em 1em;
}

/*640pxでは回り込み解除*/
@media
only screen and (max-width : 640px){
.left,
.right{
	float: none;
	margin-right: 0!important;
	margin-left: 0!important;
}
}


/*本文の幅を狭くする*/
.n-conts{
	padding: 0 5%;
}


/*文字の横位置*/

.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; }/*下寄せ*/


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


/*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; }

.m10{ margin: 10px!important; }
.mt10{ margin-top: 10px!important; }
.mr10{ margin-right: 10px!important; }
.mb10{ margin-bottom: 10px!important; }
.ml10{ margin-left: 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; }

.m20{ margin: 20px!important; }
.mt20{ margin-top: 20px!important; }
.mr20{ margin-right: 20px!important; }
.mb20{ margin-bottom: 20px!important; }
.ml20{ margin-left: 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; }

.m30{ margin: 30px!important; }
.mt30{ margin-top: 30px!important; }
.mr30{ margin-right: 30px!important; }
.mb30{ margin-bottom: 30px!important; }
.ml30{ margin-left: 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; }

.m40{ margin: 40px!important; }
.mt40{ margin-top: 40px!important; }
.mr40{ margin-right: 40px!important; }
.mb40{ margin-bottom: 40px!important; }
.ml40{ margin-left: 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; }

.m60{ margin: 60px!important; }
.mt60{ margin-top: 60px!important; }
.mr60{ margin-right: 60px!important; }
.mb60{ margin-bottom: 60px!important; }
.ml60{ margin-left: 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; }

.m80{ margin: 80px!important; }
.mt80{ margin-top: 80px!important; }
.mr80{ margin-right: 80px!important; }
.mb80{ margin-bottom: 80px!important; }
.ml80{ margin-left: 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; }

.m100{ margin: 100px!important; }
.mt100{ margin-top: 100px!important; }
.mr100{ margin-right: 100px!important; }
.mb100{ margin-bottom: 100px!important; }
.ml100{ margin-left: 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; }

.m120{ margin: 120px!important; }
.mt120{ margin-top: 120px!important; }
.mr120{ margin-right: 120px!important; }
.mb120{ margin-bottom: 120px!important; }
.ml120{ margin-left: 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; }

.m140{ margin: 140px!important; }
.mt140{ margin-top: 140px!important; }
.mr140{ margin-right: 140px!important; }
.mb140{ margin-bottom: 140px!important; }
.ml140{ margin-left: 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; }

.m160{ margin: 160px!important; }
.mt160{ margin-top: 160px!important; }
.mr160{ margin-right: 160px!important; }
.mb160{ margin-bottom: 160px!important; }
.ml160{ margin-left: 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; }

.m180{ margin: 180px!important; }
.mt180{ margin-top: 180px!important; }
.mr180{ margin-right: 180px!important; }
.mb180{ margin-bottom: 180px!important; }
.ml180{ margin-left: 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; }

.m200{ margin: 200px!important; }
.mt200{ margin-top: 200px!important; }
.mr200{ margin-right: 200px!important; }
.mb200{ margin-bottom: 200px!important; }
.ml200{ margin-left: 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; }

.m300{ margin: 300px!important; }
.mt300{ margin-top: 300px!important; }
.mr300{ margin-right: 300px!important; }
.mb300{ margin-bottom: 300px!important; }
.ml300{ margin-left: 300px!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; }

.p10{ padding: 10px!important; }
.pt10{ padding-top: 10px!important; }
.pr10{ padding-right: 10px!important; }
.pb10{ padding-bottom: 10px!important; }
.pl10{ padding-left: 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; }

.p20{ padding: 20px!important; }
.pt20{ padding-top: 20px!important; }
.pr20{ padding-right: 20px!important; }
.pb20{ padding-bottom: 20px!important; }
.pl20{ padding-left: 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; }

.p30{ padding: 30px!important; }
.pt30{ padding-top: 30px!important; }
.pr30{ padding-right: 30px!important; }
.pb30{ padding-bottom: 30px!important; }
.pl30{ padding-left: 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; }

.p40{ padding: 40px!important; }
.pt40{ padding-top: 40px!important; }
.pr40{ padding-right: 40px!important; }
.pb40{ padding-bottom: 40px!important; }
.pl40{ padding-left: 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; }

.p60{ padding: 60px!important; }
.pt60{ padding-top: 60px!important; }
.pr60{ padding-right: 60px!important; }
.pb60{ padding-bottom: 60px!important; }
.pl60{ padding-left: 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; }

.p80{ padding: 80px!important; }
.pt80{ padding-top: 80px!important; }
.pr80{ padding-right: 80px!important; }
.pb80{ padding-bottom: 80px!important; }
.pl80{ padding-left: 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; }

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


/*書体設定（明朝体）*/
.f-min{font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif;}

/*書体設定（メイリオ）*/
.f-mei{font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;}


/*テキストシャドウ*/
.t-sdw {
	text-shadow: 1px 1px 3px #000;
}


/*フォントの装飾*/
strong{ font-weight: bold!important; }/*太字*/
.b{ font-weight: bold!important; }/*太字*/
.normal{ font-weight: normal!important; }/*太字を解除*/
.y-line{background:linear-gradient(transparent 60%, #ff0 60%);}/*黄色のマーカー*/
.r-line{background:linear-gradient(transparent 60%, #f00 60%);}/*赤のマーカー*/
.b-line{background:linear-gradient(transparent 60%, #00bcd4 60%);}/*水色のマーカー*/


/*フォントサイズ設定*/
.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.05倍*/
.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倍*/


/*フォントの色設定*/
.mbl{ color: #004f8a!important; }/*メイン青*/
.red{ color: #e00!important; }/*赤*/
.blu{ color: #3b5998!important; }/*青*/
.grn{ color: #4caf50!important; }/*緑*/
.ylw{ color: #ff0!important; }/*黄*/
.nvy{ color: #3f51b5!important; }/*紺*/
.org{ color: #f90!important; }/*橙*/
.pnk{ color: #fb538f!important; }/*ピンク*/
.ppl{ color: #9c27b0!important; }/*紫*/
.olv{ color: #808000!important; }/*オリーブ*/
.lim{ color: #0f0!important; }/*黄緑*/
.aqa{ color: #00bcd4!important; }/*水色*/
.blk{ color: #000!important; }/*黒*/
.gry{ color: #ccc!important; }/*灰*/
.wht{ color: #fff!important; }/*白*/
.brn{ color: #776249!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; }/*ピンクの背景*/
.bg-lim{ padding:2px; background-color:#9f9!important; }/*黄緑*/
.bg-gry{ padding:2px; background-color:#ccc!important; }/*灰*/


/*行間設定*/
.lh100{ line-height: 1.0!important; }
.lh110{ line-height: 1.1!important; }
.lh120{ line-height: 1.2!important; }
.lh130{ line-height: 1.3!important; }
.lh140{ line-height: 1.4!important; }
.lh150{ line-height: 1.5!important; }
.lh160{ line-height: 1.6!important; }
.lh170{ line-height: 1.7!important; }
.lh180{ line-height: 1.8!important; }
.lh190{ line-height: 1.9!important; }
.lh200{ line-height: 2.0!important; }
.lh210{ line-height: 2.1!important; }
.lh220{ line-height: 2.2!important; }
.lh230{ line-height: 2.3!important; }
.lh240{ line-height: 2.4!important; }
.lh250{ line-height: 2.5!important; }


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


/*テーブル ボーダーなし*/
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;
}

/*テーブル*/
table{
	margin-top: 20px;
	width: 100%;
	padding: 0;
	border-top: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;
}

th,
td{
	padding:6px 10px 3px 10px;
	border-right: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	vertical-align: top;
}

th{
	background-color: #f0f0f0;
	font-weight: normal;
	text-align: left;
}


/*--------------------------------------------------------
　枠の設定
--------------------------------------------------------*/

/*ボーダーの太さ*/
.b-wd01{border-width: 1px;}
.b-wd02{border-width: 2px;}
.b-wd03{border-width: 3px;}
.b-wd04{border-width: 4px;}
.b-wd05{border-width: 5px;}
.b-wd06{border-width: 6px;}
.b-wd07{border-width: 7px;}
.b-wd08{border-width: 8px;}
.b-wd09{border-width: 9px;}
.b-wd10{border-width: 10px;}

/*ボーダーのスタイル*/
.b-solid{border-style: solid;}
.b-double{border-style: double;}
.b-dashed{border-style: dashed;}
.b-dotted{border-style: dotted;}
.b-groove{border-style: groove;}
.b-ridge{border-style: ridge;}
.b-inset{border-style: inset;}
.b-outset{border-style: outset;}

/*ボーダーの色*/
.b-red{ border-color: #e00!important; }/*赤*/
.b-blu{ border-color: #00d!important; }/*青*/
.b-grn{ border-color: #4caf50!important; }/*緑*/
.b-ylw{ border-color: #ff0!important; }/*黄*/
.b-nvy{ border-color: #3f51b5!important; }/*紺*/
.b-org{ border-color: #ff9800!important; }/*橙*/
.b-pnk{ border-color: #ec407a!important; }/*ピンク*/
.b-ppl{ border-color: #9c27b0!important; }/*紫*/
.b-olv{ border-color: #808000!important; }/*オリーブ*/
.b-lim{ border-color: #00ff00!important; }/*黄緑*/
.b-aqa{ border-color: #00bcd4!important; }/*水色*/
.b-blk{ border-color: #000!important; }/*黒*/
.b-gry{ border-color: #ccc!important; }/*灰*/
.b-wht{ border-color: #fff!important; }/*白*/
.b-brn{ border-color: #6d4c33!important; }/*茶*/

/*背景の色*/
.bx-l-gry{ background-color: #eee!important; }/*薄灰*/
.bx-l-brn{ background-color: #dec1ab!important; }/*薄茶*/
.bx-l-ylw{ background-color: #ffc!important; }/*薄黄*/
.bx-red{ background-color: #e00!important; }/*赤*/
.bx-blu{ background-color: #00d!important; }/*青*/
.bx-grn{ background-color: #4caf50!important; }/*緑*/
.bx-ylw{ background-color: #ff0!important; }/*黄*/
.bx-nvy{ background-color: #3f51b5!important; }/*紺*/
.bx-org{ background-color: #ff9800!important; }/*橙*/
.bx-pnk{ background-color: #ec407a!important; }/*ピンク*/
.bx-ppl{ background-color: #9c27b0!important; }/*紫*/
.bx-olv{ background-color: #808000!important; }/*オリーブ*/
.bx-lim{ background-color: #00ff00!important; }/*黄緑*/
.bx-aqa{ background-color: #00bcd4!important; }/*水色*/
.bx-blk{ background-color: #000!important; }/*黒*/
.bx-gry{ background-color: #ccc!important; }/*灰*/
.bx-wht{ background-color: #fff!important; }/*白*/
.bx-brn{ background-color: #6d4c33!important; }/*茶*/