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


/*ナビ*/


@-webkit-keyframes button {

0%{ color:rgb(114,113,113);}

20%{ color:rgb(0,149,187)}

100%{color:rgb(0,57,187); 



text-shadow: 0px 0px 7px blue;}

}

#nav li a:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-webkit-animation-name: button;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}

 a:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-webkit-animation-name: button;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}

#r_contents a:hover{

color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-webkit-animation-name: button;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}

#uc_content a:hover{

color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-webkit-animation-name: button;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}




@-moz-keyframes button {

0%{ color:rgb(114,113,113);}

20%{ color:rgb(0,149,187)}

100%{color:rgb(0,57,187); text-shadow: 0px 0px 7px blue;}

}

#nav li a:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-moz-animation-name: button;
-moz-animation-duration: 0.3s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
}

 a:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-moz-animation-name: button;
-moz-animation-duration: 0.3s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
}




/コンテンツ*/

@-webkit-keyframes button_rc {

0%{ color:rgb(177,42,32);}

20%{ color:rgb(0,149,187);}

100%{color:rgb(0,57,187); text-shadow: 0px 0px 7px blue;}

}

.underright #r_contents a:hover{
color:rgb(0,57,187); text-shadow: 0px 0px 7px blue
;
-webkit-animation-name: button_rc;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}


@-moz-keyframes button_rc {

0%{ color:rgb(177,42,32);}

20%{ color:rgb(0,149,187);}

100%{color:rgb(0,57,187); text-shadow: 0px 0px 7px blue;}

}

.underright #r_contents a:hover{
color:rgb(0,57,187); text-shadow: 0px 0px 7px blue
;
-moz-animation-name: button_rc;
-moz-animation-duration: 0.3s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
}














/*ナビのフェード*/


@-webkit-keyframes button2 {

0%{ color:rgb(114,113,113);}

20%{ color:rgb(0,149,187)}

100%{color:rgb(0,57,187); text-shadow: 0px 0px 7px red;}

}

#link:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px red
;
-webkit-animation-name: button2;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}

.image.dots:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-webkit-animation-name: button;
-webkit-animation-duration: 0.3s;
-webkit-animation-timing-function: ease-out;
-webkit-animation-iteration-count: 1;
}




@-moz-keyframes button2 {

0%{ color:rgb(114,113,113);}

20%{ color:rgb(0,149,187)}

100%{color:rgb(0,57,187); text-shadow: 0px 0px 7px red;}

}

#link:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px red
;
-moz-animation-name: button2;
-moz-animation-duration: 0.3s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
}

.image.dots:hover{
color:rgb(0,57,187);text-shadow: 0px 0px 7px blue
;
-moz-animation-name: button;
-moz-animation-duration: 0.3s;
-moz-animation-timing-function: ease-out;
-moz-animation-iteration-count: 1;
}


/*ナビのフェード*/

@-webkit-keyframes fadein {

0%{opacity: 0;}

100%{opacity: 1;}

}

body{
       -webkit-animation-name: fadein;
       -webkit-animation-duration: 1s;
       -webkit-animation-timing-function: linear;
       -webkit-animation-iteration-count: 1;
}



@-moz-keyframes fadein {

0%{opacity: 0;}

100%{opacity: 1;}

}

body{
       -moz-animation-name: fadein;
       -moz-animation-duration: 1s;
       -moz-animation-timing-function: linear;
       -moz-animation-iteration-count: 1;
}

@-webkit-keyframes fadeur {

0%{opacity: 1;}
100%{opacity: 0.5;}

}

#underright a:hover{opacity: 0.5;
       -webkit-animation-name: fadeur;
       -webkit-animation-duration: 0.2s;
       -webkit-animation-timing-function: linear;
       -webkit-animation-iteration-count: 1;
}

@-moz-keyframes fadeur {

0%{opacity: 1;}
100%{opacity: 0.5;}

}

#underright a:hover{opacity: 0.5;
       -moz-animation-name: fadeur;
       -moz-animation-duration: 0.2s;
       -moz-animation-timing-function: linear;
       -moz-animation-iteration-count: 1;
}









@-webkit-keyframes muse-over {

0%{opacity: 1;}

100%{opacity: 0.5;}

}

.under_center p {pacity: 0.5;
	
	-webkit-animation-name: muse-over;
       -webkit-animation-duration: 0.5s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;}

.elastislide-carousel ul li a img:hover{ opacity: 0.5;
	
	-webkit-animation-name: muse-over;
       -webkit-animation-duration: 0.5s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	
	}


#artimg:hover{ opacity: 0.5;
	
	-webkit-animation-name: muse-over;
       -webkit-animation-duration: 0.5s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	
	}
	
	.underright img:hover{
	
	opacity: 0.5;
	-webkit-animation-name: muse-over;
       -webkit-animation-duration: 0.3s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	}
	
	
	@-moz-keyframes muse-over {

0%{opacity: 1;}

100%{opacity: 0.5;}

}

.elastislide-carousel ul li a img:hover{ opacity: 0.5;
	
	-moz-animation-name: muse-over;
       -moz-animation-duration: 0.5s;
       -moz-animation-timing-function: ease-out;
       -moz-animation-iteration-count: 1;
	
	}


#artimg:hover{ opacity: 0.5;
	
	-moz-animation-name: muse-over;
       -moz-animation-duration: 0.5s;
       -moz-animation-timing-function: ease-out;
       -moz-animation-iteration-count: 1;
	
	}
	
	.underright img:hover{
	
	opacity: 0.5;
	-moz-animation-name: muse-over;
       -moz-animation-duration: 0.3s;
       -moz-animation-timing-function: ease-out;
       -moz-animation-iteration-count: 1;
	}
	

@-webkit-keyframes muse-overmap {

0%{opacity: 0.5;}

100%{opacity: 1;}

}




.image .europe img:hover{-webkit-animation-name: muse-overmap;
       -webkit-animation-duration: 1s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	}

.image .russia img:hover{-webkit-animation-name: muse-overmap;
       -webkit-animation-duration: 1s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	}


.image .america img:hover{-webkit-animation-name: muse-overmap;
       -webkit-animation-duration: 1s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	}
	
	





@-webkit-keyframes museumlink {

0%{color:#FFF}

100%{ color:#F30;}

}

#myToolTipe.s a:hover{-webkit-animation-name: museumlinkp;
       -webkit-animation-duration: 1s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	}
	
	.russia img:hover{-webkit-animation-name: museumlink;
       -webkit-animation-duration: 1s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	}
	
	.america img:hover{-webkit-animation-name: museumlink;
       -webkit-animation-duration: 1.3s;
       -webkit-animation-timing-function: ease-out;
       -webkit-animation-iteration-count: 1;
	}