@charset “UTF-8″;

/**
 * common
 * ----------------------------------------------------------------------------
 */

*, *:before, *:after { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
html { font-size: 62.5%; /* 10px */ overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
html, btn, input, select, textarea { font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;}
body { color: #000; line-height: 1.5; margin: 0; padding:0; font-size: 14px; font-size: 1.4rem; }

h1, h2, h3, h4, h5, h6 { margin: 0; padding:0;}
p { margin: 0 0 1em 0;}
em { color:#F00; font-style:normal;}
strong { color: #0C48C5;}
.fonts { font-size:13px; }

img { max-width: 100%; height:auto; -ms-interpolation-mode: bicubic; border: 0; vertical-align: middle;}
.tel a { text-decoration: underline;}

a { color: #DD6E00; text-decoration: underline; }
a:visited { color: #DD6E00;}
a:focus { outline: none;}
a:active, a:hover { color: #350100; outline: 0;}
a:hover { text-decoration: underline;}
a:hover img{ opacity:0.7; filter: alpha(opacity=70);}

ol,
ul { margin: 0; padding: 0; list-style-type: none;}
li > ul,
li > ol { margin: 0;}

.floatL { float: left;}
.floatR { float: right;}
.alignC { display: block; margin-left: auto; margin-right: auto;}

.ft15 { font-size:15px;}
.ft16 { font-size:16px;}

img.floatL { float: left; margin-right:20px;}
img.floatR { float: right; margin-left:20px;}
img.alignC { display: block; margin-left: auto; margin-right: auto;}

img.floatL,
img.floatR,
img.alignC{ margin-bottom:20px;}

/* グループリンク */
.gr { cursor:pointer; }
.gr a:hover { text-decoration:underline; opacity:0.8; filter: alpha(opacity=80);}
.gr:hover img { opacity:0.8; filter: alpha(opacity=80);}

/* ヘッダー ------------ */
#head-area { width:100%; margin:0 auto; padding:0; background: url(../parts/head_bg.png) repeat-x center top; }
#head-area h1 { width:1000px; text-align:left; margin:0 auto; height:30px; line-height:30px; color:#fff; font-weight:normal; }
#head { width:1000px; height:90px; margin:0 auto; padding:10px 0 0 0; }
#head .logo { float:left; width:360px; }

#head .head-tel { float:left; width:420px; height:70px; background: url(../parts/head_tel.gif) no-repeat left top; text-indent:-9999px;}
#head .head-mail { float:left; width:220px; height:70px; text-indent:-9999px;}
#head .head-mail a { width:220px; height:70px; background: url(../parts/bt_mail.png) no-repeat left top; display:block;}
#head .head-mail a:hover { background: url(../parts/bt_mail.png) no-repeat left top; opacity: 0.8; filter: alpha(opacity=80);}


@media screen and (max-width:600px){
	#head-area { background: none; }
	#head-area h1 { width:100%; text-align:left; margin:0 auto; padding:5px 50px 5px 2px; height: auto; font-size:11px; line-height:1.2; color:#fff; font-weight:normal; background:#8FC42F; }
	#head-area h1:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
	#head { clear:both; width:100%; height:70px; margin:0 auto; padding:10px 0 0 0; }
	#head .logo { float:left; width:210px; margin:2px 10px 0 2px; }
	#head .logo img.logo-add { display:none;}
	#head .head-tel { float:left; width:40px; height:50px; margin-right:5px; text-indent:-9999px; display: block;}
	#head .head-mail { float:left; width:40px; height:50px; text-indent:-9999px; display: block;}
	#head .head-tel a { width:40px; height:50px; background: url(../parts/sp_tel.png) no-repeat left top; display: block;}
	#head .head-tel a:hover { background: url(../parts/sp_tel.png) no-repeat left top; opacity: 0.8; filter: alpha(opacity=80);}
	#head .head-mail a { width:40px; height:50px; margin-right:5px; background: url(../parts/sp_mail.png) no-repeat left top; display: block;}
	#head .head-mail a:hover { background: url(../parts/sp_mail.png) no-repeat left top; opacity: 0.8; filter: alpha(opacity=80);}
}


/* mainvisual ------------ */
#mainvisual-area { width:100%; height:420px; margin:0 auto; padding:0; background:url(../parts/mainvisual.png) no-repeat center top; }
.mainvisual-waku { width:1000px; height:420px; margin:0 auto; padding:23px 550px 0 0; background:url(../parts/mainvisual-waku.png) no-repeat left 23px;  }

@media screen and (max-width:600px){
	.mainvisual-waku { width:310px; height:420px; margin:0 auto; padding:23px 0 0 0; background:url(../parts/mainvisual-waku.png) no-repeat left 23px; background-size:310px auto ; }
	.mainvisual-waku img { max-width:310px; }
}


/* ナビ ------------ */

#navbar { background:#2D312E; }
#nav-menu { clear:both; width:1000px; height:60px; padding:0; margin:0 auto;}
#nav-menu:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#nav-menu ul { float: left; width: 1000px; margin:0; padding: 0px; }
#nav-menu li { float: left; height:60px; margin: 0px; padding: 12px 0 8px 0; list-style-type: none; text-align:center; font-size:16px; letter-spacing:0.1em; line-height:40px; font-weight:bold;}
#nav-menu a { color:#fff; height:40px; border-left:1px solid #fff; text-decoration: none; display: block;}

#nav-menu #mn1 a { width: 75px; }
#nav-menu #mn2 a { width: 155px; }
#nav-menu #mn3 a { width: 195px; }
#nav-menu #mn4 a { width: 185px; }
#nav-menu #mn5 a { width: 155px; }
#nav-menu #mn6 a { width: 235px; border-right:1px solid #fff; }
#nav-menu #mn7 a { display:none; }

/* Sweep To Bottom */
#nav-menu li {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  -webkit-transition-property: color;
  transition-property: color;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
}
#nav-menu li:before {
 content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0;
  background: #8FC42F;
  -webkit-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: 50% 0;
  transform-origin: 50% 0;
  -webkit-transition-property: transform;
  transition-property: transform;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-timing-function: ease-out;
  transition-timing-function: ease-out;
}
#nav-menu li:hover, #nav-menu li:focus, #nav-menu li:active { color: white;}
#nav-menu li:hover:before, #nav-menu li:focus:before, #nav-menu li:active:before {
 -webkit-transform: scaleY(1); transform: scaleY(1);
}


/* contents ------------ */

#contents { width:1000px; margin:0 auto;}
#contents:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

@media screen and (max-width:600px){
	#contents { width:96%; margin:0 auto;}
}


.box { clear:both; margin:0 auto 50px auto; }
.box:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
.box p { text-align:left; margin-bottom:0.5em;}
@media screen and (max-width:600px){
	.box { clear:both; margin:0 auto 30px auto; }
}




#foot-add-area { clear:both; width:100%; height:370px; margin:0 auto; padding:0 0 10px 0; text-align:left; background:#8FC42F; color: #000; }
#foot-add { width:1000px; height:370px; margin:0 auto; }
#foot-add p { margin-left:20px;}
.foot-add-box { float:left; padding-top:30px;}
.foot-add-map { width:620px; float:right; padding-top:60px;}
.foot-add-map img { float:left; margin-right:20px;}

@media screen and (max-width:600px){
	#foot-add-area { height:920px; }
	#foot-add { width:98%; height: 380px; margin:0 auto 20px auto; text-align:left; }
	#foot-add:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
	#foot-add p { margin-left:10px;}
	.foot-add-box { float:none; padding-top:30px;}
	.foot-add-map { width:100%; float:none; padding-top:20px; text-align:center;}
	.foot-add-map img { float:none; margin:0 auto 20px auto;}
	.foot-add-map iframe { max-width:100%;}
}


#foot-area { clear:both; width:100%; margin:0 auto; padding:32px 0 0 0; text-align:center; color:#FFF; }
#foot-area:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#foot { width:100%; margin:0 auto; padding:0; }
#f-navi { padding:45px 0; background:#2D312E;}
#f-navi:after { content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}
#f-navi ul { width:1000px; margin:0 auto; padding: 0px; text-align:center; }
#f-navi ul li { padding:0 12px; border-right:1px solid #979287; display: inline-block;}
#f-navi li:last-child { border-right:none;}
#f-navi li a { color:#fff; display: block; }
#f-navi li a:hover { color:#F5A100;}

@media screen and (max-width:600px){
	#f-navi { display:none;}
}

#copyright { height:30px; line-height:30px; font-size:11px; font-size:1.1rem; text-align: center; color:#fff; background:#000; }
#copyright a {color:#fff; text-decoration:none;}
#copyright a:hover { color:#CCC;}


/* ページ先頭へ------------------------------------------------ */
#pagetop { position: fixed; bottom: 20px; right:10px;}
#pagetop a { }
#pagetop a img{ opacity:0.8; filter: alpha(opacity=80);}
#pagetop a:hover img{ opacity:1; filter: alpha(opacity=100);}

@media screen and (max-width:600px){
	#pagetop { position: fixed; bottom: 5px; right:5px;}
	#pagetop a { }
	#pagetop a img{ width:30px; height:auto; opacity:0.8; filter: alpha(opacity=80);}
	#pagetop a:hover img{ opacity:1; filter: alpha(opacity=100);}
}