/* {{{ home common */
body{
    font: 16px/18px "Lucida Grande", "Lucida Sans Unicode", Arial, "LiHei Pro", Helvetica, Verdana, sans-serif;
    line-height: 160%;
    color: #666;
    background: #f8f8f8;
    text-align: center;
    border-top: solid 5px red;
    margin: 0;
    padding: 0;
}
hr {
    display: block;
    color:red;
    margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: auto;
    margin-right: auto;
    border-style: solid;
    border-width: 2px;
}
th {
    text-align:left;
}
p { 
    font-size:16px;
    text-align:justify;
    line-height:22px;
    margin: 0 0 30px 0;
}
h1 {
    font-size:21px;
    margin:50px 0 30px 0;
    color:#333;
}
h2 {
    font-size:21px;
    margin:50px 0 20px 0;
    color:#333;
}
h3 {
    font-size:16px;
    margin:20px 0 10px 0;
    text-align:justify;
    text-decoration:underline;
}
.h3-p {text-decoration:none}
a {
    text-decoration:none;
    color:#69f;
}
a:hover {color:#03f}
.hl-black {color:black}
.hl-red {color:red}
.booking-blue {color:#69f}
.seasir-red {color:red !important;font-weight:bold}
.berry-pink {color:hotpink !important;font-weight:bold}
.lt {color:#c66;font-size:12px}
#container950 {
    width: 950px;
    height: 1%;
    margin: 0 auto;
    padding: 5px 0 5px 0;
    text-align: left;
}
#seasir-naha-logo-img {
    vertical-align:top;
    margin:-17px 0 0 0;
}
#seasir-naha-logo-h1 {
    margin:35px 0 0 20px;
}
.pkg-inc-ul {
    margin:0 0 30px 0;
    padding:0 0 0 30px;
    line-height:25px;
}
.clean-ul {
    margin:0 0 30px 0;
    padding:0;
    line-height:25px;
    list-style:none;
}
ol {
    margin:0 0 30 0;
    text-align:justify;
    padding:0 0 0 30px;
    line-height:25px;
}
.mb10 {margin-bottom:10px}
.c {text-align:center}
.al-r {text-align:right}
ul.outside {
    padding-left:1em;
}
.upword {
font-size: xx-small;
vertical-align: super;
}

