a:link{ text-decoration:none; color:#0000ff; }
a:visited{ text-decoration:none; color:#0000ff; }
a:active{ text-decoration:none; color:#0000ff; }
a:hover{ text-decoration:underline; color:#ff0000; }
body{ font-size:10pt; color:#000000; background-color:#ffffff; background-image:url(); margin-left:4%; margin-right:4%; }
tr,td{ font-size:10pt; color:#000000; }
hr{ color:#cccccc; }
#mid{ font-size:10pt; }
#small{ font-size:9pt; }
#kanri{ color:#000000; } /* 管理人コメントの色 */
#log{ width:400; border-style:solid; border-color:#ffffff; }
#log-0{ background-color:#ffffff; } /* ランキング順位 */
#log-1{ background-color:#ffffff; } /* タイトル */
#log-2{ background-color:#ffffff; } /* カテゴリ */
#log-3{ background-color:#ffffff; } /* 紹介文 */
#log-4{ background-color:#666666; } /* 管理人コメント */
#title-bar{ background-color:#cccccc; color:#000000; font-size:11pt; } /* タイトルバー */
#mid-bar{ background-color:#cccccc; } /* 中段バー */





tbody {
  font-size: 10pt;
}
A{ text-decoration:none ;}
A:hover{ text-decoration:underline;color:red;}
#bodyid{
padding:0;
margin:0;
text-align:center;
background:#fff;
}
#page{
background:#fff url('img/bg.png') repeat-y left top;
width:820px;
margin:0 auto;
}
#page2{
width:800px;
margin:0 auto;
border:1px solid #666;
background:#fff url('img/image.png') repeat-x left top;
color:#333;
}
#top{
height:100px;
}
#top h1{
float:left;
color:#000;
font-size:14px;
letter-spacing:2px;
text-align:left;
padding:5px 5px;
margin:0;
}

#top strong{
float:right;
font-size:13px;
margin:0;
padding:5px 5px;
}
#menu{
font-size:13px;
color:#000;
}
#menu a{
color:#0000ff;
text-decoration:none;
}
#menu a:hover{
color:#ff0000;
}
#menu h2{
font-size:13px;
padding:7px 10px;
margin:0;
text-align:left;
color:#000;
}
#menu p{
margin:0;
padding:0px 0px 0px 5px;
text-align:left;
color:#000;
font-size:13px;
}
#main{
font-size:13px;
padding:10px 0;
}
#left{
width:270px;
float:left;
text-align:left;
padding:0 0 0 0;
}
#left1{
width:270px;
float:left;
text-align:left;
padding:0 0 0 0;
}
#left1 a{
color:#0000ff;
}
#left1 a:hover{
color:#ff0000;
}
#left1 h3{

background: url('img/haikei1.gif') repeat-x left top;
font-size:14px;
padding:5px 0px 4px 7px;
margin:0 0 0 5px;
color:#000;
}
#left1 ul{
list-style-type:none;
margin:0;
padding:0;
}
#left1 li{
font-weight:normal;
border-bottom:1px dashed #999;
background:url('img/y-1.gif') no-repeat 5px 4px;
padding:4px 0px 4px 20px;
margin:0 0 0 5px;
font-size:13px;
}
#left1 li a{
color:#0000ff;
text-decoration:none;
width:100%;
}
#left1 li a:hover{
color:#ff0000;
background:#eee;
}
#left1 p{
margin:0 0 0 5px;
padding:5px 5px 5px 5px;
text-align:left;
color:#000;
font-size:13px;
background:#fff;
}
#left2{
width:270px;
float:left;
text-align:left;
padding:0 0 0 0;
}
#left2 a{
color:#0000ff;
}
#left2 a:hover{
color:#ff0000;
}
ul.button02b {
	width: 262px;/*↓の幅+15px*/
	margin: 5px;
	padding: 0;
	font-size: 13px;/*フォントサイズ*/
	font-family: Verdana,Arial,sans-serif;
}
.button02b li {
	list-style: none;
	border: solid 1px #848485;/*外枠の色*/
	margin: 0.2em 0;/*メニュー間の間隔*/
	padding: 0;
}
.button02b li a {
	display: block;
	width: 262px;/*リンクの幅*/
	margin: 0 0 0 0;
	padding: 8px 0 8px 3px;
	border-left: solid 5px #f7a61e;/*左側の着色部分*/
	color: #0080c0;/*文字色*/
	background:url('img/link1.png') repeat-x left top;
	text-decoration: none;
}
.button02b a:hover{
	background:url('img/link2.png') repeat-x left top;
	border-color: #ff0000;
  }
#left2 p{
margin:0 0 0 0px;
padding:5px 5px 5px 5px;
text-align:left;
color:#000;
font-size:13px;
background:#fff;
}
#right{
width:510px;
float:right;
text-align:left;
}
#right a{
color:#0000ff;
}
#right a:hover{
color:#ff0000;
}
#right h4{
border:1px solid #666;
background:url('img/haikei2.gif') repeat-y left top;
color:#000;
font-size:14px;
margin:0 5px 0 0;
padding:5px 0px 4px 25px;
text-align:left;
}
#right p{
margin:0 0 0 5px;
padding:5px 10px 5px 10px;
text-align:left;
color:#000;
font-size:14px;
line-height:18px;
font-weight:normal;
}

#r-1{
width:250px;
float:left;
text-align:left;
}
#r-1 a{
color:#0000ff;
}
#r-1 a:hover{
color:#ff0000;
}
#r-1 h5{

background:url('img/haikei3.gif') repeat-y left top;
color:#000;
font-size:13px;
margin:0 5px 0 0;
padding:2px 0px 2px 15px;
text-align:left;
}
#r-1 p{
margin:0 0 0 5px;
padding:5px 10px 5px 10px;
text-align:left;
color:#000;
font-size:13px;
line-height:18px;
font-weight:normal;
}

#r-2{
width:250px;
float:right;
text-align:left;
}
#r-2 a{
color:#0000ff;
}
#r-2 a:hover{
color:#ff0000;
}
#r-2 h5{

background:url('img/haikei3.gif') repeat-y left top;
color:#000;
font-size:13px;
margin:0 5px 0 0;
padding:2px 0px 2px 15px;
text-align:left;
}
#r-2 p{
margin:0 0 0 5px;
padding:5px 10px 5px 10px;
text-align:left;
color:#000;
font-size:13px;
line-height:18px;
font-weight:normal;
}

#copy{
clear:both;
color:#000;
font-size:13px;
}
#copy a{
color:#0000ff;
}
#copy a:hover{
color:#ff0000;
}
#copy h4{
border:1px solid #666;
background:url('img/haikei2.gif') ;
color:#000;
font-size:13px;
margin:0 5px 0 5px;
padding:3px 18px;
text-align:left;
letter-spacing:2px;
}
#copy p{
margin:0;
padding:5px 5px 5px 15px;
text-align:left;
color:#000;
font-size:13px;
font-weight:normal;
line-height:120%;
}
#copy2{
clear:both;
color:#000;
font-size:13px;
border-top:1px solid #ccc;
}
#copy2 p{
margin:0;
padding:5px 5px 5px 0px;
text-align:center;
color:#000;
font-size:13px;
font-weight:normal;
line-height:120%;
}