@charset "UTF-8";

* {
	font-family: "ＭＳ ゴシック", "Osaka－等幅", monospace;
}

body {
	margin:				0;
	background-color:	#fff;
	background-image:	url(../img/background.jpg);
	background-repeat:	repeat-x;
	background-position:	bottom;
	background-attachment:	fixed;
}

h1
, h2
, h3
, h4
, h5
, h6
{
	margin:		0;
	padding:	0;
}

h3 {
	margin-bottom:	10px;
	padding:		5px;
	border-width:	0 0 0 0;
	border-style:	solid;
	border-color:	#900;
	color:			#900;
}

h4 {
	margin-bottom:	10px;
	padding:		5px;
	border-width:	0 0 0 0;
	border-style:	solid;
	border-color:	#900;
	color:			#900;
}

img {
	border:	0;
}

p {
	padding:		0 1em;
	line-height:	1.5em;
}

a {
	color:				#000;
	text-decoration:	none;
}

a:hover
, a:active {
	color:				#f33;
	text-decoration:	underline;
}

div#wrapper {
	width:				900px;
	margin:				0 auto;
	background-image:	url(../img/back_white.png);
}

div#header {
	position:	relative;
	top:		0;
	left:		0;
	width:		900px;
	height:		120px;
	background:	url(../img/header_background.png) no-repeat;
}

div#header h1 {
	position:	absolute;
	top:		0px;
	left:		25px;
	margin:		0;
	width:		350px;
	height:		120px;
}

div#header ul#submenu {
	position:			absolute;
	top:				15px;
	left:				400px;
	list-style-type:	none;
	margin:				0;
	padding:			0;
	height:				20px;
}

div#header ul#submenu li {
	float:		left;
	height:		15px;
	margin:		0;
	padding:	2px 5px;
	text-align:	center;
}

div#header ul#submenu li#sub_1 {
	width: 108px;
}

div#header ul#submenu li#sub_2 {
	width: 70px;
}

div#header ul#submenu li#sub_3 {
	width: 125px;
}

div#header ul#submenu li#sub_4 {
	width: 125px;
}

div#header div#head_ad {
	position:	absolute;
	top:		45px;
	left:		401px;
	width:		468px;
	height:		60px;
}

ul#mainmenu {
	width:		900px;
	height:		30px;
	margin:		0;
	padding:	0;
	background:	#fff url("../img/mainmenu_background.png") no-repeat;
}

ul#mainmenu li {
	float:				left;
	list-style-type:	none;
	width:				180px;
	height:				30px;
	text-align:			center;
	font-size:			large;
}

ul#mainmenu li a {
	display:			table-cell;
	width:				189px;
	height:				30px;
	text-align:			center;
	text-decoration:	none;
	vertical-align:		middle;
	color:				#00f;
}

ul#mainmenu li a:hover {
	color:				#f00;
	text-decoration:	underline;
}

ul#mainmenu li span {
	display:			table-cell;
	border-width:		1px 0;
	border-style:		solid;
	border-color:		#f0f;
	width:				180px;
	height:				28px;
	text-align:			center;
	text-decoration:	none;
	vertical-align:		middle;
	background-color:	#ffc;
	color:				#00f;
}

div#content_area {
	position:	relative;
	top:		0;
	left:		0;
}

h2#title {
	float:	left;
	margin:	10px;
	width:	160px;
}

div#content {
	margin:			10px;
	margin-left:	180px;
}

ul#sidemenu {
	position:			absolute;
	top:				0;
	left:				0;
	list-style-type:	none;
	margin:				0 10px;
	padding:			0;
}

ul#sidemenu li {
	border-width:	0 1px 1px 1px;
	border-style:	solid;
	border-color:	#000;
	text-align:		center;
	font-size:		large;
}

ul#sidemenu li#side_head {
	padding:			10px;
	border-top-width:	1px;
	width:				158px;
	background-color:	#666;
	color:				#fff;
}

ul#sidemenu li#current {
	padding:			10px;
	width:				158px;
	background-color:	#fff;
	color:				#999;
}

ul#sidemenu li a {
	display:			block;
	padding:			10px;
	width:				158px;
	background-color:	#999;
	color:				#fff;
}

ul#sidemenu li a:hover {
	background-color:	#fff;
	color:				#999;
	text-decoration:	none;
}

ul#sidemenu li#side_head a {
	display:			inline;
	padding:			0;
	background-color:	transparent;
}

ul#sidemenu li#side_head a:hover {
	color:	#fff;
}

div#pan {
	margin:			5px 0;
	padding:		5px;
	border-width:	1px 0;
	border-color:	#000;
	border-style:	solid;
}

div#footer {
	position:	relative;
	top:		0;
	left:		0;
	height:		70px;
}

div#footer div#copyright {
	position:	absolute;
	bottom:		0;
	right:		0;
	padding:	10px 5px;
	text-align:	right;
	font-size:	small;
}

div#footer div#bottom_ad {
	position:	relative;
	top:		0;
	left:		0;
	padding:	5px;
	width:		468px;
	height:		60px;
}

.center {
	text-align:	center;
}

.right {
	text-align:	right;
}