@charset "utf-8";

/* init.css cc8acb6f */

*{
	padding: 0;
	margin: 0;
}

html{
	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;
}

a{
	color: inherit;
}

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

table{
	border-collapse: collapse;
}

fieldset{
	border: none;
}

ul, ol{
	list-style: none;
}

br{
	letter-spacing: 0;
}

/* -------- */

.right{ text-align: right;}
.left{ text-align: left;}
.center{ text-align: center;}

.top{ vertical-align: top;}
.middle{ vertical-align: middle;}
.bottom{ vertical-align: bottom;}
.baseline{ vertical-align: baseline;}

.hidden{ display: none;}
.inline{ display: inline;}
.block{ display: block;}
.iblock{ display: inline-block;}
.table{ display: table;}
.tcell{ display: table-cell;}

.rightfloat{ float: right;}
.leftfloat{ float: left;}

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

.bold{ font-weight: bold;}

.underline{ text-decoration: underline;}

.clickable{ cursor: pointer;}

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

.mra{ margin-right: auto;}

.mb5{ margin-bottom: 5px !important;}
.mb10{ margin-bottom: 10px !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;}
.mb70{ margin-bottom: 70px !important;}
.mb80{ margin-bottom: 80px !important;}
.mb90{ margin-bottom: 90px !important;}
.mb100{ margin-bottom: 100px !important;}

.mla{ margin-left: auto;}

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

.size10{ font-size: 10px !important;}
.size11{ font-size: 11px !important;}
.size12{ font-size: 12px !important;}
.size13{ font-size: 13px !important;}
.size14{ font-size: 14px !important;}
.size15{ font-size: 15px !important;}
.size16{ font-size: 16px !important;}
.size17{ font-size: 17px !important;}
.size18{ font-size: 18px !important;}
.size19{ font-size: 19px !important;}
.size20{ font-size: 20px !important;}
.size21{ font-size: 21px !important;}
.size22{ font-size: 22px !important;}
.size23{ font-size: 23px !important;}
.size24{ font-size: 24px !important;}
.size25{ font-size: 25px !important;}
.size30{ font-size: 30px !important;}
.size35{ font-size: 35px !important;}
.size40{ font-size: 40px !important;}
.size45{ font-size: 45px !important;}
.size50{ font-size: 50px !important;}

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

.fade_on_hover:hover{
	opacity: 0.5;
}