@charset "UTF-8";


html {
    height: 100%;
}

body {
    min-width: 890px;
    height: 100%;
    background: #f4f2e6;
    font-size: 13px;
    font-family: sans-serif;
}

* html #pagetop {
    height: 100%;
}

#pagetop {
    position: relative;
    min-height: 100%;
}

body > #pagetop {
    height: auto;
}

#container {
    padding-bottom: 220px;
}

#footer {
    position: absolute;
    bottom: 0px;
    height: 220px;
    width: 100%;
}

a {
    color: #9a0104;
    outline: 0;
}

a:hover{
    text-decoration: none;
}

a:active,a:focus,div:focus {
    outline: 0;
}


/* globalMenu */

#globalMenuHolder {
    width: 100%;
    
    height: 30px;
    background: #000;
    text-align: center;
}

#globalMenu {
    position: relative;
    width: 890px;
    height: 30px;
    margin: 0 auto;
    text-align: left;
}

#globalMenu ul.menu {
    position: absolute;
    top: 0;
    right: 0;
}

#globalMenu ul.menu li {
    float: left;
    margin-left: 25px;
}



/* homeNews */

#homeNewsHolder {
    position: relative;
    width: 100%;
    height: 292px;
    background: #000 url("../images/home-news/holder_bg.png") no-repeat top center;
    border-bottom: 1px solid #c2c3b5;
    text-align: center;
}

#homeNews {
    position: absolute;
    left: 0;
    bottom: 0;
    _bottom: -1;
    width: 100%;
    text-align: left;
}

#homeNews div.controlHolder {
    width: 100%;
    height: 30px;
    text-align: center;
}

#homeNews div.control {
    position: relative;
    width: 890px;
    height: 30px;
    margin: 0 auto;
    text-align: left;
}

#homeNews div.tab {
    position: absolute;
    top: 0;
    right: 0;
    _right: -1;
}

#homeNews img {
    vertical-align: bottom;
}

#homeNews div.newsHolder {
    display: none;
    width: 100%;
    height: 222px;
    background: url("../images/home-news/news-holder_bg.png");
    color: #fff;
    text-align: center;
}

#homeNews div.news {
    display: none;
    position: relative;
    width: 890px;
    height: 222px;
    margin: 0 auto;
    text-align: left;
}

#homeNews div.news div.entryHolder {
    position: absolute;
    top: 16px;
    left: 50px;
    width: 790px;
    height: 190px;
    overflow-y: scroll;
}

#homeNews div.news div.entryHolder .jspDrag {
    width: 12px;
    background: none;
    position: relative;
    top: 0;
    left: 1px;
    cursor: pointer;
}

#homeNews div.news div.entryHolder .jspDragTop {
    _margin-top: -11px;
    height: 6px;
    background: transparent url("../images/home-news/scroll-bar_drag.png") no-repeat 0 bottom;
}

#homeNews div.news div.entryHolder .jspDragBody {
    height: 1px;
    background: #000;

}
#homeNews div.news div.entryHolder .jspDragBottom {
    height: 6px;
    background: url("../images/home-news/scroll-bar_drag2.png") no-repeat 0 top;
}

#homeNews div.news div.entryHolder .jspTrack {
    background: url("../images/home-news/scroll-bar_bg.png") no-repeat 0 0;
}

#homeNews div.news div.entryHolder .jspVerticalBar {
    width: 14px;
    background: none;
}
#homeNews div.news div.entry {
    width: 735px;
    line-height: 1.4em;
    padding: 18px 0;
    font-size: 9pt;
    color: #bcbeb1;
    background: url("../images/misc/dotline_h1.gif") repeat-x bottom left
}

#homeNews div.news div.entry .date {
    font-size: 8pt;
}


/* globalNavi */

#globalNaviHolder {
    width: 100%;
    height: 80px;
    margin-bottom: 18px;
    background: url("../images/global-navi/holder_bg.png") repeat-x 0 0;
    text-align: center;
}

#globalNavi {
    width: 890px;
    height: 80px;
    margin: 0 auto;
    background: url("../images/global-navi/bg.png") repeat-x 0 0;
    text-align: left;
}

#globalNavi ul.navi {
}

#globalNavi ul.navi li {
    float: left;
    padding-right: 1px;
}

#globalNavi ul.navi li img {
    vertical-align: bottom;
}



/* main */

#mainHolder {
    width: 100%;
    text-align: center;
}

#main {
    width: 890px;
    margin: 0 auto;
    text-align: left;
}



/* breadCrumb */

#breadCrumb {
    margin-bottom: 22px;
}

#breadCrumb ul li {
    float: left;
    margin-left: 13px;
    padding-left: 14px;
    background: url("../images/misc/arrow_right2.gif") no-repeat center left;
}

#breadCrumb ul li.root {
    margin-left: 0;
    padding-left: 0;
    background: none;
}

/* contents */

#main div#contents {
    margin-bottom: 20px;
}

