/* ===================================================================
CSS information
 file name  :  utility.css
 style info :  汎用
=================================================================== */
body {
	margin:0;
	padding:0;
}
a {
	text-decoration:none ;
	color:#0091db;
}
a:hover {
	opacity:0.8;
}
p{
	margin:0;
	padding:0;
}

.fs10 { font-size: 10px !important; }
.fs11 { font-size: 11px !important; }
.fs12 { font-size: 12px !important; }
.fs13 { font-size: 13px !important; }
.fs14 { font-size: 14px !important; }
.fs15 { font-size: 15px !important; }
.fs16 { font-size: 16px !important; }
.fs18 { font-size: 18px !important; }
.fs20 { font-size: 20px !important; }
.fs22 { font-size: 22px !important; }
.fs24 { font-size: 24px !important; }
.fs28 { font-size: 28px !important; }
.fs30 { font-size: 30px !important; }
.fs32 { font-size: 32px !important; }
.fwb {font-weight:bold}
.fc-red {color:#F00 !important;}
.fc-blue {color:#0000FF !important;}
.fc-yellow {color:#FFF500 !important;}
.fc-ulu {color:#0091db !important;}
.fc-w {color: #fff !important;}

.mb05 {
	margin-bottom: 5px !important;
}
.mb10 {
	margin-bottom: 10px !important;
}
.mb12 {
	margin-bottom: 12px !important;
}
.mb15 {
	margin-bottom: 15px !important;
}
.mb20 {
	margin-bottom: 20px !important;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb40 {
	margin-bottom: 40px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px !important;
}
.mt05 {
	margin-top: 5px !important;
}
.mt10 {
	margin-top: 10px !important;
}
.mt12 {
	margin-top: 12px !important;
}
.mt15 {
	margin-top: 15px !important;
}
.mt20 {
	margin-top: 20px !important;
}
.mt30 {
	margin-top: 30px !important;
}
.mt35 {
	margin-top: 35px !important;
}
.mt40 {
	margin-top: 40px !important;
}
.mt50 {
	margin-top: 50px !important;
}
.mt60 {
	margin-top: 60px !important;
}
.ml05 {
	margin-left: 5px !important;
}
.ml10 {
	margin-left: 10px !important;
}
.ml12 {
	margin-left: 12px !important;
}
.ml15 {
	margin-left: 15px !important;
}
.ml20 {
	margin-left: 20px !important;
}
.ml30 {
	margin-left: 30px !important;
}
.ml40 {
	margin-left: 40px !important;
}
.ml50 {
	margin-left: 50px !important;
}
.ml60 {
	margin-left: 60px !important;
}
.mr05 {
	margin-right: 5px !important;
}
.mr10 {
	margin-right: 10px !important;
}
.mr15 {
	margin-right: 15px !important;
}
.mr20 {
	margin-right: 20px !important;
}
.mr30 {
	margin-right: 30px !important;
}
.mr40 {
	margin-right: 40px !important;
}
.mr50 {
	margin-right: 50px !important;
}
.mr60 {
	margin-right: 60px !important;
}
.pt05 {
	padding-top: 5px !important;
}
.pt10 {
	padding-top: 10px !important;
}
.pt15 {
	padding-top: 15px !important;
}
.pt20 {
	padding-top: 20px !important;
}
.pt30 {
	padding-top: 30px !important;
}
.pt40 {
	padding-top: 40px !important;
}
.pb05 {
	padding-bottom: 5px !important;
}
.pb10 {
	padding-bottom: 10px !important;
}
.pb15 {
	padding-bottom: 15px !important;
}
.pb20 {
	padding-bottom: 20px !important;
}
.pb30 {
	padding-bottom: 30px !important;
}
.pb40 {
	padding-bottom: 40px !important;
}
.pl05 {
	padding-left: 5px !important;
}
.pl10 {
	padding-left: 10px !important;
}
.pl15 {
	padding-left: 15px !important;
}
.pl20 {
	padding-left: 20px !important;
}
.pl30 {
	padding-left: 30px !important;
}
.pl40 {
	padding-left: 40px !important;
}
.pr05 {
	padding-right: 5px !important;
}
.pr10 {
	padding-right: 10px !important;
}
.pr15 {
	padding-right: 15px !important;
}
.pr20 {
	padding-right: 20px !important;
}
.pr30 {
	padding-right: 30px !important;
}
.pr40 {
	padding-right: 40px !important;
}
.flt {
	float: left !important;
}
.flr {
	float: right !important;
}
.txt_l, td.txt_l, .txt_l td {
	text-align: left !important;
}
.txt_r, td.txt_r, .txt_r td {
	text-align: right !important;
}
.txt_c, td.txt_c, .txt_c td {
	text-align: center !important;
}
.valign_t, td.valign_t, .valign_t td {
	vertical-align: top !important;
}
.valign_m, td.valign_m, .valign_m td {
	vertical-align: middle !important;
}
.valign_b, td.valign_b, .valign_b td {
	vertical-align: bottom !important;
}
.clear {
	clear: both !important;
}
.clearfix:before, .clearfix:after {
	content: "" !important;
	display: block !important;
}
.clearfix:after {
	clear: both !important;
}
.clearfix {
	zoom: 1 !important;
}
.fixed {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
}
address{
	font-style:normal !important;
	}

.line-h10 {line-height: 1;}
.line-h12 {line-height: 1.2;}
.line-h14 {line-height: 1.4;}
.line-h16 {line-height: 1.6;}
.line-h18 {line-height: 1.8;}
.line-h20 {line-height: 2;}

/* PC */
@media screen and (min-width: 577px) {
.sp {display: none !important;}
}
/* スマートフォン用表示 */
@media screen and (max-width: 576px) {
.pc {display: none !important;}
}