/* }}} home common */
/* {{{ fllink */
#fllink {
    text-align:right;
    margin: 0;
}
#fllink-ul {
    list-style: none;
    margin: 0;
    padding:0;
    text-align:right;
}
.fllink-li {
    margin: 0;
    padding: 0;
    display: inline-block;
    padding-left: 1.5em;
    font-weight: bold;
    font-size: 14px;
}
/* }}} fllink */
/* {{{ top part */
#top-card-img {
    margin:0;
    vertical-align:middle;
}
#top-menu {
    border-top:1px solid rgba(0,0,0,.2);
    box-shadow:0 1px 0 rgba(255,255,255,0.9);
    border-top:1px solid #ccc\9;
    margin:0;
}
#seasir-logo {
    display: inline-block;
    vertical-align:middle;
}
#top-menu-ul {
    padding:0;
    display: inline-block;
    list-style:none;
    color:white;
} 
.top-menu-li {
    margin: 0 1px 0 0;
    padding: 3px 7px 5px 7px;
    display: inline-block;
    font-size: 17px;
    color:white;
    background:red;
}
.top-menu-li:hover {
    background:white;
    color:red;
}
.top-menu-li a:hover {
    color:inherit;
}
.top-menu-li a {
    color:inherit;
}
/* }}} top part */
.in-box {
    margin:-10px 0 0 0;
}
/* {{{ cal */
/* table {width:300px;font-size:16px;margin:0 0 5px 0;} */
/*th,td {padding:1px 0;}*/
.chkCal {font-size:14px;color:#aaa;}
.chkCal:hover {color:#000;}
.cal {width:auto;display:inline-block;margin:2em 5px 5px 5px;color:#666;}
.cal,.cal th,.cal td {
    border-collapse:collapse;
    border: 1px solid #f33;
    text-align:center;
    font-size:16px;
}
.cal th {padding:1px 0}
.cal td {height:20px;width:40px;padding:1px 0;}
.weekend {color:#f33;}
.peak {color:white;background-color:red;}
.normal {background-color:yellow;}
.cal-box {
    display:inline-block;
    width:30px;height:20px;
    border:1px solid red;
    margin:0 10px 0 0;
    vertical-align:top;
}
.cal-yellow-box {background-color:yellow;margin-left:60px;}
.cal-red-box {background-color:red;margin-left:60px;}
.cal-index {font-size:20px;font-weight:600;margin:10px 0}
/* }}} cal */
/* {{{ packages */
.packages {
    margin:50px 0;
    padding:0 0 30px 0;
    border-bottom:1px solid rgba(0,0,0,.2);
    box-shadow:0 1px 0 rgba(255,255,255,.9);
    border-bottom:1px solid #ccc\9;
}
.pkg-imgs-box {
    padding:4px;
    border-top:1px solid #aaa;
    border-right:1px solid #333;
    border-left:1px solid #aaa;
    border-bottom:1px solid #000;
    background-color:#fff;
    background-repeat:no-repeat;
    width:190px;
    height:135px;
    margin:0 5px 0 0;
    display:inline-block;
}
    
.h2-price {
    color:#12c;
    padding-left:20px;
}
.pkg-inc,.pkg-schedule {
    display:inline-block;
    vertical-align:top;
}
.pkg-inc {
    width:400px;
}
.pkg-schedule {
    width:450px;
}
.see-more-detail,
.booking-now {
    font-size:28px;
    line-height:40px;
    text-decoration:inherit;
}
.see-more-detail,.underline {
    text-decoration:underline;
}
.arrow-left {
    padding-left:3px;
    text-decoration:none;
    font-family:arial;
    font-size:10px;
}
.priceT {
    border-collapse:collapse;
    font-size:16px;
    margin-bottom:10px;
}
.priceT th,.priceT td {
    border-top:1px solid #ccc;
    border-right:1px solid #999;
    border-left:1px solid #ccc;
    border-bottom:1px solid #999;
    padding:5px 15px 4px 15px;
    font-size:14px;
}
.priceT tr:nth-child(even) {background:#eee;}
.priceT tr:nth-child(odd) {background:#fff;}
.small-font {font-size: 10px;}
/* }}} packages */
/* {{{ addr */
#addr {
    margin:0 0 20px 0;
    font-size:16px;
}
.map-box {
    width:580px;
}
/* }}} addr */
/* {{{ contact */
#contact {
    margin:10px 0;
    padding:0;
    font-size:16px;
    border:none;
    /*
    border-collapse: collapse;
    border:1px solid #333;*/
}
#contact td{
    /*border:1px solid #333;*/
    padding:2px 20px 2px 0;
}
.email-booking {display:block;margin:10px 0;}
/* }}} contact */
/* image box {{{ */
.img-box {
    background-color:#fff;
    padding:5px;
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-right:solid 1px #666;
    border-bottom:solid 1px #333;
}
.ibx {
    background-color:#fff;
    border-top:solid 1px #ccc;
    border-left:solid 1px #ccc;
    border-right:solid 1px #666;
    border-bottom:solid 1px #333;
    background-repeat:no-repeat;
    display:inline-block;
}
.ibx-abs {
    background-color:#fff;
    position:absolute;
    border-top:1px solid #aaa;
    border-right:1px solid #333;
    border-left:1px solid #aaa;
    border-bottom:1px solid #000;
    background-repeat:no-repeat;
}
.image-box {position:relative;height:300px;margin:0 0 30px 0;}
.image-box-main {
    padding:9px;
    width:510px;
    height:280px;
    background-position:9px 9px;
    margin:0px;
}
.image-box-lt {
    padding:4px;
    left:540px;
    background-position:4px -296px;
    width:190px;
    height:135px;
}
.image-box-rt {
    padding:4px;
    left:750px;
    background-position:-246px -296px;
    width:190px;
    height:135px;
}
.image-box-lb {
    padding:4px;
    left:540px;top:155px;
    background-position:4px -446px;
    width:190px;
    height:135px;
}
.image-box-rb {
    padding:4px;
    left:750px;top:155px;
    background-position:-246px -446px;
    width:190px;
    height:135px;
}

img.frame {
    padding:2px;
}
/* }}} image box */
/* {{{ copyright */
#copyright {
    position:relative;
    color:black;
    font-size:17px;
    margin:50px 0 30px 0;
    height:70px;
    border-top: solid 5px red;
    text-align:center;
}
#footer-link {
}
.footer-link-li {
    margin: 0.5em 0;
    padding: 0 25px;
    display: inline-block;
    font-size: 17px;
    border-right:1px solid #999;
}
.footer-link-li a{
    color:#999;
}
.footer-link-li a:hover {
    color:#666;
    cursor:pointer;
}
.footer-link-li-last {border-right:none}
#cpr {
    font-weight:600;
    color:#888;
    margin-bottom:2em;
}   
/* }}} copyright */
/* {{{ book form */
.to-make-booking {margin:20px 0 10px 0;font-size:30px}
.booking-procedure {margin:10px 0;text-align:justify;color:red;font-size:0.9em}
.width-1 {width:36px}
.width-2 {width:42px}
.guest-name{width:112px}
/* }}} book form */