@charset "UTF-8";
/* 2011-08-29T06:40:55+09:00 */

/* Override */
body,
h1, h2, h3, h4, h5, h6,
p, dl, dt, dd, ul, ol, li, form, pre, blockquote{
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6{
    font-weight: normal;
    font-size: 100%;
}
ul{
    list-style: none;
}
table{
    border-collapse: collapse;
    empty-cells: show;
}
th{
    text-align: left;
}
form img{
    vertical-align: middle;
}
input.button{
    border: none;
    cursor: pointer;
    background-color: transparent;
}
em{
    font-style: normal;
}
a{
    text-decoration: none;
    color: #000;
}
a:hover{
    text-decoration: underline;
}
a img{
    border: none;
}
html,
body{
	background: #fff url("/images/bg_body.gif") repeat-x;
    behavior: url("/js/csshover.htc");
}
html{
    background-color: #fff;
    background-position: 0 0;
}
body{
    min-width: 960px;
    background-position: left bottom;
    font-size: 75%;
    color: #000;
}

/* ------------------------------------------- */
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.mb10{ margin-bottom: 10px; }
.mb15{ margin-bottom: 15px; }
.mb1em{ margin-bottom: 1em; }
.mb2em{ margin-bottom: 2em; }
.mt10{ margin-top: 10px; }
.mt35{margin-top: 35px; }
.ml05{ margin-left: 5px; }
.ml15{ margin-left: 15px; }

/* ------------------------------------------- */
/* Clearfix */
.clear,
div#container,
ul#gNav,
ul.banner,
ul.outSide,
ul.icon,
ul.thumb,
ul#tab,
div.line,
div.set,
div#main div.boxInner,
div.textSet,
div.roomPic ul,
div.propertySet,
div.roomSet,
div.roomDoc,
#news,
ul#pagination,
div#footer{
    height: 100%;
}
.clear:after,
div#container:after,
ul#gNav:after,
div#sNav ul:after,
ul.banner:after,
ul.outSide:after,
ul.icon:after,
ul.thumb:after,
ul#tab,
div.line:after,
div.set:after,
div#main div.boxInner:after,
div.textSet:after,
div.roomPic ul:after,
div.propertySet:after,
div.propertyDoc dl:after,
div.roomSet:after,
div.roomDoc:after,
#news:after,
ul#pagination:after,
div#footer:after,
div#util div.btnRentalPlan:after,
div#util div.btnPhotoGallery:after,
div#util div.btnOfficeLocation:after,
div#util div.btnNewsletter:after,
div#util div.btnMyList:after,
div#util div.outSide:after
{
    display: block;
    height: 0;
    clear: both;
    content: "";
}

/* CSS Sprites */
div#header #logo a,
div#header div#language p a,
div#header p#inquiry a,
div.roomId h3 span.roomType,
#news span.iconBrandNew,
#news span.iconRenewal,
#news span.iconEvent,
#news span.iconCampaign,
#news span.iconNew,
#news span.iconUpdate,
p#pageTop a,
div#search h2,
div#search h3,
btn-reservation a,
.btn input.button,
.btn-reservation a,
div#util ul.outSide a,
div#util div.box h2,
div#util div.partners a,
div#util div.roomType a,
ul.icon li,
span.arrow,
ul#tab a,
div.roomPic h3 span.roomType,
.dropdown dt,
div#util div.outSide p.facebook a,
div#util div.outSide p.twitter a,
div#util div.btnRentalPlan a,
div#util div.btnPhotoGallery a,
div#util div.btnOfficeLocation a,
div#util div.btnNewsletter a,
div#util div.btnMyList a,
div#util div.outSide p.staffBlog a
{
    display: block;
    background-repeat: no-repeat;
    text-indent: -999999px;
}
div#header .headerInner,
p.more a,
div#main p.pageTop a,
div#search form,
div#search dd a,
div.roomId h4 span.arrow,
div#search p.btn.reservation,
div#footerInner,
div#footer li a,
ul.icon li,
.titleH1,
div#util div.outSide p.facebook a,
div#util div.outSide p.twitter a
{
    background: url("/images/bg.png");
}

div#header .headerInner{
	background: url("/images/bg_head.png") no-repeat 279px 5px;
}


