@charset "utf-8";
#search_inner {
    position: absolute;
    top: 0;
}
#header_menu {
    right: 0px;
}
/* rooms ---------------------------------------------------------------- */

#contents {
    margin: 0 auto;
    width: 980px;
}
#room_header {
    position: relative;
    top: 0px;
    width: 980px;
    margin: auto;
}
#room_header h1 {
    margin: 30px 0 10px;
}
#room_header h1 a {
    text-decoration: none;
}
#room_header h1.disabled {
    opacity: .05;
    filter: alpha(opacity=5);
    -ms-filter: "alpha(opacity=5)";
    -khtml-opacity: .05;
    -moz-opacity: .05;
}

#lightgallery {margin-bottom: 40px;}

.map {
    text-align: right;
}
.map a {
    background-color: rgba(0,0,0,.3);
    color: #FFF !important;
    padding: 2px 5px;
    font-weight: bold;
    font-family: Helvetica, arial, sans-serif;
    font-size: 10px;
    text-decoration: none !important;
}
#header_logo {
    position: absolute;
    top: 6px;
    right: 0px;
    z-index: 1000;
}
#room_info {
    float: left;
    width: 280px;
    margin: 0;
    position: relative;
    top: 0px;
    left: 0px;
}

#room_info p img {max-width: 100%; height: auto;}

#room_info .side_box01 {margin-bottom: 20px;}

#room_info .side_box01 dt{
    clear: left;
    width:30%;
    line-height: 1.8;
    float: left;
}
#room_info .side_box01 dd{
    width:70%;
    line-height: 1.8;
    margin: 0 0 6px;
    float: left;
}
#room_info .side_box01 dd a{
    color: #000;
    text-decoration: none;
}

#room_end {
    color: #E6521D;
}
#title {
    margin: 0px 0 20px;
    font-size: 28px;
    font-weight: bold;
    font-family: helvetica, clean, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#description {
    margin: 0 0 40px 0;
    font-size: 16px;
    line-height: 2.0;
    font-family: helvetica, clean, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
#description textarea {
    width: 100%;
    height: 500px;
}
.c-blk {
    background-color: #FFF;
    display: block;
    padding: 15px;
    border: #ccc solid 1px;
    position: relative;
}
.c-blk .no_list {
    position: absolute;
    right: 20px;
    top: 15px;
    width: 100px;
    display: block;
    text-align: right;
    font-style: italic;
}
.c-blk p {
    font-size: 14px;
    line-height: 1.8;
    font-family: helvetica, clean, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.c-blk dt,.c-blk dd {
    font-size: 14px;
    line-height: 1.8;
    font-family: helvetica, clean, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.c-blk dd span {
    font-size: 25px;
    font-weight: bold;
    line-height: 1;
    font-family: helvetica, clean, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.c-blk p span {
    font-size: 25px;
    font-weight: bold;
    line-height: 1.4;
    font-family: helvetica, clean, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
}
.c-blk p a {
    color: #000;
    text-decoration: none;
}
.c-blk p a:hover {
    color: #000;
    text-decoration: underline;
}
#share {
    margin: 20px 0;
}
#share li {
    float: left;
    padding-right: 30px;
}
#share li.share_twitter a,  #share li.share_plusone a, #share li.share_pintarest a, #share li.share_line a,  #share li.share_facebook a {
    color: #000;
    text-decoration: none;
    font-size: 24px;
    line-height: 41px;
}
#share li.share_twitter a:hover,  #share li.share_plusone a:hover, #share li.share_pintarest a:hover, #share li.share_line a:hover,  #share li.share_facebook a:hover {
    color: #000;
    text-decoration: none;
}
 #share .share_twitter, #share .share_plusone, #share .share_facebook, #share .share_line, #share .share_pintarest {
 padding-top:10px;
}
#share li.share_line { display: none;}
.contact_area {
}
.contact_area a {
    width: 200px;
    background-color: #1C47F1 !important;
    border: solid 1px #1C47F1 !important;
}
.contact_area a:hover {
    background-color: #0314E4 !important;
    border: solid 1px #0314E4 !important;
}
.contact_area span {
    display: inline-block;
    text-align: center;
    text-decoration: none;
    font-size: 14px;
    color: #FFF !important;
    padding: 10px 20px;
}
.contact_area span.disabled {
    width: 200px;
    background-color: #c9c9ca !important;
    border: none 0 rgba(0,0,0,0) !important;
}

