@charset "UTF-8";

/*Base*/
.prefix_sample {
	margin-top: 8px;
	-moz-animation-name: adventure_degree;
	-moz-animation-duration: 1.5s;
	-moz-animation-timing-function: ease;
	-moz-animation-iteration-count:1;
	-moz-animation-fill-mode:forwards;
	-moz-animation-delay: 0s;
	
	-webkit-animation-name: adventure_degree;
	-webkit-animation-duration: 1.5s;
	-webkit-animation-timing-function: ease;
	-webkit-animation-iteration-count:1;
	-webkit-animation-fill-mode:forwards;
	-webkit-animation-delay: 0s;
	
	-o-animation-name: adventure_degree;
	-o-animation-duration: 1.5s;
	-o-animation-timing-function: ease;
	-o-animation-iteration-count: 1;
	-o-animation-fill-mode:forwards;
	-o-animation-delay: 0s;
	
	-ms-animation-name: adventure_degree;
	-ms-animation-duration: 1.5s;
	-ms-animation-timing-function: ease;
	-ms-animation-iteration-count: 1;
	-ms-animation-fill-mode:forwards;
	-ms-animation-delay: 0s;

}


@-moz-keyframes adventure_degree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes adventure_degree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes adventure_degree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes adventure_degree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}


.hr_line{
	border-top: 10px solid #b7bfcc;
	margin-top: 8px;
}


/*diving.html*/

.d_diving{
	-moz-animation-name: diving;
	-webkit-animation-name: diving;
	-o-animation-name: diving;
	-ms-animation-name: diving;
}

