/*body要素*/

#page{
    width: 980px;
    margin: 0 auto;
    font-family:"メイリオ","Meiryo","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN",sans-serif;
    background-color: blanchedalmond;
    
    }


header{
    background-color: #333333;
    top: 0;
    line-height: 50px;
    
}

header h1{
    color: #ffffff;
    margin: auto;
}




header:after{
    content: "";
    clear: both;
    display: block;
}

header a{
    color: currentColor;
    text-decoration: none;
    display: block;
}

header a:hover{
   
}



footer{
    background-color: #333333;
    color:#ffffff;
    bottom: 0;
    padding: 5px 10px;
    
}

section{
    margin: auto;
    padding: 5px 10px;
    display: block;
}


h2{
    border-left: solid 5px #ff9900;
    background-color:cornsilk;
    padding: 5px 10px;
    
}

h4{
    margin-left: 20px;
}

small{
    margin: auto 0;
}

/*項目別見出し*/
.atup{
    border-left: solid 5px #333333;
    background-color:burlywood;
    padding: 5px 10px;
}

.dfup{
    border-left: solid 5px #333333;
    background-color:wheat;
    padding: 5px 10px;
}


.dfdwn{
    border-left: solid 5px #333333;
    background-color:cornsilk;
    padding: 5px 10px;
}


.damecu{
    border-left: solid 5px #333333;
    background-color:azure;
    padding: 5px 10px;
}


.mukou{
    border-left: solid 5px #333333;
    background-color:gainsboro;
    padding: 5px 10px;
}

/*メニュー要素*/

.nabi {
}

.nabi ul{
    margin: 0;
    padding: 0;
    
}

.nabi ul li{
    list-style: none;
    color: #ffffff;
    border: solid 0 1px #000000;
    width: 160px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    line-height: 1.5px;
    padding: 10px 0;
}

.nabi ul:after{
    content: "";
    clear: both;
    display: block;
}

.nabi ul li a{
    color: currentColor;
    text-decoration: none;
    display: block;
}

.nabi ul li a:hover{
   
}


/* グローバルメニュー*/

.globalnabi_a ul{
    margin: 0;
    padding: 0;
    font-weight: bold;
    background-color: floralwhite;
    
}

.globalnabi_a ul li{
    list-style: none;
    width: 160px;
    float: left;
    box-sizing: border-box;
    text-align: center;
    font-size: 14px;
    border-left: solid 2px blanchedalmond;
    line-height: 20px;
    padding: 10px 0;
}

.globalnabi_a ul:after{
    content: "";
    clear: both;
    display: block;
}

.globalnabi_a ul li a{
    color: currentColor;
    text-decoration: none;
    display: block;
}

.globalnabi_a ul li a:hover{
    background-color:#999999;
    color: gold;
}



/* サイドメニュー*/

.sidemenu{
    padding:0;
    float:left;
    
}




.sidemenu_a{
    background-color: cornsilk;
    width: 230px;
    padding: 5px 10px;
    border: solid 1px #cccccc;
    clear: both;
    margin-bottom: 10px;
    
}

.sidemenu_a ul{
    list-style: none;
    padding-left: 0;
    line-height: 1.7;
    border-left: solid 3px  #000000;
    border-right: solid 3px  #000000;
    
}

.sidemenu_a ul li a{
    color: currentColor;
    text-decoration: none;
    display: block;
}

.sidemenu_a ul li a:hover{
    background-color:#ffffff;
    color:darkgoldenrod;
}

.sidemenu p{
    font-size: 13px;
}



/* メインボックス*/

.mainbox{
    background-color: beige;
    width: 680px;
    margin-left: 6px;
    padding: 5px 10px;
    border: solid 1px #cccccc;
    float:left;
    
    
}

.textbox{
    width:650px;
    margin: auto;
    margin-top: 30px;
    margin-bottom: 60px;
}

.textbox p{
    font-size: 15px;
    line-height: 30px;
    
}

.textbox ul{
    list-style: none;
    
}




.footbody{
    width:980px;
    padding: 5px 10px;
    clear: both;
}

.footbody h4{
    text-align: center;
}

.footbody p{
    text-align: center;
}

/*一覧要素*/
tbody{
    width: 980px;
    margin-top: 10px;
    border-left: solid 1px #cccccc;
    padding: 0 10px;
}

table{
    border-collapse: collapse;
    width: auto;
    margin: 0;
    padding: 2px 8px;
}

table th{
    font-size: 20px;
    background-color: darkgrey;
    padding: 3px 8px;
}

table td{
    border-collapse: collapse;
    font-weight: ;
    text-align:center;
    padding: 2px 6px;
    
    
}

.chara_table table td{
    border-style: none;
    border-collapse: collapse;
    font-weight: ;
    text-align:center;
    padding: 2px 6px;
    
    
}

.seet_table table th,td{
    border: solid 1px #000000;
    font-weight: ;
    text-align:center;
    padding: 2px 6px;
    
    
}

.seet_table2 table th{
    width: 200px;
    height: 50px;
    border: solid 1px #000000;
    font-weight: ;
    text-align:center;
    padding: 2px 6px;
    
    
}

.seet_table2 table td{
    width: 500px;
    height: 50px;
    border: solid 1px #000000;
    font-weight: ;
    text-align:center;
    padding: 2px 6px;
    
    
}

.seet_table3 table th{
    width: 120px;
    height: 50px;
    border-width: 2px 0 3px 2px;
    border-style: solid;
    border-color:  #000000;
    font-weight: ;
    text-align:center;
    margin-bottom: 5px;
    padding: 2px 4px;
    
    
}

.seet_table3 table td{
    width: 120px;
    height: 50px;
    border-width: 2px 2px 3px 0;
    border-style: solid;
    border-color:  #000000;
    font-weight: ;
    text-align:center;
    margin-bottom: 5px;
    padding: 2px 6px;
    
    
}

.seet_table4 table th{
    width: 120px;
    height: 50px;
    border-width: 2px 1px;
    border-style: solid;
    border-color:  #000000;
    font-weight: ;
    text-align:center;
    margin-bottom: 5px;
    padding: 2px 4px;
    
    
}

.seet_table4 table td{
    width: 120px;
    height: 50px;
    border-width: 2px 1px;
    border-style: solid;
    border-color:  #000000;
    font-weight: ;
    text-align:center;
    margin-bottom: 5px;
    padding: 2px 4px;
    
    
}





.list_table table th{
    width: 150px;
    font-size: 15px;
    border: solid 1px #000000;
    font-weight: ;
    text-align:center;
    padding: 2px 6px;
    
    
}
.list_table table td{
    border: solid 1px #000000;
    width: 220px;
    font-size: 13px;
    font-weight: ;
    text-align:center;
    padding: 2px 6px;
    
    
}

img{
    vertical-align: middle;
    
    
}

.name{
    width: 160px;
    
}

.zokusei{
    width: 100px;
}

.skill{
    width: 120px;
    
}

small{
    font-size: 10px;
}

small .tume{
    font-size: 10px;
    line-height: 15px;
}

b{
    font-size: 20px;
}

.red{
    
    color: red;
}

b .red{
    font-size: 20px;
    color: red;
}
td[colspan="4"]{
    padding: 20px 10px;
}

.gleen{
    background-color: greenyellow;
}

.perple{
    background-color: purple;
}

.orange{
    background-color: orange;
}


.gold{
    background-color:goldenrod;
}

.silver{
    background-color:silver;
}

.brown{
    background-color:brown;
}

.white{
    background-color: white;
}