@charset "utf-8";
/* CSS Document */

/* ----------------------- Browser Default Initialization */
html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ol, li{margin: 0;	padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var	{font-style: normal;}

table	{border-collapse: collapse;	border-spacing: 0; padding: 0; }

p, caption, th	{text-align: left;}

q:before ,q:after	{content: '';}

object, embed	{vertical-align: top;}

hr, legend	{display: none;}


img, abbr, acronym, fieldset	{border: 0; vertical-align: bottom;}

li	{list-style-type: none;}
/* ----------------------- Basic Style */

/* ------------ Font Style */
body {
	font-family: verdana, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
	font-size: 75%;
	line-height: 150%;
	background-color: #fff;
}

html>/**/body {font-size: 11px;}

*+html body {font-family: "メイリオ","Meiryo";}

/* clearfix */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}


/* for IE6 */
*html .clearfix {
    display: inline-block;
}

/* for IE7 */
*+html .clearfix {
    display: inline-block;
}
/* ------------ finish */
label { display: block; } 
p {
	margin: 0;
	margin-bottom: 4px;
	font-size: 11px;
*font-size: 10px;/* for IE6,7 */}
h1{
	font-size:14px;
	width: 180px;
	margin: 0px 0px 0px 5px;
	line-height: 1.3em;
}
h5 { margin: 0; font-weight: normal; }
a:link,

a:visited {
    color: #fff;
}

a:hover
{
	color: #FF0;
}
#container{
	width: 190px;
	margin: 0px;
	padding: 3px;
}
#sidebar {
	color: #AFB0B1;
	background: #0D171A;
	float:left;
	margin:0 0 24px;
	padding:15px 10px 10px;
	width:180px;
}

#sidebar ul {
    font-size:1.2em;
    list-style-type:none;
    margin:0;
    padding:0;
    position:relative;
}
/* for review if you wanna use */

/* <p class='rating none'>Not Rated</p> */
/* <p class='rating four'>Four Stars</p> */
/* 	<p class='rating five'>Five Stars</p> */
.rating {
    background-image:url(info_bar_stars.png);
    background-repeat:no-repeat;
    height:12px;
    text-indent:-900em;
    font-size:1em;
    margin:0 0 9px;
}

.none {
	background-position: 82px 0px;
}

.four {
	background-position: 82px -48px;
}

.five {
	background-position: 82px -60px;
}

.tags {
	color: #fff;
	margin: 0.5em;
}

.tags a,
.tags span {
	background-color: #333839;
	font-size: 0.8em;
	padding: 0.1em 0.8em 0.2em;
}

.tags a:link,
.tags a:visited {
	color: #fff;
	text-decoration: none;	
}

.tags a:hover,
.tags a:active {
	background-color: #3e4448;
	color: #fff;
	text-decoration: none;	
}

#sidebar li {
	height: 65px;
	overflow: hidden;
	line-height: 1.5em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	font-size: 11px;
	padding-bottom: 2px;
}

#sidebar li h5 {
    color:#A5A9AB;
    font-size:1em;
 /*   margin-bottom:0.2em;*/
}

#sidebar li h5 a {
    color:#A5A9AB;
    text-decoration:none;
}

#sidebar li img {
    float:left;
    margin-right:8px;
}

#sidebar li .info {
    color:#3E4548;
    font-size:1em;
}

#sidebar .info a,
#sidebar .info a:visited {
    color:#3E4548;
    text-decoration: none;
}

#sidebar .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#sidebar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}

.tags span,.tags a {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

a img {
    border: 0;
}
.red{
	font-size: 12px;
	color: #F00;
}