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

/* Suggested order:
 *
 * display
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * z-index
 *
 */

/* font-size:
 *
 * 10px - 72%
 * 11px - 79%
 * 12px - 86%
 * 13px - 93%
 * 14px - 100%
 * 15px - 108%
 * 16px - 115%
 *
 */

/* 基本設定 */

.cf {
	width: 100%;
}
.cf:after {
    content:".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0.1em;/*added for FF*/
}
body {
	background: url(../imgs/site_bg.png) top left repeat;
	font-family: Meiryo, arial, sans-serif;
	font-size: 14px;
	-webkit-text-size-adjust: none;
}

/* header */

#header {
	width: 100%;
	height: 80px;	
	background: url(../imgs/header_bg.gif) top left repeat-x #FFFFFF;
}
#header_inner {
	width: 1000px;
	margin: 0 auto;
	padding: 35px 0 0 0;
}
#header h1 {
	float: right;
	padding: 3px 0 0 0;
	color: #330000;	
	font-size: 79%;	
}
header#header h2 {
	float: left;
	width: 143px;
}
header#header h1 a:hover {
	opacity: 0.5;
	-moz-opacity: 0.5;
	-webkit-opacity: 0.5;
}	

/* gnavi */

#gNavi {
	width :100%;
	height: 80px;
	background-color:rgba(51,0,0,0.9);
}
#gNavi ul {
	width: 1000px;
	margin: 0 auto;
}
#gNavi ul li {
	float: left;
}

/* js-clingify */

.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);
}
.js-clingify-wrapper {
  width: 100%;
}
.js-clingify-locked {
  left: 0;
  position: fixed;
  top: 0;
  z-index: 99999;
}
.js-clingify-locked #gNavi {
	height: 80px;
	opacity: 0.99;
}

/* mainImg */

#mainImg {
	background: url(../imgs/mainImg_bg.png) top left repeat;
}
#mainImg p {
	text-align: center;
}

/* news */

#news {
	width: 940px;
	margin: 0 auto;
	padding: 30px;
	background-color: #FFFFFF;	
}
#news a,
#news a:visited {
	color: #330000;
}
#news a:hover {
	color: #999999;
}
dl#newsInner {
	width: 1000px;
	margin: 0 auto;
}
dl#newsInner dt.news_ttl {
	float: left;
	width: 160px;
}
dl#newsInner dd.news_cont {
	float: left;
	width: 780px;
}
dl#newsInner dd.news_cont dl {
	margin: 0 0 20px 0;
}
dl#newsInner dd.news_cont dl.last {
	margin: 0;
}	
dl#newsInner dd.news_cont dl dt {
	float: left;
	margin: 0 20px 0 0;
	padding: 5px;
	width: 90px;
	background-color: #FF9900;
	color: #FFFFFF;
	font-size: 86%;
	text-align: center;
}
dl#newsInner dd.news_cont dl dd {
	float: left;
	padding: 5px 0 0 0;
	width: 660px;
}


/* article-common */

.article {
	width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
}
.article h3 {
	text-align: center;
}
#equipment,
#roomplan,
#location,
#access,
#outline,
#contact {
	margin-top: -80px;
	padding-top: 80px;
}

/* equipment */

#equipment ul.equipment li {
	float: left;
	margin: 50px 35px 0 0;
	width: 310px;
}
#equipment ul.equipment li:last-child {
	float: right;
	margin: 50px 0 0 0;
	width: 310px;
}
#equipment ul.equipment p {
	width: 290px;
	border: 10px solid #FFFFFF;
}
#equipment ul.equipment dl dt {
	margin: 20px 0 0 0;
}
#equipment ul.equipment dl dd {
	margin: 20px 0 0 0;
	color: #330000;
	line-height: 1.6;
	text-align: center;
}
#modal_livingroom,
#modal_kitchen,
#modal_bath,
#modal_senmenjo,
#modal_toilet,
#modal_storage {
  width: 500px;
  background: none repeat scroll 0 0 #FFFFFF;
  border: 10px solid #FFCC00;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
}


