@charset "utf-8";

* {
	margin: 0;  /* 全ての要素をリセット */
	padding: 0;  /* 全ての要素をリセット */
	border: none;
}


body {
    
	background-position:center;
    background-color:#000000;
	margin:0 auto;
	padding:0px;
	text-align:left;
	font-family: "ＭＳ ゴシック", "Osaka−等幅";
	line-height: 1.6;
}



h1 {
    margin:0;
	padding:0;
	height:32px;
	text-indent:-9999px;
	background:url(img/adr.gif) no-repeat center top;
}

h2,h3,h4,h5,h6{
	margin:0;
	font-size:13px;
	font-weight: normal;
}

h3{
	margin:0;
	font-size:14px;
	color:#c27200;
	font-weight: normal;
}





body.fontS {
	font-size:10px;
}

a {
	text-decoration:none;
	outline:none;
}

a:link, a:visited {
	color:#009933;
}

a:active, a:hover{
	color:#d75e37;
}

p {
 margin:0;
 font-size:13px;
 }
 
img {
  border:none;
  vertical-align:bottom;
  margin:0;
  padding:0;
  }



strong{color:#c27200;}

table{border-collapse:collapse;}
.clearl{clear:left;margin:0;padding:0;}

.clearb{clear:both;margin:0;padding:0;}

.green{color:#009933;}
.green2{color:#009933;font-weight:bold;}
.red{color:#d75e37}



.title-img{
 text-align:center;
 }




/* wrapper */

#wrapper{
	width:890px;
	margin:0 auto;
	background:#ffffff;
	color:#333;

}



/* head */

#header{
   text-align:right;
   margin:0;
   background:url(common/img/logo.gif) no-repeat center top;
   height:58px;
}



#both-parties-clear{
	clear:both;
	width:890px;
	margin:0 auto;

	text-align:left;
}


  
  
/* g_navi */
#g_navi {
	height:325px;
	background:url(img/top2.jpg) no-repeat ;
	margin:0 0 0 10px;

}
#g_navi ul {
    margin:0 auto;

	
}
#g_navi li {
	display:inline;
	list-style-type:none;
	
}

#g_navi li a {
	height:325px;
	display:block;
	float:left;
	text-align:center;
	text-indent:-9999em;
	text-decoration:none;
	overflow:hidden;
}
/*------off*/

#g_navi li.menu-home a {
	background:url(img/top1.jpg) no-repeat -0px 0px;
	width:67px;
}
#g_navi li.menu-menu a {
	background:url(img/top1.jpg) no-repeat -67px 0px;
	width:95px;
}
#g_navi li.menu-lunch a {
	background:url(img/top1.jpg) no-repeat -162px 0px;
	width:72px;
}
#g_navi li.menu-dinner a {
	background:url(img/top1.jpg) no-repeat -234px 0px;
	width:124px;
}
#g_navi li.menu-arakaruto a {
	background:url(img/top1.jpg) no-repeat -358px 0px;
	width:108px;
}
#g_navi li.menu-drink a {
	background:url(img/top1.jpg) no-repeat -466px 0px;
	width:92px;
}
#g_navi li.menu-coupon a {
	background:url(img/top1.jpg) no-repeat -558px 0px;
	width:88px;
}

#g_navi li.menu-blog a {
	background:url(img/top1.jpg) no-repeat -646px 0px;
	width:96px;
}
#g_navi li.menu-mail a {
	background:url(img/top1.jpg) no-repeat -742px 0px;
	width:130px;
}



/*------hover*/

#g_navi li.menu-home a:hover {
	background:url(img/g_navi.gif) no-repeat -0px -650px;
}
#g_navi li.menu-menu a:hover {
	background:url(img/g_navi.gif) no-repeat -67px -650px;
}
#g_navi li.menu-lunch a:hover {
	background:url(img/g_navi.gif) no-repeat -162px -650px;
}
#g_navi li.menu-dinner a:hover {
	background:url(img/g_navi.gif) no-repeat -234px -650px;
}
#g_navi li.menu-arakaruto a:hover {
	background:url(img/g_navi.gif) no-repeat -358px -650px;
}
#g_navi li.menu-drink a:hover {
	background:url(img/g_navi.gif) no-repeat -466px -650px;
}
#g_navi li.menu-coupon a:hover {
	background:url(img/g_navi.gif) no-repeat -558px -650px;
}
#g_navi li.menu-blog a:hover {
	background:url(img/g_navi.gif) no-repeat -646px -650px;
}
#g_navi li.menu-mail a:hover {
	background:url(img/g_navi.gif) no-repeat -742px -650px;
}







/* container */

#left-container{
	float:left;
	width:600px;
	backgound-color:#fff;
	margin:5px 3px 5px 15px;
	text-align:left;
}


#left-container img{
　text-align:center;
}



