*{ 		margin : 0 ; 
		padding : 0 ; 
		font-size : small ; 
		font-family : arial,sans-serif ; 
}


.ope  {
		border-bottom-style : dashed ; 
		border-bottom-width : 1px ; 
}


.reg {
		border-bottom : 1px solid #999999 ; 
}


img#logo {
		height : 40px ; 
}


img#main {
		width : 100% ; 
		display : block ; 
}


h1 {		
		padding-left : 16px ; 
		float : left ; 
}



h2 {
		padding-top : 16px ; 
		padding-bottom : 16px ; 
		padding-left : 16px ; 
		background-color : navy ; 
		color : white ; 
		font-size : large ; 
}



h3 {
		padding-top : 64px ; 
		padding-left : 16px ; 
		font-size : large ; 
}


h4 {		
		padding-top : 16px ; 
		padding-left : 16px ; 
		font-size : 14px ; 
}


footer {	
		background-color : navy ; 
		color : white ; 
		padding-top : 32px ; 
		padding-left : 8px ; 
}




a { 		
		text-decoration : none ; 
}





li {
		padding-bottom : 16px ; 
}

li a {
		color : black ; 
		font-weight : normal ; 
}
		


table {		border : 1px solid #666666 ; 
		margin-left : 16px ; 
		margin-right : 16px ; 
		margin-bottom : 32px ; 
		border-collapse : collapse ; 
}


th {		padding : 8px ; 
		border : 1px solid #666666 ; 
		background-color : #EAECF2 ; 
}


td {		padding : 8px ; 
		border-right : 1px solid #666666 ; 
		border-left : 1px solid #666666 ; 
}


.corner { 
		background-color : #C7CDDD ; 
}


.iframe-wrap {
		position : relative ; 
		width : 100% ; 
		height : 0 ; 
		padding-top : 240% ; 
		padding-bottom : 300px ; 
		margin-left : auto ; 
		margin-right : auto ; 
}


.iframe-wrap iframe {
		position : absolute ; 
		top : 0 ; 
		left : 0 ; 
		width : 100% ; 
		height : 100% ; 
}


.date {
		float : right ; 
		padding : 16px ; 
}		


.side		{
		text-align : center ; 
}

.description {	
		text-align : center ; 
}
.unit {		width : 50px ; 
		text-align : center ; 
}
.price {	width : 60px ; 
		text-align : center ; 
}


.pdf {
		padding-bottom : 64px ; 
}

.notice {			
		margin-left : 16px ; 
		margin-right : 16px ; 
		margin-bottom : 32px ; 
}


.room {			
		margin-left : 16px ; 
		margin-right : 16px ; 
		margin-bottom : 32px ; 
}





.floor {
		text-align : center ; 
}



img.layout {
		max-width : 510px ; 
		width : 100% ; 
}


#orange {	width : 50px ; 
		padding-right : 16px ; 
		padding-bottom : 4px ; 
		vertical-align : middle ; 
}


#info li {	float : left ; 
		padding : 16px ; 
	
}


#service {
		float : left ; 
		line-height : 4 ; 
}

.service {
		font-size : xx-small ; 
		color : black ; 
}


img.icon {	height : 42px ;}


#mainNav {	display :  ; 
		padding : 16px ; 
}


#mainArea {	
		clear : both ; 
}


#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%) ; 
}



.clear {	
		clear : both ; 
}


.fNav li a {
		color : white ; 
		padding-bottom : 4px ; 
		font-size : medium ; }


#footerNav {	
		padding-left : 16px ; }
}


#bottom {	background-color : darkorange ; 
}


div#add {
		padding : 16px ; 
}


#add a {	color : white ; 
		font-size : x-small ; 
}


#fLogo {	padding-bottom : 16px ; }


p#copyright {	font-size : x-small ; 
		color : white ; 
		margin-left : 16px ; 
}

#mark {		display : table-cell ; 
		vertical-align : bottom ; 
		width : 255px ; 
		height : 120px ; 
		font-size : x-small ; 
}


p.sub {
		margin-top : 16px ; 
		margin-bottom : 64px ; 
		margin-right : 16px ; 
}


ol {
		margin-left : 32px ; 
		margin-right : 16px ; 
		margin-bottom : 64px ; 
}


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 ; 
}


ul {		list-style : none ; }


ul.menu li a {
		font-size : large ; 
}


ul.fNav {	padding-bottom : 16px ; 
		padding-top : 0px ; 
}



.sub {	padding-left : 16px ; 
		padding-right : 16px ; 
}


#bottom {
		background-color : darkorange ; 
}


img.qr {
		padding-top : 16px ; 
		padding-bottom : 64px ; 
		padding-left : 16px ; 
}





.double {
		margin-bottom : 128px ; 
}




#nav-drawer {
  position: relative;
  float : right ; 
  padding-top : 16px ; 
  padding-right : 16px ; 
  padding-bottom : 16px ; 
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
  display: inline-block;
  width: 30px;
  height: 22px;
  vertical-align: middle;
}

/*ハンバーガーアイコンをCSSだけで表現*/
#nav-open span, #nav-open span:before, #nav-open span:after {
  position: absolute;
  height: 3px;/*線の太さ*/
  width: 24px;/*長さ*/
  border-radius: 3px;
  background: #555;
  display: block;
  content: '';
  cursor: pointer;
}
#nav-open span:before {
  bottom: -8px;
}
#nav-open span:after {
  bottom: -16px;
}

/*閉じる用の薄黒カバー*/
#nav-close {
  display: none;/*はじめは隠しておく*/
  position: fixed;
  z-index: 99;
  top: 0;/*全体に広がるように*/
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0;
  transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
  overflow: auto;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;/*最前面に*/
  width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
  max-width: 330px;/*最大幅（調整してください）*/
  height: 100%;
  background: #fff;/*背景色*/
  transition: .3s ease-in-out;/*滑らかに表示*/
  -webkit-transform: translateX(-105%);
  transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
  display: block;/*カバーを表示*/
  opacity: .5;
}

#nav-input:checked ~ #nav-content {
  -webkit-transform: translateX(0%);
  transform: translateX(0%);/*中身を表示（右へスライド）*/
  box-shadow: 6px 0 25px rgba(0,0,0,.15);
}