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


/*common------------------------------------------------
-------------------------------------------------------- */
body {
	background-color:#f6f6f6;
	overflow-y:hidden;
	overflow-x:scroll;
	padding:10px;
	font-family:Helvetica, sans-serif;
	}
	
a			{ text-decoration: none; }
a:link		{ color: #752697; }
a:visited	{ color: #752697; }
a:hover		{ color: #000000; }
a:active	{ color: #752697; }


	
/* img--------------------------------------------------
-------------------------------------------------------- */
#img_list li {
	float:left;
	padding:0px 19px 0px 0px;
	display:block;
	}

#img_list li img {
	cursor:pointer;
	}	
	
.no_script img {
	cursor:default !important
	}
	
/* title------------------------------------------------*/	
#img_list {
	position:relative;
	}
#title {
	position:absolute;
	z-index:1;
	top:0px; 
	background-color:#f6f6f6;
	}	
#title_base { }
#title_fade { }
#title #arrow {
	}	
#title #arrow div { 
    transform: rotate(-135deg); 
    -webkit-transform: rotate(-135deg); 
    border-top: 5px solid #000000; 
    border-right: 5px solid #000000; 
}



/* scroll ------------------------------------------------
-------------------------------------------------------- */
#wrap {
	position:relative;
	}
	
#back{
	position:absolute;
	right: 0px; 
	top:50%;
	margin-top:-20px;
	line-height:180%;
	padding:0px 10px 0px 10px;
	width:20px;
	font-size:20px;
	text-align:center;
	cursor:pointer;	
	color:#fff;
	background-color:#ccc;
	 }
#back:hover { 
	color:#ccc;
	background-color:#fff;
	}
	
	
	
/* credit ------------------------------------------------
---------------------------------------------------------- */
#credit	{
	position:fixed;	
	z-index:10;
	background-image:url(../img/credit.png);
	top:0px;
	left:0px;
	display:none
	}
		
#credit table div {
	text-align:left;
	font-size:12px;
	line-height:230%;
	width:350px;
	margin:0px auto;
	}
	
.text {
	display:none
	}	
	
	

/*store---------------------------------------------------
---------------------------------------------------------- */
#store_button {
	width:150px;
	position:fixed;
	z-index:9;
	top:0px;
	left:-150px;
	background-image:url(../img/store.png);
	color:#fff;
	font-size:15px;
	text-align:center;
	line-height:30px;
	cursor:pointer;
	}
	
#store_button:hover {
	background-color:#666
	}
	
#store {
	position:fixed;	
	z-index:10;
	color:#fff;
	background-image:url(../img/store.png);
	top:0px;
	left:0px;
	display:none
	}
		
#store #store_info {
	text-align:left;
	margin:0px auto;
	font-size:12px;
	width:550px
	}
	
#store #store_info h1 {
	font-size:12px;
	padding:0px 0px 15px;
	}

#store #store_name,
#store #store_mail {
	float:left;
	letter-spacing:1px;
	line-height:250%;
	}

#store #store_name {
	width:195px;
}

#store #store_mail {
	width:355px;
}

#store #store_mail a {
	margin-left:5px;
}
	
	
	
@media screen and (max-width: 980px) {
	
#store_button {
	width:200px;
	left:-200px;
	font-size:20px;
	line-height:50px;
	}
	
#credit table div {
	font-size:20px;
	line-height:220%;
	width:70%;
	}
		
#store #store_info {
	font-size:18px;
	line-height:220%;
	width:85%;
	}
	
#store #store_info h1 {
	font-size:20px;
	padding:0px 0px 30px;
	}

#store #store_name {
	width:35%;
}

#store #store_mail {
	width:65%;
}
	
}