@CHARSET "UTF-8";

#leftSpace {
    width: 745px;
    text-align: left;
    float: left;
    display:inline;
}

#leftContentsSpace {
    width: 480px;
    float: left;
    display:inline;
}

#centerContentsSpace {
    width: 250px;
    float: right;
    display:inline;
}

#rightSpace {
    width: 190px;
    float: right;
    display:inline;
}

.keywordArea {
    margin: 0;
    padding: 10px 10px;
}

.keywordSearch {
    margin: 0 0;
    padding: 0;
    padding-left: 10px;
}

.keywordSearch form {
    margin: 0;
    padding: 0;
}

.keywordSearch form input {
    float: left;
    display:inline;
}

.keywordSearch form label {
    padding-top: 4px;
    font-size: 12px;
    float: left;
    display:inline;
}

.noResult {
    font-size: 14px;
    text-align: center;
    width: 700px;
    margin: 0px;
    margin-top: 15px;
    padding: 15px;
    border: 1px solid #990000;
    background-color: #FFF;
}

img {
    border: 0;
}

.rightSpaceFrameGrayTop {
    width: 190px;
    height: 8px;
    background: url("/images/frames/right-side/frame-gray-top.gif") no-repeat;
}

.rightSpaceFrameGray {
    width: 190px;
    background: url("/images/frames/right-side/frame-gray-bg.gif") repeat-y;
}

.rightSpaceFrameGrayBottom {
    width: 190px;
    height: 8px;
    margin-bottom: 15px;
    background: url("/images/frames/right-side/frame-gray-bottom.gif") no-repeat;
}

.areaHeader {
    width: 745px;
    height: 40px;
    padding-top: 10px;
    margin-bottom: 10px;
    background: url("/images/area/area-header.jpg") no-repeat;
}

.areaHeader h2 {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    font-size: 18px;
    color: #CC6600;
    float: left;
}

.areaHeader h3 {
    margin: 0;
    margin-left: 5px;
    padding: 0;
    padding-top: 6px;
    font-size: 12px;
    color: #F09100;
    float: left;
}

.areaSpaHeader {
    width: 750px;
    margin: 0;
    padding: 0;
    background: url("/images/frames/area/spa-frame-bg.jpg") repeat-y;
}

.areaSpaHeader .title {
    margin: 0;
    padding: 0;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    background: url("/images/frames/area/spa-frame-top.jpg") no-repeat;
}

.areaSpaHeader .title h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #CC6600;
    float: left;
}

.areaSpaHeader .title h3 {
    margin: 0;
    padding: 0;
    padding-top: 6px;
    padding-left: 10px;
    font-size: 12px;
    color: #F09100;
}

.areaSpaHeader .info {
    width:  400px;
    float: left;
    font-size: 14px;
    padding: 0px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    line-height: 130%;
}

.areaSpaHeader .elementSpace {
    width:  320px;
    padding-top: 10px;
    padding-right: 10px;
    float: right;
}

.elementSpace ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.elementSpace ul li {
    margin-top: 5px;
}

.elementSpace ul li label {
    font-size: 12px;
    color: #F09100;
}

.elementSpace ul li p {
    width: 300px;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    font-size: 12px;
}

.areaSpaHeader .elementTitle {
    width: 300px;
    padding: 0;
    padding-bottom: 5px;
    margin: 0;
    margin-bottom: 5px;
    font-size: 14px;
    color: #F09100;
    border-bottom: 1px solid #F09100;
}

.areaSpaHeader .elementFrameTop {
    width:  320px;
    height: 7px;
    font-size: 0px;
    background: url("/images/frames/area/spa-element-frame-top.jpg") no-repeat;
}

.areaSpaHeader .elementFrameBody {
    width:  300px;
    padding: 3px 10px;
    background: url("/images/frames/area/spa-element-frame-bg.jpg") repeat-y;
}

.areaSpaHeader .elementFrameBottom {
    width:  320px;
    height: 7px;
    background: url("/images/frames/area/spa-element-frame-bottom.jpg") no-repeat;
}