/* IE pngfix */
div#search form,
div#search p.btn.reservation,
div#search h2,
div#search h3{
    behavior: url("/js/iepngfix.htc");
}

div#search h2{
	background-position: 0 -81px;
	width: 250px ;
	height: 32px ;
}

/* Pic */
.banner li,
.thumb li,
div#footer li,
div#util ul.outSide li,
ul#tab li{
    display: inline;
}
.banner img,
.thumb img,
.pic img{
    display: block;
}

/* Description */
div#leadDesc,
p.desc{
    line-height: 1.5;
}

/* More */
p.more{
    _height: 11px;
    clear: both;
    text-align: right;
    line-height: 1;
}
p.more a{
    display: inline-block;
    min-height: 13px;
    padding-left: 19px;
    _padding-bottom: 5px;
}

/* Layout */
div#header .headerInner,
div#container,
div#footerInner{
    width: 960px;
    margin: 0 auto;
}
div#container{
    background: url("/images/bg_side.gif") repeat-y 0 0;
}
div#main{
    width: 670px;
    float: right;
}
div#content{
    width: 640px;
    margin: 0 auto;
}
div#util{
    width: 250px;
    float: left;
}

div#util div#search h2{
	margin-top: 85px;
}

/* ------------------------------------------- */
/* ------------------------------------------- */
/* Header */
div#header{
	width: 100%;
    position: fixed;
    height: 85px;
	background: #fff url("/images/bg_body.gif") repeat-x;
	z-index: 10;
}
div#header div.headerInner{
	position: relative;
}
div#header #logo{
    padding-top: 23px;
}
div#header #logo a{
    width: 307px;
    height: 50px;
    background-position: -691px -321px;
}
div#header p.header_text{
    position: absolute;
    top: 76px;
    left: 52px;
    line-height: 1;
    font-size: 85%;
    color: #666;
}
div#header p.data{
    position: absolute;
    top: 57px;
    left: 48px;
    line-height: 1;
    font-size: 9px;
	-webkit-transform: scale(0.9);
	display: inline-block;
    -webkit-margin-start: -10px;
    color: #666;
}

/* Header > Language */
div#header div#language p a{
    position: absolute;
    top: 5px;
    right: 0;
    width: 125px;
    height: 23px;
    background-position: -108px -259px;
}

/* Header > Inquiry */
div#header p#inquiry a{
    position: absolute;
    top: 50px;
    right: 0;
    width: 125px;
    height: 28px;
    background-position: -812px -523px;
}
div#header p#inquiry a:hover{
    background-position: -812px -554px;
}

ul#gNav{
    position: absolute;
    top: 45px;
	right: 0;
    height: 20px;
}
ul#gNav li{
    height: 20px;
	text-align: right;
	display: inline-block;
	font-size: 18px;
	letter-spacing: 0.2px;
	text-shadow: 
	0 2px 0 #fff,
	2px 0 0 #fff,
	0 -2px 0 #fff,
	-2px 0 0 #fff,
	-2px -2px 0 #fff,
	2px -2px 0 #fff,
	-2px 2px 0 #fff,
	2px 2px 0 #fff;
}
ul#gNav li a{
	color: #000;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
ul#gNav li a:hover{
	color: #df3f72;
	text-decoration: none;
}

/* ------------------------------------------- */
/* Main */

/* TopicPath */
p#topicPath{
    margin: 5px 0 18px;
    line-height: 1.5;
}
p#topicPath span.separater{
    margin: 0 0.5em;
}

/* Title */
.titleH1{
    min-height: 27px;
    _height: 27px;
    margin-bottom: 27px;
    padding-left: 30px;
    background-position: -1219px -114px;
    line-height: 1.1;
    font-size: 230%;
}
.titleH2,
.titleH3,
.titleH4,
.titleH1Form,
.titleH2Form{
    clear: both;
    line-height: 1.3;
}
.titleH2,
.titleH3,
.titleH4,
.titleH1Form{
    margin-bottom: 20px;
}
.titleH2,
.titleH1Form{
    padding: 2px 10px 5px;
    font-size: 170%;
    color: #fff;
}
.titleH3{
    padding: 1px 10px 4px;
    font-size: 160%;
    color: #fff;
}
.titleH4,
.titleH2Form{
    padding: 0 0 5px 10px;
    background: no-repeat left bottom;
    font-weight: bold;
    font-size: 140%;
}

