/*SCROLL-BAR-FOR-SMARTPHONE----------*/
.scroll{ /* 対象となる要素のクラス名が"element"の場合 */
overflow: auto;
}
.scroll::-webkit-scrollbar{ /* スクロールバー本体 */
width: 5px;
background: #f5f5f5;
}
.scroll::-webkit-scrollbar:horizontal{ /* 横方向のスクロールバー本体 */
width: 5px;
background: #f5f5f5;
}
.scroll::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background: #a9a9a9;
border-radius: 2px;
}
.scroll::-webkit-scrollbar-thumb:horizontal{ /* 横方向のスクロールバーの動く部分 */
background: #a9a9a9;
border-radius: 2px;
}
.scroll::-webkit-scrollbar-track-piece:start{ /* スクロールバーの動く部分の前 */
background: #f5f5f5;
}
.scroll::-webkit-scrollbar-track-piece:end{ /* スクロールバーの動く部分の後ろ */
background: #dcdcdc;
}
.scroll::-webkit-scrollbar-corner{ /* スクロールバー角 */
background: transparent;
}
/*-----LIST*/
.List01 {
	list-style-type: none }

.List02 {
	list-style-type: disc }

/*-----FLOAT*/
.R {
	margin-right: 0;
	margin-left:   5px;
	float:         right }

.L {
	margin-right: 5px;
	margin-left:   0;
	float:         left }

.CLEAR {
	clear: both }

.ovF {
overflow: hidden !important;
zoom: 1 !important; }

/*-----DISPLAY*/
.autoLR {
	margin-right: auto;
	margin-left:   auto }

.dispNon {
	visibility: hidden;
	display:     none }

.NOkaigyo {
	white-space: nowrap }
.block {
display: block !important;

}
.inline {
display: inline !important;

}

.table {
display: table !important;

}

.td {
display: table-cell !important;

}

/*-----VIRTICAL-LAYOUT*/
.mid {
	vertical-align: middle }

.vtop {
	vertical-align: super }

.vbot {
	vertical-align: text-bottom }

/*-----TEXT-ALIGN*/
.RightTx {
	text-align: right }

.LeftTx {
	text-align: left }

.CenterTx {
text-align: center !important;
}

.LRauto {
	margin-right: auto;
	margin-left:   auto }

/*-----TEXT-ORNAMENT*/
.bold {
	font-weight: bold }

.normal {
	font-weight: normal }

