@charset "utf-8";

/*Index
---------------------------------------------------------
	0.1 =YUI
	0.2 =Color Scheme

	1.1 =Import
	2.1 =Reset
	2.2 =Global Formatting
	3.2 =Global Style
	4.1 =Overall layout
	4.2 =Page layout
		4.2.1 =Header
		4.2.2 =Sidebar
		4.2.3 =Footer
		4.2.4 =Article
	5.1 =Additional Styles For Common Blocks
	6.1 =Structure 
		0.0 =Media Queries
---------------------------------------------------------
*/

/*YUI
---------------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%    27px =         28px =         29px = 
30px = 230%?
---------------------------------------------------------
*/
/*
-----------------------------------------------------------

Import
@import url(xxx/xxx.css);

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

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

Reset

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

/* =HTML5 Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-----------------------------------------------------------*/
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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;border-collapse: collapse !important;}
:focus {/* remember to define focus styles! */ outline: 0;}
body { background: #fff; line-height: 1;}
ol, ul { list-style: none;}
table {/* tables still need 'cellspacing="0"' in the markup */border-collapse: collapse !important; border-spacing: 0;}
caption, th, td { font-weight: normal; text-align: left;}
blockquote:before, blockquote:after, q:before, q:after { content: "";}
blockquote, q { quotes: "" "";}
a img { border: 0 !important;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section { display: block;}
audio, canvas, video { display: inline-block; max-width: 100%; *display: inline; zoom: 1;}
html { overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}

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

Global Formatting

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

/*Clearfix
-----------------------------------------------------------*/
/*.clearfix:after {content:"";display:block;clear:both;}*/
.clearfix {zoom:1;/*for IE 5.5-7*/}
.clearfix:after{/*for modern browser*/content:".";display: block;height:0px;font-size:0;clear:both;visibility:hidden;}
* html .clearfix{display:inline-table;/**/display:block;/**/}

/*Global Formatting
-----------------------------------------------------------*/
.clear { clear:both; visibility: hidden; height: 0;}   
.hidden { display:none !important; visibility: hidden; height: 0;}
.block{margin:0 0 1.6125em;}
.block p{margin:0 0 .6125em;}
.window-scale{}
.imgover{}
.anchor-link{}

/*Multi Screening*/
.sp, .desktop, .tablet, .mobile { display:none !important;}

/*Hover*/
.over, .scaleup, .rotate, .scaleup-rotate { -webkit-transition: all ease-in 0.2s;}
.over:hover {
	opacity:0.7;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* For IE 5-7 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */
}
.scaleup:hover { -webkit-transform: scale(2);}
.rotate:hover { -webkit-transform: rotate(360deg);}
.scaleup-rotate:hover { -webkit-transform: scale(2) rotate(360deg); box-shadow:1px 1px 8px #999; }

/*Transform*/
.alpha {opacity:0.6;filter: progid:DXImageTransform.Microsoft.Alpha(opacity=60); /* For IE 5-7 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* For IE 8 */}
.shadow { box-shadow:1px 1px 8px #ccc;}
.radius { border-radius: 10px;}

/*Font Size*/
.fs-9 { font-size: 9px !important;}
.fs-10 { font-size: 10px !important;}
.fs-11 { font-size: 11px !important;}
.fs-12 { font-size: 12px !important;}
.fs-13 { font-size: 13px !important;}
.fs-14 { font-size: 14px !important;}
.fs-15 { font-size: 15px !important;}
.fs-18 { font-size: 18px !important;}
.fs-21 { font-size: 21px !important;}
.fs-24 { font-size: 24px !important;}
.fs-28 { font-size: 28px !important;}
.fs-36 { font-size: 36px !important;}
.fs-48 { font-size: 48px !important;}
.fs-60 { font-size: 60px !important;}
.fs-72 { font-size: 72px !important;}
.fs-96 { font-size: 96px !important;}
.fs-120 { font-size: 120px !important;}
.fs-150 { font-size: 150px !important;}
.fs-200 { font-size: 200px !important;}

/*Font Color*/
.fc-turquoise { color:#1abc9c !important;}
.fc-salmon-pink { color:#FF9897 !important;}
.fc-sun-flower { color:#f1c40f !important;}
.fc-rss { color:#fc0 !important;}
.fc-k { color:#000 !important;}
.fc-g { color:#999 !important;}
.fc-wh { color:#fff !important;}
.fc-r { color:#F00 !important;}
.fc-or { color:#F60 !important;}
.fc-b { color:#09C !important;}
.fc-lb { color:#6CC !important;}
.fc-gr { color:#090 !important;}
.fc-lgr { color:#9C0 !important;}
.fc-dgr { color: #678C00 !important;}


/*Font Style*/
 strong,
.fw-bold { font-weight: bold !important;}
.tt-uppercase { text-transform: uppercase !important;}
.tt-capitalize { text-transform: capitalize !important;}
.ls2px {letter-spacing:2px !important;}
.ls4px {letter-spacing:4px !important;}
.ls8px {letter-spacing:8px !important;}
.lh1-5,.lh1-5 p{line-height:1.5 !important;}
.lh2,.lh2 p{line-height:2.0 !important;}

/*Time*/
time.date,span.date {}

/*Floating*/
.mAuto { margin-right: auto; margin-left: auto;}
.centering { margin:0 auto;}

/*Column Layout Format*/
.row .col { float: left;}
.column-1 {}
.column-2 .col { width: 50%;} 
.column-3 .col { width: 33.33%;} 
.column-4 .col { width: 25%;}
.column-5 .col { width: 20%;}
.column-6 .col { width: 16.66%;}
.column-8 .col { width: 12.5%;}
.row[class*="column-"] .col .box { padding: 1.1325em;}

/* Alignment */
.alignleft {display:block;float:left;}
.alignright {display:block;float:right;}
.aligncenter {clear:both;display:block;}
.alignleft,.alignright,.aligncenter {}
.alignleft { margin: 0 3% 3% 0;}
.alignright  { margin: 0 0 3% 3%;}
.aligncenter { margin: 0 auto 3%;}

.taL { text-align: left !important;}
.taR { text-align: right !important;} 
.taC { text-align: center !important;}

.cntL { float: left;}
.cntR { float: right;}
.fltL { float : left !important;}
.fltR { float : right !important;}

/* Display */
.display-block{display:block !important;}
.display-inline{display:inline !important;}

/*Position*/
.position-relative{position:relative;}
.position-absolute{position:absolute;}
.polaris-parent{position:relative;width:100%;height:100%;}
.polaris-parent .polaris-child{position:absolute;width:100%;height:50%;top:50%;left:0%;}
.polaris-parent .polaris-child .polaris{display:block;text-align:center;margin:-0.5em auto 0 !important;line-height:1 !important;font-size:48px;font-weight:100;font-family:'Lato','EB Garamond','Helvetica Neue','Raleway';letter-spacing:.01125em;}

/* Borders */
.bd { border: solid 1px #ddd !important;}
.bd3px { border: solid 3px #ccc !important;}
.bdT { border-top: dotted;}
.bdR { border-right: dotted;}
.bdB { border-bottom: dotted;}
.bdL { border-left: dotted;}
.bdT, .bdR, .bdB, .bdL { border-width: 1px; border-color: #888;}

/* Width */ 
.w100 { width: 100% !important;}
.w90 { width: 90% !important;}
.w80 { width: 80% !important;}
.w75 { width: 75% !important;}
.w70 { width: 70% !important;}
.w65 { width: 65% !important;}
.w60 { width: 60% !important;}
.w50 { width: 50% !important;}
.w40 { width: 40% !important;}
.w30 { width: 30% !important;}
.w25 { width: 25% !important;}
.w20 { width: 20% !important;}
.w15 { width: 15% !important;}
.w10 { width: 10% !important;}

/* Margin & Padding */
.mt0   { margin-top	: 0 !important;}
.mt5   { margin-top	: 5px !important;}
.mt10  { margin-top	: 10px !important;}
.mt15  { margin-top	: 15px !important;}
.mt20  { margin-top	: 20px !important;}
.mt25  { margin-top	: 25px !important;}
.mt30  { margin-top	: 30px !important;}
.mt35  { margin-top	: 35px !important;}
.mt40  { margin-top	: 40px !important;}
.mt45  { margin-top	: 45px !important;}
.mt50  { margin-top	: 50px !important;}
.mt55  { margin-top : 55px !important;}
.mt80  { margin-top	: 80px !important;}

.mr0   { margin-right: 0 !important;}
.mr5   { margin-right: 5px !important;}
.mr10  { margin-right: 10px !important;}
.mr15  { margin-right: 15px !important;}
.mr20  { margin-right: 20px !important;}
.mr25  { margin-right: 25px !important;}
.mr30  { margin-right: 30px !important;}
.mr35  { margin-right: 35px !important;}

.mb0   { margin-bottom: 0 !important;}
.mb5   { margin-bottom: 5px !important;}
.mb10  { margin-bottom: 10px !important;}
.mb15  { margin-bottom: 15px !important;}
.mb20  { margin-bottom: 20px !important;}
.mb25  { margin-bottom: 25px !important;}
.mb30  { margin-bottom: 30px !important;}
.mb35  { margin-bottom: 35px !important;}
.mb40  { margin-bottom: 40px !important;}
.mb80  { margin-bottom: 80px !important;}

.ml0   { margin-left: 0 !important;}
.ml5   { margin-left: 5px !important;}
.ml10  { margin-left: 10px !important;}
.ml15  { margin-left: 15px !important;}
.ml20  { margin-left: 20px !important;}
.ml25  { margin-left: 25px !important;}
.ml30  { margin-left: 30px !important;}
.ml35  { margin-left: 35px !important;}
.ml40  { margin-left: 40px !important;}
.ml45  { margin-left: 45px !important;}

.m0  { margin: 0px !important;}
.m5  { margin: 5px !important;}
.m10  { margin: 10px !important;}
.m15  { margin: 15px !important;}
.m20  { margin: 20px !important;}
.m25  { margin: 25px !important;}
.m30  { margin: 30px !important;}
.m35  { margin: 35px !important;}
.m40  { margin: 40px !important;}
.m80  { margin: 80px !important;}

.pt0  { padding-top: 0 !important;}
.pt5  { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}

.pt0  { padding-top: 0 !important;}
.pt5  { padding-top: 5px !important;}
.pt10 { padding-top: 10px !important;}
.pt15 { padding-top: 15px !important;}
.pt20 { padding-top: 20px !important;}

.pr0  { padding-right: 0 !important;}
.pr5  { padding-right: 5px !important;}
.pr10 { padding-right: 10px !important;}
.pr15 { padding-right: 15px !important;}
.pr20 { padding-right: 20px !important;}

.pl0  { padding-left: 0 !important;}
.pl5  { padding-left: 5px !important;}
.pl10 { padding-left: 10px !important;}
.pl15 { padding-left: 15px !important;}
.pl20 { padding-left: 20px !important;}

.pb0  { padding-bottom: 0 !important;}
.pb5  { padding-bottom: 5px !important;}
.pb10 { padding-bottom: 10px !important;}
.pb15 { padding-bottom: 15px !important;}
.pb20 { padding-bottom: 20px !important;}

.p0  { padding: 0px !important;}
.p5  { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p30 { padding: 30px !important;}
.p40 { padding: 40px !important;}

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

	4.1 =Overall layout

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

* { margin: 0; padding: 0;}
html {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Meiryo", "メイリオ",sans-serif, serif;
	-webkit-font-smoothing: antialiased !important;
	-webkit-text-stroke: 1px transparent;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	text-shadow: 0 1px 0px rgba(250, 250, 250, 0.2);
	font-size: 15px;
	font-weight: 400;
	line-height: 1.6; word-wrap: break-word;
	background-color: transparent;
	color: #555;
	letter-spacing:0px;
}
body{
	margin:0;padding:0;top:0;bottom:0;width:100%;
	background-color:#fff;
}

h1, h2, h3, h4, h5, h6, p, pre, dt, dd, li {line-height: 1.6; display: block;}
table {width:100%; margin:0 0 1.3125em; line-height: 1.66; text-align:left;}
th {background-color: #f2f2f2; font-weight:normal;}
th, td { padding:1.1125em; border: solid 1px #ccc; vertical-align: middle;}
table p { margin: 0 !important; padding: 0 !important;}
img { max-width: 100%; height:auto;}
a img { border:none;}
embed, iframe,object{max-width:100%;}
video{max-width:100%;height:auto;}
a:link, a:visited { color: #56B400; text-decoration: underline; -webkit-transition: all 0.2s ease-in;}
a:focus, a:active, a:hover { text-decoration:none;}

hr{clear:both !important;border:0;height:2px;margin: 1.6125em 0 !important;}
dl{margin:0 auto 30px;}
dl dt{margin:0 0 10px; padding:5px 10px; border-left:solid 5px #A2DB00; line-height:1.3; font-size:15px; font-weight:bold;}

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

	5.1 =Page layout
  
-----------------------------------------------------------
*/

#container{}
.wrapper{max-width:1000px;margin:0 auto;}
*html .wrapper{width:1000px;}
#main {margin:20px auto;}
#primary {float:right; width:720px;}
#secondary {float:left; width:260px;}

/* Header
-----------------------------------------------------------*/
#header{width:100%; height:auto; padding:0px 0; background:url(images/header-bg.png) repeat-x; background-size:contain; box-shadow:0 0 10px #999; position:relative; z-index:99;}
#header .header-in{ height:90px; padding:20px 0; }
#header .header-logo{float:left;}
#header .header-tel{float:right;}
#header .header-logo{width:302px;}
#header .header-tel{width:343px;}
#header .header-tel .span-mint{padding:2px 4px; border-radius:10px;}

/* Nav
-----------------------------------------------------------*/
#header #nav{width:100%; height:60px;z-index:99; position:relative;}
#nav li{ position:relative; float:left; width:16.66%; height:60px;-webkit-transition:all ease-in 0.2s;}
#nav .current,
#nav li:hover{background:#eee;}
#nav li a{display:block;}
#nav li a img{display:block;}

/* Footer
-----------------------------------------------------------*/
#footer{width:100%; height:auto; padding:20px 0; background:#58cccc url(images/footer-accent.png) no-repeat right bottom; background-size:250px auto; color:#fff; font-size: 11px;}
#footer .cntL{width:710px;}
#footer a{text-decoration:none; color:#fff;}
#footer a:hover{color:#FFDC72}

#footer .footer-nav{font-size:13px; font-weight:bold;}
#footer .footer-nav a:after{content:"　｜　";}
#footer .footer-contact{ border:solid 1px #fff; padding:20px;}
#footer #copyright{font-size:11px; margin:0; padding:0;}

/* Side
-----------------------------------------------------------*/
#secondary{ font-size:13px;}
#secondary .cntL{width:30%;}
#secondary .cntR{width:70%;}


/* Global Style
-----------------------------------------------------------*/
.block p{margin: 0 auto 10px;}
.block{margin:0 auto 20px;}
.block p:last-child{margin:0 auto 0;}
.block .cntL{width:49%;}
.block .cntR{width:49%;}

/*span*/
.span-mint{background-color:#52CCCD; color:#fff; font-weight:bold;padding:3px 8px;}
.span-orange{background-color:#FFC000; color:#fff; font-weight:bold;}
.span-gray{background-color:#999; color:#fff; font-weight:bold;padding:3px 8px;}
.span-green{background-color:#A3D900; color:#fff; font-weight:bold; padding:2px 4px;}

.f-catch { font-size:161.6%;}
.f-focus{color:#f00 !important;font-weight:bold;}
.f-attention{color:#f60 !important;font-weight:bold; border-bottom:dotted 2px #f60;}
.f-note { font-size: 11px !important;line-height: 1.66;}
.fc-yellow{color:#FFE599 !important;}

/*heading*/
.h-001 {margin:0 0 20px; line-height:1.3; font-size:18px; font-weight:bold; padding-bottom:10px; border-bottom:solid 1px #999;}
.h-002{margin:0 0 40px; font-size:21px; font-weight:bold; background-color:#fc0; color:#fff; text-align:center; display:block;}
.h-003{margin:0 0 40px; line-height:1.3;font-size:21px; font-weight:bold;}
.h-004{margin:0 0 20px; line-height:1.3;font-size:21px; font-weight:bold; background-color:#58cccc; color:#fff; padding:5px 10px; display:block;}
.h-mint{margin:0 0 40px; font-size:21px; font-weight:bold; color:#58cccc;}
.h-mincho{margin:0 0 .7125em !important; line-height:1.3; font-size:30px; font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}

/*frame*/
.frm-mint {
	margin:0 auto 20px; border:solid 1px #58cccc; padding: 20px; background-color:#fff;
}
.frm-gray { margin:0 auto 20px; border:solid 1px #ddd; padding: 20px; background-color:#fff;}
.frm-003 { margin:0 auto 10px; padding: 10px; background-color:#ccc;}

/*dl*/

/*table*/
.table-001 {max-width:100%;margin:0 auto 20px;border:none;font-size:13px;}
.table-001 th,
.table-001 td{padding:20px;}
.table-001 th{}
.table-001 td{}

.table-beige {max-width:100%;margin:0 auto 20px;border:none;font-size:15px;}
.table-beige th,
.table-beige td{padding:20px; border:solid 1px #fff;}
.table-beige th{background-color:#dfdfd0; text-align:right;}
.table-beige td{}
/*btn*/
a[class*="btn-style-"]{text-decoration:none !important;}
a[class*="btn-style-"]:hover{opacity:.7;}

a.btn-style-s{display:inline;padding:4px 8px;}
a.btn-style-m{display:inline;padding:12px 24px; font-size:120%;}

a.btn-style-001{display:block;padding:1.1125em 0;margin:.7125em auto;box-shadow: 1px 1px 12px #ccc;line-height:1.2;text-decoration:none !important;text-align:center !important;font-size:124%;font-weight:700;}

a.btn-color-gray{background-color:#999; color:#fff;}
a.btn-color-gray:hover{background-color:#666;}
a.btn-color-mint{background-color:#58cccc; color:#fff;}
a.btn-color-mint:hover{background-color:#fc0;}
a.btn-color-green{background-color:#A2DB00; color:#fff;}
a.btn-color-green:hover{background-color:#9C0;}
a.btn-color-orange{background-color:#F90; color:#fff;}
a.btn-color-orange:hover{background-color:#Fc0;}


/*top page
-----------------------------------------------------------*/
body.top{ overflow: hidden;}
#top-mainvisual{}

.top-content-availability{}
.top-content-availability ul li{border-bottom:dotted 1px #888; padding-bottom:10px; margin-bottom:10px;}
.top-content-availability ul li:last-child{ border-bottom: none;}
.top-content-availability ul li:after{content:".";display: block;height:0px;font-size:0;clear:both;visibility:hidden;}
.top-content-availability ul li .name,
.top-content-availability ul li .txt{display:block;float:left;}
.top-content-availability ul li .name{width:24%; text-align:center;}
.top-content-availability ul li .txt{width:68%;float:right; font-size:120%;}
.top-content-availability ul li .txt a{float:right;font-size:12px;}

.top-content-bnr{line-height:1.2;}
.top-content-bnr .box{position:relative !important; padding:0 !important; height:200px;}
.top-content-bnr .box .position-001,
.top-content-bnr .box .position-002{position:absolute;left:20px;}
.top-content-bnr .box .position-001{bottom:42px; font-size:30px;}
.top-content-bnr .box .position-002{bottom:16px;}
.top-content-bnr .box a{color:#555;}
.top-content-bnr .box a:hover{color:#56B400;}
.top-content-bnr .box a:hover img{opacity:.7;}
.top-content-bnr .box img{display:block;}

.top-content-news ul{ height: 86px; overflow: auto;}  /* 20150821 */
.top-content-news ul li{border-bottom:dotted 1px #888; padding-bottom:10px; margin-bottom:10px;}
.top-content-news ul li:after{content:".";display: block;height:0px;font-size:0;clear:both;visibility:hidden;}
.top-content-news ul li:last-child{border-bottom:none;padding-bottom:0px; margin-bottom:0px;}
.top-content-news ul li .date,
.top-content-news ul li .txt{display:block;float:left;}
.top-content-news ul li .date{width:20%;}
.top-content-news ul li .txt{width:78%;}

#news-tab{margin:0 auto 20px;}
#news-tab .tab{ display:block; float:left;padding:6px 12px; border:solid 1px #58cccc; border-right:none; font-size:13px;}
#news-tab .tab.last-child{border-right:solid 1px #58cccc !important;}
#news-tab .tab:hover,
#news-tab .tab.current{cursor:pointer; background-color:#58cccc; color:#fff;}

/*lower pages
-----------------------------------------------------------*/
/*共通*/
#breadcrumb{margin: 0 auto 20px; padding:10px 0; font-size:13px; background-color:#aaa; text-align:right;}
#breadcrumb,
#breadcrumb a{ color:#fff;}
#breadcrumb a{text-decoration:underline;}
#breadcrumb a:hover{text-decoration:none;}

.mainvisual{margin: 0 auto 10px;}

/*特長
-----------------------------------------------------------*/
.feature-content{}
.feature-content .block {margin-bottom:60px;}
.feature-content .block:last-child{margin-bottom:0;}
.feature-content .block p{margin-bottom:20px;}
.feature-content .block .cntL{width:50%;}
.feature-content .block .cntR{width:48%;}

/*サービス
-----------------------------------------------------------*/
.service-content{}
.service-content .block{margin-bottom:60px !important;}
.service-content .block .cntL{width:49%;}
.service-content .block .cntR{width:49%;}

/*入居案内・費用
-----------------------------------------------------------*/
.guide-content{ background:url(images/guide-content-bg.png) repeat-y; background-size:contain;}
.guide-content .block{margin-bottom:40px;}
.guide-content .block .cntL{width:36%;}
.guide-content .block .cntR{width:62%;}
.guide-content2 .cbox{background:#d9f6f6; padding: 6px 12px;}

/*お部屋のご案内
-----------------------------------------------------------*/
.room-content-plan{position:relative; margin:40px auto 20px; padding-top:80px;}
.room-content-plan-ribbon{position:absolute; top:-20px; left:-10px; width:224px; background:no-repeat; background-size:224px auto; text-align:center; font-weight:bold;}
.room-content-plan-ribbon p{line-height:1.5;}
.room-content-plan .bg-001{ background-image:url(images/room-ribbon-001.png); height:85px;}
.room-content-plan .bg-002{ background-image:url(images/room-ribbon-002.png); height:85px;}
.room-content-plan .bg-003{ background-image:url(images/room-ribbon-003.png); height:85px;}
.room-content-plan .bg-004{ background-image:url(images/room-ribbon-004.png); height:85px;}

/* Photo Gallery with jQuery */
.photo-gallery{margin:0 auto 30px; min-height:300px;}
.photo-gallery .gallery {width:60%; float:left;}
.photo-gallery .thumbs {width:38%; float:right;}
.photo-gallery ul {display:block;overflow:hidden;clear:both;}
.photo-gallery li {display:block;float:left; width:29%; margin:0 4% 2% 0;}
.photo-gallery li img {cursor:pointer; max-height:50px;}

.room-content-pdf{position:relative;background:#666 url(images/icon-pdf.png) 30px center no-repeat; background-size:50px auto; padding:40px; padding-left:100px; color:#fff;}
.room-content-pdf .position-001{ float:left; width:50%;}
.room-content-pdf .position-002{ float:right; width:50%;}

.room-content-equipment{background:url(images/room-equipment-bg.png) no-repeat; background-size:100% 100%;}
.room-content-equipment .row{ text-align:center;}
.room-content-equipment .row .col{width:25.3%; padding:4%;}

/*設備
-----------------------------------------------------------*/
.equipment-content{ padding:20px; background-color:#F0F0E1;}
.equipment-content-in{ padding:20px; background-color:#fff;}

/*アクセス
-----------------------------------------------------------*/

/*よくある質問
-----------------------------------------------------------*/
.faq-content{padding:0 20px;}
.faq-q{
	background: no-repeat left center;
	background-size:65px auto;
	border-bottom:#56B400 1px solid;
	padding:0px;
	padding-top:40px;
	padding-left:90px;
	margin:0 auto 20px;
	-webkit-transition:all ease-in 0.2s;
}
.icon-male{background-image:url(images/icon-faq-male.png);}
.icon-female{background-image:url(images/icon-faq-female.png);}
.faq-q:hover{color:#56B400 !important;background-size:75px auto;}
.faq-a{
	background:url(images/icon-faq-a.png) no-repeat 20px top;
	background-size:90px auto;
	padding:20px;
	padding-top:50px;
	padding-left:20px;
	margin:0 auto 10px;
}

/*新着情報一覧
-----------------------------------------------------------*/
.news-content{}
.news-content ul li{border-bottom:dotted 1px #888; padding-bottom:10px; margin-bottom:10px;}
.news-content ul li:last-child{border-bottom:none;}
.news-content ul li:after{content:".";display: block;height:0px;font-size:0;clear:both;visibility:hidden;}
.news-content ul li .date,
.news-content ul li .txt{display:block;float:left;}
.news-content ul li .date{width:20%;}
.news-content ul li .txt{width:78%;}

/*お問い合わせ
-----------------------------------------------------------*/
.form-content{}
/*mfp*/
img.must {width:40px !important;height:20px !important;}


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

	5.1 =Plug In
  
-----------------------------------------------------------
*/

/**
 * BxSlider v4.0 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2012
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/
.bx-wrapper{position:relative;margin:0 auto 20px;padding: 0;*zoom: 1;}
.bx-wrapper img {max-width: 100%;display: block;}

/** THEME
===================================*/
.bx-wrapper .bx-viewport {}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute;bottom: -30px;width: 100%;}
/* LOADER */
.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */
.bx-wrapper .bx-pager {text-align: center;}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #666;
	text-indent: -9999px;
	display: block;
	width: 10px;
	height: 10px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #000;
}

/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {left: 10px;}
.bx-wrapper .bx-next {right: 10px;}
.bx-wrapper .bx-prev:hover {background-position: 0 0;}
.bx-wrapper .bx-next:hover {background-position: -43px 0;}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -16px;
	outline: 0;
	width: 32px;
	height: 32px;
	/*text-indent: -9999px;*/
	text-indent: 0px;
	font-size:30px;
	font-weight:bold;
	text-decoration:none;
	text-shadow:0 0 6px #888; 
	color:#fff;
	z-index: 9999;
}
.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {text-align: center;}
.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {background-position: -86px -33px;}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align: left;width: 80%;}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {right: 0;width: 35px;}
/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: .85em;
	padding: 10px;
}



/* BxSlider (Original Customize)
-----------------------------------------------------------*/
#slide{
	width:100% !important;
	background-color:#eee !important;
	height:auto;
	padding: 20px 0 0;
	overflow:hidden;
	width:100%;
	position:relative;
}
#slide .slideInner{}
#slide .inner_ {position: absolute;left: 50%;width: 9999px}
#slide .bx-wrapper{width:100% !important;position:relative !important;
}
#slide .bx-wrapper .bx-window{width:900px !important;margin: 0 auto !important;overflow: visible !important;}
#slide .bx-wrapper .bx-window{height:400px;}

/* Slider */
ul#slider {position: relative;height: auto;}
ul#slider li{width:920px;}

/* Prev & Next */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next{position:absolute;top:0px; line-height:300px;text-decoration:none;font-size:60px;color:#fff;font-weight:bold; text-shadow:0 0 3px #777;filter: alpha(opacity=70);opacity:0.7;}
.bx-wrapper .bx-prev {left:5%;}
.bx-wrapper .bx-next {right:5%;}
.bx-wrapper .bx-prev:hover,.bx-wrapper .bx-next:hover {filter: alpha(opacity=100);opacity:1;}

/* Pager */
.bx-wrapper .bx-pager{
	background-color:#666;
	margin:20px auto 0 !important;
	padding:20px 0 0 !important;
	height:90px;
	width:100% !important;
	text-align:center;
	letter-spacing: -.40em;
}
.bx-wrapper .bx-pager {}
.bx-wrapper .bx-pager a {
	width: 180px;margin-right: 20px;/* Sizing */
	display: inline-block;
	letter-spacing: normal;
	*display: inline;
	*zoom: 1;
}
html.lt-ie8 .bx-pager a {margin-right: 0;}
.bx-wrapper .bx-pager a:last-child {margin-right: 0;}
.bx-wrapper .bx-pager a img {opacity: 0.8;filter: alpha(opacity=80);}
.bx-wrapper .bx-pager a.pager-active img{opacity:1;filter: alpha(opacity=100);}  


/* jquery.galleriffic.js 
http://www.twospy.com/galleriffic/
-----------------------------------------------------------*/
.content{width:640px; height:auto; margin:60px auto 60px; text-align:center;}
.content a{text-decoration:none;}
.content .controls{display:none;}
.content .slideshow-container {position: relative; width:100%; height:300px; margin:0 auto 20px;}
.content .slideshow span.image-wrapper {
	display: block;
	position: absolute;top: 0;left: 0;
	width:100%;
}
.content .slideshow span.image-wrapper img{max-width:450px; max-height:100%;width:450px; /* for ie8 */}
.content .caption-container {position: relative;}
.content span.image-caption {display: block;position: absolute;top: 0;left: 0; width:100%; text-align:center;}
.navigation ul.thumbs li{float:left;width:23%; margin:1%;text-align:left; font-size:13px;}
.navigation ul.thumbs li p{}
.navigation .caption{}