/* Text */
div.textSet{
    margin: 0 10px 25px;
}
div.docSet p{
    margin-bottom: 1em;
    line-height: 1.5;
}

/* Pic */
div.docSet div.pic.right{
    float: right;
    margin: 0 0 10px 20px;
}
div.docSet div.pic.left{
    float: left;
    margin: 0 20px 10px 0;
}
div.docSet div.pic.center img{
    margin: 0 auto 20px;
}
div.docSet div.pic span.caption{
    display: block;
    margin-top: 10px;
    line-height: 1.3;
}

/* Table */
div.docSet table{
    margin-bottom: 30px;
    width: 100%;
}
div.docSet th,
div.docSet td{
    padding: 5px 10px;
    border: solid 1px #ccc;
    line-height: 1.5;
}
div.docSet thead th{
    background-color: #999;
    color: #fff;
}

/* Box */
div#main div.box{
    padding: 5px;
    background: url("/images/bg_checked_gray_01.gif");
}
div#main div.boxInner{
    padding: 25px 25px 0.1px;
    background-color: #fff;
}

/* Room Number */
span.roomNumber{
    display: block;
    text-align: center;
    font-weight: bold;
    color: #fff;
}

/* 1.0 Search, 6.0 My List */
div.propertySet div.pic{
    width: 200px;
    float: left;
}

div.propertyDoc{
    min-height: 140px;
    _height: 140px;
    float: right;
    padding-bottom: 10px;
    background-color: #f4f4f4;
    -moz-border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
}
div.propertyDoc h2{
    margin-bottom: 15px;
    padding: 5px 15px;
    background-color: #666;
    -moz-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
    font-weight: bold;
    font-size: 180%;
    color: #fff;
}
div.propertyDoc h2 a{
    color: #fff;
}
div.propertyDoc dl{
    margin: 0 15px;
    line-height: 1.3;
}
div.propertyDoc dt,
div.propertyDoc dd{
    margin-bottom: 0.5em;
}
div.propertyDoc dt{
    width: 60px;
    float: left;
    clear: both;
    font-weight: bold;
}
div.propertyDoc dd{
    float: left;
    padding-left: 1em;
    text-indent: -1em;
}
div.propertyDoc dd span.separater{
    margin-right: 0.5em;
    font-weight: bold;
}

div.roomSet{
    margin-top: 10px;
    padding-top: 10px;
    border-top: dotted 1px #ccc;
}
div.roomId{
    width: 200px;
    float: left;
    margin-right: 10px;
}
div.roomId h3{
    width: 200px;
    height: 28px;
    margin-bottom: 5px;
}
div.roomId h3 a{
    display: block;
    width: 200px;
    height: 28px;
    cursor: pointer;
}
div.roomId h3 span.roomNumber{
    width: 100px;
    height: 28px;
    float: left;
    line-height: 28px;
    font-size: 150%;
}
div.roomId h3.typeShare{ background-position: -303px -648px; }
div.roomId h3.typeApartment{ background-position: -303px -679px; }
div.roomId h3.typeDormitory{ background-position: -303px -710px; }
div.roomId h4{
    text-align: right;
    line-height: 1;
    font-weight: bold;
    font-size: 150%;
    color: #836552;
}
div.roomId h4 del{
    font-weight: normal;
    font-size: 80%;
}
div.roomId h4 em{
    color: #f00;
}
div.roomId h4 span.arrow{
    display: inline-block;
    width: 16px;
    height: 14px;
    margin: 0 5px;
    background-position: -927px -394px;
    text-align: left;
}
*+html body div.roomId h4 span.arrow{
    background-position: -927px -398px;
}

div.roomSet div.pic{
    width: 75px;
    float: left;
}
div.roomDoc{
    float: right;
}
div.roomDoc h5{
    margin-bottom: 0.4em;
    line-height: 1.3;
    font-weight: bold;
    color: #d73661;
}
div.roomDoc h5 em{
	color: #333;
}
div.roomDoc p{
    margin-bottom: 0.2em;
}
div.roomDoc p.btn,
div.roomDoc p.btn a{
    width: 100px;
    height: 22px;
}
div.roomDoc p.btn{
    float: right;
}
div.roomDoc p.btn a{
    background-position: -715px -259px;
}

