@charset "UTF-8";

* {
	/* font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; */
	/*font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif; */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

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


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

a {
	color:	#000;
	text-decoration:	none;
	border-bottom:	1px #f60 dotted;
}

a:hover
, a:active {
	color:				#f60;
	border-bottom:	1px #f60 solid;
}

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

h1 a
, h1 a:hover
, h1 a:active {
	border-bottom:	0;
}

h2 {
	margin-bottom:	10px;
	padding:		5px;
	border-width:	10px;
	border-style:	ridge;
	border-color:	#f00;
	background-color:	#900;
	color:			#fff;
}

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

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

img {
	border:	0;
}

div#wrapper {
	width:				900px;
	margin:				0 auto;
	background-image:	url(../img/common/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;
}

div#header div#head_ad a
, div#header div#head_ad a:hover
, div#header div#head_ad a:active {
	border: 0;
}

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

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

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

ul#mainmenu li a:hover {
	border: 0;
	color:				#fff;
	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:	200px;
	width:			700px;
	min-height:	500px;
}

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:	#00f;
	color:				#fff;
}

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

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

ul#sidemenu li a:hover
, ul#sidemenu li a:active {
	border:	0;
	background-color:	#99f;
	color:				#fff;
	text-decoration:	none;
}

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:		0px;
	right:		0px;
	padding:	10px;
	text-align:	right;
	font-size:	x-small;
}

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

.center {
	text-align:	center;
}

.right {
	text-align:	right;
}
