@charset "utf-8";

/*
* cmn_style.css
* date---YYYY/MM/DD
*/


/* ----------------------------------------------
 layout
---------------------------------------------- */
.both{
	clear: both;
}
.fl_l{ float: left;}
.fl_r{ float: right;}


/* ----------------------------------------------
 margin・padding
---------------------------------------------- */

/* margin
------------------------------- */
.mt00 { margin-top: 0 !important;}
.mt10 { margin-top: 10px !important;}
.mt15 { margin-top: 15px !important;}
.mb00 { margin-bottom: 0 !important;}
.mb10 { margin-bottom: 10px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb30 { margin-bottom: 30px !important;}

.ml10 { margin-left: 10px;}
.ml12 { margin-left: 12px; }
.mr00 { margin-right: 0; }
.mb_m { margin-bottom: 20px !important;}
.mb_l { margin-bottom: 40px !important;}

@media screen and (max-width:767px){
	.mb_m { margin-bottom: 15px !important;}
	.mb_l { margin-bottom: 20px !important;}
}

/* padding
------------------------------- */
.pt00{ padding-top:0 !important;}
.pt10{ padding-top:10px !important;}
.pb00{ padding-bottom:0 !important;}
.pb05{ padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}


/* ----------------------------------------------
 block
---------------------------------------------- */
.block03{ display: inline-block; width: 3em;}
.block05{ display: inline-block; width: 5em;}
.block10{ display: inline-block; width: 10em;}
.block12{ display: inline-block; width: 12em;}
.block15{ display: inline-block; width: 15em;}


/* ----------------------------------------------
 text
---------------------------------------------- */
.underline { text-decoration: underline;}


/* font-weight
------------------------------- */
.fw_bold { font-weight: bold; padding-top:10px;}
.fw_normal{ font-weight: normal;}
.fw_big{ font-weight:bold; font-size: 115%;}


/* color
------------------------------- */
.black{ color: #333;}
.orange{ color: #E95F00;}
.red{ color: #E40011;}
.blue{ color: #0094E5;}
.green{ color: #00A896;}


/* text-align
------------------------------- */
.ta_left{ text-align: left !important;}
.ta_right{ text-align: right !important;}
.ta_center{ text-align: center !important;}


/* font-size
------------------------------- */
.fs_small{ font-size: 85%;}
.fs_big{ font-size: 105%;}
.fs_110{ font-size: 110%;}
.fs_150{ font-size: 150%;}
.fs_10{ font-size: 10px;}
.fs_12{ font-size: 12px;}
.fs_20{ font-size: 20px;}