@charset "UTF-8";

* {	box-sizing: border-box; }
html { overflow-y:scroll; }
body, ol, ul, dl, dt, dd, h1, h2, h3, h4, h5, h6, h7, form, p { margin:0; padding:0; }
img { border:0;
user-select:none;
-webkit-user-select:none;
-moz-user-select:none;
-khtml-user-select:none;
-webkit-user-drag:none;
-khtml-user-drag:none;
	vertical-align: bottom;
  }
li { list-style-type:none; }

body {
	font-size:14px; line-height:1.6;
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#222222;
}

table, tr, td {
	border-style: none;
	vertical-align: top;
}

a {
	overflow:hidden;
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear; }
a:link		{ color:#222222; text-decoration: none; }
a:visited	{ color:#222222; }
a:hover		{ color:#aaaaaa; }
a:active	{ color:#aaaaaa; }

a img {
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear;
	transition:.2s linear; }
a:hover img { opacity:0.8; }


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

.clear{  clear: both;}

.align_r {text-align: right;}
.align_l {text-align: left;}
.align_c {text-align: center;}

.mt0 { margin-top: 0!important;}
.mt10 { margin-top: 10px!important;}
.mt20 { margin-top: 20px!important;}
.mr0 { margin-right: 0!important;}
.mr10 { margin-right: 10px!important;}
.mr20 { margin-right: 20px!important;}
.mb0 { margin-bottom: 0!important;}
.mb10 { margin-bottom: 10px!important;}
.mb20 { margin-bottom: 20px!important;}
.ml0 { margin-left: 0!important;}
.ml10 { margin-left: 10px!important;}
.ml20 { margin-left: 20px!important;}

.no_border { border: none!important; }

.minusIndent10 {
  text-indent: -1em;
  padding-left: 1em;
}


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

* html .clearfix { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  

.clearfix:before,
.clearfix:after{content:" ";display:table}
.clearfix:after{clear:both}


.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
 
.clearfix {display: inline-table;}
 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */