/* CSS Document */

@import "/common_css/default.css";
@import "/common_css/component.css";

#contents {
 float:none;
        padding: 0px 15px;
        width: 750px !important;
        width /**/: 780px;
}

body {
        text-align:center;
        background-image: none;
}

a:link {
        color:#1169C1;
}

#pgTop {
        clear: both;
        display: block;
        text-align: right;
        padding: 10px 0;
        width: 100%;
}

#logo {
        margin-top: 0 !important;
        padding-top: 9px;
}

*:first-child+html br.clear_noie{
        display: none!important;
}

/* VD HEADER */
#vdHeader {
        background:url(/hojin/valuedoor/images/bg_vd_header.gif) repeat-x top left;
        height: 70px;
        margin:0 14px;
        width: 750px;
}

#vdSmbc {
        float:left;
        height: 38px;
        overflow: hidden;
        margin: 13px 0 0 0;
        width:271px;
}

#vdSmbc div.vdSmbcLogo {
        margin-left:12px;
}

#vdMenu {
        float: right;
        height: 44px;
        top: 16px;
        margin: 0;
        padding-top: 13px;
        width: 320px;
}

#vdMenu ul {
        display: block;
        width: 320px;
}

#vdMenu ul li {
        display: block;
        float: left;
        font-size: 0;
        line-height: 100%;
        margin-right: 9px;
}

#vdMenu p {
        display: block;
        clear: both;
        font-size: 0;
        text-align: right;
        line-height: 100%;
        height: 23px;
        padding-top: 7px;
        width: 320px;
}

#vdMenu p img {
        margin-right: 6px;
}


/* VD BreadCrumbs */

#breadcrumbsVD {
        background-color:#E4EFFA;
        border:none;
        clear:both;
        margin:0 14px 5px;
        width:750px;
}

#breadcrumbsVD p {
        font-size:small;
        padding:4px 7px 6px;
}



/* contents */
#contents div.vdTop {
        width: 750px;
}

#contents div.vdTop h1 {
        display: block;
        font-size: 0;
        float: left;
        line-height: 100%;
        width: 274px;
}

#contents div.vdTop p {
        display: block;
        float: right;
        text-align: right;
        line-height: 100%;
        width: 180px;
}

#contents p.mesArea {
        margin:10px 0;
}

/* information */
#contents div.vdInfoList {
        background:url(/hojin/valuedoor/images/bg_vdinfobox_btm.gif) left bottom no-repeat;
        clear: both;
        margin-bottom: 20px;
        padding: 5px 0 8px 0;
        width: 750px;
}

#contents div.infoTitle {
        background:url(/hojin/valuedoor/images/bg_info_title.gif) left top no-repeat;
        border-bottom: 1px solid #CCCCCC;
        padding-top: 7px;
        width: 750px;
}

#contents div.infoTitle h2 {
        display: inline;
        float: left;
        margin-left: 14px;
        padding-bottom: 6px;
        width: 52px;
}

#contents div.infoTitle p {
        display: inline;
        float: right;
        margin-right: 14px;
        text-align: right;
        padding-bottom: 6px;
        width: 400px;
}

#contents div.dayInfo {
        background:url(/hojin/valuedoor/images/bg_vdinfobox_top.gif) left top no-repeat;
        padding-top: 5px;
        width: 750px;
                overflow:hidden;
}

#contents div.dayInfo table {
        margin-left: 12px;
                margin-bottom:-2px;
        width: 726px;
}

#contents div.dayInfo table th {
        background:url(/hojin/valuedoor/images/bg_vdinfobox_dottline.gif) left bottom repeat-x;
        font-weight: normal;
        text-align: left;
        line-height: 150%;
        padding: 7px 10px 9px 0;
        vertical-align: top;
        white-space: nowrap;
        width: 13%;
}

#contents div.dayInfo table td {
        background:url(/hojin/valuedoor/images/bg_vdinfobox_dottline.gif) left bottom repeat-x;
        line-height: 150%;
       padding: 4px 0 6px 6px;
        vertical-align: top;
        width: 100%;
}

#contents div.dayInfo table th.last,
#contents div.dayInfo table td.last {
        background:none;
        padding-bottom:1px;
}

/* loginArea */

#contents .loginarea {
        background:url(/hojin/valuedoor/images/bg_vdtop_07.gif) no-repeat right bottom;
        margin-bottom:10px;
        _zoom:1;
}