/* roomplan */

.roomplanInner {
	background-color: #FFFFFF;
}
#roomplan_tab {
	width: 700px;
	margin: 50px auto 40px auto;
}
#roomplan_tab li {
	float: left;
	margin: 0 20px 0 0;
}
#roomplan_tab li:last-child {
	margin: 0;
}
#roomplan_tab li a {
	float: left;
	display: block;
	text-indent: -9999px;
}
#roomplan_tab li#frag1 a {
	width: 119px;
	height: 40px;
	background: url(../imgs/roomplan_tab01.jpg) left top;
}
#roomplan_tab li#frag2 a {
	width: 119px;
	height: 40px;
	background: url(../imgs/roomplan_tab02.jpg) left top;
}
#roomplan_tab li#frag3 a {
	width: 119px;
	height: 40px;
	background: url(../imgs/roomplan_tab03.jpg) left top;
}
#roomplan_tab li#frag4 a {
	width: 119px;
	height: 40px;
	background: url(../imgs/roomplan_tab04.jpg) left top;
}
#roomplan_tab li#frag5 a {
	width: 140px;
	height: 40px;
	background: url(../imgs/roomplan_tab05.jpg) left top;
}
#roomplan_tab li#frag1 a:hover,
#roomplan_tab li#frag2 a:hover,
#roomplan_tab li#frag3 a:hover,
#roomplan_tab li#frag4 a:hover,
#roomplan_tab li#frag5 a:hover {
	background-position: right bottom;
}

.flagment {
	text-align: center;
}
#roomplan .roomplan_txt {
	margin: 30px 0 0 0;
}
#fragment-1,
#fragment-2,
#fragment-3,
#fragment-4 {
	position: relative;
}
.room_101 {
	position: absolute;
	top: 80px;
	right: 350px;
	width: 106px;
}
.room_102 {
	position: absolute;
	bottom: 90px;
	right: 400px;
	width: 106px;
}
.room_201 {
	position: absolute;
	top: 25px;
	right: 350px;
	width: 106px;
}
.room_202 {
	position: absolute;
	bottom: 175px;
	right: 340px;
	width: 106px;
}
.room_203 {
	position: absolute;
	bottom: 90px;
	left: 380px;
	width: 106px;
}
.room_301 {
	position: absolute;
	top: 15px;
	right: 350px;
	width: 106px;
}
.room_302 {
	position: absolute;
	bottom: 190px;
	right: 340px;
	width: 106px;
}
.room_303 {
	position: absolute;
	bottom: 90px;
	left: 380px;
	width: 106px;
}
.room_401 {
	position: absolute;
	top: 15px;
	right: 350px;
	width: 106px;
}
.room_402 {
	position: absolute;
	bottom: 190px;
	right: 340px;
	width: 106px;
}
.room_403 {
	position: absolute;
	bottom: 90px;
	left: 380px;
	width: 106px;
}
#fragment-5 table {
	width: 600px;
	margin: 0 auto;
	border: 1px solid #330000;
	font-size: 115%;
}
#fragment-5 table td {
	vertical-align: middle;
}
#fragment-5 table td.floor {
	width: 80px;
	padding: 10px;
	background-color: #330000;
	color: #FFFFFF;
}
#fragment-5 table td.room_number {
	padding: 10px;
	border-right: 1px solid #330000;	
	border-bottom: 1px solid #330000;	
	background-color: #5B3232;
	color: #FFFFFF;
}
#fragment-5 table td.room_number_seiyaku {
	padding: 10px;
	border-right: 1px solid #330000;	
	border-bottom: 1px solid #330000;	
	background-color: #CCCCCC;
	color: #FFFFFF;
}	 
#fragment-5 table td.price {
	padding: 10px;
	border-right: 1px solid #330000;	
	border-bottom: 1px solid #330000;
}