/* icon */
ul.icon li{
    width: 30px;
    height: 30px;
    float: left;
    margin: 0 5px 5px 0;
}
ul.icon li.iconForWomen{ background-position: -858px -351px; }
ul.icon li.iconForMen{ background-position: -891px -351px; }

ul.iconRoom li.iconRenewal{ background-position: 0 -384px; }
ul.iconRoom li.iconNewOpen{ background-position: -33px -384px; }
ul.iconRoom li.iconShower{ background-position: -66px -384px; }
ul.iconRoom li.iconShowerBath{ background-position: -99px -384px; }
ul.iconRoom li.iconToilet{ background-position: -132px -384px; }
ul.iconRoom li.iconLaundryPay{ background-position: -165px -384px; }
ul.iconRoom li.iconLaundryFree{ background-position: -198px -384px; }
ul.iconRoom li.iconTV{ background-position: -230px -384px; }
ul.iconRoom li.iconCATV{ background-position: -264px -384px; }
ul.iconRoom li.iconKitchen{ background-position: -297px -384px; }
ul.iconRoom li.iconFreezer{ background-position: -330px -384px; }
ul.iconRoom li.iconOven{ background-position: -363px -384px; }
ul.iconRoom li.iconAircon{ background-position: -396px -384px; }
ul.iconRoom li.iconSemiDouble{ background-position: -429px -384px; }
ul.iconRoom li.iconDouble{ background-position: -462px -384px; }
ul.iconRoom li.iconLoft{ background-position: -495px -384px; }
ul.iconRoom li.iconTatami{ background-position: -528px -384px; }
ul.iconRoom li.iconBalcony{ background-position: -560px -384px; }
ul.iconRoom li.iconOnePerson{ background-position: -594px -384px; }
ul.iconRoom li.iconTwoPerson{ background-position: -627px -384px; }
ul.iconRoom li.iconThreePerson{ background-position: -660px -384px; }
ul.iconRoom li.iconFourPerson{ background-position: -693px -384px; }
ul.iconRoom li.iconFivePerson{ background-position: -724px -384px; }
ul.iconRoom li.iconInternetWired{ background-position: -2028px -587px; }
ul.iconRoom li.iconInternetWireless{ background-position: -2061px -587px; }

ul.iconExterior li.iconRenewal{ background-position: 0 -351px; }
ul.iconExterior li.iconNewOpen{ background-position: -33px -351px; }
ul.iconExterior li.iconShower{ background-position: -66px -351px; }
ul.iconExterior li.iconShower2{ background-position: -99px -351px; }
ul.iconExterior li.iconShower3{ background-position: -132px -351px; }
ul.iconExterior li.iconShower4{ background-position: -165px -351px; }
ul.iconExterior li.iconShower5{ background-position: -198px -351px; }
ul.iconExterior li.iconShowerBath{ background-position: -231px -351px; }
ul.iconExterior li.iconShowerBath2{ background-position: -264px -351px; }
ul.iconExterior li.iconShowerBath3{ background-position: -297px -351px; }
ul.iconExterior li.iconToilet{ background-position: -330px -351px; }
ul.iconExterior li.iconToilet2{ background-position: -363px -351px; }
ul.iconExterior li.iconToilet3{ background-position: -396px -351px; }
ul.iconExterior li.iconToilet4{ background-position: -429px -351px; }
ul.iconExterior li.iconToilet5{ background-position: -462px -351px; }
ul.iconExterior li.iconLaundryPay{ background-position: -495px -351px; }
ul.iconExterior li.iconLaundryFree{ background-position: -528px -351px; }
ul.iconExterior li.iconTV{ background-position: -561px -351px; }
ul.iconExterior li.iconCATV{ background-position: -594px -351px; }
ul.iconExterior li.iconKitchen{ background-position: -627px -351px; }
ul.iconExterior li.iconInternetWired{ background-position: -660px -351px; }
ul.iconExterior li.iconInternetWireless{ background-position: -693px -351px; }
ul.iconExterior li.iconParkingBicycles{ background-position: -726px -351px; }
ul.iconExterior li.iconParkingCar{ background-position: -759px -351px; }
ul.iconExterior li.iconNearPark{ background-position: -792px -351px; }
ul.iconExterior li.iconNearStation{ background-position: -825px -351px; }

