@charset "utf-8";
/* ==========================================================

title : 東建多度カントリークラブ・名古屋
scope : 娯楽施設　カラオケ

last modify : 2016/09/07 041_ooba
memo  : 

========================================================== */

#main-contents .top-lead {
	width: 900px;
	margin: 27px 50px 35px;
	overflow: hidden;
}

#main-contents .top-lead .top-lead-box {
	float: left;
	width: 540px;
}

.sub-lead {
	width:45em;
	margin: 15px 0 0 75px;
	letter-spacing:0.02em;
	line-height: 1.5;
}


#main-contents .top-lead .outline {
	width: 536px;
	margin: 17px 0 0 0;
	border: 2px solid #ccc;
}

#main-contents .top-lead .outline th {
	width: 264px;
	padding:10px 0px;
	background: #5ba753;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

#main-contents .top-lead .outline td {
	padding:10px 0px;
	border: 1px solid #ccc;
	font-weight: normal;
	color: #333;
	text-align: center;
	vertical-align: middle;
}

#main-contents .top-lead .movie {
	float: right;
	margin:15px 0 0;
}

.photo{
	clear:both;
	width:900px;
	margin:0 auto;
	overflow:hidden;
}

#main-contents .photo li{
	margin:10px 12px 0 0;
	float:left;
}

#main-contents .photo li:last-of-type{
	margin:10px 0;
	}

	
/* ----------------------------------------------------------
	indent
---------------------------------------------------------- */
.att{
  width:790px;
  padding-left: 3em !important;
  text-indent: -1em;
  }

.att02{
	width:790px;
	padding-left: 1em;
}

.att04{
  width:790px;
  padding-left: 1em !important;
  text-indent: -1em;
  }

.att04_02{
  width:700px;
  padding-left: 1em !important;
  text-indent: -1em;
   
  }

.att05{
  width:790px;
  padding-left: 4em !important;
  text-indent: -1em;
  }

.att06{
  width:790px;
  padding-left: 2em !important;
  text-indent: -1em;
  }

.att07{
  width:790px;
  padding-left: 5em !important;
  text-indent: -1em;
}

.att10{
  width:720px;
  font-size:90%!important;
  padding-left: 4em !important;
  text-indent: -2em;
  color:#ff0000;
}
	
/* ----------------------------------------------------------
	[id$="-area"]
---------------------------------------------------------- */

#main-contents section[id$="-area"] {
	width: 1000px;
	margin: 50px 0 0 0;
	overflow: hidden;
}


#main-contents section[id$="-area"] p.area-lead-txt {
	width:950px;
	margin:28px auto 0;
}


/* 右イメージあり */
#main-contents section[id$="-area"] .area-inner {
	width: 588px;
	float: left;
	margin: 28px 0 0 25px;
}

#main-contents section[id$="-area"] .area-inner p {
	line-height: 1.5;
}

#main-contents section[id$="-area"] .area-image {
	width: 330px;
	float: right;
	margin: 30px 25px 0 0;
	overflow: hidden;
}

/* 右イメージなし */
#main-contents section[id$="-area"] .area-inner-box {
	clear: both;
	width: 950px;
	margin: 28px auto 50px;
	padding: 0px;
}

/* 詳細ボタン */
#main-contents section[id$="-area"] .btn-more {
	float:right;
	margin: 20px 0 0 10px;
}

/* リスト */
#main-contents section[id$="-area"] .txt-list > li {
	margin:0 0 0 70px;
	text-align:left;
}

#main-contents section[id$="-area"] .txt-list > li.about {
	margin:15px 0 15px 70px;
	text-align:left;
}

#main-contents section[id$="-area"] .txt-list > li:last-of-type {
	margin-bottom:0px;
}


/* ----------------------------------------------------------
	use-area
---------------------------------------------------------- */

.music {
	overflow:hidden;
	margin:5px 8px 10px 0px;
	padding:15px 10px;
	background:#f8eff4;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	color:#f03792;
	text-indent:0.5em;
	line-height:1;
	font-size:16px;
	}
	
.music li {
	float:left;
	margin:0 15px 0 0;
	}
	
.note {
	width:798px;
	margin:30px auto 0;
	padding:0px;
	border:#bfddee solid 1px;
	background:#e8f2f8 url(../image/note_bg.jpg) no-repeat right center;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	}
	
.note dt {
	margin:20px 20px 5px;
	padding:0px 8px;
	border-left:#006dab solid 5px;
	color:#006dab;
	font-size:110%;
	font-weight:bold;
	}
	
.note dd {
	margin:0px 20px 20px;
	text-align:left;
	}
	
	
/* ----------------------------------------------------------
	pay-area
---------------------------------------------------------- */

#main-contents #pay-area .outline {
	width: 900px;
	margin:0 auto 10px;
	border: 2px solid #ccc;
}

#main-contents #pay-area .outline th {
	width:220px;
	padding:10px 0px;
	background: #5ba753;
	border: 1px solid #ccc;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
}

#main-contents #pay-area .outline th:first-of-type {
	width:260px;
}

#main-contents #pay-area .outline td {
	padding:10px 0px;
	border: 1px solid #ccc;
	font-weight: normal;
	color: #333;
	text-align: center;
	vertical-align: middle;
}

#main-contents #pay-area .btn-area {
	overflow:hidden;
}

/* ---------------------------------------
	お得な団体定額料金
--------------------------------------- */

#dantai {
	overflow:hidden;
	width:900px;
	margin:30px auto 0;
	text-align:center;
}

#dantai p {
	margin-bottom:25px;
}

#dantai dl {
	width:800px;
	margin:0 auto 10px;
	padding:30px 0px;
	border:#e4c67d solid 1px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background: -webkit-linear-gradient(top, #ffffff 0%,#f7edc4 100%);
	background: -moz-linear-gradient(top, #ffffff 0%, #f7edc4 100%); 
	background: linear-gradient(to bottom, #ffffff 0%,#f7edc4 100%); 
}

#dantai dt {
	margin:0px 0px 15px 34px;
	text-align:left;
}

#dantai dd {
}

#main-contents #pay-area #dantai dl + .txt-list {
	width:850px;
	margin:0 auto;
}


/* ----------------------------------------------------------
	bnr_box
---------------------------------------------------------- */
.bnr-area{
	margin:0 auto 50px;
	text-align:center;
}



/* ----------------------------------------------------------
	Googleストリートビュー
---------------------------------------------------------- */
.streetview{
	width:780px;
	margin:0 auto 50px;
	padding:5px 0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	background:url(/golf/image_cmn_new/streetview_bg.jpg) repeat-x 0 0;
	text-align:center;
}

.streetview .inobox{
	margin:0 5px;
	padding:30px 0px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	border:#fff solid 1px;
}

.streetview p.txt{
	margin:0px 0px 15px;
	color:#00506b;
	line-height:37px;
}

.streetview p.txt img{
	margin:0px 10px 0px 0px;
}

.streetview p.txt span{
	margin:0 5px;
	font-size:120%;
	font-weight:bold;
}

.line{
    border-top:1px solid #ccc;
	padding:15px auto;
	width:1000px;	
	
}
	