/* ui-tabs */

@media projection, screen, print {
    .ui-tabs-hide {
        display: none;
    }
}
#ui-tab .ui-tabs-selected a {
    background-position: left bottom !important;
}

/* leanModal */

#lean_overlay {
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#modal_101,
#modal_102,
#modal_201,
#modal_202,
#modal_203,
#modal_301,
#modal_302,
#modal_303,
#modal_401,
#modal_402,
#modal_403 {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 10px solid #FFCC00;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
}
#modal_101 {
  width: 500px;
}
#modal_102 {
  width: 781px;
}
#modal_201 {
  width: 769px;
}
#modal_202 {
  width: 555px;
}
#modal_203 {
  width: 828px;
}
#modal_301,
#modal_401 {
  width: 677px;
}
#modal_302,
#modal_402 {
  width: 555px;
}
#modal_303,
#modal_403 {
  width: 828px;
}
.modal_gallery dl dt {
	margin: 0 0 25px 0;
	color: #330000;
	font-size: 129%;
	font-weight: bold;
	text-align: center;
}
.modal_gallery .modal_close {  
  margin: 20px 0 0 0;
  text-align: center;
}

/* location */

#location ul li {
	float: left;
	margin: 50px 0 0 0;
	width: 470px;
}
#location ul li:last-child {
	float: right;
	width: 470px;
}
#location p {
	width: 450px;
	border: 10px solid #FFFFFF;
}
#location dt {
	position: relative;
	top: -20px;
}
#location dd {
	color: #330000;
	font-size: 93%;
	text-align: center;
	line-height: 1.6;
}
p#location_btn {
	width: 320px;
	padding: 40px 0 0 0;
	border: none !important;
	margin: 0 auto;
}
#modal_areainfo {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 10px solid #FFCC00;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 60px 100px;
  width: 740px;
}
#modal_areainfo dl dt {
	margin: 0 auto 30px auto;
	color: #330000;
	font-weight: bold;
}
#modal_areainfo dl dd {
	text-align: left !important;
}
#modal_areainfo table {
	font-size: 115%;
}
#modal_areainfo table th {
	width: 230px;
}
#modal_areainfo table td {
	padding: 10px 0;
}
#lifeinfo_public {
	float: left;
}
#lifeinfo_public dt,
#lifeinfo_shop dt {
	margin: 0 !important;
}
#lifeinfo_shop {
	float: right;
}
#lifeinfo_public span {
	margin: 0 10px 0 0;
	padding: 3px 8px;
	background-color: #FF9900;
	color: #FFFFFF;
	text-align: center;
}
#lifeinfo_shop span {
	margin: 0 10px 0 0;
	padding: 3px 8px;
	background-color: #FFCC00;
	color: #FFFFFF;
	text-align: center;
}
#lifeinfo_shop .spot10 {
	margin: 0 10px 0 0;
	padding: 3px 4px;
	background-color: #FFCC00;
	color: #FFFFFF;
	text-align: center;
}
#modal_areainfo .modal_close {  
  margin: 30px auto 0 auto;
  width: 162px !important;
  border: none;
}


/* access */

.accessInner {
	background-color: #FFFFFF;
}
#access ul.access01 li {
	float: left;
	margin: 50px 0 0 0;
	width: 480px;
}
#access ul.access01 li:last-child {
	float: right;
	width: 480px;
}
#access ul.access01 p {
	width: 460px;
	border: 10px solid #F3F3F3;
}
#access ul.access01 dt {
	margin: 10px 0 0 0;
}
#access ul.access01 dd {
	margin: 20px 0 0 0;
	color: #330000;
	line-height: 1.6;
	text-align: center;
}
#access ul.access02 li {
	float: left;
	margin: 50px 35px 0 0;
	width: 310px;
}
#access ul.access02 li:last-child {
	float: right;
	margin: 50px 0 0 0;
	width: 310px;
}
#access ul.access02 p {
	width: 290px;
	border: 10px solid #F3F3F3;
}
#access ul.access02 dl dt {
	margin: 10px 0 0 0;
}
#access ul.access02 dl dd {
	margin: 20px 0 0 0;
	color: #330000;
	line-height: 1.6;
	text-align: center;
}

