/*  common.css ---*/


/* common
-------------------------------------------------------------------------------------------------------*/
body { color: #333333; font-size:14px; margin:0 auto; padding: 0; overflow:auto; -webkit-text-size-adjust: 100%; font-family:"游明朝","Yu Mincho", YuMincho,"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; }

img{ vertical-align: bottom; max-width:100%; height:auto; }
a img { border:0 none; }
a img { text-decoration: none; }
a:hover img,a:active img { opacity:0.9; }

.cnt { max-width:940px; width:90%; margin:0 auto; overflow:hidden; }

ul { overflow:hidden; }
li { list-style-type:none; }

#wrapper { width:100%; margin:0; overflow:hidden; position:relative; }

* {
	margin: 0;
	padding: 0;
}

table{ border-collapse:collapse; }

iframe { overflow:hidden; border:none; }

#fla { text-align:left; }

p,dd{
	line-height: 160%;
}




/* linkstyle -------------------*/
a:visited	{ color: inherit; text-decoration:none; }
a:link		{ color: inherit; text-decoration:none; }
a:active	{ color: #FF0000; text-decoration:none; }
a:hover		{ color: #FF0000; text-decoration:none; }


.left { float:left; }
.right { float:right; }

.col_2_01 .left{ width: 49%; }
.col_2_01 .right{ width: 49%; }

.col_3 ul{ overflow:inherit; }
.col_3 ul li { width: 32%; float:left; padding:0 2% 0 0; }
.col_3 ul li:last-child {
	padding: 0;
}
.col_3 ul img{ width: 100% }
/*.col_3 ul .end { width: 32%; float:left; padding:0; }*/
.col_3 li .end { margin:0; }

div:after,
dl:after,
ul:after {
    content: "";
    display: block;
    clear: both;
}

/* header
-------------------------------------------------------------------------------------------------------*/
h1 { color:#FFFFFF; z-index:50; font-size:10px; left:50%; width:486px; text-align:left; position:absolute; top:10px; margin: 0 0 0 -550px; }

#headerup{
	padding: 5px 0 0 0;
	width:100%; 
	height: 85px;
	position:fixed;
	background:#FFF;
	z-index:2500;
}
#headerup .right{
	padding: 7px 0 0 0;
	width: 625px;
}
#headerup .right ul{
	margin: 0 0 0 20px;
	float: left;
}
#headerup .right ul li{
	font-size: 11px;
  line-height: 56px;
	float: left;
	color: #333;
}

#headerup .info01{

}

#headerup .info01 li:after{
	font-size: 11px;
	content: "|";
	margin: 0 5px;
	color: #C9A763;
}
#headerup .info01 .end:after{
	content: none;
}


#headerup .info02 li{
	margin: 0 0 0 4px;
	
}

@media all and (-ms-high-contrast:none){
#headerup .right ul li.end { margin:-3px 0 0; }

}


/* menu
-------------------------------------------------------------------------------------------------------*/
#gnavi { width:100%; overflow:hidden; margin:5px auto 0; position:fixed; z-index:2500; }
#gnavi li { float:left; line-height:100%; }



#gnavi {
	height: 33px;
	overflow: hidden;
	background: #629FAA;
	}
#gnavi ul {
	width:880px;
	margin: 0 auto;
	}
#gnavi li {
	width: 105px;
	color: #fff;
	position: relative;
	}
#gnavi li a:after{
    position: absolute;
    top: 11px;
    right: -3px;
		content: "|";
		color: #B0A575;
	}
#gnavi .navi09 a:after{
		content: none;
	}
#gnavi li a{
	margin: 0 auto;
	padding: 10px 0 0 0;
	width: 87px;
	height: 23px;
	text-align: center;
	display: block;
	}
/* linkstyle -------------------*/
#gnavi ul li a:visited	{ color: inherit; text-decoration:none; }
#gnavi ul li a:link		{ color: inherit; text-decoration:none; }
#gnavi ul li a:active	{ color: inherit; text-decoration:none; }
#gnavi ul li a:hover		{ 
	background: #397683;
	color: inherit; text-decoration:none;
	}


.onsen .gnavi01 img { visibility:hidden; }
.onsen .gnavi01 { background:url(../images/common/menu01_on.gif) left top no-repeat;}
.onsen .gnavi01 a { display:block; }




/* main 
-------------------------------------------------------------------------------------------------------*/
#main { overflow:hidden; background: #FBF9F0;}



/* content
-------------------------------------------------------------------------------------------------------*/
#content { overflow:hidden; margin:0 auto; background: #FBF9F0; }


/* footer
-------------------------------------------------------------------------------------------------------*/
#footer {
	overflow:hidden;
	width: 100%;
	background: #629FAA;
	color: #fff;
	text-align: left;
}
#footer .footwrap .info01,
#footer .footwrap .info02,
#footer .footwrap .info03{
	float: left;
}
#footer .footwrap .info01{
	width: 30%;
}
#footer .footwrap .info01 ul li{
	width: 49%;
	margin: 5px 5px 0 0;
	float: left;
}
#footer .footwrap .info01 .end{
	margin: 5px 0 0 0;
}
#footer .footwrap .info02{
	padding: 10px 0 0 25px;
	width: 36%;
}
#footer .footwrap .info02 .tel{
	width: 84%;
	display: block;

}
#footer .footwrap .info02 .tel .sp{
	display:none;
}
#footer .footwrap .info02 .mail{
	margin: 0 0 7px;
	width: 55%;
	display: block;

}
#footer .footwrap .info02 .add{
	position: relative;
}
#footer .footwrap .info02 .add .right{
	color: #DEB028;
	position: absolute;
	bottom: 0;
	left:250px;
	top:20px;
}
#footer .footwrap .info03{
	padding: 22px 0 20px 0;
	width: 30%;
}
#footer .footwrap .info03 .sns{
	margin:20px 0 0;
}
#footer .footwrap .info03 .sns li{
	float: left;
	width: 11%;
	margin:4px 0 0;
}
#footer .footwrap .info03 .sns li:last-child{
	width:52%;
	margin:0 0 0 10%;
}

#footer .twitter-icon { margin:4px 5% 0 0!important; }

#footer p { margin:0; }

#copy { background: #000; text-align: center; font-size:10px; width:100%; padding:5px 0; margin:0 auto; }
#pagetop { position:fixed; bottom:48px; right:45px; z-index:1500;}

.tel .number { font-size:30px; line-height:120%; }
.hours { line-height:135%; }
.add p { line-height:135%; }
.add { line-height:135%; }

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



@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}
}