* {
    color               : #333333;
    font-size           : 14px;
    padding             : 0;
    margin              : 0;
    line-height         : 140%;
    background-image    : none;
    font-family         : Arial, Helvetica, sans-serif, "UD デジタル 教科書体 NP-R", Osaka, "ヒラギノ角ゴ Pro W3";
}

body {
    background-color    : #D3D3D3;
    background-image    : url(../image/back.png);
    background-repeat   : repeat-x;
}

a {
    color               : #708457;
}

a:hover {
    text-decoration     : none;
}

a img {
    border              : none;
}

.button a {
    float               : right;
    display             : block;
    width               : 100px;
    color               : #FFFFFF;
    font-size           : 14px;
    padding             : 7px;
    margin-right        : 5px;
    line-height         : 20px;
    text-align          : center;
    text-decoration     : none;
    background-color    : #A9A9A9;
    border              : 1px solid #D2D2D2;
}

.button a:hover {
    background-color    : #FF9900;
}

#header {
    width               : 1000px;
    margin-right        : auto;
    margin-left         : auto;
}

#footer {
    clear               : both;
    padding             : 10px;
    background-repeat   : repeat-x;
    background-color    : #F0FFF0;
    background-position : bottom;
    border              : 1px solid #E2E2DE;
}

#mainMenu {
    width               : 1002px;
    height              : 24px;
    padding-top         : 6px;
    margin-right        : auto;
    margin-left         : auto;
    background-image    : url(../image/bar.png);
}

#mainMenu ul {
    display             : block;
    margin-left         : 10px;
    list-style-type     : none;
}

#mainMenu li {
    display             : inline;
}

#mainMenu li a {
    color               : #777777;
    font-size           : 16px;
    padding-left        : 22px;
    padding-right       : 18px;
    line-height         : 18px;
    text-decoration     : none;
    background-repeat   : no-repeat;
    background-position : 10px center;
    border-left-width   : 1px;
    border-left-style   : solid;
    border-left-color   : #A9A9A9;
}

#mainMenu li a:hover {
    color               : #000000;
    background-color    : #FF9900;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #A9A9A9;
}

#base1 {
    width               : 1000px;
    margin-right        : auto;
    margin-left         : auto;
    margin-top          : 0px;
    background-color    : #FFFFFF;
    border-right-width  : 1px;
    border-left-width   : 1px;
    border-right-style  : solid;
    border-left-style   : solid;
    border-right-color  : #A9A9A9;
    border-left-color   : #A9A9A9;
}

#base2 {
    float               : left;
    padding             : 5px;
    margin-top          : 5px;
}

#base3 {
    float               : left;
    width               : 760px;
}

#base3 h2 {
    color               : #FFFFFF;
    font-size           : 16px;
    font-weight         : bold;
    padding-top         : 10px;
    padding-bottom      : 10px;
    padding-left        : 10px;
    margin-top          : 10px;
    margin-bottom       : 5px;
    margin-right        : 10px;
    margin-left         : 5px;
    background-color    : #2F4F4F;
    border-left-width   : 7px;
    border-left-style   : solid;
    border-left-color   : #A9A9A9;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #A9A9A9;
}

#base3 h3 {
    color               : #555555;
    font-size           : 14px;
    padding-left        : 7px;
    margin-top          : 15px;
    margin-bottom       : 10px;
    margin-left         : 13px;
    line-height         : 16px;
    border-left-width   : 5px;
    border-left-style   : solid;
    border-left-color   : #A9A9A9;
}

#base3 h3 a {
    font-size           : 14px;
}

#base3 ul {
    margin-left         : 20px;
    list-style-type     : none;
}

#base3 li a {
    font-size           : 12px;
}

#base1 #base2 #base3 #base4 .base6 {
    float               : left;
    width               : 340px;
    height              : 150px;
    border              : 1px solid #DDDDDD;
    padding             : 5px;
    margin              : 5px;
    background-image    : url(../image/under.png);
    background-repeat   : repeat-x;
    background-position : bottom;
}