#contents .cont_l {
        float:left;
        width:480px;
}

#contents .cont_l .loginbox {
        background:url(/hojin/valuedoor/images/bg_vdtop_02.gif) repeat-y left top;
        margin-bottom:10px;
        _zoom:1;
}

#contents .cont_l .loginbox h2 {
        background:url(/hojin/valuedoor/images/bg_vdtop_01.gif) no-repeat left top;
        margin-bottom:12px;
        padding:12px 0 0 10px;
        text-align:left;
        _zoom:1;
}

#contents .cont_l .loginbox .login_btn {
        background:url(/hojin/valuedoor/images/bg_vdtop_03.gif) no-repeat bottom;
        padding-bottom:13px;
        text-align:center;
        width:480px;
}

#contents .cont_l .settings_wrap {
        background:url(/hojin/valuedoor/images/bg_vdtop_06.gif) no-repeat left bottom;
        padding-bottom:6px;
        _zoom:1;
}

#contents .cont_l .settings {
        background:url(/hojin/valuedoor/images/bg_vdtop_05.gif) repeat-y;
}

#contents .cont_l .settings h2 {
        background:url(/hojin/valuedoor/images/bg_vdtop_04.gif) no-repeat left top;
        padding:12px 0 12px 10px;
        text-align:left;
        _zoom:1;
}

#contents .cont_l .settings .ulfl {
        float:left;
        margin-bottom:5px;
        width:239px;
}

#contents .cont_l .settings .ulfl li {
        display:inline;
        margin-left:9px;
}

#contents .cont_l .settings .ulfr {
        float:left;
        margin-bottom:5px;
        width:235px;
}

#contents .cont_l .settings .ulfr li {
        display:inline;
        margin-left:5px;
}

#contents .iconlink a {
        background:url(/hojin/valuedoor/images/icon_vdtop_01.gif) no-repeat left 1px;
        _zoom:1;
        display:block;
        padding-left:18px;
        margin-left:9px;
}

#contents .iconlink2 a {
        background:url(/hojin/valuedoor/images/ico_blue_arrow.gif) no-repeat left 1px;
        _zoom:1;
        display:block;
        padding-left:18px;
        margin-left:9px;
}

#contents .cont_r {
        float:right;
        text-align:center;
        width:260px;
}

#contents .cont_r h2 {
        margin-bottom:15px;
}

#contents .cont_r .iconlink,
#contents .cont_r .iconlink2 {
        margin-left:3px;
        text-align:left;
}

#contents .subarea {
        background:url(/hojin/valuedoor/images/bg_vdtop_10.gif) no-repeat right bottom;
        _zoom:1;
}

#contents div.loginLink {
        background:url(/hojin/valuedoor/images/bg_vdtop_09.gif) repeat-y;
                padding-top:10px;
        _zoom:1;
}

#contents div.llBx {
        clear: both;
        padding:6px 0 0 12px;
}

#contents div.llBxBtm {
        clear: both;
        padding: 0 0 10px 12px;
                margin-top:6px;
        background:url(/hojin/valuedoor/images/bg_vdtop_08.gif) no-repeat left bottom;
        _zoom:1;
}

#contents div.llBx ul li.sht {
        float: left;
        margin-right: 6px;
        width: 200px;
}
#contents div.llBx ul li.lng {
        float: left;
        width: 252px;
}

#contents div.llBx ul li a {
        background:url(/hojin/valuedoor/images/ico_blue_arrow.gif) left top no-repeat;
        display: block;
        padding-left: 14px;
        _zoom:1;
}

#contents div.llBx h4,
#contents div.llBxBtm h4 {
        font-size: 0;
        line-height: 1;
        margin-bottom: 5px;
}

#contents .subarea .cont_r ul {
        margin-left:13px;
        text-align:left;
}

#contents .subarea .cont_r ul li {
        margin-bottom:12px;
}

#contents .mT20 {
        margin-top:20px !important;
}


/* loginArea */
#contents table.vdLayoutTable {
        margin-bottom: 20px;
        width: 750px;
}

#contents table.vdLayoutTable td.vdLogin {
        background:url(/hojin/valuedoor/images/bg_vdlogin_mdl.gif) left top repeat-y;
        border-bottom: 1px solid #CFDF89;
        padding-bottom: 8px;
        vertical-align: top;
        width: 500px;
}

