@charset "utf-8";
/*body, wrap, etc.
------------------------------------- */
body {
margin: 0 auto;
padding: 0;
font-size: 81%;
font-family: "Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro W4","ヒラギノ丸ゴ Pro W4","IPAPGothic","MS PGothic", Arial, sans-serif;
color: #303030;
line-height:1.6em;
background: #fff;
}

#e-postmail, #e-playfee, #e-opentee, #e-jobs, #e-index, #e-exeguide, #e-events, #3-chguide, #e-banquet {
font-family: "Arial, sans-serif, Hiragino Maru Gothic Pro","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro W4","ヒラギノ丸ゴ Pro W4","IPAPGothic","MS PGothic";
}

#wrap {
background: #fff;
margin: 0 auto;
padding: 0;
width:770px;
height: 100%;
border-left: 3px solid #807966;
border-right: 3px solid #807966;
}

#index #wrap {
border: none;
text-align: center;
}

p {margin: 0;}

a:link {color: #303030; text-decoration: underline;}
a:visited {color: #303030;}
a:active {color: #666666;}
a:hover{color: #666666;}
a img {border:0;}

.bold {font-weight: bold;}
.italic {font-style: italic;}
.strike {text-decoration: line-through;}
.small {font-size: 90%;}
.smallbold {font-size: 90%; font-weight: bold;}
.sm85 {font-size: 85%;}
.topten {margin-top: 10px;}
.top15 {margin-top: 15px;}
.boldtop15 {font-weight: bold;, margin-top: 15px;}
.smalltight {font-size: 95%; line-height: 1.25em;}
.a-right {text-align: right;}
.a-center {text-align: center;}
.bb110  {font-size: 110%; font-weight: bold;}
.b120 {font-size: 120%;}
.bb120  {font-size: 120%; font-weight: bold;}
.bb130  {font-size: 130%; font-weight: bold;}
.bb130red {font-size: 130%; font-weight: bold; color: #c00;}
.red {color: #c00;}
.navy {color: #039;}
                            
h1 {margin: 0 0 5px 0; font-size: 140%; font-weight: bold;}
h2 {margin: 0 0 3px 0; font-size : 120% ; font-weight: bold;}

.center {text-align: center; margin: 0 auto; padding; 0;}
.spacer6 {clear: both; height: 6px; width: 470px;}
.spacer12 {clear: both; height: 12px; width: 470px;}
.spacer20 {clear: both; height: 20px; width: 770px;}

img.frame {
padding: 8px;
border: 1px solid #999;
}

#index h2 {
font-size: 100%;
font-weight: normal;
line-height: 1.2em;
}

#index h1 {
font-size: 105%;
margin: 18px 0 0 0;
}

#index img {
padding: 0 50px;
}

/* header
------------------------------------- */
h1#header {
background: url("img/wailuacopy-s.jpg") 212px 0 no-repeat;
margin: 5px 0 0 0;
padding: 0;
height:165px;
width: 770px;
}


h1#header #title {
display:block;
height:165px;
width: 170px;   
text-indent: -1999px;
}

              

/* container
------------------------------------- */
#container {
clear: both;
float: right;
width: 530px;
margin:10px 12px 10px 0;
padding:0;
display: inline;
}

#postmail #container, #e-postmail #container {
margin: 10px 0 10px 0;
}

/* main
------------------------------------- */

#middle {
float: left;
width: 380px;
margin: 0;
border-right: 1px solid #ded6c0;
}

#main dl {
width: 526px;
margin: 0;
padding: 0;
}

#middle dl {
float: left;
width: 370px;
margin: 8px 0;
display: inline;
}

#middle dt, #main dt {
height: 23px;
margin: 10px 0 5px 0;
padding: 0:
font-family: "MS UI Gothic", osaka_unicode, sans-serif ;
font-weight: bold;
line-height: 1.5em;
}

#middle dt, #main dt {
padding: 1px 0 2px 23px;
background:url(img/logo18x23.gif) no-repeat 0 0;
}

#middle dd, #main dd {
margin: 0;
padding: 0;
}

#middle dd.img, #main dd.img {
float: right;
width: 250px;
margin: 0 0 0 10px;
}

#e-index dd.img {
width: 295px ;
}

#middle .alt, #main .alt {
clear:both;
margin-top: 10px;
}

