@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;
}

.style1 {
	color: #FF0000
}



.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 h2 {
margin:0 0 10px 0;
}

#left h3 {
	margin:5px 0;
	padding:0 0 5px 0;
	border-bottom:gray 1px solid;
	font-size:13px;
	color: #38318A;
}

#left p {
margin:0;
padding:0;
font-size:small;
line-height:130%;
}

#left h4 {
margin-top:20px;
padding-bottom:5px;
color:#336666;

}

#left ul {
margin:0;
padding:0;
list-style:none;
border-bottom:1px solid #336666;

}

#left li {
margin:0;
padding:5px 0;
border-top:1px solid #336666;
font-size:small;
list-style:none;
}


.content #right {
float:right;
width:600px;
margin:0 0 0 30px;
}

#right p {
margin:10px 0 0 0;
padding:0;
color:#336666;
font-size:small;
line-height:140%;

}

#right h4 {
margin:10px 0 0 0;
padding:0;
color:#336666;
}


div.imagebox {
width: 180px; /* 横幅 */
 float: left; /* 左に配置 */
 margin:0;
}
p.image, p.caption {
   text-align: center; /* 3.中央寄せ */
   margin:0 2px;
}
p.caption {
   font-size: small;  /* 5.文字サイズ */
   color: #333333; /* 6.文字色 */
   padding:1px 0;
}
div.imagebox1 {
width: 390px; /* 横幅 */
 float: left; /* 左に配置 */
 margin:0;
}


#lefter {
float:left;
margin:0;
padding:0;
width:190px;
height:230px;
}

#righter {
float:right;
margin:0;
padding:0;
width:410px;
}

#righter p {
margin:0;
padding:0;
}


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