a:link{ text-decoration:underline; color:#6666CC; }
a:visited{ text-decoration:underline; color:#996699; }
a:active{ text-decoration:underline; color:#FF6699; }
a:hover{ text-decoration:underline; color:#FF6699; }
body{color:#737373; background-color:#ffffff; background-image:url(); }
tr,td{color:#737373; }
hr{ color:#aaaaaa; }
#mid{ font-size:13pt; }
#small{ font-size:12pt; }
#kanri{ color:#ff9999; } /* 管理人コメントの色 */
#log{ width:630; border-style:solid; border-color:#9999CC; }
#log-0{ background-color:#FFCC66; } /* ランキング順位 */
#log-1{ background-color:#fcfcc5; } /* タイトル */
#log-2{ background-color:#f7ffff; } /* カテゴリ */
#log-3{ background-color:#fddbdb; } /* 紹介文 */
#log-4{ background-color:#bbffbb; } /* 管理人コメント */
#log-5{ background-color:#99EDF5; } /* 管理人コメント */
#log-6{ background-color:#FFFFC0; } /* 管理人コメント */
#title-bar{ background-color:#A7C2DD; color:#000000; font-size:13pt; } /* タイトルバー */
#mid-bar{ background-color:#DDDDDD; } /* 中段バー */

@media screen and (min-width: 570px){
div.main {
	margin-left: 150px;
}
div.sidebar {
	position        : absolute;
	top             : 0px;
	left            : 0px;
/*	width           : 150px;*/
	font-size       : x-small;
	padding         : 1pt;
	border-right    : #AABBFF 1px solid;
	border-bottom   : #AABBFF 1px solid;
	color           : #000000;
	background-color: #EEEEFF;
	word-break      : break-all;
line-height:150%;
}
}

@media screen and (max-width: 569px){
div.sidebar a{
list-style-type: none;
	text-decoration: none;
	display: block;
	width: 150px;	/*メニュー幅*/
	padding: 10px 0px;
	text-align: center;
	background-color: #EEEEFF;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	background-image: -webkit-gradient(linear, left top, left bottom, from(#EEEEFF), to(#EEEEFF));	/*グラデーション*/
	background-image: -webkit-linear-gradient(#EEEEFF, #EEEEFF);	/*同上*/
	background-image: linear-gradient(#EEEEFF, #EEEEFF);
}
}