@charset "utf-8";
/* CSS Document */

/* ////////////////////////////////////////////////////////////////////

�@base.css 

//////////////////////////////////////////////////////////////////// */
/*--------------------------------------------------------------------
HTML, Body
--------------------------------------------------------------------*/
html{
	width:100%;
	height:100%;
	margin: 0;
	padding: 0;
	font-size:14px;
	color:#000000;
	line-height:1.7em;
	background-color:#FFFFFF;
	border-top:5px solid #4E4E4E;
	overflow-y: scroll;/* for mozilla: always display scrollbar */
}
body{
	width:100%;
	background-color:#FFFFFF;

	-webkit-text-size-adjust:100%;
	font-family:'Lucida Grande','ヒラギノ角ゴProN W3','Hiragino Kaku Gothic ProN','メイリオ',Meiryo,'ＭＳＰゴシック',sans-serif;
	position:relative; /*ie7 zoom対策*/
	/*min-width:1010px;*//*safariで右端が切れる対策*/
	_display: inline;/*safariで右端が切れる対策*/	
	_zoom:1/*safariで右端が切れる対策*/	
}
/*for IE7 background*/
body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}
html>body{
	height:auto;
}
html{
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}

/*--------------------------------------------------------------------
 .lyt-inner
--------------------------------------------------------------------*/
.lyt-inner{
	margin:0 auto;
	padding:0 10px;
	max-width:980px;
}
/*--------------------------------------------------------------------
header
--------------------------------------------------------------------*/
header{
	text-align:center;
}
header img{
	width:100%;
	height:auto;
}
header .logo{
	max-width:331px;
	margin:35px auto;
}
header h1{
	max-width:420px;
	margin:0 auto 40px auto;
	line-height:0;
}
/*--------------------------------------------------------------------
#contents
--------------------------------------------------------------------*/
#contents{}

/*--------------------------------------------------------------------
footer
--------------------------------------------------------------------*/
footer{
	padding:15px 0;
	background:#444444;
	color:#FFFFFF;
}
footer img{
	width:100%;
	height:auto;
}
footer .logo{
	max-width:267px;
	margin:0 auto 10px auto;
}
footer .address,
footer .mail,
footer .copyright{
	text-align:center;
	font-size:86%;
}


/*===============================================
●tablet.css  画面の横幅が768px以下
===============================================*/
@media screen and (max-width:768px){
	/*=====================================================================
	/* .lyt-inner
	===================================================================== */
	.lyt-inner{
		width:auto;
		max-width:768px;
	}
	/*--------------------------------------------------------------------
	header
	--------------------------------------------------------------------*/
	header .logo{
		margin:20px auto;
	}
	header h1{
		margin:0 auto 30px auto;
	}
}

/*===============================================
●smart.css  画面の横幅が568px以下
===============================================*/
@media screen and (max-width:568px){
	html{
		font-size:13px;
		line-height:1.5em;
	}
	/*--------------------------------------------------------------------
	header
	--------------------------------------------------------------------*/
	header .logo{
		width:80%;
	}
	header h1{
		width:90%;
	}
	/*--------------------------------------------------------------------
	footer
	--------------------------------------------------------------------*/
	footer .logo{
		max-width:267px;
		margin:0 auto 10px auto;
	}
	footer .address,
	footer .mail,
	footer .copyright{
		font-size:74%;
	}
	footer .address span{
		display:block;
		margin-right:-0.5em;
	}
	
}
/*===============================================
●smart.css  画面の横幅が320px以下
===============================================*/
@media screen and (max-width:320px){
	/*--------------------------------------------------------------------
	header
	--------------------------------------------------------------------*/
	header .logo{
		margin:15px auto;
	}
	header h1{
		margin:0 auto 15px auto;
	}
	
	
}