@charset "utf-8";

/*-----------------------------------------------------------

	Copyright:(C)2009 Nero graphy All Rights Reserved.
	https://www.nerography.com/

-----------------------------------------------------------*/

/* reset */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
html,body,div,span,applet,object,iframe,
h1,h2,h3,h4,h5,h6,
p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dl,dt,dd,ol,ul,li,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td{
	margin: 0 ;
	padding: 0 ;
	border: none ;
	vertical-align: baseline;
	font-style: normal ;

/**/
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック",Helvetica,Verdana,"ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif;

	font-weight: normal ;
	font-size: 99% ;
	text-align: left ;
	list-style-type: none ;
	line-height: 23px ;
	letter-spacing: 0.05em ;
}
html{
	overflow-y: scroll ;
	overflow-x:hidden;
	-webkit-text-size-adjust: none;
}
table {
	border-collapse: collapse;
/*	border-collapse: separate;*/
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
div{
	font-style: inherit ;
	font-weight: inherit ;
	color: inherit ;
}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{
	font-style: inherit ;
	font-weight: inherit ;
}
sup,sub{vertical-align: baseline ;}
del,ins{text-decoration: none ;}
abbr,acronym{
	border: 0 ;
	font-variant: normal ;
}
img {
	vertical-align: text-top;
	-ms-interpolation-mode: bicubic;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* TextArea内文字サイズのブラウザ間での差異をなくす */
fieldset{border: 0 ;}
input,button,textarea,select{*font-size: 100%;}
input,button,textarea,select,optgroup,option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}

/* HTML5 ELEMENTS */
header,article,aside,section,footer,
nav,menu,details,hgroup,summary {
	display: block;
}


/* clearfix */
.clear{clear: both ;}
/* for modern brouser */
.clearfix:after {
  content: "." ;
  display: block ;
  clear: both ;
  height: 0 ;
  visibility: hidden ;
}
/* IE7,MacIE5 */
.clearfix {display: inline-block ;}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {height: 1% ;}
.clearfix {display: block ;}
/* clearfix */


body{
	width: 100% ;
	margin: 0px auto ;
	padding: 0px ;
	line-height: 1.8 ;
	letter-spacing: 0.05em ;
	font-size: 100% ;
	color: #6a5940 ;
	/*color: #363636 ;*/
}
a{color: #669933 ;text-decoration:underline;outline: 0 ;	-webkit-tap-highlight-color: transparent;}
a:visited{color: #63594a ;text-decoration:underline;}
a:hover{color: #CC6600 ;text-decoration:underline;}
a:focus {/*\*/	overflow: hidden;/**/}

.text{letter-spacing: 0.1em ;}
span.section{
	display: block ;
	padding: 0px 0px 10px 0px ;
}

.t-left{text-align: left ;}
.t-right{text-align: right ;}
.t-center{text-align: center ;}
.f-left{float: left ;}
.f-right{float: right ;}
.f-none{float: none ;}
.bold{font-weight: bold ;}
.red{color: red ;}
.green{color: #99CC33 ;}
.blue{color: #99CCFF ;}
.blue2{color: #0099FF ;}
.orange{color: #FF9933 ;}
.pink{color: #FF6666 ;}




a#page-phone{
	display: none ;
}




#header{
	width: 100% ;
	margin: 0px auto ;
	padding: 0px 0px 0px 0px ;
	text-align:center;
}
#header .head-inner{
	margin: 0px auto ;
	padding: 0px 0px 10px 0px ;
	background: url(../images/page-head-back01.png) center bottom repeat-x ;
	position: relative ;
	z-index: 2 ;
}


#header .head-profile{
	width: 100% ;
	height: 16px ;
	padding: 0px 10px 0px 0px ;
	font-size: 11px ;
	line-height: 1.5 ;
	background: url(../images/page-top-back01.png) center top repeat ;
	color: #000 ;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
}
#header .head-profile strong{
	display: block ;
	width: 1050px ;
	padding: 1px 0px 1px 0px ;
	line-height: 1.6 ;
	margin: 0px auto ;
	text-align: right ;
}

#header .head-box{
	width: 1050px ;
	margin: 0px auto ;
	padding: 5px 0px 0px 0px ;
}
#header .head-yago{
	width: 310px ;
	padding: 0px 0px 5px 0px ;
	float: left ;
}
#header .head-tel{
	width: 330px ;
	height: 40px ;
	margin: 20px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	float: right ;
	color: #63594a ;
}
#header ul.head-menu{
	width: 687px ;
	margin: 15px 0px 0px 0px ;
	font-size: 12px ;
	float: right ;
}
#header ul.head-menu li{
	padding: 0px 0px 0px 0px ;
	float: left ;
}
#header ul.head-menu li a{
	display:block;
	height: 28px ;
}
#header ul.head-menu li.menu01 a{width: 85px ;background: url(../images/head-menu_01.png) 0px 0px no-repeat ;}
#header ul.head-menu li.menu02 a{width: 165px ;background: url(../images/head-menu_02.png) 0px 0px no-repeat ;}
#header ul.head-menu li.menu03 a{width: 110px ;background: url(../images/head-menu_03.png) 0px 0px no-repeat ;}
#header ul.head-menu li.menu04 a{width: 100px ;background: url(../images/head-menu_04.png) 0px 0px no-repeat ;}
#header ul.head-menu li.menu05 a{width: 110px ;background: url(../images/head-menu_05.png) 0px 0px no-repeat ;}
#header ul.head-menu li.menu06 a{width: 110px ;background: url(../images/head-menu_06.png) 0px 0px no-repeat ;}

