@charset "utf-8";


/* ************************************************************************** */
/*  index.html の専用スタイルシート */

header > fieldset{
    color               : red;
    background-color    : #fff4f4;
    border              : 3px red double;
    margin              : 1em auto;
    width               : 940px;
}
header > fieldset > legend{
    font-size           : 110%;
    font-weight         : bold;
}

/* nav */
main > article > section > nav{
    margin              : 30px 0px 30px 0px;
}

main > article > section > nav > ul{
    border-bottom       : 2px #968ab8 solid;
    list-style-type     : none;
    padding             : 0px;
    margin              : 0px;
}
main > article > section > nav > ul > li{
    border              : 2px #cccccc solid;
    border-bottom-style : none;
    display             : inline-block;
    margin              : 0px 0px 0px 10px;
    padding             : 0px;
}
main > article > section > nav > ul > li > a{
    display             : inline-block;
    font-size           : 16px;
    letter-spacing      : 5px;
    padding             : 0.5em;
    text-align          : center;
    text-decoration     : none;
    width               : 10em;
}

fieldset > p{
    margin              : 0.5em;
}

/* section#content_new */
main > article > section#content_new > nav > ul > li:nth-child(1){
    background-color    : #968ab8;
    border-color        : #968ab8;
}
main > article > section#content_new > nav > ul > li:nth-child(1) > a{
    color               : white;
}
main > article > section#content_new > nav > ul > li:nth-child(2) > a{
    color               : #cccccc;
}
main > article > section#content_new > nav > ul > li:nth-child(2):hover{
    background-color    : #c5bed8;
    border-color        : #968ab8;
}
main > article > section#content_new > nav > ul > li:nth-child(2):hover > a{
    color               : white;
}

/* section#content_continuation */
main > article > section#content_continuation > nav > ul > li:nth-child(2){
    background-color    : #a19ab8;
    border-color        : #968ab8;
}
main > article > section#content_continuation > nav > ul > li:nth-child(2) > a{
    color               : white;
}
main > article > section#content_continuation > nav > ul > li:nth-child(1) > a{
    color               : #cccccc;
}
main > article > section#content_continuation > nav > ul > li:nth-child(1):hover{
    background-color    : #c5bed8;
    border-color        : #968ab8;
}
main > article > section#content_continuation > nav > ul > li:nth-child(1):hover > a{
    color               : white;
}


/* table.new */
table.new > tbody > tr:nth-of-type(4) > td:nth-of-type(2){
    text-align          : center;
}
table.new ul.note{
    font-size           : 95%;
}

/* table.continuation */
table.continuation > tbody > tr:nth-of-type(1) > td:nth-of-type(2),
table.continuation > tbody > tr:nth-of-type(2) > td:nth-of-type(1),
table.continuation > tbody > tr:nth-of-type(2) > td:nth-of-type(2),
table.continuation > tbody > tr:nth-of-type(3) > td:nth-of-type(1){
    text-align          : center;
}
table.continuation ul.note{
    font-size           : 95%;
}


/* a.application */
a.application{
    background-color    : #eb8686;
    border-bottom       : 2px #cccccc solid;
    border-radius       : 10px;
    border-right        : 2px #cccccc solid;
    color               : white;
    display             : block;
    font-size           : 110%;
    font-weight         : bold;
    margin              : 1em auto;
    max-width           : 500px;
    padding             : 10px 15px;
    text-align          : center;
    text-decoration     : none;
    width               : 100%;
}
a.application:hover{
    border-bottom       : none;
    border-left         : 2px #cccccc solid;
    border-right        : none;
    border-top          : 2px #cccccc solid;
}
a.application:active{
    background-color    : #eb6666;
    color               : #333333;
}