/* Discount */
span.discount{
    width: 129px;
    height: 27px;
    text-align: left;
    font-size: 40%;
}
span.oneMonth{ background-position: 0 -856px; }
span.twoMonths{ background-position: -132px -856px; }
span.threeMonths{ background-position: -264px -856px; }
span.sixMonths{ background-position: -396px -856px; }
span.special{ background-position: -528px -856px; }

/* News Releases */
#news span.iconBrandNew,
#news span.iconRenewal,
#news span.iconEvent,
#news span.iconCampaign,
#news span.iconNew,
#news span.iconUpdate{
    display: inline-block;
    line-height: 1;
    _line-height: 0.8;
}
#news span.iconBrandNew,
#news span.iconRenewal,
#news span.iconEvent,
#news span.iconCampaign{
    width: 64px;
    height: 14px;
    margin-left: 10px;
}
#news span.iconNew,
#news span.iconUpdate{
    width: 34px;
    height: 13px;
    margin-left: 4px;
}
#news span.iconBrandNew{ background-position: -729px -609px; }
#news span.iconRenewal{ background-position: -796px -609px; }
#news span.iconEvent{ background-position: -729px -626px; }
#news span.iconCampaign{ background-position: -796px -626px; }
#news span.iconNew{ background-position: -863px -609px; }
#news span.iconUpdate{ background-position: -863px -624px; }

/* Pagination */
ul#pagination{
    margin-bottom: 14px;
    text-align: right;
    line-height: 1.1;
}
ul#pagination li{
    display: inline;
}
ul#pagination a,
ul#pagination span.current{
    display: inline-block;
    padding-left: 5px;
    margin-right: 3px;
    border-left: solid 1px #bbb;
}
ul#pagination li.first a{
    padding-left: 0;
    margin-left: 0;
    border-left: 0;
}
ul#pagination span.current{
    text-decoration: underline;
	font-weight: bold;
}

/* Sakura Events */
div#events div.line,
div#events p.date{
    background-image: url("/images/bg_events.gif");
}
div#events{
    width: 610px;
    margin: 0 auto;
}
div#main div#events h2{
    width: 590px;
    margin-bottom: 18px;
    padding: 3px 10px 5px;
    background: url("/images/bg_news.gif") repeat-x 0 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 140%;
    color: #fff;
}
div#events div.line{
    position: relative;
    width: 590px;
    overflow: hidden;
    margin: 0 auto;
    background-position: 0 0;
}
div#events div.set{
    width: 180px;
    float: left;
    margin: 0 25px -32757px 0;
    padding-bottom: 32767px;
}
div#events div.set.last{
    margin-right: 0;
    _margin-right: -3px;
}
div#events h3{
    padding: 10px 15px 5px;
    line-height: 1.3;
    font-weight: bold;
}
div#events p.desc{
    padding: 0 15px 2.5em;
}
div#events p.date{
    position: absolute;
    bottom: 0;
    z-index: 1;
    width: 156px;
    padding: 0.2em 12px;
    background-position: left bottom;
    text-align: right;
    line-height: 1.4;
}

/* Pagetop */
p#pageTop{
    height: 100%;
    clear: both;
    padding-top: 50px;
}
p#pageTop a{
    width: 105px;
    height: 28px;
    float: right;
    background-position: 0 -259px;
}
div#main p.pageTop{
    clear: both;
    padding-top: 30px;
    /padding-top: 15px;
    background: none;
    text-align: right;
}
div#main p.pageTop a{
    width: 6em;
    min-height: 14px;
    _height: 14px;
    float: right;
    margin-right: 12px;
    background-position: -960px -446px;
    text-indent: 0;
}

/* ------------------------------------------- */
/* Util */
div#util{
    width: 210px;
    padding: 20px;
}

