@charset "utf-8";

*{
	padding: 0;
	margin: 0;
}

html, body{
	background: #fff none;
	color: #000;
}

p, li, dt, dd, th, td, address, blockquote, caption, cite, pre, code, h1, h2, h3, h4, h5, h6, strong, em, small, input, select, textarea{
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
}

ul, ol{
	list-style: none;
}

table{
	border-collapse: collapse;
}

caption, th{
	text-align:left
}

fieldset{
	border: none;
}

a{
	text-decoration: none;
	color: inherit;
}

img{
	vertical-align: top;
	border: none;
}

br{
	letter-spacing: 0;
}

/* classes */

.dn{ display: none;}
.di{ display: inline;}
.db{ display: block;}
.dib{ display: inline-block;}
.dt{ display: table;}
.dtc{ display: table-cell;}

.fr{ float: right;}
.fl{ float: left;}

.oh{ overflow: hidden;}
.ov{ overflow: visible;}
.os{ overflow: scroll;}

.cl{ clear: both;}
.clr{ clear: right;}
.cll{ clear: left;}
.cln{ clear: none;}

.clearfix:after{
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}

.fsz10{ font-size: 10px;}
.fsz11{ font-size: 11px;}
.fsz12{ font-size: 12px;}
.fsz13{ font-size: 13px;}
.fsz14{ font-size: 14px;}
.fsz15{ font-size: 15px;}
.fsz16{ font-size: 16px;}
.fsz17{ font-size: 17px;}
.fsz18{ font-size: 18px;}
.fsz19{ font-size: 19px;}
.fsz20{ font-size: 20px;}
.fsz21{ font-size: 21px;}
.fsz22{ font-size: 22px;}
.fsz23{ font-size: 23px;}
.fsz24{ font-size: 24px;}
.fsz25{ font-size: 25px;}
.fsz30{ font-size: 30px;}
.fsz35{ font-size: 35px;}
.fsz40{ font-size: 40px;}
.fsz45{ font-size: 45px;}
.fsz50{ font-size: 50px;}

.fwn{ font-weight: normal;}
.fwb{ font-weight: bold;}

.lh100{ line-height: 1.0;}
.lh110{ line-height: 1.1;}
.lh120{ line-height: 1.2;}
.lh130{ line-height: 1.3;}
.lh140{ line-height: 1.4;}
.lh150{ line-height: 1.5;}
.lh160{ line-height: 1.6;}
.lh170{ line-height: 1.7;}
.lh180{ line-height: 1.8;}
.lh190{ line-height: 1.9;}
.lh200{ line-height: 2.0;}

.tdn{ text-decoration: none;}
.tdu{ text-decoration: underline;}

.vat{ vertical-align: top;}
.vam{ vertical-align: middle;}
.vab{ vertical-align: bottom;}
.vabl{ vertical-align: baseline;}

.curp{ cursor: pointer;}

.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt25{ margin-top: 25px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt60{ margin-top: 60px;}
.mt70{ margin-top: 70px;}
.mt80{ margin-top: 80px;}
.mt90{ margin-top: 90px;}
.mt100{ margin-top: 100px;}

.mra{ margin-right: auto;}

.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb25{ margin-bottom: 25px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb60{ margin-bottom: 60px;}
.mb70{ margin-bottom: 70px;}
.mb80{ margin-bottom: 80px;}
.mb90{ margin-bottom: 90px;}
.mb100{ margin-bottom: 100px;}

.mla{ margin-left: auto;}

.tar{ text-align: right;}
.tal{ text-align: left;}
.tac{ text-align: center;}

/* usisan */

.fade_on_hover{
	-webkit-transition: opacity 0.15s ease;
	transition: opacity 0.15s ease;
}

.fade_on_hover:hover{
	opacity: 0.5;
}

.uln_on_hover:hover{
	text-decoration: underline;
}

.max240{ width: 100%; max-width: 240px;}
.max320{ width: 100%; max-width: 320px;}
.max480{ width: 100%; max-width: 480px;}
.max640{ width: 100%; max-width: 640px;}
.max810{ width: 100%; max-width: 810px;}