@charset "utf-8";
@import url(reset.css);
@import url(common.css);
@import url(print.css);
* {
	margin: 0;
	padding: 0; }
html {
	 }
body {
	color: #111;
	font-size: 10px;
	line-height: 1.6;
	background: url(../media/top_bg.gif) repeat-x center top;
	text-align: center; }
* html body {
	font-size: 62.5%;
	line-height: 1.6; }
*:first-child+html body {
	font-size: 62.5%;
	line-height: 1.6; }
p {
	font-size: 1.2em;
	text-align: justify;
	padding-bottom: 1.2em; }
dt {
	font-size: 1.2em; }
dd {
	font-size: 1.2em; }
strong,  th {
	font-weight: bold; }
ul,  ol {
	padding-bottom: 1.2em; }
li {
	font-size: 1.2em; }
li li {
	font-size: 1em; }
td p,  td li,  td dt,  td dd {
	font-size: 1em; }
table {
	font-size: 100%;
	line-height: 1.6;
	border-top: 1px solid #cccccc;
	border-right-style: none;
	border-bottom-style: none;
	border-left: 1px solid #cccccc; }
td,  th {
	font-size: 1.2em;
	text-align: left;
	padding: 9px;
	vertical-align: top;
	border-top-style: none;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left-style: none;
	outline-style: none; }
hr {
	text-align: left;
	height: 1px;
	vertical-align: top;
	border-top-style: none;
	border-right-style: none;
	border-bottom: 1px solid #cccccc;
	border-left-style: none;
	outline-style: none; }
a:link {
	color: #111; }
a:visited {
	color: #888; }
a:hover {
	color: #bbb; }
a:active {
	color: #888; }
img {
	border-style: none;
	border-width: 0; }
#top {
	margin-right: auto;
	margin-left: auto;
	width: 960px; }
#wrapper {
	width: 100%; }
/* header */
#header {
	position: relative;
	width: 960px;
	height: 63px; }
#header h1 {
	background: url(../media/logo.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	left: 40px;
	width: 131px;
	height: 50px; }
#header h1 a {
	width: 131px;
	height: 50px;
	float: left; }
#header .navi {
	position: absolute;
	left: 218px;
	bottom: 11px;
	padding-bottom: 0; }
#header .navi li {
	display: inline; }
#header .navi li a {
	line-height: 1;
	background: url(../media/list01.gif) no-repeat left center;
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	display: block; }
#header #fontsize dt {
	background: url(../media/fontsize.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 5px;
	right: 40px;
	width: 83px;
	height: 25px; }
#header #fontsize #normal {
	background: url(../media/fontsize2.gif) no-repeat 0 -25px;
	text-indent: -9999px;
	line-height: 0px;
	position: absolute;
	right: 116px;
	bottom: 3px;
	width: 36px;
	height: 25px; }
#header #fontsize #big {
	background: url(../media/fontsize2.gif) no-repeat -38px 0;
	text-indent: -9999px;
	line-height: 0px;
	position: absolute;
	right: 78px;
	bottom: 4px;
	width: 36px;
	height: 25px; }
#header #fontsize #oversize {
	background: url(../media/fontsize2.gif) no-repeat -76px 0;
	text-indent: -9999px;
	line-height: 0px;
	position: absolute;
	right: 40px;
	bottom: 4px;
	width: 36px;
	height: 25px; }
* html #header #fontsize #normal {
	bottom: 2px; }
* html #header #fontsize #big {
	bottom: 3px; }
* html #header #fontsize #oversize {
	bottom: 3px; }
#header #fontsize #normal a,
#header #fontsize #big a,
#header #fontsize #oversize a {
	float: left;
	width: 36px;
	height: 25px; }
#header #fontsize #normal a:hover {
	background: url(../media/fontsize2.gif) no-repeat 0px -25px; }
#header #fontsize #big a:hover {
	background: url(../media/fontsize2.gif) no-repeat -38px -25px; }
#header #fontsize #oversize a:hover {
	background: url(../media/fontsize2.gif) no-repeat -76px -25px; }
/* footer */
#footer {
	text-align: left;
	position: relative;
	padding-right: 40px;
	padding-left: 40px; }
#footer .navi {
	padding-top: 6px; }
#footer .navi li {
	display: inline; }
#footer .navi li a {
	background: url(../media/list01.gif) no-repeat left center;
	float: left;
	margin-right: 20px;
	padding-left: 10px;
	display: block; }
#footer dl {
	 }
#footer dt {
	font-size: 1.4em; }
#footer dd {
	font-size: 1.2em; }
#footer .copyright {
	 }
/* content */
#enter {
	position: relative;
	width: 960px;
	height: 612px;
	z-index: 0; }
#enter a {
	background: url(../media/top_image_2013.jpg) no-repeat -400px -16px;
	text-align: left;
	text-indent: -9999px;
	position: absolute;
	top: 16px;
	right: 400px;
	width: 160px;
	height: 385px;
	z-index: 10;
	display: block; }
#enter a:hover {
	background: url(../media/enter_2013.jpg) no-repeat; }

/*
#enter a {
	background: url(../media/top_image.jpg) no-repeat -400px -16px;
	text-align: left;
	text-indent: -9999px;
	position: absolute;
	top: 16px;
	right: 400px;
	width: 160px;
	height: 465px;
	z-index: 10;
	display: block; }
#enter a:hover {
	background: url(../media/enter2.jpg) no-repeat; }
*/