@charset "utf-8";
/* ==========================================================

title : 東建多度カントリークラブ・名古屋
scope : 会員様特典／国内ゴルフ場のご案内

last modify : 2016/10/14 041_ooba
memo  : 

========================================================== */

/* ----------------------------------------------------------
	btn_area_box
---------------------------------------------------------- */

#btn_area_box {
	margin: 50px auto;
	overflow: hidden;
	width:690px;
}

#btn_area_box li {
	float:left;
	margin: 0 5px;
	width: 220px;
}


/* ----------------------------------------------------------
	[id$="_area"]
---------------------------------------------------------- */

#main-contents section[id$="_area"] {
	width: 1000px;
	margin: 0 0 70px;
	overflow: hidden;
}

#main-contents section[id$="_area"]:first-of-type {
	margin-top: 50px;
}

#main-contents section[id$="_area"] h2 {
	margin-bottom: 28px;
}

#main-contents section h2.area {
	border-radius:5px;
	color:#ffffff;
	font-size:22px;
	height:50px;
	line-height:50px;
	margin:0 25px 28px;
	text-indent:25px;
}

#main-contents section h2 span {
	font-size:16px;
	margin-right:5px;
}

#main-contents section[id$="_area"] .area_inner_box {
	clear: both;
	width: 950px;
	margin: 0 auto;
	padding: 0px;
}

#main-contents section[id$="_area"] .area_inner_box .sub-lead {
	width:720px;
	margin: 0 auto 20px;
}


/*----- course -----*/

section[id$="_area"] .course {
	border-bottom:#ccc solid 1px;
	clear: both;
	margin: 0 auto 30px;
	padding-bottom:30px;
	width: 930px;
}

section[id$="_area"] .course:last-of-type {
	border-bottom:none;
	margin-bottom:0;
	padding-bottom:0;
}


.course h3 {
	font-size:20px;
	font-weight:bold;
	margin:0 0 15px;
	text-indent:10px;
}

.course ul {
	margin:0 auto 20px;
	overflow:hidden;
	width:900px;
}

.course ul li {
	float:left;
	margin:0 5px;
	width:290px;
}

.course p {
	margin:0 auto 20px;
	width:720px;
}

.course .dtl {
	overflow:hidden;
}

.course table {
	float:left;
	border-collapse: separate;
	border-spacing: 5px;
	color:#403800;
	margin:0 0 0 25px;
	width: 600px;
}

.course table th {
	background: #70651d;
	padding:12px 15px;
	text-align: center;
	vertical-align: middle;
	width:90px;
}

.course table td {
	background: #f2f0e4;
	font-weight: normal;
	padding:12px 15px;
	text-align: left;
	vertical-align: middle;
}

.course .btn_box {
	float:right;
	margin:0 30px 0 0; 
	text-align:right;
	width:250px;
}

.course .btn_box li {
	clear:both;
	float:none;
	margin:4px 0;
	width:auto;
}



/* ----------------------------------------------------------
	#tokai_area
---------------------------------------------------------- */

[id^="tokai_"] h2 {
	background:url(../image/bg_ttl_tokai.png) no-repeat right 0,-webkit-linear-gradient(left, #75a93c 0%,#afcc8e 100%);
	background:url(../image/bg_ttl_tokai.png) no-repeat right 0,-moz-linear-gradient(left, #75a93c 0%, #afcc8e 100%); 
	background:url(../image/bg_ttl_tokai.png) no-repeat right 0,linear-gradient(to right, #75a93c 0%,#afcc8e 100%); 
}

[id^="tokai_"] .course h3 { border-left:#75a93c solid 8px; }

[id^="tokai_"] .course th { background: #bfd6a4; }


/* ----------------------------------------------------------
	#hokkaido_area
---------------------------------------------------------- */

#hokkaido_area h2 {
	background:url(../image/bg_ttl_hokkaido.png) no-repeat right 0,-webkit-linear-gradient(left, #4c60c3 0%,#9ca7e0 100%);
	background:url(../image/bg_ttl_hokkaido.png) no-repeat right 0,-moz-linear-gradient(left, #4c60c3 0%, #9ca7e0 100%); 
	background:url(../image/bg_ttl_hokkaido.png) no-repeat right 0,linear-gradient(to right, #4c60c3 0%,#9ca7e0 100%);
}

#hokkaido_area .course h3 { border-left:#4c60c3 solid 8px; }

#hokkaido_area .course th { background: #afb9e6; }


/* ----------------------------------------------------------
	#kyushu_area
---------------------------------------------------------- */

#kyushu_area h2 {
	background:url(../image/bg_ttl_kyushu.png) no-repeat right 0,-webkit-linear-gradient(left, #d4586d 0%,#e9a4af 100%);
	background:url(../image/bg_ttl_kyushu.png) no-repeat right 0,-moz-linear-gradient(left, #d4586d 0%, #e9a4af 100%); 
	background:url(../image/bg_ttl_kyushu.png) no-repeat right 0,linear-gradient(to right, #d4586d 0%,#e9a4af 100%);
}

#kyushu_area .course h3 { border-left:#d4586d solid 8px; }

#kyushu_area .course th { background: #edb6bf; }


/* ----------------------------------------------------------
	#flow_area
---------------------------------------------------------- */

#flow_area .area_inner_box .sub-lead {
	text-align:center;
}

.flow {
	overflow:hidden;
	width:900px;
	margin:28px auto 0;
	padding:20px 0px;
	border: #b1dce4 solid 1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#dbf2f6;
	font-size:15px;
	}
	
.flow li {
	overflow:hidden;
	width:860px;
	margin:0px 20px;
	padding:0px 0px 25px;
	background:url(../image/flow_arrow.png) no-repeat 146px bottom;
	}
	
.flow li:last-child {
	padding:0px;
	background:none;
	}
	
.flow li dl {
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:#fff;
	width:860px;
	}
	
.flow li dl {
	display:table;
	}
	
.flow li dl dt {
	display:table-cell;
	width:320px;
	padding:10px;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5495a1), color-stop(100%,#297b89));
	background: -moz-linear-gradient(top, #5495a1 0%, #297b89 100%);
	background: linear-gradient(to bottom, #5495a1 0%,#297b89 100%);
	-webkit-border-radius:5px 0px 0px 5px;
	-moz-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;
	color:#fff;
	font-size:17px;
	font-weight:bold;
	text-align:center;
	vertical-align:middle;
	}
	
.flow li dl dd {
	display:table-cell;
	padding:10px 15px;
	-webkit-border-radius:0px 5px 5px 0px;
	-moz-border-radius:0px 5px 5px 0px;
	border-radius:0px 5px 5px 0px;
	font-size:16px;
	line-height:1.3;
	vertical-align:middle;
	}
	


/* ----------------------------------------------------------
	お問合せ　#inquiry_box
---------------------------------------------------------- */
#inquiry_box {
	background:url(/golf/image_cmn_new/bg_inquiry.png) no-repeat 0 0;
	width:550px;
	height:130px;
	margin:0 auto 70px;
	padding:15px;
}
#inquiry_box p {
	text-align:center;
	margin-bottom:17px;
}
#inquiry_box p img.tel {
	margin-right:30px;
}


/* ----------------------------------------------------------
	bnr_area
---------------------------------------------------------- */
.bnr_area{
	margin:0 auto 70px;
	text-align:center;
}

.bnr_area li{
	margin:0 0 20px;
}

.bnr_area li:last-of-type{
	margin:0;
}

.bnr_area figcaption{
	margin:8px 0 0;
	line-height:1.4;
}