.areaSpaHeader .infoBottom {
    width: 750px;
    height: 6px;
    margin: 0;
    padding: 0;
    font-size: 0px;
    clear: both;
    background: url("/images/frames/area/spa-frame-bottom.jpg") no-repeat;
}

.listSpace {
    width: 745px;
    margin: 0;
    padding: 0;
}

.listSpace .listTabs {
    margin: 0;
    padding: 0;
}

.listSpace .listTabs ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.listSpace .listTabs ul li {
    margin: 0;
    padding: 0;
    float: left;
}

.listSpace .listTabs ul .yado {
    width: 109px;
    height: 36px;
    display:block;
    text-indent:-9877em;
    text-decoration:none;
    overflow:hidden;
    background: url("/images/frames/area/spa-yadolist-frame-tab-yado-front.gif") no-repeat;
}

.listSpace .listTabs ul .yado a {
    width: 109px;
    height: 36px;
    display:block;
    text-indent:-9877em;
    text-decoration:none;
    overflow:hidden;
    background: url("/images/frames/area/spa-yadolist-frame-tab-yado-back.gif") no-repeat;
}

.listSpace .listTabs ul .plan {
    width: 133px;
    height: 36px;
    display:block;
    text-indent:-9877em;
    text-decoration:none;
    overflow:hidden;
    background: url("/images/frames/area/spa-yadolist-frame-tab-plan-front.gif") no-repeat;
}

.listSpace .listTabs ul .plan a {
    width: 133px;
    height: 36px;
    display:block;
    text-indent:-9877em;
    text-decoration:none;
    overflow:hidden;
    background: url("/images/frames/area/spa-yadolist-frame-tab-plan-back.gif") no-repeat;
}

.listSpace .frameTop {
    width: 745px;
    height: 7px;
    background: url("/images/frames/area/yadolist-frame-top.jpg") no-repeat;
}

.listSpace .frameTopTab {
    width: 745px;
    height: 36px;
    background: url("/images/frames/area/yadolist-frame-top-tab.jpg") no-repeat;
}

.listSpace .frameBody {
    width: 731px;
    padding: 0 7px;
    padding-bottom: 4px;
    background: url("/images/frames/area/yadolist-frame-bg.jpg") repeat-y;
}

.listSpace .frameBottom {
    width: 745px;
    height: 7px;
    background: url("/images/frames/area/yadolist-frame-bottom.jpg") no-repeat;
}

.listSpace .frameBody .priceInfo {
    width: 730px;
    font-size: 10px;
    text-align: right;
}

.yado {
    width: 730px;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

.yado .frameTop {
    width: 730px;
    height: 40px;
    margin: 0;
    padding: 0;
    background: url("/images/frames/search-frame-yado-header.jpg") no-repeat;
}

.yado .frameBody {
    width: 730px;
    margin: 0;
    padding: 0;
    background: url("/images/frames/search-frame-bg.gif") repeat-y;
}

.yado .frameBottom {
    width: 730px;
    height: 7px;
    margin: 0;
    padding: 0;
    background: url("/images/frames/search-frame-bottom.gif") no-repeat;
}

.yado .header {
    width: 694px;
    padding: 0;
    padding-top: 10px;
    padding-left: 7px;
}

.yado .header a {
    color: #FF6600;
}

.yado .header h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.yado a {
    color: #0066CC;
}



.yado .img{
    width: 240px;
    float: right;
    padding: 0px;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-right: 7px;
}

.yado .baseInfo {
    width: 470px;
    float: left;
    padding: 0;
    padding-top: 7px;
    padding-bottom: 7px;
    padding-left: 7px;
    font-size: 13px;
}

.yado .baseInfo .feature {
    margin: 0;
    padding: 0;
    padding-top: 5px;
}

.yado .baseInfo .feature ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.yado .baseInfo .feature ul li {
    margin: 0;
    padding: 0;
    padding-right: 2px;
    display:block;
    text-indent:-9877em;
    text-decoration:none;
    overflow:hidden;
    float: left;
}

.yado .baseInfo .feature ul .roten {
    width: 53px;
    height: 20px;
    background: url("/images/marks/yado-roten.gif") no-repeat;
}

.yado .baseInfo .feature ul .kashikiri {
    width: 53px;
    height: 20px;
    background: url("/images/marks/yado-kashikiri.gif") no-repeat;
}

.yado .baseInfo .feature ul .kashi-roten {
    width: 73px;
    height: 20px;
    background: url("/images/marks/yado-kashi-roten.gif") no-repeat;
}

.yado .baseInfo .feature ul .roten-room {
    width: 82px;
    height: 20px;
    background: url("/images/marks/yado-roten-room.gif") no-repeat;
}

.yado .baseInfo .feature ul .esthetic {
    width: 42px;
    height: 20px;
    background: url("/images/marks/yado-esthetic.gif") no-repeat;
}

.yado .baseInfo .info{
    width: 275px;
    height: 20px;
    margin: 0;
    margin-top: 5px;
    padding: 0;
    background: url("/images/marks/plan-checkinout.gif") no-repeat;
}

.yado .baseInfo .info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}


