@charset               "Shift_JIS";

* {
    color:             #666666;
    margin:            0;
    padding:           0;
    line-height:       1.4;
    letter-spacing:    1.5px;
    text-decoration:   none;
    font-size:         100%;
    font-weight:       normal;
}

html {
    height:            100%;
}

body {
    background-image:  url('./img/back_dot.gif');
    background-repeat: repeat;
    background-color:  #ffffff;
    color:             408080;
    height:            100%;
    width:             100%;
}

html > body {
    height:            99%;
}

a {
    color:             #204020;
    font-weight:       bold;
}

a:link {
    color:             #0066ff;
    font-weight:       normal;
    text-decoration:   none;
}

a:visited {
    color:             #00bfff;
    font-weight:       normal;
    text-decoration:   none;
}

a:hover {
    color:             #0066ff;
    font-weight:       normal;
    text-decoration:   underline;
}

h1, h2, h3, h4, h5, h6 {
    font-size:         100%;
}

li {
    list-style:        none;
}

img {
    border:            none;
}

#container {
    background-color:  #ffffff;
    position:          relative;
    /* border:            #cccccc 1px solid; */
    padding:           2px;
    padding-bottom:    300px;
    margin:            0 auto 0 auto;
    font-size:         90%;
    width:             800px;
    height:            99%;
    min-height:        100%;
}

body > #container {
    padding-bottom:    240px;
    height:            auto;
}

#header {
    /* background-image:  url('./img/sla_pink.gif'); */
    /* background-image:  url('./img/sla_blue.gif');
    background-repeat: repeat;
    /* border:            #cccccc 1px solid; */
    margin-bottom:     2px;
    padding:           4px 2px;
    text-align:        center;
}

#contents {
    /* border:            #cccccc 1px solid; */
    margin-left:       238px;
    padding-bottom:    50px;
}

.section {
    /* float:             left; */
    /* border:            #cccccc 1px solid; */
    margin-top:        2px;
    /* margin-left:       2px; */
    margin-bottom:     2px;
    padding:           2px;
    width:             560px;
        font-size:         80%;
}

.section hr {
    border:            #99ccff 1px dashed;
    width:             90
   %;
}
.contenttop, .contenttop2 {
    background-image:  url('./img/contenttop.gif');
    background-repeat: no-repeat;
    margin-bottom:     -4px;
    padding:           2px 2px 2px 4px;
    text-align:        center;
    height:            21px;
}

.contenttop2 {
    margin-top:        10px;
}

.contenttop h2, .contenttop2 h2 {
    color:             #ff3333;
    font-size:         12px;
    font-weight:       bold;
    text-align:        left;
}

.contentbody, .contentbody2 {
    background-image:  url('./img/contentline.gif');
    background-repeat: repeat-y;
    padding:           4px 2px 2px 4px;
    font-size:         12px;
}

.contentbody {
    margin-top:        -4px;
}

.contentbody hr, .contentbody2 hr {
    border:            #ffffff 0px dashed;
    margin-bottom:     6px;
    width:             99%;
}

.contentbody ul, .contentbody2 ul {
    margin-left:       4px;
}

.contentbottom {
    background-image:  url('./img/contentbottom.gif');
    background-repeat: no-repeat;
    margin-bottom:     10px;
    height:            21px;
}

.sitedesc {
    vertical-align:   top;
}

.list2 li {
    background-color: transparent;
    display:          inline;
    /* float:            left; */
    width:            130px;
    /* height:           140px; */
}

#sidebar {
    position:          absolute;
    top:               215px;
    left:             2px;
    /* border:            #cccccc 1px solid; */
    margin-bottom:     2px;
    padding:           2px;
    width:             226px;
}

#contents > #sidebar {
    top:               212px;
}

.boxtop, .boxtop2 {
    background-image:  url('./img/sidetop.gif');
    background-repeat: no-repeat;
    margin-bottom:     -4px;
    padding:           2px 2px 2px 4px;
    text-align:        center;
    height:            21px;
}

.boxtop2 {
    margin-top:        10px;
}

.boxtop h3, .boxtop2 h3 {
    color:             #3399ff;
    font-size:         12px;
    font-weight:       bold;
    text-align:       left;
}

.boxcontent {
    background-image:  url('./img/sideline.gif');
    background-repeat: repeat-y;
    margin-top:        -4px;
    padding:           4px 2px 2px 4px;
    font-size:         12px;
}

.boxcontent hr {
    border:            #ccc 1px dashed;
    width:             99%;
}

.boxbottom {
    background-image:  url('./img/sidebottom.gif');
    background-repeat: no-repeat;
    margin-bottom:     10px;
    height:            21px;
}

#footer {
    /* background-image:  url('./img/sla_pink.gif'); */
    background-image:  url('./img/footer.gif');
    background-repeat: repeat;
    /* border:            #cccccc 1px solid; */
    position:          absolute;
    bottom:            0;
    text-align:        center;
    width:             802px;
    height:            50px;
}

#container > #footer {
    bottom:            2px;
    width:             798px;
}

.copyright {
    color:             #0066ff;
    margin-top:        16px;
    font-size:         80%;
}

.alignC {
    text-align:        left;
}

.clear {
    clear:             both;
}