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

#gNav {
	position: relative;
	}

.navi li.navi02 a{
	background-position:-126px 76px;
	}

.section{ }
	.section:after{
		content:"";
		display:block;
		clear:both;
		}

.tab{
	position:relative;
	background:url(../../spot/images/tabBg.jpg);
	}
	.tab:before{
		content:"";
		position:absolute;
		left:0;
		width:100%;
		height:6px;
		background:url(../../commonImg/pattern_B.jpg);
		}
	.tab a{
		display:block;
		}
		.tab a:hover{
			opacity:.7;
			}
	.tab ul{
		padding-left:40px;
		}
	.tab li{
		position:relative;
		float:left;
		width:274px;
		height:70px;
		margin-right:8px !important;
		overflow:hidden;
		}
	.tab img{
		position:absolute;
		bottom:0;
		}
	.tab .cel{
		height:86px;
		}
		.tab .cel img{
			top:0;
			}
		.tab .cel a:hover{
			opacity:1;
			}

.spotA{ }
	.spotA dt{
		background:url(../../commonImg/pattern_spotA.jpg);
		}

.spotB{ }
	.spotB dt{
		background:url(../../commonImg/pattern_spotB.jpg);
		}

.spotC{ }
	.spotC dt{
		background:url(../../commonImg/pattern_spotC.jpg);
		}

.spotD{ }
	.spotD dt{
		background:url(../../commonImg/pattern_spotD.jpg);
		}

#contents{
	padding:20px 0;
	position:relative;
	}
	#contents ul{ }
		#contents ul:after{
			content:"";
			display:block;
			clear:both;
			}
	#contents li{
		float:right;
		}
	#contents li+li{
		margin-top:10px;
		}
	#contents li:nth-child(even){
		clear:both;
		float:left;
		}
	#contents h3{
		margin:10px 0 30px 0;
		}
	#contents p{
		margin-top:20px;
		line-height:1.8em;
		}
	#contents dl{
		margin-top:20px;
		}
	#contents dt{
		padding:10px;
		border-radius:5px 5px 0 0;
		text-align:center;
		}
	#contents dd{
		padding:12px 15px;
		border:1px solid #ccb7a6;
		border-top:0;
		}
	#contents dd a{
		display:block;
		padding-right:20px;
		background:url(../../spot/images/linkIcon.png) right center no-repeat;
		color:#29a0fe;
		text-decoration:none;
		}
	#contents dd:last-child{
		border-radius:0 0 5px 5px;
		}
	#contents .section div:nth-of-type(odd){
		width:590px;
		}
	#contents .section div:nth-of-type(even){
		width:490px;
		}
	#contents .section:nth-of-type(odd) div:nth-of-type(even),
	#contents .section:nth-of-type(even) div:nth-of-type(odd){
		float:right;
		}
	#contents .section:nth-of-type(odd) div:nth-of-type(odd),
	#contents .section:nth-of-type(even) div:nth-of-type(even){
		float:left;
		}
	
	#contents .lNavOpen{
		display:block;
		}
	#contents .lNav{
		position:fixed;
		top:0;
		width:1199px;
		z-index:10000;
		display:none;
		
		border-top:none;
		border-left:1px solid #b3811b;
		border-bottom:1px solid #b3811b;
		border-right:1px solid #b3811b;
		}
		#contents .lNav li{
			float:left;
			clear:none;
			width:25%;
			margin:0px;
			padding:0px;
			text-align:center;

			background-color:#fff;
			opacity:0.90;
			filter: alpha(opacity=90); /* IE lt 8 */
			-ms-filter: "alpha(opacity=90)"; /* IE 8 */
			-khtml-opacity: .90; /* Safari 1.x */
			-moz-opacity: .90; /* FF lt 1.5, Netscape */
			
			-webkit-transition:all .3s;
			transition:all .3s;
			}
		#contents .lNav li:hover{
			opacity:1;
			filter: alpha(opacity=100); /* IE lt 8 */
			-ms-filter: "alpha(opacity=100)"; /* IE 8 */
			-khtml-opacity: 1; /* Safari 1.x */
			-moz-opacity: 1; /* FF lt 1.5, Netscape */
			
			-webkit-transition:all .3s;
			transition:all .3s;
			}
			
		#contents .lNav li.naviA{
			background-color:#D75048;
			}
		#contents .lNav li.naviB{
			background-color:#204B98;
			}
		#contents .lNav li.naviC{
			background-color:#EC7B22;
			}
		#contents .lNav li.naviD{
			background-color:#6D439D;
			}
		#contents .lNav li.selA{
			color:#D75048;
			background-color:#fff;
			}
			#contents .lNav li.selA a{
				color:#D75048;
				font-weight:bold;
				}
		#contents .lNav li.selB{
			color:#204B98;
			background-color:#fff;
			}
			#contents .lNav li.selB a{
				color:#204B98;
				font-weight:bold;
				}
		#contents .lNav li.selC{
			color:#EC7B22;
			background-color:#fff;
			}
			#contents .lNav li.selC a{
				color:#EC7B22;
				font-weight:bold;
				}
		#contents .lNav li.selD{
			color:#6D439D;
			background-color:#fff;
			}
			#contents .lNav li.selD a{
				color:#6D439D;
				font-weight:bold;
				}
		#contents .lNav li a{
			display:block;
			padding:10px 0px;
			text-decoration:none;
			line-height:1.8em;
			color:#fff;
			}