#base1 #base2 #base3 #base4 .base6 h3 {
    color               : #FFFFFF;
    padding-top         : 7px;
    padding-bottom      : 7px;
    margin              : 0px;
    background-color    : #2F4F4F;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #A9A9A9;
    border-left-color   : #A9A9A9;
}

#base1 #base2 #base3 #base4 .base6 p {
    margin              : 0px;
}

#base1 #base2 #base7 #base9 {
    padding             : 5px;
    margin              : 10px;
    background-color    : #F8F8F5;
    border              : 1px solid #DBD9D0;
}

#base1 #base2 #base7 #base9 li {
    font-size           : 12px;
}

#base3 #base4 {
    padding             : 10px;
}

#base3 #base4 .imgLeft {
    float               : left;
    padding             : 5px;
    background-color    : #FFFFFF;
}

#base3 #base4 .imgLeft img {
    border              : 1px solid #999999;
}

#base3 #base4 table {
    width               : 720px;
    margin-top          : 5px;
    margin-right        : auto;
    margin-bottom       : 5px;
    margin-left         : auto;
}

#base3 #base4 table td {
    padding             : 5px;
    border              : 1px solid #EAE8DF;
}

#base3 #base5 {
    height              : 350px;
    background-color    : #2F4F4F;
}

#base7 {
    float               : left;
    width               : 225px;
    padding-bottom      : 10px;
    margin-top          : 5px;
    margin-left         : 2px;
    background-color    : #F0FFF0;
}

#base7 li {
    list-style-type     : none;
}

.base8 {
    width               : 200px;
    padding-top         : 2px;
    margin-bottom       : 5px;
    margin-right        : auto;
    margin-left         : auto;
    margin-top          : 5px;
    background-color    : #A9A9A9;
    border              : 1px solid #FFFFFF;
}

.base8 h3 {
    display             : block;
    color               : #FFFFFF;
    width               : 186px;
    height              : 30px;
    font-size           : 16px;
    text-align          : center;
    line-height         : 30px;
    margin-right        : auto;
    margin-left         : auto;
    margin-bottom       : 0px;
    margin-top          : 5px;
    background-color    : #2F4F4F;
    border-right-width  : 1px;
    border-left-width   : 1px;
    border-right-style  : solid;
    border-left-style   : solid;
    border-right-color  : #969583;
    border-left-color   : #969583;
}

.base8 ul {
    margin-bottom       : 5px;
}

.base8 li a {
    display             : block;
    color               : #666666;
    width               : 157px;
    font-size           : 14px;
    font-weight         : bold;
    line-height         : 45px;
    margin-right        : auto;
    margin-left         : auto;
    padding-right       : 15px;
    padding-left        : 15px;
    padding-bottom      : 3px;
    padding-top         : 3px;
    background-repeat   : no-repeat;
    background-color    : #EEEEEE;
    background-position : 7px center;
    text-decoration     : none;
    border-bottom-width : 1px;
    border-bottom-style : solid;
    border-bottom-color : #948C74;
    border-top-width    : 1px;
    border-top-style    : solid;
    border-top-color    : #CBC8BC;
}

.base8 li a:hover {
    color               : #FFFFFF;
    background-color    : #FF9900;
}

.slideshow-slide {
    position            : relative;
    width               : 700px;
    height              : 350px;
    overflow            : hidden;
    padding             : 0;
    li {
        list-style      : none;
        width           : 100%;
        height          : 100%;
        transition      : 1s;
        top             : 0;
        left            : 0;
        &.slide {
            top         : 0;
            left        : 100%;
            z-index     : 10;
        }
        &:first-of-type {
            display     : block!important;
        }
        img {
            position    : absolute;
            left        : 0;
            top         : 0;
            width       : 100%;
        }
    }
}