@CHARSET "UTF-8";

#areaMaps {
    padding-bottom: 10px;
}

#mainSpace {
    width: 950px;
    margin:0 auto;
    padding: 0;
}

#keywordSearch {
    width: 250px;
    height: 90px;
    background: url("/images/keyword-search.gif") no-repeat;
    margin-bottom: 15px;
}

#keywordSearch form {
    margin: 0;
    padding: 10px;
    padding-top: 35px;
}

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

#keywordSearch form #keyword {
    margin: 0;
    margin-right: 6px;
    width: 170px;
    height: 16px;
    font-size: 12px;
}

#keywordSearch form #search {
    width: 48px;
    height: 20px;
}

#keywordSearch .help {
    float: left;
    font-size: 10px;
    margin-top: 5px;
    margin-left: 10px;
    display:inline;
}

#keywordSearch .rank {
    float: right;
    font-size: 10px;
    margin-top: 5px;
    margin-right: 10px;
    display:inline;
}

.maps {
    width: 480px;
    padding-bottom: 10px;
}

.frameGray480 {
    width: 480px;
    padding-bottom: 10px;
}

.frameGray480 .top {
    width: 480px;
    height: 10px;
    background: url("/images/frames/frame-gray-480-top.gif") no-repeat;
}

.frameGray480 .body {
    width: 460px;
    padding: 0 10px;
    background: url("/images/frames/frame-gray-480-bg.gif") repeat-y;
}

.frameGray480 .bottom {
    width: 480px;
    height: 10px;
    background: url("/images/frames/frame-gray-480-bottom.gif") no-repeat;
}

.frameGray480 h3 {
    font-size: 18px;
    color: #666;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
    margin-bottom: 15px;
    border-bottom: 1px solid #999;
}

.spaList {
    padding: 0;
    margin: 0;
}

.spaList ul {
    padding: 0;
    margin: 0;
    padding-bottom: 10px;
    
    list-style: none;
}

.spaList ul li {
    padding-left: 10px;
    padding-bottom: 10px;
    float: left;
    display:inline;
}

.spaList ul li.name {
    font-size: 16px;
    font-weight: bold;
}

.spaList ul li.text {
    font-size: 14px;
}

#recommendYado {
    width: 190px;
    padding-bottom: 10px;
}

#recommendYado .top {
    width: 250px;
    height: 28px;
    background: url("/images/frames/recommend-yado-top.gif") no-repeat;
}

#recommendYado .main {
    width: 230px;
    padding: 0 10px;
    background: url("/images/frames/recommend-yado-bg.gif") repeat-y;
}

#recommendYado .bottom {
    width: 250px;
    height: 8px;
    background: url("/images/frames/recommend-yado-bottom.gif") no-repeat;
}


#recommendYado .yadoList {
    padding-top: 10px;
}

#recommendYado .yadoList .image {
    width: 94px;
    float: left;
    display:inline;
}

#recommendYado .yadoList .info {
    margin-left: 5px;
    width: 130px;
    float: left;
    display:inline;
}

#recommendYado .yadoList .info ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

#recommendYado .yadoList .info li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#recommendYado .yadoList .info .yadoName {
    color: #666666;
    padding-top: 3px;
}

#recommendYado .yadoList .info .area {
    color: #666666;
    font-size: 10px;
    padding-top: 5px;
}

#recommendPlan {
    width: 250px;
    margin: 0px;
    margin-bottom: 10px;
}

#recommendPlan .recommendPlanTop {
    width: 250px;
    height: 28px;
    background: url("/images/frames/recommend-plan-top.gif") no-repeat;
}

#recommendPlan .recommendPlanMain {
    width: 230px;
    padding: 0 10px;
    background: url("/images/frames/recommend-plan-bg.gif") repeat-y;
}

#recommendPlan .recommendPlanBottom {
    width: 250px;
    height: 8px;
    background: url("/images/frames/recommend-plan-bottom.gif") no-repeat;
}

#recommendTheme {
    width: 480px;
}

#recommendTheme .top {
    width: 480px;
    height: 28px;
    background: url("/images/frames/recommend-theme-top.gif") no-repeat;
}

#recommendTheme .main {
    width: 480px;
    background: url("/images/frames/recommend-theme-bg.gif") repeat-y;
}

#recommendTheme .bottom {
    width: 480px;
    height: 8px;
    background: url("/images/frames/recommend-theme-bottom.gif") no-repeat;
}

#recommendThemeMini {
    width: 250px;
}

#recommendThemeMini .top {
    width: 250px;
    height: 28px;
    background: url("/images/frames/recommend-theme-mini-top.gif") no-repeat;
}

#recommendThemeMini .main {
    width: 226px;
    
    padding: 0 12px;
    padding-top: 8px;
    background: url("/images/frames/recommend-plan-bg.gif") repeat-y;
}