.yado .baseInfo .info ul li.in {
    margin: 0;
    padding: 0;
    padding-top: 0.3em;
    padding-left: 82px;
    font-size: 12px;
    float: left;
}

.yado .baseInfo .info ul li.out {
    margin: 0;
    padding: 0;
    padding-top: 0.3em;
    width: 75px;
    text-align: center;
    font-size: 12px;
    float: right;
}

.yado .baseInfo .planList {
    width: 470px;
    margin: 0;
    padding: 0;
}

.yado .baseInfo p {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    line-height: 150%;
}

.yado .baseInfo .planList .img {
    width: 94px;
    margin: 0;
    padding: 0;
    padding-right: 5px;
    float: left;
}

.yado .baseInfo .planList .planData {
    width: 360px;
    margin: 0;
    padding: 0;
    float: left;
}

.yado .baseInfo .planList ul {
    margin: 0;
    padding: 0;
    list-style: none;
    float: left;
}

.yado .baseInfo .planList ul li {
    margin: 0;
    padding: 3px 0;
}

.yado .baseInfo .planList ul.titleLine {
    width: 250px;
    margin: 0;
    padding: 0;
    float: left;
}

.yado .baseInfo .planList ul.titleLine li {
    margin: 0;
    padding: 3px 0;
    font-size: 12px;
}

.yado .baseInfo .planList ul.titleLine li h3 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.yado .baseInfo .planList ul.priceLine {
    margin: 0;
    padding: 0;
    float: right;
}

.yado .baseInfo .planList ul.priceLine li {
    margin: 0;
    padding: 3px 0;
    font-size: 12px;
}

.yado .baseInfo .planList ul.priceLine li.price {
    font-size: 14px;
    font-weight: bold;
}

.yado .baseInfo .planList ul.markLine {
    width: 360px;
    margin: 0;
    padding: 0;
    float: left;
}

.yado .baseInfo .planList ul.markLine li {
    margin: 0;
    padding: 0;
    padding-right: 3px;
    float: left;
}

.yado .baseInfo .planList ul.markLine li.meal {
    margin: 0;
    padding: 0;
    padding-top: 0.3em;
    padding-left: 52px;
    font-size: 12px;
    width: 125px;
    height: 21px;
    background: url("/images/marks/plan-meal.gif") no-repeat;
}

.yado .baseInfo .planListLink {
    margin: 0;
    padding: 10px 0;
    text-align: right;
}

.plan {
    width: 730px;
    margin: 0;
    padding: 0;
    padding-top: 10px;
}

.plan .frameTop {
    width: 730px;
    height: 40px;
    margin: 0;
    padding: 0;
    background: url("/images/frames/search-frame-yado-header.jpg") no-repeat;
}