#room_info .contact_area a {
    width: 100%;
}
#room_info .contact_area span.disabled {
    width: 100%;
}
#room_images {
    float: right;
    width: 655px;
    font-size: 11px;
    position: relative;
    z-index: 40;
}
#room_images dl.room_image {
    float: left;
    width: 280px;
    margin: 0 0px 30px 20px;
}
#room_images dl.room_image dt.photo img {
    width: 280px;
    height: 280px;
    margin-bottom: 5px;
}
table.tbl {
    border: solid 1px #E7E7E7;
    background: #FAFAFA;
    width: 100%;
}
table.tbl th {
    background: #000;
    color: #FFF;
    text-align: left;
    font-weight: normal;
    padding: 5px 10px;
    width: 80px;
        font-size: 14px;
}
table.tbl td {
    padding: 5px 10px;
        font-size: 14px;
}
table.tbl td a {
    text-decoration: none;
    color: #000;
}
table.tbl td a:hover {
    text-decoration: underline;
}
#room_detail .tbl th {
    width: 150px;
    padding: 8px 12px;
}
#room_detail .tbl td {
    border-bottom: solid 1px #E7E7E7;
    padding: 8px 12px;
}
#room_detail .tbl tr:last-child td {
    border-bottom: none;
}
table.tbl input {
    margin-right: 5px;
}
table.tbl input.frm_input {
    width: 150px;
}
table.tbl select.frm_input {
    width: 100px;
}
table.tbl#info input {
    width: 90%;
}
/* layout1 ---------------------------------------------------------------- */

.layout1 #room_info {
    float: right;
    margin: 0 0px 0 10px;
}
.layout1 #room_images {
    float: left;
}
/* General */
#container {
    /*overflow: hidden;*/
    width: 596px;
    margin: auto;
}
#picture-slides-container {
    overflow: hidden;
    height: 400px;
}
#picture-slides-container img {
    height: 400px;
}
#picture-slides-frame {
    text-align: center;
    background: #fff;
    position: relative;
}
#picture-slides-thumbnails {
    width: 600px;
    clear: left;
}
#picture-slides-thumbnails ul {
    margin-top: 10px;
}
#picture-slides-thumbnails ul li {
    float: left;
    /*width: 110px;*/
    /*height: 75px;*/
    margin: 0px 4px 4px 0;
}
#picture-slides-thumbnails ul li:nth-child(5n) {
    margin: 0px 0px 4px 0;
}
#picture-slides-thumbnails ul li a:focus {
    outline: 0;
    -moz-outline-style: none;
}
#picture-slides-thumbnails ul li img {
    width: 116px;
    height: 116px;/*    padding: 1px;
    border: 1px solid transparent;
*/
}
#picture-slides-thumbnails ul li .selected img {
/*padding: 0px;*/
    /*border: 2px solid #FF0E00;    */
}
#picture-slides-image-text {
    text-align: left;
    font-size: 11px;
    font-weight: normal;
    border: 1px solid #000;
    padding: 10px;
    height: 36px;
}
#picture-slides-image {
/*margin-bottom: 1em;*/
}
#links {
    display: block;
    clear: left;
    padding: 2em 0 1em 4em;
}
#links li {
    line-height: 2em
}
#navigation-controls {
    width: 298px;
    list-style: none;
    margin: 0 auto;
}
#navigation-controls {
    width: 100%;
    position: absolute;
}
#navigation-controls li {
    float: left;/*margin-right: 0.5em;*/
}
#navigation-controls li a {
    display: block;
    height: 400px;
    width: 298px;
}
#navigation-controls li#image-counter {
    margin: 0 0.75em 0 0.5em;
}
li.slideshow-item {
    margin-left: 3em;
}
#picture-slides-dim-overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.8;
    display: none;
    z-index: 10;
}
ul#navigation-controls a.disabled {
    color: #ccc;
}
/* edit ---------------------------------------------------------------- */

#header_logo a.btn {
    position: relative;
    top: 2px;
    left: 0px;
}
body.edit .tbl th {
    width: 100px;
}
body.edit .tbl td label {
    white-space: nowrap;
}
body.edit .photo {
    position: relative;
    top: 0px;
    left: 0px;
}
body.edit .photo a {
    position: absolute;
    bottom: 5px;
    right: 0px;
    z-index: 500;
}
#no_area {
    padding-top: 30px;
    margin: 20px 10px;
}
#no_area input {
    font-family: 'Oswald', sans-serif;
    font-size: 40px;
    width: 60px;
    text-align: center;
}
#no_area span {
    font-size: 40px;
    font-family: 'Oswald', sans-serif;
}
.btn_area {
    text-align: center;
    margin: 20px auto 50px;
}
.btn_area .btn {
    width: 200px;
}
body.edit #room_images dl.room_image {
    height: 330px;
}
body.edit #room_images dl.room_image dd.comment {
    margin: 5px 0;
}
body.edit .btn_area {
    position: relative;
    top: 0px;
}
body.edit .btn_area #btn_area_del {
    position: absolute;
    right: 0;
    top: 0px;
}
#button_color_area .btn {
    padding: 3px 5px;
}
.color_box {
    border: solid 1px #c0c0c0;
    background-color: #FFF;
    line-height: 30px;
    position: absolute;
    width: 700px;
    padding: 5px;
    z-index: 100;
    display: none;
}
.color_box a {
    padding: 10px;
    display: block;
    width: 80px;
    float: left;
    color: #000;
    cursor: pointer;
    text-shadow: 0 1px 0 #FFF;
    text-align: center;
}
/* ===================================

    1: photo

====================================== */

