/* shift jis
/
/ 書式設定
----------------------------------*/

body{
	margin: 0;
	padding:0;
	border: 0 none;
	font-size:14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "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、7対策*/
}
* 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.6;
	filter: alpha(opacity=60);
}

/*#sample {
	background: url(../images/sample.jpg) no-repeat top center; 
	width: 100%; 
	 height: 2500px; margin:0; padding: 0;"> 
}

/*footer部分
-------------------------------*/
#footer {
	background:#FFFFFF;
	width:100%;
	min-width: 990px;
}


 #footer p.pr {
	text-align:center;
	color:#000;
	height:35px;
	line-height:30px;
	width:990px;
	font-weight:bold;
	font-size:14px;
	margin:0 auto;
}
#footer:after { 
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}


/*タイトル
-------------------------------*/
#title_wrap {
	background: url(../images/title_bg.png)  top center no-repeat;
	width: 100%;
	margin: 0 auto;
	min-width: 990px;
}
#title_wrap .title {
	width: 990px;
	height: 570px;
	margin: 0 auto;
	position: relative;
}
#title_wrap .title h1{
	position: absolute;
	top:4px;
	right: -12px;
}
#title_wrap .title a{
	display: block;
}
#title_wrap .title a img{
	position: absolute;
	top:228px;
	left: 0px;
}

/*マップ以下
-------------------------------*/
#main_wrap {
	background: url(../images/main_bg.jpg)  top center no-repeat;
	width: 100%;
	height: 1080px;
	margin: 0 auto;
	min-width: 990px;
}
#main_wrap .main {
	width: 990px;
	height: 1080px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
}
#main_wrap .main .main_title {
	position: absolute;
	top:-48px;
	right: 0;
}
#main_wrap .main a {
	display: block;
}
.mainimg {
	position: absolute;
}
#main_wrap .main .main01{top:33px; left:0;}
#main_wrap .main .main02{top:268px; left:1px;}
#main_wrap .main .main03{top:431px; right:9px;}
#main_wrap .main .main04{bottom: 35px; left: 2px;}
#main_wrap .main .main05{bottom: 3px; right: 0;}

#main_wrap .main .click01{top:259px; right:217px; z-index: 998;}
#main_wrap .main .click02{top:195px; right:17px;}
#main_wrap .main .click03{top:322px; right:292px;}
#main_wrap .main .click04{top:448px; right:433px;}
#main_wrap .main .click05{top:495px; right:356px;}

#main_wrap .main .on {display:none; position: absolute; }
#main_wrap .main .on.pop {display: block;}
#main_wrap .main .click02 .click_on02{top:128px; right:87px; z-index: 1000;}
#main_wrap .main .click03 .click_on03{top:-105px; right:55px; z-index: 1000;}
#main_wrap .main .click04 .click_on04{top:-95px; right:67px; z-index: 1000;}
#main_wrap .main .click05 .click_on05{top:82px; right:94px; z-index: 1000;}

#main_wrap .main .on .close {display:block; position: absolute; }
#main_wrap .main .click02 .close02{top:18px; right:12px; z-index: 1001;}
#main_wrap .main .click03 .close03{top:8px; right:12px; z-index: 1001;}
#main_wrap .main .click04 .close04{top:8px; right:12px; z-index: 1001;}
#main_wrap .main .click05 .close05{top:10px; right:14px; z-index: 1001;}

#main_wrap .main .fukidashi01{top:13px; left:180px; z-index: 999;}
#main_wrap .main .fukidashi02{top:290px; left:150px; z-index: 999;}
#main_wrap .main .fukidashi03{bottom:288px; left:0; z-index: 999;}
#main_wrap .main .fukidashi04{bottom:310px; right:-12px; z-index: 999;}

#main_wrap .main .fukidashi01,#main_wrap .main .fukidashi03 {
	-webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-timing-function: steps(2);
    animation-timing-function: steps(2);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: .5s;
    animation-delay: .5s;}

	@keyframes rotate {
	  0% {
	    -webkit-transform: rotate(0deg);
	            transform: rotate(0deg);
	  }
	  100% {
	    -webkit-transform: rotate(-15deg);
	            transform: rotate(-15deg);
  }
}

#main_wrap .main .fukidashi02,#main_wrap .main .fukidashi04 {
	-webkit-animation-name: scale;
    animation-name: scale;
    -webkit-animation-timing-function: steps(2);
    animation-timing-function: steps(2);
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-direction: normal;
    animation-direction: normal;
    -webkit-animation-fill-mode: forwards;
    animation-fill-mode: forwards;
    -webkit-animation-duration: 2s;
    animation-duration: 2s;
    -webkit-animation-delay: 0s;
    animation-delay: 0s;}

    @keyframes scale {
  0% {
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
  100% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
}

#sidelink {
	position:fixed; 
	top:95px; 
	left: 50%;
    z-index: 1;
    width: 1110px;
    text-align: right;
    margin-left: -565px;
	display: none; 
	opacity: 0;
	-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;
	    }
#sidelink a {
	display: inline-block;
}
#sidelink.open {opacity: 1; display: block;}

#anotherbox {
	width: 990px;
	height: 440px;
	margin: 0 auto;
	margin-top: -16px;
}
#bottombox {
	width: 870px;
	height: 170px;
	margin: 0 auto;
	position: relative;	
}
#bottombox .btn_l01 {top:21px; left: 16px;}
#bottombox .btn_l02 {bottom:10px; left: 0;}
#bottombox .btn_r01 {top:48px; right: 11px;}
#bottombox .btn_r02 {bottom:11px; right: 0;}