/*
	99Lime.com HTML KickStart by Joshua Gatcke
	style.css

*/

/*---------------------------------
	IMPORTS
-----------------------------------*/
/*@import url(https://fonts.googleapis.com/css?family=Arimo:400,700);*/
/*@import url(https://fonts.googleapis.com/css?family=Oswald:400,300,700);*/
@import url(https://fonts.googleapis.com/css?family=Amethysta|Fanwood+Text:400italic);
/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: 'Amethysta','Fanwood Text',Georgia, Times, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
font-weight:normal;
}
thead th,
tbody th{
font-family:'Amethysta','Fanwood Text',Georgia, Times, serif;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: 'Amethysta','Fanwood Text',Georgia, Times, serif;
}

.hmenu,#logo{
font-family: 'Amethysta','Fanwood Text',Georgia, Times, serif;
}

blockquote{
font-family: 'Amethysta','Fanwood Text',Georgia, Times, serif;
}

/*---------------------------------
	LAYOUT
-----------------------------------*/
body{
margin:0;
padding: 0 0 0;
color:#111;
background:#F2F0EB url(../images/common/bg_wrap.jpg) 50% repeat fixed;
background:#fff;
font:normal 0.9em/150% 'Amethysta','Fanwood Text',Georgia, Times, serif,"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
text-shadow: 0 0 1px transparent; /* google font pixelation fix */
-webkit-text-size-adjust: 100%;
}

	#loader {
	    width: 205px;
	    height: 150px;
	    display: none;
	    position: fixed;
	    _position: absolute; 
	    top: 50%;
	    left: 50%;
	    margin-top: -75px; 
	    margin-left: -102px; 
	    z-index: 9998;
	}
	#loader img.loadingif{ width:40px; height:40px; position:absolute;z-index: 9999; top:30px; left:82px;}
	#loader img.dragongif{ margin-top:50px; width:205px; height:100px;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=20);
  opacity: 0.2;}
	
#fade{
	width:100%;
	height:100%;
	position: absolute;
	top:0;
	left:0;
margin:0;
padding: 0 0 0;
overflow:hidden;
display:none;
z-index:-1;
}
	.cloudbox{
		width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
margin:0;
padding: 0 0 0;
background-image: url(../images/bg_dragon03.png);
background-repeat:repeat;
-webkit-background-size: 120% auto;
    -moz-background-size: 120% auto;
    -o-background-size: 120% auto;
    background-size: 120% auto;
 -webkit-animation: cloud 10s linear infinite;
 -moz-animation: cloud 10s linear infinite;
 -ms-animation: cloud 10s linear infinite;
 animation: cloud 10s linear infinite;
	}
/*chrome&safari*/
@-webkit-keyframes cloud {
 0% {background-position: 0 0;}
 100% {background-position: 800px -800px;}
	}
/*firefox*/
@-moz-keyframes cloud {
 0% {background-position: 0 0;}
 100% {background-position: 800px -800px;}
}
/*ie*/
@-ms-keyframes cloud {
0% {background-position: 0 0;}
 100% {background-position: 800px -800px;}
}
	@keyframes cloud {
 0% {background-position: 0 0;}
 100% {background-position: 800px -800px;}
}


	#fade img{
		/*max-width:2000px;*/
		width:80%;
		height:auto;
		top:20%;
		left:10%;
		position:absolute;
	}
	@media all and (max-width: 480px) {
		#fade img{
		width:180%;
		height:auto;
		top:30%;
		left:-30%;
	}
		
		
	}
	#fade img.subimg{
		top:20%;
	left:0;	
		position:absolute;
		opacity:0;
	}
	.movebg{
		-webkit-animation: moveimg 7s;
		animation: moveimg 7s;
		position: relative;
		}
	@-webkit-keyframes moveimg {
			0% { opacity:0;
		-webkit-transform: scale(1.05) rotate(0) translate(0);
    -ms-transform: scale(1.05) rotate(0) translate(0);
    transform: scale(1.05) rotate(0) translate(0);}
			20% { opacity:0.2;
		-webkit-transform: scale(1.04) rotate(0) translate(0);
    -ms-transform: scale(1.04) rotate(0) translate(0);
    transform: scale(1.04) rotate(0) translate(0);}
		

	
	100% { opacity:1;
    -webkit-transform: scale(1) rotate(0) translate(5%,-20%);
    -ms-transform: scale(1) rotate(0) translate(5%,-20%);
    transform: scale(1) rotate(0) translate(5%,-20%);}
	}
	@keyframes moveimg {
				0% { opacity:0;
		-webkit-transform: scale(1.05) rotate(0) translate(0);
    -ms-transform: scale(1.05) rotate(0) translate(0);
    transform: scale(1.05) rotate(0) translate(0);}
			20% { opacity:0.2;
		-webkit-transform: scale(1.04) rotate(0) translate(0);
    -ms-transform: scale(1.04) rotate(0) translate(0);
    transform: scale(1.04) rotate(0) translate(0);}
	
	
	100% { opacity:1;
    -webkit-transform: scale(1) rotate(0) translate(5%,-20%);
    -ms-transform: scale(1) rotate(0) translate(5%,-20%);
    transform: scale(1) rotate(0) translate(5%,-20%);}
	}
	

	
	
