html, body {
position: relative;
font-family: "ƒƒCƒŠƒI","Meiryo","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro","‚l‚r ‚oƒSƒVƒbƒN", "MS P Gothic",sans-serif;
line-height: 1.5;
color: #666666;
/* background-color: #171717; */
/* background: url(../images/common/background.gif) repeat-y center top #F6F6F6; */
/* background: red; */
/*
height:100%;
overflow: hidden;
width:100%;
*/
}
span.strong{
font-weight: bold;
}
a {
color:#333333;
}
a:link {
color:#333333;
text-decoration: underline;
}
a:visited {
color:#333333;
text-decoration: underline;
}
a:hover {
color:#000000;
}
/*
a:hover, a:active, a:focus {
color: #999;
text-decoration: underline;
}
*/
article,
selection,
nav{
display: block;
}
.left, .right{
float: left;
}
div.toTop{
width: 1024px;
text-align: right;
margin-top: 20px;
}
div.toTop a{
cursor: pointer;
font-size: 12px;
text-decoration: underline;
}
div.toTop a:hover{
color: #000000;
text-decoration: underline;
}
div.hr {
background: url("../images/common/hasen.gif") repeat-x scroll 0 center transparent;
font-size: 0.1px;
height: 1px;
}
header#siteHeader{
display: block;
width: 1024px;
max-width: 1024px;
padding-top: 8px;
margin-left: auto;
margin-right: auto;
/* margin-bottom: 20px; */
}
header hgroup{
float: left;
width: 161px;
margin-left: 22px;
margin-bottom: 17px;
}
header hgroup h1{
/* margin-bottom: 20px; */
}
header hgroup h1 a#logo{
display: block;
width: 161px;
height: 46px;
overflow: hidden;
text-align: left;
text-indent: -9999px;
background: transparent url(../images/common/h1_logo_niki.gif) no-repeat left top;
}
header#siteHeader div.contact{
float: right;
overflow: hidden;
margin: 0;
height: 25px;
margin-top: 22px;
/* margin-bottom: 20px; */
}
header#siteHeader div.contact ul{
float: right;
/* width: 170px; */
}
header#siteHeader div.contact ul li{
float: left;
background-repeat: no-repeat;
background-position: 0 0;
overflow: hidden;
}
header#siteHeader div.contact ul li.tel{
font-size: 16px;
padding-top: 2px;
height: 24px;
/* background-image: url(../images/common/button_tel.jpg); */
}
header#siteHeader div.contact ul li.booking{
text-indent: -9999px;
margin-left: 18px;
width: 170px;
height: 25px;
background-image: url(../images/common/button_booking.gif);
cursor: pointer;
}
header div#bookingFormWrapper{
display: none;
}
header div#bookingForm{
text-align: center;
font-size: 11px;
border-top: 1px dashed #bcbcbc;
border-bottom: 1px dashed #bcbcbc;
background-color: #f8f8f8;
margin-bottom: 17px;
}
header div#bookingForm form{
display: block;
padding: 6px 0 6px;
}
header div#bookingForm img{
/* float: right; */
vertical-align: middle;
margin-left: 10px;
}
header div#bookingForm span.up10{
}
header div#bookingForm select{
margin: 0 3px 0 7px;
padding: 0;
font-size: 10px;
color: black;
/* border: 0 none; */
}
header div#bookingForm select option{
padding: 0;
margin: 0;
}
header#siteHeader nav#utilityNav{
width:1024px;
margin-bottom: 20px;
overflow: hidden;
}
header#siteHeader nav#utilityNav ul{
float: right;
}
header#siteHeader nav#utilityNav ul li{
font-size: 12px;
line-height: 14px;
float: left;
border-right: 1px solid #CCCCCC;
padding: 0 9px 0 10px;
}
header#siteHeader nav#utilityNav ul li.end{
border-right: medium none;
padding-right: 0;
}
header#siteHeader nav#utilityNav ul li a{
color: #666666;
text-decoration: none;
}
header#siteHeader nav#utilityNav ul li a:visited{
color: #666666;
}
header#siteHeader nav#utilityNav ul li a:hover{
color: #333333;
text-decoration: none;
}
header#siteHeader nav#globalNav{
display: block;
/* padding-top:17px; */
/* margin-top: 20px; */
}
header#siteHeader nav#globalNav ul{
width: 1024px;
height: 45px;
background: url(../images/common/bg_globalnav.gif) repeat-x 0 0 transparent;
}
header#siteHeader nav#globalNav ul li{
float: left;
}
header#siteHeader nav#globalNav ul li a{
display: block;
height: 45px;
overflow: hidden;
text-align: left;
text-indent: -9999px;
background-image: url(../images/common/globalnav.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
header#siteHeader nav#globalNav ul li a#gnav01{
width: 80px;
background-position: 0 0;
}
body#siteHome header#siteHeader nav#globalNav ul li a#gnav01,
header#siteHeader nav#globalNav ul li a#gnav01:hover
{ background-position: 0 bottom; }
header#siteHeader nav#globalNav ul li a#gnav02{
width: 80px;
background-position: -80px 0;
}
body#siteStay header#siteHeader nav#globalNav ul li a#gnav02,
header#siteHeader nav#globalNav ul li a#gnav02:hover{ background-position: -80px bottom; }
header#siteHeader nav#globalNav ul li a#gnav03{
width: 96px;
background-position: -160px 0;
}
body#siteFacilities header#siteHeader nav#globalNav ul li a#gnav03,
header#siteHeader nav#globalNav ul li a#gnav03:hover{ background-position: -160px bottom; }
header#siteHeader nav#globalNav ul li a#gnav04{
width: 120px;
background-position: -256px 0;
}
body#siteActivity header#siteHeader nav#globalNav ul li a#gnav04,
header#siteHeader nav#globalNav ul li a#gnav04:hover{ background-position: -256px bottom; }
header#siteHeader nav#globalNav ul li a#gnav05{
width: 88px;
background-position: -376px 0;
}
body#siteAccess header#siteHeader nav#globalNav ul li a#gnav05,
header#siteHeader nav#globalNav ul li a#gnav05:hover{ background-position: -376px bottom; }
header#siteHeader nav#globalNav ul li a#gnav06{
width:105px;
background-position: -458px 0;
}
body#siteAbout header#siteHeader nav#globalNav ul li a#gnav06,
header#siteHeader nav#globalNav ul li a#gnav06:hover{ background-position: -458px bottom; }
/*
header#siteHeader nav#globalNav ul li a#gnav07{
width: 192px;
background-position: right 0;
}
*/
header#siteHeader nav#globalNav ul li a#gnav07:hover{ background-position: right bottom; }
/* : : : : : : siteBody : : : : : : */
#siteBody{
display: block;
width: 1024px;
max-width: 1024px;
/* min-width: 600px; */
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#mainArea{
}
/* : : : : : : siteFooter : : : : : : */
footer#siteFooter{
/* font-family: "Times New Roman"; */
display: block;
background-color: #171717;
color: #cccccc;
width: 100%;
padding-top: 30px;
padding-bottom: 25px;
text-align: center;
margin: 0 auto;
height: 260px !important;
min-height: 10%;
}
#siteFooter a {
color: #999999;
text-decoration: none;
}
#siteFooter a:link {
color:#999999;
text-decoration: none;
}
#siteFooter a:visited {
color: #999999;
}
#siteFooter a:hover {
color: #ffffff;
}
#siteFooter nav.upper{
text-align: left;
display: block;
width: 924px;
margin-top: 10px;
margin-left: auto;
margin-right: auto;
margin-bottom: 20px;
}
#siteFooter nav.upper ul{
}
#siteFooter nav.upper ul li{
float: left;
}
#siteFooter nav.upper ul li h4 a:link,
#siteFooter nav.upper ul li h4 a:visited {
color: #cccccc;
}
#siteFooter nav.upper ul li h4{
color: #cccccc;
font-size: 14px;
margin-bottom: 24px;
}
#siteFooter nav.upper ul li.footNav06 h4{
margin-top: 14px;
margin-bottom: 12px;
}
#siteFooter nav.upper ul li.footNav01{
width: 190px;
}
#siteFooter nav.upper ul li.footNav02{
width: 220px;
}
#siteFooter nav.upper ul li.footNav03{
width: 180px;
}
#siteFooter nav.upper ul li.footNav04{
width: 194px;
}
#siteFooter nav.upper ul li.footNav05{
width: 140px;
}
#siteFooter nav.upper ul li.footNav06{
/* width: 140px; */
}
#siteFooter nav.upper ul li ul{
margin-left: 0;
}
#siteFooter nav.upper ul li ul li{
float: none;
font-size: 12px;
line-height: 14px;
margin-bottom: 10px;
}
#siteFooter .under{
width: 984px;
font-size: 12px;
/* text-align: center; */
margin: 25px auto 0;
padding-top: 20px;
border-top: 1px solid #333333;
}
#siteFooter .under nav{
float: left;
}
#siteFooter .under nav ul li{
float: left;
padding-right: 10px;
margin-right: 10px;
border-right: 1px solid #999999;
}
#siteFooter .under nav ul li.end{
border: none;
}
#siteFooter .copyright{
float: right;
}
#siteFooter p.copyright small{
font-size: 11px;
color: #999999;
}
/* * * Special Offers * * */
#specialOffers{
position: relative;
background: url(../images/common/hasen.gif) repeat-x 0 0 transparent;
text-align: center;
padding-bottom:30px;
}
body#siteFacilities #specialOffers,
body#siteStay #specialOffers{
margin-top: 30px;
}
#specialOffers .title{
text-indent: -9999px;
background: url(../images/common/title_special-offers.gif) no-repeat center 0;
/* width: 170px; */
height: 30px;
}
body#siteActivity #specialOffers .title,
body#siteFacilities #specialOffers .title{
background: url(../images/common/title_mini-plan.gif) no-repeat center 0;
}
#specialOffers nav.slideNum{
display: block;
position: relative;
top: -20px;
height: 20px;
float: right;
}
#specialOffers h3{
color: #000000;
font-size: 18px;
margin-bottom: 10px;
}
#specialOffers p{
font-size: 14px;
line-height: 25px;
}
#specialOffers div.maincopy{
margin-top: 2px;
margin-bottom: 38px;
}
#specialOffers div.maincopy p{
margin-bottom: 0px;
}
body#siteFacilities #specialOffers div.itemContainer{
margin-top: 25px;
}
#specialOffers div.itemContainer{
position: relative;
z-index: 1999;
width: 1024px;
overflow: hidden;
}
#specialOffers div.itemContainer ul{
margin-bottom: 0px;
height: 340px; /* 310+padding 30 */
overflow: hidden;
}
#specialOffers div.itemContainer ul li{
float: left;
width: 341px;
height: 310px;
text-align: center;
padding-bottom: 30px;
background: url(../images/common/hasen_tate.gif) repeat-y 0 5px transparent;
}
#specialOffers div.itemContainer ul li.first{
background: none;
}
#specialOffers div.itemContainer ul li .itemImgContainer{
width: 290px;
height: 150px;
margin: 0 auto 15px;
overflow: hidden;
}
#specialOffers div.itemContainer ul li .itemImgContainer .itemImg{
width: 290px;
height: 150px;
position: relative;
overflow: hidden;
margin: 0 auto;
}
#specialOffers div.itemContainer ul li .itemImgContainer .itemImg img{
position: relative;
display: block;
}
#specialOffers div.itemContainer ul li .itemImgContainer .whiteMask{
background: url(../images/common/white_mask290.png) no-repeat left top transparent;
position: relative;
left: 0;
top: -150px;
width: 291px;
height: 151px;
}
#specialOffers div.itemContainer ul li.rightLine{
background: url(../images/common/hasen_item.gif) no-repeat right 10px transparent;
}
#specialOffers div.itemContainer ul li h4{
width: 294px;
text-align: left;
color: #333333;
font-size: 14px;
line-height: 20px;
margin-bottom: 12px;
margin: 0 auto 12px;
margin-bottom: 0;
padding-bottom: 10px;
padding-top: 0;
}
#specialOffers div.itemContainer ul li p{
width: 294px;
text-align: left;
font-size: 12px;
line-height: 18px;
margin: 0 auto 12px;
}
#specialOffers div.itemContainer ul li h4 a,
#specialOffers div.itemContainer ul li p.detail a{
color: #666666;
text-decoration: none;
}
#specialOffers div.itemContainer ul li h4 a:hover,
#specialOffers div.itemContainer ul li p.detail a:hover{
color: #333333;
}
#specialOffers div.itemContainer ul li p.detail{
overflow: hidden;
width: 294px;
height: 56px;
text-align: left;
font-size: 12px;
line-height: 18px;
margin: 0 auto 12px;
}
#specialOffers nav#slideNavi{
display: block;
position: absolute;
z-index: 12000;
top: 0px; /* top: 70px; */
left: 0;
width: 1024px;
height: 25px;
}
#specialOffers nav#slideNavi .naviButton{
text-indent: -9999px;
color: #666666;
cursor: pointer;
width: 20px;
height: 340px;
background-position: 0 60px;
background-repeat: no-repeat;
background-color: white;
}
#specialOffers nav#slideNavi .prevButton{
float: left;
background-image: url(../images/common/pct_cursor_slide_prev.gif);
}
#specialOffers nav#slideNavi .nextButton{
float: right;
background-image: url(../images/common/pct_cursor_slide_next.gif);
}
#specialOffers nav#slideNavi .selected{
color: #cccccc;
cursor: default;
background-image: none;
/* background-position: right 70px; */
}
#specialOffers nav.slideNum{
}
#specialOffers nav.slideNum ul li{
float: left;
margin: 0 3px;
font-size:12px;
color: #cccccc;
cursor: pointer;
}
#specialOffers nav.slideNum ul li.selected{
color: #333333;
cursor: default;
}
/* Easy Slider */
#prevBtn, #nextBtn,
#sliderNextB, #slider1prev{
display:block;
width:30px;
height:77px;
}
#nextBtn, #slider1next{
left:696px;
}
#prevBtn a, #nextBtn a,
#slider1next a, #slider1prev a{
width:30px;
height:77px;
/* background:url(../images/btn_prev.gif) no-repeat 0 0; */
}
#nextBtn a, #slider1next a{
/* background:url(../images/btn_next.gif) no-repeat 0 0; */
}
/*
* utility
*/
.left{
float: left;
}
.right{
float: right;
}
.clearfix:after {
content: url(../images/common/clearfix_pixel.gif);
display: block;
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* Mac”ÅIE‚ðœŠO €*/
.clearfix { display: block; }
/* */
.tracer{
border: 6px solid #CCC;
padding: 5px 10px;
margin: 10px 0;
}