@charset "utf-8";
/* CSS Document */

/*
  RESET
 */
*{
    font-size: 1em;
    *font-size: 100%;
    margin: 0;
    padding: 0;
}

body{
    font-size: 0.8em;
    *font-size: 80%;
    background: url(imgs/body-back.gif);
    line-height: 1.4em;
    *line-height: 140%;
}

#box-ie6{
    text-align: center;
}
#box{
    text-align: left;
    width: 800px;
    margin: 0 auto;
    background-color: #FFFFFF;
}

/*
  HEADER
 */
#header{
}
#logo{
}
.menu{
}
#header .navi{
    background-color: #000000;
    background: url(imgs/navi-back.gif);
    padding: 5px 10px;
    color: #FFFFFF;
}
#header .navi a, #header .navi a:link, #header .navi a:visited, #header .navi a:active{
    text-decoration: none;
    color: #FFFFFF;
}

/*
  MIDDLE
 */
#middle{
    padding: 0 3px;
}
#side{
    float: left;
    width: 230px
}
#side .pagelinks{
    margin-bottom: 20px;
}
#side .pagelinks ul{
    list-style-image: url(imgs/arrow.jpg);
    margin: 20px 40px;
}
#side .pagelinks ul li{
    margin-bottom: 8px;
}
#side .center{
}
#side .center p{
    margin-top: 5px;
}
#side .center .head{
    background: url(imgs/side-center-head-back.jpg) no-repeat top;
}
#side .center .foot{
    min-height: 342px;
    padding: 8px;
    background: url(imgs/side-center-foot-back.jpg) no-repeat bottom;
}
#side .center p.title{
    font-size: 1.2em;
    *font-size: 120%;
    margin-top: 12px;
    font-weight: bold;
}
#side .center div.body{
    font-size: 0.9em;
    *font-size: 90%;
    margin-top: 20px;
    margin-left: 5px;
}
#contents{
    float: right;
    width: 545px;
}
#contents .title{
    margin-top: 20px;
}
#contents div.title h1{
    border-left: 4px solid #666666;
    border-bottom: 1px solid #AAAAAA;
    padding: 6px 10px;
    font-size: 1.4em;
    *font-size: 140%;
    margin-bottom: 10px;
}
#contents div.body h1{
    border-left: 4px solid #666666;
    border-bottom: 1px solid #AAAAAA;
    padding: 6px 10px;
    font-size: 1.4em;
    *font-size: 140%;
    margin-top: 25px;
    margin-bottom: 10px;
}
#contents div.title h1.img{
    background: none;
    border: none;
    padding: 0;
}
#contents div.body h2{
    border-left: 4px solid #AAAAAA;
    border-bottom: 1px solid #AAAAAA;
    padding: 6px 10px;
    font-size: 1em;
    *font-size: 100%;
    margin: 20px 0 10px;
    font-weight: bold;
}
#contents div.body h3{
    border-left: 4px solid #AAAAAA;
    padding: 2px 10px;
    font-size: 1em;
    *font-size: 100%;
    margin: 20px 0 10px;
    font-weight: bold;
}
#contents div.body h4{
    padding: 1px 10px;
    font-size: 1em;
    *font-size: 100%;
    margin: 20px 0 10px;
    font-weight: bold;
}
#contents div.body h3.child{
    border-left: 3px solid #AAAAAA;
    padding: 1px 10px;
    font-size: 1em;
    *font-size: 100%;
    margin: 20px 0 10px 10px;
    font-weight: bold;
}
#contents div.body p{
    margin: 6px 10px 6px 20px;
}
#contents dl dt{
    margin: 20px 20px 0;
}
#contents dl dd{
    margin: 10px 40px;
}
#contents ul.linklist{
    list-style-type: none;
    margin: 20px 10px 20px;
}
#contents ul.linklist li{
    margin: 20px 0 10px;
    border-left: 4px solid #AAAAAA;
    padding: 2px 10px;
    font-size: 1em;
    *font-size: 100%;
}
#contents ul, #contents ol{
    margin-left: 30px;
}
#contents table.list{
    border: 1px solid #000000;
    border-top: none;
    border-left: none;
}
#contents table.list td, #contents table.list th{
    padding: 3px 5px;
    border: 1px solid #000000;
    border-right: none;
    border-bottom: none;
}
#contents div.body table p{
    margin: 0;
    padding: 0;
}


/*
  FOOTER
 */
#footer{
    height: 82px;
    margin-top: 20px;
    padding: 8px;
    background: url(imgs/footer-logo.jpg) no-repeat;
}
.menu{
}
#contents table.left{
    float: left;
}
#contents table.right{
    float: right;
}

#contents dl.tel{
    margin-left: 20px;
}
#contents dl.tel dt{
    width: 30%;
    float: left;
    padding: 0;
    margin: 0;
}
#contents dl.tel dd{
    width: 60%;
    float: right;
    padding: 0;
    margin: 0;
}


/*
  ALL
 */
.clear{
    clear: both;
}


/*
  index.html
 */
#contents ul.news{
    width: 520px;
    list-style-type: none;
    margin: 0 5px;
}
#contents ul.news li{
    margin-top: 6px;
    padding: 5px 10px;
    background: url(imgs/index-list-back.gif) repeat-y;
}



/*
  PDF
 */
#contents div.body div.pdf{
    margin-top: 40px;
}
#contents div.body div.pdf p.icon{
    float: left;
    width: 115px;
    margin: 0;
    padding: 0;
}
#contents div.body div.pdf p.get{
    float: right;
    width: 420px;
    margin: 0;
    padding: 0;
}


/*
  tbbox
*/
#contents div.tbbox{
}
#contents div.tbbox h3.title{
}
#contents div.tbbox .body{
     
}
#contents div.tbbox .comment{
    width: 50%;
    float: left;
}
#contents div.tbbox .img{
    width: 45%;
    float: right;
}



