/* shift jis
/
/ �‘Ž®�Ý’è
----------------------------------*/

body{
	margin: 0;
	padding:0;
	border: 0 none;
	font-size:14px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	line-height:1.5em;
	position:relative;
}



/*float‚̉ð�œ*/
.clearfix:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6�A7‘Î�ô*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x‘Î�ô*/
	height: auto;
	overflow: hidden;
	/**/
}
img {vertical-align:bottom;}
a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.container.is-fix > .inner,
.is-fix + .container > .inner{width: 100%; max-width: 1600px; }


/*content
-------------------------------*/
/* h1{
	position: absolute;
	top:-1000px;
} */
.left {float: left;}
.right {float: right;}

#contentWrap {width: 100%; max-width: 1600px; margin: 0 auto; background: url('../images/bg.jpg') center top no-repeat;}
#contentWrap a {display: block}
#contentWrap a img {width: 100%; height: auto;}
#contentWrap .absl {position: absolute;}

#contentWrap #mainBox {width: 1200px; margin: 0 auto; position: relative; padding-top: 150px;}
#contentWrap #mainBox #mainSlide {width: 1200px; margin: 0 auto;}
#contentWrap #mainBox .title {top: 0; left: 130px; }
#contentWrap #mainBox .access {top: 0; right: 124px; }

#contentWrap #contentBox {width: 1200px; margin: 25px auto 0;}
#contentWrap #contentBox .cpnBox {position: relative; margin: auto; width: 1200px; height: 390px;}
#contentWrap #contentBox .cpnBox .btn {bottom: 55px; left: 360px;}
#contentWrap #contentBox .cpnBox .btn a:hover img {transform: scale(1.1);}

#contentWrap #contentBox .spotBox {position: relative; margin:25px auto 0; width: 960px; height:935px;}
#contentWrap #contentBox .spotBox .title {top: -4px; left: -10px;}
#contentWrap #contentBox .spotBox .spot01 {top: 0; right: 8px;}
#contentWrap #contentBox .spotBox .spot02 {top: 317px; left: 7px;}
#contentWrap #contentBox .spotBox .spot03 {top: 298px; right: -3px;}
#contentWrap #contentBox .spotBox .spot04 {top: 569px; left: 8px;}
#contentWrap #contentBox .spotBox .spot05 {top: 619px; left: 259px;}
#contentWrap #contentBox .spotBox .spot06 {top: 589px; right: 229px;}
#contentWrap #contentBox .spotBox .img {top: 611px; right: 5px;}
#contentWrap #contentBox .spotBox .video {top: 0; right: 260px;}
#contentWrap #contentBox .spotBox a:hover img {transform: translateY(-5px); transition: 0.3s ease-in-out;}
#contentWrap #contentBox .spotBox .video a:hover img {transform: translateY(0);}

#contentWrap #contentBox .linkBox {margin:15px auto 0; width: 940px; padding-bottom: 10px;}
#contentWrap #contentBox .linkBox a:hover img {transform: translateY(-5px); transition: 0.3s ease-in-out;}