@charset "utf-8";
/* -----------------------------------------------
	1. Body
-------------------------------------------------- */
html { box-sizing: border-box; font-size: 62.5%;} *, *:before, *:after { box-sizing: inherit;}
body {font-family:-apple-system,meiryo,sans-serif,'Helvetica Neue','Hiragino Kaku Gothic ProN','游ゴシック Medium','メイリオ';
font-size: 1.4em;margin:0; padding: 0; letter-spacing:0.1px; color:#333333; background: url(../images/back.png) ; line-height: 1.6;}
	  
/* -----------------------------------------------
	2. Elements
-------------------------------------------------- */
div,article,section,article,li { vertical-align: top;}
table { border-collapse: collapse;}
h1,h2,h3,h4,h5,h6 { font-weight:normal; margin:0; }
img, video{ border: 0; vertical-align: bottom; }
dl,dt,dd,figure{ margin: 0; padding: 0; }
ol,ul {padding: 0; margin: 0;letter-spacing: -.40em;}
li { margin: 0; padding: 0;letter-spacing: normal;/* 文字間を通常に戻す */}
table ol,
table li { margin-left: 10px;}
p { margin: 0;}
a { color: #303030; text-decoration:underline; }
a:hover{ color:#0077d1;}
a { outline:none;}
img { -ms-interpolation-mode: bicubic; } /*for IE7-8*/
:focus { outline: 0; }
/* -----------------------------------------------
	3. Common Class
-------------------------------------------------- */
.center { text-align:center;}
.t_right { text-align:right;}
.t_small{font-size:1.2rem;}
.t_ind{
	padding-left:1em;
	text-indent:-1em;
}
.float-l{ float:left; } 
.float-r{ float:right; }
.clear{ clear: both; }
.hidden{ display: none; }
.red{color:#ff0000;}

.clearfix:after { height: 0; visibility: hidden; content: "."; display: block; clear: both; }

/* ------ margin-------*/
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb50 { margin-bottom: 50px; }
.mr10 { margin-right: 10px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }
.ml10 { margin-left: 10px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }
