@charset "UTF-8";

/*
 * base
 */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, figcaption, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}
article, aside, dialog, figure, figcaption, footer, header,
hgroup, nav, section { 
	display:block;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
object,
iframe,
img {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	background:transparent;
	font-size:100%;
}
input,
select {
	vertical-align:middle;
}

/* clearfix */
header:after,
footer:after,
hgroup:after,
article:after,
section:after,
div:after,
nav:after,
aside:after,
form:after,
ul:after,
li:after,
dl:after {
	display:block;
	clear:both;
	content:"";
}
header,
footer,
hgroup,
article,
section,
div,
nav,
aside,
form,
ul,
li {
	zoom:1;
}


/*
 * common
 */
html {
	background:#FFFFFF;
}
body {
	border-top:#94CB10 10px solid;
	color:#333333;
}
a {
	color:#0080FF;
}
a:visited {
	color:#8080C0;
}


/* page */
div.page {
	position:relative;
	margin:auto;
	padding:0 10px;
	width:988px;
}

/* site */
#site {
	padding:35px 0;
}

/* article */
article {
	float:left;
	padding:0 30px 0 0;
	width:468px;
	overflow:hidden;
	font-size:90%;
}
article h1 {
	border-top:#94CB10 3px solid;
	background:#F1FECB url("/img/headline.png") bottom repeat-x;
	padding:5px;
	color:#336600;
	font-size:110%;
}
article h2 {
	margin:10px 0;
	color:#336600;
	font-size:140%;
}
article h3 {
	margin:10px 0;
	color:#336600;
}
article h4 {
	margin:10px 0;
}
article p {
	margin:10px 0;
	line-height:1.5;
}
article ul {
	margin:10px 0 10px 30px;
	line-height:1.5;
}
article ul li {
	margin:10px 0;
	line-height:1.5;
}
article ol {
	margin:10px 0 10px 2.5em;
	line-height:1.5;
}
article ol li {
	margin:10px 0;
	line-height:1.5;
}
article ol li span {
	color:#009966;
	font-size:small;
}
article dl {
	margin:10px 0;
	line-height:1.5;
}
article dl dt {
}
article dl dd {
	margin:0 0 0 15px;
	font-size:small;
}
article table {
}
article table th,
article table td {
	padding:2px;
}
article table th {
	text-align:left;
	white-space: nowrap;
	font-weight:normal;
}
article table th:after {
	content:":";
}
article table td {
}
article table.data {
	width:100%;
}
article table.data td {
	text-align:right;
}
article section {
	margin:15px 0;
}
article div.ads {
	margin:10px 0;
}

/* navigation */
nav {
	padding:0 0 15px 0;
	overflow:hidden;
	font-size:90%;
}
nav a {
	display:block;
	padding:2px;
	text-decoration:none;
}
nav a:hover {
	background-color:#FAFAFA;
	color:#2A70FC;
	text-decoration:underline;
}
nav h3 {
	border-top:#94CB10 3px solid;
	background:#F1FECB url("/img/headline.png") bottom repeat-x;
	padding:5px;
	color:#336600;
	font-size:medium;
}
nav h4 {
	margin:15px 0 5px 0;
	border-bottom:#94CB10 1px solid;
	padding:0 0 2px 0;
}
nav p {
	margin:1em 0;
}
nav ul {
	margin:5px 0;
	list-style:none;
}
nav ol {
	margin:5px 0 0 2.5em;
}
nav ul li,
nav ol li {
	margin:1px 0;
}

/* guide */
#guide {
	float:left;
	width:300px;
}

/* menu */
#menu {
	float:right;
	width:160px;
}

/* information */
#information {
	clear:both;
	margin:30px 0 0 0;
	border-top:#CCCCCC 1px solid;
	text-align:center;
	font-size:90%;
}
#information p {
	float:right;
	margin:0 0 0 auto;
	padding:15px 0;
	width:490px;
}
#information ul {
	float:left;
	padding:15px 0;
	list-style:none;
}
#information ul li {
	float:left;
}
#information ul li + li:before {
	padding:0 0.5em;
	content:"\203a";
	color:#AAAAAA;
}
#information ul li a:hover {
	text-decoration:none;
}
#information ul li a {
	color:#AAAAAA;
	text-decoration:none;
}
#information ul li a:hover {
	text-decoration:underline;
}
#information div.promotion {
	position:absolute;
	top:20px;
	right:10px;
	width:665px;
	height:60px;
}
#information div.promotion a {
	display:block;
	width:100%;
	height:100%;
}