#contents table.vdLayoutTable td.vdSetting {
        background:url(/hojin/valuedoor/images/bg_vdsetting_mdl.gif) left top repeat-y;
        border-bottom: 1px solid #BFDCEA;
        vertical-align: top;
        padding-bottom: 10px;
        width: 240px;
}

#contents table.vdLayoutTable td.vdSetting h3 {
        font-size: 0;
        line-height: 100%;
        margin-bottom: 10px;
        padding: 0;
        width: 240px;
}

#contents div.vdSetInner {
        margin-left: 8px;
        padding-bottom: 20px;
        width: 224px;
}

#contents img.btm4 {
        margin-bottom: 4px;
}

#contents div.loginHead {
        background:url(/hojin/valuedoor/images/bg_login_head.jpg) left top no-repeat;
        margin-bottom: 13px;
        padding: 5px 0;
        width: 500px;
}

#contents div.loginHead h2 {
        display: inline;
        font-size: 0;
        float: left;
        margin-left: 33px;
}

#contents div.loginHead p {
        display: inline;
        float: right;
        text-align: right;
        margin-right: 7px;
        width: 170px;
}

#contents div.loginHead p img {
        margin-left: 3px;
}

#contents p.arwIdt {
        text-indent: -14px;
        padding-left: 14px;
}

#contents div.loginBtn {
        background:url(/hojin/valuedoor/images/bg_valuedoor_login.gif) left top no-repeat;
        margin: 0 0 14px 34px;
        padding: 11px 0 8px;
        width: 432px;
}

#contents div.loginBtn img.logBtn {
        margin:0 5px 0 14px;
}







/* newsArea */
#newsArea {
        margin: 5px 0 15px 0;
        width: 750px;
}

#newsArea table {
        width: 720px;
}

#newsArea table th {
        background:url(/hojin/valuedoor/images/lin_llbx_dott.gif) left bottom repeat-x;
        font-weight: normal;
        text-align: left;
        line-height: 150%;
        padding: 8px 0 9px 5px;
        vertical-align: top;
        white-space: nowrap;
        width: 10%;
}

#newsArea table th.iconRight {
        text-align: right !important;
}

#newsArea table td.newsIcon {
        background:url(/hojin/valuedoor/images/lin_llbx_dott.gif) left bottom repeat-x;
        line-height: 150%;
        padding: 8px 10px 9px 10px;
        vertical-align:top;
        width: 7%;
}

#newsArea table td.NewsTxt {
        background:url(/hojin/valuedoor/images/lin_llbx_dott.gif) left bottom repeat-x;
        line-height: 150%;
        padding: 8px 0 9px 0;
        width: 83%;
}


/* vdContact */
#contents div.vdContact {
        background:url(/hojin/valuedoor/images/bg_contact_mdl.gif) left top repeat-y;
        border-top: 1px solid #E6E6E6;
        border-bottom: 1px solid #E6E6E6;
        padding: 10px 0;
        width: 750px;
}

#contents div.vdcInner {
        background:url(/hojin/valuedoor/images/lin_separate_dott.gif) center top repeat-y;
        margin-left: 12px;
        width: 726px;
}

#contents div.vdcL {
        float: left;
        width: 350px;
}

#contents div.vdcR {
        float: right;
        width: 350px;
}

#contents div.vdContact h3 {
        color: #006600;
        font-weight: bold;
        margin-bottom: 8px;
}

#contents div.vdcR table th {
        font-weight: normal;
        text-align: left;
        line-height: 150%;
        padding-bottom: 5px;
        vertical-align: top;
        white-space: nowrap;
}

#contents div.vdcR table td {
        line-height: 150%;
        padding-bottom: 5px;
        vertical-align: top;
}

#contents div.vdcR p.gry6 {
        color: #666666;
}

#contents div.vdcIndt {
        margin-left: 18px;
}

#contents div.vdcR table td.fd {
        background:url(/hojin/valuedoor/images/p_freedial_mark.gif) left top no-repeat;
        padding-left: 22px;
}

#footer {
        background:url(/hojin/valuedoor/images/bg_footer.gif) left top repeat-x;
        width:750px;
}

address {
        margin: 7px -10px 0px 0px;
}