@charset "UTF-8";

/** html5 reset **/
article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display:block;
	margin: 0;padding: 0;
}

/* ---------- ---------- ---------- ---------- ----------
 site base
 ---------- ---------- ---------- ---------- ---------- */
body, ul, li, ol, dl, dt, dd, p, form, div, h1, h2, h3, h4, h5, h6 {
	margin: 0px;
	padding: 0px;
}
body {
	text-align: center;
	color: #231815;
	font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-size: 10px;
 >font-size: 62.5%;
	-webkit-text-size-adjust: 100%;
}
li, dt, dd, p, h1, h2, h3, h4, h5, h6, th, td {
	font-size:1em;
	line-height:1.5;
}
h1, h2, h3, h4, h5, h6 {
	line-height:1.2;
}
table {
	border-collapse: collapse;
}
th,td {
	line-height:1.4;
}
img{
	vertical-align:bottom;
}

/*********************************** link ***/
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
a img {
	border-style: none;
}
a img.hover { 
	-webkit-transition: opacity 0.3s ease;
	-ms-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
a:hover img.hover{ 
	filter: alpha(opacity=60);
	-moz-opacity:0.6;
	opacity: 0.6;
}


/*********************************** clearfix ***/
.clearfix:after {
	content:"";
	clear: both;
	display: block;
}
* + html .clearfix {/* for ie7 */
	display: inline-block;
}

/* ---------- FORM ---------- */
button,
input[type="text"],
select{
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background: none;padding: 0;border: none;
}
input[type="text"],
textarea,
select{
	padding: 18px 11px;
	border: 1px solid #ccc;
	border-radius:3px ;
	font-size: 13px;
	line-height: 1;
	background: #f4f3f3;
	color: #333;
}


/* ========================================
  PRIORITY
======================================== */
.mt00{margin-top: 0 !important;}
.mt10{margin-top: 10px !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;}
.mt110{margin-top: 110px !important;}

.mb00{margin-bottom: 0 !important;}
.mb10{margin-bottom: 10px !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;}

.pt10{padding-top: 10px !important;}
.pt20{padding-top: 20px !important;}
.pt30{padding-top: 30px !important;}
.pt40{padding-top: 40px !important;}
.pt50{padding-top: 50px !important;}
.pt60{padding-top: 60px !important;}

.pb10{padding-bottom: 10px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}

.pad10{padding: 10px !important;}
.pad20{padding: 20px !important;}
.pad30{padding: 30px !important;}

.taR{text-align: right !important;}
.taC{text-align: center !important;}
.taL{text-align: left !important;}