@charset "utf-8";
/* CSS Document */

/**
 *
 *  サイト共通
 *
 */

/*--------------------------------------------------------------------------
   reset
---------------------------------------------------------------------------*/
*{
	margin:0;
	padding:0;
	outline: 0;
	}	

html,body,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,hr,table,tr,th,td,tbody,tfoot,thead,img,iframe.span,strong,
abbr,address,cite,code,del,dfn,em,ins,kbd,q,samp,small, var,b,i,fieldset,form,label,legend,caption,article, 
aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video {
	font-style:normal;
	font-size: 100%;
	list-style:none;
	vertical-align:baseline;
	border:none;	
	/*background: transparent;*/
}

p, ul, table {
	margin-bottom:1em;
}

article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
	display:block;
	}

img {
	vertical-align:top;
}
	
hr {
	clear:both;
	border:none;
	height:1px;
	margin:2em 0;
	background: url(/lp/newship/deview/img/border-bla01.gif) left center repeat-x;
	}
			
body{
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
	font-size: 14px;
	color:#000;
	letter-spacing:0.1em;
	line-height:1.4;
	animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@media all and (max-width: 980px) {
	body{
		font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
		letter-spacing:0;
		font-size: 12px;
		/*overflow:hidden;*/		
	}
	hr {
		margin:1em 0;
	}
	
	#wrap {
	overflow:hidden;
	}
}
	
/*--------------------------------------------------------------------------
   header
---------------------------------------------------------------------------*/	
header {
	width:100%;
}

#logoWrap {
	border-bottom: 1px solid #00bdd4;
	margin-bottom:0 !important;
}

#logoWrap > #logo {
	width:980px;
	margin:0 auto;
	text-align:right;
	padding:12px 0;
}

#mainImg {
	background:#cbe3f0;
	}

#mainImg img {
	display:block;
	width:980px;
	margin:0 auto;
	text-align:center;
	border-left: 1px solid #00bdd4;
	border-right: 1px solid #00bdd4;
}

#gMenu {
	border-top:1px solid #336790;
	border-bottom:1px solid #336790;
	background:#c4d4e3;
}

#gMenu > ul {
	width:980px;
	margin:0 auto;
	border-left:1px solid #336790;
	border-right:1px solid #336790;
	background:#FFF;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	
}

#gMenu > ul li {
	width: calc(33.3% - 1px);
	background:#FFF;
	border-right:1px solid #336790;
	display: -webkit-flex;
	display:flex;
}

#gMenu > ul li:last-child {
	 border-right:none;
	 width: 33.3%;
}

#gMenu > ul li a {
	display: -webkit-flex;
	display:flex;
	-webkit-align-items: center;
	align-items: center;
	-webkit-justify-content: center;
	justify-content: center;
	width:100%;
	padding:15px 0 12px 0;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#gMenu > ul li a:link {
	color:#23386e;
	background:#FFF;
	text-decoration:none;
	font-weight:bold;
	border-bottom:3px solid #FFF;
}

#gMenu > ul li a:hover {
	color:#23386e;
	background:#fdf7ef;
	border-bottom:3px solid #e6cdac;
}

#gMenu > ul li a:visited {
	color:#23386e;
	border-bottom:3px solid #FFF;
}

#gMenu > ul li a:visited:hover {
	color:#23386e;
	border-bottom:3px solid #e6cdac;
}

#gMenu > ul li a:active {
	color:#23386e;
	border-bottom:3px solid #e6cdac;
}


#gMenu > ul li a img {
	vertical-align:middle;
	margin:-1px 5px 0 5px;
}

@media all and (max-width: 980px) {
	#logoWrap > #logo {
		width:100%;
		padding:8px 0 5px 0;
		text-align:left;
	}
	#logoWrap > #logo img {
		max-width:200px;
		width:auto;
		height:auto;
	}	
	#mainImg img {
		width: 100%;
		height:auto;
		border-left: none;
		border-right: none;
	}
	#gMenu > ul {
		width:100%;
	}
	#gMenu > ul li a {
		padding:10px 2px 5px 2px;
	}
	#gMenu > ul li a img{
		display:none;
		/*content: "\A" ;
		white-space: pre ;*/
	}
	#gMenu > ul li a:link, #gMenu > ul li a:visited, #gMenu > ul li a:hover {
		background:url(/lp/newship/deview/img/pagelink.svg) center bottom no-repeat #FFF;
		padding-bottom:15px;
		border-bottom:10px solid #FFF;
		color:#23386e;
	}
	
}

