/* body */
body {
	margin: 0px;
	background-color:white;
	text:black;
}
a:link {
	color:#0000FF;
}
a:visited {
	color:#0000FF;
}
a:hover { 
	color:#CC00CC;
	background-color:#C1FFC1;
	text-decoration:none;
}
a:active { 
	color:#FF0000;
	background-color:#C1FFC1;
	text-decoration:none;
}
a.sidebtn {
	display: block;           /* ブロック要素にする */
	width: 170px;              /* 横幅 */
	color: #0000ff;
	background-color: #bbeebb; /* 背景色 */
	border: outset 2px #ddffdd; /* 枠の色 */
	margin: 0px;
	padding: 3px 5px 1px 0px;
	font-size: 20px;           /* フォントサイズ */
	font-weight: bold;
	line-height: 20px;         /* 行の高さ */
	text-align: left;         /* 水平揃え */
	text-decoration: none;     /* 下線を消す */
}
a.sidebtn:hover {
	color: #0000ff;
	background-color: #aaccaa; /* 背景色 */
	border: inset 2px #ddffdd; /* 枠の色 */
	margin: 0px;
	padding: 4px 4px 0px 0px;
}
a.sidebtn:active  { color: #0000ff; }
a.sidebtn:visited { color: #0000ff; }

div.rank_blogname {
	font-weight:bold;
	padding:4px 5px;
	border-color:#C1FFC1;
	border-width:0 0 0 6px;
	border-style:solid;
}
div.rank_blogguid {
	font-size:10pt;
}
div.rank_newslist {
	font-size:8pt;
	word-break:break-all;
}
hr.rank_splitnews {
	color: #999999;
	height: 1px;
	border-style: dotted;
}
span.rank_in_day {
	font-size:9pt;
}
span.rank_out_day {
	font-size:9pt;
}
span.rank_in_week {
	font-size:9pt;
	color:blue;
}
span.rank_out_week {
	font-size:9pt;
}
div.rank_weeklyreport {
	padding:2px;
	text-align:right;
	width:100%;
	font-size:8pt;
}

div.rank_movepanel01 {
	width:180px;
	height:30px;
	background: url("http://blog.diary-ranking.com/img/prev02.png") no-repeat;
}
div.rank_movepanel01 a { display: block; }
div.rank_movepanel01 a:hover { background: none; }
div.rank_movepanel01 a:hover img { visibility: hidden; }

div.rank_movepanel02 {
	width:180px;
	height:30px;
	background: url("http://blog.diary-ranking.com/img/top02.png") no-repeat;
}
div.rank_movepanel02 a { display: block; }
div.rank_movepanel02 a:hover { background: none; }
div.rank_movepanel02 a:hover img { visibility: hidden; }

div.rank_movepanel03 {
	width:180px;
	height:30px;
	background: url("http://blog.diary-ranking.com/img/next02.png") no-repeat;
}
div.rank_movepanel03 a { display: block; }
div.rank_movepanel03 a:hover { background: none; }
div.rank_movepanel03 a:hover img { visibility: hidden; }

/* report */
hr.in {
	color: #cc6666;
	background-color: #cc6666;
	height: 4px;
	border-color: #ff9999 #993333 #993333 #ff9999;
	border-width: 1px;
	border-style: solid;
}
hr.out {
	color: #6666cc;
	background-color: #6666cc;
	height: 4px;
	border-color: #9999ff #333399 #333399 #9999ff;
	border-width: 1px;
	border-style: solid;
}

/* faq */
ul.faq{
	list-style-type:square;
}
ul.faq li, ul.faq li a, ul.faq li a:visited{
	color:blue;
}
h2.faqscope {
	width:100%;
	color:#000000;
	background-color:#99FF99;
	font-size:10pt;
	font-weight:bold;
	margin:0em;
	padding:0.4em 1em 0.4em 1em;
}
p.faqscope {
	width:100%;
	color:#000000;
	background-color:#CCFFCC;
	font-size:10pt;
	padding:1em;
	margin:0em;
}

/* side button */
p.clear{
	clear:both;
	height:8px;
	margin: 0px;
	padding: 0px;
}
/* sedai */
ul.sedai {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

ul.sedai li {
	/* li要素を横に並べる */
	float:left;
	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
	line-height: 16px;
}

ul.sedai li a {
	 /* a要素をブロックに */
	display: block;

	/* 背景画像と同じ幅高さ指定 */
	height: 16px;
	width: 48px;
	/* 文字の色サイズ */
	color: #000000;
	font-size:9pt;
	/* font-weight:bold; */

	/* 文字を横軸中央に */
	text-align: center;
	text-decoration: none;

	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(http://blog.diary-ranking.com/img/btn-bg-sedai01.png) 0 0 no-repeat;
}

ul.sedai li a:hover {
	color:#000000;
	/* 背景画像指定 X:0 Y:-45px 繰り返し無し */
	background: url(http://blog.diary-ranking.com/img/btn-bg-sedai02.png) 0 0 no-repeat;
}

/* kokunai */
ul.kokunai {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

ul.kokunai li {
	/* li要素を横に並べる */
	float:left;
	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
	line-height: 16px;
}

ul.kokunai li a {
	 /* a要素をブロックに */
	display: block;

	/* 背景画像と同じ幅高さ指定 */
	height: 16px;
	width: 48px;
	/* 文字の色サイズ */
	color: #000000;
	font-size:9pt;
	/* font-weight:bold; */

	/* 文字を横軸中央に */
	text-align: center;
	text-decoration: none;

	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(http://blog.diary-ranking.com/img/btn-bg-kokunai01.png) 0 0 no-repeat;
}

ul.kokunai li a:hover {
	color:#000000;
	/* 背景画像指定 X:0 Y:-45px 繰り返し無し */
	background: url(http://blog.diary-ranking.com/img/btn-bg-kokunai02.png) 0 0 no-repeat;
}

/* kaigai */
ul.kaigai {
	margin: 0px;
	padding: 0px;
	list-style:none;
}

ul.kaigai li {
	/* li要素を横に並べる */
	float:left;
	/* 1行の高さ＝背景の高さにして文字を縦軸中央に */
	line-height: 16px;
}

ul.kaigai li a {
	 /* a要素をブロックに */
	display: block;

	/* 背景画像と同じ幅高さ指定 */
	height: 16px;
	width: 48px;
	/* 文字の色サイズ */
	color: #000000;
	font-size:9pt;
	/* font-weight:bold; */

	/* 文字を横軸中央に */
	text-align: center;
	text-decoration: none;

	/* 背景画像指定 X:0 Y:0 繰り返し無し */
	background: url(http://blog.diary-ranking.com/img/btn-bg-kaigai01.png) 0 0 no-repeat;
}

ul.kaigai li a:hover {
	color:#000000;
	/* 背景画像指定 X:0 Y:-45px 繰り返し無し */
	background: url(http://blog.diary-ranking.com/img/btn-bg-kaigai02.png) 0 0 no-repeat;
}