﻿* {
	margin: 0;
	padding: 0;
}
body {
	font-size:12px;
	color: #333;
	background: url(/yoyaku/new-img/bg.gif) repeat-y left top;
	margin: 0px;
	padding: 0px;
}
a:link {
	color: #000064;
}
a:visited {
	color: #606;
}
a:active,
a:hover {
	color: #900;
}
img{
 border:none;
}
em {
	font-weight: bold;
	color: #f00;
}
/*--box--*/
#container {
	margin: 10px 0 0 0;
}
#maincontents {
	margin-left:10px;
	width: 940px;
}
#wrapper {
	width: 740px;
	margin-bottom: 10px;
	float: right;
}

#leftnavi {
	width: 190px;
	float: left;
	margin: 0;
}
#leftinner {
	width: 190px;
}
.footer_box {
	width:940px;
	clear: both;
	text-align:center;
	margin:20px auto;
}

.floatright{
	float:right;
	}

.floatleft{
	float:left;
	}

#menu {
	width:740px;
	margin:20px 0 5px 0;
}

/*--header--*/
#hdr {
	width:740px;
	margin-bottom:10px;
}

#hdr .hdrTops{
	padding:3px 10px;
	background:#09c;
	color:#fff;
}

#hdr h1{
	margin:0 0 10px;
}

#hdr img {
	margin-bottom:0px;
}

h2.ttlPrefectures{
	margin-bottom:10px;
	padding:0 0 5px 10px;
	border-bottom:double #9fe3fa 3px;
}
.attention {
	font-size:12px;
	text-align:right;
	margin:5px 0 10px 0;
	line-height:1.4em;
}
/*--area-navi--*/
.area-navi {
	width:740px;
	height:36px;
	margin:0px;
	padding:0;
	background:url(../images/line_01.gif) bottom repeat-x;
	overflow:hidden;
}

.area-navi ul{
	margin-bottom:0;
}
.area-navi ul li {
	margin:0 3px 0 0;
	padding:0;
	float:left;
	display:block;
	font-size:14px;
}
.area-navi ul li span{
	color:#fff;
	font-weight:bold;
	display:block;
}
.area-navi ul li a{
	background:url(../images/tab.gif) repeat-x;
	text-decoration:none;
	display:block;
}
.area-navi ul li a span{
	height:24px;
	padding: 12px 10px 0 25px;
	background:url(../images/tab_icon_left.gif) no-repeat 0 5px;
	text-decoration:none;
	display:block;
}

/* セレクト表現 */
#areaHokkaido .area-navi ul li.hokkaidos a,
#areaKanto .area-navi ul li.kantos a,
#areaHokuriku .area-navi ul li.hokurikus a,
#areaTokai .area-navi ul li.tokais a,
#areaKinki .area-navi ul li.kinkis a,
#areaChugoku .area-navi ul li.chugokus a,
#areaKyushu .area-navi ul li.kyushus a,
.area-navi ul li a:hover{
	background:url(../images/tab_o.gif) right;
}
#areaHokkaido .area-navi ul li.hokkaidos a span,
#areaKanto .area-navi ul li.kantos a span,
#areaHokuriku .area-navi ul li.hokurikus a span,
#areaTokai .area-navi ul li.tokais a span,
#areaKinki .area-navi ul li.kinkis a span,
#areaChugoku .area-navi ul li.chugokus a span,
#areaKyushu .area-navi ul li.kyushus a span,
.area-navi ul li.selects a span,
.area-navi ul li a:hover span{
	background:url(../images/tab_icon_o_left.gif) left no-repeat;
}
/* IE用 */
.area-navi ul li.hokkaidos,
.area-navi ul li.hokurikus{
	_width:120px;
}
.area-navi ul li.kantos,
.area-navi ul li.tokais,
.area-navi ul li.kinkis{
	_width:65px;
}
.area-navi ul li.chugokus,
.area-navi ul li.kyushus{
	_width:105px;
}

p.anchor {
	height:28px;
	clear:both;
	margin: 0 0 10px;
	padding: 3px 10px;
	line-height:1.5em;
	background:#ff9600;
	overflow:hidden;
	zoom1:1;
}
p.anchor a{
	margin: 0 10px 0 0;
	padding:3px 5px 3px 15px;
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat #fff;
	background-position: 5px 7px;
	border:1px solid #C60;
	display:block;
	float:left;
	text-decoration:none;
}
p.anchor a:visited{
	color: #000064;
}