/*--------------------------------------------------------------------------
   beigeWrap
---------------------------------------------------------------------------*/
.beigeWrap {
	background:url(/lp/newship/deview/img/cover-naname-5px.png) left top #f9ebd6;
	padding:35px 0 35px 0;
	width:100%;
}

.beigeWrap h1 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size:35px;
	font-weight: 500;
	letter-spacing:0.1em;
	color:#a27133;
	text-align:center;
	margin-bottom:45px;
	position:relative;
}

.beigeWrap h1::after {
	position:absolute;
	left:350px;
	right:350px;
	top:60px;
	width: auto;
    height: 1px;
	content: "";
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(209,170,118,1.0) 25%, rgba(209,170,118,1.0) 75%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(209,170,118,1.0) 25%, rgba(209,170,118,1.0) 75%, rgba(0,0,0,0) 100%);
}

.beigeWrap h2 {
	text-align:center;
	font-size:18px;
	color:#323232;
	margin-bottom:40px;
	
}

.beigeWrap h2 span {
	background-image: -webkit-linear-gradient(top, rgba(0,0,0,0) 55%, rgba(230,205,172,1.0) 56%);
	background-image: linear-gradient(to bottom, rgba(0,0,0,0) 55%, rgba(230,205,172,1.0) 56%);
	padding:0 3px 3px 3px;
}
.beigeWrap h3 {
	font-size:16px;
	color:#323232;
	margin-bottom:0.8em;
	border-left: 5px solid #d1ad7d;
	padding-left: 13px;
}

.beigeWrap .wBox {
	background: rgba(255, 255, 255, 0.5);
	padding:15px;
}

@media all and (max-width: 980px) {
	.beigeWrap {
		padding:25px 0 20px 0;
	}
	
	.beigeWrap h1 {
		font-size:22px;
		margin-bottom:25px;
	}

	.beigeWrap h1::after {
		position:absolute;
		left:80px;
		right:80px;
		top:35px;
	}
	
	.beigeWrap h2 {
		font-size:16px;
		margin-bottom:20px;
	}
	.beigeWrap h3 {
		font-size:14px;
		padding-left: 8px;
	}
}


/*--------------------------------------------------------------------------
   dblueWrap
---------------------------------------------------------------------------*/
.dblueWrap {
	padding:40px 0 45px 0;
	width:100%;
	background-image: url(../img/cover-pattern.png);
	background-position: left top;
	background-color: #254f77;
	
}

@media all and (max-width: 980px) {
	.dblueWrap {
	padding:25px 0 20px 0;
	}
}


/*--------------------------------------------------------------------------
   shipname
---------------------------------------------------------------------------*/
#shipname {
	width:980px;
	margin:0 auto;
	color:#FFF;
}

#shipname .shipname {
	font-size:130%;
	line-height:1.8;
	padding:0 0 0 10px;
}

.shipname .txt-big05, .shipname .txt-big03, .shipname .txt-big {
	line-height:1.4;
	color:#fef84b;
}
.shipname .txt-line.txt-big05 {
	text-decoration: underline;
}


#shipname ul {
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
  	flex-wrap:wrap;
}
#shipname ul li a {
	width: 220px;
	display: block;
	padding: 13px 0;
	margin: 0 10px 5px 10px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #FFF;
	color: #FFF;
	text-decoration: none;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#shipname ul li a:hover {
	opacity: 0.6;
}


@media all and (max-width: 980px) {
	#shipname {
	width: calc(100% - 10px);
	padding:0 5px;
	}
	#shipname .shipname {
	font-size:100%;
	line-height:1.5;
	}
	#shipname ul li a:hover {
		opacity: 1.0;
	}
}

@media all and (max-width: 549px) {
	.shipname .txt-big05 {
		letter-spacing:0 !important;
		font-size:125%;
	}
	.shipname .d-date {
		display: block;
	}
	.shipname br.phNone {
		display: none;
	}
}

/*--------------------------------------------------------------------------
   concept
---------------------------------------------------------------------------*/
#concept {
	width:980px;
	margin:0 auto;
}

#concept .photo01 {
	margin-top:2em;
	padding:0 20px;
	display: -webkit-flex;
	display:flex;
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}

#concept .photo01 dl {
	background:#FFF;
	/*width: 200px;*/
	width: 280px;
	padding:10px;
	border:1px solid #98b8d2;
	margin: 0 5px;
}

#concept .photo01 dl dt {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	letter-spacing: 0;
	line-height: 1.0em;
	font-weight: 500;
	font-size:18px;
	color:#254f77;
	text-align:center;
	margin-bottom:0.5em;
}

