@charset "Shift_JIS";
/* CSS Document */

html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}
body{overflow-x:hidden;line-height:1.6;margin:0;padding:0; background:none;}
body,button,input,select,textarea{font-family: Helvetica,Arial,�fHiragino Kaku Gothic Pro�f,'�q���M�m�p�S Pro W3','Droid Sans',sans-serif;}
table{border-collapse:collapse;border-spacing:0;}

#main{margin:0 auto; max-width:640px; position:relative;}

.image{
	height: auto;
	width:100%;
	padding:10px,0,5px;
	vertical-align:bottom;
	border:none;
}

.bnr{
	text-align:center;
}

.bnr img{
	width:80%;
	height:auto;
}

/*#mg img{
	margin:10px auto 30px;
}*/
	
.top {
 position:relative;
 }
 
.menu {
	position: absolute;
	bottom: 5%;
	width: 100%;
	text-align:center;
}

.menu img{
	width:30%;
	height:auto;
}

.button{
	text-decoration:none;
}


#copyright{
	padding:10px;
	font-size:x-small;
	text-align:center;
	border:none;
	text-shadow:none;
	background:#000000;
	color:#ffffff;
}

a.link_list{
	display:block;
	padding:10px;
	border-bottom:solid 1px #ffffff;
	color:#ffffff;
	text-decoration:none;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #000), color-stop(0.00, #2f2f2f));
	background: -webkit-linear-gradient(#2f2f2f, #000);
	background: -moz-linear-gradient(#2f2f2f, #000);
	background: -ms-linear-gradient(#2f2f2f, #000);
	background: linear-gradient(#2f2f2f, #000);
	text-align:left;
}

a.link{
	border:none;
}

#page_top{
	z-index:2;
	position:fixed;
	right:10px;
	bottom:0;
}

#page_top img{
		width:60px;
		height:auto;
	}
	
.selected{
	opacity:0.8;
	-webkit-filter: grayscale(50%);
     -moz-filter: grayscale(50%);
     -o-filter: grayscale(50%);
     filter: grayscale(50%);
}

.contents img{
	margin:10px auto 30px;
}
	
#pagetop{
	position:relative;
	top:450px;
}