﻿*{ 		margin : 0 ; 
		padding : 0 ; 
		font-size : small ; 
		font-family : arial,sans-serif ; 
}


.notice {
		margin : 16px ; 
}


.ope  {
		border-bottom-style : dashed ; 
		border-bottom-width : 1px ; 
}


.reg {
		border-bottom : 1px solid #999999 ; 
}


.content {
		margin-left : auto ; 
		margin-right : auto ; 
		padding-bottom : 32px ; 
		width : 1100px ; 
		background : white ; 
}


.date {
		float : right ; 
		padding : 16px ; 
}



footer div.content {
		background : navy ; 
}


img#logo {
		height : 45px ; 
}

img.icon {
		height : 42px ; 
}


h1 {		
		float : left ; 
}

h1 a small {
		color : black ; 
		font-size : 16px ; 
}

h2 {		padding-top : 64px ; 
		padding-bottom : 32px ; 
		font-size : x-large ; 
		text-align : center ; 
}


h3 {		
		font-size : large ; 
		padding-top : 64px ; 
		padding-bottom : 32px ; 
		padding-left : 8px ; 
}


h4 {
		padding-top : 16px ; 
		padding-left : 16px ; 
		font-size : 14px ; 
}



.menu li a {
		display : inline ;
		float : left ; 
		padding-top : 11px ; 
		padding-bottom : 11px ; 
		padding-left : 8px ; 
		padding-right : 8px ; 
		font-weight : normal ; 
		font-size : small ; 
		color : black ; 
		border-left : solid 1px #cccccc ; 
}



.clearfix::after {
   		content: "" ;
   		display : block ;
   		clear : both ;
}



footer {	
		background-color : navy ; 
		color : white ; 
		padding-top : 64px ; 
		padding-bottom : 48px ; 
		clear : both ;
}



table {		border : 1px solid #999999 ; 
		border-collapse : collapse ; 
		padding : 0px ; 
		background-color : white ; 
		width : 100% ; 
}


th {		padding : 8px ; 
		border : 1px solid #999999 ; 
		background-color : #EAECF2 ; 
}


td {		padding : 8px ; 
		border-right : 1px solid #999999 ; 
		border-left : 1px solid #999999 ; 
}

.corner { 
		background-color : #C7CDDD ; 
}


.iframe-wrap {
		position : relative ; 
		width : 100% ; 
		height : 250px ; 
		padding-top : 100% ; 
		margin-left : auto ; 
		margin-right : auto ; 
}


.iframe-wrap iframe {
		position : absolute ; 
		top : 0 ; 
		left : 0 ; 
		width : 100% ; 
		height : 100% ; 
}		


.side		{
		text-align : center ; 
}

.description {	

		text-align : center ; 
}
.unit {		
		width : 50px ; 
		text-align : center ; 
}
.price {	
		min-width : 70px ; 
		text-align : center ; 
}


.double {
		height : 600px ; 
		padding-bottom : 128px ; 
		margin-left : 16px ; 
}

.example {
		padding-top : 64px ; 
		width : 50% ; 
		float : left ; 
}

.example2 {
		padding-top : 64px ; 
		width : 50% ; 
		float : left ; 

}

.pdf {
		padding-bottom : 64px ; 
}


.room {
		padding-bottom : 16px ; 
}




.floor {
		text-align : center ; 
}





a { 		text-decoration : none ; }




ul {		list-style : none ; }


ul.fNav {	padding-bottom : 16px ; 
		width : 750px ; }


ol { 		list-style-position : outside ; 
		margin-left : 32px ; 
		margin-bottom : 64px ; 
}



ol li {		padding-left : 8px ; 
		padding-bottom : 16px ; 
}



dl {
		margin-left : 16px ; 
		marign-right : 16px ; 
		margin-bottom : 64px ; 
		padding-top : 16px ; 
}


dt {
		margin-top : 16px ; 
		margin-right : 16px ; 
		font-weight : bold ; 
}


dd {
		margin-left : 8px ; 
		margin-right : 16px ; 
}


#service {
		float : left ; 
		line-height : 4 ; 
}

.service {
		font-size : medium ; 
		color : black ; 
}


#footerNav {	float : left ; }


.fNav li {	padding-bottom : 8px ; }


.fNav li a {	color : white ; 
		font-size : medium ; }

.fNav li a:hover {	
		color : navy ; 
}

.iNav li a {	color : white ; 
		float : right ; 
}


.sub {		padding-left : 12px ; 
		padding-bottom : 24px ; 
}





#add a {	color : white ; 
		font-size : x-small ; 
}


#orange {	width : 50px ; 
		padding-right : 16px ; 
		padding-bottom : 4px ; 
		vertical-align : middle ; 
}


#mainNav li a:hover {
		background-color : #ffffcc ; 
}


#info li {	float : right ; 
		padding-left : 4px ; 
		padding-right : 4px ; 
}
	
#mainArea {	clear : both ; 
		height : 1000px ; 
		background-image : url("../img/img_2364.jpg") ; 
		background-size : cover ; 
		background-repeat : no-repeat ; 
		background-attachment : fixed ; 
		background-position : 0px 0px ; 
}


#mainArea a {
		position: absolute ; 
		font-size : large ; 
		font-weight : bold ; 
		color : orange ; 
		background-color : white ; 
		padding : 16px ; 
  		top : 25% ; 
  		left : 50% ; 
  		-ms-transform : translate(-50%,-50%) ; 
  		-webkit-transform : translate(-50%,-50%) ; 
  		transform : translate(-50%,-50%) ; 
}


#mainArea_sub {	clear : both ; 
		background-image : url("../img/img_2364_2.jpg") ; 
		background-size : cover ; 
		background-repeat : no-repeat ; 
		background-attachment : fixed ; 
		background-position : 0px 0px ; 
}


#fLogo {	float : right ; 
		margin-bottom : -8px ; 
}
#mark {	display : table-cell ;
		vertical-align : bottom ; 
		width : 255px ; 
		height : 350px ; 
		font-size : x-small ; 
}
#bottom {	background-color : darkorange ; 
		clear : both ; 
}		
#copyright {	font-size : x-small ; 
		color : white ; 
		margin-left : auto ; 
		margin-right : auto ; 
		width : 1100px ; 
}


img#main {
		display : none ; 
}


img.qr {
		padding-bottom : 64px ; 
}






input {
		display : none ; 
}