html
{
	-webkit-text-size-adjust: none;
}

body
{
	font-family: 'qMmpS Pro W3', 'Hiragino Kaku Gothic Pro',
		'qMmpS ProN W3', 'Hiragino Kaku Gothic ProN',
		'CI', 'Meiryo', 'MS UI Gothic', sans-serif;

	font-size: 0.9em;
	color: #000000;
	background-color: #FFFFFF;
	line-height: 150%;
	margin: 0px;
	padding: 0px;
}

img
{
	margin: 3px 0px 3px 0px;
	max-width: 99%;
	height: auto;
}

div.body
{
	width: 550px;
	max-width: 100%;
}

div.left
{
	color: #FFFFFF;
	background-color: #C05030;
	width: 80px;

	float: left;
	text-align: right;
}

div.right
{
	color: #C05030;

	float: left;
	text-align: left;
}

div.counter
{
	color: #C05030;
	margin: 3px 0px 0px 1px;

	float: left;
	text-align: left;
}

div.end
{
	clear: both;
}

div.main
{
	padding: 5px;
}

div.update
{
	color: #909090;
	text-align: right;
}

div.info
{
	color: #808080;
}

div.border
{
	background-color: #C05030;
	width: 100%;
	height: 3px;
	margin: 5px 0px 5px 0px;
	overflow: hidden;
}

div.title
{
	padding: 5px;
	margin-top: 5px;

	color: #FFFFFF;
	text-shadow: 0px 0px 2px #000000;
	background-color: #C05030;
}

div.updown
{
	margin: 15px 0px 10px 0px;
	text-align: right;
}

div.panel
{
	text-align: center;
	margin: 30px 0px 20px 0px;
}

div.name
{
	padding: 10px 0px 0px 5px;
}

div.memo
{
	padding: 10px 0px 10px 5px;
}

span.star1
{
	color: #FFA000;
	text-shadow: 0px 0px 1px #303030;
}

span.star2
{
	color: #B0B0B0;
	text-shadow: 0px 0px 1px #D0D0D0;
}

a
{
	text-decoration: none;
	outline: none;
}

a:link, a:visited { color: #C05030; }
a:hover, a:active { color: #FF8000; }

a:link.logo, a:visited.logo
{
	color: #FFFFFF;
}

a:hover.logo, a:active.logo
{
	color: #FF8000;
}

a:link.update, a:visited.update
{
	color: #909090;
}

a:hover.update, a:active.update
{
	color: #FF8000;
}

a.button1
{
	padding: 5px 10px 5px 10px;
	margin: 0px 5px 0px 5px;

	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;

	border: 1px solid #A0A0A0;
}

a:link.button1, a:visited.button1
{
	color: #808080;
	text-shadow: 0px 0px 2px #B0B0B0;

	background-color: #E0E0E0;
	box-shadow: 0px 0px 2px 0px #707070, 0px 0px 2px 0px #808080 inset, 0px 8px 8px 0px #FFFFFF inset;
}

a:hover.button1, a:active.button1
{
	color: #FF8000;
	text-shadow: 0px 0px 2px #FF8000;

	background-color: #D0D0D0;
	box-shadow: 0px 0px 2px 0px #707070, 0px 0px 2px 0px #707070 inset, 0px 8px 8px 0px #F0F0F0 inset;

}

a.button2
{
	text-shadow: 0px 0px 2px #000000;

	padding: 5px 30px 5px 30px;
	margin: 0px 5px 0px 5px;

	border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
}

a:link.button2, a:visited.button2
{
	color: #FFFFFF;
	background-color: #C05030;

	border: 1px solid #A03010;
	box-shadow: 0px 0px 3px 0px #303030, 0px 0px 3px 0px #A03010 inset, 0px 10px 10px 0px #F07050 inset;
}

a:hover.button2, a:active.button2
{
	color: #FFFFFF;
	background-color: #FF8000;

	border: 1px solid #DF6000;
	box-shadow: 0px 0px 3px 0px #303030, 0px 0px 3px 0px #DF6000 inset, 0px 10px 10px 0px #FFA020 inset;
}

table
{
	border: 0px #000000 solid;
	border-collapse: separate;
	border-spacing: 1px;

	max-width: 96%;
}

td
{
	font-size: 0.9em;
	color: #000000;
	background-color: #E6E6E6;
	line-height: 150%;
	padding: 3px;
	vertical-align: top;
	text-align: right;
}

td.tr
{
	background-color: #D2D2D2;
}

td.trn
{
	background-color: #D2D2D2;
	white-space: nowrap;
}

td.tc
{
	background-color: #D2D2D2;
	text-align: center;
}

td.tl
{
	background-color: #D2D2D2;
	text-align: left;
}

td.l
{
	text-align: left;
}

td.c
{
	text-align: center;
}

td.none
{
	background-color: #FFFFFF;
	height: 10px;
}
