/* CSS Document */

*{
	margin:0;
	padding:0;
	font-size: 12px;
	line-height: 16px;
	color: #333333;
	}
	
a:link				{color:#0000ff;}
a:visited			{color:#800080;}
a:hover				{color:#ff0000;}
a:active			{color:#ff0000;}


body{
	background-color:#EEFFE8;
	width:100%;
	/*color: #666666;*/
}

.price {
	color: #CC0000;
	font-weight: bold;
	font-size: 18px;
	}


/*--- Container ---*/
#container{
	width:800px;
	margin:0;
	background-image:url(img/left_back.gif);
	background-repeat:repeat-y;
	background-color:#FFFFFF;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #669900;
}
	
/*--- Header ---*/
#header{
	width:800px;
	margin:0;
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	height:80px;
	}
	
/*--- Header ---*/
#header2{
	width:800px;
	margin:0;
	/*background-image:url(img/header.jpg);*/
	background-repeat:no-repeat;
	height:170px;
	}

/*--- LeftBox ---*/
#leftbox {
	float:left;
	width:204px;
	}
	
#left{
	padding:1em 1em 20em 1em;
	padding-bottom:30em;
	text-align:center;
	}
	
/*--- MainBox ---*/
#mainbox {
	float:right;
	width:595px;
	}

#main{
	padding:1em;
	}
.2008kiyomi {
	font-size: 14px;
	line-height: 20px;
}


#main hr{
	border-top-width: 1px;
	border-top-color: #CC9900;
	height: 1px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#main_contents{
	
}
#main_contents td {
	padding: 5px;
	
	
		
	}
#main_contents h3 {
	font-size: 16px;
	line-height: 28px;
	font-weight: bold;
	background-image: url(img/p_allow.gif);
	background-repeat: no-repeat;
	background-position: 170px;
	text-indent: 20px;
	
	}
#main_contents img{
	padding:5px;
}

/*--- Footer ---*/
#footer{
	width: 100%;
	height: 95px;
	background-color: #669900;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	clear: both;
	}

.footer-credit{
	height: 95px;
	color: #FFFFFF;
	align: center;
	text-align: center;
	vertical-align:text-bottom
}
/*--- leftside_menu ---*/
#left ul {
padding :0; 
list-style-type : none; 
margin-top: 10px;	
/*text-align: center;*/
}

#left li {
	display : inline; 
	padding :0; 
	margin:5px 0; 
	}

#left #top a {
background-image:url(img/test/b_top.gif); 
width:157px; 
height:41px; 
background-repeat:no-repeat; 
margin:5px 0; 
padding:0; 
display:block;
}

#left #top a:hover {
	background-image:url(img/test/b_top_f2.gif);
	width:157px; 
	height:41px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}

#left #info a {
	background-image:url(img/test/b_info.gif); 
	width:157px; 
	height:41px; 
	background-repeat:no-repeat; 
	margin:5px 0;
	padding:0; 
	display:block;
	}
	
#left #info a:hover {
	background-image:url(img/test/b_info_f2.gif);
	width:157px; 
	height:41px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}

#left #what a {
	background-image:url(img/test/b_whats.gif);
	width:157px;
	height:41px;
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}
	
#left #what a:hover {
	background-image:url(img/test/b_whats_f2.gif);
	width:157px; 
	height:41px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}

#left #break a {
	background-image:url(img/test/b_break.gif); 
	width:157px; 
	height:41px; 
	background-repeat:no-repeat; 
	margin:5px 0;
	padding:0; 
	display:block;
	}
	
#left #break a:hover {
	background-image:url(img/test/b_break_f2.gif);
	width:157px; 
	height:41px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}

#left #trivia a {
	background-image:url(img/test/b_fruits.gif); 
	width:157px; 
	height:41px; 
	background-repeat:no-repeat; 
	margin:5px 0;
	padding:0; 
	display:block;
	}
	
#left #trivia a:hover {
	background-image:url(img/test/b_fruits_f2.gif);
	width:157px; 
	height:41px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}

#left #recipe a {
	background-image:url(img/test/b_recipe.gif); 
	width:157px; 
	height:41px; 
	background-repeat:no-repeat; 
	margin:5px 0;
	padding:0; 
	display:block;
	}
	
#left #recipe a:hover {
	background-image:url(img/test/b_recipe_f2.gif);
	width:157px; 
	height:41px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}

#left #shop a {
	background-image:url(img/test/b_shop.gif); 
	width:157px; 
	height:41px; 
	background-repeat:no-repeat; 
	margin:5px 0;
	padding:0; 
	display:block;
	}
	
#left #shop a:hover {
	background-image:url(img/test/b_shop_f2.gif);
	width:157px; 
	height:41px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}

#left #john a {
	background-image:url(img/john_stat.gif);
	width:104px;
	height:150px;
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}
	
#left #john a:hover {
	background-image:url(img/john_anim.gif);
	width:104px; 
	height:150px; 
	background-repeat:no-repeat;
	margin:5px 0;
	padding:0;
	display:block;
	}
	
.span1 {
	display:none;
	}
.dispcart {
	background-position: center;
	text-align: center;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC3300;
	border-right-color: #990000;
	border-bottom-color: #990000;
	border-left-color: #CC3300;
	font-weight: bold;
	color: #990000;
	background-image: url(img/shop/input_back.gif);
}
.item_name {
	color: #006600;
	font-weight: bold;
	font-size: 16px;
}
.item_price {
	color: #CC0000;
	font-weight: bold;
	font-size: 16px;
}