@charset "utf-8";
/* CSS Document */

/* mainVisual */
#nav {
	position: relative;
	min-height: 316px;
	height: auto!important;
	height: 316px;
	padding-bottom: 0!important;
	z-index: 1;
}


#globalNav {
	position: absolute;
	z-index: 99;
}


#mainVisualList {
	position: absolute;
	top: 0;
	left: -120px;
	z-index: 0;
}

#mainVisualList li {
	position: absolute;
	left: 0;
	top: 0;
}

#topicsAreaWrapper {
	padding: 0 23px;	
}

/* ie6がバグるため指定をpaddingで調整 */
#topicsAreaWrapper p.notes2 {
	margin-left: 0;
	padding-left: 1em;
}



#topicsBlock {
	min-height: 25px;
	height: auto!important;
	height: 25px;
	width: 910px;
	background: #000;
	/*position: absolute;*/
	/*bottom: 15px;
	right: 25px;*/
	margin: 15px auto 2px;
	position: relative;
	z-index: 0;
	font-size: 130%;
}


#topicsBlock h2 {
	float: left;
}

div#tropArea {
	float:left;
	width: 810px;
	position: relative;
	overflow: hidden;
	/*height: 1.5em;*/
}


div#tropArea p {
	color: #FFF;
	padding-top: 0.3em;
	white-space: nowrap;
	position: absolute;
	z-index: 80;
}


/* rss add/2012/09/20 takahashi */
p#rssTxt img {
	vertical-align: middle!important;
	margin-right: 5px;
}

p#rssTxt a {
	_zoom :1;
}


/* content */

div#content {
	padding-top: 20px!important;
	padding-left: 23px;
	padding-right: 23px;
}


div#recommendBlock {
	position: relative;
	/*margin-top: -15px;
	margin-top: -15px;*/
}

div#recommendBlock h2, div#recommendBlock p {
	float: left;
}


/* main */

div#main:after {
	content: " ";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
	height: 0.1px;
	line-height: 0;
}


div#main {
	min-height: 1px;
}

* html div#main {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}


/*div#main {
	padding-top: 15px;
}*/


div#leftColumn {
	width: 188px;
	float: left;
	margin-right: 21px;
	font-size: 90%;
}

p#centerImage {
	margin-bottom: 15px;
}



div#centerColumn {
	width: 497px;
	float: left;
}

div#rightColumn {
	width: 185px;
	float: right;
}


/* relationNav */

ul#relationNav {
	padding-top: 5px;
	margin-bottom: 15px;
	color: #0067ba;
}

ul#relationNav a:link, ul#relationNav a:visited,
ul#relationNav a:active, ul#relationNav a:hover {
	color: #0067ba;
}



ul#relationNav li {
	padding: 8px 5px 8px 70px;
	border-bottom: #CCC solid 1px;
	background-position: 10px center;
	background-repeat: no-repeat;
}

li#relationNav1 {
	/* background-image: url(../images/relation/icon1a.gif); */
	background-image: url(../images/relation/icon1.png);
}

li#relationNav2 {
	background-image: url(../images/relation/icon2.png);
}

li#relationNav3 {
	background-image: url(../images/relation/icon3.png);
}

li#relationNav4 {
	background-image: url(../images/relation/icon4.png);
}

li#relationNav5 {
	background-image: url(../images/relation/icon5.png);
}

li#relationNav6 {
	background-image: url(../images/relation/icon6.png);
}


ul#relationNav ul.relationNavSecondClass li {
	border: none;
	padding: 0;
	background: url(../images/relation/link_mark.png) no-repeat 0 0.2em;
	padding-left: 10px;
	font-size: 90%;
}



/* faqBlock */

div#faqBlock {
	border: solid 1px #5fc1bf;
	margin-bottom: 15px;
}

div#faqBlock h2 {
	text-align: center;
	background: #5fc1bf;
}


div#faqBlockInner {
	padding: 8px;	
}


div#faqBlockInner ul {
	margin-top: 8px;
}

p#notesFaqBlock {
	text-align: right;
}


ul#faqNav li {
	background: url(../images/faq/icon.png) no-repeat 0 0.4em;
	padding-left: 12px;
}


ul#rssNav {
	background: url(../images/rss/icon.png) no-repeat 0;
	padding-left: 15px;
	padding-top: 2px;
	display: none;
}


ul#rssNav a:link, ul#rssNav a:visited,
ul#rssNav a:active, ul#rssNav a:hover {
	color: #f2792d;	
}

ul#rssNav li {
	display: inline;
}


ul#rssNav li.lastChild {
	padding-left: 5px;
}



/* centerColumn */


div#centerColumn .gridUnit {
	margin-right: 10px;
	width: 242px;
	text-align: center;
	
}



/*div#centerColumn .gridUnit p {
	border: solid #CCC 1px;
	border-top: none;	
	min-height: 318px;
	height: auto!important;
	height: 318px;
}*/

div#centerColumn .gridUnit p img {
	padding: 8px 0;
}

div#centerColumn .lastColumn {
	width: 242px;
}

/* rightColumn */
div#rightColumn h2 {
	margin-bottom: 5px;
	border-bottom: solid #bce0e6 5px;	
}

ul#bnrList li {
	margin-bottom: 5px;	
}

ul#bnrList li.lastChild {
	margin-bottom: 0;	
}



