@charset "UTF-8";

/*--------------------------------------------------------------------*/
/* 全国ゴルフ場一覧(courselist.html)のスタイル
/* unique_ID:courselist
/*--------------------------------------------------------------------*/

/* グローバルナビのスタイル ***************************************** */

nav.areaSelect{
	margin-bottom:20px;
}
nav.areaSelect li a{
	position:relative;
	display:block;
	padding:15px 20px;
	background:-moz-linear-gradient(
		top,
		#FCFCFC 0%,
		#DEDEDE 50%,
		#D6D6D6 51%,
		#E3E3E3);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#FCFCFC),
		color-stop(50%, #DEDEDE),
		color-stop(51%, #D6D6D6),
		to(#E3E3E3));
	border:1px solid #CCCCCC;
	border-top:none;
	font-size:140%;
	font-weight:bold;
	text-decoration:none;
	color:#444444;
}
nav.areaSelect li:first-child a{
	border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
	border:1px solid #CCCCCC;
}
nav.areaSelect li:last-child a{
	border-radius:0 0 5px 5px;
	-webkit-border-radius:0 0 5px 5px;
	border:1px solid #CCCCCC;
	border-top:none;
}
nav.areaSelect li a::after{
	position:absolute;
	top:33%;
	right:5px;
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	font-size: 90%;
	color: #666666;
	font-weight:normal;
}
nav.areaSelect li.toggle a::after{
	position:absolute;
	top:33%;
	right:5px;
	font-family: WebSymbolsgfeditRegular;
	content: '9' !important;
	font-size: 90%;
	color: #666666;
	font-weight:normal;
}
nav.areaSelect dd a{
	position:relative;
	display:block;
	padding:15px 20px;
	background:-moz-linear-gradient(
		top,
		#666666 0%,
		#333333);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#666666),
		to(#333333));
	border:1px solid #CCCCCC;
	border-top:none;
	font-size:120%;
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
}
nav.areaSelect dd a::after{
	position:absolute;
	top:40%;
	right:10px;
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	font-size: 80%;
	color: #CCCCCC;
	font-weight:normal;
}

/* 各都道府県ブロックのスタイル ************************************* */

.courselist h3{
	margin: 0px auto;
	padding: 3px 10px;
	border-radius: 15px;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px;
	border: solid 2px #3AAAE6;
	background-color: #E5F7FF;
	color: #0086CD;
	font-size: 120%;
	line-height: 1.0;
}
.courselist ul.list{
	margin-bottom:10px;
}
.courselist ul.list a{
	position:relative;
	display:block;
	padding:15px 20px 15px 5px;
	border-bottom:1px dotted #CCCCCC;
	vertical-align:middle;
	font-size:115%;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.courselist ul.list a::after{
	position:absolute;
	right:5px;
	top:35%;
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	color: #666666;
	font-size:100%;
	font-weight:normal;
}
.courselist ul.list li:last-child a{
	border:none;
}


/*--------------------------------------------------------------------*/
/* 検索結果(result_plan.html,result_course.html)の共通スタイル
/* unique_ID:result
/*--------------------------------------------------------------------*/

/* タイトル部分のスタイル ******************************************* */

.result .title{
	padding:10px 0;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#0086CD;
	text-align:center;
}
.result .title h2{
	font-size:200%;
	color:#FFFFFF;
}
.result .title h2 span{
	font-size:70% !important;
	font-weight:normal;
}
.result .title h3{
	margin:10px 0;
	padding:10px;
	background-color:#005785;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	font-size:200%;
	color:#FFFF00;
}



.result .title h3 span{
	font-size:65%;
	font-weight:normal;
	color:#FFFFFF;
	margin-bottom:5px;
}
.result .title p{
	width:60%;
	margin:0 auto;
	padding:2px 4px 2px 3px;
	background-color:rgba(0,0,0,0.3);
	border:1px solid #0086CD;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:
		inset 1px 1px 2px rgba(0,0,0,0.4);
	-webkit-box-shadow:
		inset 1px 1px 2px rgba(0,0,0,0.4);
}
.result .title p a{
	width:100%;
	padding:10px 0 !important;
}

/* 表示切替部のスタイル ********************************************* */

.result nav.display{
	display:-webkit-box;
	display:-moz-box;
	display:-ms-box;
	margin-bottom:20px;
}
.result nav.display #column01{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	text-align:center;
}
.result nav.display #column02{
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-ms-box-flex:1;
	text-align:center;
}
.result nav.display #column01 a,
.result nav.display #column02 a{
	display:block;
	margin-right:2px;
	padding:15px 5px;
	text-align:center;
	background:-moz-linear-gradient(
		top,
		#F3F3F3 0%,
		#E0E0E0 50%,
		#CCCCCC 51%,
		#AAAAAA);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#F3F3F3),
		color-stop(50%, #E0E0E0),
		color-stop(51%, #CCCCCC),
		to(#AAAAAA));
	border-radius:5px 0 0 5px;
	-moz-border-radius:5px 0 0 5px;
	-webkit-border-radius:5px 0 0 5px;
	border:1px solid #999999;
	font-size:120%;
	font-weight:bold;
	color:#333333;
	text-decoration:none;
}
.result nav.display #column02 a{
	margin-right:0px;
	border-radius:0 5px 5px 0;
	-moz-border-radius:0 5px 5px 0;
	-webkit-border-radius:0 5px 5px 0;
}

/* 並べ替えのスタイル *********************************************** */

.result .sort{
	margin-bottom:20px;
	border:1px solid #666666;
}
.result .sort h2{
	float:left;
	padding:10px 5px;
	background-color:#999999;
	border-right:1px solid #666666;
	font-size:100%;
	color:#FFFFFF;
}
.result .sort li{
	float:left;
	margin-right:8px;
	padding:9px 0;
	font-size:110%;
}
.result .sort li:first-child{
	padding-left:5px;
}
.result .sort li::before{
	font-family: WebSymbolsgfeditRegular;
	content: ']';
	color:#0000FF;
	font-size:100%;
}

/* プラン詳細のスタイル ********************************************* */

.result .plan_detail .ps_icon{
	margin:0 auto 10px;
	text-align:center;
}
.result .plan_detail .ps_icon li{
	display:inline-block;
	margin-right:5px;
}

.result .plan_detail p.price{
	margin-bottom:10px;
	text-align:center;
	font-size:160%;
	font-weight:bold;
	color:#DD0000;
}

/* ページングのスタイル ********************************************* */

.result ul.paging {
	margin-bottom: 25px;
}

.result ul.paging li.btn_next {
	float: right;
}
.result ul.paging li.btn_prev {
	float: left;
}


/*--------------------------------------------------------------------*/
/* 検索結果(プラン毎表示)(result_plan.html)の専用スタイル
/* unique_ID:result_plan
/*--------------------------------------------------------------------*/

/* 表示切替部のスタイル ********************************************* */

.result_plan nav.display #column02 a{
	background:-moz-linear-gradient(
		top,
		#cee7f2 0%,
		#097cba 51%,
		#0070ab 0%,
		#0086cd);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#cee7f2),
		color-stop(50%, #097cba),
		color-stop(50%, #0070ab),
		to(#007fb5));
	color:#FFFFFF;
}

/* プラン詳細のスタイル ********************************************* */

.result_plan section h2{
	margin:0;
	text-align:left;
}
.result_plan .course_name{
	margin-bottom:10px;
	padding:10px;
	background-color:#F0F0F0;
	border-bottom:1px solid #999999;
}
.result_plan .course_name h3::after{
	content:attr(title);
	margin-left:5px;
	padding:0 5px;
	border:1px solid #005785;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#005785;
	color:#FFFFFF;
	font-size:90%;
}
.result_plan .course_name p.show_plan a{
	display:block;
	margin-top:5px;
}
.result_plan .course_name p.show_plan a::before{
	font-family: WebSymbolsgfeditRegular;
	content: ']';
	margin-left:3px;
	color:#0000FF;
	font-size:100%;
}

.result_plan .plan_detail{
	position:relative;
	padding:0 15px 0 10px;
}
.result_plan .plan_detail a{
	text-decoration:none;
	color:#000000;
}
.result_plan .plan_detail a::after{
	position:absolute;
	right:5px;
	top:40%;
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	font-size: 100%;
	color: #666666;
}

.result_plan .course_name h3 a:link {
	color:#000000;
	text-decoration: none;
}
.result_plan .course_name h3 a:visited {
	color:#000000;
	text-decoration: none;
}

/*--------------------------------------------------------------------*/
/* 検索結果(コース毎表示)(result_course.html)の専用スタイル
/* unique_ID:result_course
/*--------------------------------------------------------------------*/

/* 表示切替部のスタイル ********************************************* */

.result_course nav.display #column01 a{
	background:-moz-linear-gradient(
		top,
		#cee7f2 0%,
		#097cba 51%,
		#0070ab 0%,
		#0086cd);
	background:-webkit-gradient(
		linear, left top, left bottom, 
		from(#cee7f2),
		color-stop(50%, #097cba),
		color-stop(50%, #0070ab),
		to(#007fb5));
	color:#FFFFFF;
}

/* プラン詳細のスタイル ********************************************* */

.result_course section h2{
	margin:0;
	text-align:left;
}
.result_course section h2::after{
	content:attr(title);
	margin-left:5px;
	padding:0 5px;
	border:1px solid #FFFFFF;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#005785;
	color:#FFFFFF;
	font-size:90%;
	white-space:nowrap;
}

/* コースデータのスタイル ******************************************* */

.result_course .course_data{
	margin-bottom:10px;
	padding:10px;
	border-bottom:1px solid #999999;
}
.result_course .course_data p.photo{
	float:left;
	margin-right:10px;
	width: 25%;
}
.result_course .course_data p.address{
	float:left;
	margin-bottom:20px;
	font-size:110%;
	width: 70%;
}
.result_course .course_data ul{
	width:auto;
}
.result_course .course_data li{
	float:left;
}


/* プランデータの詳細スタイル *************************************** */

.result_course .plan_detail{
	position:relative;
	margin-bottom:10px;
	padding:0 15px 20px 10px;
	border-bottom:1px solid #999999;
}
.result_course .plan_detail a{
	text-decoration:none;
	color:#000000;
}
.result_course .plan_detail p.btn a{
	color:#FFFFFF;
}
.result_course .plan_detail a::after{
	position:absolute;
	right:5px;
	top:40%;
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	font-size: 100%;
	color: #666666;
}
.result_course .plan_detail h3{
	margin-bottom:5px;
	font-size:120%;
	color:#005785;
	text-decoration:underline;
}
.result_course p.allPlan{
	margin-top:15px;
	text-align:center;
	font-size:130%;
	font-weight:bold;
}
.result_course p.allPlan::before{
	font-family: WebSymbolsgfeditRegular;
	content: ']';
	color:#0000FF;
	font-size:140%;
	margin-right:5px;
}


/*--------------------------------------------------------------------*/
/* コースガイド(courseguide.html)のスタイル
/* unique_ID:courseguide
/*--------------------------------------------------------------------*/

/* ゴルフ場名表示エリア ********************************************* */

.courseguide .title{
	margin:0;
	padding:10px 5px;
	border-top:1px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	background-color:#0086CD;
}
.courseguide .title h2{
	float:left;
	width:100%;
	margin-top:1px;
	margin-bottom:5px;
	font-size:110%;
	color:#FFFFFF;
}
.courseguide .title h2::after{
	content:attr(title);
	margin-left:5px;
	padding:0 5px;
	border:1px solid #005785;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#005785;
	color:#FFFFFF;
	font-size:90%;
	white-space:nowrap;
}
/* お気に入り未登録時のスタイル */
.courseguide .title p.favorites_btn{
	float:right;
	width:35%;
	text-align:right;
}
.courseguide .title p.favorite a::before{
	font-family: WebSymbolsgfeditRegular;
	content: 'N';
	margin-right:3px;
	color:#FFFFFF;
	font-size:100%;
}
/* お気に入り登録時のスタイル */
.courseguide .title p.favorites_btn{
	float:right;
	width:35%;
	text-align:right;
}
.courseguide .title p.favorite_delete a::before{
	font-family: WebSymbolsgfeditRegular;
	content: '=';
	margin-right:3px;
	color:#FFFFFF;
	font-size:100%;
}

/* コースレイアウト表示エリア *************************************** */

.courseguide .layout th{
	background-color:#F0F0F0;
	text-align:center;
	border-right:none;
}
.courseguide .layout td{
	border-left:1px solid #CCCCCC;
}
.courseguide .layout td.noBorder{
	border-left:none;
}
.courseguide .layout td.tee_name{
	font-size:90%;
	word-break:break-all;
}


/* 他のゴルフ場表示エリア ******************************************* */

.courseguide .other_course{
	padding-bottom:5px;
}
.courseguide .other_course li {
	display:block;
	position:relative;
	border-bottom:1px solid #999999;
	padding-bottom:5px;
}
.courseguide .other_course li:last-child a{
	border:none;
}
.courseguide .other_course li a{
	display:block;
	padding:5px 15px 5px 5px;
/*	border-bottom:1px solid #999999;*/
	font-size:120%;
	text-decoration:none;
	color:#333333;
}
.courseguide .other_course li a h3{
	color:#094f94;
	font-size:85%;
}
.courseguide .other_course li a p.address{
	font-size:75%;
}
.courseguide .other_course li a::after{
	position:absolute;
	right:5px;
	top:40%;
	font-family: WebSymbolsgfeditRegular;
	content: '>';
	font-size: 100%;
	color: #666666;
	float: right;
}
.courseguide .other_course p.photo{
	float:left;
	margin-right:10px;
}


/*--------------------------------------------------------------------*/
/* プラン詳細ページ(plan_detail.html)のスタイル
/* unique_ID:plan_detail
/*--------------------------------------------------------------------*/

.plan_detail .title h2{
	margin-top:1px;
	padding:5px;
	background-color:#F0F0F0;
	font-size:110%;
	color:#333333;
}
.plan_detail .title h2::after{
	content:attr(title);
	margin-left:5px;
	padding:0 5px;
	border:1px solid #005785;
	border-radius:2px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	background-color:#005785;
	color:#FFFFFF;
	font-size:90%;
}

/* 基本情報表示エリアのスタイル ************************************* */

.plan_detail .base_data{
	text-align:center;
}
.plan_detail .base_data p.price{
	margin-bottom:10px;
	text-align:center;
	color:#DD0000;
	font-size:240%;
	line-height:1;
}

/* プレースタイルアイコンのスタイル ********************************* */

.plan_detail .ps_icon{
	margin:0 auto 20px;
	text-align:center;
}
.plan_detail .ps_icon li{
	display:inline-block;
	margin-right:5px;
}

/* 予約受付終了のスタイル ******************************************* */

.plan_detail p.timelimit{
	margin-bottom:30px;
	padding:10px 0;
	background-color:#CC0000;
	font-size:110%;
	font-weight:bold;
	color:#FFFFFF;
}

/* コース情報短縮のためのスタイル */
.details{
width: 100%;
height: 80px;
white-space: normal;
/* 表示できなかった部分を・・・にする */
overflow: hidden;
text-overflow: ellipsis;
-webkit-text-overflow: ellipsis;
-o-text-overflow: ellipsis;
}

.plan_detail td.view_remark{
	word-break:break-all;
}


/*--------------------------------------------------------------------*/
/* シークレットメールプラン詳細ページ(secretmail_detail.html)のスタイル
/* unique_ID:secretmail_detail
/*--------------------------------------------------------------------*/

.secretmail_detail .base_data dl.price dt{
	float: left;
	margin-bottom: 5px;
	padding: 8px 0 0 1%;
	width: 25%;
	text-align: right;
	font-size: 130%;
	vertical-align: bottom;
}
.secretmail_detail .base_data dl.price dd{
	float: left;
	margin-bottom: 5px;
	padding-right: 1%;
	width: 70%;
	text-align: right;
	color: #CC0000;
	font-size: 210%;
}
.secretmail_detail .base_data dl.price dt:last-child{
	margin-bottom: 0;
}
.secretmail_detail .base_data dl.price dd:last-child{
	margin-bottom: 0;
}

.secretmail_detail .table dl.price dt{
	float: left;
	margin-bottom: 5px;
	width: 40%;
}
.secretmail_detail .table dl.price dd{
	float: left;
	margin-bottom: 5px;
	width: 60%;
	text-align: right;
	color: #CC0000;
}

.secretmail_detail .table dl.price dt:last-child{
	margin-bottom: 0px;
}
.secretmail_detail .table dl.price dd:last-child{
	margin-bottom: 0px;
}


/* コンペ備考 */
.result .plan_detail p.icn_area{
	margin-bottom:10px;
	text-align: center;
}
.plan_detail p.icn_area{
	margin-bottom:10px;
	text-align: center;
}