@charset "UTF-8";

/* Webfont: Lato-Light */@font-face {
    font-family: 'LatoWebLight';
    src: url('/fonts/Lato-Light.eot'); /* IE9 Compat Modes */
    src: url('/fonts/Lato-Light.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/Lato-Light.woff2') format('woff2'), /* Modern Browsers */
         url('/fonts/Lato-Light.woff') format('woff'), /* Modern Browsers */
         url('/fonts/Lato-Light.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: Lato-Regular */@font-face {
    font-family: 'LatoWeb';
    src: url('/fonts/Lato-Regular.eot'); /* IE9 Compat Modes */
    src: url('/fonts/Lato-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('/fonts/Lato-Regular.woff2') format('woff2'), /* Modern Browsers */
         url('/fonts/Lato-Regular.woff') format('woff'), /* Modern Browsers */
         url('/fonts/Lato-Regular.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

* {	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:15px; line-height:1.4;
	font-family: 'LatoWebLight','Lato Light', Verdana, "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
	color:#000;
	background:url("/img/bg.gif");
}

table {  }

a {
	overflow:hidden;
	-webkit-transition:.2s linear;
	-moz-transition:.2s linear;
	-o-transition:.2s linear; }
a:link		{ color:#333; }
a:visited	{ color:#333; }
a:hover		{ color:#aaaaaa; }
a:active	{ color:#485e09; }

/* 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 */

.txt_c { text-align:center; }
.txt_l { text-align:left; }
.txt_r { text-align:right; }

.float_l { float:left; }
.float_r { float:right; }

/* 共通 */
#wrapper { width:100%; }

/*header { height:80px; position:relative; background:#fff; z-index:200; }
	header h1 a {
		display:block;
		width:222px; height:34px; text-indent:-9999px;
		background:url("/img/logo.png") 0 0 no-repeat;
		background-size:222px 34px; }
	header h1 a:hover { opacity:0.6; }

	header nav { font-size:11px; }
	header nav a { color:#231815; text-decoration:none; }

footer { padding:50px 0; font-size:10px; background:#fff; position:relative; }
	#pagetop a:hover { opacity:0.6; }

@media (min-width: 920px) {
	header { padding-top:60px; }
	header h1 a { position:absolute; right:60px; }
	header nav { position:absolute; top:70px; right:320px; }
}
@media (max-width: 920px) {
	header { padding:30px 0; }
	header h1 a { position:relative; margin:auto; }
	header nav { text-align:center; margin-top:20px; }
}
@media (min-width: 620px) {
	header #menubtn { display:none; }
	header nav li { display:inline-block; }
	header nav li:after { content:"|"; color:#c8c5c4; }
	header nav li:last-child:after { content:none; }
	header nav a { padding:0 15px; }
	#pagetop { position:absolute; top:47px; right:50px; }
}
@media (max-width: 620px) {
	body { min-width:320px; }
	header { height:auto; padding:30px 0; }
	header h1 a { float:left; margin-left:15px; }
	header #menubtn { display:block; float:right; width:30px; height:30px; margin-right:15px; cursor:pointer; }
	header nav { display:none; clear:both; width:100%; margin:20px auto -30px; line-height:3; }
	header nav ul { width:100%; border-bottom:2px solid #ececec; }
	header nav li { display:block; border-top:1px solid #ececec; }
	header nav a  { display:block; }
	header nav a:hover { background:#666; color:#fff; }
	#pagetop { position:fixed; bottom:10px; right:10px; z-index:300; }
	#copy { padding:0 50px; }
}*/