/* Waypoints */
.effect{}
.effect .ef{}
.pp{}
.bounceInLeft, .bounceInRight,.fadeIn,.fadeInUp, .fadeInUpDelay, .fadeInDown, .fadeInUpD, .fadeInLeft, .fadeInRight { visibility: visible; }
.delay-05s { animation-delay: 0.5s; -webkit-animation-delay: 0.5s; }
.delay-1s { animation-delay: 1s; -webkit-animation-delay: 1s; }
.delay-15s { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }

.delay1 { animation-delay: 0.1s; -webkit-animation-delay: 0.1s; }
.delay2 { animation-delay: 0.3s; -webkit-animation-delay: 0.3s; }
.delay3 { animation-delay: 0.6s; -webkit-animation-delay: 0.6s; }
.delay4 { animation-delay: 0.9s; -webkit-animation-delay: 0.9s; }
.delay5 { animation-delay: 1.2s; -webkit-animation-delay: 1.2s; }
.delay6 { animation-delay: 1.5s; -webkit-animation-delay: 1.5s; }
.delay7 { animation-delay: 1.8s; -webkit-animation-delay: 1.8s; }
.delay8 { animation-delay: 2.1s; -webkit-animation-delay: 2.1s; }
.delay9 { animation-delay: 2.4s; -webkit-animation-delay:2.4s; }
.delay10 { animation-delay: 2.7s; -webkit-animation-delay: 2.7s; }




#caution{	width:100%;	background:#4B891A;	color:#fff; margin:0; padding:5px 10px; display:block; font-size:0.8em;}
#caution span{ float:right; cursor:pointer;}
#wrap{
width:100%;
background:none;
background:#F2F0EB url(../images/common/bg_wrap.jpg) 50% repeat fixed;

position:relative;
margin:0;
padding: 0 0 0 180px;
overflow:hidden;
}
#header{
	position:fixed;
	width:180px;	
	height:100%;
	padding:0px 0 0;
	margin:0px 0;
	text-align:center;
	z-index:9999;
	background:#fff;
	top:0;
	left:0;
}

@media all and (max-width: 768px) {
	#wrap{padding: 0;}
	#header{ width:100%; position:relative; top:0; left:0; min-height:60px;}
}

#hdlink{
	width:100%;
	color:#999;
	font-size:0.85em;
}

#hdlink a{
	margin:0 0.8em;
	padding:0;
	height:1.5em;
line-height:1.6;
text-decoration:none;

	color:#555;
}
#hdlink i{
	color:#ccc;
	font-size:1.1em;
}
#hdlink a:hover i{	color:#660;}
#hdlink a:hover{	color:#111;}

a.cafebnr{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
		display:block;
}
a.cafebnr:hover{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
a.cafebnr img{
width:90%;
height:auto;
	margin:0 5%;
}

a.bellbnr{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
			display:block;
		margin-top:10px;
}
a.bellbnr:hover{
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}
a.bellbnr img{
width:90%;
height:auto;
	margin:0 5%;
}

.hdtel{
	letter-spacing:0.15em;
	background:#F8F7F5;
	width:90%;
	padding:3px;
	margin:10px 5%;
	font-size:0.77em;
	color:#555;
}
.hdtel p{
	letter-spacing:0.08em;
	margin:0;
	padding:0;
	font-size:1.2em;
}
.hdtel p span{
	font-size:0.7em;
}

#logo{
	margin:20px auto;
	font-size:0.9em;
	line-height:1.4;

}

