@charset "utf-8";
/* =====================
	common
======================= */
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

html {
	overflow-y: scroll;
}

a,a:link,a:visited,a:active {
	color: #003893;
	text-decoration: none;
}

a:hover {
	color: #33b7fc;
}

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

.opacity, .alpha img:hover {
  opacity: 0.75;
  -moz-opacity: 0.75;
  filter: alpha(opacity=75.0);
  -ms-filter: "alpha(opacity=75.0)";
}

.clear { clear: both; }
.imgR, .right { float: right; }
.imgL, .left { float: left; }

/*======= text style =======*/
.tC{ text-align: center; }
.tL { text-align: left; }
.tR { text-align: right; }

.red { color: #c00; }
.white { color: #fff; }
.blue { color: #33b7fc; }
.orange { color: #ff6600; }


.over { overflow: hidden; }
.bold { font-weight: bold; }
.small { font-size: 8pt; }
.big { font-size: 12pt; }

.fo90p { font-size: 90%; }
.fo105p { font-size: 105%; }
.fo110p { font-size: 110%; }
.fo120p { font-size: 120%; }
.fo130p { font-size: 130%; }
.fo140p { font-size: 140%; }
.fo160p { font-size: 160%; }
.fo180p { font-size: 180%; }

.lh1_4 { line-height: 1.4; }
.lh1_6 { line-height: 1.6; }
.lh1_8 { line-height: 1.8; }
.lh2_0 { line-height: 2.0; }
.lh2_4 { line-height: 2.4; }

.letter2 { letter-spacing: 2px; }

/*======= margin =======*/
.m5 { margin: 5px; }
.m10 { margin: 10px; }
.m15 { margin: 15px; }
.m20 { margin: 20px; }

.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt40 { margin-top: 40px; }

.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }

.ml5 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }

.mr5 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.p5 { padding: 5px; }
.p10 { padding: 10px; }
.p15 { padding: 15px; }
.p20 { padding: 20px; }

.pt5 { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }
.pt30 { padding-top: 30px; }
.pt40 { padding-top: 40px; }

.pb0 { padding-bottom: 0px; }
.pb5 { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }
.pb30 { padding-bottom: 30px; }
.pb40 { padding-bottom: 40px; }

.pl5 { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }

.pr5 { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

.ptb5 { padding-top: 5px;padding-bottom: 5px; }
.ptb10 { padding-top: 10px;padding-bottom: 10px; }
.ptb15 { padding-top: 15px;padding-bottom: 15px; }
.ptb20 { padding-top: 20px;padding-bottom: 20px; }

.plr5 { padding-left: 5px;padding-right: 5px; }
.plr10 { padding-left: 10px;padding-right: 10px; }
.plr15 { padding-left: 15px;padding-right: 15px; }
.plr20 { padding-left: 20px;padding-right: 20px; }

.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w95p { width: 95%; }

.border-top { border-top:1px solid #e1e1e1; }
.border-bottom { border-bottom:1px solid #e1e1e1; }
.border { border:1px solid #ccc; }
.dotline { border-bottom: 1px dotted #ccc; }
.inline li { display: inline-block;vertical-align: top; }
.over { overflow: hidden; }

ul.disc {
	list-style-type: disc;
}
ul.decimal {
	list-style-type: decimal;
}
table th,table td {
	padding: 5px 10px;
	border: 1px solid #ccc;
}

@font-face{ 
	font-family: 'HanaMinA';
	src: url('./fonts/HanaMinA.eot');
	src: url('./fonts/HanaMinA.eot?#iefix') format('embedded-opentype'),
		url('./fonts/HanaMinA.woff') format('woff'),
		url('./fonts/HanaMinA.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'FontAwesome';
	src: url('./fonts/fontawesome-webfont.eot'); /* IE9 Compat Modes */
	src: url('./fonts/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('./fonts/fontawesome-webfont.woff') format('woff'), /* Modern Browsers */
	     url('./fonts/fontawesome-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('./fonts/fontawesome-webfont.svg#svgFontName') format('svg'); /* Legacy iOS */

	font-weight: normal;
	font-style: normal;
}