@charset "utf-8";
/* blanc_style.css */

.cf {
	width: 100%;
}
.cf:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
body {
	font-family: Meiryo, arial, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;
}
header#header {
	background-color: #000000;
	width: 100%;
	height: 150px;
}
header#header h1 {
	text-align: center;
	padding: 20px 0 30px 0;
	color: #CCCCCC;
	font-size: 74%;
}
header#header h2 {
	text-align: center;
}
header#header h1 a:hover {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
}	
nav#gNavi {
	width :100%;
	border-bottom: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
nav#gNavi ul {
	border-left: 1px solid #CCCCCC;
	width: 999px;
	margin: 0 auto;
}
nav#gNavi ul li {
	border-right: 1px solid #CCCCCC;
	float: left;
}
nav#gNavi ul li.gNavi00 a {
	display: none;
}
nav#gNavi ul li.gNavi01 a {
	display: block;
	width: 165px;
	background: url(../imgs/gnavi_01.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
nav#gNavi ul li.gNavi02 a {
	display: block;
	width: 165px;
	background: url(../imgs/gnavi_02.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
nav#gNavi ul li.gNavi03 a {
	display: block;
	width: 165px;
	background: url(../imgs/gnavi_03.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
nav#gNavi ul li.gNavi04 a {
	display: block;
	width: 165px;
	background: url(../imgs/gnavi_04.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
nav#gNavi ul li.gNavi05 a {
	display: block;
	width: 165px;
	background: url(../imgs/gnavi_05.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
nav#gNavi ul li.gNavi06 a {
	display: block;
	width: 165px;
	background: url(../imgs/gnavi_06.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
nav#gNavi ul li.gNavi01 a:hover,
nav#gNavi ul li.gNavi02 a:hover,
nav#gNavi ul li.gNavi03 a:hover,
nav#gNavi ul li.gNavi04 a:hover,
nav#gNavi ul li.gNavi05 a:hover,
nav#gNavi ul li.gNavi06 a:hover {
	background-position: right bottom;
}
nav#gNavi ul li.selected a {
	background-position: right bottom !important;
}
#index_h2 img {
	width: 100%;
}
#news {
	background: url(../imgs/news_bg.png) top left repeat;
	padding: 20px 0;
}
#news a,
#news a:visited {
	color: #333333;
}
#news a:hover {
	color: #999999;
}
dl#newsInner {
	width: 1000px;
	margin: 0 auto;
	background: url(../imgs/news_bg.png) top left repeat;
}
dl#newsInner dt.news_ttl {
	float: left;
	width: 110px;
	margin: 0 20px 0 0;
}
dl#newsInner dd.news_cont {
	float: left;
	width: 870px;
	padding: 25px 0 25px 0;
}
dl#newsInner dd.news_cont dl {
	margin: 0 0 15px 0;
}
dl#newsInner dd.news_cont dl.last {
	margin: 0;
}	
dl#newsInner dd.news_cont dl dt {
	float: left;
}
dl#newsInner dd.news_cont dl dd {
	float: left;
	width: 700px;
	margin: 0 0 0 10px;
}
#index_h3 {
	background: url(../imgs/index_gallery.jpg) top left repeat-x;
}
#index_h3_Inner {
	width: 1000px;
	margin: 0 auto;
	padding: 230px 0 0 0;
}
#index_h3_Inner .index_h3_R {
	float: right;
	width: 730px;
}
#index_h3_Inner .index_h3_R h3 {
	margin: 25px 0 40px 0;
}
#index_h3_Inner .index_h3_R p {
	line-height: 1.6;
	font-size: 115%;
}
#index_h3_Inner .index_h3_L {
	float: left;
	width: 245px;
	margin: 0 25px 0 0;
}
#index_copy {
	width: 100%;
	background: url(../imgs/index_copy_bg.gif) top left repeat;
	padding: 20px 0;
}
#index_copy ul {
	width: 1000px;
	margin: 0 auto;
}
#index_copy ul li {
	float: left;
	margin: 0 0 0 80px;
}
#googleMap {
	width: 100%;
	height: 350px;
}
#gotoTop {
	width: 100%;
	background-color: #CCCCCC;
	padding: 13px 0;
	text-align: center;
}
#gotoTop a {
	display: block;
}
#gotoTop a:hover {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
}
footer {
	background-color: #000000;
	padding: 20px 0;
	width: 100%;
}
#footerInner {
	width: 1000px;
	margin: 0 auto;
}
#footerContact {
	float: left;
	width: 235px;
	margin: 0 30px 0 0;
}
#footerContact p {
	margin: 0 0 15px 0;
}
#footerContact p.last {
	margin: 0;
}
#footerContact_tel {
	float: left;
	width: 177px;
	margin: 20px 0 0 0;
}
#copyright {
	color: #FFFFFF;
	font-size: 72%;
	float: right;
	text-align: right;
	width: 380px;
	margin: 25px 0 0 0;
}
#copyright a,
#copyright a:visited {
	color: #FFFFFF;
}
#copyright a:hover {
	color: #999999;
}