#middle .alt dd.img, #main .alt dd.img {
float: left;
margin: 0 10px 0 0;
}

#middle dd.img {
width: 190px;
}

#middle dd.img img, #main dd.img img {
margin: 0;
padding: 4px;
border-right: 1px solid #ded6c0;
border-bottom: 1px solid #ded6c0;
}

#middle p.caption, #main p.caption {
text-align: right;
margin: 0 15px 5px 0;
font-size: 90%;
}

#middle .alt p.caption, #main .alt p.caption{
text-align: left;
margin: 0 0 5px 6px;
}


/*sogeilist
------------------------------------- */
#sogeilist {
clear: both;
margin: 0; 
padding :5px 0 0 10px; 
list-style: none;
}

#sogeilist li a {
background:url(img/brownarrow.gif) no-repeat 0 40%; 
width:340px;
text-decoration:none;
padding-left:14px; 
margin:1px 0px;
height:1.5em;
}


/*list1
------------------------------------- */
#list1  {
margin: 0; 
padding :0 0 0 20px; 
}


/* right
------------------------------------- */
#right {
float: right;
width: 136px;
margin:10px 0 5px;
padding: 0;
display: inline;
}

.oshirase {
font-size: 95%; 
font-weight: bold; 
margin:0 0 5px; 
}

.oshirasenaiyo {
line-height:1.5em;
font-size: 90%; 
margin:0; 
}

.shosai {
margin:0 3px 18px;
font-size: 80%;
text-align: right;
}

/* left
------------------------------------- */
#left {
float: left;
width: 211px;
margin:0 0 5px;
padding: 0;
display: inline;
}

/* footer
------------------------------------- */
#footer {
clear: both;
margin:0 auto;
padding:2px 0 8px;
border-top:4px solid #f0f0f0;
width:760px;
text-align: center;
color:#808080;
font-size: 93%;
}

#index #footer {
margin-top: 30px;
}


/* menu
------------------------------------- */
ul.menu {
list-style:none;
width:200px;
margin:0 0 18px;
padding:0 0 0 4px;
}

#index ul.menu {
width: 550px;
margin: 20px 0 0 150px;
}

ul.menu li {
display:inline;
padding:0;
line-height:1.4em;
}

ul.menu li a {
display:block;
margin:1px 0;
width:200px;
height:1.5em;
border:1px solid #807966;
background-color:#f2efe8;
padding:0 0 0 4px;
text-decoration:none;
color:#444;
}

#index ul.menu li a {
float: left;
margin: 0 50px 0 0;
}

ul.menu li a:hover {
background-color:#807966;
color:#fff;

}

ul.menu li.current a{
background-color:#807966;
color: #fff;
}


ul.menu li a.stiff {
background-color:#f2efe8;
color:#444;
}

ul.menu ul {
margin:0 0 0 15px;
padding:0;
width:195px;
}

ul.menu ul a {
padding:0 0 0 4px;
width:185px;
}

/* address
------------------------------------- */
#address {
width: 195px;
margin: 10px 0 0 4px;
padding: 5px;
background: #807966;
color: #fff;
}

#address div {
padding: 5px;
}

.tight {
line-height: 1.25em;
}

/* weather
------------------------------------- */
#weather {
float: left;
margin: 20px 0 0 8px;
}


/* noteone & two
------------------------------------- */
#noteone {
clear: both;
width: 476px;
margin: 10px 0 10px 20px;;
padding: 5px;
background: #807966;
}

#notetwo {
margin: 0;
background: #f2efe8;
}

#notetwo div {
padding: 10px 14px;
}

#limo #notetwo div {
text-align: center;
}

/* scorecard
------------------------------------- */
#scorecard table  {
margin: 0 0 15px 23px;
border-top: 1px sold #333;
border-left: 1px sold #333;
border-collapse: collapse;
}

#scorecard table td {
border-right: 1px sold #333;
border-bottom: 1px sold #333;
text-align: right;
padding: 0 4px 0 4px;
}

#scorecard table tr.g {
background: #cec;
}

#scorecard table tr.b {
background: #cce;
}

#scorecard table tr.p {
background: #ecc;
}

/* zukai
------------------------------------- */
#zukai table  {
margin: 10px 0 10px 26px;
border-top: 1px sold #333;
border-left: 1px sold #333;
}