/* テロップ改変 12/06/27 takahashi */
/*#teropList {
	width: 100%;
	position: relative;
	overflow: hidden;
}*/


#teropList li {
	float: left;
	width: 810px;
	color: #FFF;
	margin-bottom: 0;
}



#teropList li span {
	display: block;
	padding: 0 0 0 5px;	
}


#teropList li a:link,
#teropList li a:visited,
#teropList li a:hover,
#teropList li a:active {
	color: #FFF;
}






/* 13/03/15 update */

div.section {
	margin-bottom: 15px!important;
}

div#centerColumn h2 {
	margin-bottom: 5px;
}


/* photoArea */


div#carrouselArea h2 {
	float: left;
}


div#carrouselPhotoArea {
	width: 864px;
	background: #383838;
	color: #FFF;
	float: left;
	min-height: 153px;
	height: auto!important;
	height: 153px;
	position: relative;	
}


div#carrouselPhotoAreaInner {
	padding: 8px 12px 0;
	
}

div#carrouselPhotoAreaInner p#carrouselPhotoExplanation {
	margin-bottom: 0.5em!important;
	font-size: 85%;
}


div#carrouselPhotoAreaInner p#carrouselPhotoExplanation a:link,
div#carrouselPhotoAreaInner p#carrouselPhotoExplanation a:visited,
div#carrouselPhotoAreaInner p#carrouselPhotoExplanation a:hover,
div#carrouselPhotoAreaInner p#carrouselPhotoExplanation a:active {
	color: #ff7e9a;
}


p#prevBtn, p#nextBtn {
	position: absolute;
	top: 50%;
	margin-top: -13px;
	/*cursor: pointer;*/
}

p#prevBtn a:hover img, p#nextBtn a:hover img {
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: 0.8;	
}




p#prevBtn {
	left: 12px;
}

p#nextBtn {
	right: 12px;
}

div#carrouselPhotoWrapper {
	width: 766px;
	/*overflow: hidden;
	*overflow-y: visible;*/
	margin: 0 auto;
}

ul#carrouselPhotoList {
	float: left;
	width: 774px;
	margin-bottom: 0;	
}

ul#carrouselPhotoList li {
	/*width: 121px;
	margin-right: 8px;*/
	width: 120px;
	margin-right: 9px;
	float: left;
}

span.caption {
	display: block;
	margin-top: 3px;
	text-align: center;
}


/* おすすめ情報 */


ul.blockList1 {
	margin: 0 auto;
	text-align: center;
}


ul.blockList1 li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	width: 154px;
	margin-right: 8px;
}


ul.blockList1 li span {
	text-align: left;
}


ul.blockList1 li.lasctChild {
	margin-right: 0!important;
}


div.topBox1 {
	border: #CCC solid 1px;
	padding: 10px;
}


dl#newsList {
	overflow: auto;
	height: 116px;	
}

dl#newsList dt {
	float: left;
	clear: left;
	width: 5.5em;
}

dl#newsList dd {
	margin-left: 5.5em;
	margin-bottom: 0.5em;
	_zoom: 1;
}


div#uniqueBlock1, div#uniqueBlock2 {
	min-height: 205px;
	height: auto!important;
	height: 205px;
}

div#uniqueBlock1 ul, div#uniqueBlock2 ul {
	text-align: left;
}


div#uniqueBlock1 ul li, div#uniqueBlock2 ul li {
	margin-bottom: 0.5em!important;
}

div#uniqueBlock1 {
	background: url(images/enjoy_bg.jpg) no-repeat bottom center;
}


div#uniqueBlock2 {
	background: url(images/terrace_info_bg.jpg) no-repeat bottom center;
}



a.linkMarkArrow1 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(images/arrow.png) no-repeat left 0.4em;
	padding-left: 13px;
}


a.linkMarkArrow2 {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	background: url(images/arrow2.png) no-repeat left 0.4em;
	padding-left: 13px;
}

/* 14/05/15 add */




div#recommendGrid p img {
	padding: 0!important;
}



div#recommendGrid div.column-w333 {
	background: url(event/event_bg.jpg) no-repeat top center;
}


div#recommendGrid div.column-w333-inner {
	border: #69c8f5 solid 2px;
}


div#recommendGrid h3 {
	border: none;
	/* float: left; */
	padding: 0;
	/* width: 49%; */
	margin-bottom: 0;
	text-align: left;
}



div#recommendGrid  ul {
	margin-bottom: 0!important;

}


div#recommendGrid  ul li {
	/* width: 37%; */
	margin-left: 51%;
	/* background: #666666; */

	text-align: left;
	min-height: 3.25em;
	height: auto!important;
	height: 3.25em;
	
}

div#recommendGrid  ul li.recommend-column1 {
	float: left;
	clear: left;
	width: 49%;
	/*margin-right: 4%;*/
	/* _display: inline; */
	margin-left: 0;
	/* background: #ECCAA7; */
}


div#recommendGrid  ul li a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	padding-left: 24px;
}

a.event1 {
	background: url(event/list/event_mark1.png) no-repeat left top;
}

a.event2 {
	background: url(event/list/event_mark2.png) no-repeat left top;
}

a.event3 {
	background: url(event/list/event_mark3.png) no-repeat left top;
}

a.event4 {
	background: url(event/list/event_mark4.png) no-repeat left top;
}


a.event5 {
	background: url(event/list/event_mark5.png) no-repeat 4px 4px;
}