/* bx-slider */

.bx-wrapper {
	position: relative;
	margin: 0 auto 40px;
	padding: 0;
	*zoom: 1;
}

.bx-wrapper img {
	max-width: 100%;
	display: block;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	position: relative;
	margin: 10px 5px 5px 5px;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -25px;
	width: 200px;
	margin: 0 5px;
}

/* PAGER */

.bx-wrapper .bx-pager {
	width: 1000px;
	text-align: center;
	font-size: .85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding-top: 20px;
}

.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: #CCCCCC;
	text-indent: -9999px;
	display: block;
	width: 12px;
	height: 12px;
	margin: 0 10px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}

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

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-controls-direction a {
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}
.bx-prev {
	display: block;
	position: absolute;
	top: 150px;
	left: -80px;
	width: 31px;
	height: 91px;
	background: url(../imgs/prev_icon.png) top left no-repeat;
	text-indent: -9999px;
}
.bx-next {
	display: block;
	position: absolute;
	top: 150px;
	right: -80px;	
	width: 31px;
	height: 91px;
	background: url(../imgs/next_icon.png) top left no-repeat;
	text-indent: -9999px;
}
.bx-prev:hover,
.bx-next:hover {
	opacity: 0.3;
}


/* outline */

#outline section {
	float: left;
	margin: 50px 0;
	font-size: 100%;
}
#outline section h4 {
	margin: 0 0 20px 0;
	color: #330000;
	font-size: 143%;
	font-weight: bold;
	text-align: center;
}
#outline section:last-child {
	float: right;
}
#outline section table {
	width: 480px;
	border: 1px solid #330000;
}
#outline section th {
	padding: 10px;
	background-color: #330000;
	color: #FFFFFF;
}
#outline section td {
	padding: 15px 12px;
	background-color: #FFFFFF;
	border-bottom: 1px solid #330000;
	line-height: 1.6;
}
#outline #googleMap {
	width: 980px;
	height: 350px;
	border: 10px solid #FFFFFF;
}

/* contact */

.contactInner {
	background-color: #FFFFFF;
}
#contact .contact_txt {
	margin: 40px 0 0 0;
	font-size: 100%;
	text-align: center;
	line-height: 1.6;
}
#mailform {
    width: 740px;	
	background-color: #FAF5ED;
	margin: 40px auto 0 auto;
	padding: 30px;
}
#contact table th {
	width: 250px;
	color: #330000;
	font-weight: bold;
	vertical-align: middle;
}
#contact table th span {
	margin: 0 0 0 10px;
}
#contact table td {
	padding: 10px;
}
#contact table td input,
#contact table td textarea {
	font-size: 129%;
	width: 450px;
}
#contact table td textarea {
	height: 255px;
}
#submit_btn {
	margin: 30px 0 0 0;
	text-align: center;
}
#googleMap {
	width: 100%;
	height: 350px;
}
#gotoTop {
	width: 100%;
	border-top: 1px solid #FCFCFC;	
	background-color: #330000;
	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: url(../imgs/header_bg.gif) top left repeat-x #FFFFFF;
	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;
}
#footerCenter {
	float: left;
	width: 300px;
	margin: 10px 0 0 0;
}
#company_add {
	margin: 10px 0 0 0;
	color: #330000;
	font-size: 86%;
}
#copyright {
	color: #330000;
	font-size: 72%;
	float: right;
	text-align: right;
	width: 380px;
	margin: 25px 0 0 0;
}
#copyright a,
#copyright a:visited {
	color: #330000;
}
#copyright a:hover {
	color: #999999;
}


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