@charset 'UTF-8';

/* IEハック用mixin */

/* body--------------------*/

/* メインイメージ--------------------*/

#main_image_block
{
    height: 320px;
    padding: 15px 0 0;

    background: url(../../img/en/common/mainimg_bg.gif) top repeat-x;
}

#main_image_box
{
    width: 980px;
    height: 320px;
    margin: 0 auto;
}

#main_image_block #top_slide
{
    position: relative;
}

#top_slide .btn_prev
{
    position: absolute;
    top: 150px;
    left: -17px;
}

#top_slide .btn_next
{
    position: absolute;
    top: 150px;
    right: -17px;
}

#icon_circle
{
    position: absolute;
    top: 390px;
    left: 0;

    width: 980px;
}

#main_slide_block #icon_circle
{
    top: 390px;
    left: 0;

    width: 730px;
}

#icon_circle ul
{
    text-align: center;
}

#icon_circle li
{
    display: inline-block;

    width: 10px;
    height: 10px;
    margin: 0 1px;

    cursor: pointer;

    background: url(../../img/en/common/slide_point_off.png) no-repeat;

    *display: inline;
    *zoom: 1;
}

#icon_circle li.current
{
    background: url(../../img/en/common/slide_point_on.png) no-repeat;
}

/* サブメニュー--------------------*/

.top_submenu_block
{
    clear: both;

    width: 980px;
    margin: 0 auto 25px auto;

    _position: relative;
}

.top_submenu_box
{
    float: left;

    width: 185px;
    margin: 0 10px 0 0;
    padding: 0 0 10px;

    border: #ddd solid 1px;
    background: #fff;

    _display: inline;
}

.top_submenu_box .ttl_box
{
    border-bottom: 1px solid #ddd;
}

.top_submenu_box .txt_box
{
    font-size: 93%;

    padding: 15px 15px 8px 15px;

    background: url(../../img/en/common/col_txt_bg.gif) top repeat-x;
}

.top_submenu_box .txt_box ul
{
    margin-top: 10px;
}

.top_submenu_box .txt_box li
{
    padding-left: 15px;

    background: url(../../img/en/common/mark_arrow03.gif) 0 3px no-repeat;
}

.top_submenu_box .txt_box li a,
.top_submenu_box .txt_box li a:visited
{
    text-decoration: none;
}

.top_submenu_box .txt_box li a:hover
{
    text-decoration: underline;
}

.top_submenu_box.none_margin
{
    margin-right: 0 !important;
}

/* メインコンテンツ--------------------*/

#contents_block
{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display:         flex;

    width: 1200px;
    margin: 0 auto;
    margin-top: 40px;

    -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
            flex-wrap: wrap;
}

#main_contents
{
    float: left;

    width: 880px;
}

/* タイトル付きブロック */

.title_text_block
{
    clear: both;
}

.title_text_block h2
{
    font-size: 108%;

    padding: 12px 10px 8px 25px;

    border: 1px solid #d6d6d6;
    border-radius: 3px;
    background: url(../../img/en/common/h2_bg.gif) left center no-repeat;
    -webkit-box-shadow: 0 1px 3px #ccc;
       -moz-box-shadow: 0 1px 3px #ccc;
}

.title_text_block .text_block
{
    padding: 10px 0;

    border: #ddd solid 1px;
    border-top: none;
}

/* 観光名所 */

ul.sightseeing_block
{
    clear: both;

    margin-left: 5px;
}

ul.sightseeing_block li
{
    float: left;

    width: 224px;
    margin-left: 11px;

    list-style: none;
}

ul.sightseeing_block li img
{
    margin-bottom: 5px;

    border: #efefef solid 4px;
}

ul.sightseeing_block li p
{
    padding-left: 15px;

    background: url(../../img/en/common/mark_arrow03.gif) 0 4px no-repeat;
}

ul.sightseeing_block li a,
ul.sightseeing_block li a:visited
{
    text-decoration: none;
}

ul.sightseeing_block li a:hover
{
    text-decoration: underline;
}

/* テキストボタンリンク */

/* ボタン */

.button_block
{
    clear: both;
    clear: both;

    margin-bottom: 50px;
    margin-left: -13px;

    _margin-left: -5px;
}

.button_block li
{
    float: left;

    width: 357px;
    margin-left: 13px;

    _margin-left: 5px;
}

/* ホテルのご案内 */

.hotel_list,
.residence_list,
.news_list
{
    clear: both;

    width: 980px;

    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    background: #e7e7e7;
}

.hotel_list .title,
.residence_list .title,
.news_list .title
{
    float: left;

    width: 148px;
}

.hotel_list ul
{
    float: right;

    width: 820px;
    padding: 4px 0;
}

.residence_list ul
{
    float: right;

    width: 820px;
    padding-top: 15px;
}

.hotel_list li,
.residence_list li
{
    float: left;

    margin-right: 25px;
    padding: 0 0 0 15px;

    background: url(../../img/en/common/mark_arrow02.gif) 0 4px no-repeat;
}

.news_list p
{
    font-size: 16px;

    float: right;

    width: 815px;
    margin-top: 12px;
}

.hotel_list li a,
.residence_list li a
{
    display: block;

    vertical-align: middle;
    text-decoration: none;

    color: #222;
}

.hotel_list li a:hover,
.residence_list li a:hover
{
    color: #eb6100;
}

@media (max-width: 767px)
{
    #contents_block
    {
        width: 94%;
        margin: 0 auto;
    }

    #main_contents
    {
        width: 100%;
        margin-top: 20px;
    }
}