@charset "utf-8";

/* reset
==================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, address, img, strong,
del, ins, dfn, em, abbr, acronym, kbd, q, pre, cite, code, samp, sub, sup, var,
fieldset, form, label, legend,
table, caption, thead, tbody, tfoot, tr, th, td,
dl, dt, dd, ol, ul, li,figure,figcaption,header,footer,nav,section{
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
	font-style: normal;
	font-weight: normal;
	font-size: 100%;
	line-height: 1.0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}
html{ overflow-y: scroll;}
ul{ list-style: none;}
hr{ display: none;}
del, ins{ text-decoration: none;}
blockquote, q{ quotes: none;}
ol{ list-style: none;}
table{
	border-collapse: collapse;
	border-spacing: 0;
}

/* common setting
==================================================*/
body{
	color:#333;
	background:#ffffff;
	line-height:1.7;
	-webkit-text-size-adjust:100%;
	font-family: "ヒラギノ角ゴ Pro W3";
	-webkit-font-smoothing: antialiased;
	font-weight: 100;
}
@media screen and (max-width: 767px){
	body{font-size: 12px;}
	p{line-height: 1.5;}
}
@media screen and (min-width: 768px){
	body{font-size: 15px;}
	p{line-height: 1.7;}
}

a{
	color: #333;
	text-decoration: none;
}
img{border:0px;}

/* clearfix
---------------------------*/
.cf:after{
	content: ".";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}

/* float
---------------------------*/
.floatR{float:right;}
.floatL{float:left;}

/* text-align
---------------------------*/
.alL {text-align:left   !important;}
.alR {text-align:right   !important;}
.alC {text-align:center   !important;}

/* text-decoration
---------------------------*/
.tbold {font-weight:bold;}

/* vertical-align
---------------------------*/
.vaT {vertical-align:top    !important;}
.vaM {vertical-align:middle !important;}
.vaB {vertical-align:bottom !important;}

/* margin
---------------------------*/
.mb0{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;}
.mb70{margin-bottom: 70px !important;}
.mb80{margin-bottom: 80px !important;}
.mb90{margin-bottom: 90px !important;}
.mb100{margin-bottom: 100px !important;}

.mt0{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;}

.ml0{margin-left: 0 !important;}
.ml5{margin-left: 5px !important;}
.ml10{margin-left: 10px !important;}
.ml15{margin-left: 15px !important;}
.ml20{margin-left: 20px !important;}
.ml30{margin-left: 30px !important;}
.ml40{margin-left: 40px !important;}
.ml50{margin-left: 50px !important;}
.ml60{margin-left: 60px !important;}
.ml70{margin-left: 70px !important;}
.ml80{margin-left: 80px !important;}
.ml90{margin-left: 90px !important;}
.ml100{margin-left: 100px !important;}

.mr0{margin-right: 0 !important;}
.mr5{margin-right: 5px !important;}
.mr10{margin-right: 10px !important;}
.mr15{margin-right: 15px !important;}
.mr20{margin-right: 20px !important;}
.mr30{margin-right: 30px !important;}
.mr40{margin-right: 40px !important;}
.mr50{margin-right: 50px !important;}
.mr60{margin-right: 60px !important;}
.mr70{margin-right: 70px !important;}
.mr80{margin-right: 80px !important;}
.mr90{margin-right: 90px !important;}
.mr100{margin-right: 100px !important;}