@-moz-keyframes diving {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes diving {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes diving {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes diving {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_diving{
	width: 50%;
	margin-left: 0%;
}


/*omotodake_trekking.html*/

.d_omotodake_trekking{
	-moz-animation-name: omotodake_trekking;
	-webkit-animation-name: omotodake_trekking;
	-o-animation-name: omotodake_trekking;
	-ms-animation-name: omotodake_trekking;
}

@-moz-keyframes omotodake_trekking {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 45%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes omotodake_trekking {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 45%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes omotodake_trekking {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 45%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes omotodake_trekking {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 45%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_omotodake_trekking{
	width: 47%;
	margin-left: 16%;
}


/*yaeyama_palm_tree.html*/

.d_yaeyama_palm_tree{
	-moz-animation-name: yaeyama_palm_tree;
	-webkit-animation-name: yaeyama_palm_tree;
	-o-animation-name: yaeyama_palm_tree;
	-ms-animation-name: yaeyama_palm_tree;
}

@-moz-keyframes yaeyama_palm_tree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes yaeyama_palm_tree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes yaeyama_palm_tree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes yaeyama_palm_tree {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_yaeyama_palm_tree{
	width: 100%;
	margin-left: 0%;
}


/*okinawan_lion_making.html*/

.d_okinawan_lion_making{
	-moz-animation-name: okinawan_lion_making;
	-webkit-animation-name: okinawan_lion_making;
	-o-animation-name: okinawan_lion_making;
	-ms-animation-name: okinawan_lion_making;
}

@-moz-keyframes okinawan_lion_making {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes okinawan_lion_making {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes okinawan_lion_making {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes okinawan_lion_making {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_okinawan_lion_making{
	width: 100%;
	margin-left: 0%;
}


/*island_of_illusion.html*/

.d_island_of_illusion{
	-moz-animation-name: island_of_illusion;
	-webkit-animation-name: island_of_illusion;
	-o-animation-name: island_of_illusion;
	-ms-animation-name: island_of_illusion;
}

@-moz-keyframes island_of_illusion {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes island_of_illusion {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes island_of_illusion {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes island_of_illusion {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_island_of_illusion{
	width: 18%;
	margin-left: 0%;
}


/*taketomi_island.html*/

.d_taketomi_island{
	-moz-animation-name: taketomi_island;
	-webkit-animation-name: taketomi_island;
	-o-animation-name: taketomi_island;
	-ms-animation-name: taketomi_island;
}

@-moz-keyframes taketomi_island {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes taketomi_island {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes taketomi_island {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes taketomi_island {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_taketomi_island{
	width: 100%;
	margin-left: 0%;
}


/*dolphin_touch.html*/

.d_dolphin_touch{
	-moz-animation-name: dolphin_touch;
	-webkit-animation-name: dolphin_touch;
	-o-animation-name: dolphin_touch;
	-ms-animation-name: dolphin_touch;
}

@-moz-keyframes dolphin_touch {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes dolphin_touch {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes dolphin_touch {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes dolphin_touch {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_dolphin_touch{
	width: 100%;
	margin-left: 0%;
}


/*sea_kayak.html*/

.d_sea_kayak{
	-moz-animation-name: sea_kayak;
	-webkit-animation-name: sea_kayak;
	-o-animation-name: sea_kayak;
	-ms-animation-name: sea_kayak;
}

@-moz-keyframes sea_kayak {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes sea_kayak {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes sea_kayak {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes sea_kayak {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_sea_kayak{
	width: 45%;
	margin-left: 18%;
}


/*waterdance.html*/

.d_waterdance{
	-moz-animation-name: waterdance;
	-webkit-animation-name: waterdance;
	-o-animation-name: waterdance;
	-ms-animation-name: waterdance;
}

@-moz-keyframes waterdance {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 28%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes waterdance {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 28%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes waterdance {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 28%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes waterdance {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 28%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_waterdance{
	width: 20%;
	margin-left: 20%;
}


/*nightdiscovery.html*/

.d_nightdiscovery{
	-moz-animation-name: nightdiscovery;
	-webkit-animation-name: nightdiscovery;
	-o-animation-name: nightdiscovery;
	-ms-animation-name: nightdiscovery;
}

@-moz-keyframes nightdiscovery {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 75%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes nightdiscovery {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 75%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes nightdiscovery {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 75%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes nightdiscovery {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 75%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_nightdiscovery{
	width: 100%;
	margin-left: 0%;
}

/*snorkeling.html*/

.d_snorkeling{
	-moz-animation-name: snorkeling;
	-webkit-animation-name: snorkeling;
	-o-animation-name: snorkeling;
	-ms-animation-name: snorkeling;
}

@-moz-keyframes snorkeling {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes snorkeling {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes snorkeling {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes snorkeling {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_snorkeling{
	width: 55%;
	margin-left: 8%;
}


/*blue_cave.html*/

.d_blue_cave{
	-moz-animation-name: blue_cave;
	-webkit-animation-name: blue_cave;
	-o-animation-name: blue_cave;
	-ms-animation-name: blue_cave;
}

@-moz-keyframes blue_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes blue_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes blue_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes blue_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 70%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_blue_cave{
	width: 40%;
	margin-left: 7%;
}

/*tamatorizaki.html*/

.d_tamatorizaki{
	-moz-animation-name: tamatorizaki;
	-webkit-animation-name: tamatorizaki;
	-o-animation-name: tamatorizaki;
	-ms-animation-name: tamatorizaki;
}

@-moz-keyframes tamatorizaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes tamatorizaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes tamatorizaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes tamatorizaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_tamatorizaki{
	width: 20%;
	margin-left: 17%;
}

/*sunset_beach.html*/

.d_sunset_beach{
	-moz-animation-name: sunset_beach;
	-webkit-animation-name: sunset_beach;
	-o-animation-name: sunset_beach;
	-ms-animation-name: sunset_beach;
}

@-moz-keyframes sunset_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 20%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes sunset_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 20%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes sunset_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 20%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes sunset_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 20%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_sunset_beach{
	width: 23%;
	margin-left: 70%;
}

/*kabira_bay.html*/

.d_kabira_bay{
	-moz-animation-name: kabira_bay;
	-webkit-animation-name: kabira_bay;
	-o-animation-name: kabira_bay;
	-ms-animation-name: kabira_bay;
}

@-moz-keyframes kabira_bay {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes kabira_bay {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes kabira_bay {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes kabira_bay {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_kabira_bay{
	width: 15%;
	margin-left: 18%;
}


/*hirakubosaki.html*/

.d_hirakubosaki{
	-moz-animation-name: hirakubosaki;
	-webkit-animation-name: hirakubosaki;
	-o-animation-name: hirakubosaki;
	-ms-animation-name: hirakubosaki;
}

@-moz-keyframes hirakubosaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes hirakubosaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes hirakubosaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes hirakubosaki {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_hirakubosaki{
	width: 15%;
	margin-left: 18%;

}

/*jusandi.html*/

.d_jusandi{
	-moz-animation-name: jusandi;
	-webkit-animation-name: jusandi;
	-o-animation-name: jusandi;
	-ms-animation-name: jusandi;
}

@-moz-keyframes jusandi {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes jusandi {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes jusandi {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes jusandi {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 5%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_jusandi{
	width: 100%;
	margin-left: 0%;
}


/*fusaki_beach.html*/

.d_fusaki_beach{
	-moz-animation-name: fusaki_beach;
	-webkit-animation-name: fusaki_beach;
	-o-animation-name: fusaki_beach;
	-ms-animation-name: fusaki_beach;
}

@-moz-keyframes fusaki_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 30%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes fusaki_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 30%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes fusaki_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 30%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes fusaki_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 30%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_fusaki_beach{
	width: 15%;
	margin-left: 18%;
	}


/*limestone_cave.html*/

.d_limestone_cave{
	-moz-animation-name: limestone_cave;
	-webkit-animation-name: limestone_cave;
	-o-animation-name: limestone_cave;
	-ms-animation-name: limestone_cave;
}

@-moz-keyframes limestone_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes limestone_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes limestone_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes limestone_cave {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 32%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_limestone_cave{
	width: 60%;
	margin-left: 0%;
}

/*nagura_anparu.html*/

.d_nagura_anparu{
	-moz-animation-name: nagura_anparu;
	-webkit-animation-name: nagura_anparu;
	-o-animation-name: nagura_anparu;
	-ms-animation-name: nagura_anparu;
}

@-moz-keyframes nagura_anparu {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes nagura_anparu {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes nagura_anparu {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes nagura_anparu {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 55%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_nagura_anparu{
	width: 48%;
	margin-left: 18%;
}

/*sukuchi_beach.html*/

.d_sukuchi_beach{
	-moz-animation-name: sukuchi_beach;
	-webkit-animation-name: sukuchi_beach;
	-o-animation-name: sukuchi_beach;
	-ms-animation-name: sukuchi_beach;
}

@-moz-keyframes sukuchi_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 38%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes sukuchi_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 38%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes sukuchi_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 38%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes sukuchi_beach {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 38%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_sukuchi_beach{
	width: 25%;
	margin-left: 70%;

}

/*astronomical_observatory.html*/

.d_astronomical_observatory{
	-moz-animation-name: astronomical_observatory;
	-webkit-animation-name: astronomical_observatory;
	-o-animation-name: astronomical_observatory;
	-ms-animation-name: astronomical_observatory;
}

@-moz-keyframes astronomical_observatory {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 25%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes astronomical_observatory {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 25%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes astronomical_observatory {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 25%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes astronomical_observatory {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 25%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_astronomical_observatory{
	width: 40%;
	margin-left: 10%;
}

/*fukidori_river.html*/

.d_fukidori_river{
	-moz-animation-name: fukidori_river;
	-webkit-animation-name: fukidori_river;
	-o-animation-name: fukidori_river;
	-ms-animation-name: fukidori_river;
}

@-moz-keyframes fukidori_river {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 50%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes fukidori_river {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 50%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes fukidori_river {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 50%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes fukidori_river {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 50%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_fukidori_river{
	width: 15%;
	margin-left: 18%;
}


/*hirakubo_peninsula.html*/

.d_hirakubo_peninsula{
	-moz-animation-name: hirakubo_peninsula;
	-webkit-animation-name: hirakubo_peninsula;
	-o-animation-name: hirakubo_peninsula;
	-ms-animation-name: hirakubo_peninsula;
}

@-moz-keyframes hirakubo_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes hirakubo_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes hirakubo_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes hirakubo_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 40%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_hirakubo_peninsula{
	width: 15%;
	margin-left: 18%;
}

/*oganzaki_peninsula.html*/

.d_oganzaki_peninsula{
	-moz-animation-name: oganzaki_peninsula;
	-webkit-animation-name: oganzaki_peninsula;
	-o-animation-name: oganzaki_peninsula;
	-ms-animation-name: oganzaki_peninsula;
}

@-moz-keyframes oganzaki_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-webkit-keyframes oganzaki_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-o-keyframes oganzaki_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

@-ms-keyframes oganzaki_peninsula {
	0% {width: 2%; height: 10px; background-color: #b7bfcc; opacity:1;}
	100% {width: 35%; height: 10px; background-color: #b7bfcc; opacity:1;}
}

.b_oganzaki_peninsula{
	width: 15%;
	margin-left: 18%;
}