/* 下層ページ */

#page_mainImg img {
	width: 100%;
}
#pageTitle {
	width: 100%;
	background: url(../imgs/news_bg.png) top left repeat;
	padding: 40px 0;
}
h2 {
	text-align: center;
}
#equipment_h3 {
	width: 100%;
}
#roomplan_h3 {
	width: 100%;
	background: url(../imgs/roomplan_gallery.jpg) top left repeat-x;
}
#location_h3 {
	width: 100%;
	background: url(../imgs/location_gallery.jpg) top left repeat-x;
}
#access_h3 {
	width: 100%;
	background: url(../imgs/access_gallery.jpg) top left repeat-x;
}
#contact_h3 {
	width: 100%;
}
#thanks_h3 {
	width: 100%;
}
#roomplan_h3_Inner{
	width: 1000px;
	margin: 0 auto 80px auto;
	padding: 250px 0 0 0;
	text-align: center;
}
#equipment_h3_Inner{
	width: 1000px;
	margin: 0 auto 30px auto;
	padding: 50px 0 0 0;
	text-align: center;
}
#location_h3_Inner{
	width: 1000px;
	margin: 0 auto 80px auto;
	padding: 250px 0 0 0;
	text-align: center;
}
#access_h3_Inner {
	width: 1000px;
	margin: 0 auto 35px auto;
	padding: 250px 0 0 0;
	text-align: center;
}
#contact_h3_Inner {
	width: 1000px;
	margin: 0 auto 80px auto;
	padding: 30px 0 0 0;
	text-align: center;
}
#thanks_h3_Inner {
	width: 1000px;
	margin: 0 auto 80px auto;
	padding: 50px 0 0 0;
	text-align: center;
}
#roomplan_h3_Inner .read_txt,
#equipment_h3_Inner .read_txt,
#location_h3_Inner .read_txt,
#access_h3_Inner .read_txt,
#contact_h3_Inner .read_txt,
#thanks_h3_Inner .read_txt {
	margin: 30px 0 45px 0;
	line-height: 1.6;
	font-size: 115%;
}
#equipment_h3_Inner .equipment_pickBox {
	float: left;
	width: 290px;
	margin: 0 65px 50px 0;
}
#equipment_h3_Inner .equipment_pickBox_last {
	float: left;
	width: 290px;
	margin: 0;
}
#equipment_h3_Inner .equipment_pickBox table,
#equipment_h3_Inner .equipment_pickBox_last table {
	margin: 20px 0 0 0;
	width: 290px;
}
#equipment_h3_Inner .equipment_pickBox table th,
#equipment_h3_Inner .equipment_pickBox_last table th {
	padding: 0 0 20px 0;
}
#equipment_h3_Inner .equipment_pickBox table td,
#equipment_h3_Inner .equipment_pickBox_last table td {
	font-size: 93%;
	line-height: 1.3;
}
#roomplan_h3_Inner .roomplan_btn_txt {
	width: 383px;
	border: 1px solid #333333;
	margin: 0 auto;
	padding: 8px 10px;
}
#roomplan_h3_Inner ul.madori_btn {
	margin: 30px 0 50px 0;
}
#roomplan_h3_Inner ul.madori_btn li {
	float: left;
}
#roomplan_h3_Inner ul.madori_btn li a:hover {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
}
#roomplan_h3_Inner ul.madori_btn li.madori_typeA {
	margin: 0 0 0 25px;
}
#roomplan_h3_Inner ul.madori_btn li.madori_typeB,
#roomplan_h3_Inner ul.madori_btn li.madori_typeBdash,
#roomplan_h3_Inner ul.madori_btn li.madori_typeD {
	margin: 0 0 0 15px;
}
#roomplan_h3_Inner ul.madori_btn li.madori_typeC {
	margin: 0 0 0 265px;
}
#roomplan_pricelist {
	width: 100%;
	margin: 0 0 80px 0;
}
#roomplan_pricelist dt {
	background: url(../imgs/roomplan_pricelist_bg.gif) top left repeat;
	text-align: center;
	padding: 20px 0;
}
.pricelistTable {
	width: 900px;
	margin: 0 auto;
}
#roomplan_pricelist dd .pricelist_L {
	width: 	398px;
	border: 1px solid #333333;
	float: left;
	margin: 80px 0 0 0;
}
#roomplan_pricelist dd .pricelist_R {
	width: 	398px;
	border: 1px solid #333333;
	float: right;
}
#roomplan_pricelist dd table th {
	background-color: #F7F7F7;
	width: 74px;
	font-weight: bold;
	vertical-align: middle;
	color: #333333;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#roomplan_pricelist dd table td {
	font-size: 86%;
	border-bottom: 1px solid #333333;
}
#roomplan_pricelist dd table td.room_brown {
	background-color: #422100;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#roomplan_pricelist dd table td.room_gray {
	background-color: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
	padding: 6px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#roomplan_pricelist dd table td.room_ivory {
	background-color: #E4E0D3;
	color: #333333;
	font-weight: bold;
	padding: 6px;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#roomplan_pricelist dd table td.room_none {
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#roomplan_pricelist dd table td.entrance {
	vertical-align: middle;
}
#roomplan_pricelist dd table td.room_madori {
	padding: 6px 0;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
}
#roomplan_pricelist dd table td.room_price {
	font-weight: bold;
	padding: 6px 0;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	position: relative;
}
#roomplan_pricelist dd table td.room_price p {
	position: absolute;
	left: 25px;
	bottom: 6px;
}
#roomplan_pricelist dd table td.parking_price {
	font-weight: bold;
	padding: 6px 0;
	border-right: 1px solid #333333;
}
#roomplan_pricelist dd table td.parking_tax {
	padding: 6px 0;
	border-right: 1px solid #333333;
}
#roomplan_pricelist dd table.legend {
	width: 498px;
	height: 38px;
	margin: 50px auto 0 auto;
	border: 1px solid #333333;
	font-size: 86%;
}
#roomplan_pricelist dd table.legend td {
	vertical-align: middle;
}
#roomplan_pricelist dd table.legend td p {
	padding: 0 0 0 10px;
}
#roomplan_pricelist dd table.legend td.legend_txt {
	width: 200px;
	text-align: left;
        border: none;
}
#location_h3_Inner ul.pickImg li {
	width: 320px;
	float: left;
	margin: 0 20px 0 0;
}
#location_h3_Inner ul.pickImg li.last {
	margin: 0;
}	
#location_h3_Inner table {
	width: 480px;
	float: left;
}
#location_h3_Inner table.spotTable_L {
	margin: 0 40px 0 0;
}
#location_h3_Inner .spotTable {
	margin: 50px 0 0 0;
}
#location_h3_Inner table th {
	background-color: #000000;
	padding: 10px 15px;
	text-align: left;
}
#location_h3_Inner table td {
	border-bottom: 1px dotted #333333;
	padding: 10px 0;
	text-align: right;
}
#location_h3_Inner table td.spotName {
	text-align: left !important;
	font-weight: bold;
}
#access_h3_Inner .read_txt .notes_point {
	font-size: 72%;
	padding: 0 5px 0 0;
}
#access_h3_Inner .read_txt p.notes {
	margin: 15px 0 0 0;
	font-size: 86%;
}
#access_simulation {
	width: 100%;
	margin: 0 0 80px 0;
}
#access_simulation dt {
	background: url(../imgs/access_simulation_bg.gif) top left repeat;
	text-align: center;
	padding: 20px 0;
}
#roomplan_pricelist dd,
#access_simulation dd {
	text-align: center;
	font-size: 115%;
}
#roomplan_pricelist dd p.roomplan_pricelist_date,
#access_simulation dd p.access_simulation_date {
	margin: 30px 0;
}
#outline_cont {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0 0 0;
}
#outline_cont .outline_cont_L {
	float: left;
	width: 370px;
	margin: 0 60px 0 0;
}
#outline_cont .outline_cont_R {
	float: left;
	width: 570px;
	padding: 15px 0 0 0;
}
#outline_cont .outline_cont_R h3 {
	margin: 0 0 40px 0;
}
#outline_cont .outline_cont_R table {
	border-top: 1px dotted #333333;
	width: 570px;
	margin: 0 0 80px 0;
	line-height: 1.6;
}		
#outline_cont .outline_cont_R table tr {
	border-bottom: 1px dotted #333333;
}	
	
