/*=====================================================
   All Document
=====================================================*/

/* Win IE6までのハック */
html {
	filter: expression(document.execCommand("BackgroundImageCache", false, true));
	_letter-spacing: 0.1em;
}

/* Win IE7用のハック */
*:first-child + html {
	letter-spacing: 0.1em;
}

/* Firefox用のハック */
html, x:-moz-any-link {
	letter-spacing: 0.04em;
}

/* ここから主要 */
body {
	font-family: "ＭＳ Ｐゴシック", sans-serif, Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	line-height: 19px;
	color: #333333;
	text-align: center;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

#container {
	width: 810px;
	text-align: left;
	position: relative;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	padding: 12px 0px 5px 5px;
	background-image: url(../images/header_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

h1, h2, h3, h4, h5, div, p, dl, dt, dd, ul, ol, li, form {
	margin: 0;
	padding: 0;
}

input, textarea {
	margin: 0 0 3px;
	padding: 0;
}

a:active { outline: none; }
a:link { color:#248ce0; text-decoration: none; }
a:visited { color:#248ce0; text-decoration: none; }
a:hover { color:#a57532; text-decoration: none; }

.cboth{ clear:both; }

/* Header-Base */
#header {
	width: 800px;
	height: 71px;
	margin: 0;
	padding : 0;
}

h1 {
	width: 639px;
	height: 56px;
	display: block;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	margin: 0;
	padding : 0;
	background-image: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-position: left center;
	float: left;
}

#logo a {
	width: 240px;
	height: 41px;
	display: block;
	font-size: 1px;
	line-height: 1px;
	text-indent: -9999px;
	z-index: 5;
	position: absolute;
	margin-top: 12px;
	padding : 0;
}

ul#sitelink li {
	display: inline;
	display: block;
	list-style-type: none;
}

ul#sitelink {
	width:161px;
	height: 41px;
	position: absolute;
	margin: 15px 0px 0px 639px;
	/margin: 15px 0px 0px 0px;
	padding: 0;
}

li#media_link a {
	width: 161px;
	height: 41px;
	display: block;
	text-indent: -9999px;
	background: url(../images/sitelink.gif) no-repeat 0 0;
	margin: 0;
	padding: 11px 0px 0px 0px;
	color:#5c5c5c;
	font-size: 11px;
	text-align: center;
	cursor: hand;
}

li#media_link a:hover { background: url(../images/sitelink_on.gif) no-repeat; }

li#media_link a:active { background: url(../images/sitelink.gif) no-repeat; }

/* Navigation */
ul#nav_main li {
	display: inline;
	display: block;
	list-style-type: none;
}

ul#nav_main {
	width: 800px;
	height: 38px;
	position: relative;
	z-index: 2;
	margin: 0;
	padding: 0;
}

li#nm_1 a {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_1.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

li#nm_2 a {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_2.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 200px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

li#nm_3 a {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_3.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 400px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

li#nm_4 a {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_4.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 600px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

li#nm_1 a:hover { background: url(../images/nav_1on.gif) no-repeat; }
li#nm_2 a:hover { background: url(../images/nav_2on.gif) no-repeat; }
li#nm_3 a:hover { background: url(../images/nav_3on.gif) no-repeat; }
li#nm_4 a:hover { background: url(../images/nav_4on.gif) no-repeat; }

li#nm_1 a:active { background: url(../images/nav_1.gif) no-repeat; }
li#nm_2 a:active { background: url(../images/nav_2.gif) no-repeat; }
li#nm_3 a:active { background: url(../images/nav_3.gif) no-repeat; }
li#nm_4 a:active { background: url(../images/nav_4.gif) no-repeat; }

li#nm_1 em {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_1em.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
}

li#nm_2 em {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_2em.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 200px;
	margin: 0;
	padding: 0;
}

li#nm_3 em {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_3em.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 400px;
	margin: 0;
	padding: 0;
}

li#nm_4 em {
	width: 200px;
	height: 38px;
	display: block;
	text-indent: -9999px;
	background: url(../images/nav_4em.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	left: 600px;
	margin: 0;
	padding: 0;
}

#nav_main ul#snav li {
	display: inline;
	display: block;
	z-index: 1;
	list-style-type: none;
	float: none;
}

#nav_main ul#snav {
	width:200px;
	height: 234px;
	background: url(../images/snav_bg.gif) no-repeat 0 0;
	background-color: #ffffff;
	z-index: 1;
	position: relative;
	top: 38px;
	/top: 0px;
	left: 200px;
	margin: 0;
	padding: 0;
}

#nav_main ul#snav li#snav_1 a {
	width: 200px;
	height: 63px;
	display: block;
	text-indent: -9999px;
	background: url(../images/snav_1.gif) no-repeat 0 0;
	position: absolute;
	top: 0px;
	/top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#nav_main ul#snav li#snav_2 a {
	width: 200px;
	height: 54px;
	display: block;
	text-indent: -9999px;
	background: url(../images/snav_2.gif) no-repeat 0 0;
	position: absolute;
	top: 63px;
	/top: 63px;
	left: 0px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#nav_main ul#snav li#snav_3 a {
	width: 200px;
	height: 54px;
	display: block;
	text-indent: -9999px;
	background: url(../images/snav_3.gif) no-repeat 0 0;
	position: absolute;
	top: 117px;
	/top: 117px;
	left: 0px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#nav_main ul#snav li#snav_4 a {
	width: 200px;
	height: 63px;
	display: block;
	text-indent: -9999px;
	background: url(../images/snav_4.gif) no-repeat 0 0;
	position: absolute;
	top: 171px;
	/top: 171px;
	left: 0px;
	margin: 0;
	padding: 0;
	cursor: pointer;
}

#nav_main ul#snav li#snav_1 a:hover { background: url(../images/snav_1on.gif) no-repeat; }
#nav_main ul#snav li#snav_2 a:hover { background: url(../images/snav_2on.gif) no-repeat; }
#nav_main ul#snav li#snav_3 a:hover { background: url(../images/snav_3on.gif) no-repeat; }
#nav_main ul#snav li#snav_4 a:hover { background: url(../images/snav_4on.gif) no-repeat; }

#nav_main ul#snav li#snav_1 a:active { background: url(../images/snav_1.gif) no-repeat; }
#nav_main ul#snav li#snav_2 a:active { background: url(../images/snav_2.gif) no-repeat; }
#nav_main ul#snav li#snav_3 a:active { background: url(../images/snav_3.gif) no-repeat; }
#nav_main ul#snav li#snav_4 a:active { background: url(../images/snav_4.gif) no-repeat; }


/* Contents-Base */
#contents {
	width: 800px;
	margin: 22px 0px 0px 0px;
	padding: 0;
}

/* Footer-Base */
#footer {
	width: 810px;
	text-align: left;
	position: relative;
	margin-top: 30px;
	margin-bottom: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(../images/footer_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#pagetop a {
	width: 112px;
	height: 24px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/pagetop.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px 0px 0px 688px;
	padding: 0px;
}

#fnav {
	width: 568px;
	margin: 10px 0px 0px 0px;
	float: left;
}

#copyright {
	width: 232px;
	height: 13px;
	display: block;
	text-indent: -9999px;
	background-image: url(../images/copyright.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 12px 0px 0px 568px;
	padding: 0px;
}