@charset "utf-8";
body, div, p, ul, ol, li, dl, dt, dd, table, th, td, img, h1, h2, h3, h4, h5, h6, form, select, input, nav, strong , em{
	margin: 0px;
	padding: 0px;
	border:none;
	color:#221814;
	font-size:14px;
	font-weight:normal;
	font-family: "M PLUS 1p", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clear{
	clear:both;
}
.hide{
	display:none;
}
.center{
	text-align:center;
}
.bold{
	font-weight:bold;
}
.red{
	color:#da4724;
}
.green{
	color:#35974f;
}
.web_button{
	text-align:center;
}
.web_button a:hover{
	opacity:0.5;
}
body{
	width:100%;
}
#head_bg{
	height:116px;
	background:url(../images/bg/head_bg.png) no-repeat center;
	margin:0px auto;
}
#head_top{
	width:750px;
	margin:0px auto;
}
h1{
	width:284px;
	height:49px;
	background:url(../images/logo_ver2.png) no-repeat;
	text-indent:-9999px;
	float:left;
	margin-top:15px;
}
h1 a{
	width:285px;
	height:49px;
	display:block;
}
#head_top p{
	float:right;
	margin-top:15px;
}
#head_top p a:hover{
	opacity:0.3;
}
#head_top p a:hover{
	opacity:0.3;
}
#top_title{
	display:none;
	height:137px;
	background:url(../images/top/top_title.png) no-repeat center;
}
#top_title p{
	text-align:center;
	padding-top:80px;
}
nav{
	width:660px;
	margin:20px auto;
}
nav ul.menu {
	width:680px;
	list-style:none;
}

nav ul.menu > li {
    width:116px;
	height:160px;
	text-align:center;
	margin-right:20px;
	float:left;
}

nav ul.menu > li a {
	width:116px;
	height:50px;
	display:block;
	padding-top:96px;
	color:#000;
	font-weight:bold;
	text-decoration:none;
}
nav ul li#nav01 a{
	background:url(../images/nav01.png) no-repeat top center;
}
nav ul li#nav02 a{
	background:url(../images/nav02.png) no-repeat top center;
}
nav ul li#nav03 a{
	background:url(../images/nav03.png) no-repeat top center;
}
nav ul li#nav04 a{
	background:url(../images/nav04.png) no-repeat top center;
}
nav ul li#nav05 a{
	background:url(../images/nav05.png) no-repeat top center;
}
nav ul li a:hover{
	opacity:0.5;
}
nav ul.menu > li a:hover {
    z-index: 2;
}

nav ul.menu__second-level {
    visibility: hidden;
    opacity: 0;
	position:absolute;
    z-index: 1;
	padding-top:140px;
}
nav ul.menu > li:hover {

}
nav ul.menu__second-level li {
	height:60px;
    border-top: 1px solid #111;
	text-align:center;
	list-style:none;
}
nav ul.menu__second-level li a{
	height:40px;
	padding-top:20px;
}
nav ul.menu__second-level li#nav03_01 a{
	background:#fff;
	z-index: 100;
}
nav ul.menu__second-level li#nav03_01 a:hover{
	background:#eeeeee;
	opacity:1;
}
nav ul.menu__second-level li#nav03_02 a{
	background:#fff;
	z-index: 100;
}
nav ul.menu__second-level li#nav03_02 a:hover{
	background:#eeeeee;
	opacity:1;
}
nav ul.menu__second-level li#nav03_03 a{
	background:#fff;
	z-index: 100;
}
nav ul.menu__second-level li#nav03_03 a:hover{
	background:#eeeeee;
	opacity:1;
}

/* 下矢印 */

/* floatクリア */
nav ul.menu:before,
nav ul.menu:after {
    content: " ";
    display: table;
}

nav ul.menu:after {
    clear: both;
}

nav ul.menu {
    *zoom: 1;
}
nav ul.menu > nav ul li.menu__single {
    position: relative;
}

nav ul.menu__single nav ul.menu__second-level {
    position: absolute;
    top: 140px;
    width: 100%;
    background: #f9f9f9;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
	list-style:none;
}

