@charset "Shift_JIS";
body {
    line-height: 1.5;
    color: #262626;
    font-size:12px;
}

.contents {
    background:url(../img/bg_all_01.gif) repeat left top;
}

.cf:after {
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

.cf {
    display:inline-block;
}

/* detail_btn
-------------------------------------------------- */
.detail_btn a {
    display:block;
    width:273px;
    height:42px;
    text-indent: -9999px;
    overflow: hidden;
    background:url(../img/btn_detail_01.png) no-repeat left center;
}

.detail_btn a:hover {
    background:url(../img/btn_detail_01_hover.png) no-repeat left center;
}

/* logo
-------------------------------------------------- */
p.logo {
    background:url(../img/bg_head.png) no-repeat bottom center;
    padding:85px 0 6px;
    text-align:center;
}

/* .sec
-------------------------------------------------- */
.sec {
    padding:40px 0;
    border-top:1px dashed #999;
}

.sec:first-child {
    border-top:none;
}

.sec .inner {
    width:850px;
    margin:0 auto;
}

.sec .plan {
    background:url(../img/bg_green_02.jpg) repeat left top;
    padding:20px;
    box-sizing:border-box;
    width:415px;
}

.sec .plan .inner {
    background:#fff;
    box-sizing:border-box;
    width:100%;
    padding:20px;
}

.sec .infobox h4 {
    font-size:1.3em;
    font-weight:bold;
    color:#F3363D;
    line-height: 1.5;
    margin-bottom: 10px;
    text-align:center;
}

.sec .plan_box {
    width:100%;
}

.sec .plan {
    float:left;
    position:relative;
}

.sec .plan .plantxt {
    position:absolute;
    top:0;
    left:0;
}

.sec .plan.odd {
    float:right;
}

.sec .infobox {
    margin-bottom:15px;
}

.sec .pricebox {
    text-align:center;
}

.sec .pricebox .price {
    margin-bottom:10px;
}

.sec .detail_btn a {
    margin:0 auto;
}

/* headsec
-------------------------------------------------- */
#headsec {
    padding:40px 0;
}

#headsec .inner {
    width:850px;
    margin:0 auto;
}

#headsec .plan {
    margin-bottom:30px;
}

#headsec .plan .inner {
    margin:0 auto;
    box-sizing:border-box;
    display:block;
    padding:40px 30px;
}

#headsec .plan .inner .infobox {
    width:450px;
    float:left;
}

#headsec .plan .inner .pricebox {
    width:280px;
    float:right;
    padding-top:20px;
}

#headsec .plan .inner .pricebox .price {
    margin-bottom:10px;
}

#headsec .infobox h4 {
    font-size:1.8em;
    font-weight:bold;
    color:#F3363D;
    line-height: 1.4;
    margin-bottom: 10px;
}

#headsec .page_link_list {
    width:100%;
}

#headsec .page_link_list li {
    float:left;
    margin-left:18px;
}

#headsec .page_link_list li:first-child {
    margin-left:0;
}

#headsec .page_link_list li a {
    display:block;
    width:199px;
    height:111px;
    text-indent: -9999px;
    overflow: hidden;
}

#headsec .page_link_list li a#page_link1 {
    background:url(../img/btn_link_01.png) no-repeat top center;
}

#headsec .page_link_list li a#page_link2 {
    background:url(../img/btn_link_02.png) no-repeat top center;
}

#headsec .page_link_list li a#page_link3 {
    background:url(../img/btn_link_03.png) no-repeat top center;
}

#headsec .page_link_list li a#page_link4 {
    background:url(../img/btn_link_04.png) no-repeat top center;
}

#headsec .page_link_list li a#page_link1:hover {
    background:url(../img/btn_link_01_hover.png) no-repeat top center;
}

#headsec .page_link_list li a#page_link2:hover {
    background:url(../img/btn_link_02_hover.png) no-repeat top center;
}

#headsec .page_link_list li a#page_link3:hover {
    background:url(../img/btn_link_03_hover.png) no-repeat top center;
}

#headsec .page_link_list li a#page_link4:hover {
    background:url(../img/btn_link_04_hover.png) no-repeat top center;
}


/* #headsec
-------------------------------------------------- */
#headsec {
    position:relative;
    background:url(../img/img_mainvisual_01.jpg) no-repeat left 130px;
}

#headsec h1 {
    text-align:center;
    margin-bottom:335px;
}

#headsec h2 {
    text-align:center;
    margin-bottom:20px;
}

#headsec .plan {
    background:url(../img/bg_green_01.jpg) no-repeat center top;
    position:relative;
}

#headsec .plan h3 {
    position:absolute;
    top:-10px;
    left:50%;
    margin-left:-184px;
}