#logo p{
	width:7em;
	background:#FFF;
	letter-spacing:0.1em;
	color:#660;
	margin:35px auto 0; padding:0;
	position:relative;
}


#logo p:before{
 content: '';
	position:absolute;
	background:#ccc;
	margin:0;
	width:90px;
	height:1px;
	top:0.65em;
	left:-90px;
	z-index:1;
	
}
#logo img{
	margin:0 auto;
	max-width:73px;
	height:20%;
	width:auto;
}

	
#logo a{ display:block;width:73px;
	margin:0 auto;}
#logo a img{
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
		}
#logo a:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
		}

@media all and (max-width: 768px) {
	#logo{	margin:10px; float:left;}
	#logo p{ display:none;}
	#logo a{ width:120px;}
	#logo img{	margin:0;	width:120px; max-width:120px;	height:auto;}
}
nav{
	width:100%;
	margin-bottom:30px;
	position:relative;
	padding:10px 0px;
}

#copyright{
	text-align:center;
	padding:25px 0 15px;
	margin:30px 0 0px;
	width:100%;
	color: #AAA;
	font-size:0.8em;
	font-style:italic;
	letter-spacing:0.06em;
	line-height:1.3;
	font-family:'Fanwood Text',serif;
	position:relative;
}
#copyright:before{
 content: '';
	position:absolute;
 height: 1px;
 width: 40px;
	border-top:1px solid #CCC;
	top:0px;
	left:70px;
}
.hd_guide{
	width:100%;
	position:absolute;
bottom:0;
z-index:-1;}
/* --------------------------------------------
 MENU
----------------------------------------------*/

.hmenu{
	margin:0 10%;
	padding:0px;
	list-style:none;
	width:80%;
	box-sizing:border-box;

}

.hmenu li{
	margin:0 ;
	padding:3px 0;
	/*border-left:1px solid #D6D8C0;*/
	font-size:1em;
	width:25%;
	text-align:center;
	line-height:1.4;
	/*height:100px;*/
	
}
.hmenu li.item-with-ul a{	height:80px;}
/*.hmenu li.rightli{border-right:1px solid #D6D8C0;}*/
.hmenu li.hide-desktop{	display:none;}
.hmenu li.snsli{	display:none;}
.hmenu li a p{display:none;}
.hmenu li img{display:block; margin:0 auto;}
.hmenu li a{
	text-decoration:none;
	color:#444;
	letter-spacing:0.08em;
	width:90%;
	margin:0 auto 0;
	padding:0;
}
.hmenu li a:hover{
	background:#F8F7F5;
}
.hmenu li:hover>a{
	background:#F8F7F5;
}
.hmenu li a span{
	font-size:0.85em;
	color:#B8AE7C;
	letter-spacing:0.1em;}
	
	.hmenu li ul{
	padding:30px 0 0;
	width:144px;
	margin:0;
	list-style:none;
		
	}
	.hmenu li ul.hontaki{
		margin-left:-108px;
	}
	.hmenu li ul li{
		/*background-color:#F8F7F5;*/
		border:none;
		/*border-top:1px solid #FFF;*/
		list-style:none;
		margin:0;
		padding:0;
		z-index:9999;
		background:#FFF;
		position:relative;
		}
		
		.hmenu li ul li a{
			
			font-size:0.9em;

			margin:0 auto;
		padding:15px 0;
		border:none;
		width:100%;
			}
			
.hmenu li ul li a:hover{
	background-color:#F8F7F5;
	}


	
	.menubtn{ 
	
	position:absolute;
	font-size:1.6em;
	top:15px;
	line-height:1.4;
	right:4%;
	cursor:pointer;
	color:#666;
	}
	.menubtn .touch-button{display:none;} 