.plan .frameBody {
    width: 716px;
    margin: 0;
    padding: 0 7px;
    padding-top: 7px;
    background: url("/images/frames/search-frame-bg.gif") repeat-y;
}

.plan .frameBottom {
    width: 730px;
    height: 7px;
    margin: 0;
    padding: 0;
    background: url("/images/frames/search-frame-bottom.gif") no-repeat;
}

.plan .header {
    width: 694px;
    padding: 0;
    padding-top: 10px;
    padding-left: 7px;
}

.plan .header a {
    color: #FF6600;
}

.plan .header h2 {
    margin: 0;
    padding: 0;
    font-size: 16px;
}

.plan a {
    color: #0066CC;
}

.plan .planItem {
    width: 716px;
    margin: 0;
    padding: 0;
}

.plan .planImg {
    margin: 0;
    padding: 0;
    float: left;
}

.plan .planInfo {
    width: 592px;
    float: right;
}

.plan .planInfo ul{
    margin: 0;
    padding: 0;
    list-style: none;
}


.plan .planInfo ul.titleLine {
    width: 460px;
    float: left;
}

.plan .planInfo ul.titleLine li {
    margin: 0;
    padding: 3px 0;
}

.plan .planInfo ul.titleLine li.name  {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

.plan .planInfo ul.titleLine li.name  h3 {
    font-size: 14px;
    margin: 0;
    padding: 0;
}

.plan .planInfo ul.titleLine li.msg  {
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    line-height: 150%;
}

.plan .planInfo ul.priceLine {
    margin: 0;
    padding: 0;
    float: right;
}

.plan .planInfo ul.priceLine li {
    margin: 0;
    padding: 3px 0;
    font-size: 12px;
}

.plan .planInfo ul.priceLine li.price {
    font-size: 14px;
    font-weight: bold;
}

.plan .planInfo ul.markLine {
    width: 100%;
    margin: 0;
    padding: 0;
}

.plan .planInfo ul.markLine li{
    padding-right: 3px;
    float: left;
}

.plan .planInfo ul.markLine li ul {
    margin: 0;
    padding: 0;
    float: left;
}

.plan .planInfo ul.markLine li ul.meal {
    width: 125px;
    height: 21px;
    margin: 0;
    padding: 0;
    background: url("/images/marks/plan-meal.gif") no-repeat;
}

.plan .planInfo ul.markLine li ul.meal li {
    width: 80px;
    padding: 0;
    margin-top: 0.3em;
    margin-left: 45px;
    text-align: center;
    display: inline;
}

.plan .planInfo ul.markLine li ul.checkInOut{
    width: 275px;
    height: 20px;
    margin: 0;
    padding: 0;
    background: url("/images/marks/plan-checkinout.gif") no-repeat;
}


.plan .planInfo ul.markLine li ul.checkInOut li.in {
    margin: 0;
    padding: 0;
    padding-top: 0.3em;
    padding-left: 82px;
    font-size: 12px;
    float: left;
}

.plan .planInfo ul.markLine li ul.checkInOut li.out {
    margin: 0;
    padding: 0;
    padding-top: 0.3em;
    width: 75px;
    text-align: center;
    font-size: 12px;
    float: right;
}

.pageNavigation {
    width: 730px;
    margin: 0;
    padding: 10px 0;
    text-align: center;
}

.pageNavigation span {
    
    
}

.pageNavigation span a {
    margin: 1px;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #CCC;
    background-color: #FFF;
}


.pageNavigation span a:hover {
    background-color: #EEE;
}

.pageNavigation span font.first,
.pageNavigation span font.last,
.pageNavigation span font.next,
.pageNavigation span font.return
{
    margin: 1px;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #CCC;
    color: #777;
    background-color: #EEE;
}

.pageNavigation span font.now {
    margin: 1px;
    padding: 5px;
    font-size: 12px;
    border: 1px solid #FFD079;
    color: #FF6600;
    background-color: #FFF4DF;
}