/* #sec01
-------------------------------------------------- */
#sec01 {
    padding-bottom:57px;
}

#sec01 .titlebox {
    position:relative;
}

#sec01 .titlebox p {
    position:absolute;
    right:115px;
    bottom:10px;
}

#sec01 h2 {
    margin-bottom:30px;
}

#sec01 .room_box {
    width:100%;
    margin-bottom:30px;
}

#sec01 .room_list {
    width: 427px;
    height: 341px;
    position: relative;
    float: left;
}

#sec01 .room_list li {
    position:absolute;
    top:0;
    left:0;
}

#sec01 .room_image {
    position:relative;
    width: 427px;
    height: 341px;
    float:left;
}

#sec01 .currentnav {
    display:inline-block;
    position:absolute;
    bottom:15px;
    left:50%;
    margin-left:-36px;
}

#sec01 .currentnav li {
    float:left;
    margin:10px 5px;
}

#sec01 .currentnav li a {
    width:8px;
    height:8px;
    background:url(../img/btn_room.png) no-repeat center center;
    display:block;
    text-indent: -9999px;
    overflow: hidden;
}

#sec01 .currentnav li a:hover,
#sec01 .currentnav li a.current{
    background:url(../img/btn_room_current.png) no-repeat center center;
}

#sec01 .room_change {
    width:409px;
    float:right;
}

#sec01 .room_change li {
    width:409px;
    height:83px;
}

#sec01 .room_change div {
    margin-bottom:3px;
}

#sec01 .room_change div a {
    display:table;
    width:100%;
    height:83px;
    color:#000;
}

#sec01 .room_change div a span,
#sec01 .room_change div a span {
    float:left;
    display:table;
    box-sizing:border-box;
}

#sec01 .room_change div a span.title {
    width:123px;
    line-height:83px;
    height:83px;
}

#sec01 .room_change div a span.title{
    height:83px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    font-size:15px;
    font-weight:bold;
}

#sec01 .room_change div a span.txt .txtinner {
    height:83px;
    display:table-cell;
    vertical-align:middle;
    line-height:1.3;
    font-size:0.85em;
    float:none;
}

#sec01 .room_change div a span.txt {
    width:272px;
}

#sec01 .room_change div#room0 a {
    background:url(../img/btn_renewal_01.jpg) no-repeat left top;
}

#sec01 .room_change div#room1 a {
    background:url(../img/btn_renewal_02.jpg) no-repeat left top;
}

#sec01 .room_change div#room2 a {
    background:url(../img/btn_renewal_03.jpg) no-repeat left top;
}

#sec01 .room_change div#room3 a {
    background:url(../img/btn_renewal_04.jpg) no-repeat left top;
}

#sec01 .room_change div#room0 a:hover {
    background:url(../img/btn_renewal_01_hover.jpg) no-repeat left top;
}

#sec01 .room_change div#room1 a:hover {
    background:url(../img/btn_renewal_02_hover.jpg) no-repeat left top;
}

#sec01 .room_change div#room2 a:hover {
    background:url(../img/btn_renewal_03_hover.jpg) no-repeat left top;
}

#sec01 .room_change div#room3 a:hover {
    background:url(../img/btn_renewal_04_hover.jpg) no-repeat left top;
}

#sec01 h3 {
    text-align:center;
    margin-bottom:15px;
}

#sec01.sec .plan .infobox h4 {
    font-size:1.5em;
}

/* #sec02
-------------------------------------------------- */
#sec02 {
    padding:50px 0 90px;
}

#sec02 .titlebox {
    position:relative;
}

#sec02 .titlebox p {
    position:absolute;
    right:245px;
    bottom:10px;
}

#sec02 h2 {
    margin-bottom:30px;
}

#sec02 .pointbox {
    margin-bottom:70px;
}

#sec02 .pointbox .point {
    width:275px;
    height:260px;
    float:left;
    box-sizing:border-box;
    padding-top:35px;
}

#sec02 .pointbox .point1 {
    background:url(../img/bg_osusume_01.jpg) no-repeat left top;
}

#sec02 .pointbox .point2 {
    background:url(../img/bg_osusume_02.jpg) no-repeat left top;
    margin:0 12px;
}

#sec02 .pointbox .point3 {
    background:url(../img/bg_osusume_03.jpg) no-repeat left top;
}

#sec02 .pointbox .point p {
    margin-bottom:30px;
    padding:0 10px;
}

#sec02 .pointbox .point h4 {
    margin-bottom:10px;
    text-align:center;
}

#sec02 .tokutenbox {
    position:relative;
    background:url(../img/bg_red_01.jpg) no-repeat left top;
    padding:50px 20px 30px;
    height:279px;
    box-sizing:border-box;
}