#main div#contents h1 {
    margin-bottom: 17px;
}
#main div#contents p {
    line-height: 1.4em;
}

#main div#contents ol {
    list-style-type: decimal;
    margin-left: 20px;
    *margin-left: 22px;
    line-height: 1.4em;
}

#main div#contents div.detailBox {
}

#main div#contents div.detailBox h2 {
    padding: 8px;
    padding-left: 18px;
    margin-bottom: 15px;
    border: 1px solid #c1c3b5;
    border-left: 4px solid #c1c3b5;
    background: #f4f2e6 url("../images/misc/line-box_bg.gif") repeat-x top;
    font-weight: bold;
}
#main div#contents div.detailBox p {
    padding: 0 16px;
    line-height: 1.4em;
}

#main div#contents div.detailBox table td {
    font-size: 13px;
    vertical-align: top;
    padding-left: 16px;
    line-height: 1.4em;
}

#main div#contents div.accessBox {
}

#main div#contents div.accessBox p {
    line-height: 1.4em;
}

#main div#contents div.accessBox div.column1 {
    float: left;
}

#main div#contents div.accessBox div.column2 {
    float: left;
    margin-left: 20px;
}

#main div#contents div.accessBox img {
}

#main div#contents div.lineBox {
    padding: 14px;
    border: 1px solid #c1c3b5;
    background: #f4f2e6 url("../images/misc/line-box_bg.gif") repeat-x top;
}

#main div#contents div.lineBox p {
}

#main div#contents div.sitemapBox {
}

#main div#contents div.sitemapBox div.column1{
    float: left;
    width: 200px;
}

#main div#contents div.sitemapBox div.column2{
    float: left;
    width: 200px;
    margin-left: 20px;
}

#main div#contents div.sitemapBox div.column3{
    float: left;
    width: 200px;
    margin-left: 20px;
}

#main div#contents div.sitemapBox div.column4{
    float: left;
    width: 200px;
    margin-left: 20px;
}

#main div#contents div.sitemapBox ul {
}

#main div#contents div.sitemapBox ul li{
    line-height: 2em;
    padding-left: 0.8em;
    background: url("../images/misc/arrow_right1.gif") no-repeat center left;
}

#main div#contents div.sitemapBox div.column4 ul li{
    padding-left: 0;
    background: none;
}




/* contents - 2 pain */

#main.twoPain div#sidebar {
    float: left;
    width: 200px;
}

#main.twoPain div#sidebar ul.navi{
    border-bottom: 1px solid #fff;
}

#main.twoPain div#sidebar ul.navi li{
    padding: 10px 10px 12px 13px;
    border-top: 1px solid #fff;
    border-bottom: 1px solid #c1c3b5;
    background: url("../images/misc/arrow_right1.gif") no-repeat center left;
}

#main.twoPain div#sidebar ul.navi li.root{
    border-top: none;
}

#main.twoPain div#contents {
    float: left;
    width: 650px;
    margin-left: 40px;
}
#main.twoPain div#contents {
    float: left;
    width: 650px;
    margin-left: 40px;
}


/* homeNavi */

#homeNavi {
}

#homeNavi div.column1 {
    float: left;
}

#homeNavi div.column2 {
    float: left;
    margin-left: 21px;
}

#homeNavi div.column3 {
    float: left;
    margin-left: 20px;
}


/* globalSitemap */

#globalSitemapHolder {
    width: 100%;
    height: 220px;
    background: #000;
    color: #fff;
    text-align: center;
}

#globalSitemap {
    width: 890px;
    height: 220px;
    margin: 0 auto;
    text-align: left;
}

#globalSitemap div.column1 {
    float: left;
    margin-top: 21px;
}

#globalSitemap div.column1 ul li.title {
    margin-bottom: 106px;
    *margin-bottom: 104px;
}

#globalSitemap div.column2 {
    float: left;
    margin-left: 37px;
    margin-top: 30px;
}

#globalSitemap div.column2 ul li {
    margin-bottom: 2px;
    *margin-bottom: 3px;
    line-height: 16px;
}

#globalSitemap div.column3 {
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}

#globalSitemap div.column3 ul li {
    margin-bottom: 2px;
    *margin-bottom: 3px;
    line-height: 16px;
}

#globalSitemap div.column4 {
    float: left;
    margin-left: 30px;
    margin-top: 30px;
}

#globalSitemap div.column4 ul li {
    margin-bottom: 2px;
    *margin-bottom: 3px;
    line-height: 16px;
}
#globalSitemap div.column5 {
    float: right;
    margin-top: 30px;
    text-align: right;
}

#globalSitemap div.column5 p.pagetop {
    margin-bottom: 31px;
    *margin-bottom: 36px;
    line-height: 1em;
}

#globalSitemap div.column5 ul li {
    margin-bottom: 2px;
    *margin-bottom: 3px;
    line-height: 16px;
}


.arrowR1 {
    padding-left: 1em;
    background: url("../images/misc/arrow_right1.gif") no-repeat center left;
}