@charset "Shift_JIS";
/* CSS Document */

/* common */
* { margin: 0px; padding: 0px;}
p { margin: 0px; padding: 0px;}

html { overflow-y:scroll;}

a:link { text-decoration: none;}
a:visited { text-decoration: none;}
a:hover { text-decoration: none;}
a:active { text-decoration: none;}

.clear { clear: both;}
*html body .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden;}
*:first-child+html .clear { clear: both; visibility: hidden; height: 0px; overflow : hidden;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,address,legend,blockquote,table,th,td { margin: 0; padding: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal;}
img { border: none;}
table { border-collapse: collapse; border-spacing: 0;}

/* body */
body {
	color: #333333;
	font-size: normal;
	line-height: 1.5;
	background-color: #FFF2C7;
}

#wrap {
	width: 840px;
	margin: 0px auto 0px auto;
	background-color: #FFFFFF;
}

#wrap2 {
	width: 800px;
	margin: 0px 20px 0px 20px;
}

/* header */
#header {
	width: 800px;
	margin: 0px 0px 0px 0px;
	padding: 15px 0px 20px 0px;
}

#header_logo {
	width: 220px;
	height: 55px;
	float: left;
	background: url(../img/header_logo.gif) no-repeat;
	text-indent: -9999px;
}

#header_logo a {
	width: 220px;
	height: 55px;
	display: block;
}

#header_menu {
	list-style-image: url(../img/header_menu_arrow.gif);
	list-style-position: outside;
	margin: 15px 0px 0px 0px;
	float: right;
	font-size: small;
}

#header_menu li {
	margin: 0px 0px 0px 30px;
	float: left;
}

#header_menu a {
	display: block;
	color: #999999;
}

/*メインコンテンツ*/
#main {
}
* html #main { }
*+html #main { }

#navigation {
	margin: 5px 10px 0px 0px;
	font-size: small;
	text-align: right;
}

#navigation a {
	color: #999999;
}

/*メニューバー*/
#menubar {
	width: 800px;
	height: 70px;
	background: url(../img/menubar.jpg) no-repeat;
}

#menubar li {
	width: 200px;
	height: 70px
	display: inline;
	list-style-type: none;
	float: left;
}

#menubar li a {
	height: 70px;
	display: block;
}

#menubar01 a { width: 200px; text-indent: -9999px;}
#menubar01 a:hover {background: url(../img/menubar.jpg) no-repeat 0px -70px;}
#menubar01_on a { width: 200px; text-indent: -9999px; background: url(../img/menubar.jpg) no-repeat -0px -140px;}
#menubar02 a { width: 200px; text-indent: -9999px;}
#menubar02 a:hover {background: url(../img/menubar.jpg) no-repeat -200px -70px;}
#menubar02_on a { width: 200px; text-indent: -9999px; background: url(../img/menubar.jpg) no-repeat -200px -140px;}
#menubar03 a { width: 200px; text-indent: -9999px;}
#menubar03 a:hover {background: url(../img/menubar.jpg) no-repeat -400px -70px;}
#menubar03_on a { width: 200px; text-indent: -9999px; background: url(../img/menubar.jpg) no-repeat -400px -140px;}
#menubar04 a { width: 200px; text-indent: -9999px;}
#menubar04 a:hover {background: url(../img/menubar.jpg) no-repeat -600px -70px;}
#menubar04_on a { width: 200px; text-indent: -9999px; background: url(../img/menubar.jpg) no-repeat -600px -140px;}

/*フッター*/
#pagetop {
	width: 800px;
	height: 23px;
	margin: 20px 0px 20px 0px;
}

#pagetop_icon {
	width: 162px;
	height: 23px;
	margin: 0px 20px 0px 0px;
	float: right;
	background: url(../img/pagetop.gif) no-repeat;
	text-indent: -9999px;
}

#footer {
	width: 840px;
	color: #DDDDDD;
	text-align: right;
	font-size: xx-small;
	background-color: #FFF2C7;
}