#zukai td {
border-right: 1px sold #333;
border-bottom: 1px sold #333;
text-align: center;
padding: 0 4px;
background: #ecc;
width: 88px;
}

#zukai td.taken {
background: #cec;
}


/* formlink
------------------------------------- */
#formlink {
margin: 15px 0 0 120px;
}

#formlink  a{
background:url(img/brownarrow.gif) no-repeat 0 40%; 
text-decoration:none;
padding-left:14px; 
}



/* exp-one
------------------------------------- */
#exp-one dt {
margin:  10px 0 0 0;
padding-left: 17px;
background:url(img/logo14x18.gif) no-repeat 0 50%;
line-height:1.9em;
}

#exp-one dd {
margin:  0 0 0 36px;
}

#exp-one dd.img-r img {
float: right;
margin: 0;
padding: 10px 15px;
}


/* sogeitable
------------------------------------- */
#sogeitable td {
font-weight: bold;
border: 0;
padding: 0 10px;
vertical-align:top;
}


/* exp
------------------------------------- */
#exp {
clear: both;
}

#exp dt {
margin:  10px 0 0 0;
padding-left: 19px;
background:url(img/logo14x18.gif) no-repeat 0 -0;
line-height:1.6em;
}

#exp dd {
margin:  0 0 0 20px;
}

#exp dd.img-r img {
float: right;
margin: 0;
padding: 10px 15px;
}

#exp dd.subhead {
width: 510px;
margin: 10px 0 0 0;
padding-left: 5px;
font-size: 120%;
color: #fff;
background: #090;
}

#exp dd.modoru {
text-align: right;
font-weight: bold;
}


/* links dl -------------------*/


#links dt {
clear: both;
float: left;
display: inline;
width: 170px;
background:url("img/11dot_green.gif") no-repeat 1px 3px;
margin: 8px 0 0 0;
padding: 0 0 0 15px;
font-weight: normal;
}


#links dd {
float: right;
width: 320px;
margin: 8px 5px 0 0;
padding-left: 15px;
display: inline;
}


/* qlist
------------------------------------- */
ul.qlist {
float: left;
width: 210px;
margin: 0 0 0 10px;
list-style: none;
padding: 0;
line-height: 1.3em;
}

ul#q1 {
width: 270px;
}

ul.qlist  li{
background:none;
margin: 0;
padding: 0 0 2px 10px;
}

ul.qlist li.last {
margin-bottom: 6px;
}

ul.qlist li.alt {
background:url("img/11dot_green.gif") no-repeat 0 3px;
padding-left: 10px;
font-size: 105%;
font-weight: bold;
line-height: 1.6em;
}

#kazari {
float: right;
display: inline;
margin: 30px 30px 0 0;
}

/* club1, club2
------------------------------------- */
#club1, #club2 {
list-style: none;
margin: 0 0 10px 0;
padding: 0;
}

#club2 {
margin-left: 20px;
}

#club1  li{
background:url("img/11dot_green.gif") no-repeat 0 3px;
margin: 0;
padding-left: 15px;
}

#club2  li{
background:url("img/11dot_green.gif") no-repeat 0 3px;
margin: 0;
padding-left: 15px;
}

/* table.fee
------------------------------------- */
table.fee {
border-collapse: collapse;
border-bottom: 1px solid #807966;
border-right: 1px solid #807966;
margin-bottom: 24px;
}


table.fee td {
border-left: 1px solid #807966;
border-top: 1px solid #807966;
text-align: center;
padding: 3px 7px;
background: #f2efe8;
}

table.fee caption{
text-align: left;
margin:  0 0 5px 20px;
padding: 2px 0 2px 23px;
background:url(img/logo18x23.gif) no-repeat 0 0;
}

/* payment
------------------------------------- */
#payment {
border-collapse: collapse;
border-bottom: 1px solid #807966;
border-right: 1px solid #807966;
margin-bottom: 24px;
}

#payment td {
border-left: 1px solid #807966;
border-top: 1px solid #807966;
text-align: center;
padding: 3px;
background: #f2efe8;
font-size: 94%;
}

#payment td.alt {
border-right: 2px solid #807966;
}


/* postmail
------------------------------------- */
#postmail form, #e-postmail form {
width: 510px;
background: #dde;
padding: 5px 5px 0 8px;
margin: 10px 0 12px 0;
}

