@charset "utf-8";
@import url("reset-min.css");

/* --------------------------------------------------
	Float Clear
 -------------------------------------------------- */
.clearfix:after, .FloatWrap:after {
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}

.clearfix, .FloatWrap {
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix, * html .FloatWrap {height: 1%;}
.clearfix, .FloatWrap {display: block;}
/* End hide from IE-mac */


/* --------------------------------------------------
	Global Setting
 -------------------------------------------------- */
html {
	height: 100%;
	overflow-y: scroll;
	background: #16a6a7 url(../images/background.gif) repeat-y center top;
}
body {
	height: auto;
	text-align: center;
	color: #FFF;
	padding-bottom: 30px;
}
body, th, td {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

a:link, a:visited { color: #555; text-decoration: none; }
a:hover, a:active  { color: #7C8393; text-decoration: underline; }

label { cursor: pointer; }
img { vertical-align: top; }
hr { visibility: hidden; }

/* For IE7 Page Zoom */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }

.FloatLeft { float: left; }
.FloatRight { float: right; }


/* --------------------------------------------------
	LayOut
 -------------------------------------------------- */
#Wrap {
	background-color: #261713;
	width: 900px;
	margin: 0px auto;
}
#Header {
	position: relative;
	background: url(../images/h_bg.gif) no-repeat left top;
	width: 900px; height:185px;
	text-align: left;
}
#Footer {
	clear: both;
	margin: 0px 26px;
	width: 848px;
	text-align: left;
}


/* --------------------------------------------------
	Header
 -------------------------------------------------- */
#Header h1 {
	padding: 10px 0px 6px 37px;
}
#Header .EC {
	display: none;
	position: absolute;
	width: 180px; height: 31px;
	top: 53px; left: 694px;
}
#Header #Menu1 {
	height: 25px;
	margin-left: 30px;
}
#Header #Menu2 {
	width: 900px; height: 40px;
}
#Header #Menu1 a,
#Header #Menu2 a {
	display: block;
	background-repeat: no-repeat;
	overflow: hidden;
	text-indent: -9999px;
}

/* Menu1 */
#Header #Menu1 a {
	background-image: url(../images/h_menu1.gif);
	height: 25px;
}
#Header #Menu1 li {
	float: left;
	height: 25px;
}
#Header #Menu1 li.M11 { width: 125px; margin-right: 39px; }
#Header #Menu1 li.M12 { width: 55px; margin-right: 35px; }
#Header #Menu1 li.M13 { width: 55px; margin-right: 36px; }
#Header #Menu1 li.M14 { width: 67px; margin-right: 365px; }
#Header #Menu1 li.M15 { width: 63px; }
#Header #Menu1 li.M11 a:link, #Header #Menu1 li.M11 a:visited { background-position: -30px 0px; }
#Header #Menu1 li.M11 a:hover, #Header #Menu1 li.M11 a:active { background-position: -30px -25px; }
#Header #Menu1 li.M12 a:link, #Header #Menu1 li.M12 a:visited { background-position: -194px 0px; }
#Header #Menu1 li.M12 a:hover, #Header #Menu1 li.M12 a:active { background-position: -194px -25px; }
#Header #Menu1 li.M13 a:link, #Header #Menu1 li.M13 a:visited { background-position: -284px 0px; }
#Header #Menu1 li.M13 a:hover, #Header #Menu1 li.M13 a:active { background-position: -284px -25px; }
#Header #Menu1 li.M14 a:link, #Header #Menu1 li.M14 a:visited { background-position: -375px 0px; }
#Header #Menu1 li.M14 a:hover, #Header #Menu1 li.M14 a:active { background-position: -375px -25px; }
#Header #Menu1 li.M15 a:link, #Header #Menu1 li.M15 a:visited { background-position: -807px 0px; }
#Header #Menu1 li.M15 a:hover, #Header #Menu1 li.M15 a:active { background-position: -807px -25px; }

/* Menu2 */
#Header #Menu2 a {
	background-image: url(../images/h_menu2.gif);
	height: 40px;
}
#Header #Menu2 li {
	float: left;
	width: 225px; height: 40px;
}
#Header #Menu2 li.M21 a:link, #Header #Menu2 li.M21 a:visited { background-position: 0px 0px; }
#Header #Menu2 li.M21 a:hover, #Header #Menu2 li.M21 a:active { background-position: 0px -40px; }
#Header #Menu2 li.M22 a:link, #Header #Menu2 li.M22 a:visited { background-position: -225px 0px; }
#Header #Menu2 li.M22 a:hover, #Header #Menu2 li.M22 a:active { background-position: -225px -40px; }
#Header #Menu2 li.M23 a:link, #Header #Menu2 li.M23 a:visited { background-position: -450px 0px; }
#Header #Menu2 li.M23 a:hover, #Header #Menu2 li.M23 a:active { background-position: -450px -40px; }
#Header #Menu2 li.M24 a:link, #Header #Menu2 li.M24 a:visited { background-position: -675px 0px; }
#Header #Menu2 li.M24 a:hover, #Header #Menu2 li.M24 a:active { background-position: -675px -40px; }


/* --------------------------------------------------
	Footer
 -------------------------------------------------- */
#Footer address {
	float: left;
	font-size: 9px;
	color: #84746b;
}
#Footer .PageTop {
	float: right;
	width: 72px; height: 10px;
}