@charset "utf-8";
#titlebox {
    border-bottom: 2px solid #c2daec;
    margin-top: 20px;
    padding-bottom: 5px;
}
#titlebox h3 {
    font-size: 26px;
    line-height: 100%;
    color: #333;
    text-align: left;
    background: url(../img/common/subtitle_bk.gif) no-repeat left top;
    padding: 1px 0px 3px 11px;
    margin-left: 7px;
}
.ac_titlebox {
    width: 100%;
    background: url(../img/resorts/ac_title_bk.gif) repeat-x left bottom;
}
.ac_titlebox h4 {
    font-size: 14px;
    line-height: 100%;
    color: #333;
    text-align: left;
    float: left;
}
.ac_titlebox #ac_state_title {
    background: url(../img/search/state_title.gif) no-repeat left top;
    padding: 10px 0px 15px 45px;
}
#search_box {
    margin-top: 10px;

}
#search_box #search_map {
    background: url(../img/top/search_map.gif) no-repeat left top;
    height: 278px;
    width: 363px;
}
#search_box #search_map ul {
    list-style: none;
}
#search_box #search_map li {
    margin-bottom: 2px;
}
#search_box #search_map li a {
    display: block;
    background: url(../img/top/search_map_btn.png) no-repeat left top;
    width: 45px;
    font-size: 12px;
    line-height: 100%;
    padding-top: 5px;
    padding-bottom: 3px;
}
#search_box #search_map li a:hover {
    background: url(../img/top/search_map_btn.png) no-repeat left bottom;
    text-decoration: none;
    color: #1295ff;
}
#search_box #search_map #state1 {
    float: left;
    margin-left: 17px;
    margin-top: 61px;
}
*html #search_box #search_map #state1 {
    margin-left: 8px;
}
#search_box #search_map #state2 {
    float: left;
    margin-left: 3px;
    margin-top: 61px;
}
#search_box #search_map #state3 {
    float: left;
    margin-left: 37px;
    margin-top: 17px;
}
#search_box #search_map #state3_2 {
    margin-top: 100px;
}
#search_box #search_map #state4 {
    float: left;
    margin-top: 225px;
    margin-left: 3px;
}
#search_box #search_map #state5 {
    float: left;
    margin-top: 130px;
    margin-left: 7px;
}
#search_box #search_map #state6 {
    float: left;
    margin-top: 17px;
    margin-left: 10px;
}
#search_box #search_map #state6_2 {
    margin-top: 64px;
}
#search_box #search_word {
    width: 363px;
    text-align: left;
    margin-top: 7px;
    background: #d9efff;
}
#search_box #search_word #search_word_title {
    color: #333;
    line-height: 100%;
    font-weight: bold;
    background: url(../img/search/search_word_title.gif) no-repeat 0px 5px;
    padding: 18px 7px 12px 28px;
    float: left;
    font-size: 14px;
    margin: 0px 0px 0px 5px;
}
#search_box #search_word form {
    padding-top: 14px;
}
#search_box #search_word form #search_word_text {
    width: 150px;
    display: block;
    margin-right: 5px;
}
#search_box #search_word #search_word_disc {
    font-size: 11px;
    line-height: 100%;
}
#search_box #search_word form #search_word_btn {
    display: block;
    background: url(../img/top/search_word_btn.gif) no-repeat left top;
    height: 20px;
    width: 47px;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
    border-style: none;
}
#search_box #search_word form #search_word_btn:hover {
    display: block;
    background: url(../img/top/search_word_btn.gif) no-repeat left bottom;
}
#search_box .fr {
    width: 380px;
}
#search_box #state_list h3 {
    background: #f0f0f0;
    text-align: left;
    font-size: 12px;
    color: #444444;
    padding: 6px 10px;
    margin-left: 10px;
    line-height: 100%;
}
#search_box #state_list p {
    text-align: left;
    padding-left: 20px;
    line-height: 22px;
    font-size: 12px;
    margin-top: 1px;
    color: #cccccc;
    margin-bottom: 5px;
}
#search_box .fr #state_list #all {
    float: right;
    background: url(../img/common/icon_blue.gif) no-repeat left center;
    margin: 0px;
    padding: 0px 0px 0px 10px;
}

