@charset "UTF-8";

/*! normalize.css v3.0.2 | MIT License | git.io/normalize*/
html{
	font-family: sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

body{
	margin: 0;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary{
	display: block;
}


[hidden],
template{
	display: none;
}

a{
	background-color: transparent;
}

a:active,
a:hover{
	outline: 0;
}

abbr[title]{
	border-bottom: 1px dotted;
}


dfn{
	font-style: italic;
}

h1{
	margin: 0.67em 0;
	font-size: 2em;
}

mark{
	background: #ff0;
	color: #000;
}

small{
	font-size: 80%;
}

sub,
sup{
	vertical-align: baseline;
	line-height: 0;
	position: relative;
	font-size: 75%;
}

sup{
	top: -0.5em;
}

sub{
	bottom: -0.25em;
}

img{
	border: 0;
}

svg:not(:root){
	overflow: hidden;
}

figure{
	margin: 1em 40px;
}

hr{
	height: 0;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

pre{
	overflow: auto;
}

code,
kbd,
pre,
samp{
	font-family: monospace, monospace;
	font-size: 1em;
}

button,
input,
optgroup,
select,
textarea{
	margin: 0;
	color: inherit;
	font: inherit;
}

button{
	overflow: visible;
}

button,
select{
	text-transform: none;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
}

button[disabled],
html input[disabled]{
	cursor: default;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	padding: 0;
	border: 0;
}

input{
	line-height: normal;
}

input[type="checkbox"],
input[type="radio"]{
	padding: 0;
	box-sizing: border-box;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button{
	height: auto;
}

input[type="search"]{
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	-webkit-appearance: textfield;
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration{
	-webkit-appearance: none;
}

fieldset{
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em;
	border: 1px solid #c0c0c0;
}

legend{
	padding: 0;
	border: 0;
}

textarea{
	overflow: auto;
}

optgroup{
	font-weight: bold;
}

table{
	border-collapse: collapse;
	border-spacing: 0;
}

td,
th{
	padding: 0;
}


/*------------------------------------------------------------
テンプレートの共通設定
-------------------------------------------------------------*/

html{
	overflow-y: scroll;
}

body{
	font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
}

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

a:hover,
a:active,
a:focus{
	color: #f60;
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6{
	font-style: normal;
	font-weight: normal;
}

q{
	quotes: none;
}

q:before,q:after{
	content: '';
	content: none;
}

img{
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic;
}

div{
	word-wrap: break-word;
}

pre{
	overflow: auto;
	white-space: pre-wrap;
	word-wrap: break-word;
}

form{
	margin: 0;
}

button,
input,
select,
textarea,
optgroup,
option{
	vertical-align: baseline;
}

textarea{
	min-height: 100px;
	vertical-align: top;
}

button::-moz-focus-inner,
input::-moz-focus-inner{
	margin: 0;
}

table{
	width: 100%;
	word-break: break-all;
	word-wrap: break-word;
	border-spacing: 0;
}

caption{
	text-align: left;
}

img{
	height: auto;
	max-width: 100%;
}

img{
	max-width: none\9;/*IE8への対応*/
}

html:not(:target) img{
    max-width: 100%; /*IE9以上への対応*/
}

p{
	margin: 0 0 1em;
	color: #333;
}

ul,
ol{
	margin-left: 40px;
	padding-left: 0;
}

li{
	margin-bottom: 0.5em;
}

/*引用*/
blockquote{
	position: relative;
	margin: 2em 0;
	padding: 115px 45px 80px;
	background: #eeeeee;
}

blockquote p:last-child{
	margin-bottom: 0;
}

blockquote:before{
	position: absolute;
	top: 40px;
	left: 30px;
	width: 58px;
	height: 45px;
	content: url(../images/icon-laquo.png);
}

blockquote:after{
	position: absolute;
	right: 30px;
	bottom: 20px;
	width: 58px;
	height: 45px;
	content: url(../images/icon-raquo.png);
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		blockquote:before{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(../images/icon-laquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

		blockquote:after{
			display: inline-block;
			width: 58px;
			height: 45px;
			vertical-align: middle;
			background: url(../images/icon-raquo@2x.png);
			-webkit-background-size: 58px 45px;
			background-size: 58px 45px;
			content: " ";
		}

	}

blockquote a{
	color: #15a5e6;
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus{
	color: #f60;
}

q{
	background: #ccc;
}


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

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

th{
background: #fff;
background: -moz-linear-gradient(top,  #fff 0%, #eee 100%);
background: -webkit-linear-gradient(top,  #fff 0%,#eee 100%);
background: linear-gradient(to bottom,  #fff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );
	color: #333;
	text-align: center;
	font-weight: normal;
}

td.t-top,
th.t-top{
	color: #fff;
	background-color: #eb6100;
}

th.t-form{
	text-align: left;

}

td.t-form{
	text-align: left;
}


th.btn,
td.btn{
	text-align: center;
	padding: 20px 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"]{
	cursor: pointer;
	-webkit-appearance: button;
	font-size: 1.2em;
	padding: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	-webkit-transition: .3s ease-in-out;
	-moz-transition: .3s ease-in-out;
	-o-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
background: #8ad356; /* Old browsers */
background: -moz-linear-gradient(top,  #8ad356 0%, #48af28 50%, #3ca500 51%, #5cce2f 100%);
background: -webkit-linear-gradient(top,  #8ad356 0%,#48af28 50%,#3ca500 51%,#5cce2f 100%);
background: linear-gradient(to bottom,  #8ad356 0%,#48af28 50%,#3ca500 51%,#5cce2f 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8ad356', endColorstr='#5cce2f',GradientType=0 );
	text-shadow:
		0px -1px 0px rgba(000,000,000,0.2),
		0px 1px 0px rgba(255,255,255,1);
}

input[type="submit"]:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	-moz-opacity: 0.6;

}

td input{
	padding: 5px;
	border-radius: 5px;
	border: 1px solid #ccc;
}

td.radio-fix{
	padding:10px 20px 0 0;
}

input.add{
}

textarea{
	padding:15px;
}

.sttl{
	color: #000;
	font-size: 18px;
	text-align: center;
	border-bottom: 3px solid #000!important;
}

.must{
	float: right;
	background-color: #c00;
	border-radius: 5px;
	color: #fff;
	font-size: 11px;
	text-align: center;
	padding: 3px 8px;
}

/*レスポンシブ*/
@media only screen and (max-width:780px){
	#table{
		display: block;
		border: none;
	}
		#table tbody{
			display: block;
		}
			#table tbody tr{
				display: block;
				margin-bottom: 1.5em;
			}
			#table tbody th,
			#table tbody td{
				display: list-item;
				list-style-type: none;
				border: none;
			}
			#table tbody th{
				margin-bottom: 5px;
				border-radius: 5px;
				border: 1px solid #ccc;
background: #fff;
background: -moz-linear-gradient(top,  #fff 0%, #eee 100%);
background: -webkit-linear-gradient(top,  #fff 0%,#eee 100%);
background: linear-gradient(to bottom,  #fff 0%,#eee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#eee',GradientType=0 );
				text-align: left;
			}
			#table tbody td{
				padding: 0;
			}

			#table tbody td input[type="text"],
			#table tbody td textarea{
				width: 100%;
			}

			#table tbody th.sttl,
			#table tbody td.sttl{
			color: #000;
			font-size: 18px;
			text-align: left;
			border-bottom: 3px solid #c00;
			}

			input[type="button"],
			input[type="image"],
			input[type="submit"]{
				width: 100%;
			}

}


dd{
	margin-left: 0;
	padding-left: 1em;
}

figure{
	margin: 1em 0;
}


/*--------------------------------------------------------
レイアウト
--------------------------------------------------------*/

.header-in,
.main-image-in,
.main-body-in,
.footer-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 950px; /*サイトの横幅。これより小さければレスポンシブ*/
	margin: auto;
}

.main-image-in img{
	width: 100%;
}

.main-image-in.wide{
	width: 100%;
}

.main-body-in{
	width: 100%;
}


/*--------------------------------------------------------
ヘッダー
--------------------------------------------------------*/

.header{
background: #660000;
background: -moz-linear-gradient(top,  #660000 0%, #cc0000 44%, #660000 100%);
background: -webkit-linear-gradient(top,  #660000 0%,#cc0000 44%,#660000 100%);
background: linear-gradient(to bottom,  #660000 0%,#cc0000 44%,#660000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=0 );
	border-top: 3px solid #F7BC4F;
	border-bottom: 3px solid #F7BC4F;
}


.header-in{
	width: 1050px;
	padding: 30px 0;
}


/*--------------------------------------------------------
メインボディ
--------------------------------------------------------*/

.main-body{
	margin-top: 2em;
	padding-bottom: 30px;
}


/*--------------------------------------------------------
メインコンテンツ
--------------------------------------------------------*/
.main-conts{
	line-height: 1.8;
	margin-bottom: 40px;
}


/*コンテンツの基本単位（「section-wrap」＋「section-in」でコンテンツを覆う）*/
.section-wrap{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	padding: 0;
	border: 1px solid #ccc;
}


.section-wrap.wide{
	border: 0;
	padding: 0;
}

.section-wrap .section-in{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 80px;
}

.section-wrap.wide .section-in{
	width: 850px;
	margin-right: auto;
	margin-left: auto;
	padding: 0;
}


/*--------------------------------------------------------
フッター
--------------------------------------------------------*/
.footer{
	color: #666;
	font-size: 13px;
}

.footer a{
	color: #666;
}

.footer a:hover,
.footer a:active,
.footer a:focus{
	color: #ccc;
}

/*フッターナビ*/
.footer-nav{
	margin: 0 auto;
	padding: 1em 0;
	text-align: center;
}

.footer-nav li{
	display: inline;
	list-style: none;
	margin-left: 20px;
	padding: 0 10px;
}

.footer-nav li:first-child{
	margin-left: 0;
}

/*コピーライト*/
.copyright{
	margin: 0;
	padding: 30px 0;
	color: #fff;
	text-align: center;
	font-size: 1.0em;
background: #660000;
background: -moz-linear-gradient(top,  #660000 0%, #cc0000 44%, #660000 100%);
background: -webkit-linear-gradient(top,  #660000 0%,#cc0000 44%,#660000 100%);
background: linear-gradient(to bottom,  #660000 0%,#cc0000 44%,#660000 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#660000', endColorstr='#660000',GradientType=0 );
	border-top: 3px solid #F7BC4F;
}

/*ページトップボタン*/
.page-top{
	position: fixed;
	right: 20px;
	bottom: 80px;
	z-index: 99;
	background-color: #c00;
	font-size: 12px;
	text-align: center;
	border-radius: 8px;
	padding: 5px 10px;
}

* html .page-top{ display: none; }

.page-top a{
	display: block;
	text-decoration: none;
}

.page-top a:link,
.page-top a:visited{
	color: #fff;
}

.page-top a:hover,
.page-top a:active{
	color: #ccc;
}


/*--------------------------------------------------------
見出し
--------------------------------------------------------*/

.h1st{
	margin-top: 0;
}

h1{
	margin: 60px 0 20px;
	padding: 10px 18px;
	background: #909090;
	color: #fff;
	font-size: 1.75em;
}

h2{
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "MS P明朝", serif;
	margin: 60px 0 30px;
	padding: 25px 0 20px;
	color: #fff;
	font-size: 2.6em;
	line-height: 1.4;
	text-align: center;
	background: url(../images/bg-h2.jpg) no-repeat;
-moz-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.97);
-webkit-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.97);
-ms-text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.97);
text-shadow: 0px 0px 6px rgba(0, 0, 0, 0.97);
}

h2 span{
	color: #ff0;
}


h3{
	margin: 60px 0 30px;
	padding: 5px 20px;
	font-weight: bold;
	font-size: 1.5em;
	color: #fff;
	position: relative;
	background: #eb6100;
	border: 4px solid #ffc933;
	border-radius: 6px;
}
h3:after, h3:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

h3:after {
	border-color: rgba(235, 97, 0, 0);
	border-top-color: #eb6100;
	border-width: 16px;
	margin-left: -16px;
}
h3:before {
	border-color: rgba(255, 201, 51, 0);
	border-top-color: #ffc933;
	border-width: 22px;
	margin-left: -22px;
}


h4{
	margin: 50px 0 20px;
	padding: 0 0 4px;
	font-weight: bold;
	font-size: 1.5em;
	text-align: center;
}

h5{
	margin: 55px 0 25px;
	padding: 0 0 0 9px;
	border-left: 6px solid #909090;
	font-weight: bold;
	font-size: 1.2em;
}

h6{
	margin: 55px 0 25px;
	font-weight: bold;
	font-size: 1.125em;
}


/*--------------------------------------------------------
パーツスタイル
--------------------------------------------------------*/

/*8ステップ詳細ボックス*/
.box8{
	padding: 30px;
	background: url(../images/bg-box8.jpg) #eee;
	border: 10px solid #eb6100;
}

.box8 p{
	color: #000;
}


/*チェックリスト*/
.checklist{
	margin: 50px 0;
	border: solid 10px #c00;
	padding: 20px 30px 30px;
	padding-bottom: 0;
background-color: #ffc;
}

.checklist li{
	list-style: none;
}

.checklist li{
	margin-bottom: 1em;
	padding-left: 46px;
	padding-top: 3px;
	font-size: 1.25em;
	font-weight: bold;
	color: #c00;
	background: url(../images/icon-check.png) left top no-repeat;
}


/*お客様の名前*/
.voice-ttl {
	margin: 40px 20px 20px;
	position: relative;
	background: #d5f5d5;
	border: 2px solid #05a826;
	border-radius: 6px;
	text-align: center;
	font-size: 1.4em;
}
.voice-ttl:after, .voice-ttl:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.voice-ttl:after {
	border-color: rgba(213, 245, 213, 0);
	border-top-color: #d5f5d5;
	border-width: 10px;
	margin-left: -10px;
}
.voice-ttl:before {
	border-color: rgba(5, 168, 38, 0);
	border-top-color: #05a826;
	border-width: 13px;
	margin-left: -13px;
}


/*引用元へのリンク*/
.link-ref{
	text-align: right;
}


.qa-list dd{
	margin-left: 0;
	margin-bottom: 70px;
	padding: 10px 0 10px 65px;
	background: url(../images/icon-a.png) left 3px no-repeat;
}

	/*Retina（高解像度）ディスプレイ用*/
	@media screen and (-webkit-min-device-pixel-ratio:2),
	(min-resolution: 2dppx){

		.qa-list dt{
			background: url(../images/icon-q@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 48px;
			background-size: 48px 48px;
		}

		.qa-list dd{
			background: url(../images/icon-a@2x.png) left 3px no-repeat;
			-webkit-background-size: 48px 49px;
			background-size: 48px 49px;
		}

	}



/*--------------------------------------------------------
floatの回り込みを解除
--------------------------------------------------------*/
.header-conts:after,
.main-body-in:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.btn-area:after,
.clearfix:after{
	content: '';
	display: block;
	clear: both;
	height: 0;
}



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

　　　　　　　　　　　～　COMMON CSS　～

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

/*注記*/
.note{
	display: block;
	padding-left: 1em;
	text-indent: -1em;
}

.note2{
	display: block;
	padding-left: 2em;
	text-indent: -2em;
}


/*傍点*/
.dot{
	position: relative;
	padding-top: 5px;
}

.dot:before{
	position: absolute;
	top: 0;
	left: 50%;
	width: 0.2em;
	height: 0.2em;
	margin-left: -.1em;
	background: #333;
	border-radius: 50%;
	content: "";
}


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

.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;
}


/*左に画像、右に文章*/
.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.85;
	filter:alpha(opacity=85);
	-ms-filter: "alpha( opacity=85 )";
	background:none!important;
}

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


/*画像のサイズ調整*/
img.resize10{
	height: auto;
	max-width: 10%;
}

img.resize20{
	height: auto;
	max-width: 20%;
}

img.resize30{
	height: auto;
	max-width: 30%;
}

img.resize40{
	height: auto;
	max-width: 40%;
}

img.resize50{
	height: auto;
	max-width: 50%;
}

img.resize60{
	height: auto;
	max-width: 60%;
}

img.resize70{
	height: auto;
	max-width: 70%;
}

img.resize80{
	height: auto;
	max-width: 80%;
}

img.resize90{
	height: auto;
	max-width: 90%;
}


/*動画の埋め込み*/
.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:#FFFFFF;
     filter:alpha(opacity=85);
     -moz-opacity:0.85;
     -khtml-opacity: 0.85;
     opacity:0.85;
}


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


/*本文の幅を狭くする*/
.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; }/*下寄せ*/


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

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

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }

.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; }


/*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; }/*太字を解除*/


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


/*フォントの色設定*/
.red{ color: #e00!important; }/*赤*/
.blu{ color: #00d!important; }/*青*/
.grn{ color: #4caf50!important; }/*緑*/
.ylw{ color: #ff0!important; }/*黄*/
.nvy{ color: #3f51b5!important; }/*紺*/
.org{ color: #ff9800!important; }/*橙*/
.pnk{ color: #ec407a!important; }/*ピンク*/
.ppl{ color: #9c27b0!important; }/*紫*/
.olv{ color: #808000!important; }/*オリーブ*/
.lim{ color: #00ff00!important; }/*黄緑*/
.aqa{ color: #00bcd4!important; }/*水色*/
.blk{ color: #000!important; }/*黒*/
.gry{ color: #ccc!important; }/*灰*/
.wht{ color: #fff!important; }/*白*/
.brn{ color: #6d4c33!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: 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; }


/*横幅を指定*/
.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%; }


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


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


/*2～4カラム*/
.col4-wrap,
.col3-wrap,
.col2-wrap{
	margin: 0 0 1em;
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col{
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	margin-left: 2%;
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child{
	margin-left: 0;
}

.col4-wrap .col{
	width: 23.5%;
}

.col4-wrap .col_2of4{
	width: 49%;
}

.col4-wrap .col_3of4{
	width: 74.5%;
}

.col3-wrap .col{
	width: 32%;
}

.col3-wrap .col_2of3{
	width: 66%;
}

.col2-wrap .col{
	width: 49%;
}


/*バナーエリア*/
.bnr-list{
	margin-left: 0;
}

.bnr-list li{
	list-style: none;
}

.bnr-list{
	text-align: center;
}

.banner-list li{
	display: inline-block;
	margin-bottom: 1em;
	margin-left: 0.5em;
}

.bnr-list li:first-child{
	margin-left: 0;
}


/*重なりの優先度*/
.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; }
.z10{ z-index: 10!important; }
.z20{ z-index: 20!important; }
.z30{ z-index: 30!important; }
.z40{ z-index: 40!important; }
.z50{ z-index: 50!important; }


/*横並びリスト*/
.inline{ margin: 1em 0; padding: 0; }
.inline li{
	display: inline;
	list-style-type: none;
}

/*マーカー無しのリスト*/
.none{ margin: 1em 0; padding: 0; }
.none li{ list-style-type: none; }


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

/*ボーダーの太さ*/
.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; }/*茶*/