#header ul.head-menu li a:hover{background-position: 0px -28px ;}















#slide-show-temp{
	width: 100% ;
	height: 600px ;
	margin: -13px 0px 0px 0px ;
	padding: 0px 0px 0px 0px ;
	position: relative ;
	z-index: 1 ;
}
#slide-show-temp img{
	display: block ;
	width: 600px ;
	height: 40px ;
	margin: 0px 0px 0px -300px ;
	text-align: center ;
	position: absolute ;
	left: 50% ;
	top: 45% ;
}
.page-pic{
	width: 100% ;
	height: 600px ;
	background: url(../images/page-pic-back.png) center bottom repeat-x ;
}


#body{
	width: 100% ;
	background:;
}
#body .body-inner{
	width: 1050px ;
	margin: 0px auto ;
}




#side{
	width: 250px ;
	margin: -50px 0px 0px 0px ;
	float: left ;
	position: relative ;
	z-index: 100 ;
}
#side a.shinryo-shosai{
	display: block ;
	width: 100% ;
	margin: -10px 0px 30px 0px ;
	text-align: center ;
	font-size: small ;
	text-decoration: none ;
	color: #6A5E44 ;
}
#side a.shinryo-shosai:visited{color: #6A5E44 ;}
#side a.shinryo-shosai:hover{color: #669900 ;text-decoration:underline ;}


#side ul{
	width: 240px ;
	margin: 20px 0px 0px 10px ;
	padding: 0px ;
}
#side ul li{
	width: 220px ;
	height: 35px ;
	margin: 0px 0px 10px 0px ;
	padding: 0px 0px 4px 0px ;
	border-bottom: 1px dotted #CCCCCC ;
	float: left ;
}
#side ul li:hover{
	border-bottom: 1px dotted #FF6600 ;
}
#side ul li a{
	display: block ;
	width: 220px ;
	height: 35px ;
	margin: 0px ;
	text-indent: -99999px ;
}
#side ul li.side-menu-news a{background: url(../images/side-menu-news.png) left top no-repeat;}
#side ul li.side-menu-hajimete a{background: url(../images/side-menu-hajimete.png) left top no-repeat;}
#side ul li.side-menu-inchouaisatsu a{background: url(../images/side-menu-inchouaisatsu.png) left top no-repeat;}
#side ul li.side-menu-shinryouannai a{background: url(../images/side-menu-shinryouannai.png) left top no-repeat;}
#side ul li.side-menu-monshinhyou a{background: url(../images/side-menu-monshinhyou.png) left top no-repeat;}
#side ul li.side-menu-kenkoushindan a{background: url(../images/side-menu-kenkoushindan.png) left top no-repeat;}
#side ul li.side-menu-yobousesshu a{background: url(../images/side-menu-yobousesshu.png) left top no-repeat;}
#side ul li.side-menu-access a{background: url(../images/side-menu-access.png) left top no-repeat;}

