@charset "UTF-8";
/* CSS Document */

/* ▼ Common ▼---------------------------------------------*/

*{box-sizing: border-box;}
*{-moz-box-sizing: border-box;}
*{text-align: left; }

/* Hack For MacIE\
	*{letter-spacing: 1px;}*/
/* Hack For MacIE*/

html{overflow-y: scroll;}

a:link   {
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover  {
	text-decoration:underline;
}

*{
	margin: 0px;
	padding: 0px;
}

hr{display: none;}

img {
	vertical-align: text-bottom;
	margin: 0px;
	padding:0px;
	border: 0px;
}


ul{list-style: none;}
/*▼ */

.d_none{
	display:none;
}


.test{
	border: 1px solid #0000CC;
}
.test1{
	border: 1px solid #cc0000;
}
.test2{
	border: 1px solid #00CC00;
}


/* ▼ ClearFix ▼-------------------------------------------*/

.cf:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.cf{zoom: 100%;}


/* ▼ Common Float Only ▼----------------------------------*/

.fl{float: left !important;}
.fr{float: right !important;}
.fn{float: none !important;}
.fc{clear: both !important;}


/* ▼ Common Display ▼-------------------------------------*/

.dn{display: none;}

.db{display: block;}
.di{display: inline;}


/* ▼ Common Margin ▼--------------------------------------*/

.mt0{margin-top: 0px !important;}
.mt1{margin-top: 1px !important;}
.mt2{margin-top: 2px !important;}
.mt3{margin-top: 3px !important;}
.mt4{margin-top: 4px !important;}
.mt5{margin-top: 5px !important;}
.mt6{margin-top: 6px !important;}
.mt7{margin-top: 7px !important;}
.mt10{
margin-top: 10px;
_margin-top: 5px;
}

.mt15{
margin-top: 15px;
_margin-top: 7px;	
}

.mt18{margin-top: 18px !important;}

.mt20{
margin-top: 20px;
}

.mt30{margin-top: 30px !important;}
.mt40{margin-top: 40px !important;}
.mt50{margin-top: 50px !important;}

.ml0{margin-left: 0px !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml12{margin-left: 12px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml25{margin-left: 25px !important;}
.ml30{margin-left: 30px !important;}
.ml35{margin-left: 35px !important;}
.ml40{margin-left: 40px !important;}
.ml45{margin-left: 45px !important;}
.ml90{margin-left: 90px !important;}
.ml110{margin-left: 110px !important;}
.ml140{
margin-left: 140px;
_margin-left: 70px;
}

.mr0{margin-right: 0px !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr25{margin-right: 25px !important;}
.mr30{margin-right: 30px !important;}

.mr6{margin-right: 6px;}
.mr7{margin-right: 7px;}
.mr8{margin-right: 8px;}


.mb0{margin-bottom: 0px !important;}
.mb1{margin-bottom: 1px !important;}
.mb2{margin-bottom: 2px !important;}
.mb3{margin-bottom: 3px !important;}
.mb4{margin-bottom: 4px !important;}
.mb5{margin-bottom: 5px !important;}
.mb10{margin-bottom: 10px !important;}
.mb15{margin-bottom: 15px !important;}
.mb20{margin-bottom: 20px !important;}
.mb30{margin-bottom: 30px !important;}
.mb50{margin-bottom: 50px !important;}



/* ▼ Common FontSize ▼ -----------------------------------*/

.fs87{font-size: 87.5% !important;}
.fs75{font-size: 75% !important;}
.fs62{font-size: 62.5% !important;}


/* ▼ Common TextAlign ▼-----------------------------------*/

.al{text-align: left !important;}
.ac{text-align: center !important;}
.ar{text-align: right !important;}


/* ▼ Common VerticalAlign ▼-----------------------------------*/

.vat{vertical-align: top;}
.vam{
	vertical-align: middle;
}
.vab{vertical-align: bottom;}


/* ▼ Float Clear ▼----------------------------------------*/

.clr{
	clear: both;
	display: block;
	height: 0px !important;
	margin: 0px;
	font-size: 0px !important;
	line-height: 0px !important;
}

.clr hr{height: 0px !important;}
.clr br{
	height: 0px !important;
	line-height: 0px !important;
}




.space100 {
	width: 100%;
	height: 100px;
}

.space50 {
	width: 100%;
	height: 50px;
}

.space30 {
	width: 100%;
	height: 30px;
}

.space20 {
	width: 100%;
	height: 20px;
}

.space10 {
	width: 100%;
	height: 10px;
}



hr.myHr {
border-width: 1px 0px 0px 0px; /* 太さ */
border-style: solid; /* 線種 */
border-color: #e8e8e8; /* 線色 */
height: 1px; /* 高さ */
display: block;
}