#search_box .fr #state_list #all a{
    text-decoration: underline;
}
#search_box #coupon_btn a {
    background: url(../img/search/search_coupon_btn.gif) no-repeat left top;
    text-align: left;
    text-indent: -9999px;
    display: block;
    height: 48px;
    width: 276px;
    overflow: hidden;
}
#search_box #coupon_btn a:hover {
    background: url(../img/search/search_coupon_btn.gif) no-repeat left bottom;
}
#search_box #help a {
    background: #d7edff url(../img/top/search_coupon_icon..png) no-repeat 10px center;
    float: right;
    font-size: 12px;
    line-height: 100%;
    padding: 12px 15px 12px 30px;
    border: 1px solid #bcddf8;
    display: block;
    margin-top: 6px;
}
#search_area {
    margin-top: 12px;
}
#search_area #search_area_title  {
    text-align: left;
    background: url(../img/search/area_title.gif) no-repeat left top;
    font-size: 14px;
    line-height: 100%;
    color: #333;
    padding: 15px 0px 11px 40px;
    font-weight: bold;
}
#search_area #search_area_text {
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    margin-right: 3px;
    padding: 15px 10px 15px 30px;
    background: #f1faff;
    font-size: 12px;
    color: #999999;
    text-align: left;
    line-height: 22px;
}

#rankphotobox {
    width: 100%;
    padding-top: 30px;
}
#rankphotobox h4 {
    background: url(../img/reviews/rank_title1.gif) no-repeat left top;
    text-align: left;
    font-size: 14px;
    line-height: 100%;
    color: #333;
    padding: 15px 0px 10px 55px;
}
#rankphotobox #rp_inbox {
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    background: #f7fcff;
    padding: 8px;
    margin-right: 3px;
}
#rankphotobox #rp_inbox #rp_ranktop {
    border: 1px solid #ffd634;
    background: #fffce4;
    padding: 8px;
}
#rankphotobox #rp_inbox .rp_box {
    float: left;
    margin-right: 14px;
}
#rankphotobox #rp_inbox .rp_box .rp_photo {
    border: 1px solid #accee2;
    padding: 3px;
    background: #FFF;
    width: 90px;
    margin-bottom: 3px;
    position: relative;
    height: 90px;
}
#rankphotobox #rp_inbox .rp_box .rp_photo a { 
    display: block;
}
#rankphotobox #rp_inbox .rp_box p {
    width: 100px;
    text-align: left;
    line-height: 14px;
    padding-top: 2px;
    font-weight: bold;
    font-size: 12px;
}