#side ul li a:hover{
	background-position: left bottom ;
}


#side .side-tel{
	margin: 0px auto 30px auto ;
	padding: 30px 0px 0px 0px ;
	clear:both;
}
#side .side-map{
	margin: 0px 0px 50px 0px ;
}
#side .side-map iframe{
	display: block ;
	margin: 0px auto ;
	padding: 0px ;
	border: 1px solid #CCCCCC ;
	border-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomleft: 10px;
}

#main{
	width: 770px ;
	margin: 0px 0px 50px 0px ;
	padding: 0px 10px 0px 10px ;
	line-height: 1.65 ;
	float: right ;
}



h1{
	width: 630px ;
	height: 40px ;
	margin: -120px 10px 0px auto ;
	padding: 100px 160px 0px 0px ;
	text-align: right ;
	background: url(../images/logo-01_2.png) right bottom no-repeat ;
	z-index: 10 ;
	font-size: 190% ;
	font-weight: bold ;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #6a5940 ;
	position: relative ;
	/*border: 1px solid #669999 ;*/
}



h2{
	width: 740px ;
	height: 35px ;
	margin: 0px 0px 15px 0px ;
	padding: 10px 0px 0px 20px ;
	font-size: 140% ;
	font-weight: bold ;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	line-height: 20px ;
	background: url(../images/page-h2-back.png) 0px 0px no-repeat ;
	color: #5e4f3b ;
}
h3{
	width: 95% ;
	margin: 25px 10px 3px 0px ;
	padding: 0px 0px 0px 5px ;
	border-bottom:  1px dotted #99CCCC;
	font-weight: bold ;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 120% ;
	color: #597b9d ;
}
article{
	margin: 10px 0px 50px 0px ;

}
section.text-box{
	padding: 0px 10px 8px 10px ;
}





#map{
	width: 1050px ;
	margin: 0px auto 50px auto;
	padding: 0px ;
	text-align:center;
	clear:both;

}
#map iframe{
	display: block ;
	margin: 0px auto ;
	padding: 5px ;
	border: 1px solid #CCCCCC ;
	border-radius: 30px;
	-webkit-border-top-left-radius: 30px;
	-moz-border-radius-topleft: 30px;
	-webkit-border-top-right-radius: 30px;
	-moz-border-radius-topright: 30px;
	-webkit-border-bottom-right-radius: 30px;
	-moz-border-radius-bottomright: 30px;
	-webkit-border-bottom-left-radius: 30px;
	-moz-border-radius-bottomleft: 30px;
}
#map a{
	font-size: 80% ;
}


#footer {
	width: 100%;
	margin: 0px auto ;
	background: url(../images/foot-back01.jpg) center bottom repeat-x ;
	clear: both ;
	position: relative ;
}
#footer .foot-inner{
	width: 1050px ;
	margin: 0px auto ;
	padding: 30px 0px 0px 0px ;
	font-size: 13.5px;
	line-height: 1.5;
	color: #ecdcc4;
}

#footer ul{
	width: 430px ;
	height: 140px ;
	margin: 13px 0px 0px 0px ;
	padding: 0px 0px 0px 20px ;
	float:left;
}
#footer li{
	padding: 0px 35px 0px 0px ;
	line-height: 170% ;
	list-style-type: disc ;
	float: left ;
}
#footer li a{color: #ecdcc4 ;text-decoration:none;}
#footer li a:visited{color: #ecdcc4 ;text-decoration:none;}
#footer li a:hover{color: #999933 ;text-decoration:underline;
}

#footer .foot-logo{
	width: 150px ;
	margin: 0px 0px 0px -75px ;
	padding:0;
	position: absolute ;
	left: 50% ;
	top: 15px ;
}
#footer .foot-logo img{
	width: 100% ;
}
#footer .foot-address{
	margin: 30px 0px 0px 0px ;
	padding: 0px 10px 0px 0px ;
	float:right;
	text-align:right;
}
#footer .foot-address span{
	font-size: 150% ;
}


#footer small{
	display: block ;
	width: 100% ;
	margin: 0px auto 0px auto ;
	padding: 10px 0px 10px 0px ;
	text-align: center ;
	background: url(../temp-img/foot-line01.png) top center repeat-x ;
	border-top: 2px dotted #a98f69 ;
	color: #a98f69 ;
	clear: both ;
}