@media all and (max-width: 768px) {
	nav{	 height:auto; margin-bottom:0px; border-bottom:none; padding:0; position:relative;
	top:0px; z-index:-2;}
	
	.hmenu{
	width:100%;
	padding:0;
	border-top:1px solid #666;
}
	.hmenu li{
	border:none;
	border-bottom:1px solid #666;
	font-size:1em;
	width:100%;
	height:50px;
	text-align:center;
	line-height:1.2;
	height:auto;
	padding:0;
	
}
.hmenu li a p{display:block; background:none;}
.hmenu li img{display:none;}

.hmenu li.item-with-ul a{	height:auto;}
.hmenu li.snsli{ width:50%; float:left; display:block;}
.hmenu li.snsli a{ background:#666; color:#fff;}
.hmenu li.hide-desktop{	display:block;}
.hmenu li a{
	text-decoration:none;
	color:#222;
	letter-spacing:0.08em;
	width:100%;
	background:#F2F0EB;
}
.hmenu li a:hover{	background:#CB3C2B; color:#FFF;}
.hmenu li.item-with-ul a:hover{	background:#CB3C2B; color:#FFF;}
.hmenu li.snsli a:hover{ background:#FFf; color:#444;}

.hmenu li ul{
	
	padding:0;
	width:100%;
	}
	.hmenu li ul.hontaki{
		margin-left:0px;
	}
.hmenu li ul li{
		background-color:#666;
		border:none;
		border-top:1px solid #666;
		/*border-top:1px solid #D6D8C0;*/
		list-style:none;
		margin:0;
		padding:0;
		
		width:50%; float:left;
		}
		.hmenu li ul li:nth-child(odd){
border-right:1px solid #666;		}
	.hmenu li ul li:nth-child(odd).last{
border-right:none;
width:100%;		}
		
		.hmenu li ul li a{
			
			font-size:0.9em;
background-color:#E6E2D0;
			margin:0px auto;
		padding:5px 0;
		border:none;
		width:100%;
			}
			.hmenu li ul li:nth-child(odd) a{
						}
		.hmenu .touch-button:hover{ background:#CB3C2B; color:#FFF;} 
			.hmenu .touch-button:hover .navicon{ color:#FFF;} 
			
.hmenu li ul li a:hover{
	background-color:#FFF;
	}
	

#hdlink{display:none;}
.hd_guide{display:none;}

}



#top_info{
	padding:0px;
			margin:0 auto;
	width:100%;
	position:relative;
	background:url(../images/top/bg_info.png) left top repeat;
		-webkit-background-size: 20% auto;
    -moz-background-size: 20% auto;
    -o-background-size: 20% auto;
    background-size: 20% auto;
}
@media all and (min-width: 1200px) {
	#top_info{
	background:url(../images/top/bg_info.png) left top repeat;
		-webkit-background-size: 10% auto;
    -moz-background-size: 10% auto;
    -o-background-size: 10% auto;
    background-size: 10% auto;
}
	
}
#top_infobox{
	margin:0 auto;
	background:#F2F0EB url(../images/top/bg_info_cont.png) center bottom repeat-x;
	width:80%;
	max-width:900px;
	position:relative;
	overflow:hidden;
	z-index:2;

}
#top_info h2.toph2{
top:50px;
left:40px;
text-align:center;
position:absolute;
z-index:6;
}

#top_info h2:after{
	 content: '';
	position:absolute;
 height: 500px;
 width: 1px;
	border-right:1px solid #CCC;
	top:15px;
	right:-25px;
	z-index:9999;
}

#top_info dl{
	margin:0 0 0 18%;
	padding:70px 0px 110px;
	line-height:1.5;
	font-size:1.3em;
	
}
#top_info dl dt{
	clear: left;
 float: left;
 margin: 10px 0 0 0;
 width: 7em;
 padding: 0 0 3px 1em;
color:#CB3C2B;
}
#top_info dl dd{
	margin:0px;
	padding:10px 1em 8px 7em;
	font-size:0.9em;
}
/*#top_info dl>dd:nth-of-type(odd){
	background:#f8f6f1;
}

*/
#top_info .btn_more{ 
position:absolute; bottom:70px; right:50%; display:block; text-align:right; line-height:1;
z-index:9999;
	margin-right:-50px;
}
#top_info .btn_more a{
	box-sizing:border-box;
	color:#8C8C00;
	padding:5px 15px;
	background:none;
	border:1px solid #ccc;
text-decoration:none;
		font-size:0.75em;
}
#top_info .btn_more a:hover{
		background:#8C8C00;
		color:#FFF;
}
#top_info .info_cont{ 
background:url(../images/top/bg_info_cont.png) center bottom repeat-x;
position:absolute;
width:100%;
height:160px;
bottom:0;
/*pointer-events:none;*/
z-index:1;

}


