@charset "UTF-8";

/* ===============================================

	FONT SIZE STYLE
  
=============================================== */
.f-size18 { font-size: 138.5%!important; /* 18px */}
.f-size16 { font-size: 123.1%!important; /* 16px */}
.f-size14 { font-size: 108%!important; /* 14px */}
.f-size11 { font-size: 87%!important; /* 11px */}
.f-size10 { font-size: 83%!important; /* 10px */}
.f-sizeClear { font-size: 13px!important; /* 13px */}


/* ===============================================
	WEB FONT STYLE
=============================================== */
@font-face {
  font-family: 'NotoSansJP-Bold';
  src: url('../../common/fonts/NotoSansBold-Subset.eot');
  src: url('../../common/fonts/NotoSansBold-Subset.eot?#iefix') format('embedded-opentype'),
       url('../../common/fonts/NotoSansBold-Subset.woff') format('woff'),
       url('../../common/fonts/NotoSansBold-Subset.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansJP-Medium';
  src: url('../../common/fonts/NotoSansMedium-Subset.eot');
  src: url('../../common/fonts/NotoSansMedium-Subset.eot?#iefix') format('embedded-opentype'),
       url('../../common/fonts/NotoSansMedium-Subset.woff') format('woff'),
       url('../../common/fonts/NotoSansMedium-Subset.ttf') format('truetype');
}

@font-face {
  font-family: 'NotoSansJP-Regular';
  src: url('../../common/fonts/NotoSansRegular-Subset.eot');
  src: url('../../common/fonts/NotoSansRegular-Subset.eot?#iefix') format('embedded-opentype'),
       url('../../common/fonts/NotoSansRegular-Subset.woff') format('woff'),
       url('../../common/fonts/NotoSansRegular-Subset.ttf') format('truetype');
}

.fontSans_bd {
	font-family: "NotoSansJP-Bold",YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif!important;
}

.fontSans_md {
	font-family: "NotoSansJP-Medium",YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif!important;
}

.fontSans_rg {
	font-family: "NotoSansJP-Regular",YuGothic, "Yu Gothic", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif!important;
}



/* ===============================================

	MARGIN STYLE
  
=============================================== */
.mT5 {	margin-top: 5px!important;}
.mT10 {	margin-top: 10px!important;}
.mT15 {	margin-top: 15px!important;}
.mT20 {	margin-top: 20px!important;}
.mT25 {	margin-top: 25px!important;}
.mT30 {	margin-top: 30px!important;}
.mT35 {	margin-top: 35px!important;}
.mT40 {	margin-top: 40px!important;}
.mT45 {	margin-top: 45px!important;}
.mT50 {	margin-top: 50px!important;}
.mT60 {	margin-top: 60px!important;}
.mT65 {	margin-top: 65px!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;}
.mR35 {	margin-right: 35px!important;}
.mR40 {	margin-right: 40px!important;}
.mR45 {	margin-right: 45px!important;}
.mR50 {	margin-right: 50px!important;}
.mR55 {	margin-right: 55px!important;}
.mR60 {	margin-right: 60px!important;}
.mL5 {	margin-left: 5px!important;}
.mL10 {	margin-left: 10px!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;}
.mL50 {	margin-left: 50px!important;}
.mL55 {	margin-left: 55px!important;}
.mL60 {	margin-left: 60px!important;}

/* ---------- マージンの消去 ---------- */
.nomt { margin-top: 0!important;}
.nomb { margin-bottom: 0!important;}
.noml { margin-left: 0!important;}
.nomr { margin-right: 0!important;}


/* ===============================================

	FLOAT STYLE
  
=============================================== */
.right { float: right!important;}
.left { float: left!important;}
.noFloat { float: none!important;}
.clear { clear: both!important;}


/* ===============================================

	TEXT ALIGN STYLE
  
=============================================== */
.txtRight { text-align: right!important;}
.txtLeft { text-align: left!important;}
.txtCenter { text-align: center!important;}



/* ===============================================

	LIST STYLE
  
=============================================== */
ul.disc li {
	list-style-type: disc;
	margin-left: 1.5em!important;
	*margin-left: 1.6em!important;
}

ol.decimal li {
	list-style-type: decimal;
	margin-left: 2em!important;
	*margin-left: 2.3em!important;
}

.indentList li {
	margin-left: 1em;
	text-indent: -1em;
}



/* ===============================================

	MOUSEOVER
  
=============================================== */
.onAll a:hover {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}

a:hover .on {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}



/* ===============================================

	CLEAR FIX
  
=============================================== */
/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.cf:after {
	clear:both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}



/* ===============================================

	OVERFLOW
  
=============================================== */
.ovh {
	overflow: hidden;
}