#outline_cont .outline_cont_R table th {
	background-color: #F0F0F0;
	color: #333333;
	font-weight: bold;
	width: 100px;
	padding: 18px 15px;
	text-align: left;
}
#outline_cont .outline_cont_R table td {
	padding: 18px 15px;
}
#outline_cont .outline_cont_R table td ul.bikou02 {
	margin: 20px 0 0 0;
}
#contact_h3_Inner table {
	text-align: left;
}
#contact_h3_Inner .contactForm_wrap {
	background-color: #F3F3F3;
	padding: 40px;
}
#contact_h3_Inner .contactForm {
	margin: 0 0 15px 0;
}
#contact_h3_Inner table.contact_L {
	float: left;
}
#contact_h3_Inner table.contact_R {
	float: right;
}
#contact_h3_Inner table th {
	font-weight: bold;
	padding: 0 0 12px 0;
	vertical-align: middle;
}
#contact_h3_Inner table th span {
	margin: 0 0 0 10px;
}
#contact_h3_Inner table td {
	padding: 0 0 25px 0;
}
#contact_h3_Inner table td input,
#contact_h3_Inner table td textarea {
	font-size: 129%;
	width: 420px;
}
#contact_h3_Inner table td textarea {
	height: 305px;
}



/* line 3, clingify.scss */
.js-clingify-ztransform, .js-clingify-wrapper {
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
}

