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

title : 東建多度カントリークラブ・名古屋
scope : 最新イベント情報

last modify : 2017/04/24 041_ooba
memo  : 

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

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

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

/*----- イメージなし -----*/
#main-contents section[id$="_area"] .area_inner_box {
	clear: both;
	width: 930px;
	margin: 0 auto 50px;
	padding: 0px;
}

#main-contents section[id$="_area"] .area_inner_box:last-of-type {
	margin: 0 auto;
}

/*----- table -----*/
table.outline {
	border: 2px solid #499840;
}

table.outline th {
	background: #f1ffef;
	border: 1px solid #5ba753;
	color: #333;
	font-weight: bold;
	padding:10px;
	text-align: center;
	vertical-align: middle;
}

table.outline td {
	border: 1px solid #5ba753;
	color: #333;
	font-weight: normal;
	padding:10px;
	vertical-align: middle;
}

table.outline .top th {
	background: #5ba753;
	color: #fff;
}

/*----- リスト -----*/
[class^="txt_list"] > li {
	margin:0 0 7px;
	text-align:left;
	line-height:1.3;
}

[class^="txt_list"] > li:last-of-type {
	margin-bottom:0px;
}

[class^="txt_list_s"] > li {
	font-size:14px;
	margin:0 0 5px;
}

/*----- ttl -----*/
h2{
	color: #fff;
	font-size:24px !important;
	line-height:46px;
	background: #2c9abe;
	border: 3px double #fff;
	padding: 0;
	text-align: center;
	font-weight: bold;
	margin: 0 auto 30px;
}

h3{
	color: #0071b2;
	font-size:24px !important;
	line-height:36px;
	height: 45px;
	padding: 0;
	text-align: left;
	text-indent: 55px;
	font-weight: bold;
	margin: 0 auto 15px;
}