.photo li {
    margin-bottom: 20px;
    text-align: center;
}
.photo img {
    max-width: 100%;
    height: auto;
    max-height: 653px;
}
.btn_acc {
    margin-bottom: 40px;
}
.btn_acc a {
    background-image: url(../image/acc_open.png);
    background-repeat: no-repeat;
    background-position: center;
    height: 58px;
    width: 58px;
    margin: 0 auto;
    display: block;
    cursor: pointer
}
.btn_acc a:hover {
    opacity: 0.6;
}
.btn_acc a.active {
    background-image: url(../image/acc_close.png);
}
.totop {
    text-align: right;
    padding-top: 10px;
}
.totop a {
    color: #000;
    text-decoration: none;
}

/* ===================================

    2: frexslider

====================================== */

.flexslider-container {
    height: 653px;
    width: 980px;
    margin: 0px auto;
    position: relative;
    background-color: #EEE;
}
/* Browser Resets */
.flex-container a:active, .flexslider a:active {
    outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
    margin: 0;
    padding: 0;
    list-style: none;
}
.flex-viewport {
    overflow: visible !important
}
/* Slider Necessary Styles
*********************************/
.flexslider {
    height: 700px;
    width: 980px;
    margin: 0 auto;
    padding: 0;
}
.flexslider .slides > li {
    display: none;
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flex-pauseplay span {
    text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .slides {
    display: block;
}
* html .slides {
    height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
    display: block;
}
/* Slider Default Theme
*********************************/
.flexslider {
    position: relative;
    zoom: 1;
}
.flexslider .slides {
    zoom: 1;
}
.flexslider .slides > li {
    position: relative;
    background-color: #15171B;
    text-align: center;
}
.flex-container {
    zoom: 1;
    position: relative;
}
.flexslider .slides > li img {
    max-height: 653px;
}
.slides span {
text-align: left;
    color: #333;
    display: block;
    background-color: #fff;
    padding: 15px 0 0;
}
/* Caption style */
/* IE rgba() hack */
.flex-caption {
    background: none;
-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000, endColorstr=#4C000000);
    zoom: 1;
}
.flex-caption {
    width: 96%;
    padding: 2%;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0,0,0,.3);
    color: #fff;
    text-shadow: 0 -1px 0 rgba(0,0,0,.3);
    font-size: 14px;
    line-height: 18px;
}
/* Direction Nav */
.flex-direction-nav li a.flex-next {
    width: 40%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    cursor: pointer;
    text-indent: -9999px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    z-index: 50;
}
.flex-direction-nav li a.flex-next:hover {
    background-image: url(../image/ico_rightcursol.png);
    background-repeat: no-repeat;
    background-position: right center;
}
.flex-direction-nav li a.flex-prev {
    width: 40%;
    height: 100%;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    cursor: pointer;
    text-indent: -9999px;
    margin-top: 0px;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
    z-index: 50;
}
.flex-direction-nav li a.flex-prev:hover {
    background-image: url(../image/ico_leftcursol.png);
    background-repeat: no-repeat;
    background-position: left center;
}
.flex-direction-nav li a.flex-disabled {
    display: none !important;
}
.flex-direction-nav li a.flex-disabled:hover {
    display: none !important;
}
.flex-control-nav {
    width: 100%;
    position: absolute;
    bottom: -20px;
    text-align: center;
}
.flex-control-nav li {
    margin: 0 4px;
    display: inline-block;
    zoom: 1;
 *display: inline;
}
.flex-control-paging li a {
    width: 4px;
    height: 4px;
    display: block;
    background: #666;
    background: rgba(0, 0, 0, 0.2);
    cursor: pointer;
    text-indent: -9999px;
    -webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    -o-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.1);
    border-radius: 20px;
}
.flex-control-paging li a:hover {
    background: #333;
    background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
    background: #000;
    background: rgba(0, 0, 0, 0.9);
    cursor: default;
}
.flex-control-thumbs {
    margin: 5px 0 0;
    position: static;
    overflow: hidden;
}
.flex-control-thumbs li {
    width: 25%;
    float: left;
    margin: 0;
}
.flex-control-thumbs img {
    width: 100%;
    height: auto;
    display: block;
    opacity: .7;
    cursor: pointer;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
}
.flex-control-thumbs img:hover {
    opacity: 1;
}
.flex-control-thumbs .flex-active {
    opacity: 1;
    cursor: default;
}
.flex-control-nav {
    display: none;
}

/* Control Nav
.flex-control-nav {
position: relative;
bottom: -15px;
text-align: center;
}

.flex-control-nav li {margin: 0 0 0 6px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
    width: 34px;
    height: 6px;
    display: block;
    cursor: pointer;
    text-indent: -9999px;
    background-image: url(../images/img_index/bg_control_navi.png);
    background-repeat: no-repeat;
    background-position: 0 0;
}
.flex-control-nav li a:hover {background-position: 0 -14px;}
.flex-control-nav li a.flex-active {background-position: 0 -28px; cursor: default;}

*/