@charset "Shift_JIS";

@import "common.css";
@import "font.css";

body {
	background-image: url(img/brick1.gif);
	background-repeat: repeat;
	text-align: center;
}

#container {
	background-color: transparent;
	margin: 1px auto;
	border-width: 0px;
	border-style: none;
	width: 760px;
}

#header {
	background-image: url(img/waku1.png);
	background-position: center bottom;
	background-repeat: no-repeat;
	position: relative;
	width: 100%;
	height: 70px;
}

#contents {
	background-image: url(img/waku2.png);
	background-position: center top;
	background-repeat: repeat-y;
	padding: 5px 33px;
	width: 694px;
	min-height: 470px
}
* html body #contents {width: 760px;}

#footer {
	background-image: url(img/waku3.png);
	background-position: center top;
	background-repeat: no-repeat;
	padding: 30px 0 0;
	width: 100%;
}

.clear {
	font-size: 1px;
	line-height: 100%;
	clear: both;
}

.clear_left {
	clear: left;
}

.clear_right {
	font-size: 1px;
	line-height: 100%;
	clear: right;
}

ul.navibar {
	list-style-type: none;
	position: absolute;
	top: 10px;
	left: 10px;
	width: 100%;
	height: 28px;
}

ul.navibar li {
	font-family: "Comic Sans MS", "‚l‚r ‚oƒSƒVƒbƒN", Osaka;
	font-weight: bold;
	color: #fff;
	text-align: left;
	line-height: 26px;
	margin: 0 1em 0 0;
	width: auto;
	float: left;
}

ul.navibar li a {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
	line-height: 27px;
	padding-left: 20px;
	display: block;
}

ul.navibar li a:visited {
	text-decoration: none;
	color: #ffffff;
	background-color: transparent;
}

ul.navibar li a:hover {
	text-decoration: none;
	color: #fff;
	background-image: url(img/right.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
}
ul.navibar li.now {
	text-decoration: none;
	color: #fff;
	background-image: url(img/down.gif);
	background-position: 0px 4px;
	background-repeat: no-repeat;
	line-height: 27px;
	padding-left: 20px;
}

div#main {
	background-color: transparent;
	margin: 1px auto;
	border-width: 0px;
	border-style: none;
	padding: 0;
	width: 760px;
}

#main_top {
	background-image: url(img/gaku0.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	margin: 0;
	padding: 0;
	position: relative;
	width: 100%;
	height: 100px;
}

#main_middle {
	background-image: url(img/gaku1.gif);
	background-position: center top;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
	width: 100%;
}

#main_bottom {
	background-image: url(img/gaku2.gif);
	background-position: center top;
	background-repeat: no-repeat;
	margin: 0;
	padding: 70px 0 0;
	width: 100%;
}

div#left_box {
	font-size: 15px;
	background-color: transparent;
	width: 150px;
	float: left;
}

div#right_box {
	background-color: transparent;
	width: 530px;
	float: right;
}
#right_box iframe { margin: 10px auto; }

#left_box dt {
	font-weight: bold;
	background-color: #eee;
	border: 1px outset #fff;
	padding: 0.2em;
}

#left_box ul {
	text-align: left;
}

#left_box ul li {
	background-image: url(img/mini06.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	line-height: 150%;
	margin: 3px;
	padding-left: 20px;
	list-style-type: none;
}
li strong { position: relative; left: 1em; }

#left_box ul li a { text-decoration: none; }
#left_box ul li a:hover { text-decoration: underline; }

.seo {
	font-size: x-small;
	text-align: left;
	margin: 1em auto;
	width: 90%;
}
.seo li{
	margin: 0 0 0 1em;
	list-style-type: none;
	width: auto;
	float: left;
}
.seo a { text-decoration: none; color: #ffffff; }

dfn { font-weight: bold; font-style: normal; }