@charset "UTF-8";

/* CSS Document */

body {
		margin:0;
		padding:0;
		font:100% "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
		font-weight:lighter;
		color:#333333;
		background:url(img/back.gif) repeat;
}

img {
		border:none;
}

a:link {
		text-decoration: none;
}

a:visited {
		text-decoration: none;
}

a:hover {
		text-decoration: underline;
}

a:active {
		text-decoration: none;
}

h1 {
		margin: 0px;
		padding: 0px;
}

h2 {
		margin: 0px;
		padding: 0px;
}

h3 {
		margin: 0px;
		padding: 0px;
}

h4 {
		margin: 0px;
		padding: 0px;
}

p {
		font-size: small;
		margin:10px 0;
		padding: 0px;
}

.wrap {
		width:810px;
		padding:0 10px 0 10px;
		margin:0 auto;
		background:#FFFFFF;
}

.header {
		width:810px;
		height:90px;
		margin: 0;
		padding: 0;
}

.header h1 {
		width:110px;
		margin:0;
		position:absolute;
}

.header #sub_navi {
		margin:0;
		width:700px;
		height:60px;
		float:right;
		background:url(img/head_back.jpg);
}

.header #sub_navi ul {
		margin-top:5px;
}

.header ul {
		margin:0;
		list-style:none;
}

.header li {
		margin:0;
		float:right;
		font-size:small;
}

.header #navigation {
		width:700px;
		height:30px;
		float:right;
}

#navigation ul {
		margin:0;
		padding:0;
		list-style:none;
}

#navigation li {
		margin:0;
		padding:0;
		width:100px;
		height:30px;
		float:left;
}

#navigation li a {
		width:100px;
		height:30px;
		display:block;
		text-decoration:none;
		text-indent:-9999px;
}

#navigation li#about {
		background:url(img/navi1.jpg) no-repeat;
}

#navigation li#course {
		background:url(img/navi2.jpg) no-repeat;
}

#navigation li#restaurant {
		background:url(img/navi3.jpg) no-repeat;
}

#navigation li#money {
		background:url(img/navi4.jpg) no-repeat;
}

#navigation li#reserva {
		background:url(img/navi5.jpg) no-repeat;
}

#navigation li#counter {
		background:url(img/navi6.jpg) no-repeat;
}

#navigation li#access {
		background:url(img/navi7.jpg) no-repeat;
}

#navigation li#about a:hover {
		background:url(img/navi1_on.jpg) no-repeat;
}

#navigation li#course a:hover {
		background:url(img/navi2_on.jpg) no-repeat;
}

#navigation li#restaurant a:hover {
		background:url(img/navi3_on.jpg) no-repeat;
}

#navigation li#money a:hover {
		background:url(img/navi4_on.jpg) no-repeat;
}

#navigation li#reserva a:hover {
		background:url(img/navi5_on.jpg) no-repeat;
}

#navigation li#counter a:hover {
		background:url(img/navi6_on.jpg) no-repeat;
}

#navigation li#access a:hover {
		background:url(img/navi7_on.jpg) no-repeat;
}

.content {
		margin:1.5em 0 0 0;
		padding:0;
		width:810px;
}

.content #left {
		float:left;
		width:180px;
		margin:0;
		padding:0;
}

#left p {
		margin:5px 0;
		font-size:12px;
		color:#363a90;
		letter-spacing:1px;
		line-height:150%;
}

#left h2 {
		margin:5px 0 3px 0;
}

#left #news {
		margin:5px 0;
		padding:0;
		width:177px;
		height:200px;
		border:#CCCCCC solid 1px;
		overflow:auto;
		font-size:10px;
}

#news dl {
		margin:0 0 0.5em 0;
		padding-bottom:0.5em;
		border-bottom:#ccc solid 1px;
}

#left dt, dd {
		margin:0;
		font-size:small;
}

#left h3 {
		font-size:small;
		font-weight:lighter;
}

#leftbox {
		width:168px;
		margin-top:10px;
		padding:5px;
		border:1px #003300 solid;
		background:#ecf4d9;
}

#leftbox ul {
		font-size:small;
		margin:0;
		padding:0;
		list-style:none;
}

.content #right {
		float:right;
		width:610px;
		margin:0 0 0 10px;
		margin-bottom: 5px;
}

#cover img, p {
		vertical-align:bottom;
		margin:0;
}

#top {
		margin:0;
		padding:0;
}

#top h3 {
		margin:5px 0;
}

#righter {
		float:right;
		width:405px;
		margin-left:15px;
}

#righter h6 {
		margin:10px 0 10px 0;
		padding:0;
}

#lefter h5 {
		margin:0;
		font-weight:lighter;
		font-size:small;
		;
		margin-bottom:10px;
		line-height:18px;
		letter-spacing:1px;
}

#lefter {
		float:left;
		width:190px;
}

#lefter p {
		margin-bottom:5px;
}

#righter h5 {
		margin:0 0 10px 0;
}

#righter p {
		margin:0 0 5px 0;
}

#service {
		margin:0;
		width:415px;
		height:auto;
}

#service_left {
		float:left;
		margin:0;
		width:205px;
}

#service_right {
		float:right;
		margin:0;
		width:205px;
		margin:0 0 0 5px;
}

.fooder {
		margin-top:1em;
		padding:5px 0;
		text-align:center;
		font-size:small;
		border-top:#666666 dotted 1px;
}