@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: 13px/1.4 "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: 960px;
	min-width:960px;
	margin: 0 auto;
}
#sp-nav{
	display:none;
}
header .container {
	width: 1060px;
	min-width:1060px;
	margin: 0 auto;
}

/*  header
----------------------------------------------------*/
header {
	background-color:#fff;
	padding:20px 0;
	width:100%;
	min-width:960px;
}
/*  header - logo  */
header h1{
	float:left;
	width:224px;
	height:70px;
}
header h1 a{
	background:url(../../img/header-logo.png) no-repeat;
	display:block;
	width:224px;
	height:70px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#hd-nav{
	float:right;
}
#hd-nav li{
	position: relative;
	display:table;
	height:70px;
	list-style : none;
	float:left;
}
#hd-nav li p{
	display:table-cell;
	vertical-align:middle;
	text-align:left;
	color:#000;
	cursor:pointer;
}
#hd-nav li p span{
	display:block;
	border-left:#ccc 1px solid;
	padding:8px 0 8px 10px;
	width:120px;
}
#hd-nav li p:hover span{
	border-left:#e57016 1px solid;
}
#hd-nav li div{
	display:none;
	position: absolute;
	background-color:rgba(255,255,255,0.9);
	top: 70px;
	left: 0;
	width: 160px;
	z-index:9999;
}
#hd-nav li div.sub-nav-l{
	width: 550px;
}
#hd-nav li div.sub-nav-r {
	width: 200px;
}
#hd-nav li div ul{
	float:left;
	width: 255px;
	padding:20px 10px;
}
#hd-nav li div ul li{
	height:inherit;
	font-size:12px;
	float:none;
	padding:2px 0;
}
#hd-nav li div ul li a{
	color:#000;
}
#hd-nav li div ul li a:hover{
	color:#e57016;
}
.sp-nav-open{
	display:none;
}
.br-sp{
	display:none;
}


/*  footer
----------------------------------------------------*/
footer{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#666;
	background-color:#f7f3e8;
}
/*	 footer - link-area  */
footer .ft-link-area{
	padding:30px 0;
}
footer .ft-link {
	padding-right: 22px;
	float:left;
}
footer .ft-link ul{
	margin-bottom:10px;
}
footer .ft-link li{
	list-style : none;
	padding-bottom:4px;
}
footer .ft-link li:first-child{
	font-weight:600;
	padding-bottom:8px;
	font-size:14px;
}
footer .ft-link a{
	color:#666;
	font-size:12px;
}
footer .ft-link a:hover{
	color:#e57016;
}
footer .ft-link-r {
	padding-right: 0;
}

/*	 footer - contact-area  */
footer .ft-contact-area{
	border-top:#b3b3b3 1px solid;
	border-bottom:#b3b3b3 1px solid;
	padding:15px 0;
	text-align:center;
}
footer .ft-contact-area p{
	margin:0 auto;
	display:inline-block;
	vertical-align:middle;
}
footer .ft-contact-area a{
	color:#666;
}
footer .ft-contact-area a:hover{
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
footer .ft-contact-tel a{
	display:block;
	background:url(../../img/pc/footer-icon-tel.png) no-repeat left center;
	padding-left:35px;
	font-size:20px;
	font-weight:600;
	height:29px;
	line-height:29px;
}
footer .ft-contact-tel a br{
	display:none;
}
footer .ft-contact-form a{
	display:block;
	background:url(../../img/pc/footer-icon-form.png) no-repeat left center;
	padding-left:30px;
	font-size:12px;
	margin:0 30px;
	height:25px;
	line-height:25px;
}
footer .ft-contact-recruit a{
	display:block;
	background:url(../../img/pc/footer-icon-recruit.png) no-repeat left center;
	padding-left:30px;
	font-size:12px;
	height:25px;
	line-height:25px;
}
/*	 footer - ft-copy-area  */
footer .ft-copy-area{
	font-size:10px;
	padding:25px 0;
	text-align:center;
}
footer .ft-copy-area br{
	display:none;
}

#go-top{
	display: none;
	position: fixed;
	bottom: 20px;
    right: 20px;
	width:34px;
	height:34px;
	cursor:pointer;
	background:url(../../img/pc/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;
}