#sp-menu{
	width: 44px ;
	/*height: 46px ;*/
	margin:0;
	padding:0;
	position: relative;
	z-index: 99999999999 ;
}
/*nabi開閉部分*/
ul.gnav{
	border-top: 1px solid #333;
	border-right: 1px solid #333;
}
.gnav li {
	border-bottom: 1px solid #333;
}
.gnav li a {
	display: block;
	text-decoration: none;
	/* (44-16)/2=14px */
	padding: 2px 0px 2px 10px ;
}
.gnav {
	display: block;
	width: 80% ;
	margin: 44px 0px 0px 0px ;
	background: #FFF ;
	opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=75); /* IE lt 8 */
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	-khtml-opacity: .75; /* Safari 1.x */
	-moz-opacity: .75; /* FF lt 1.5, Netscape */
	list-style-type: none;
	overflow-x: hidden;
	overflow-y: auto;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 9999999999;
	visibility: hidden;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	-o-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: all .5s linear;
	-moz-transition: all .5s linear;
	transition: all .5s linear;
}
.gnav.on {
	visibility: visible;
	-webkit-transform: translateX(0px);
	-moz-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}

.modal {
	background-color: rgba(255, 255, 255, .5);
	width: 100%;
	height: 100%;
	left: 0;
	opacity: .1;
	position: fixed;
	top: 0;
	z-index: 98;
	visibility: hidden;
	webkit-transition: visibility 0 linear .4s, opacity .4s;
	-moz-transition: visibility 0 linear .4s, opacity .4s;
	transition: visibility 0 linear .4s, opacity .4s;
	webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}
.modal.on {
	opacity: 1;
	webkit-transition-delay: 0;
	-moz-transition-delay: 0;
	transition-delay: 0;
	visibility: visible;
}

/*ハンバーガーボタン*/
.icon-animation {
	background-color: #333 ;
	width: 44px;
	height: 44px;
	display: block;
	cursor: pointer;
	text-align: center;
	position: fixed ;
	left: 0px ;
	top: 0px ;
}
.icon-animation span {
	display: block;
	width: 30px;
	height: 2px;
	background: #FFF;
	position: absolute;
	left: 70%;
	top: 50%;
	margin-left: -25px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	-webkit-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
}
.icon-animation .top {
	-webkit-transform: translateY(-13px);
	-ms-transform: translateY(-13px);
	transform: translateY(-13px);
}
.icon-animation .bottom {
	-webkit-transform: translateY(13px);
	-ms-transform: translateY(13px);
	transform: translateY(13px);
}
.is-open .middle {
	background: rgba(51, 51, 51, 0);
}
.is-open .top {
	-webkit-transform: rotate(-45deg) translateY(0px);
	-ms-transform: rotate(-45deg) translateY(0px);
	transform: rotate(-45deg) translateY(0px);
}
.is-open .bottom {
	-webkit-transform: rotate(45deg) translateY(0px);
	-ms-transform: rotate(45deg) translateY(0px);
	transform: rotate(45deg) translateY(0px);
}



.pc-sp #btnPC,
.pc-sp #btnSP{
	display: none ;
}


a#page-phone{
display: block ;
}

#pc-phone02{display: block ;}
#sp-phone02{display: none ;}



/*@media以外の所は全てのサイズで読み込まれます。*/

