@charset "UTF-8";

html{
    width:100%;
}

*{
    margin:0;
    padding:0;
}

body {
    text-align: center;
    background-color:rgba(255,255,100,0.5);
}

header {
    width:100%;
}


ul {
}

li {
    display: inline-block;
}

h1 {
    border-bottom: dashed 2px #6594e0;
    /*線の種類（点線）2px 線色*/
}
h3 {
    color: #6594e0;/*文字色*/
    border-bottom: double 5px #FFC778;
    /*線の種類（二重線）太さ 色*/
}

#siteMap {
    width:60%;
    float:left;
    display: inline-block;
}

#siteMap ul{
    margin:5px;
    padding:10px;
}

#message {
    width:40%;
    float:right;
    text-align:center;
}

#mTextarea {
    width:100%;
    height:200px;
    margin:5px;padding:10px;
}

footer {
    width:100%;
    background-color:rgba(5,5,5,0.8);
    color:white;
    position:fixed;
    bottom:0px;
}