#rankphotobox #rp_inbox #rp_rank1 {
    background: url(../img/common/rank01.gif) no-repeat left top;
    padding-left: 27px;
    margin-left: 5px;
}
#rankphotobox #rp_inbox #rp_rank2 {
    background: url(../img/common/rank02.gif) no-repeat left top;
    padding-left: 27px;
}
#rankphotobox #rp_inbox #rp_rank3 {
    background: url(../img/common/rank03.gif) no-repeat left top;
    padding-left: 27px;
}
#rankphotobox #rp_inbox #rp_rank4 {
    background: url(../img/common/rank04.gif) no-repeat left top;
    padding-left: 27px;
}
#rankphotobox #rp_inbox #rp_rank5 {
    background: url(../img/common/rank05.gif) no-repeat left top;
    padding-left: 27px;
    margin-right: 0px;
}
#ac_titlebox2 {
    background: url(../img/open/h4_bk.gif) repeat-x;
    padding: 5px 0px 0px 10px;
    border-top: 1px solid #d6dbe2;
    border-right: 1px solid #d6dbe2;
    border-left: 1px solid #d6dbe2;
    clear: both;
}
#ac_titlebox2 h4 {
    font-size: 16px;
    line-height: 100%;
    color: #333;
    text-align: left;
    background: url(../img/search/re_gerende_title.gif) no-repeat left top;
    padding: 8px 0px 10px 40px;
}
.re_box {
    background: #e1f1fc;
    margin-top: 20px;
    padding-bottom: 6px;
}
.re_box .re_titlebox {
    margin: 0px auto;
    width: 97%;
    padding-top: 7px;
}
.re_box .re_titlebox p {
    font-size: 14px;
    line-height: 150%;
    text-align: left;
    font-weight: bold;
    float: left;
    padding-top: 5px;
    width: 80%;
}
.re_box .re_titlebox .bookmark {
    width: 109px;
    float: right;
}
.re_box .re_titlebox .bookmark button.bookmarkbtn {
    background: url(../img/resorts/bookmark.gif) no-repeat left top;
    text-align: left;
    text-indent: -9999px;
    display: block;
    height: 24px;
    width: 109px;
    margin: 0;
    padding:0;
    cursor:pointer;
    border:none;
    overflow: hidden;
}
.re_box .re_titlebox .bookmark button.bookmarkbtn:hover {
    background: url(../img/resorts/bookmark.gif) no-repeat left bottom;
}

.re_box .re_titlebox .bookmark button.unbookmark {
    background: url(../img/resorts/bookmark.gif) no-repeat right top !important;
}

.re_box .re_titlebox .bookmark button.unbookmark:hover {
    background: url(../img/resorts/bookmark.gif) no-repeat right bottom !important;
}