#spotList{
	padding-bottom:20px;
	}
	#spotList ul{ }
	#spotList li{
		position:relative;
		padding:0 5px;
		overflow:hidden;
		}
		#spotList li a{
			position:absolute;
			display:block;
			top:0;
			left:0;
			width:100%;
			height:100%;
			opacity:0;
			}
		#spotList li:hover{
			opacity:0.75;
			filter: alpha(opacity=75); /* IE lt 8 */
			-ms-filter: "alpha(opacity=75)"; /* IE 8 */
			-khtml-opacity: .75; /* Safari 1.x */
			-moz-opacity: .75; /* FF lt 1.5, Netscape */
			}
	#spotList h3{
		padding:20px 40px;
		background:url(../../commonImg/pattern_B.jpg);
		}
	#spotList h4{
		margin:10px 0;
		padding:0 10px;
		color:#29a0fe;
		line-height:1.6em;
		}
	#spotList p{
		padding:0 10px;
		line-height:1.6em;
		}
	#spotList .bx-wrapper{
		margin-bottom:40px !important;
		}
	#spotList .bx-pager{
		bottom:0;
		}
	#spotList .bx-controls-direction a{
		top:50%;
		width:40px;
		height:100px;
		margin-top:-50px;
		}
		#spotList .bx-controls-direction a:hover{
			opacity:0.75;
			filter: alpha(opacity=75); /* IE lt 8 */
			-ms-filter: "alpha(opacity=75)"; /* IE 8 */
			-khtml-opacity: .75; /* Safari 1.x */
			-moz-opacity: .75; /* FF lt 1.5, Netscape */
			}
	#spotList .bx-controls-direction a.bx-prev{
		left:-50px;
		background:url(../../spot/images/spotList_controlL.png) no-repeat;
		}
	#spotList .bx-controls-direction a.bx-next{
		right:-50px;
		background:url(../../spot/images/spotList_controlR.png) no-repeat;
		}

#hTab{ }
	#hTab:before{
		bottom:0;
		}
	#hTab ul{
		padding-top:12px;
		}
	#hTab li{
		margin:10px 0 6px 0;
		}
	#hTab li.cel{
		margin:0;
		}

#fTab{}
	#fTab:before{
		top:0;
		}
	#fTab ul{
		padding-bottom:12px;
		}
	#fTab li{
		margin:6px 0 10px 0;
		}
	#fTab li.cel{
		margin:0;
		}