@charset "utf-8";
/* CSS Document */

body{
	color: #333333;
	background: #FFF8D2 url(../images/asanoha2_3_w.gif);
	font-size:95%;
     	text-align:center;
}

#frame{
	width:810px;
	margin-left: auto;
	margin-right: auto;
	background: #FFFFFF url(../images/back.gif) repeat-y;
}


#header_links{
	margin-left: auto;
	margin-right: auto;
	padding-top:5px;
	padding-bottom:5px;
	background: #980E06 url(../images/menu_bg.jpg) repeat-x;
	color:#EEEEEE;
	font-size:12px;
	width:800px;
	text-align:center;
}

#header_links a{
	color:#EEEEEE;
}

#header_links a:hover{
	color: #FBD16E;
}

#topimage {
        margin-left: 5px;
}

#topmenu {
        margin-left: 5px;
}

#header_logo{
	margin-left: auto;
	margin-right: auto;
	width:800px;
	height:78px;
	text-align:left;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
}

#home_link {
	font-size:15px;
        font-weight: bold;
	color:#FFFFFF;
	padding-top:8px;
	padding-left:10px;
	padding-bottom:8px;
	background: #c01420;        
        text-align: center;
        width: 790px;
        margin-left: 5px;
}

#home_link  a {
        color: #FFFFFF;
}

#home_link a:hover {
	color: #FBD16E;
}

#menu{
	margin-left: auto;
	margin-right: auto;
	background: url(../images/menu_bg.jpg) repeat-x;
	height:30px;
	font-size:13px;
	width:800px;
	text-align:left;
}

#menu ul{
	margin:0;
	font-size:90%;
} 

#menu ul li{
	list-style:none;
	margin:0;
	padding: 0; 
	display:inline;
}

#menu ul li a{
	float: left;
	text-decoration: none;
	padding: 7px 7px 7px 7px;
	text-transform: none;
	color:#FFFFFF;
	background: url(../images/menu_bg.jpg) repeat-x;
} 

#menu ul li a:hover{
	color:#333333;
	background: url(../images/menu_hover_bg.jpg) repeat-x;
}

#food_menu {
	margin-left: auto;
	margin-right: auto;
	background: #980E06;
	width:800px;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #980E06;
}

#food_menu ul{
	margin:0;
	padding:0;
} 

#food_menu ul li{
	list-style:none;
	margin:0;
	padding: 0; 
	display:inline;
}
/***********************************
#food_menu {
	margin:0;
	padding:0;
	line-height:1.6;
	border:none;
	background:#980E06;
}
ul#dock li {
	float:left;
	list-style:none;
}
ul#dock li img{
	width:77px;
	height:51px;
}
ul#dock li:hover img{
	width:96px;
	height:64px;
}
ul#dock li:hover + li img{
	width:86px;
	height:58px;
}
ul#dock li:hover + li + li img{
	width:82px;
	height:55px;
}
***************************************/
#main{
	margin-left: auto;
	margin-right: auto;
	font-size:90%;
	width:800px;
	text-align:left;
}
#columnLeft{
	float:left;
	width:540px;
	padding:10px 10px 10px 20px;
	background-color:#FFFFFF;
}

#columnLeft h1{
	color: #cc3333;
	border-bottom-width: thick;
	border-bottom-style: double;
	border-bottom-color: #cc3333;
	font-size: 16px;
}
#columnLeft h2{
	height: 27px;
        color:#FFFFFF;
	font-size: 15px;
        background: #980E06 url(../images/h2-ichimatsu2.gif) ;
	padding:13px 10px 0px 55px;
}
#columnLeft h3{
	color: #cc3333;
	font-size: 14px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #cc3333;
	background: #FFFFFF;
}

#columnLeft a:hover{
	color:#FF0000;
}

#columnLeft #menulist{  
  margin: 0;  
  padding: 0;  
  width: ***;  
}  
  
#menulist ul{  
  list-style-type: none;  
  margin: 0;  
  padding: 0;  
}  
  
#menulist li{  
  float: left;  
  width: ***;  
  margin-right: 20px;  
  padding: 0;
  }  

#columnLeft img {
         margin-bottom: 3px;
}


#columnRight{
	float:right;
	width:200px;
	color:#000000;
	padding:10px;
	border-left:1px solid #980E06;
 }

#columnRight h1, h2{
	font-size:13px;
	color:#FFFFFF;
	padding-top:8px;
	padding-left: 35px;
        padding-bottom:8px;
	background: #980E06 url(../images/h2-left3.gif) ;
   }

#columnRight h3 {
	margin-bottom: 3px;
        font-size: 15px;
}

#columnRight a{
	color:#000099;
	text-decoration: none;
	font-weight: normal;
}

#columnRight a:hover{
	color:#FF0000;
	text-decoration: none;
}

#columnRight img {
        margin-left: 6px;
        margin-bottom: 3px;	
}

#columnRight_category img{
        margin-left: 9px;
        margin-bottom: 5px;
}

#search {
        margin-bottom: 10px;
        margin-left: 5px;
}

#footer{
	clear:both;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #FFFFFF;
	padding-top:7px;
	padding-bottom:7px;
	font-size:90%;
	width:800px;
	background: #980E06;
}

#footer a{
	color:#FFFFFF;
	text-decoration: none;
}

#footer a:hover{
	text-decoration: underline;
}

/*******************************/
.left
{ float: left; 
  padding: 0px 8px 0px 20px;
}

.right
{ float: right; 
  padding: 0px 10px 0px 8px;
}

.center
{ display: block;
  text-align: center;
  margin: 0 auto;
}

.waku{
	margin-bottom:10px;
	padding: 0px 0px 0px 0px;
	width: 520px;
}
.waku_left{
	float: left; 
	margin:0;
	padding:0;
	width: 240px;
}
.waku_right{
	float: right; 
	margin:0;
	padding: 0;
	width: 240px;
}
table{
	font-size:100%;
}
table td p{
	font-size:100%;
}
ul
{ margin: 5px 0px 10px 26px;
  padding: 0px;
}

ul li
{ margin: 0px 0px 5px 0px; 
  padding: 0px;
}

/* ordered list */
ol
{ margin: 0px 0px 10px 26px;
  padding: 0px;
}

ol li
{ margin: 0px 0px 5px 0px; 
  padding: 0px;
}

dl {   
 border:1px solid #999;   
 width:510px;   
}   
dt {   
 float:left;   
 width:100px;   
 padding:5px 0 5px 10px;   
 clear:both;   
 font-weight:bold;   
}   
dd {   
 width:400px;   
 margin-left:100px;   
 padding:5px 5px 5px 10px;   
 border-left:1px solid #999;
 white-space:pre;  
}  

img
{
	border: 0px;
	margin-right: 5px;
}

p
{ margin: 0px;
  padding: 0px 10px 10px 20px;
  line-height: 1.3em;
}
