@charset 'UTF-8';

/* HTML element */
* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #cdcdcd;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

img { border: 0; }

h1 {
	font-size: 1.6em;
	margin: 0.5em 0.5em 1em 0;
}

h2 {
	font-size: 1.2em;
	margin: 0.8em 0.5em 0.3em 0.6em;
}

h3 {
	font-size: 1.1em;
	margin: 0.8em 0.5em 0.3em 0.8em;
}

h4 {
	font-size: 1em;
	margin: 0.7em 0.5em 0.3em 1em;
}

h5 {
	font-size: 0.9em;
	margin: 0.6em 0.5em 0.2em 1.5em;
}

p { margin: 1px 0.5em 0.5em 1em; }

a:hover { color: red; }

.R { text-align: right; }
.C { text-align: center; }
.L { text-align: left; }

/* main container */
#container {
	position: relative;
	margin: 1em 5%;
	width: 90%;
	background-color: #fafafa;
	border: solid 1px #202020;
	min-width: 890px;
}

/* header */
#header {
	background-color: white;
	border-bottom: solid 1px #202020;
	padding: 1em 0 0 0.5em;
	height: 3.1em;
}

#header_l {
	position: absolute;
	left: 0;
	margin-left: 1em;
}
#header_l h1 {
	display: inline;
	font-size: 2.2em;
}
#header_l h3 {
	display: inline;
	margin-left: 1em;
	font-size: 1.4em;
}

#header_r {
	position: absolute;
	right: 0;
	margin-right: 1em;
	font-size: smaller;
}
#header_r ul { list-style: none; }

/* menu */
#menu {
	background-color: #202020;
	height: 2em;
}

#menu ul { 
	list-style: none;
	font-size: 0.9em;
}

#menu li {
	background-color: #202020;
	display: inline;
	border-right: 1px solid white;
	float: left;
	padding: 0.4em 10px;
}
#menu li.active { background-color: #3955a5; }

#menu li a {
	color: #fafafa;
	text-decoration: none;
}
#menu li a:hover { color: #ffff00; }

/* content */
#content {
	border-top: solid 1px #202020;
	clear: left;
	padding: 0.5em 1.5em;
}

/* footer */
#footer {
	padding: 0.5em 1.5em;
	text-align: right;
}

#footer img {
	height: 31px;
	width: 88px;
	vertical-align: middle;
}

/* text decoration */
.red { color: red; }
.bold { font-weight: bold; }
.logo_color { color: #1a52a1; }

.x-large { font-size: x-large; }

.title {
	background-color: #54a743;
	color: #fafafa;
	padding: 0.1em 1em;
	width: 40.5em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}