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


@import url(../../shared/css/style.css);
@import url(../../shared/css/elements.css);


li{
	list-style-type:none;
}


#mitetitle, #character{
	opacity: 0; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=0); /* IE lt 8 */
	-ms-filter: "alpha(opacity=0)"; /* IE 8 */
}


body.index #mainArea{
	background-image:none;
}

body.index #indexWrapper{
	background-image: url(../images/bg_index_footer.gif);
}

.titlerole{
	display:block;
	width:760px;
	margin:40px auto;
}

.titlerole img{
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="images.png", sizingMethod="scale");
	-ms-filter: alpha(opacity=100);
}

#mitetitle, #character{
  animation: inout 3s;
  animation-iteration-count: 1;
  -webkit-animation: inout 3s; /* Safari & Chrome */
  -webkit-animation-iteration-count: 1;
  margin-top:-20px;
}
@keyframes inout {
  0%   { transform: scale(0, 0); }
  25%   { transform: scale(1.5, 1.5); }
  100%  { transform: scale(1, 1); }
}
@-webkit-keyframes inout { /* Safari & Chrome */
  0%   { -webkit-transform: scale(0, 0); }
  25%  { -webkit-transform: scale(1.5, 1.5); }
  100% { -webkit-transform: scale(1, 1); }
}

.omiyage{
	margin:0px auto 10px auto;
	background-image: url(/museum/shared/img/bg_index_footer.png);
}

.omiyage p{
	width:980px;
	margin:0 auto;
	display:block;
}

.buttons{
	overflow:hidden;
	clear:both;
	width:960px;
	margin:0px auto;
	height:365px;
}

.buttons ul{
	clear:both;
	overflow:hidden;
	margin-bottom:20px;
}

.buttons ul li{
	float:left;
	margin-left:20px;
}

.buttons ul li:first-child{
	margin-left:0px;
}

.buttons ul li.button01 a{
	background-image:url(../images/nani_button_on.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
}

.buttons ul li.button02 a{
	background-image:url(../images/hori_button_on.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
}


.buttons ul li.button03 a{
	background-image:url(../images/todoku_button_on.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
}

.buttons ul li.button04 a{
	background-image:url(../images/ayumi_button_on.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
}

.buttons ul li.button05 a{
	background-image:url(../images/line_button_on.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
}


.buttons ul li.button06 a{
	background-image:url(../images/sigen_button_on.png);
	background-repeat:no-repeat;
	background-position:0 bottom;
}

.buttons ul li a{
	display:block;
	height:160px;
}

.buttons ul li a:hover img{
	visibility:hidden;
}

@media print{
	#mitetitle, #character{
		opacity: 1; /* Standard: FF gt 1.5, Opera, Safari */
		filter: alpha(opacity=1); /* IE lt 8 */
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	}
}