.re_box .re_inbox {
    border: 1px solid #b9d6ea;
    background: #FFF;
    margin: 5px auto 0px;
    width: 98%;
    padding-top: 10px;
}
.re_box .re_inbox .re_inleft {
    float: left;
    width: 150px;
    padding-top: 15px;
}
.re_box .re_inbox .re_inleft div {
    width: 118px;
    margin: 0px auto;
}
.re_box .re_inbox .re_inleft div a {
    background: url(../img/search/coupon_btn.gif) no-repeat left top;
    height: 39px;
    width: 118px;
    display: block;
    text-align: left;
    text-indent: -9999px;
    overflow: hidden;
}
.re_box .re_inbox .re_inleft div a:hover {
    background: url(../img/search/coupon_btn.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright {
    float: right;
    width: 575px;
}
.re_box .re_inbox .re_inright h5 {
    font-size: 16px;
    text-align: left;
}

.re_box .re_inbox .re_inright .status0 {
    padding: 10px 0px 10px 0px;
}

.re_box .re_inbox .re_inright .status1 {
    background: url(../img/search/icon_open.gif) no-repeat left center;
    padding: 10px 0px 10px 40px;
}

.re_box .re_inbox .re_inright .status2 {
    background: url(../img/search/icon_rest.gif) no-repeat left center;
    padding: 10px 0px 10px 40px;
}

.re_box .re_inbox .re_inright .status3 {
    background: url(../img/search/icon_close.gif) no-repeat left center;
    padding: 10px 0px 10px 40px;
}

.re_box .re_inbox .re_inright .info_tb {
    border-collapse: collapse;
    font-size: 12px;
    line-height: 20px;
    margin-top: 10px;
}
.re_box .re_inbox .re_inright .info_tb th{
    background: #dfeef8;
    text-align: left;
    font-weight: normal;
}
.re_box .re_inbox .re_inright .info_tb td {
    text-align: left;
}
.re_box .re_inbox .re_inright .border {
    border-top: 1px solid #d9d9d9;
}
.re_box .re_inbox .re_inright .data {
    background: url(../img/common/icon_star.png) no-repeat left top;
    text-align: left;
    margin-top: 10px;
    font-size: 12px;
    line-height: 100%;
    color: #999;
    float: right;
    padding: 2px 85px 10px 18px;
}
.re_box .re_inbox .re_inright .data a {
    text-decoration: underline;
}
.re_box .re_inbox .re_inright .icon {
    text-align: left;
    margin-top: 5px;
    padding-bottom: 10px;
}
.re_box .re_inbox .re_inright .icon ul {
    list-style: none;
}
.re_box .re_inbox .re_inright .icon ul li {
    margin-right: 10px;
    display: block;
    width: 40px;
    height: 37px;
    float: left;
    text-align: left;
    text-indent: -9999px;
}

.re_box .re_inbox .re_inright .icon ul .icon1 {
    background: url(../img/common/mark/family.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon2 {
    background: url(../img/common/mark/morning.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon3 {
    background: url(../img/common/mark/nighter.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon4 {
    background: url(../img/common/mark/kids.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon5 {
    background: url(../img/common/mark/school.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon6 {
    background: url(../img/common/mark/rest.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon7 {
    background: url(../img/common/mark/ski.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon8 {
    background: url(../img/common/mark/rental.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon9 {
    background: url(../img/common/mark/bath.gif) no-repeat left top;
}
.re_box .re_inbox .re_inright .icon ul .icon10 {
    background: url(../img/common/mark/nursery.gif) no-repeat left top;
}

.re_box .re_inbox .re_inright .icon ul .icon1.off {
    background: url(../img/common/mark/family.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon2.off {
    background: url(../img/common/mark/morning.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon3.off {
    background: url(../img/common/mark/nighter.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon4.off {
    background: url(../img/common/mark/kids.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon5.off {
    background: url(../img/common/mark/school.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon6.off {
    background: url(../img/common/mark/rest.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon7.off {
    background: url(../img/common/mark/ski.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon8.off {
    background: url(../img/common/mark/rental.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon9.off {
    background: url(../img/common/mark/bath.gif) no-repeat left center;
}
.re_box .re_inbox .re_inright .icon ul .icon10.off {
    background: url(../img/common/mark/nursery.gif) no-repeat left center;
}

.re_box .re_inbox .re_inright .icon ul .icon1.non {
    background: url(../img/common/mark/family.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon2.non {
    background: url(../img/common/mark/morning.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon3.non {
    background: url(../img/common/mark/nighter.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon4.non{
    background: url(../img/common/mark/kids.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon5.non {
    background: url(../img/common/mark/school.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon6.non {
    background: url(../img/common/mark/rest.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon7.non {
    background: url(../img/common/mark/ski.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon8.non {
    background: url(../img/common/mark/rental.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon9.non {
    background: url(../img/common/mark/bath.gif) no-repeat left bottom;
}
.re_box .re_inbox .re_inright .icon ul .icon10.non {
    background: url(../img/common/mark/nursery.gif) no-repeat left bottom;
}


/*エリア*/
#search_area #search_order_title  {
    text-align: left;
    background: url(../img/search/order_title.gif) no-repeat left top;
    font-size: 14px;
    line-height: 100%;
    color: #333;
    padding: 12px 0px 11px 40px;
    font-weight: bold;
}
#search_area #search_area_order {
    border-right: 1px solid #d2d2d2;
    border-bottom: 1px solid #d2d2d2;
    border-left: 1px solid #d2d2d2;
    margin-right: 3px;
    padding: 15px 10px 15px 30px;
    background: #f1faff;
    font-size: 12px;
    text-align: left;
    line-height: 20px;
}
#search_area #search_area_order .fr  {
    width: 120px;
    margin-right: 20px;
    margin-top: 30px;
}
#search_area #search_area_order #search_order_btn {
    background: url(../img/search/search_oreder_btn.gif) no-repeat left top;
    display: block;
    height: 28px;
    width: 118px;
    text-align: left;
    text-indent: -9999px;
    border-style: none;
    cursor: pointer;
}
#search_area #search_area_order #search_order_btn:hover {
    background: url(../img/search/search_oreder_btn.gif) no-repeat left bottom;
}
#ac_titlebox3 {
    background: url(../img/open/h4_bk.gif) repeat-x;
    padding: 2px 0px 5px 10px;
    border-top: 1px solid #d6dbe2;
    border-right: 1px solid #d6dbe2;
    border-left: 1px solid #d6dbe2;
    clear: both;
}
#ac_titlebox3 h4 {
    font-size: 16px;
    line-height: 100%;
    color: #333;
    text-align: left;
    background: url(../img/search/state_title.gif) no-repeat left top;
    padding: 8px 0px 10px 40px;
    float: left;
}
#ac_titlebox3 ul {
    list-style: none;
    float: right;
}
#ac_titlebox3 ul li {
    float: right;
    margin-top: 5px;
    margin-right: 15px;
    cursor: pointer;
    color: #0178d8;
    text-decoration: underline;
}
#ac_titlebox3 #tab #icon_map {
    background: url(../img/search/icon_map.png) no-repeat 5px center;
    padding: 5px 5px 5px 20px;
}
#ac_titlebox3 #tab #icon_list {
    background: url(../img/search/icon_list.png) no-repeat 5px center;
    padding: 5px 5px 5px 23px;
}
#ac_titlebox3 #tab .select {
    background-color: #d8eeff !important;
    color: #505050;
    text-decoration: none;
}
.pages {
    list-style: none;
    cursor:pointer;
    float: right;
}
.pager-prev {
    margin-right: 10px;
    color: #0178d8;
}

.pager-next {
    margin-left: 10px;
    color: #0178d8;
}

.pager-action {
    color: #0178d8;
    float:left;
    background:none repeat scroll 0 0 transparent !important;
    border:0;
    text-decoration: underline !important;
}

.page-number {
    background:none repeat scroll 0 0 transparent !important;
    border:0;
    float:left;
    padding-right: 5px;
    padding-left: 5px;
    text-decoration: underline !important;
    color: #0178d8;
}
.page-number.ui-state-active{
    opacity: .50; filter:Alpha(Opacity=50);
}


#pager {
    font-size: 12px;
    line-height: 100%;
    color: #74b0e1;
    float:right;
    padding-bottom: 10px;
}

#pager2 {
    font-size: 12px;
    line-height: 100%;
    color: #74b0e1;
    background: #f6fbfe;
    border: 1px solid #ccdae2;
    padding: 10px;
}

.disnon {
    display: none;
}
iframe {
    font-size:  12px !important;
}

#search_order_btn_loading{
    width: 24px;
    height:24px;
}

.ui-widget-overlay {
    background: none !important;
    background-color: #666 !important;
}

.ui-dialog {
    background: none !important;
    background-color: #FFF !important;
}

.ui-dialog-titlebar {
    padding-top: 15px !important;
    background: none !important;
    border: none !important;
}
#ui-dialog-title-dialog-message3 {
    display: none;
}
#dialog-message3 {
    display:none;
}

#dialog-message3 h3 {
    font-size: 12px;
    text-align:left;
    background: #edeff1;
    padding: 7px;
    margin-bottom: 15px;
}
#my_btn2 {
    margin: 20px auto;
}
#my_btn2 a{
    border: 1px solid #a7cce4;
    -moz-border-radius: .5em;
    border-radius: .5em;
    width: 120px;
    padding: 7px 0px;
    font-weight: bold;
    font-size: 12px;
    background: #e8f6ff;
    text-decoration: none;
    display: block;
    float: left;
}
#my_btn2 a:hover{
    background: #039;
    border: 1px solid #2a2a2a;
    color: #FFF;
}
#my_btn2 p {
    float: left;
    padding: 5px;

}