#sec02 .tokutenbox h3 {
    position:absolute;
    top:-47px;
    left:50%;
    margin-left:-277px;
}

#sec02 .tokutenbox .tokuten {
    width:158px;
    float:left;
    padding:95px 0 0 ;
    box-sizing:border-box;
    text-align:center;
    margin-left:3px;
}

#sec02 .tokutenbox .tokuten:first-child {
    margin-left:0;
}

#sec02 .tokutenbox .tokuten h4 {
    text-align:center;
    font-size:1.34em;
    color:#F3363D;
    line-height:1.3;
    font-weight:bold;
    margin-bottom:3px;
    letter-spacing:-0.05em;
}

#sec02 .tokutenbox .tokuten p {
    padding:0 5px;
}

#sec02 .tokutenbox .tokuten1 {
    background:url(../img/icon_tokuten_01.gif) no-repeat top center;
}

#sec02 .tokutenbox .tokuten2 {
    background:url(../img/icon_tokuten_02.gif) no-repeat top center;
}

#sec02 .tokutenbox .tokuten3 {
    background:url(../img/icon_tokuten_03.gif) no-repeat top center;
}

#sec02 .tokutenbox .tokuten4 {
    background:url(../img/icon_tokuten_04.gif) no-repeat top center;
}

#sec02 .tokutenbox .tokuten5 {
    background:url(../img/icon_tokuten_05.gif) no-repeat top center;
}

.sec .plan_box h4 {
    letter-spacing: -0.07em;
}

/* #sec03
-------------------------------------------------- */
#sec03 {
    padding-top:50px;
}

#sec03 .titlebox {
    position:relative;
}

#sec03 .titlebox p {
    position:absolute;
    right:207px;
    bottom:10px;
}

#sec03 h2 {
    margin-bottom:30px;
}

#sec03 .plan_box {
    margin-bottom:20px;
}


/* #sec04
-------------------------------------------------- */
#sec04 .inner {
    position:relative;
}

#sec04 .inner .titlebox {
    position:absolute;
    top:0;
    left:0;
}

#sec04 .inner .titlebox p {
    position:absolute;
    left:30px;
    top:145px;
}

#sec04 .inner h2 {
    margin-bottom:17px;
}

#sec04 .anotherroom_change li {
    float:left;
    margin-left:15px;
}

#sec04 .anotherroom_change li:first-child {
    margin-left:0;
}

#sec04 .anotherroom_change li a {
    text-indent: -9999px;
    overflow: hidden;
    display:block;
    width:158px;
    height:158px;
}

#sec04 .anotherroom_change li.anotherroom1 a {
    background:url(../img/btn_anotherroom_01.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom2 a {
    background:url(../img/btn_anotherroom_02.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom3 a {
    background:url(../img/btn_anotherroom_03.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom4 a {
    background:url(../img/btn_anotherroom_04.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom5 a {
    background:url(../img/btn_anotherroom_05.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom1 a:hover {
    background:url(../img/btn_anotherroom_01_hover.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom2 a:hover {
    background:url(../img/btn_anotherroom_02_hover.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom3 a:hover {
    background:url(../img/btn_anotherroom_03_hover.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom4 a:hover {
    background:url(../img/btn_anotherroom_04_hover.jpg) no-repeat left center;
}

#sec04 .anotherroom_change li.anotherroom5 a:hover {
    background:url(../img/btn_anotherroom_05_hover.jpg) no-repeat left center;
}

#sec04 .anotherroom_box {
    display:block;
    background:url(../img/bg_anotherroom.gif) no-repeat 190px 260px;
}

#sec04 .anotherroom_box ul {
    width:490px;
    height:365px;
    position:relative;
    float:right;
    display:inline-block;
    background:url(../img/bg_yellow_01.jpg) no-repeat left top;
    box-sizing:border-box;
}

#sec04 .anotherroom_box ul li {
    position:absolute;
    top:15px;
    right:15px;
}



/* #main
-------------------------------------------------- */
#main {
    background:#fff;
    width:990px;
    margin:0 auto;
}

/* .contents__footer
-------------------------------------------------- */
.contents__footer {
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
    clear: both;
    background:#000;
    color:#fff;
    padding:10px 0;
}

.contents__footer p.txt {
    text-align:center;
    float:none;
}

.ftlogo {
    padding:30px 0;
    text-align:center;
}

.note {
    width:850px;
    margin: 0 auto;
    font-size: 12px;
    padding-bottom:5px;
}

p.pagetop {
    position: fixed;
    right: 20px;
    bottom: 20px;
    display: none;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
    transition: 0.1s;
    cursor:pointer;
}

