@charset "UTF-8";
/**
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
 *
 * プロトタイプ
 *
 * *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-* *-*
**/

@import url('https://fonts.googleapis.com/css?family=Ropa+Sans');
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');

/* ---------------------------------------------------------------------------
//  all
--------------------------------------------------------------------------- */
body {
  font-size: 14px;
  color: #555;
  line-height: 1.5;
}

a { transition: .2s; color: #000; }
a:hover { opacity: 0.7; }

.wrap { min-width: 1000px; margin: 0 auto; }
.inner { width: 980px; margin: 0 auto; }
.ImgBlock img { display: block; }
.alt{ display:none;}
.over{ width: 690px; overflow: visible;}

.Contents_Right{float:right; margin:60px 0; width: 680px; }
.Contents_Left{float:left; margin:60px 0;width: 237px;}

/* ---------------------------------------------------------------------------
//  header
--------------------------------------------------------------------------- */
header { border-top: 5px solid #4ba3e2;height:122px;}

#SiteLogoA{
width:353px;
height:63px;
display: inline;
float:left;
padding-top:25px;
}

#SiteLogoA h1{ display:none;} 

#SyLogo{
width:620px;
height:70px;
display: inline;
float:right;
text-align:right;
}
#SyLogo img{
	vertical-align:top;
	padding:40px 0 0 15px;
}
#SyLogo a img{
	vertical-align:top;
	padding:41px 0 0 22px;
}


.mainvisual{ background: #f4f4f4 url(../image/mainvisual.jpg) center top no-repeat; height:330px;}
.mainvisual h2{padding:35px 0 0 5px; margin-bottom: 20px;}



.mainvisual.sec{ background: url(../image/sec_bg.jpg) center top repeat-x; height:234px; text-align: center;border-bottom: 4px solid #02614d;}
.mainvisual.sec .inner{position: relative;}

.Stitle{ position: absolute; top: 85px; left: 50px;}

/* ---------------------------------------------------------------------------
//  nav
--------------------------------------------------------------------------- */
.menu{border-top: 5px solid #29638c;height:77px;background: url(../image/menu-bg.png);}
.menu ul{ }
.menu ul li{ list-style-type:none; float:left; margin:0; padding:0;}

.service .menu ul li#service { opacity: .7;}
.facility .menu ul li#facility { opacity: .7;}
.floor .menu ul li#floor { opacity: .7;}
.shotstay .menu ul li#shotstay { opacity: .7;}
.access .menu ul li#access { opacity: .7;}


/* ---------------------------------------------------------------------------
//  footer
--------------------------------------------------------------------------- */
footer {
	background: url(../image/bottom_bg.jpg);
	margin-top:60px;
	color: #fff;
	padding: 50px 0;
}
footer .inner { position: relative;}
footer .f1 {float: left; width: 320px;}
footer .f2 {float: left; width: 660px;}
footer .f2 h3 {font-size:13px;margin-bottom: 5px;}
footer .f2 ul {float: left; margin-right: 10px;}
footer .f2 ul li {
	line-height: 1.3;
	font-size:13px;
	padding:5px 15px 5px 15px;
	position: relative;
	border-top: 1px solid #69b3e7;
	}

footer .f2 ul li a{color: #fff;}
footer .f2 ul li a:hover{color: #fff;}
footer .f2 ul li::before {
  content: url(../image/bottom_arr.png);
  position: absolute;
  top: 4px;
  left: 0;
}

.copy{ color: #fff; font-size: 9px;}


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

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

.tC{ text-align: center;}
.tL{ text-align: left;}
.tR{ text-align: right;}

.mb5{ margin-bottom: 5px;}
.mb10{ margin-bottom: 10px;}
.mb15{ margin-bottom: 15px;}
.mb20{ margin-bottom: 20px;}
.mb30{ margin-bottom: 30px;}
.mb40{ margin-bottom: 40px;}
.mb50{ margin-bottom: 50px;}
.mb70{ margin-bottom: 70px;}

.mt5{ margin-top: 5px;}
.mt10{ margin-top: 10px;}
.mt15{ margin-top: 15px;}
.mt20{ margin-top: 20px;}
.mt30{ margin-top: 30px;}
.mt40{ margin-top: 40px;}
.mt50{ margin-top: 50px;}
.mt70{ margin-top: 70px;}

.ml5{ margin-left: 5px;}
.ml10{ margin-left: 10px;}
.ml15{ margin-left: 15px;}
.ml20{ margin-left: 20px;}
.ml30{ margin-left: 30px;}
.ml40{ margin-left: 40px;}
.ml50{ margin-left: 50px;}
.ml70{ margin-left: 70px;}

.mr5{ margin-right: 5px;}
.mr10{ margin-right: 10px;}
.mr15{ margin-right: 15px;}
.mr20{ margin-right: 20px;}
.mr30{ margin-right: 30px;}
.mr40{ margin-right: 40px;}
.mr50{ margin-right: 50px;}
.mr70{ margin-right: 70px;}


.pt5{ padding-top: 5px;}
.pt10{ padding-top: 10px;}
.pt15{ padding-top: 15px;}
.pt20{ padding-top: 20px;}
.pt30{ padding-top: 30px;}
.pt40{ padding-top: 40px;}
.pt50{ padding-top: 50px;}
.pt70{ padding-top: 70px;}


.imgR {
	float: right;
	margin: 0 0 10px 10px;
}
.imgL {
	float: left;
	margin: 0 10px 10px 0;
}