#concept .photo01 dl dt img {
	display:block;
	margin-bottom:10px;
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#concept .photo01 dl dt img:hover {
	-webkit-filter: brightness(90%);
	filter: brightness(90%);
}

/**IE hack**/
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #concept .photo01 dl dt img:not(:target) {
    opacity:1.0;
	background:#FFF;
  }
  
  #concept .photo01 dl dt img:hover:not(:target) {
    opacity:0.7;
  }
}

#concept .photo01 dl dd {
	font-size:12px;
}

.imgPhotos {
	position:relative;
}

.imgPhotos .img01, .imgPhotos .img02, .imgPhotos .img03 {
	position:absolute;
	display:block;
	margin-bottom:0;
}

.imgPhotos .img01 {
	left:8px;
	top:148px;
}

.imgPhotos .img02 {
	left:71px;
	top:148px;
}

.imgPhotos .img03 {
	left:134px;
	top:148px;
}


@media all and (max-width: 980px) {
	#concept {
	width: calc(100% - 10px);
	padding:0 5px;
	}
	
	#concept .photo01 {
	margin-top:2em;
	padding:0 0;
	}
	
	#concept .photo01 dl {
		margin:0 5px 10px 5px;
	}
	
	#concept .photo01 dl dt {
		margin-bottom:3px;
		font-size: 15px;
	}
	
	#concept .photo01 dl dt img {
	-webkit-filter: brightness(100%);
	filter: brightness(100%);
	margin-bottom:5px;
	}
}

@media all and (max-width: 650px) {
	#concept .photo01 dl {
		background:#FFF;
		/*max-width:200px;*/
		max-width:280px;
		width: calc(50% - 22px);
		padding:5px;
	}
	#concept .photo01 dl dt {
		white-space:nowrap;
	}	
	#concept .photo01 dl dt img {
	max-width:100%;
	width:auto;
	height:auto;
	margin-bottom:5px;
	}
	.imgPhotos {
	position:relative;
	width:100%;
	}
	.imgPhotos .img01, .imgPhotos .img02, .imgPhotos .img03 {
	max-width:58px !important;
	width: 30% !important;
	height:auto;
	}
	.imgPhotos .img01 {
	left:3px;
	top: auto;
	bottom: 20px;
	}
	.imgPhotos .img02 {
	left: calc(100% - 65%);
	top: auto;
	bottom: 20px;
	}
	.imgPhotos .img03 {
	left: calc(100% - 33%);
	top: auto;
	bottom: 23px;
	}
	.imgPhotos .btm40 {
	bottom: 36px;
	}
}

/*--------------------------------------------------------------------------
   yurai
---------------------------------------------------------------------------*/
#yurai {
	width:980px;
	margin:0 auto;
	color: #FFF;
}

#yurai h1 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 500;
	font-size:35px;
	letter-spacing:0.1em;
	color:#FFF;
	text-align:center;
	margin-bottom:55px;
	position:relative;	 
}

#yurai h1::after {
	position:absolute;
	left:350px;
	right:350px;
	top:60px;
	width: auto;
    height: 1px;
	content: "";
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1.0) 25%, rgba(255,255,255,1.0) 75%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(255,255,255,1.0) 25%, rgba(255,255,255,1.0) 75%, rgba(0,0,0,0) 100%);
}

@media all and (max-width: 980px) {	
	#yurai {
		width: calc(100% - 10px);
		padding:0 5px;
	}	
	#yurai h1 {
		font-size:22px;
		margin-bottom:25px;
	}
	#yurai h1::after {
		position:absolute;
		left:80px;
		right:80px;
		top:35px;
	}
}

/*--------------------------------------------------------------------------
   room
---------------------------------------------------------------------------*/
#room {
	width:980px;
	margin:0 auto;
}

#room h1 {
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight: 100;
	font-size:35px;
	letter-spacing:0.2em;
	color:#FFF;
	text-align:center;
	margin-bottom:55px;
	position:relative;	 
}

#room h1::after {
	position:absolute;
	left:350px;
	right:350px;
	top:60px;
	width: auto;
    height: 1px;
	content: "";
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(255,255,255,1.0) 25%, rgba(255,255,255,1.0) 75%, rgba(0,0,0,0) 100%);
	background-image: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(255,255,255,1.0) 25%, rgba(255,255,255,1.0) 75%, rgba(0,0,0,0) 100%);
}

#room ul {
	margin-left:87px;
}

#room ul li {
	float:left;
	margin:0 1px 1px 0;
	background:#FFF;
}

