@charset "utf-8";

/* -------- index ---------- 
	#1 __setUp
	#2 __iepngfix
	#3 __pageSetup
	#4 __header
	#5 __main
		5-1 __info
		5-2 __pot
		5-3 __attention
	#6 __footer
-------------------------- */

/* ========== #1 __setUp ========== */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
img {
	border: none;
}
caption,th {
	text-align: left;
}
li {
	list-style-type: none;
}
p {
	margin-bottom: 0.5em;
	text-align: left;
}
P.center {
	text-align: center;
}
.right{
	float: right;
}
.left{
	float: left;
}
.clear {
	clear:both;
}
a {
	color:#666633;
}
a:hover {
	color:#cccc66;
}

/* font-size12px */
body {
	font-size: 75%; /* IE */
}
html>/**/body {
  font-size: 12px; /* Except IE */
}

/* ========== #2 __iepngfix ========== */

img, div { behavior: url(../js/iepngfix.htc) }

/* ========== #3 __pageSetup ========== */
body {
	line-height: 1.4em;
	color: #333333;
	background-image: url(../image/sideback.gif);
	background-repeat: repeat-y;
	background-position: top;
	text-align: center;
}

#wrapper {
	margin-right: auto;
	margin-left: auto;
	width: 780px;
	text-align: center;
}

/* ========== #4 __header ========== */

#wrapper #header {
	width: 780px;
	height: 77px;
	padding: 0;
	margin-bottom: 20px;
}
#wrapper #header .left {
	margin: 0;
	padding: 0
	width: 294px;
}
#wrapper #header #menuhyo {
	margin: 0;
	padding: 0
	margin-left: 290px;
	width: 486px;
	display : inline;
}
#wrapper #header #menuhyo li {
	margin-top: 46px;
	float: left;
}
#wrapper #header #menuhyo li a {
	display: block;
	height: 31px;
	text-indent: -9999px;
	background: url(../image/menu_01.gif) no-repeat;
	text-decoration: none;
	overflow: hidden;
}
#wrapper #header #menuhyo #menu1,
#wrapper #header #menuhyo #menu1 a {
	width: 143px;
}
#wrapper #header #menuhyo #menu2,
#wrapper #header #menuhyo #menu2 a {
	width: 108px;
}
#wrapper #header #menuhyo #menu3,
#wrapper #header #menuhyo #menu3 a {
	width: 132px;
}
#wrapper #header #menuhyo #menu4,
#wrapper #header #menuhyo #menu4 a {
	width: 103px;
}
#wrapper #header #menuhyo #menu1 a { background-position: 0px 0px;}
#wrapper #header #menuhyo #menu2 a { background-position: -143px 0px;}
#wrapper #header #menuhyo #menu3 a { background-position: -251px 0px;}
#wrapper #header #menuhyo #menu4 a { background-position: -383px 0px;}

#wrapper #header #menuhyo #menu1 a:hover { background-position: 0px -31px;}
#wrapper #header #menuhyo #menu2 a:hover { background-position: -143px -31px;}
#wrapper #header #menuhyo #menu3 a:hover { background-position: -251px -31px;}
#wrapper #header #menuhyo #menu4 a:hover { background-position: -383px -31px;}

/* ========== #5 __main ========== */

/* 【 5 __main 】 */

#wrapper #main {
	width: 780px;
}

/* 【 5-1 __info 】 */

#wrapper #main #info {
	margin: 0 auto;
	width: 720px;
}
#wrapper #main #info li {
	font-size: 10pt;
	padding-left: 5px;
	text-align: left;
}

/* 【 5-2 __pot 】 */

#wrapper #main #pot {
	margin: 0 auto;
	width: 711px;
	height: 300px;
	background: url(../image/top01.jpg) center top no-repeat;
}

/* 【 5-3 __attention 】 */

#wrapper #main #attention {
	margin: 0 auto;
	width: 720px;
	padding: 10px;
}
#wrapper #main #attention ul {
	font-size: 10pt;
	padding-left: 8px;
	text-align: left;
}

/* ========== #6 __footer ========== */

#wrapper #footer {
	margin: 0 auto;
	padding: 0;
	clear: both;
	width: 780px;
	color: #ffffff;
	background: url(../image/footer01.gif) no-repeat;
}
#wrapper #footer #copyright {
	margin: 2px 15px;
	padding: 0;
	text-align: right;
}