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

@import url(http://fonts.googleapis.com/css?family=Gloria+Hallelujah);

* {
	margin:0;
	padding:0;
	list-style:none;
	text-decoration:none;
}

body {
	 background: url(../funart/artworks/img/artwork_bg.png) no-repeat center center fixed; 
	 -webkit-background-size: cover;
	 -moz-background-size: cover;
	 -o-background-size: cover;
	 background-size: cover;
	 font-family: 'Gloria Hallelujah', cursive;
}

#wrapper {
	width:840px;
	margin:0 auto;
}

#first a ,#second a ,#third a ,#four a ,#five a {
	font-size:15px;
	width:100px;
	height:65px;
	padding-top:35px;
	border-radius:50px;
	text-align:center;
	color:#FFFFFF;
	-moz-text-shadow:-1px -1px 1px #000;
    -webkit-text-shadow:-1px -1px 1px #000;
    text-shadow:-1px -1px 1px #000;
	background: #ffffff; /* Old browsers */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #f1f1f1 69%, #e1e1e1 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(69%,#f1f1f1), color-stop(99%,#e1e1e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#f1f1f1 69%,#e1e1e1 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#f1f1f1 69%,#e1e1e1 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#f1f1f1 69%,#e1e1e1 99%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#f1f1f1 69%,#e1e1e1 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e1e1e1',GradientType=1 ); /* IE6-9 */
	box-shadow: 0 0 10px #fff,0 0 15px #fff;
}

#nav li {
	display:block;
	width:165px;
	border-right:1px dotted #FFFFFF;
	height:25px;
	margin:50px auto;
	text-align:center;
	float:left;
}

#nav a {
	color:#FFF;
	font-size:14px;
	padding-top:5px;
	text-shadow:1px 5px 5px #000;
	transition:all 1s ease;
	-webkit-transition:all 1s ease;
	-moz-transition:all 1s ease;
	-o-transition:all 1s ease;
}

#nav a:hover {
	color:#FFCC00;
	text-shadow:0 3px 5px #CCCCCC;
}

#nav li:last-child {
	border:none;
}

/*first*/
#warako a {
	display:block;
	position:fixed;
	top:15%;
	left:34%;
}


#nashiki a {
	display:block;
	position:fixed;
	top:15%;
	left:47%;
}


#arita a {
	display:block;
	position:fixed;
	top:15%;
	left:60%;
}

/*first*/
/*second*/
#shinobu a {
	display:block;
	position:fixed;
	top:30%;
	left:29%;
}

#kei a {
	display:block;
	position:fixed;
	top:30%;
	left:41%;
}

#tama a {
	display:block;
	position:fixed;
	top:30%;
	left:53%;
}

#mana a {
	display:block;
	position:fixed;
	top:30%;
	left:65%;
}
/*second*/
/*third*/
#yos a {
	display:block;
	position:fixed;
	top:45%;
	left:24%;
}

#nana a {
	display:block;
	position:fixed;
	top:45%;
	left:36%;
}

#miyako a {
	display:block;
	position:fixed;
	top:45%;
	left:48%;
}

#sayuri a {
	display:block;
	position:fixed;
	top:45%;
	left:60%;
}

#nene a {
	display:block;
	position:fixed;
	top:45%;
	left:71%;
}
/*third*/
/*four*/
#misaki a {
	display:block;
	position:fixed;
	top:60%;
	left:29%;
}

#nao a {
	display:block;
	position:fixed;
	top:60%;
	left:41%;
}

#sumire a {
	display:block;
	position:fixed;
	top:60%;
	left:53%;
}

#utsuho a {
	display:block;
	position:fixed;
	top:60%;
	left:65%;
}
/*four*/
/*five*/
#lagi a {
	display:block;
	position:fixed;
	top:75%;
	left:34%;
}


#nayuta a {
	display:block;
	position:fixed;
	top:75%;
	left:47%;
}


#kamura a {
	display:block;
	font-size:12px;
	position:fixed;
	top:75%;
	left:60%;
}
/*five*/

#footer {
	display:block;
	width:100%;
	height:30px;
	padding-top:5px;
	font-size:12px;
	background-color:rgba(0,0,0,0.4);
	position:fixed;
	bottom:0;
}

#footer li {
	display:block;
	width:100px;
	color:#FFFFFF;
	float:left;
	text-align:center;
	border-right:1px dotted #FFF;
}
#footer li:last-child {
	border:none;
}
#footer a {
	color:#FFF;
	padding-top:5px;
	text-shadow:0 3px 5px #F90;
}

#footer a:hover {
	color:#FFCC00;
	text-shadow:0 3px 5px #CCCCCC;
}
#footer h4 {
	color:#FFFFFF;
	font-size:10px;
	margin-right:20px;
	float:right;
}