@charset "UTF-8";

/*  base
----------------------------------------------------*/
@font-face{ 
	font-family: 'atatakaiFont';
	src: url('../../font/atatakai.eot');
	src: url('../../font/atatakai?#iefix') format('embedded-opentype'),
		url('../../font/atatakai.woff') format('woff'),
		url('../../font/atatakai.otf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
body {
	font: 14px/1.5 "atatakaiFont", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "メイリオ", Meiryo, serif;
	background-color: #fffeee;
	color: #000;
}

a:link {
	color: #e57016;
	text-decoration: none;
}
a:visited {
	color: #e57016;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color:#666;
	text-decoration: none;
}
.container {
	width: 300px;
	min-width:300px;
	margin: 0 auto;
}


/*  header
----------------------------------------------------*/
header {
	background-color:#fff;
	padding:8px 10px;
}
/*  header - logo  */
header h1{
	float:left;
	width:115px;
	height:36px;
}
header h1 a{
	display:block;
	background:url(../../img/header-logo.png) no-repeat;
	background-size:115px 36px;
	width:115px;
	height:36px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

#hd-nav{
	display:none;
}
.sp-nav-open{
	float:right;
	padding-top:8px;
	cursor:pointer;
}


#sp-nav{
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	background-color:#666;
	width:100%;
	padding:20px 15px;

}
#sp-nav .sp-nav-link{
	position:relative;
}
#sp-nav .sp-nav-link a{
	font-size:14px;
	color:#fff;
}
#sp-nav .sp-nav-link a:hover{
	color: #e57016;
}
#sp-nav .sp-nav-link li{
	list-style : none;
	font-size:15px;
	
}
#sp-nav .sp-nav-link:first-child{
	font-size:15px;
}
#sp-nav .sp-nav-close{
	position:absolute;
	top:0px;
	right:20px;
	width:17px;
	height:17px;
	cursor:pointer;
}


/*  footer
----------------------------------------------------*/
footer{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color:#666;
	color:#fff;
}
/*	 footer - link-area  */
footer .ft-link-area{
	display:none;
}

/*	 footer - contact-area  */
footer .ft-contact-area{
	padding:10px 0 10px 20px;
	text-align:left;
}
footer .ft-contact-area p{
	padding:3px 0;
	vertical-align:middle;
}
footer .ft-contact-area a{
	color:#fff;
}
footer .ft-contact-form a:hover,
footer .ft-contact-recruit a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
footer p.ft-contact-tel{
	background:url(../../img/sp/footer-icon-tel.png) no-repeat left center;
}
footer p:hover.ft-contact-tel{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
footer .ft-contact-tel a{
	display:block;
	padding-left:35px;
	font-size:20px;
	line-height:1.2;
	min-height:25px;
}
footer .ft-contact-tel a:first-line{
	font-size:14px;
}
footer .ft-contact-form a{
	display:block;
	background:url(../../img/sp/footer-icon-form.png) no-repeat left center;
	padding-left:30px;
	height:25px;
	line-height:25px;
}
footer .ft-contact-recruit a{
	display:block;
	background:url(../../img/sp/footer-icon-recruit.png) no-repeat left center;
	padding-left:30px;
	height:25px;
	line-height:25px;
}
/*	 footer - ft-copy-area  */
footer .ft-copy-area{
	border-top:1px #fff solid;
	font-size:10px;
	padding:15px 0;
	text-align:center;
}

#go-top{
	display: none;
	position: fixed;
	bottom: 20px;
    right: 10px;
	width:34px;
	height:34px;
	cursor:pointer;
	background:url(../../img/sp/btn-go-top.png) no-repeat;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#go-top img:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}