/*********************************************************************
 * Copyright (C) 2005-2006 http://bizcaz.com/ All rights reserved.
 *********************************************************************/
* {
	margin: 0;
	padding: 0;
	text-decoration: none;
	word-break: break-all;
	word-wrap: break-word;
	line-height: 1.3;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	font-size: 8.7pt;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Verdana, sans-serif;
}

body {
	margin: 2em auto;
	text-align: center;
	font-size: 80%;
	line-height: 1.6;
	color: #303;
	background-color: #000;
}

a,
a:link,
a:visited,
a:active {
	color: #7b7c83;
	text-decoration: none;
}
a:hover {
	color: #d3d9f0;
	text-decoration: underline;
}

ul {
	margin: 1em 0 1em 2em;
}
li {
	display: list-item;
	margin: 0;
}
p {
	padding: 0;
	margin-top: 1em;
	margin-bottom: 1em;
	line-height: 1.6;
}

#container {
	margin: 0 auto;
	width: 480px;
	background: #222 url(container-left.gif) repeat-y top left;
}

#content {
	width: auto;
	font-size: 98%;
	background: url(container-right.gif) repeat-y top right;
}
#content div.outer {
	padding: 2em;
	height: 100%;
	background: url(container-header.gif) no-repeat top left;
}
#content div.inner {
	padding: 1em;
	font-size: 98%;
	line-height:150%;
	text-align: left;
	background: #f4f6fb  url(input-shadow.gif) no-repeat top left;
}
#footer {
	clear: both;
}

#header {
	text-align: left;
	background: url(header.gif) repeat-x top left;
}

#header div.outer {
	background: url(header-left.gif) no-repeat top left;
}
#header div.inner {
	padding: 2em 2em 0;
	height: 55px;
	background: url(header-right.gif) no-repeat top right;
}

#header-title,
.header-description {
	text-align: right;
}

#header-title {
	font-size: 220%;
	border-bottom: 3px solid #303;
}
#header-title a,
#header-title a:visited {
	display: block;
	font-size: 220%;
	text-decoration: none;
	line-height: 170%;
}
#header-title a,
#header-title a:link,
#header-title a:visited,
#header-title a:active,
#header-title a:hover {
	color: #303;
}

#header .header-description {
	margin: 0;
	padding: 0;
}

#footer {
	color: #d3d9f0;
	background: url(footer.gif) repeat-x bottom left;
}

#footer div.outer {
	background: url(footer-left.gif) no-repeat bottom left;
}

#footer div.inner {
	font-size: 90%;
	text-align: center;
	height: 50px;
	background: url(footer-right.gif) no-repeat bottom right;
}

#footer ul {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
}

#footer ul li {
	margin: 0;
	padding: 0;
}

#footer ul li a:hover {
	color: #d3d9f0;
	text-decoration: none;
}

#footer ul li a span {
	color: #d3d9f0;
}

#content ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
li.star {
	margin: .5em 0;
	display: block;
}
#notify {
	overflow: hidden;
	position: relative;
}
#notify .message {
	margin-top: 1em;
	padding: .5em;
	cursor: pointer;
	font-size: 90%;
	color: #d3d9f0;
	background: #303 url(starbox/css/message.png) repeat-x left top;
	border: 1px solid #3d213b;
}
#notify em {
	font-weight: 700;
}
#starbox_rank ul {
	padding: .5em;
	width: 300px;
}
#starbox_rank ul li {
	border-bottom: 1px solid #303;
}
#starbox_rank li a,
#starbox_rank li a span {
	display: block;
}
#starbox_rank li a:hover {
	text-decoration: none;
}
#starbox_rank li a span {
	padding: 0 5px;
	float: right;
	font-weight: 700;
}