/*-----TEXTCOLOR*/
.redtxt {
	color: #f00 }

.orangetxt {
	color: #ff8c00 }

.gray01 {
	color: #808080 }

.whitetxt {
	color: #fff }

.bluetxt {
	color: #4169e1 }
.blue01 {
color: #67abca;
}

.pink01 {
color: #db7093;
}

/*-----TEXT-HEIGHT*/
.txH100 {
	line-height: 100% }

.txH115 {
	line-height: 115% }

.txH120 {
	line-height: 120% }

.txH125 {
	line-height: 125% }

.txH130 {
	line-height: 130% }

.txH135 {
	line-height: 135% }

.txH150 {
	line-height: 150% }

/*-----LINES*/
.l01 {
	border-bottom: 1px solid #a9a9a9 }

.l02 {
	padding-top: 2px;
	border-top:   1px solid #a9a9a9 }

.l04 {
	border-right: 1px solid #a9a9a9 }

.l05 {
	border-bottom: 2px solid #191970 }
.l06 {
border-bottom: 1px solid #d3d3d3;
}

.dot01 {
	border-bottom: 1px dotted #a9a9a9 }

.dot02 {
	border-bottom: 1px dotted #fff }

.dot03 {
	padding-top: 2px;
	border-top:   1px dotted #c0c0c0 }

.dot04 {
	border-bottom: 1px dotted #b0e0e6 }

.waku01 {
	border: solid 1px #c0c0c0 }

.waku02 {
	border-right: 1px solid #c0c0c0;
	border-bottom: 1px solid #c0c0c0;
	border-left:   1px solid #c0c0c0 }

.waku03 {
	border: solid 1px #ffb6c1 }

.waku04 {
	border: solid 1px #fff }

.waku05 {
	border: solid 1px #000 }

.waku06 {
	border-right: 1px solid #dcdcdc;
	border-bottom: 1px solid #dcdcdc }

/*-----MARGIN-PADDING*/
.padmrg0 {
	margin: 0;
	padding: 0 }

.mrg10 {
	margin: 10px }

.mrg5 {
	margin: 5px }

.mrgR5 {
	margin-right: 5px }

.mrgR10 {
	margin-right: 10px }
.mrgR25 {
margin-right: 25px;
}

.mrgL5 {
	margin-left: 5px }

.mrgL10 {
	margin-left: 10px }

.mrgL15 {
	margin-left: 15px }

.mrgL25 {
	margin-left: 25px }
.mrgU5 {
	margin-top: 5px }

.mrgU10 {
	margin-top: 10px }

.mrgU25 {
margin-top: 25px !important;
}

.mrgD5 {
	margin-bottom: 5px }

.mrgD3 {
	margin-bottom: 3px }

.mrgD10 {
margin-bottom: 10px !important;
}

.mrgD25 {
margin-bottom: 25px !important;
}
.mrgD35 {
margin-bottom: 35px !important;
}

.mrgD50 {
margin-bottom: 50px !important;
}
.mrgD100 {
margin-bottom: 100px !important;

}

.mrgUD5 {
	margin-top:   5px;
	margin-bottom: 5px }

.mrgUD10 {
	margin-top:   10px;
	margin-bottom: 10px }

.mrgUD20 {
	margin-top:   20px;
	margin-bottom: 20px }

.mrgUL5 {
	margin-top:   5px;
	margin-bottom: 5px }

.mrgDR5 {
	margin-right: 5px;
	margin-bottom: 5px }

.mrgLR5 {
	margin-right: 5px;
	margin-left:   5px }

.mrgLR10 {
	margin-right: 10px;
	margin-left:   10px }

.mrgLRD5 {
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left:   5px }

.pad5 {
	padding: 5px }

.pad10 {
	padding: 10px }

.pad15 {
	padding: 15px }

.padD5 {
	padding-bottom: 5px }

.padD10 {
	padding-bottom: 10px }
.padD15 {
padding-bottom: 15px;
}

.padU3 {
	padding-top: 3px }

.padU5 {
	padding-top: 5px }

.padU10 {
	padding-top: 10px }

.padU25 {
	padding-top: 25px }

.padUD1 {
	padding-top:   1px;
	padding-bottom: 1px }

.padUD2 {
	padding-top:   2px;
	padding-bottom: 2px }

.padUD5 {
	padding-top:   5px;
	padding-bottom: 5px }

.padR10 {
	padding-right: 10px }

.padL5 {
	padding-left: 5px }

.padL10 {
	padding-left: 10px }

.padL15 {
	padding-left: 15px }

.padL50 {
	padding-left: 50px }

.padL25 {
	padding-left: 25px }

.padL30 {
	padding-left: 30px }

.padLR5 {
	padding-right: 5px;
	padding-left:   5px }

.padLR10 {
	padding-right: 10px;
	padding-left:   10px }

.padLR15 {
	padding-right: 15px;
	padding-left:   15px }

.padUL5 {
	padding-top: 5px;
	padding-left: 5px }

/*-----BG-COLOR*/
.bgOrange {
	background-color: #ffa500 }

.bgOrange2 {
	background-color: #faebd7 }

.bgGreen {
	background-color: #9acd32 }

.bgBlue {
	background-color: #b0e0e6 }
.bgBlue2 {
background-color: #4169e1;
}

.bgPink {
	background-color: #fff0f5 }

.bgYellow {
	background-color: #ffd700 }

.bgGray {
	background-color: #f5f5f5 }

.bgBlack {
	background-color: #000 }

.bgGray01 {
	background-color: #dcdcdc }

/*-----WIDTH*/
.W70 {
	width: 70px }

.W75 {
	width: 75px }

.W80 {
	width: 80px }

.W100 {
	width: 100px }

.W125 {
	width: 125px }

.W200 {
	width: 200px }

.W250 {
	width: 250px }

.W160 {
	width: 160px }

.W300 {
	width: 300px }

.W350 {
	width: 350px }

.W400 {
	width: 400px }

.W450 {
	width: 450px }

.W500 {
	width: 500px }

.W600 {
	width: 600px }

.W900 {
	width: 900px }

.W100per {
	width: 100% }

.W75per {
	width: 75% }

.W50per {
	width: 50% }

.W45per {
	width: 45% }

.W33per {
	width: 33% }

.W25per {
	width: 25% }
.MW100per {
max-width: 100%;
}

/*-----LENGTH*/
.L300 {
	height: 300px }

.L200 {
	height: 200px }

.L100 {
	height: 100px }

.L80 {
	height: 80px }

/*-----TEXT*/
.tx8px {
font-size: 8px !important;
line-height: 100%  }

.tx10px {
font-size: 10px !important; }

.tx11px {
font-size: 11px !important; }

.tx12px {
font-size: 12px !important; }

.tx13px {
	font-size: 13px }

.tx14px {
	font-size: 14px }

.tx15px {
	font-size:  15px;
	line-height: 135% }

.tx16px {
	font-size: 16px }

.tx17px {
	font-size:  17px;
	line-height: 110% }

.tx18px {
	font-size: 18px }

.tx20px {
font-size: 20px !important;
line-height: 150% 
}

.tx22px {
font-size: 22px !important;
line-height: 150% 
}

.tx24px {
font-size: 24px !important;
line-height: 150% 
}

.tx25px {
font-size: 25px !important;
}

.tx26px {
font-size: 26px !important;
}

.tx28px {
font-size: 28px !important;
}