.top_contbox{
	 width:100%;  padding:10px 0;
		background:url(../images/top/bg_cont.png) center top repeat;
	/*background:#f9f9f9 url(../images/bg_dragon_170511.png) right top no-repeat;
		-webkit-background-size: 60% auto;
    -moz-background-size: 60% auto;
    -o-background-size: 60% auto;
    background-size: 60% auto;*/
				z-index:5;
				position:relative;
		}
		.top_contbox::before{
			pointer-events: none;
			width:100%;
			height:100%;
			top:-20%;
			right:-15%;
			position:absolute;
			content:'';
			background:url(../images/bg_dragon_170511.png) right top no-repeat;
		-webkit-background-size: 60% auto;
    -moz-background-size: 60% auto;
    -o-background-size: 60% auto;
    background-size: 60% auto;
				opacity:0.4;
				
		}
		.top_contbox::after{
			pointer-events: none;
			width:100%;
			height:100%;
			top:-20%;
			right:-15%;
			position:absolute;
			content:'';
			background:url(../images/taki1.gif) right top no-repeat;
		-webkit-background-size: 60% auto;
    -moz-background-size: 60% auto;
    -o-background-size: 60% auto;
    background-size: 60% auto;
				z-index:-1;
		}

#top_cont{
	margin: 0 auto;
	position:relative;
	padding-bottom:20px;
	overflow:hidden;
	width:100%;
	max-width:1200px;
}
.top_contbox h2.toph2{
text-align:center;
color:#333;

}
#top_cont a{ text-decoration:none; }
#top_cont ul{
		margin:0 auto;
	width:98%;
	background:#444;
	list-style:none;
	letter-spacing:0.08em;
	
}
#top_cont ul li{
	width:48%;
		margin:0 1% 2%;
	float:left;
	padding:0;
		border:1px solid #555;
	/*border:1px solid #fff;*/
	
}
#top_cont ul li div{
	margin:0 auto;
	overflow: hidden;
  width: 100%;
		position:relative;
		background:#000;	
}
#top_cont ul li a{
	margin:0; padding:0;
	width:auto;
	height:auto;
	
}
#top_cont ul li div:after{
 content: '';
	position:absolute;
 	width:100%;
	height:100%;
	top:0;
	left:0;
	background:url(../images/common/blackfilter.png);

}
/*#top_cont ul li div:hover:after{
	background:none;
}*/
#top_cont ul li p{
	margin:-0.5em 0 0; padding:0;
	position:absolute;
	top:50%;
	left:5%;
font-size:2.5em;
color:#fff;
line-height:0.5;
letter-spacing:0.2em;
z-index:100;
}
#top_cont ul li p span{
	letter-spacing:0.1em;
	padding-left:5px;
	color:#D8D800;
	font-size:0.3em;
	font-style:italic;
	font-family: 'Fanwood Text',Georgia, Times, serif;
}

#top_cont ul li.cafe p{
	margin:-1.2em 0 0; padding:0;
	position:absolute;
	top:50%;
	left:5%;
font-size:1.3em;
line-height:1.4;
letter-spacing:0.1em;
font-weight:bold;
font-style:italic;
z-index:100;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
#top_cont ul li.cafe p span{
	letter-spacing:0.1em;
	padding-left:5px;
	font-size:1em;
	font-weight:normal;
	font-style:normal;
	font-family: 'Amethysta','Fanwood Text',Georgia, Times, serif;
}


#top_cont ul li a img.bgimg{
	display:block;
	max-width:100%;
	height:auto;
	margin:0; padding:0;
	-moz-transition: all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition: all 0.5s linear;
    -ms-transition: all 0.5s linear;
    transition: all 0.5s linear;
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
#top_cont ul li a:hover img.bgimg{
 -webkit-transform: scale(1.03);
    -moz-transform: scale(1.03);
    -o-transform: scale(1.03);
    -ms-transform: scale(1.03);
    transform: scale(1.03);
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.5;
}

	
	
#top_guide{
	margin:0 auto;
	width:100%;
	overflow:hidden;
	background:#F2F0EB/*#fff*/;
	border-top:1px solid #EDEBE5;
	border-bottom:1px solid #DCDAD4;
}
#top_guide h2.toph2{
top:20px;
right:40px;
text-align:center;
position:absolute;
z-index:6;
}

