/* ページ全体 */
* {
    margin:0;
    padding:0;
    line-height:1.3em;
}

body {
    text-align:center;
    background:url(../site_img/bg2.gif);
    padding:10px 0 10px;
}

li a {
    text-decoration:none;
    color:blue;
}

li a:hover {
    text-decoration:underline;
    color:red;
}

p {
    margin:0 2em 0 1em;
    font-size:0.9em;
}

a img{
    border:none;
}

#wrapper {
    width:720px;
    text-align:left;
    margin:0px auto;
    background-color:#FFF;
    border:solid 1px #EAC247;
}

.deco {
    font-size:1em;
    color:yellowgreen;
    font-family:serif;
}

/* ヘッダー */
#header {
    margin:0;
    padding-top:20px;
    padding-bottom:10px;
    background:url(../site_img/ma_ba2.gif);
    background-repeat:no-repeat;
    background-color:#B8F28C;
}

h1 a {
    font-size:30px;
    font-weight:bold;
    font-family:serif;
    color:#E4A20B;
    text-decoration:none;
    display:block;
    width:16em;
}

#header p {
    font-size:12px;
}

/* コンテンツ */
#contents {
    margin:80px 0 0 200px;
    background-color:#FFF;
}

#contents p {
    margin-top:0.5em;
}

h2 {
    width:14em;
    line-height:1.5em;
    border:solid 1px #EAC247;
    border-left-width:5px;
    font-size:1.2em;
    color:#6B7A51;
    margin-top:1em;
    margin-left:0.5em;
    padding-left:0.2em;
    clear:both;
}
#contents h3 {
    font-size:0.9em;
    color:Olive;
    margin:2em 1em 1em;
    font-weight:bold;
    clear:both;
}
#contents table {
    border:none;
    font-size:0.9em;
    margin:0.5em 0.5em 2em 2em;
}
#contents th {
    vertical-align:top;
    padding-right:1em;
}
#contents td {
    vertical-align:top;
}

#contents dl {
    margin:1em;
}

#contents dt {
    font-size:0.9em;
    font-weight:bold;
    margin-left:0.5em;
    margin-top:0.2em;
}

#contents dd {
    font-size:0.9em;
    margin:0.2em 1.5em 1em 1.5em;
}

#contents ol {
    margin-left:2em;
    margin-top:0.5em;
    margin-bottom:1em;
}

#contents ol li {
    font-size:0.9em;
    margin-left:0.5em;
}

#contents ul {
    margin-left:2em;
    margin-top:0.5em;
    margin-bottom:1em;
}

#contents ul li {
    font-size:0.9em;
    margin-left:0.5em;
}


h3 a{
    font-size:0.9em;
    text-decoration:none;
    color:#000;
    margin:1em;
    font-weight:normal;
    border-bottom:solid 1px #999;
    padding:0.5em 0 0;
    width:10em;
    display:block;
}

h3 a:hover{
    border-bottom:solid 1px green;
    background-color:#FF9;
    width:10em;
    display:block;
}

h4,h5 {
    font-size:0.9em;
}

h4 a {
    text-decoration:none;
    color:blue;
}

h4 a:hover {
    text-decoration:underline;
    color:red;
}



.left {
    margin:0 0.5em 1em;
    float:left;
}

.left2 {
    margin:0 0.5em 1em;
    float:left;
}

.right {
    margin:0 0.5em 1em;
    float:right;
}

.right a {
    text-decoration:none;
    color:blue;
}

span.ans {
    color:red;
    font-weight:900;
}

hr {
    clear:both;
    width:90%;
}


p.left {
    border:solid 1px yellowgreen;
    width:225px;
   margin-top:1em;
}

/* フッター */
#footer {
    background-color:#EAC247;
    clear:both;
    margin-top:2em;
}

#footer p {
    color:#FFF;
    font-weight:bold;
    text-align:center;
}

/* ナビゲーション */
#nav_bar {
    position:absolute;
    top:110px;
    text-align:center;
    background-color:#FF9;
    width:718px;
}
#nav_bar ul {
    list-style-type:none;
    padding-right:0.5em;
}
#nav_bar ul li {
    float:right;
    margin:5px 0 5px 3px;
    font-size:13px;
    display:block;
}
#nav_bar ul li a {
    border:solid 1px #CCC;
    width:90px;
    height:1em;
    background-color:#EAC247;
    margin:0;
    display:block;
    text-decoration:none;
    color:black;
}
#nav_bar ul li a:hover {
    color:#FFF;
    background-color:#FF8119;
    border:solid 1px #999;
}

form table td {
    padding:0.5em;
}

/* メニュー */
#menu {
    position:absolute;
    top:160px;
    border-right:dotted 2px #EAC247;
    width:180px;
}

#menu dl {
    padding-left:0.5em;
}

#menu dl dt {
    margin:5px 0 5px 3px;
    font-size:15px;
    display:block;
}
#menu dl dd {
    margin:5px 0 5px 15px;
    font-size:12px;
    display:block;
}
#menu a {
    text-decoration:none;
    color:#000;
    border:solid 1px #CCC;
    display:block;
    margin:0;
}
#menu dl dt a {
    background-color:#9C3;
    width:120px;
}
#menu dl dd a {
    background-color:#FF9;
    width:104px;
}
#menu dl dt a:hover {
    border-color:#999;
    background-color:#6B7A51;
    color:#FFF;
}
#menu dl dd a:hover {
    border-color:#999;
    background-color:#FC6
}

}
#menu dl dt.ba {
    margin-top:20px;
}

#menu dl dt.ba a {
    width:150px;
    height:100px;
}

#menu dl dt.ba img {
    border:solid 1px green;
}