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

title : 東建多度カントリークラブ・名古屋
scope : 年間イベント予定表

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

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

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

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

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

#main-contents section[id$="_area"] .sub_lead {
	width:755px;
	margin: 0 auto 20px;
}

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

#main-contents section[id$="_area"] .ttl_green_txt2 a {
  position: absolute;
  width: 260px;
  top: 7px;
  left: 660px;
  background: #e91e63;
  padding: 5px 10px;
  color: #fff;
  border-radius: 5px;
  font-size: 15px;
}

#main-contents section[id$="_area"] .ttl_green_txt2 a:hover {
  opacity: 0.75;
}


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

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


/*----- table -----*/
#main-contents section[id$="_area"] .outline {
	border: 2px solid #499840;
}

#main-contents section[id$="_area"] .outline th {
	background: #f1ffef;
	border: 1px solid #ccc;
	color: #333;
	font-weight: bold;
	padding:15px;
	text-align: center;
	vertical-align: middle;
}

#main-contents section[id$="_area"] .outline td {
	border: 1px solid #5ba753;
	color: #333;
	font-weight: normal;
	padding:15px;
	vertical-align: middle;
}

#main-contents section[id$="_area"] .outline .top th {
	background: #5ba753;
	color: #fff;
}

/*----- spacing -----*/
.spacing_c {
	letter-spacing:1em;
	padding-left: 1em;
}


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

#main-contents section[id$="_area"] [class^="txt_list"] > li:last-of-type {
	margin-bottom:0px;
}

/* --------------------------------------
 イベント色
--------------------------------------- */
[class^="c_"] { font-weight:bold; }
[class^="c_ageuma"]	{ background-color: #FFFBBB; }
[class^="c_other"] { background: #bde8e7; }
[class^="c_lady"] { background: #ffcccc; }
[class^="c_thursday"] { background: #cbf0ce; }
[class^="c_getureihai"] { background: #d4cff2; }
[class^="c_g_senior"] { background-color: #eecded; }
[class^="c_single"] { background-color: #f2e1cb; }
[class^="c_compe"] { background:#cae8f9; }
[class^="c_token_cup"] { 
	color:#ffffff;
	background-color:#FF6D6D;
	}


/* ----------------------------------------------------------
	eventschedule_area
---------------------------------------------------------- */

#main-contents #eventschedule_area {
	margin-top:50px;
}

/*--------------------------------------
 新イベント色説明
---------------------------------------*/ 
	
ul.eventcolor,
ul.eventcolor_new {
	width:680px;
	margin:20px auto 30px;
	padding:5px;
	border:#aaa double 3px;
	overflow:hidden;
	text-align:center;
}
ul.eventcolor_new {
  width: 625px;
  padding: 5px 0 5px 25px;
	display: flex;
  flex-wrap: wrap;
}
ul.eventcolor li,
ul.eventcolor_new li {
	width:130px;
	margin:0px 5px;
	padding:5px 0px;
	line-height:15px;
	display: inline-block;
	text-align:left;
}
ul.eventcolor_new li {
  display: list-item;
}
ul.eventcolor li.long,
ul.eventcolor_new li.long {
	width:300px;
	}

ul.eventcolor li.middle,
ul.eventcolor_new li.middle {
	width:160px;
	}	
	
ul.eventcolor li img,
ul.eventcolor_new li img {
	margin:0px 5px 0px 0px;
	border:#ccc solid 1px;
	}

/* ビジター用 */
ul.eventcolor li.long_left {
	width:220px;
	margin-left:40px;
	}


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

ul.calendarlist {
	width:870px;
	margin: 20px auto 0px;
	text-align:center;
	}
	
ul.calendarlist li {
	float: left;
	width:282px;
	margin:0px 4px 10px;
	vertical-align:top;
	}
	
ul.calendarlist li dl dt.month {
	padding:5px;
	border:#499840 solid 2px;
	border-bottom:none;
	background:#5ba753;;
	color:#fff;
	font-size:120%;
	font-weight:bold;
	text-align:center;
	}

/* -------------------------
 カレンダー表
------------------------- */	
ul.calendarlist table {
	width:100%;
	height: 250px;
	margin:0;
	border:2px solid #499840;
	line-height:120%;
	}
	
ul.calendarlist table th {
	border:1px solid #5ba753;
	border-collapse:separate;
	border-spacing:0px;
	margin:0;
	padding:8px 4px;
	background:#f1ffef;
	color:#444444;
	text-align:center;
	vertical-align:middle;
	}
	
ul.calendarlist table th.sun {
	background:#ffb4b4;
	}
	
ul.calendarlist dd table th.sat {
	background:#a8e9ed;
	}

ul.calendarlist dd table td {
	border:1px solid #5ba753;
	margin:0;
	padding:10px 0px;
	color:#444;
	text-align:center;
	vertical-align:middle;
	}

ul.calendarlist dd table td span {
	display:block;
	margin: -3px -8px -3px 4px;
	padding:2px 0;
	border-top:1px solid #888;
	border-left:1px solid #888;
	border-right:1px solid #FFF;
	border-bottom:1px solid #FFF;
	text-align:center;
	width: 26px;
	}

ul.calendarlist dd table .holiday { color: #FF0099 !important;}
ul.calendarlist dd table .sat { color: #0066FF !important;}

ul.calendarlist dd table [class^="c_token_cup"] { color:#ffffff; }


/* -------------------------
 イベントリスト
------------------------- */
ul.calendarlist ul.eventlist {
	overflow:hidden;
	padding:8px 10px;
	border:2px solid #499840;
	border-top:none;
	background:#f1ffef;
	}
	
ul.calendarlist ul.eventlist > li {
	clear: both;
	margin:4px 0px;
	width: 260px;
	}
		
ul.calendarlist ul.eventlist > li > dl {
	overflow:hidden;
	}

ul.calendarlist ul.eventlist > li > dl > dt {
	float: left;
	width:50px;
	margin:0;
	padding:0px;
	text-align:center;
	border:#ccc solid 1px;
	}
	
ul.calendarlist ul.eventlist > li > dl > dd {
	float:left;
	margin:4px 0px 2px 8px;
	text-align:left;
	line-height: 1.2;
	width: 192px;
	}
	
ul.calendarlist ul.eventlist > li > dl dt[class^="c_"] {
	font-weight:normal;
	}


/* ----------------------------------------------------------
	competition_area
---------------------------------------------------------- */

#competition_area .compe_note {
	margin:0 auto 10px;
	width: 950px;
}

#competition_area .outline {
	margin:0 auto;
	width: 950px;
}

#competition_area .outline .name { width: 150px; }
#competition_area .outline .date { width: 130px; }
#competition_area .outline .qual { width: 135px; }
#competition_area .outline .rule { width: 170px; }

#main-contents #competition_area .outline td {
	padding: 15px 8px;
	text-align: center;
}

#main-contents #competition_area .outline td[class^="c_"] {
	font-weight: bold;
}

#main-contents #competition_area .note {
	margin: 5px 0 0;
	width: 920px;
}


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