p.anchor a:hover,
.areaHokkaidos p.anchor a.hokkaido,
.areaAomori p.anchor a.aomori,
.areaIwate p.anchor a.iwate,
.areaMiyagi p.anchor a.miyagi,
.areaAkita p.anchor a.akita,
.areaYamagata p.anchor a.yamagata,
.areaFukushima p.anchor a.fukushima,

.areaChiba p.anchor a.chiba,
.areaIbaraki p.anchor a.ibaraki,
.areaTochigi p.anchor a.tochigi,
.areaGunma p.anchor a.gunma,
.areaSaitama p.anchor a.saitama,
.areaShizuoka p.anchor a.shizuoka,
.areaYamanashi p.anchor a.yamanashi,
.areaTokyo p.anchor a.tokyo,
.areaKanagawa p.anchor a.kanagawa,

.areaNagano p.anchor a.nagano,
.areaNiigata p.anchor a.niigata,
.areaToyama p.anchor a.toyama,
.areaIshikawa p.anchor a.ishikawa,
.areaFukui p.anchor a.fukui,

.areaAichi p.anchor a.aichi,
.areaGifu p.anchor a.gifu,
.areaMie p.anchor a.mie,

.areaHyogo p.anchor a.hyogo,
.areaShiga p.anchor a.shiga,
.areaKyoto p.anchor a.kyoto,
.areaOsaka p.anchor a.osaka,
.areaNara p.anchor a.nara,
.areaWakayama p.anchor a.wakayama,

.areaOkayama p.anchor a.okayama,
.areaHiroshima p.anchor a.hiroshima,
.areaYamaguchi p.anchor a.yamaguchi,
.areaTottori p.anchor a.tottori,
.areaShimane p.anchor a.shimane,
.areaTokushima p.anchor a.tokushima,
.areaKagawa p.anchor a.kagawa,
.areaEhime p.anchor a.ehime,
.areaKouchi p.anchor a.kouchi,

.areaFukuoka p.anchor a.fukuoka,
.areaSaga p.anchor a.saga,
.areaKumamoto p.anchor a.kumamoto,
.areaOita p.anchor a.oita,
.areaKagoshima p.anchor a.kagoshima,
.areaNagasaki p.anchor a.nagasaki,
.areaMiyazaki p.anchor a.miyazaki,
.areaOkinawa p.anchor a.okinawa{
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat #FF9600;
	background-position: 5px 7px;
	border:1px solid #fff;
	color:#fff;
}


/*
#areanavibox{
	margin-bottom:15px;
	height:30px;
}

#areanavi{
	height:30px;
    width:740;
    position:absolute;
    z-index:100;
	font-size:14px;
	font-weight:bold;
	background:#09c;
}


ul.areamenu{
	width:740px;
	text-align:center;
}
ul.areamenu a{
	padding:8px;
	text-decoration:none;
}

.areamenu li.on,
.areamenu li.off{
    height:30px;
    width:100px;
	margin-left:5px;
	background:url(../images/tab_navi.gif) repeat-x;
}

.areamenu a:hover{
	background:url(../images/tab_navi_o.gif) right top;
}
.areamenu li.on{
	background:url(../images/tab_navi_o.gif) right top;
}
*/

/* サブメニュー */
.subarea{
	width:740px;
	left:0;
	top:30px;
	background:url(/special/goodmanner/course/images/bg_sub_navi.gif) repeat-x top;
	border-bottom:1px solid #666;
}
ol.submenu{
	margin-left:10px;
	font-size:12px;
	font-weight:normal;
}
ol.submenu li{
	_width:70px;
	text-align:left;
	margin-right:10px;
	float:left;
}
.submenu a{
    padding:2px 5px;
    height:14px;
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) left no-repeat;
}


/*サブメニューのオンマウス時*/
ol.submenu a:hover{
	background-color:#ffffff;
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) left no-repeat;
}


