@charset "utf-8";


section{
	overflow: hidden;
}
.side{
	float: left;
	width: 210px;
}
.side ul{
	margin-bottom: 5px;
}
.main{
	float: left;
	width: 740px;
}
.main ul{
	float: left;
	margin-right: 15px;
}
.main .mainsec {
	margin: 0;
}
.mainsec li{
	padding-left: 50px;
	line-height: 1;
margin-bottom: 5px;
}
.mainsec span{
	display: block;
	font-weight: bold;
	line-height: normal;
}


/* 観る・遊ぶ・めでるとかの項目リンク一覧文字
*********************************************************************/
.mainsec li a{
	border-right: 1px solid #000;
	padding: 0 5px;
	color: #fff;
	text-decoration: underline;
}
.mainsec li a:last-child{
	border: none;
	padding: 0 5px;
}
.mainsec li:nth-of-type(1){
	background: url("../sight/img/img-back1.png") no-repeat left bottom;
}


/* 見る
*********************************************************************/
.mainsec li:nth-of-type(1) span{
	color: #90cc7f ;
}
.mainsec li:nth-of-type(2){
	background: url("../sight/img/img-back2.png") no-repeat left bottom;
}

/* 遊ぶ
*********************************************************************/
.mainsec li:nth-of-type(2) span{
	color: #a78abc;
}

/* 愛でる
*********************************************************************/
.mainsec li:nth-of-type(3){
	background: url("../sight/img/img-back3.png") no-repeat left bottom;
}
.mainsec li:nth-of-type(3) span{
	color: #E1536F;
}

/* 買う
*********************************************************************/
.mainsec li:nth-of-type(4){
	background: url("../sight/img/img-back4.png") no-repeat left bottom;
}
.mainsec li:nth-of-type(4) span{
	color: #7fc3dc;
}

/* 食べる
*********************************************************************/
.mainsec li:nth-of-type(5){
	background: url("../sight/img/img-back5.png") no-repeat left bottom;
}
.mainsec li:nth-of-type(5) span{
	color: #E78020;
}

/* その他
*********************************************************************/
.mainsec li:nth-of-type(6){
	background: url("../sight/img/img-back6.png") no-repeat left bottom;
}
.mainsec li:nth-of-type(6) span{
	color: #dfd8d8;
}

.piclist-3{
	margin: 0 0 2em;
}
.piclist-3 li{
	display: inline-block;
	width: 300px;
	margin: 0 20px 20px 0;
	vertical-align: top;
}
.piclist-3 li:nth-of-type(3n+3){
	margin: 0 0 20px 0;
}
.piclist-3 li span{
	font-size: 120%;
	color: #f4ecd2;
	display: block;
}
.piclist-3 li a{
	color: #000;
}

h4{
	background-color: #815318;
padding: 5px 0 5px 10px;
margin: 60px 0 15px 0;
}
h4.eria{
	padding-left: 170px;
}
h4+img{
	margin: -80px 0 0 10px;
}
h4 img{
	vertical-align: middle;
}
.piclist-3 a{
	text-decoration: underline;
	display: block;
}
.piclist-3 a:before{
	content: "▶";
}
h4+p{
	overflow: hidden
}
h4+p img{
	float: left;
	margin: 0 20px 20px 0;
}

/* 見出し：各項目名　ベージュ
*********************************************************************/
.info a{
	background: url("../sight/img/img_back.png") no-repeat 17% 50%;
	background-color: #b43a27;
	text-align: center;
	border-radius: 5px;
	display: block;
	color: #fff;
	font-size: 153%;
	padding: 10px 44px;
	transition: all 0.3s linear;
}
.info a:hover{
	opacity: 0.7;
}
.loc{
	float: left;
}
.loc th{
	color: #f4ecd2;
	padding-right: 15px;
	vertical-align: top;
}
.loc th:before{
	content: "■";
}
.loc td{
	padding-bottom: 5px;
}
.loc td span{
	width: 8em;
	display: inline-block;
}
.loc a{
	display: block;
	text-decoration: underline;
	color: inherit;
}
.loc a:before{
	content: "▶";
}
.loc+iframe{
	float: right;
}
a.grey{
	margin-top: 10px;
}
a.grey:before{
	content: "";
}



/* ゴルフ場一覧表
*********************************************************************/

.golf{
	border: 2px solid #815318;
	border-collapse: collapse;
	margin: 0 auto;
	font-size: 112%;
	width: 770px;
}
.golf th{
	background-color: #d9b381;
	border: 2px solid #815318;
	padding: 5px;
	text-align: center;
}
.golf td{
	background-color: #f4ebd7;
	border: 2px solid #815318;
	padding: 5px;
	text-align: center;
	padding: 0 30px;
}
.golf td:first-of-type{
	text-align: left;
	padding-left: 15px;
	width: 300px;
}
.golf td:nth-of-type(2){
	padding: 0 10px;
}
.golf img{
	vertical-align: middle;
}

.colorbox a:focus{
	outline: none;
}