/* Util > Search */
div#search{
    width: 250px;
    margin: -20px 0 20px -20px;
}
div#search form,
div#search p.btn.reservation{
    background-position: -963px 0;
    _background: none;
    _filter:progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#dd000000, endcolorstr=#77000000));
  _-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=1,startcolorstr=#dd000000, endcolorstr=#77000000))";
  zoom: 1;
    color: #fff;
}
div#search h2{
    width: 250px;
    height: 32px;
    background-position: 0 -80px;
}
div#search h3{
    width: 250px;
    height: 20px;
    background-position: 18px -396px;
}
div#search form{
    position: relative;
    min-height: 232px;
    height: 232px;
    padding: 0 10px;
    line-height: 1;
	background: #444343;
	letter-spacing: 0.5px;
}
div#search .search-inner{
	background: #fff;
	color: #000;
	padding: 10px 10px 0;
	height: 210px;
}
div#search dt{
    margin-bottom: 4px;
    font-weight: bold;
}
div#search dd{
    margin-bottom: 9px;
}
div#search dd:last-child{
    margin-bottom: 6px;
}
div#search dd img{
    margin-top: -3px;
}
div#search .text_date{
	width: 180px;
	height: 21px;
	padding: 5px;
	margin-right: 6px;
	border: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	background: url("/images/bg_text.png") no-repeat left top;
	vertical-align: middle;
}
div#search select{
	height: 23px;
	width: 91px;
    margin: 0 10px 5px 0;
    vertical-align: middle;
}
div#search dd.price{
	height: 23px;
}
@-moz-document url-prefix() {
	div#search select{
    margin: 0 10px 0 0;
	}
}
.select {
	 position:absolute;
	 height: 23px;
	 width: 91px;
	 line-height: 23px;
	 padding: 0 0 0 5px;
	 background: url("/images/bg_select.png") no-repeat left top;
	 overflow:hidden;
	  -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}
#selectprice_max {
	margin-left: 6px;	
}
div#search dt.type {
	margin-bottom: 7px;
}
div#search .checkbox {
  width: 17px;
  height: 18px;
  padding: 0 5px 0 0;
  margin-top: -1px;
  background: url("/images/bg_checkbox.png") no-repeat left top;
  display: block;
  float: left;
  clear: both;
}
div#search dd a{
    display: inline-block;
    width: 23px;
    height: 20px;
    background-position: -827px -387px;
    vertical-align: top;
    text-indent: -999999px;
}
div#search label{
    display: block;
	margin-bottom: 5px;
}
div#search p.btn.search{
	margin-top: 10px;
}
div#search p.btn.search input.button{
    width: 215px;
    height: 35px;
    background-position: 0 -321px;
}
div#search p.btn.search input.button:hover{
    background-position: 0 -357px;
}
div#search .reserveBox{
	height: 66px;
	padding-top: 10px;
	background: url("/images/bg_reserve.png") repeat-x left top;
}
div#search p.btn-reservation{
    padding: 0 20px;
}
div#search p.btn-reservation a{
    width: 215px;
    height: 35px;
    background-position: -218px -322px;
}
div#search p.btn-reservation a:hover{
    background-position: -218px -357px;
}


/* Util > Button */

/* こっから */


div#util div.btnPhotoGallery,
div#util div.btnPhotoGallery a,
div#util div.btnOfficeLocation a,
div#util div.btnNewsletter a,
div#util div.btnMyList a
{
	width: 210px;
	height: 50px;
	margin-bottom: 10px;
}

div#util div.btnRentalPlan,
div#util div.btnRentalPlan a{
	height: 71px;
	margin-bottom: 10px;
}

div#util div.btnRentalPlan a{ background-position: 0 -417px; }
div#util div.btnRentalPlan a:hover{ background-position: 0 -491px; }
div#util div.btnPhotoGallery a{ background-position: -213px -417px; }
div#util div.btnPhotoGallery a:hover{ background-position: -213px -470px; }
div#util div.btnOfficeLocation a{ background-position: -426px -417px; }
div#util div.btnOfficeLocation a:hover{ background-position: -426px -470px; }
div#util div.btnNewsletter a{ background-position: -639px -417px; }
div#util div.btnNewsletter a:hover{ background-position: -639px -470px; }
div#util div.btnMyList a{ background-position: -213px -523px; }
div#util div.btnMyList a:hover{ background-position: -213px -576px; }

/* Util > Outside */