@media screen and (max-width:1049px) { 
    /*　for iPhone Landscape　画面サイズが1049pxまではここを読み込む*/

	html,body{overflow-x:hidden}/* iphoneの右側の余白削除 */
	h1,h2,h3,h4,#main,#body .body-inner,#footer .foot-inner,#footer .foot-inner ul
	{width: 100% ;}
	#side,.fixed-block,#menu
	{display: none ;}
	h2,h3,h4{
		font-size: 110% ;
	}
	#slide-show01 .slide-show-text{
		position: static ;
		width: 100% ;
		margin: 0px auto ;
		color: #FFFFFF ;
		vertical-align:top;
		text-align: center ;
		text-shadow: 0px 1px 5px #666666;  
	}

	h1{
		width: 80% ;
		height: 40px ;
		margin: 0px auto 50px auto ;
		padding: 10px 10px 0px 10px ;
		text-align: center ;
		background: none ;
		border-bottom: 2px dotted #669999 ;
		font-size: 130% ;
	}

	#header{
		width: 100% ;
		margin: 0px auto ;
		padding: 0px 0px 0px 0px ;
		text-align:center;
	}
	#header .head-inner{
		margin: 0px auto ;
		padding: 0px 0px 10px 0px ;
		background: url(../images/page-head-back01.png) center bottom repeat-x ;
		position: relative ;
		z-index: 2 ;
	}


	#header .head-profile{
		display:none;
	}

	#header .head-box{
		width: 100% ;
		margin: 0px auto ;
		padding: 5px 0px 0px 0px ;
	}
	#header .head-yago{
		width: 45% ;
		padding: 0px 0px 5px 0px ;
		float: left ;
	}
	#header .head-tel{
		width: 50% ;
		height: auto ;
		margin: 20px 0px 0px 0px ;
		padding: 0px 0px 0px 0px ;
		float: right ;
	}
	#header .head-yago img,
	#header .head-tel img{
		width: 100% ;
	}
	#header ul.head-menu{
		display:none;
	}

	#slide-show-temp img{
		display: block ;
		width: 90% ;
		height: auto ;
		margin: 0px 0px 0px -45% ;
		text-align: center ;
		position: absolute ;
		left: 50% ;
		top: 45% ;
	}

	#main{
		width: 96% ;
		padding: 0% 2% 0% 2% ;
	}


	#map{
		width: 90% ;
		margin: 0px auto 30px auto;
		text-align:center;
	}
	#map iframe{
		display: block ;
		margin: 0px auto ;
		padding: 5px ;
		border: 1px solid #CCCCCC ;
		border-radius: 0px;
		-webkit-border-top-left-radius: 0px;
		-moz-border-radius-topleft: 0px;
		-webkit-border-top-right-radius: 0px;
		-moz-border-radius-topright: 0px;
		-webkit-border-bottom-right-radius: 0px;
		-moz-border-radius-bottomright: 0px;
		-webkit-border-bottom-left-radius: 0px;
		-moz-border-radius-bottomleft: 0px;
	}
	#map a{
		font-size: 80% ;
	}



	#footer {
		width: 100%;
		margin: 0px auto ;
		padding: 30px 0px 0px 0px ;
		background: url(../images/foot-back01.jpg) center bottom repeat-x ;
		background-size:auto 100%;
		position: relative ;
	}
	#footer .foot-inner{
		width: 100%;
		margin: 0px auto ;
		padding: 0px 0px 0px 0px ;
	}

	#footer ul{
		width: 100% ;
		height: auto ;
		margin: 13px 0px 0px 0px ;
		padding: 0px 0px 0px 20px ;
		float:right;
	}
	#footer li{
		padding: 0px 35px 0px 0px ;
		line-height: 170% ;
		list-style-type: disc ;
		float: left ;
	}
	#footer .foot-logo{
		width: 15% ;
		margin: 30px 0px 0px 0px ;
		padding:0;
		position: static ;
		float: left ;
	}

	#footer .foot-address{
		width: 80% ;
		margin: 30px 0px 0px 0px ;
		padding: 0px 5px 0px 0px ;
		float:right;
		text-align:right;
	}
	#footer .foot-address span{
		font-size: 130% ;
	}


	#footer small{
		display: block ;
		width: 100% ;
		margin: 0px auto 0px auto ;
		padding: 10px 0px 10px 0px ;
	}




}

@media screen and (min-width:1050px) {
    /*　for PC　画面サイズが1050pxからはここを読み込む */
html,body{overflow-x:hidden}/* iphoneの右側の余白削除 */
	#sp-menu,.global,.modal{display: none ;}

}


@media screen and (max-width:480px) {
	a#page-phone{
		display: block ;
		width: 290px ;
		height:100px ;
		border-radius: 15px ;
		background: url(../images/sp-phone02.jpg) center top no-repeat ;
		position: fixed ;
		right: 10px ;
		top: 5px ;
		z-index:1;
	}
	a#page-phone:hover {
		background-position: center bottom ;
	}
	#pc-phone02{display: none ;}
	#sp-phone02{display: block ;}
}