@charset "utf-8";
/* -----------------------------------------------------------
 CSS Information

 bace.css
 ???????CSS
 last update:2010.06.22
----------------------------------------------------------- */


/* -----------------------------------------------------------????????? */


* {list-style-type:none;margin:0;padding:0;}
img {border-width:0;}

body {
	position:relative;
	color:#d7d7d7;
	font-family:"?????? Pro W3", "Hiragino Kaku Gothic Pro", "?? ????", "MS Gothic", Osaka, sans-serif;
	font-size:12px;
	line-height:140%;
	background-image:url("../images/bg_grass.jpg");
	background-position:center;
}
#outline {
	width:1000px;
	margin:0 auto;
	background-image:url("/images/bg_outline.gif");
}
#header {
	width:980px;
	height:210px;
	margin:0 auto 10px;
	background-image:url("/images/header.jpg");
	position:relative;
}
#languageselect {
	margin:0;
	padding:5px 15px 0 0;
	height:20px;
}
#languageselect li {
	float:right;
}
#ja a{
	color:#fc3;
}
#headbtn{
	position:absolute;
	right:0;
	bottom:0;
}
#leftcolumn {
	float:left;
	display:inline;
	width:195px;
	margin:0 0 30px 25px;
	padding:0 0 30px 0;
}
#rightcolumn {
	float:right;
	display:inline;
	width:710px;
	margin:0 40px 30px 0;
	padding:0 0 30px 0;
}
#footer {
	clear:both;
	width:1000px;
	height:120px;
	margin:0 auto 0;
	background-image:url("/images/bg_bottom.gif");
	background-position:bottom;
	background-repeat:no-repeat;
}

/* -----------------------------------------------------------??????? */

#leftcolumn ul {margin:0 0 0 28px;}

#leftcolumn ul li.toppage {width:140px;height:25px;}
#leftcolumn ul li.news {width:140px;height:25px;}
#leftcolumn ul li.clubhouse {width:140px;height:25px;}
#leftcolumn ul li.playfee {width:140px;height:25px;}
#leftcolumn ul li.course {width:140px;height:25px;}
#leftcolumn ul li.access {width:140px;height:25px;}
#leftcolumn ul li.tour {width:140px;height:25px;}
#leftcolumn ul li.gallery {width:140px;height:25px;}
#leftcolumn ul li.competition {width:140px;height:25px;}
#leftcolumn ul li.restaurant {width:140px;height:25px;}

#leftcolumn ul li.member {width:140px;height:75px;}
#leftcolumn ul li.reserve {width:140px;height:75px;}

#leftcolumn ul li.webmember {width:140px;height:75px;}

#leftcolumn ul li.toppage,
#leftcolumn ul li.member,
#leftcolumn ul li.reserve,
#leftcolumn ul li.webmember,
#leftcolumn ul li.gallery {margin:20px 0 0 0;}

/* ............................................................?What's new */
#leftcolumn div.wnarea {
	margin:50px 15px 0;
}
#leftcolumn div.wnarea img {
	margin:0 0 0 15px;
}
#leftcolumn div.wnarea dl {
	width:135px;
	margin:10px auto 0;
}
#leftcolumn div.wnarea dl dt {
	background:url("/images/icon_wn_dt.gif") no-repeat left 4px;
	padding:0 0 2px 10px;
	font-weight:bold;
}
#leftcolumn dl dd {
	height:30px;
	margin:0 0 10px 0;
	padding:0;
	line-height:14px;
	font-size:10px;
	color:#888;
	overflow:hidden;
}

#leftcolumn dl a {text-decoration:none;}


/* -----------------------------------------------------------????? */

div#footer .pagetoparea {
	width:980px;
	height:30px;
	margin:0 auto;
	position:relative;
	background-image:url("/images/bg_footer.gif");
}

div#footer .pagetoparea .pagetopbtn {
	width:150px;
	height:20px;
	position:absolute;
	top:3px;
	left:800px;	
}
div#footer .f_info {
	width:980px;
	height:60px;
	margin:0 auto;
	padding:10px 0 0 0;
	background-color:#000;	
}
div#footer .f_info ul {
	float:left;
	width:360px;
	height:38px;
	padding:0 0 0 25px;
}
div#footer .f_info ul li {
	float:left;
	display:inline;
	width:115px;
	height:20px;
	margin:0 0 0 5px;
}
div#footer .f_info address {
	float:left;
	width:510px;
	height:14px;
	padding:6px 12px 0 0;
	font-style:normal;
	text-align:right;
	font-size:10px;
	line-height:12px;
}
div#footer .f_info small {
	float:left;
	width:510px;
	height:14px;
	padding:0 12px 0 0;
	text-align:right;
	color:#c90;
	font-size:10px;
	line-height:12px;
}
div#footer .f_info .aed {
	float:right;
	display:inline;
	width:38px;
	height:38px;
	margin:0 30px 0 0;
}