#left-container li{
 list-style-type: none;
 font-size:13px;
}




 
/* right-container*/
#right-container{
	float:right;
	width:240px;
	margin:0 0.3em 0 0em;

	text-align:center;
	font-size:12px;
}


/* banner*/
.banner li{
 margin:1em 1em 1em 1em;
 width:200px;
 height:120px;
 list-style-type: none;
 text-align:center;
 }

li.arakaru{
 background:url(img/arakaru_b.jpg);
 }

li.yamutya{
 background:url(img/yamutya_b.jpg);
 }

li.drinkmenu{
 background:url(img/drink_b.jpg);
 }

li.lunchmenu{
 background:url(img/lunchmenu_b.jpg);
 }

li.takeoutmenu{
 background:url(img/motikaeri_b.jpg);
 }

li.bentou{
 background:url(img/bentou_b.jpg);
 }
  
 
 li.plan{
 background:url(img/menu_b.jpg);
 }
 
 li.shop{
 background:url(img/shop_b.jpg);
 }

li.blog{
 background:url(img/blog_b.jpg);
 }


 
 
.banner li a{
	display:block;
	width:200px;
	height:120px;
}
.banner li a:hover {
	background-color:transparent;
}
.banner li a:hover img{
	visibility:hidden;
}





/*-----------------------------
	Global Navigation
-------------------------------*/

.menu {
	margin: 0 auto;

	width: 200px;/*メニューの全体的な横幅を設定*/
}


.menu li {
	margin: 0;

	display: inline;/* li要素の隙間を無くす */
	line-height: 1; /* 行間そろえる IE対策 */
	
}

.menu li a {
	padding: 0.7em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 15px;
	color: #009933;
	text-align:left;
	border-left:5px solid #009933;
	text-decoration: none;
	background-color: #d75e37;
}

.menu li a:hover {
	color: #009933;
	background-color: #a8dda0;
}




ul#menu2 {
	margin: 0;

	width: 200px;/*メニューの全体的な横幅を設定*/
	
}

ul#menu2 li {
	margin: 0;

	display: inline;/* li要素の隙間を無くす */
	line-height: 1; /* 行間そろえる IE対策 */

}

ul#menu2 li a {
	padding: 0.7em 10px; /* ボタンの厚みはここで調整 */
	display: block;
	position: relative;/* IE6でマウス反応領域がおかしいのをFix */
	font-size: 15px;
	color:#d75e37;
	border-left:5px solid #EC954F;
	text-decoration: none;
	background-color: #FFFBEE;
}

ul#menu2 li a:hover {
	color: #CC3300;
	background-color: #FFDBBC;
}


/* concept-area*/
.concept-area {
	margin:0 auto;
}

.concept-img{
	margin:0em 1em 1em 1em;
	float:right;
}


.concept-p{
	margin:1.5em 1em 1em 1em;
	list-style-type:none;
	font-size:13px;
	
}

.clear {
    clear:both;
	margin:0 auto;

}


/* nagare-area*/
.nagare-area {
	margin:0 auto;
}

.nagare-img{
	margin:0em 1em 1em 0.5em;
	float:right;
}


.nagare-p1{
	margin:1.5em 0.5em 1em 0em;
	list-style-type:none;
	font-size:13px;
	color:#CC6600;
	
}
.nagare-p{
	margin:1em 0.5em 1em 0em;
	list-style-type:none;
	font-size:13px;

	
}

.clear {
    clear:both;
	margin:0 auto;

}

/* tea-area*/
.tea-area {
	margin:0 auto;
}

.tea-img{
	margin:0em 10em 1em 0.5em;
	float:right;
}


.tea-p1{
	margin:1.5em 0.5em 1em 0em;
	list-style-type:none;
	font-size:13px;
	color:#CC6600;
	
}
.tea-p{
	margin:0.5em 0.5em 1em 0em;
	list-style-type:none;
	font-size:13px;

	
}







 

/* footer */

#footer{
	clear:both;
	width:890px;
	margin:0 auto;
    
	background:#FFFFFF;
	
   }
   
   
  /* kono-area */
   #kono-area{
    float:left;
	width:510px;
	margin:0 auto;

	text-align:left;
	border-bottom:3px solid #fff;
   }

 

   #kono-area dt
      {
         font-weight: normal;
         color: #ffffff;
         margin-top: 1em;
		 background: #000000;
		 font-size:14px;
      }
      
   #kono-area dd
      {
         
         font-size:13px;
         margin-left: 0em;
         margin-top: 0.5em;
      }
	  
  .gaikan{
    float:right;
	width:370px;
	margin:0 auto;
   }


.sitemap{
 text-align:left;
 }
 
   /* SITELINKS */

   #sitelink-area{
	clear:both;
	font-size:11px;
	margin-top: 0.5em;
	padding:10 10 10 10 ;
	text-align:center;
     }
	 
	.fontS {
	margin-top: 0.5em;
	font-size:10px;
	text-align:center;
     }

/*/ footer */