#room ul li a {
	display:block;
	position:relative;
	width:200px;
	height:200px;
	overflow:hidden;
}

#room ul li span {
	display:block;
	width:100%;
	padding:3px 0;
	position:absolute;
	left:0;
	bottom:0;
	text-align:center;
	color:#FFF;
	background:#51381d;
	opacity:0.8;
}


@media all and (max-width: 980px) {	
	#room {
	width: calc(100% - 10px);
	padding:0 5px;
	}
	
	#room h1 {
	font-weight: 500;
	font-size:22px;
	letter-spacing:0.1em;
	margin-bottom:25px;
	}

	#room h1::after {
	position:absolute;
	left:80px;
	right:80px;
	top:35px;
	}
	
	#room ul {
	margin-left:0;
	width:100%;
	display: -webkit-flex !important;
	display: flex !important;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
	#room ul li {
	float:none;
	width:200px;
	height:200px;
	background:transparent;
	}
}

@media all and (max-width: 451px) {
	#room ul li {
	max-width:145px;
	width:auto;
	height:auto;
	}	
	#room ul li a {
	max-width:100%;
	width:auto;
	height:auto;
	}
	#room ul li a img {
	max-width:100%;
	width:auto;
	max-height:100%;
	height:auto;
	}
}


/*--------------------------------------------------------------------------
   photogallery
---------------------------------------------------------------------------*/
#photogallery {
	width:980px;
	margin:0 auto;
}

/*アコーディオン****************************/
.accordionWrap {
	margin-bottom: 0.7em;
}
.accordion-ttl {
	background-color: rgba(255,255,255,0.5);
	padding:0 5px 5px 10px;
	margin-bottom: 0;
	cursor: pointer;
	font-weight:bold;
}
.accordion-ttl span.icon-plus {
	display: inline-block;
	background-color: #d1ad7d;
	border-radius:1px;
	-webkit-border-radius:1px;
	-moz-border-radius:1px;
	width: 20px;
	height: 20px;
	margin-right: 10px;
	position: relative;
	top: 5px;
	left: 0;
}
.accordion-ttl span.icon-plus::after {
	background-color: #fff;
	width: 10px;
	height: 2px;
	position: absolute;
	top:9px;
	left: 5px;
 	content:"";
}
.accordion-ttl span.icon-plus::before {
	background-color: #fff;
	width: 2px;
	height: 10px;
	position: absolute;
	top:5px;
	left:9px;
	content:"";
}
.accordion-ttl:hover {
	color:#ef7a00;
}
.accordion-active {
	background-color: rgba(255,255,255,0.5);	
}
.accordion-active span.icon-plus::before {
	background-color: transparent;
}
.accordion {
	display:none;
	background-color: rgba(255,255,255,0.5);
	padding:10px 10px 1px 10px;
}
.accordion ul.column5 li{
	float:left;
	width:182px;
	text-align: center;
	letter-spacing: 0;
	font-size: 12px;
	margin: 0 5px 0.3em 5px;
}
.accordion ul.column5 li img {
	margin-bottom:2px;
}
.accordion ul.column5 li::nth-child(5),
.accordion ul.column5 li::nth-child(10),
.accordion ul.column5 li::last-child {
	margin-right: 0;
}
.accordion ul.column5 li a {
	text-decoration: none;
	color:#000;
}

@media all and (max-width: 980px) {
	#photogallery {
		width: calc(100% - 10px);
		padding:0 5px;
	}
	.accordion-ttl:hover {
	color:#000;
	}
	.accordion ul.column5 {
		width: 100%;
	}
	.accordion ul.column5 li{
	width: calc(20% - 10px);
	font-size: 11px;
	margin: 0 5px 0.3em 5px;
	}
	.accordion ul.column5 li img {
		max-width: 100%;
		width: auto;
		height: auto;
	}
	.accordion ul.column5 li:nth-child(5n+1) {
  	clear: both;
	}
}
@media all and (max-width: 549px) {
	.accordion ul.column5 li{
		width: calc(33.3% - 10px);
		margin: 0 5px 0.3em 5px;
		font-size: 10px;
	}
	.accordion ul.column5 li:nth-child(5n+1) {
		clear: none;
	}
	.accordion ul.column5 li:nth-child(3n+1) {
  	clear: both;
	}
}
@media all and (max-width: 451px) {
	.accordion ul.column5 li{
		width: calc(50% - 10px);
		margin: 0 5px 0.3em 5px;
	}
	.accordion ul.column5 li:nth-child(3n+1) {
		clear: none;
	}
	.accordion ul.column5 li:nth-child(2n+1) {
  	clear: both;
	}
}