#postmail p,  #e-postmail p{
line-height: 1.25em;
}

#postmail img, #e-postmail img {
padding-left: 0;
}

/* open
------------------------------------- */
#opentee  #main ul,
#e-opentee  #main ul{
list-style: none;
margin: 5px 0 0 18px;
padding: 0;
}

#e-opentee  #main ul{
margin: 15px 0 0 28px;
}

#opentee  #main li{
background:url("img/11dot_green.gif") no-repeat 0 0.4em;
margin: 0;
padding-left: 15px;
}

#e-opentee  #main li{
background:url("img/open.gif") no-repeat 0 50%;
margin: 0;
padding-left: 20px;
}

#e-opentee  #main li.sankaku{
background:url("img/tight.gif") no-repeat 0 50%;
}

#e-opentee  #main li.peke{
background:url("img/soldout.gif") no-repeat 0 50%;
}

table.open {
margin: 0 0 15px 30px;
border-collapse: collapse;
border: 2px solid #807966;
background: #eed;
}

table.open td {
border-right: 1px solid #807966;
width:50px;
text-align: center;
padding: 2px 0;
}

table.open td.wider {
width: 100px;
border-right: 2px solid #090;
}

table.open tr.header {
font-weight: bold;
}

table.open tr.date td {
border-top: 2px solid #090;
font-weight: bold;
font-size: 115%;
}

table.open td.holiday {
background: #ffd7d7;
}

table.open caption {
padding: 12px 0 3px 0;
}

/* access
------------------------------------- */
#access dl, #print dl {
clear: both;
width: 520px;
padding-top: 5px;
}

#dg1 {
text-align: cenrter;
}

#dg1 p {
text-align: left;
}

#access dt, #print dt {
font-size: 110%;
font-weight: bold;
margin: 10px 0 0 0;
border-bottom: 4px solid #9ACD32;
background: none;
padding-left: 0;
}

#access dt span, #print dt span {
font-size: 130%;
}

#access dl img, #print dl img {
float: left;
margin: 5px 0 5px 15px;
width: 240px;
display: inline;
}

#access dl p, #print dl p {
float: right;
width: 255px;
margin: 0;
}

#access dl p.time {
margin: 10px 10px 0 0;
width: 220px;
font-weight: bold;
}

#print dl p.time {
margin: 10px 10px 0 80px;
width: 270px;
font-weight: bold;
}

#access #ashi dt {
padding: 1px 0 2px 23px;
background:url(img/logo18x23.gif) no-repeat 0 0;
font-weight: bold;
font-size: 110%;
margin: 0 3px 0 0;
border: none;
}

#access #ashi dd{
margin: 0 0 18px 18px;
}


/* print
------------------------------------- */

#print #wrap {
float: left;
border: none;
margin: 10px 0 0 20px;
}

#print dl {
width: 720px;
}

#print dl img {
clear: both;
margin-left: 0;
}

#print dl p {
width: 425px;
}

#printlink {
float: right;
width: 12em;
margin: 0;
display: inline;
}

#printlink a {
background:url(img/brownarrow.gif) no-repeat right 50%; 
text-decoration:none;
padding-right:11px; 
color: #c00;
}





/* tejyun
------------------------------------- */
#tejyun dl{
margin: 0 0 20px 12px;
}

#tejyun dt {
clear: both;
float: left;
margin: 12px 0 0 0;
display: inline;
padding: 2px 8px;
font-size: 138%;
font-weight: bold;
border-bottom: 2px solid #9ACD32;
border-right: 2px solid #9ACD32;
background: #bbdd77;
}

#tejyun dd {
float: right;
width: 475px;
margin: 10px 10px 0 0;
padding-left: 8px;
}

#tejyun dd img {
float: right;
padding: 0 0 10px 10px;
}


/* download menu
------------------------------------- */
#banqcontact {
clear: both;
float: right;
width: 280px;
display: inline;
margin-top: 20px;
}

#menudown {
width: 160px;
padding: 1px 10px;
margin: 10px 0 10px 20px;
background: #807966;
font-style: italic;
line-height:1.4em;
}

#menudown dd {
margin: 0 0 0 18px;
}

#menudown dt {
font-weight: bold;
}


/* Google Map
---------------------------*/
#map {
width: 510px; 
height: 320px;
margin: 10px 0;
}