#top_guide h2:before{
	 content: '';
	position:absolute;
 height: 500px;
 width: 1px;
	border-left:1px solid #CCC;
	top:15px;
	left:-25px;
}
#top_guide .guide_txtbox{
	margin:0;
	width:50%;
	min-height:300px;
	overflow:hidden;
	float:right;
	position:relative;
}
#top_guide .guide_txtbox p{
	margin:40px 100px 30px 25px ;
	font-size:0.85em;
}
#top_guide .guide_imgbox{
	margin:0;
	width:50%;
	overflow:hidden;
	float:left;
	background:url(../images/top/img_guide01.jpg) center center no-repeat;
-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size:cover;
	
}
/*
#top_guide .guide_imgbox img{
	width:100%;
	height:auto;
}*/





	#link-top{
	display:none;
	}

/* --------------------------------------------
 FOOTER
----------------------------------------------*/
#footer{
	margin:0 0;
	padding:20px 0 0px;
	width:100%;
	/*background:#F2F0EB;*/
	color: #958030;
	max-height:170px;
	/*border-top:#D6D8C0 1px solid;*/
	position:relative;
	overflow:hidden;
}
#ftbody{
	margin:0;
	padding:0;
	
}
#ftbody a.cafebnr{
	width:100%;
	text-align:center;
	margin-bottom:20px;
}
#ftbody a.cafebnr img{
	width:160px;
	height:60px;
	margin:0 auto;
}

#ftbody a.bellbnr{
	width:100%;
	text-align:center;
	margin-bottom:20px;
	margin-top:10px;
}
#ftbody a.bellbnr img{
	width:160px;
	height:60px;
	margin:0 auto;
}

#ftbody .ftlogobox{
	width:200px;
	font-size:0.8em;
	line-height:1.3;
	margin:0 auto;
	text-align:center;
	color:#444;
}
#ftbody .ftlogobox img{
	width:90px;
	height:auto;
}

#ftbody .copyright{
	text-align:center;
	padding:5px 0 10px;
	margin:0px;
	width:100%;
	color: #660;
	font-size:0.8em;
	font-style:italic;
	letter-spacing:0.06em;
	line-height:1.3;
	font-family:'Fanwood Text',serif;
}


		#pagetop {
	position:absolute;
	margin:0 0 10px;
	z-index:100;
	bottom:0px;
	right:20px;
	text-align:center;
}
#pagetop:before{
 content: '';
	position:absolute;
 height: 300px;
 width: 1px;
	border-left:1px solid #CCC;
	top:0px;
	left:0px;
}
#pagetop:after{
 content: '';
	position:absolute;
 height: 1px;
 width: 20px;
	border-top:1px solid #CCC;
	top:8px;
	left:-14px;
	-webkit-transform: rotate(-60deg);
       -moz-transform: rotate(-60deg);
        -ms-transform: rotate(-60deg);
         -o-transform: rotate(-60deg);
            transform: rotate(-60deg);
}

#pagetop img.ptop{
	margin-top:10px;
	width:12px;
	height:auto;
}

p#pagetop a {
	display: block;
	
	width:40px;
}
#pagetop a img{
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
		}
#pagetop a:hover img{
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
		}

	


#ftbody a:link,#ftbody a:visited{ 
	color: #958030;
	text-decoration:none;
}

#ftbody a:hover ,#ftbody a:active{
	color: #958030;
	text-decoration:underline;
}


@media all and (max-width: 768px) {

#top_info dl{	font-size:1em;}
	#footer{ max-height:450px;}

}
@media all and (max-width: 560px) {
	
	#top_infobox{ width:100%;}
	#top_info dl{	margin:0 0 0 85px;}
		#top_cont ul li{	width:98%;		margin:0 1% 2%;		}
		.top_contbox::before{ top:-70px; right:-30%;
			-webkit-background-size: 90% auto;
    -moz-background-size: 90% auto;
    -o-background-size: 90% auto;
    background-size: 90% auto;}
		.top_contbox::after{ top:-70px;right:-30%;
			-webkit-background-size: 90% auto;
    -moz-background-size: 90% auto;
    -o-background-size: 90% auto;
    background-size: 90% auto;}
		
		#top_guide .guide_txtbox{ width:100%;}
		#top_guide .guide_imgbox{ width:100%;}
	
}
	@media all and (max-width: 480px) {
		#pagetop { right:0;		}
	}