html {
  -webkit-font-smoothing: antialiased;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: bottom;
  background: transparent;
  font-weight: normal;
  list-style: none; }

body {
	line-height: 1;
	font-size: 81%;/*13px*/
	-webkit-text-size-adjust: 100%;
	font-family: 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, sans-serif;
	color: #333;
	letter-spacing: 0.1em;
	text-align: ;
		}





article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }


a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	background: transparent;
	outline: none;
	border: none;
	color: #333;
	text-decoration: none;
}

a:hover {
  filter: alpha(opacity=50);
  opacity: 0.5; 
}


#page-top{
	width:50px;
	height:100px;
	display:none;
	position:fixed;
	right:30px;
	bottom:100px;
}
 
#page-top p{
	margin:0;
	padding:0;
	text-align:center;
	background:#d6f9f7;
	filter:none;
     -khtml-opacity: 0.60;
     opacity:0.60;
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
}
 
#page-top p:hover{
	background:#8b8b8b;
}
 
#move-page-dtop{
	color:#fff;
	line-height:50px;
	text-decoration:none;
	display:block;
	cursor:pointer;
}





#content {
    position: relative;
    background:#D9CDBC;
    height: 3000px;
}


#content .follow {
    position: fixed;
    top: 0;
}

ul {
    width:990px;
    height: 620px;
    overflow:hidden;
    list-style:none;
    margin:0 auto;
}
ul li {
    width:989px;
    float:left;

}
ul li:hover {
    background:#fff;
}


#wrapper {
width: 100%;
min-width:990px;
   background-repeat:no-repeat;
   background-position: top center;
   background-color:#f7eaff ;
}

#title {
	width: 990px;
	height: 901px;
	margin:0 auto;
	 position: relative; 
	 animation: fadeIn 3s ease 0s 1 normal;
    -webkit-animation: fadeIn 3s ease 0s 1 normal;

}

h1{
height: 500px;
}

}
@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

#title .box02 {
 position: absolute;
 width: 990px;
 z-index: 20;
 
}



#content01,#content02,#content03,#content04,#content05,#content06{
 position: relative; 
	width: 990px;
	margin:0 auto;
}

/* 沖縄上 */


.box02 .bt01{
  position: absolute;
  width: 119px;
  top:680px;
  left:50px;
}
.box02 .bt02{
  position: absolute;
  width: 320px;
  top:680px;
  left:354px;
}
.box02 .bt03{
  position: absolute;
  width: 287px;
  top:680px;
  left:682px;
}
.box02 .bt04{
  position: absolute;
  width: 287px;
  top:725px;
  left:682px;
}

.main01,main02,main03,main04,main05,main06{
 width: 990px;
 position: relative; 
}


.main05 .bt01{
  position: absolute;
  width: 615px;
  bottom:130px;
  left:350px;
}
.main05 .bt02{
  position: absolute;
  width: 329px;
  bottom:21px;
  left:350px;
}
.main05 .bt03{
  position: absolute;
  width: 286px;
  bottom:86px;
  left:678px;
}
.main05 .bt04{
  position: absolute;
  width: 286px;
  bottom:23px;
  left:678px;
}


#header {
    position: fixed;
    top: 0px;
    background: ;
    width: 100%;
	margin: 0 auto;
}
.navi{
width: 990px;
	margin:0 auto;
}
.nabibt{
float: right;
}

.id{
	width: 990px;
	margin:0 auto;
}

@media (min-width: 768px) {
/* 画面外にいる状態 */
.fadein {
    opacity : 0.01;
    transform : translate(0, 80px);
    transition : all 1000ms;
    }
 
/* 画面内に入った状態 */
.fadein.scrollin {
    opacity : 1;
    transform : translate(0, 0);
    }