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

/*********** 汎用クラス**************/
.fl{float: left;}
.fr{float: right;}
.cl{clear: both;}
.tc{text-align: center;}
.fb{font-weight: bold !important;}
.fs-110{font-size: 110% !important;}
.fs-120{font-size: 120% !important;}
.fs-90{font-size: 90% !important;}
.fs-80{font-size: 80% !important;}
.fc-orange{color: #ff9900 !important;}
.fc-ch{color: #724c22 !important;}
.lnh-140{line-height: 140%;}
.fs-14{font-size: 14px !important;}
.fs-15{font-size: 15px !important;}
.fs-08{font-size: 0.8em;}
.fs-07{font-size: 0.7em;}
.fc-ff{color: #fff;}

.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt15{margin-top: 15px;}
.mt20{margin-top: 20px;}
.mt25{margin-top: 25px;}
.mt30{margin-top: 30px;}
.mt35{margin-top: 35px;}
.mt40{margin-top: 40px;}
.mt45{margin-top: 45px;}
.mt50{margin-top: 50px;}
.mt55{margin-top: 55px;}
.mt60{margin-top: 60px;}
.mt65{margin-top: 65px;}
.mt70{margin-top: 70px;}
.mt75{margin-top: 75px;}
.mt80{margin-top: 50px;}

.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb55{margin-bottom: 55px;}
.mb60{margin-bottom: 60px;}
.mb65{margin-bottom: 65px;}
.mb70{margin-bottom: 70px;}
.mb75{margin-bottom: 75px;}

.pt5{padding-top: 5px;}
.pt10{padding-top: 10px;}
.pt15{padding-top: 15px;}
.pt20{padding-top: 20px;}
.pt25{padding-top: 25px;}
.pt30{padding-top: 30px;}
.pt35{padding-top: 35px;}
.pt40{padding-top: 40px;}
.pt45{padding-top: 45px;}
.pt50{padding-top: 50px;}
.pt55{padding-top: 55px;}
.pt60{padding-top: 60px;}
.pt65{padding-top: 65px;}
.pt70{padding-top: 70px;}
.pt75{padding-top: 75px;}
.pt80{padding-top: 80px;}
.pt100{padding-top: 100px;}
.pt150{padding-top: 150px;}



.ml5{margin-left: 5px;}
.ml10{margin-left: 10px;}
.ml15{margin-left: 15px;}
.ml20{margin-left: 20px;}
.ml25{margin-left: 25px;}
.ml30{margin-left: 30px;}
.ml35{margin-left: 35px;}
.ml40{margin-left: 40px;}
.ml45{margin-left: 45px;}
.ml50{margin-left: 50px;}
.ml55{margin-left: 55px;}


.pt40{padding-top: 40px;}
.pt60{padding-top: 60px;}

.pb20{padding-bottom: 20px;}
.pb30{padding-bottom: 30px;}


.bb-bd{border-bottom: 1px #C5C5C5 dotted;}
.dot{border-bottom: 1px #c2ac97 dotted;}

.ln-160{line-height: 160% !important;}

.clear{
	clear:both;}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  }  
  
.clearfix { display: inline-table; }  
  
/* Hides from IE-mac \*/  
* html .clearfix { height: 1%; }  
.clearfix { display: block; }  
/* End hide from IE-mac */  

.non-bd{
	border: none !important;}



body{
	height:100%;
	font-family: "Lucida Grande","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,メイリオ,sans-serif;
	background: url(../images/bg-intro.png) repeat;}

#wrapper{
	width: 100%;
	min-height: 909px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bg-kt-lf.png) no-repeat left top;}

#contents{
	width: 100%;
	min-height: 909px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	background: url(../images/bg-kt-rg.png) no-repeat right top;}

.cont-all{
	width: 1000px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	margin-top: 50px;}


.intro-title02{
	position: absolute;
	top: 10px;
	left: 78px;
	z-index: 200;
	display: none;}

.pp-01{
	position: absolute;
	top: 200px;
	left: -130px;
	display: none;}

.pp-02{
	position: absolute;
	top: 340px;
	left: 120px;
	display: none;}

.pp-03{
	position: absolute;
	top: 300px;
	right: 100px;
	display: none;}	


.pp-04{
	position: absolute;
	top: 80px;
	right: -130px;
	display: none;}	

@media screen and (max-width: 1401px){
.pp-01 img,.pp-02 img,.pp-03 img,.pp-04 img{
	width: 70%;}

.pp-01{
	left: -50px;}

.pp-02{
	position: absolute;
	top: 310px;
	left: 170px;}

.pp-03{
	top: 260px;}
	
.pp-04{
	top: 50px;
	right: -60px;}	
	

#wrapper{
	background-size: 20%;}

#contents{
	background-size: 20%;}


}
	
	
.pic{
	/**margin-top: -450px;**/
	/**float: right;**/
	position: absolute;
	top: 35%;
	right: 10%;
	z-index: 200;}	

