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; }

tr,td{ font-size:10pt; color:#000000; }
hr{ color:#cccccc; }
#mid{ font-size:10pt; }
#small{ font-size:9pt; }
#kanri{ color:#ff0000; } /* 管理人コメントの色 */
#log{ width:450; 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:#FFFFFF; } /* 管理人コメント */
#title-bar{ background-color:#cccccc; color:#000000; font-size:10pt; } /* タイトルバー */
#mid-bar{ background-color:#cccccc; } /* 中段バー */



body { font: 13px; line-height: 18px; margin: 0;}

#bodyid{ background:#fff url('../image/bg.jpg') repeat-x; padding:0; margin:0; }

#page {	margin: 0 auto;	width: 900px; background:#ffffff; }


/* ヘッダー設定 */

#top {
	margin: 0 auto;
	padding: 0;
	color: #666666;
	background: #ffffff url(../image/head.jpg) repeat-x top;
	height: 100px;
}

#top h1 { padding: 5px 5px 0 0; float:right; font-size: 13px; background: transparent;}

.log{margin:0; padding:0; width: 210px; float: left; }


/* コンテンツ設定 */

#main {	margin: 0;	font-size: 13px; color: #000000; background: #ffffff;}

#right {margin:5px 5px 5px 5px; padding:0; width: 670px; float: right; }

#right h2 { margin:10px 0 0 0; padding: 10px 0 7px 30px; color: #000; text-indent: 10px; background: #fff url(../image/bar.gif) no-repeat left; clear: both;}
#right h3 { margin:10px 0 0 0; padding: 10px 0 7px 30px; color: #000; text-indent: 10px; background: #fff url(../image/bar1.gif) no-repeat left; clear: both;}

#right p {margin:5px; padding:3px; }

.t-box { font-size: 13px; font-weight: bold; padding: 8px 0 8px 5px; color: #000; text-indent: 10px; background: #fff url(../image/t-bar.gif) no-repeat left; }


.l_box{	margin: 0; width: 330px; float: left;}

.r_box{	margin: 0; width: 330px; float: right;}


.top_box {
	border:0;
	background: #fff;
	margin:10px;
	padding:0;
	clear: both;
}


.c_box {
	border:1px solid #ccc;
	background:url(../image/box1_back.gif);
	margin:10px;
	padding:5px;
	clear: both;
}

.c1_box {
	border:1px solid #ccc;
	background: #fff;
	margin:10px;
	padding:5px;
	clear: both;
}

/* サイド設定 */

#side {margin:5px 5px 5px 7px; padding:0; width: 200px; float: left;}

#side h3 { margin:10px 0 10px 0; padding: 7px 0 7px 10px; color: #ffffff; background: #fff url(../image/left_b.gif) no-repeat left;; }
#side h3 a { text-decoration:none ; color: #ffffff;}
#side h3 a:hover{ text-decoration:none ; color: #FDCACF;}

.bar { margin:6px 0 6px 0; }

.side-box {
	border:1px solid #EEE;
	font-size: 13px;
	background:url(../image/box1_back.gif);
	margin:0;
	padding:10px;
}

ul.button {
	width: 200px;/*↓の幅+15px*/
	margin: 0;
	padding: 0;
	font-size: 13px;/*フォントサイズ*/
	font-family: Verdana,Arial,sans-serif;
}
.button li {
	list-style: none;
	border: solid 1px #848485;/*外枠の色*/
	margin: 0 0 3px 0;/*メニュー間の間隔*/
	padding: 0;
	
}
.button li a {
	display: block;
	padding: 5px 0 5px 10px;
	color: #0080c0;/*文字色*/
	background:url('../image/link1.gif') repeat-x left top;

}
.button a:hover{
	background:url('../image/link2.gif') repeat-x left top;
color: #ff0000
  }

.ttl_box {
	margin: 10px 0 0 0;
}

ul.yaji {
	width: 200px;/*↓の幅+15px*/
	margin: 0;
	padding: 0;
	font-size: 13px;/*フォントサイズ*/
	font-family: Verdana,Arial,sans-serif;
}
.yaji li {
	border-bottom:1px dashed #999;
	background:url('../image//point.png') no-repeat 5px 4px;
	padding:2px 10px 2px 25px;
	margin:0;
	
}
.yaji li a {
	color:#0080c0;
	text-decoration:none;
	width:100%;

}
.yaji a:hover{
	color:#ff0000;
  }





/* フッター設定 */

#footer {
	clear: both;
	background: #FFFFFF url(../image/footer.jpg) repeat-x;
	margin:10px 0 10px 0;
	font-size: 13px;
	color: #666666;
	text-align: center;
	padding: 5px;
	height: 25px;
	
}
#footer p  { padding: 5px; float: right;}





/* 共通設定 */


h1, h2, h3, h4, h5 {
	color: #666666;
	background:inherit;
	padding: 0;
	margin: 0;
	font-size: 14px;
}

a{ text-decoration:none ; color: #0080c0;}
a:hover{ text-decoration:none ; color: #ff0000;}

img { border:0;}

.tb1 { border-collapse: collapse; border: 1px solid #888; width: 100%;  }
.tb1 th { font-size: 90%; color: #111; background-color: #efefef; border-collapse: collapse; border: 1px solid #fff; border-right: 1px solid #fff; padding: 5px 5px 5px 5pxpx; text-align: center;  }
.tb1 td { width: 50%;font-size: 100%; background-color: #fff; border-collapse: collapse; border: 1px solid #ddd; padding: 5px 5px 5px 5px; text-align: left; vertical-align: middle; }

.tb2 { border-collapse: collapse; border: 1px solid #ffb062; width: 100%;  }
.tb2 th { font-size: 90%; color: #111; background-color: #edfee2; border-collapse: collapse; border: 1px solid #fff; border-right: 1px solid #fff; padding: 5px 5px 5px 5px; text-align: center;  }
.tb2 td { font-size: 100%; background-color: #fff; border-collapse: collapse; border: 1px solid #a7eb74; padding: 5px 5px 5px 5pxpx; text-align: left; vertical-align: middle; }



.box {
	border:0;
	background: #fff;
	margin:10px;
	padding:5px;
	font-size: 14px; line-height: 20px;
}
.box1 {
	border:1px solid #EEE;
	background:url(../image/box1_back.gif);
	margin:10px;
	padding:5px;
}
.box2 {
	border:1px solid #EEE;
	background:url(../image/box2_back.gif);
	margin:10px;
	padding:5px;
	text-align:right;
}

.box4 {
	border:1px solid #EEE;
	background:url(../image/box1_back.gif);
	margin:10px;
	padding:5px;
	font-size: 14px; line-height: 20px;
}