/* Baseline selectors */
/* line 10, clingify.scss */
.js-clingify-wrapper {
  width: 100%;
}

/* line 14, clingify.scss */
.js-clingify-locked {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99999;
}

/* Advanced selectors */
.js-clingify-locked #gNavi {
	height: 100px;
	opacity: 0.9;
}
.js-clingify-locked #gNavi ul li {
	opacity: 1.0;
}
.js-clingify-locked #gNavi ul li.gNavi00 a {
	display: block;
	width: 200px;
	background: url(../imgs/gnavi_scrl_00.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
.js-clingify-locked #gNavi ul li.gNavi01 a {
	display: block;
	width: 132px;
	background: url(../imgs/gnavi_scrl_01.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
.js-clingify-locked #gNavi ul li.gNavi02 a {
	display: block;
	width: 132px;
	background: url(../imgs/gnavi_scrl_02.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
.js-clingify-locked #gNavi ul li.gNavi03 a {
	display: block;
	width: 132px;
	background: url(../imgs/gnavi_scrl_03.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
.js-clingify-locked #gNavi ul li.gNavi04 a {
	display: block;
	width: 132px;
	background: url(../imgs/gnavi_scrl_04.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
.js-clingify-locked #gNavi ul li.gNavi05 a {
	display: block;
	width: 132px;
	background: url(../imgs/gnavi_scrl_05.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}
.js-clingify-locked #gNavi ul li.gNavi06 a {
	display: block;
	width: 132px;
	background: url(../imgs/gnavi_scrl_06.jpg) top left;
	height: 100px;
	text-indent: -9999px;
}


/* leanModal */

#lean_overlay {
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#modal_kitchen,
#modal_bath,
#modal_toilet,
#modal_dresser,
#modal_storage,
#modal_security,
#modal_entrance,
#modal_public,
#modal_parking,
#modal_typeA,
#modal_typeB,
#modal_typeBdash,
#modal_typeC,
#modal_typeD {
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 500px;
}
.modal_gallery ul {
	width: 500px;
	margin: 0 auto;
}
.modal_gallery ul li {
	float: left;
	margin: 20px 15px 20px 0;
}
.modal_gallery ul li.last {
	float: left;
	margin: 20px 0;
}
modal_gallery .modal_close { 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  z-index: 2;
}