.pic02{
	margin-top: -5%;}	

.page-body{
	width: 872px;
	height: 630px;
	background: url(../images/bg-map.png)no-repeat;
	background-size: cover;
	text-align: center;
	margin-left: auto;
	margin-right: auto;}

	.item-cc{
		position:absolute;
		top:370px;
		left:420px;
		width:5%;
		z-index:400;
		display: none;}
		
			.item-tt{
		position:absolute;
		top:330px;
		right:380px;
		width:5%;
		z-index:400;
		display: none;}
		
.item-tt img{
	/*width: 8%;*/
	width:100%;
	/*margin-top: 55%;
	margin-left: 20%;*/}
	
.item-cc img{
	/*width: 8%;*/
	width:100%;
	/*margin-top: 55%;
	margin-left: 20%;*/}

.clicktitle{
  position: absolute;
  top: 445px;
  left: 390px;
  display: none;}

#cc-hear{
	position:absolute;
	z-index:300;
	top: 348px;
	left: 401px;
	display: none;}

	
#box {
    position : absolute;
	top: 410px;
	left:460px;
	z-index: 500;
	display: none;}	

.fuwafuwa {
	-webkit-animation-name:fuwafuwa; /* fuwafuwaっていうアニメーションをしてね！ */
	-webkit-animation-duration:2s;
	-webkit-animation-iteration-count:infinite;
	/*-webkit-animation-direction:alternate;*/
	-webkit-animation-timing-function:ease;
	
	-moz-animation-name:fuwafuwa;
	-moz-animation-duration:2s;
	-moz-animation-iteration-count:infinite;
	/*-moz-animation-direction:alternate;*/
	-moz-animation-timing-function:ease;
}
/* fuwafuwaっていうアニメーションはこんなふうだよ！ */
@-webkit-keyframes fuwafuwa {
	0% {-webkit-transform:translate(0, 0);}
	50% {-webkit-transform:translate(0, -10px);}
	100% {-webkit-transform:translate(0, 0);}
}
@-moz-keyframes fuwafuwa {
	0% {-moz-transform:translate(0, 0);}
	50% {-moz-transform:translate(0, -10px);}
	100% {-moz-transform:translate(0, 0);}
}
	

/**ロード画面**/
#loader {
    width: 40px;
    height: 40px;
    display: none;
    position: fixed;
    _position: absolute; /* IE6対策 */
    top: 50%;
    left: 50%;
    margin-top: -20px; /* heightの半分のマイナス値 */
    margin-left: -20px; /* widthの半分のマイナス値 */
    z-index: 999;
}
 
#fade {
    width: 100%;
    height: 100%;
    display: none;
    /**background-color: #FFFFFF;**/
	background: url(../images/bg-all.jpg) repeat;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 800;}

#footer{
	width: 100%;
	height: 30px;
	background: #000;
	position: absolute;
	bottom: 0px;
	left: 0px;
	color: #515151;
	text-align: center;
	font-size: 11px;
	line-height: 30px;}


.intro-footer{
	font-size: 12px;
	text-align: center;}