li.menu__single:hover ul.menu__second-level {
    top: 140px;
    visibility: visible;
    opacity: 1;
}
#f_toi_area{
	margin:0px auto;
	padding-top:50px;
	background:url(../images/bg/lb_bg.png) center repeat-y;
}
#f_toi_midashi{
	height:150px;
	background:url(../images/toi_midashi.png) center no-repeat;
	background-size:auto 100%;
}
#f_toi{
	width:600px;
	background:#fff;
	margin:0px auto;
	padding:40px 60px;
	border-radius:20px;
}
#f_toi #f_toi_info p{
	width:580px;
	margin:0px auto 10px;
}
#f_toi dl{
	width:270px;
	margin-top:10px;
	margin-right:40px;
	float:left;
}
#f_toi dl dt , #f_toi dl dd{
	color:#35974f;
	font-weight:bold;
}
#f_toi dl dt{
	font-size:22px;
	border-bottom:5px dotted #35974f;
	margin-top:15px;
}
#f_toi dl dd{
	white-space: nowrap;
	height:22px;
	font-size:18px;
	padding-top:3px;
	padding-bottom:-3px;
	display: inline-block;
	background:url(../images/underline.png) bottom no-repeat;
}
#f_toi dl dd a{
	color:#35974f;
}
#f_map_area {
	width:290px;
	float:left;
	overflow:hidden;
}
#map{
	width:290px;
	height:250px;
	border-radius:20px;
	overflow:hidden;
	float:left;
}
#contact_button{
	margin-top:10px;
	text-align:center;
}
#contact_button a:hover{
	opacity:0.6;
}
#f_sns{
	width:720px;
	margin:20px auto 0px;
}
#fb{
	width:360px;
	height:500px;
	background:#fff;
	float:left;
	border-radius:20px;
	padding:20px;
	margin-right:20px;
}
#insta{
	width:260px;
	height:500px;
	background:#fff;
	float:left;
	border-radius:20px;
	padding:20px;
}
#insta img{
	margin-bottom:20px;
}
#f_middle{
	height:130px;
	background:url(../images/bg/footer_middle.png) no-repeat center;
}
#f_area{
	padding-bottom:10px;
	background:url(../images/bg/f_bg.png) center repeat-y;
}
#f_main{
	width:404px;
	margin:0px auto;
}
#f_main p{
	white-space: nowrap;
	color:#fff;
	font-weight:bold;
	font-size:16px;
}
#f_main p a{
	color:#fff;
}
#f_logo{
	padding-top:30px;
	text-align:center;
}
#f_main ul{
	width:414px;
	list-style:none;
	margin-top:10px;
}
#f_main ul li{
	width:190px;
	height:40px;
	text-align:center;
	border-radius:20px;
	margin:0px 10px 10px 0px;
	float:left;
}
#f_main ul li a{
	width:150px;
	height:20px;
	padding:10px 20px;
	background:#fff;
	border-radius:20px;
	display:block;
	color:#6eb658;
	text-decoration:none;
	font-weight:bold;
}
#f_main ul li a:hover{
	opacity:0.8;
}
p#copy{
	margin-top:10px;
	text-align:center;
	color:#fff;
	font-weight:bold;
	font-size:18px;
}
.y_top_bg01{
	height:64px;
	background:url(../images/bg/y_top01.png) center no-repeat;
}
.y_bg{
	background:url(../images/bg/y_bg.png) center repeat-y;
}
.y_bottom_bg01{
	height:64px;
	background:url(../images/bg/y_bottom01.png) center no-repeat;
}
.g_top_bg01{
	height:42px;
	background:url(../images/bg/g_top01.png) center no-repeat;
}
.g_top_bg02{
	height:42px;
	background:url(../images/bg/g_top02.png) center no-repeat;
}
.g_bg{
	background:url(../images/bg/g_bg.png) center repeat-y;
}
.g_bottom_bg01{
	height:64px;
	background:url(../images/bg/g_bottom01.png) center no-repeat;
}
.g_bottom_bg02{
	height:42px;
	background:url(../images/bg/g_bottom02.png) center no-repeat;
}
.lg_top_bg01{
	height:42px;
	background:url(../images/bg/lg_top01.png) center no-repeat;
}
.lg_bg{
	background:url(../images/bg/lg_bg.png) center repeat-y;
}
.lg_bottom_bg01{
	height:64px;
	background:url(../images/bg/lg_bottom01.png) center no-repeat;	
}
.lb_top_bg01{
	height:64px;
	background:url(../images/bg/lb_top01.png) center no-repeat;
}
.lb_bg{
	background:url(../images/bg/lb_bg.png) center repeat-y;
}
.lb_bottom_bg01{
	height:64px;
	background:url(../images/bg/lb_bottom01.png) center no-repeat;	
}
.w_top_bg01{
	height:42px;
	background:url(../images/bg/w_top01.png) center no-repeat;
}
.w_top_bg02{
	height:42px;
	background:url(../images/bg/w_top02.png) center no-repeat;
}
.w_bottom_bg01{
	height:64px;
	background:url(../images/bg/w_bottom01.png) center no-repeat;
}
.p_top_bg01{
	height:64px;
	background:url(../images/bg/p_top01.png) center no-repeat;
}
.p_bg{
	background:url(../images/bg/p_bg.png) center repeat-y;
}
.p_bottom_bg01{
	height:64px;
	background:url(../images/bg/p_bottom01.png) center no-repeat;
}
#pageTop {
  position: fixed;
  bottom: 20px;
  right: 10px;
}
#pageTop i {
  padding-top: 6px
}
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 4px 0 4px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #ecedf3;
  color: #707070;
  font-weight: bold;
  font-size:20px;
  text-decoration: none;
  text-align: center;
}
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}