body{
 min-width: 820px;
 margin: 0px;
 padding: 0px;
 text-align: center;
 background-image:url(../../../www.geocities.jp/cozey4649/kabe.aka-2.jpg);
 font-family: meiryo, ＭＳ ゴシック, Osaka-mono, sans-serif;
}
#container{
 margin: 0px auto;
 padding: 0px auto;
 width: 100%;
 position: relative;
 font-family: meiryo, ＭＳ ゴシック, Osaka-mono, sans-serif;
}
h1{
 text-align: center;
margin: 0 auto;
padding: 0 auto;
width: 100%; 
font-family: meiryo, ＭＳ ゴシック, Osaka-mono, sans-serif;
 font-size: 16px;
 color: snow;
}

#navi{
 text-align: center;
 margin: 0 auto;
 height: 42px;
 padding: 0 auto;
 background-color: darkred;
 position: relative;
 border-top: solid hotpink 2px;
 border-bottom: solid hotpink 2px;
}
ul.navi-menu li {
 width: 10%;
 float: left;
 display: inline;
 background-color: darkred;
 font-size: 120%;
 color: white;
 text-align: center;
 height: 40px;
 margin: 0px auto;
 top: -15px;
 left:40px;
 position: relative;
 font-family: meiryo, Yu Mincho, ＭＳ 明朝, Hiragino Mincho ProN, sans-serif;
}
ul.navi-menu li a:link {
 display: block;
 width: 100%;
 height: 31px;
 text-decoration: none;
 text-align: center;
 color: white;
 background-color: darkred;
 padding: 8px 10px 0px 0px;
 height: 31px;
}
ul.navi-menu li a:visited {
 text-decoration: none;
 color: white;
 background-color: darkred;
}
ul.navi-menu li a:hover {
 color: darkgoldenrod;
 background: linear-gradient(red, black)
}
ul.navi-menu-now li {
 width: 10%;
 float: left;
 display: inline;
 background-color: black;
 color: red;
 font-size: 120%;
 text-align: center;
 height: 31px;
 margin: 0px auto;
 top: -15px;
 left:40px;
 position: relative;
 padding-top:8px;
 font-family: meiryo, Yu Mincho, ＭＳ 明朝, Hiragino Mincho ProN, sans-serif;
}
#content{
 float: left; 
 text-align: left;
 margin: 0px 0px 0px 210px;  
 width: 35%;
 padding: 0px auto; 
 font-family: ＭＳ ゴシック, Osaka-mono, sans-serif;
 font-size: 16px;
 left: -200px;

 }
.box{
 border: 2px solid hotpink; 
 -moz-border-radius: 10px;    /* Firefox */
 -webkit-border-radius: 10px; /* Safari,Chrome */
 border-radius: 10px;         /* CSS3 */
}
.title{
 font-size: 16px;
 padding: 5px;
 text-align: center;
 font-family: meiryo, Yu Mincho, ＭＳ 明朝, Hiragino Mincho ProN, sans-serif;
 background-color: darkred;
 border-bottom: 3px double hotpink;
 color: snow;
   /* ▼CSS3 */
 border-top-left-radius: 9px;  /* 左上 */
 border-top-right-radius: 9px; /* 右上 */

   /* ▼Safari,Chrome */
 -webkit-border-top-left-radius: 9px;  /* 左上 */
 -webkit-border-top-right-radius: 9px; /* 右上 */

   /* ▼Firefox */
 -moz-border-radius-topleft: 9px;  /* 左上 */
 -moz-border-radius-topright: 9px; /* 右上 */
}

.text{
 font-family: meiryo, ＭＳ ゴシック, Osaka-mono, sans-serif;
 height: 532px;
 overflow-y: scroll;
}
.end{ 
 font-size: 16px; 
 margin-bottom:30px;
 padding-TOP: 40px; 
 padding-LEFT: 0px;
}
#sidebar{
 text-align: center; 
 float: left;
 text-align: left;
 margin: 0 auto;
 font-family: meiryo, ＭＳ ゴシック, Osaka-mono, sans-serif;
 left: 200px;
 width: 35%;
 position: relative;
}
#sidebar a:link{
 color: gold;
}
#sidebar a:visited{
 color: red;
}
#sidebar a:hover{
 background: linear-gradient(yellow, yellow, blue, blue, white, white);
 color: green;
text-shadow:
 0px -1px lightgreen,
 1px 0px lightgreen,
 0px 1px lightgreen,
 -1px 1px lightgreen;
 text-decoration: none;
}
.side-box{
 text-align: center;
 border: 2px solid hotpink; 
 margin-bottom: 10px;
 padding: 0px 0px 10px 0px;
 -moz-border-radius: 10px;    /* Firefox */
 -webkit-border-radius: 10px; /* Safari,Chrome */
 border-radius: 10px;         /* CSS3 */
}
.side-title{
 text-align: center;
 font-size: 16px;
 padding: 5px;
 color: snow;
 border-bottom: 3px double hotpink;
 background-color: darkred;
 font-family: meiryo, Yu Mincho, ＭＳ 明朝, Hiragino Mincho ProN, sans-serif;
   /* ▼CSS3 */
 border-top-left-radius: 9px;  /* 左上 */
 border-top-right-radius: 9px; /* 右上 */

   /* ▼Safari,Chrome */
 -webkit-border-top-left-radius: 9px;  /* 左上 */
 -webkit-border-top-right-radius: 9px; /* 右上 */

   /* ▼Firefox */
 -moz-border-radius-topleft: 9px;  /* 左上 */
 -moz-border-radius-topright: 9px; /* 右上 */
}
.side-text{
 text-align: center;
 font-size: 14px;
 color: snow;
 text-align: left;
 padding: 5px 5px 5px 5px;
 background-color: smoke;
 height: 220px;
 overflow-y: scroll;
font-family: meiryo,　Hiragino Maru Gothic ProN;
line-height: 28px;
}
.side-end{
 text-align: center;
 font-size: 12px;
 color: snow;
 text-align: left;
 padding: 5px 5px 5px 5px;
 background-color: smoke;
}
#footer{
 text-align: center;
 font-size: 16px; 
 padding-BOTTOM: 10px;
 margin: 0 auto;
 padding-top: 30px;
 clear: left;
 color: snow;
}

a:link{
text-decoration: underline;
}