img{border: none;}

body{margin-left: auto;
margin-right: auto;}

#navi{
color: #7b7b7b;
font-size: 14px;
font-weight: bold;
margin-bottom: 3%;
margin-left: 20%;
margin-top: 3%;
text-align: left;}

#navi A:link{ color: #7b7b7b; text-decoration:none; }
#navi A:visited{ color: #7b7b7b; text-decoration:none; }
#navi A:hover { color: #00ffff; text-decoration:underline; }
#navi A:active { color:#ff0000; text-decoration:underline; }

#head
{background-image: url(w-sitemap.png);
background-repeat: no-repeat;
background-position: top;
color: #ffffff;
font-size: 23px;
font-weight: bold;
height: 44px;
margin-bottom: 30px;
margin-top: 50px;
padding-top: 10px;}

.whole{
margin-bottom: 50px;
margin-top: 40px;
width: 94%;}

.whole A:link { color: #000000; text-decoration:none; }
.whole A:visited { color: #000000; text-decoration:none; }
.whole A:hover { color: #00ffff; text-decoration:underline; }
.whole A:active { color:#ff0000; text-decoration:underline; }

.title{background-color: #1e5fbf;
color: ffffff;
font-size: 15px;
font-weight: bold;
margin-top: 10%;
padding: 3px 10px 3px;}

.title A:link, .playground A:link { color: #ffffff; text-decoration:none; }
.title A:visited, .playground A:visited { color: #ffffff; text-decoration:none; }
.title A:hover, .playground A:hover { color: #00ffff; text-decoration:underline; }
.title A:active, .playground A:active{ color:#ff0000; text-decoration:underline; }

.brown{color: #990000;}

.margin{margin-left: 5px;}

.margin2{margin-top: 0px;margin-left: 5px;}

.margin3{margin-top: 0px;margin-left: 15px;}

.contents, .contents3{float: left;}
.contents2{float: right;}

.contents, .contents2, .contents3{
font-size: 13px;
margin-left: 5px;
text-align: left;}

.contents, .contents2{width: 45%;}
.contents3{margin-left: 2%;width: 30%;}

.list{margin-left: 7px;}
.list15{line-height: 1.5em;}
.list15b{margin-left: 25px;line-height: 1.5em;}

.playground{
background-color: #1e5fbf;
clear: both;
color: #ffffff;
font-size: 15px;
font-weight: bold;
margin-bottom: 0px;
margin-top: 10%;
padding: 3px;
width: 98%;}


#foot{height: auto;
margin-bottom: 20px;
margin-top: 50px;
width: 100%;}

.back{background-color: #999999;
font-size: 15px;
font-weight: bold;
margin-left: 0px;
margin-top: 30px;
padding: 3px;
text-align: right;
width: 100%;}

.back A:link { color: #ffffff; text-decoration:none;  display: block; width: 100%;}
.back A:visited, #footer A:visited { color: #ffffff; text-decoration:none; }
.back A:hover, #footer A:hover { color: #00ffff; text-decoration:underline; }
.back A:active, #footer A:active { color:#ff0000; text-decoration:underline; }


.footer{float: left;
font-size: 13px;
height: 30%;
line-height: 2.5em;
text-align: left;
width: 30%;}

.footer A:link, #top A:link{ color: #000000; text-decoration:under-line; }
.footer A:visited, #top A:visited{ color: #000000; text-decoration:under-line; }
.footer A:hover, #top A:hover{ color: #00ffff; text-decoration:underline; }
.footer A:active, #top A:active{ color:#ff0000; text-decoration:underline; }

.foot2{height: auto; margin-right: 7px; width: 10%;}

.space0{clear: both;}
.space0a{clear: both;height: 40px;}
.space5{clear: both;margin-bottom: 5%;margin-top: 5%;}

#top{
background-color: #cccccc;
font-size: 15px;
font-weight: bold;
width: 10%;
position: fixed;
padding: 3px;
bottom: 3%;
right: 3%;
display: block;}