@charset "utf-8";

font-face {
	font-family: "YuGothic-M";
	font-weight: normal;
	 src: local("YuGothic-Medium"),
		  local("Yu Gothic Medium"),
		  local("YuGothic-Regular");
}

@font-face {
	font-family: "YuGothic-M";
	font-weight: bold;
	 src: local("YoGothic-Bold"),
		  local("Yu Gothic");
}

html{
	font-size: 12px;
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*/
	font-family:-apple-system, blinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	color: #333;
}

body{
	font-size: 1em;
}


select,input,button,textarea{
	font-size: 99%;
	/*font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*/
	font-family:-apple-system, blinkMacSystemFont, "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
}

table{
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

h4{
	font-size: 100%;
}

.small{
	font-size: 85%;
}

.bold {
	font-weight: bold;
}

strong{
	font-weight: bold;
}

.txtRight {text-align: right;}
.txtCenter {text-align: center;}
.txtLeft {text-align: left;}


/* font size */
.f8px{font-size:8px;}
.f9px{font-size:9px;}	
.f10px{font-size:10px;}
.f11px{font-size:11px;}
.f12px{font-size:12px;}
.f14px{font-size:14px;}
.f16px{font-size:16px;}
.f18px{font-size:18px;}
.f20px{font-size:20px;}
.f22px{font-size:22px;}
.f24px{font-size:24px;}
.f26px{font-size:26px;}
.f28px{font-size:28px;}
.f36px{font-size:36px;}
.f48px{font-size:48px;}
.f72px{font-size:72px;}