div#util div.outSide{
    margin: 10px 0;
    padding-bottom: 10px;
}

div#util div.outSide p a{
    width: 30px;
    height: 30px;
    float: left;
    margin-right: 10px;
}
div#util div.outSide p.staffBlog a{
    width: 130px;
    background-position: -236px -259px;
}
div#util div.outSide p.facebook a{
    background-position: -762px -387px;
}
div#util div.outSide p.twitter a{
    margin-right: 0;
    background-position: -795px -387px;
}


/* Util > Resident's Voice, Tokyo Life, Partners, Room Type */
div#util div.box{
    width: 210px;
    margin-bottom: 15px;
}
div#util div.box h2{
    width: 210px;
    height: 38px;
}
div#util div.set,
div#util div.partners ul,
div#util div.roomType ul{
    width: 190px;
    padding: 10px 10px 0.1px;
    background-color: #f9f7f4;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;
}
div#util ul.btn li,
div#util div.partners li,
div#util div.roomType li{
    padding-bottom: 10px;
}
div#util p.more a{
    background-position: 0 -549px;
    _background-position: -960px -357px;
}

/* Util > Resident's Voice */
div#util div.voice h2{
    background-position: -253px -80px;
}
div#util div.voice div.pic{
    float: right;
}
div#util div.voice h3{
    margin-bottom: 0.3em;
}
div#util div.voice h3 em{
    font-weight: bold;
}
div#util div.voice p.prof{
    line-height: 1.2;
    font-size: 85%;
    color: #999;
}
div#util div.voice p.desc{
    clear: both;
    padding-top: 8px;
}

/* Util > Tokyo Life */
div#util div.tokyoLife h2{
    background-position: -253px -121px;
}
div#util div.tokyoLife div.pic{
    float: left;
    margin: 0 10px 10px 0;
}

/* Util > Partners */
div#util div.partners h2{
    background-position: -466px -80px;
}
div#util div.partners li,
div#util div.partners a{
    width: 190px;
    height: 40px;
}
div#util div.partners li.btnSchools a{ background-position: -426px -523px; }
div#util div.partners li.btnSchools a:hover{ background-position: -426px -566px; }
div#util div.partners li.btnCompanies a{ background-position: -619px -523px; }
div#util div.partners li.btnCompanies a:hover{ background-position: -619px -566px; }

/* Util > Room Type */
div#util div.roomType h2{
    background-position: -466px -121px;
}
div#util div.roomType li,
div#util div.roomType a{
    width: 190px;
    height: 30px;
}
div#util div.roomType li.btnShare a{ background-position: -679px -141px; }
div#util div.roomType li.btnApartment a{ background-position: -679px -174px; }
div#util div.roomType li.btnDormitory a{ background-position: -679px -207px; }

/* Util > Banner */
div#util ul.banner img{
    margin-bottom: 10px;
}

/* ------------------------------------------- */
/* Footer */
div#footer{
    min-width: 960px;
    padding-bottom: 5px;
    border-top: solid 1px #e2dcd5;
}
div#footerInner{
	position: relative;
	height: 113px;
	padding-top: 45px;
	background-position: 0 -190px;
}

div#footer ul{
	width: 680px;
	float: left;
}

div#footer li a{
    display: inline-block;
    min-height: 15px;
    _height: 15px;
    margin: 0 26px 0.5em 0;
    padding-left: 21px;
    background-position: -2164px -1011px;
}
p#copyright{
    position: absolute;
    top: 120px;
    left: 0;
}
p.footerInfo{
    float: right;
    text-align: right;
    line-height: 1.5;
}

/* ------------------------------------------- */
/* ------------------------------------------- */
/* BigTarget, Hover */
div#util div.voice div.set,
div#util div.tokyoLife div.set,
div#events div.set{
    cursor: pointer;
}
div#util div.voice div.set:hover,
div#util div.tokyoLife div.set:hover{
    background-color: #fff;
    text-decoration: underline;
}
.pic a:hover img,
.thumb a:hover img,
.banner a:hover img,
div#main .btn a:hover,
div#main .btn input.button:hover,
p#pageTop a:hover,
div#util div.roomType a:hover{
    filter: alpha (opacity=75);
    -moz-opacity: 0.75;
    -webkit-opacity: 0.75;
    opacity: 0.75;
}
div#content p.pageTop a:hover,
div#util div.voice div.set:hover img,
div#util div.tokyoLife div.set:hover img,
div#events div.set:hover img{
    filter: alpha (opacity=100);
    -moz-opacity: 1;
    -webkit-opacity: 1;
    opacity: 1;
}