#recommendThemeMini .bottom {
    width: 250px;
    height: 8px;
    background: url("/images/frames/recommend-plan-bottom.gif") no-repeat;
}

#recommendTheme .main .left {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    width: 220px;
    float: left;
    display:inline;
}

#recommendTheme .main .right {
    margin: 0;
    padding: 0;
    padding-left: 10px;
    width: 220px;
    float: left;
    display:inline;
}

#recommendTheme .main .left ul {
    margint: 0;
    padding: 0;
    list-style-type: none;
}

#recommendTheme .main .left ul li {
    margint: 0;
    padding: 0;
    list-style-type: none;
}

#memberMenu {
    width: 190px;
    height: 102px;
    text-align: left;
    background: url("/images/frames/right-side/frame-member-bg.jpg") no-repeat;
    padding-bottom: 10px;
}

#memberMenu ul {
    margin: 0;
    padding: 7px 10px;
    list-style: none;
}

#memberMenu ul li {
    padding-bottom: 8px;
}

#menu {
    width: 180px;
    text-align: left;
    padding-bottom: 10px;
}

#menu ul {
    margin: 0;
    padding: 7px 10px;
    list-style: none;
}

#menu ul li {
    padding-bottom: 5px;
}

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

.pageHeader h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color: #CC6600;
    float: left;
    display:inline;
}

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

.pageFrame {
    width: 750px;
    margin: 0;
    padding: 0;
}

.pageFrame .frameTop {
    width: 745px;
    height: 10px;
    background: url("/images/frames/page/frame-top.gif") no-repeat;
}

.pageFrame .frameBody {
    width: 725px;
    padding: 0 10px;
    padding-bottom: 4px;
    background: url("/images/frames/page/frame-bg.gif") repeat-y;
}

.pageFrame .frameBottom {
    width: 745px;
    height: 10px;
    background: url("/images/frames/page/frame-bottom.gif") no-repeat;
}

#loginLeft {
    text-align: left;
    width: 357px;
    border-right: 1px solid #DECD8B;
    float: left;
    display:inline;
}

#loginRight {
    text-align: center;
    width: 350px;
    float: right;
    display:inline;
}

.loginFrame .frameTop {
    width: 745px;
    height: 12px;
    background: url("/images/frames/login-top.gif") no-repeat;
}

.loginFrame .frameBody {
    width: 721px;
    padding: 0 12px;
    padding-bottom: 4px;
    background: url("/images/frames/login-bg.gif") repeat-y;
}

.loginFrame .frameBottom {
    width: 745px;
    height: 12px;
    background: url("/images/frames/login-bottom.gif") no-repeat;
}

.login {
    text-align: center;
}

.login form {
    text-align: center;
    padding-top: 10px;
}

.login input.login-text {
    width: 200px;
    font-size: 12px;
}

#loginRight .text {
    font-size: 12px;
    text-align: left;
    line-height: 120%;
}

#loginLeft h3 {
    width: 345px;
    color: #F09100;
    font-size: 16px;
    text-align: left;
    padding-bottom: 5px;
    border-bottom:  1px  solid #F09100;
}

#loginRight h3 {
    color: #F09100;
    font-size: 16px;
    text-align: left;
    padding-bottom: 5px;
    border-bottom:  1px  solid #F09100;
}

.login table td.odd {
    font-size: 14px;
    text-align: right;
    font-weight: bold;
}

.pageFrame h3 {
    width: 730px;
    font-size: 16px;
    color: #F09100;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px  solid #F09100;
}

.pageFrame .text ul {
    margin: 0;
    padding: 0;
    padding-left: 20px;
    list-style: none;
}

.pageFrame .text ul li {
    font-size: 14px;
    margin: 0;
    padding: 0;
    padding-bottom: 5px;
}

.newPlan {
    width: 230px;
    padding-top: 10px;
}

.newPlan .image {
    width: 94px;
    float: left;
    display:inline;
}

.newPlan .info {
    margin-left: 5px;
    width: 130px;
    float: left;
    display:inline;
}

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

.newPlan .info li {
    margin: 0;
    padding: 0;
    list-style: none;
}

.newPlan .info .yadoName {
    color: #666666;
    padding-top: 3px;
}

.newPlan .info .area {
    color: #666666;
    font-size: 10px;
    padding-top: 5px;
}

.navigation {
    padding-left: 2px;
    font-size: 12px;
    margin-bottom: 10px;
}

.sideBanner {
    padding-bottom: 10px;
}

.lineGray {
    width: auto;
    height: 3px;
    margin: 5px 0;
    padding: 0;
    font-size: 0px;
    background: url("/images/lines/light-gray.gif") repeat-x;
    clear: both;
}

.lineOrange {
    width: auto;
    height: 3px;
    margin: 5px 0;
    padding: 0;
    font-size: 0px;
    background: url("/images/lines/orange.gif") repeat-x;
    clear: both;
}