﻿/****全体位置の決定****/
body {
  margin: 2%;
  font-family: "ＭＳ Ｐゴシック", "ＭＳ ＰＲゴシック", verdana;
  width: 900px;
 }

#main {
  float: left;
  border-width: 0 1px 0 0;
  border-style: dashed;
  border-color: #888;
  width: 650px;
}
#menubox1{
  float: left;
  min-width: 300px;
  width: 44%;
  height: 750px;
  border-width: 1px 1px 0 1px;
  border-style: dashed;
  border-color: #888;
  margin: 1em 0 0 0.3em;
  padding: 0 0.5em 0 0.5em;
}
#menubox2{
  float: left;
  min-width: 300px;
  width: 44%;
  height: 100%;
  border-width: 1px 0px 0 0px;
  border-style: dashed;
  border-color: #888;
  margin: 1em 0 0 0.1em;
  padding: 0 0.5em 0 0.5em;

}
#menubox3{
  float: left;
  width: 100%;
  border-width: 1px 0 0 0;
  border-style: dashed;
  border-color: #888;
  margin: 0em 0 0 0em;
  padding: 0 0.5em 0 0.5em;
}
#content1{
  float: left;
  width: 600px;
  height: 100%;
  border-width: 1px 0px 1px 0px;
  border-style: dashed;
  border-color: #888;
  margin: 0.3em 0 0 0.3em;
  padding: 0 0.5em 2em 0.5em;
}

#content2{
  float: left;
  width: 600px;
  height: 100%;
  border-width: 0 0 0 0;
  border-style: dashed;
  border-color: #888;
  margin: 0.3em 0 0 0.3em;
  padding: 0 0.5em 0 0.5em;
}

#sidebar {
  float: right;
  width: 20%;
  padding-left: 1em}

#affiliate {
  float: right;
  width: 210px;
  padding-left: 1em;
  font-size:10px;
}

#footer {
  clear: both;
  color: black;
  width: 95%
  margin: 0 27% 0 0.8em;
  font-size:13px; 
  font-family:verdana;
  border-width: 4px 0 0 0px;
  border-style: solid;
  border-color:#888;
}

/****メニューバー****/
.menu ul{
    position:relative;
    bottom:20px;
    width:850px;
    height:20px;
    margin:0;
    padding-left:10px;
    font-size:13px;
    list-style:none;
    background-color:#800000;
    filter:alpha(opacity=60);
    opacity:0.6;
}
.menu li{
    height:20px;
    line-height:20px;
    float:left;
    width:120px;
    text-align:center;
    position:relative;
    white-space:nowrap;
}

.menu a{
    text-decoration:none;
    display:block;
    color:white;
}

.menu a:visited{
    text-decoration:none;
    display:block;
    color: white;
}

.menu a:hover{
    width:100%;
    height:100%;
    color: black;
    background-color:#C0C0C0;
}