h3.ttl_calendar{
	background:url(../image/ico_ttl_calendar.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,-webkit-linear-gradient(top, #ffffff 0%,#dee9f0 100%);
	background:url(../image/ico_ttl_calendar.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,-moz-linear-gradient(top, #ffffff 0%, #dee9f0 100%);
	background:url(../image/ico_ttl_calendar.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,linear-gradient(to bottom, #ffffff 0%,#dee9f0 100%);
}

h3.ttl_compe{
	background:url(../image/ico_ttl_compe.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,-webkit-linear-gradient(top, #ffffff 0%,#dee9f0 100%);
	background:url(../image/ico_ttl_compe.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,-moz-linear-gradient(top, #ffffff 0%, #dee9f0 100%);
	background:url(../image/ico_ttl_compe.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,linear-gradient(to bottom, #ffffff 0%,#dee9f0 100%);
}

h3.ttl_event{
	background:url(../image/ico_ttl_event.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,-webkit-linear-gradient(top, #ffffff 0%,#dee9f0 100%);
	background:url(../image/ico_ttl_event.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,-moz-linear-gradient(top, #ffffff 0%, #dee9f0 100%);
	background:url(../image/ico_ttl_event.png) no-repeat 10px 0,url(../image/bg_ttl.png) repeat-x 0 bottom,linear-gradient(to bottom, #ffffff 0%,#dee9f0 100%);
}

/* ----------------------------------------------------------
	top_lead
---------------------------------------------------------- */
#main-contents .top_lead {
	width: 1000px;
	margin: 27px 0 0 0;
	overflow: hidden;
}

#main-contents .top_lead .top_lead_txt {
	float: left;
	width: 652px;
	margin: 0 0 0 14px;
}

#main-contents .top_lead .btn {
	float: right;
	width: 290px;
	margin: 0 11px 0 0;
}

/* ----------------------------------------------------------
 タブ
---------------------------------------------------------- */

ul#tab {
	clear:both;
	overflow:hidden;
	width:920px;
  /*width: 690px;*/
  /*width: 460px;*/
  /*width: 230px;*/
	height:50px;
	margin:35px auto;
	margin-top:35px;
	margin-bottom:35px;
	}

ul#tab li {
	background: -webkit-linear-gradient(top, #fcfcf8 0%,#fcfcf8 50%,#f8f7ed 50%,#d8d1a3 100%);
	background: -moz-linear-gradient(top, #fcfcf8 0%, #fcfcf8 50%, #f8f7ed 50%, #d8d1a3 100%);
	background: linear-gradient(to bottom, #fcfcf8 0%,#fcfcf8 50%,#f8f7ed 50%,#d8d1a3 100%);
	border:#c0b35b solid 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow:0px 1px 5px 1px #bbbbbb;
	-moz-box-shadow:0px 1px 5px 1px #bbbbbb;
	box-shadow:0px 1px 5px 1px #bbbbbb;
	float:left;
	height:44px;
	/*margin:0px 5px;*/
  margin: 0 15px;
	padding:0px;
	color:#fff;
	text-align:center;
	font-weight:bold;
	line-height:44px;
	width: 198px;
	}
	
ul#tab li a {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	display:block;
	height:42px;
	text-align:center;
	color:#4d4d4d;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	}

	
ul#tab li a:hover {
	opacity: 0.5;
	}
	
ul#tab li.active {
	background: -webkit-linear-gradient(top, #b9a92e 0%,#d8c954 100%);
	background: -moz-linear-gradient(top, #b9a92e 0%, #d8c954 100%);
	background: linear-gradient(to bottom, #b9a92e 0%,#d8c954 100%);
	border:#a08b00 solid 1px;
	color:#fff;
	font-weight:bold;
	}
	
ul#tab li.active a {
	color:#fff;
	}
	
ul#tab li.active a:hover {
	background: -webkit-linear-gradient(top, #b9a92e 0%,#d8c954 100%);
	background: -moz-linear-gradient(top, #b9a92e 0%, #d8c954 100%);
	background: linear-gradient(to bottom, #b9a92e 0%,#d8c954 100%);
	color:#fff;
	}

ul#tab li.active a:hover {
	opacity: 1;
	}
	

/* ----------------------------------------------------------
 イベントカレンダー
---------------------------------------------------------- */
/* --------------------------------------
 アイコン説明
--------------------------------------- */

p.ico {
	width:880px;
	margin:20px auto 5px;
	text-align:right;
	line-height: 1;
	}
	
p.ico img {
	margin:-2px 5px 0px 0px;
	vertical-align: middle;
	}

/* --------------------------------------
 カレンダー
--------------------------------------- */

table.calendar {
	width:880px;
	margin:10px auto 20px;
	border: 2px solid #499840;
	}
	
table.calendar th {
	width:14%;
	padding:10px;
	border: 1px solid #ccc;
	background:#5ba753;
	color:#fff;
	}
	
table.calendar td {
	padding:6px;
	border:1px solid #5ba753;
	height: 100px;
	vertical-align:top;
	}
	
table.calendar td > span {
	display:block;
	margin:0px 0px 5px;
	font-weight:bold;
	}
	
table.calendar td img.ico {
	margin:0px 2px 2px;
	}
	
table.calendar td.pink {
	background:#ffe6f5;
	}

table.calendar td.pink span {
	color:#FF0099;
	}
	
table.calendar td.blue {
	background:#e6f0ff;
	}
	
table.calendar td.blue span {
	color:#0066FF;
	}
	
table.calendar td dl.oc {
	border:#2371e1 solid 1px;
	background:#eff7fd;
	font-size:100%;
	line-height:130%;
	width: 108px;
	}
	
table.calendar td dl.oc dt {
	padding:2px 0px 3px 0px;
	background:#2371e1;
	color:#fff;
	text-align:center;
	white-space:nowrap;
	}
	
table.calendar td dl.oc dt span {
	display:block;
	}
	
table.calendar td dl.oc dd {
	padding:3px;
	
	}
	
table.calendar td .event {
	padding:3px;
	border:#f3e690 solid 1px;
	background:#fff6ba;
	font-size:90%;
	line-height:125%;
	}
	
table.calendar td ul li {
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#bbb solid 1px;
	}
	
table.calendar td ul li:last-child {
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
	}
	
/* ----------------------------------------------------------
 イベント
---------------------------------------------------------- */

.event_box {
	margin: 0 auto;
	position: relative;
	width: 880px;
	}

.event_box h4 {
	background: #f5dae8;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #d72b74;
	float: left;
	font-size: 20px;
	margin: 0 0 10px 315px;
	padding: 6px 15px;
	display: block;
	width: 535px;
	}

.event_box figure {
	position: absolute;
	top: 0;
	left: 0;
	}

.event_box .txt_box {
	float: left;
	min-height: 170px;
	margin: 0 0 0 325px;
	width: 535px;
	}

.event_box .txt_box .pr {
	color: #007dd5;
	font-size: 18px !important;
	font-weight: bold;
	margin: 0 0 5px;
	}

.event_box .txt_box dl dt {
	background: #d72b74;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	float: left;
	margin: 0 8px 0 0;
	padding: 5px 8px;
	}

.event_box .txt_box dl dd {
	float: left;
	margin: 5px 0 0;
	}

.event_box .dtl {
	clear: both;
	}

.event_box .dtl table.outline {
	float: left;
	margin: 0 15px 0 0;
	width: 410px;
	}

.event_box .dtl table.outline td {
	text-align: center;
	}

.event_box .dtl table.outline .price {
	color: #FF0000;
	}

.event_box .dtl .txt_list {
	float: left;
	margin: 5px 0 0;
	width: 455px;
	}

.event_box .dtl .btn_dtl {
	float: right;
	margin: 15px 20px 0 0;
	}

	
/* ----------------------------------------------------------
 オープンゴルフコンペ
---------------------------------------------------------- */

.compe_box {
	margin: 0 auto;
	min-height: 200px;
	position: relative;
	width: 880px;
	}

.compe_box h4 {
	background: #e6efc9;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #328600;
	float: left;
	font-size: 20px;
	margin: 0 0 10px 315px;
	padding: 6px 15px;
	width: 535px;
	}

.compe_box figure {
	position: absolute;
	top: 0;
	left: 0;
	}

.compe_box .dtl_box {
	float: left;
	min-height: 100px;
	margin: 0 0 0 330px;
	width: 530px;
	}

.compe_box .dtl_box .pr {
	color: #007dd5;
	font-size: 18px !important;
	font-weight: bold;
	margin: 0 0 10px;
	}

.compe_box .dtl_box .txt_list {
	float: left;
	margin: 5px 0 0;
	width: 325px;
	}

.compe_box .dtl_box .btn_dtl {
	float: right;
	margin: 20px 0 0;
	}