body
	{
	width:100%;
	margin-top:30px;margin-left:auto;
	margin-right:auto;margin-bottom:0px;
	background-color:#fdf7fd;
	}


p	{
	font-size:12px;
	color:#dfdfdf;
		}



h1 
	{
	font-size:18px;
	color:black;
	margin-right:auto;margin-left:auto;
	margin-top:3px;margin-bottom:3px;
	background-color:#fdf7fd;

	}

h2 
	{
	float:left;
	width:100%;
	font-size:14px;
	color:black;
	margin-right:auto;margin-left:auto;
	margin-top:3px;margin-bottom:3px;
	}


h3 
	{
	float:left;
	width:100%;
	font-size:14px;
	color:white;
	margin-right:auto;margin-left:auto;
	margin-top:3px;margin-bottom:3px;
	}


h4 
	{
	float:left;
	width:96%;
	font-size:14px;
	color:orange;
	text-align: left;
	margin-right:auto;margin-left:auto;
	margin-top:3px;margin-bottom:3px;
	}

p

	{
	font-size:14px;
	text-align: left;
	margin:10px 10px 10px 10px; 
	padding:0px;
	color:#222;
	}

#p-white

	{
	width:90%;
	font-size:11px;
	text-align: left;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:0px;
	color:white;
	}


#px
	{
	font-size:12px;
	margin:10px 10px 10px 10px; 
	color:#222;
	}

#p-left

	{
	width: 310px;
	font-size:14px;
	text-align: left;
	margin:10px 10px 10px 10px; 
	color:#222;
	}


#main
	{
	width:310px;
	margin-right:auto;margin-left:auto;
	margin-top:3px;margin-bottom:3px;
		
		}

#main-per
	{
	width:70%;
	font-size:10px;
	color:black;
	margin-right:auto;margin-left:auto;
	margin-top:3px;margin-bottom:3px;
		
	}

#main-px

	{
	width:350px;
	font-size:10px;
	color:black;
	margin-right:auto;margin-left:auto;
	margin-top:3px;margin-bottom:3px;
	}

#waku-1
	{
	width:260px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	}


#waku-2
	{
	background-image:
		 url(../img/order-bg.png);
	background-repeat:repeat;
	width:240px;
	margin:5px 5px 5px 5px; 
	padding:10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	}



#index-left
	{
	width:80px;
	background-color:FBFAFC;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px 0px 0px 0px;

	}

/* --- app-shops --- */

#shops-title
	{
	width:100%;
	height:30px;
	background-image:
		 url(../img/order-bg.png);
	background-repeat:repeat;

	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:5px;
	padding:5px 0px 0px 0px;
	}

#menu-box
	{
	width:310px;
	text-align:center;
	background-color:#000050;
	margin:0px 0px 0px 0px; 
	padding:4px 0px 0px 0px;
	border-radius: 3px 3px 3px 3px;
	}

	.menu-left
		{
		float:left;
		width:38%;
		text-align:center;
		font-color:white;
		margin:6px 0px 0px 6px; 
		padding:0px 0px 0px 0px;


		}



	.menu-right

		{
		float:right;
		width:57%;
		text-align:center;
		color:white;
		margin:6px 6px 0px 0px; 
		padding:0px 0px 0px 0px;


		}

#menu-subbox	
	{
	float:left;
	width:100%;
	text-align:center;
	color:white;
	}


#menu-subtext

	{
	float:left;
	width:100%;
	text-align:center;
	color:white;
	margin:10px 0px 0px 0px; 
	padding:0px 0px 0px 0px;
	}

/* --- app-shops --- */




#keyframes-anime-wak
{
width:300px;
height:120px;
opacity:1;
padding-top:0px;
margin-right:auto; 
margin-left: auto; 

}


#shop-top
{  
height: 125px; 
width: 308px;
background: #FBFAFC;
margin-left: auto; 
margin-right: auto;
text-decoration: none; /* テキストの下線（なし） */
}



 @keyframes anime 
{
0%   { width: 300px;height:120px;background:url(../img/img-1a.jpg) repeat-x left bottom; } 
14%  { width: 300px;height:120px;background:url(../img/img-2a.jpg) repeat-x left bottom; } 
28%  { width: 300px;height:120px;background:url(../img/img-3a.jpg) repeat-x left bottom; } 
41%  { width: 300px;height:120px;background:url(../img/img-4a.jpg) repeat-x left bottom; }  
55%  { width: 300px;height:120px;background:url(../img/img-5a.jpg) repeat-x left bottom; } 
70%  { width: 300px;height:120px;background:url(../img/img-6a.jpg) repeat-x left bottom; } 
86%  { width: 300px;height:120px;background:url(../img/img-7a.jpg) repeat-x left bottom; }  
100% { width: 300px;height:120px;background:url(../img/img-8a.jpg) repeat-x left bottom; }  
} 

.keyframes-anime
{
width:300px;
height:120px;
border-radius: 0px 0px 0px 0px;
margin-right:auto; 
margin-left: auto; 
background:#FBFAFC  url(../img/img-8a.jpg) repeat-x top;

animation: anime 45s ease -30s infinite;
-webkit-animation: anime 20s ease -30s infinite;

}


#explain
	{

	width:310px;
	text-align:left;
	margin:0px 0px 0px 0px; 
	padding:4px 0px 0px 0px;
	}

	.exp-left
		{
		float:left;
		width:38%;
		text-align:center;
		margin:6px 0px 0px 6px; 
		padding:0px 0px 0px 0px;


		}



	.exp-right

		{
		float:right;
		width:57%;
		text-align:left;
		margin:6px 6px 0px 0px; 
		padding:0px 0px 0px 0px;


	}