/* -----------------------------------------------------------??????? ???? */
h2 {
	width:710px;
	height:30px;
	margin:35px 0 15px 0;
}
h3 {
	margin:25px 0 0 0;
	padding:7px 0 12px 40px;
	font-size:16px;
	color:#fff;
	background-image:url("/images/icon_h3.gif");
	background-repeat:no-repeat;
}
h4 {
	margin:30px 0 10px 20px;
	padding:0 0 0 20px;
	font-size:14px;
	color:#fff;
	background-image:url("/images/icon_square.gif");
	background-repeat:no-repeat;
}

/* ............................................................????? ???? */
table {
	margin:5px 0 0 40px;
	padding:0;
	border-bottom:1px solid #888;
	border-right:1px solid #888;
	border-collapse:collapse;
}
table tr.even {background-color:#232323;}
table th {
	height:50px;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url("/images/bg_th.gif");
	border-top:1px solid #888;
	border-left:1px solid #888;
}
table td {
	margin:0;
	padding:5px 0;
	text-align:center;
	border-top:1px solid #888;
	border-left:1px solid #888;
}

/* ............................................................???? ????? ?????CSS */

a:link {color:#d7d7d7;}
a:visited {color:#d7d7d7;}
a:hover {color:#ffa200;}
a:active {color:#ffa200;}



.font10 {font-size:10px;}
.font12b {font-size:12px;font-weight:bold;}
.font14b {font-size:14px;font-weight:bold;}

.font_yellow {color:#fc0;}
.font_red,
.holiday {color:#f99;}
.saturday {color:#69c;}
.font_gray {color:#aaa;}
.font_blue {color:#059be8;}
.font_pink {color:#e30078;}


p {padding:10px 0 15px 0;}
img.border {border:2px solid #eee;}
.float_r {float:right; display:inline;}
.float_l {float:left; display:inline;}


.wid50 {width:50px;}
.wid55 {width:55px;}
.wid60 {width:60px;}
.wid80 {width:80px;}
.wid100 {width:100px;}
.wid120 {width:120px;}
.wid130 {width:130px;}
.wid135 {width:135px;}
.wid150 {width:150px;}
.wid160 {width:160px;}
.wid190 {width:190px;}
.wid200 {width:200px;}
.wid270 {width:270px;}
.wid320 {width:320px;}
.wid350 {width:350px;}
.wid390 {width:390px;}
.wid430 {width:430px;}
.wid440 {width:440px;}
.wid450 {width:450px;}
.wid460 {width:460px;}
.wid590 {width:590px;}
.wid650 {width:650px;}
.wid670 {width:670px;}
.wid710 {width:710px;}

.mtop10 {margin-top:10px;}
.mtop20 {margin-top:20px;}
.mtop30 {margin-top:30px;}
.mtop40 {margin-top:40px;}
.mtop50 {margin-top:50px;}
.mtop60 {margin-top:60px;}
.mtop70 {margin-top:70px;}
.mtop80 {margin-top:80px;}
.mleft20 {margin-left:20px;}
.mleft40 {margin-left:40px;}

.square {
	background-image:url("/images/icon_square.gif");
	background-repeat:no-repeat;
	margin:0 0 0 20px;
	padding:0 0 0 20px;
	font-size:14px;
	color:#fff;
}
.triangle li {
	background-image:url("/images/icon_triangle.gif");
	background-repeat:no-repeat;
	margin:15px 0 0 20px;
	padding:0 0 0 20px;
	line-height:18px;
}
.line_dot {
	clear:both;
	width:710px;
	padding:15px 0;
	background-image:url("/images/line_dot.gif");
	background-position:bottom;
	background-repeat:no-repeat;
}
.line_fade {
	clear:both;
	width:710px;
	padding:15px 0;
	background-image:url("/images/line_fade.gif");
	background-position:bottom;
	background-repeat:no-repeat;
}
.linefade,
.linedot {
	clear:both;
	padding:30px 0 20px 0;
}

#weather {
	float:right;
	padding:15px 0 0 0;
}

.clear {clear:both;}