@charset "utf-8";

/* -------- index ---------- 
	#1 __setUp
	#2 __iepngfix
	#3 __pageSetup
	#4 __header
	#5 __main
		5-1 __info
	#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;
}
a 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:#003399;
	text-decoration: none;
}
a:hover {
	color:#66cccc;
	text-decoration: none;
}

/* 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-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;
	padding: 0;
	text-align: left;
}
#wrapper #header .logo {
	padding: 0;
	width: 780px;
	margin: 0;
}
#wrapper #header .logo .logoleft {
	width: 650px;
	float: left;
}
#wrapper #header .logo .logoright {
	width: 120px;
	float: right;
	margin-top: 20px;
}
#wrapper #header #menuhyo {
	margin: 0 0 10px;
	padding: 0;
	width: 780px;
	display : inline;
	float: left;
}
#wrapper #header #menuhyo ul {
	margin: 0 1px;
}
#wrapper #header #menuhyo li {
	margin-top: 10px;
	float: left;
}
#wrapper #header #menuhyo li a {
	display: block;
	height: 39px;
	text-indent: -9999px;
	background: url(../images/navibg.gif) no-repeat;
	overflow: hidden;
}
#wrapper #header #menuhyo #menu1,
#wrapper #header #menuhyo #menu1 a,
#wrapper #header #menuhyo #menu2,
#wrapper #header #menuhyo #menu2 a,
#wrapper #header #menuhyo #menu3,
#wrapper #header #menuhyo #menu3 a,
#wrapper #header #menuhyo #menu4,
#wrapper #header #menuhyo #menu4 a,
#wrapper #header #menuhyo #menu5,
#wrapper #header #menuhyo #menu5 a {
	width: 127px;
}
#wrapper #header #menuhyo #menu6,
#wrapper #header #menuhyo #menu6 a {
	width: 132px;
}
#wrapper #header #menuhyo #menu1 a { background-position: 0px 0px;}
#wrapper #header #menuhyo #menu2 a { background-position: -127px 0px;}
#wrapper #header #menuhyo #menu3 a { background-position: -254px 0px;}
#wrapper #header #menuhyo #menu4 a { background-position: -381px 0px;}
#wrapper #header #menuhyo #menu5 a { background-position: -508px 0px;}
#wrapper #header #menuhyo #menu6 a { background-position: -635px 0px;}

#wrapper #header #menuhyo #menu1 a:hover { background-position: 0px -39px;}
#wrapper #header #menuhyo #menu2 a:hover { background-position: -127px -39px;}
#wrapper #header #menuhyo #menu3 a:hover { background-position: -254px -39px;}
#wrapper #header #menuhyo #menu4 a:hover { background-position: -381px -39px;}
#wrapper #header #menuhyo #menu5 a:hover { background-position: -508px -39px;}
#wrapper #header #menuhyo #menu6 a:hover { background-position: -635px -39px;}


/* ========== CM Link ========== */
#cm-link {
	width: 165px;
	height: 165px;
	display: block;
	position: absolute;
	top: 335px;
	margin: 0 0 0 35px;
	background: url(../images/cmlink.jpg) no-repeat;
}
#cm-link a {
	width: 165px;
	height: 165px;
	display: block;
	background: url(../images/cmlink.jpg) no-repeat;
}


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

/* 【 5 __main 】 */

#wrapper #main {
	width: 780px;
}

/* 【 5-1 __info 】 */
#wrapper #main #info {
	margin: 0 auto;
	width: 766px;
	background: url(../images/top_main.jpg) center top no-repeat;
}
#wrapper #main #info ul {
	padding-top: 450px;
}
#wrapper #main #info li {
	font-size: 8pt;
	text-align: left;
}

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

#wrapper #footer {
	font-size: 8pt;
	width: 50px;
	margin: 0 auto;
	padding: 25px 0;
	clear: both;
	width: 780px;
}
#wrapper #footer #copyright {
	margin: 0 25px;
	padding: 0;
	text-align: right;
}