@charset "utf-8";

/******************************************************

foodrink.co.jp
last mod 070328


*****************************************************/




/*****************************************************

base 

*****************************************************/

*{
	margin:0;
	padding:0;
	}


		
body{
	text-align: center;
	margin:0;
	padding:0;
	background:#fff;
	font-family: verdana, sans-serif; ;
	font-size:12px;
	color:#000;
	line-height: 160%;
}



a:link{text-decoration:none; color:#c00;}
a:visited{color:#c00; text-decoration:none;}
a:hover{text-decoration:underline;}

img{
	margin:0;
	border:none;
}

hr{
clear:both;
visibility:hidden;
margin:0;
padding:0;
} 

.cr{
	clear:both;
	margin:0;
	padding:0;

	}

/*****************************************************

wrapper

*****************************************************/




#wrapper_upper{
	text-align:left;
	padding:0px;
	margin:0;
	background:#fff url("img/header_bg.jpg") repeat-x 0 0;
	width:100%;
	border-top:10px solid #900;
}

#wrapper01{
	display:inline;
	text-align:left;
	padding:0px;
	margin:0 auto;
	background:#fff;
	width:800px;
}

/*****************************************************

header

*****************************************************/

#header{
	width:800px;
	height:571px;
	background:#fff;
	margin:0 auto;
	padding:0;	
	}
	
#header h1{	
	width:800px;
	height:420px;
	background: url("img/mainimg.jpg") no-repeat 0 0;
	text-indent:-9999px;
	}

#header h2{	
	width:800px;
	height:171px;
	background: url("img/maincap.jpg") no-repeat 0 0;
	text-indent:-9999px;
	}



	
/*****************************************************

cap

*****************************************************/

#cap h1{
	margin:10px 0;
	padding:3px;
	background:#f7f7f7;
	width:800px;
	border:1px solid #ccc;
	font-size:12px;
	color:#333;
	font-weight:bold;
}

/*****************************************************

mainimg

*****************************************************/

#mainimg{
	margin:10px 0 0 0;
	padding:15px 0 0 0;
	background:#fff;
	width:800px;
	height:315px;
	clear:both;
	border-top:1px solid #ccc;
}

#txt{
	font-size:14px;
	margin:30px 0;
	width:800px;
	}

#txts{
	font-size:10px;
	margin:10px 0;
	width:800px;
	}


/*****************************************************

container

*****************************************************/

#container{
	margin:10px auto 30px auto;
	padding:0;
	background: #fff;
	width:720px;
	text-align:left;
}

#sections{
	margin: 0 0 25px 0;
	padding:0;
	background: #fff;
	width:720px;
}

#tanoshii{
	float:left;
	background:#900 url("img/tanoshii_cap.jpg") no-repeat 0 0;
	text-indent:-9999px;
	width:230px;
	height:47px;
}

#tanoshiileft{
	float:left;
	width:230px;
	}
	
#tanoshiiright{
	float:right;
	width:230px;
	}

#joken{
	float:left;
	background:#fff url("img/joken_cap.jpg") no-repeat 0 0;
	text-indent:-9999px;
	width:230px;
	height:47px;
}

#shikaku{
	float:left;
	background:#fff url("img/shikaku_cap.jpg") no-repeat 0 0;
	text-indent:-9999px;
	width:230px;
	height:47px;
}

#houhou{
	float:left;
	background:#fff url("img/houhou_cap.jpg") no-repeat 0 0;
	text-indent:-9999px;
	width:230px;
	height:47px;
}

.txt{
	float:right;
	width:470px;
	}

.txt h4{
	font-size:14px;
	font-weight:bold;
	margin:0 0 10px 0;
	}

.txt ul{
	list-style:none inside;
	}

.txt ul li{
	margin:0 0 15px 0;
	}

.txt ul li ul{
	list-style:circle;
	margin:0 0 0 15px;
	}

.txt ul li ul li{
	margin:0;
	}

.txt table tr td{
	border:1px solid #000;
	padding:5px 0;
	}

.txt table{
	width:470px;
	}

.txt table tr td p{
	margin:0 5px;
	}

.item{
	width:120px;
	}

#download{
	margin:20px 0;
	padding:15px 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

#download table tr td{
	border:none;
	padding:0;
	}

#pageback{
	float:right;
	margin:35px 0;
	}

#pageback a{
	background:#fff url("img/back_off.jpg") no-repeat 0 0;
	width:262px;
	height:22px;
	display:block;
	text-indent:-9999px;
	}
#pageback a:hover{
	background:#fff url("img/back_on.jpg") no-repeat 0 0;
	width:262px;
	height:22px;
	display:block;
	text-indent:-9999px;
	}
	

/*****************************************************

footer

*****************************************************/


#footer{
	width:100%;
	height:300px;
	padding:20px 0 0 0;
	text-align:center;
	background:#900;
	}

#credit{
	display:block;
	text-align:center;
	height:12px;
	width:299px;
	margin:0 auto;
	background:#900 url("img/credit.jpg") no-repeat 0 0;
	text-indent:-9999px;
	}