/*タブ切り替え****************************/

.tab li {
	width: calc(50% - 1px);
	text-align:center;
	float:left;
	margin-right:1px;
	margin-top: 10px;
	margin-bottom: 2em !important;
	
	
}
.tab li a,
.tab li a:hover {
	width: 100%;
	display: block;
	background:url(../../../../cmn/img/bg-grade-w.png) left top repeat-x #d3b58e;
	text-align: center;
	color:#FFF ;
	padding:15px 0;
	text-decoration: none;
	font-weight: bold;
}
.tab li a:hover {
	background:#d3b58e;
}

.tab li.select a{
	background: #b38e5d;
	background: url(../img/tab-bg.gif) left top #b38e5d;
}

.tabBox {
	display:none;
	margin-bottom:1em;
	clear: both;
}

#displayTab {
	display:block;
}


/*--------------------------------------------------------------------------
   footer
---------------------------------------------------------------------------*/

footer {
	width:100%;
	height:65px;
	background:#254f77;
}

#footerWrap {
	width:980px;
	margin:0 auto;
	display: -webkit-flex;
	display:flex;
	-webkit-flex-direction: row-reverse;
	flex-direction: row-reverse;
}

#footerWrap p {
	color:#FFF;
	text-align:center;
	margin-bottom:0;
	font-family: Verdana, arial, helvetica, sans-serif;	
}

#footerWrap p.pagetop a {
	display:block;
	width:90px;
	padding-top:25px;
	height:40px;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

#footerWrap p.pagetop a:link, #footerWrap p.pagetop a:visited {
	text-decoration:none;
	color:#FFF;
	background:#1b2c46;
}

#footerWrap p.pagetop a:hover {
	background:#5ea1c8;
}

#footerWrap p.copyright {
	-webkit-flex: 1;
	flex: 1;
	font-size:12px;
	letter-spacing:0;
	padding-top:25px;
}

@media all and (max-width: 980px) {
	#footerWrap {
	width:100%;
	}
	#footerWrap p.copyright {
	font-size:10px;
	padding-top:20px;
	}
	#footerWrap p.pagetop a:link, #footerWrap p.pagetop a:visited, #footerWrap p.pagetop a:hover {
	background:#1b2c46;
	}
}


/* ==========================================================================
   class
   ========================================================================== */
img.img675 {
	width: 100%;
	max-width: 675px;
}

.popupGallery a img,
.popupGallery02 a img,
.popupGallery03 a img {
	opacity:1.0;
	zoom:1;
	cursor:pointer;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.popupGallery a:hover img,
.popupGallery02 a:hover img,
.popupGallery03 a:hover img {
	opacity:0.7;
}

.youtube {
	width:640px;
	margin:35px auto 0 auto;
}
.column2 .l-block, .column2 .r-block {
	width: 480px;
	margin:0 auto 15px auto;
}
.column2 .l-block .youtube, .column2 .r-block .youtube {
	width: 100%;
	margin:0 auto 0 auto;
}

@media all and (max-width: 980px) {
	.popupGallery a:hover img,
	.popupGallery02 a:hover img,
	.popupGallery03 a:hover img {
	opacity:1.0;
	}
	ul.num {
		margin-left:5px;
	}
	.youtube {
	margin:0;
	width: 100%;
	padding-top: 56.25%;
	position: relative;
	}
	
	.youtube iframe {
	position: absolute;
	top: 0;
	right: 0;
	width: 100% !important;
	height: 100% !important;
	}
	.column2 {
		clear: both;
	}
	.column2 .l-block, .column2 .r-block {
		width: calc(100% - 20px);
		margin: 0 10px 10px 10px;
	}
	.column2 .l-block .youtube, .column2 .r-block .youtube {
		width: 100%;
		margin-bottom: 5px;
	}
	
}
/* ==========================================================================
   clear
   ========================================================================== */

.clear {
	clear:both;
}

.cf,
#room ul,
#photogallery .wBox {	
	min-height: 1%;
	}
	
.cf:after,
#room ul:after,
#photogallery .wBox:after {
	content: ".";
 	height: 0;
 	clear: both;
 	visibility: hidden;
	display: table;
	overflow:hidden;
	font-size:0.1em;
	line-height:0;
	}

/*\*/
* html .cf,
* html #room ul,
* html #photogallery .wBox { 
	height: 1%;
	}

.cf,
#room ul,
#photogallery .wBox { 
	display: block;
	zoom: 1;
	}