/*
	Snav
============================*/

div#sNav{
	height: 25px;
	position: absolute;
	top: 4px;
	right: 0;
}
#sNav li{
	float: left;
	width: 125px;
	height: 25px;
	margin-left: 10px;
	 -webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	 box-sizing: border-box;
}

/* Info */
#sNav li.sub-info{
	text-align: center;
	color: #fff;
	background-position: -236px -292px;
	line-height: 21px;
	letter-spacing: 0.5px;
}

/* Reservation */
#sNav li.sub-reservation{
	background-position: -108px -292px;
	text-indent: -9999px;
}
#sNav li.sub-reservation a{
	display: block;
	width: 125px;
	height: 25px;
}

/* language dropdown */
#sNav  .dropdown dt {
    width: 125px;
    height: 24px;
    text-align: center;
    background-position: -108px -259px;
}

#sNav .dropdown {
    position: absolute;
    color: white;
    z-index: 100;
}
#sNav .dropdown dd {
  position:absolute;
  margin-top: -4px;
  overflow:hidden;
  width: 125px;
  display:none;
  z-index:200;
  opacity:0;
  text-align: left;
  background-color: black;

}
#sNav .dropdown ul {
	width: 125px;
	list-style: none;
	border-top: none;
	padding: 10px 10px 0!important;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sNav .dropdown ul li{
	width: 105px;
	margin-left: 0;
}
#sNav .dropdown li a {
    display: block;
    height: 30px;
}
.fieldWithErrors {
    display: inline;
}
#ajax_loading_icon {
    position:fixed;
    bottom:100px;
    right:80px;
    z-index:0;
}

/* phone number in the footer */
div#footer div#phoneNumber{
    text-align: right;
    width: auto;
}
div#footer div#phoneNumber:after{
    display: block;
    height: 0;
    clear: both;
    content: "";
}
div#footer div#phoneNumber{
    margin-bottom: 30px;
}
div#footer div#phoneNumber ul{
    float: right;
    line-height: 1.5;
    background-color: transparent;
    padding: 0;
}
div#footer div#phoneNumber ul li {
    display: block;
}
div#footer div#phoneNumber ul em{
    font-weight: bold;
}

div#propertyDetail div.boxInner h1{
	margin-bottom: 0px;
	font-size: 150%;
	font-weight: bold;
}


/* shold be in top.css */
/* Reservation */
.b_progress_bar{
border: 1px #fbdce3 solid;
border-collapse: collapse;
margin-bottom: 2px;
background:#f7b9ca;
display: block;
float: left;
padding: 0;
margin: 0;
width: 158px;
line-height: 27px;
text-align: center;
list-style-type: none;
}

.b_selected_progress_bar{
border-collapse: collapse;
border: 1px #ffffff solid;
background:#eb4f73;
font-weight: bold;
color: #ffffff;
width: 158px;
}

.clearfix {
  content: "";
  clear: both;
  display: block;
}

.b_progress_margin{
margin-top: 4px;
}

.flipBox {
    position: relative;
    width: 237px;
    height: 170px;
}
.flipBox.active {
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -o-perspective: 1000;
    -ms-perspective: 1000;
    perspective: 1000;
}
.flipBox.active.hover .flip {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flipBox.active .flip {
    position: relative;
    -webkit-transition: 300ms ease-out -webkit-transform;
    -moz-transition: 300ms ease-out -webkit-transform;
    -o-transition: 300ms ease-out -webkit-transform;
    -ms-transition: 300ms ease-out -webkit-transform;
    transition: 300ms ease-out -webkit-transform;

    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
}
.flipBox.active .flip .back {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip .front,.flip .back{
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    -o-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    backface-visibility: hidden;

}
.flip .front {
    position: relative;
    z-index: 2;
}
.flip .back {
    position: absolute;
    top: 0;
    left: 0;
}

.cont_right_only {
padding-top:85px !important;
}