/*文字色*/
.areamenu a:link,
.areamenu a:visited,
.areamenu a:hover{color:#fff}

.submenu a:link {
	color: #000;
}
.submenu a:visited {
	color: #606;
}
.submenu a:active,
.submenu a:hover {
	color: #900;
}
/************************６：変更不可*******************************/
/*========================================================================
以下のプロパティはプルダウン機構に深く関わっている物です。
熟練者以外はいじらないでください。
=========================================================================*/
.areamenu *{margin:0px;padding:0px;list-style:none;display:block;}
ul.areamenu{position:relative;}
ul.areamenu li.off{position:relative;float:left;overflow:hidden;}
ul.areamenu li.on{float:left;overflow:hidden;}
ul.areamenu>li.on{overflow:visible;/*×*/}
.subarea{position:absolute;}

















/*--ゴルフ場情報--*/
h2.ttl {
	background-color: #09c;
	font-size: 12px;
	font-weight: bold;
	padding: 5px;
	color: #fff;
	margin: 20px 0;
}
/******************
	コース
 ******************/
.coursebox {
	font-size: 12px;
	margin: 0px 0 10px 0;
	border: 1px solid #cddfef;
	border-bottom: 5px solid #cddfef;
	background: url(/special/category/images/bg_box.gif) no-repeat left top;
	background-position:0 20px;
}
/* キャッチコピー */
.coursebox .copy {
	margin-bottom:10px;
	padding: 5px 10px;
	background-color: #e2eaf8;
	font-size: 12px;
	font-weight: bold;
}


/*** コース詳細 ***/

.coursebox .courseex{
	width:580px;
	margin-right:10px;
	float:right;
}

/* コース名 */
h3.courseName{
	font-size: 16px;
	font-weight: bold;
	margin: 3px 0 10px;
}

/* アイコン */
.iconBox{
	margin-bottom:5px;
	float:left;
}
.iconBox li{
	margin-right:5px;
	display:inline;
}

/* 評価 */
.userbox{
	margin-bottom:5px;
	float:right;
}
.userbox .value{
	font-weight: bold;
	font-size: 14px;
	color: #444;
}

/* アクセス */
.accessInfo{
	padding-top:5px;
	width:580px;
	clear:both;
	border-top:1px dotted #ccc;
	font-weight:bold;
}

.accessInfo span{
	float:left;
}
.accessInfo a{
	display:block;
	float:right;
}

.courseimage{
	margin-left:10px;
	float:left;
}

/* プラン */
h5{
	margin: 5px 0 5px 10px;
	padding: 0 0 0 10px;
	background: url(/images/arrowf30.gif) no-repeat left center;
	font-size: 12px;
}

.planex{
	margin: 5px 0 5px 10px;
	font-weight:bold;
}

.plan{
	margin: 5px 0 5px 25px;
}

.crsExplanation{
	margin:10px 0 0 10px;
	float:left;
	width:510px;
}

/* 予約する */
.rbtn {
	width:175px;
	height:35px;
	margin:5px 10px 10px;
	float:right;
}.pageup{
	font-size:12px;
	text-align:right;
	padding:10px 5px;
	margin:0 0 10px;
	clear:both;
}






#gc_wrapper{
	width:740px;
	display:block;
}
.leftcol{
	margin-bottom:10px;
}
.suggest{
	padding-left:200px;
}

/**/
#lnkArea{
	margin-bottom:15px;
	padding:30px 0 0;
	background:url(/special/goodmanner/course/images/bg_link.gif) top;
}
#lnkArea h2{
	margin: 0 20px 25px;
}

#lnkArea .lnkList{
	padding-bottom:20px;
	background:url(/special/goodmanner/course/images/link_btm.gif) bottom repeat-x;
}
#lnkArea dl{
	margin: 0 20px;
	overflow:hidden;
	zoom:1;
}
#lnkArea dt{
	width:110px;
	margin-right:10px;
	padding:3px 0;
	float:left;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background:#38afd7;
	color:#fff;
}
#lnkArea dd{
	margin:3px 10px 10px 0;
	padding:0 10px 0 0;
	float:left;
	font-size:14px;
	border-right:1px solid #999;
}

#lnkArea dd.lasts{
	padding-right:0;
	border:none;
}

/*#lnkArea dd a{
	padding-right:10px;
	border-right:1px solid #999;
}

#lnkArea dd.lasts a{
	padding-right:0;
	border:none;
}*/

/* announce class

--------------------*/
#announceArea {
    background: url("/special/goodmanner/course/images/icn_alert.gif") no-repeat 45px 20px #FBD9DD;
    margin: 10px 0;
    padding: 20px 30px 20px 45px;
}
#announceArea .ttl{
    color: #EB4055;
    font-weight: bold;
    font-size: 14px;
    padding-left:30px;
}
#announceArea .date{
    color: #000000;
    font-size: 12px;
    text-align:right;
}
#announceArea .paragraph{
    color: #000000;
    font-size: 12px;
}