@charset "utf-8";

/*
	Site Name: 
	Description: initial setting
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: BASE LAYOUT

==========================================================
*/

/*
===== [main] =====================================
*/
div#mainArea{
 width: 600px; 
 background: #ffffff;
	margin-bottom: 1px;			
}
div#mainAreaTitle,div#messageAreaTitle{
	margin: 0px 0px 0px 0px;	
 	width: 600px;	
	overflow: hidden;			
}


div#mainAreaTitle h2#chap01 {
	background: #ffffff url(img/m_anti_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap02 {
	background: #ffffff url(img/m_pri_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap03 {
	background: #ffffff url(img/m_seco_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap04 {
	background: #ffffff url(img/m_dolce_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap05 {
	background: #ffffff url(img/m_drink_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap06 {
	background: #ffffff url(img/m_lunch_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap07 {
	background: #ffffff url(img/dot_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#mainAreaTitle h2#chap08 {
	background: #ffffff url(img/m_month_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

div#courseAreaTitle h2#chap01 {
	background: #ffffff url(img/dot_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}
div#courseAreaTitle h2#chap02 {
	background: #ffffff url(img/m_anni_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}
div#courseAreaTitle h2#chap03 {
	background: #ffffff url(img/m_piano_ttl.gif) no-repeat;
	width: 600px;
	display: block;
	height: 50px;
	text-indent: -6000px;
	text-decoration: none;
}

/**/
/**/


/*sublink*/

#sublink {
	margin-left:0px;
	margin-bottom:4px;
	height: 19px;
	width: 600px;
}
#sublink li {
	text-indent: -9999px;
	float: left;
	list-style: none;
}
#sublink a {
	text-decoration: none;
	display: block;
	height: 19px;
	width: 149px;
}

/*a*/
#sub1 a {
	background: url(img/sublink.gif) no-repeat 0px 0px;
}
#sub2 a {
	background: url(img/sublink.gif) no-repeat -149px 0px;
}
#sub3 a {
	background: url(img/sublink.gif) no-repeat -298px 0px;
}
#sub4 a {
	background: url(img/sublink.gif) no-repeat -447px 0px;
}
/*a:hover*/
#sub1 a:hover {
	background: url(img/sublink.gif) no-repeat 0px -19px;
}
#sub2 a:hover {
	background: url(img/sublink.gif) no-repeat -149px -19px;
}
#sub3 a:hover {
	background: url(img/sublink.gif) no-repeat -298px -19px;
}
#sub4 a:hover {
	background: url(img/sublink.gif) no-repeat -447px -19px;
}
/*a:crrent*/
#sub1 a.current {
	background: url(img/sublink.gif) no-repeat 0px -19px;
}
#sub2 a.current {
	background: url(img/sublink.gif) no-repeat -149px -19px;
}
#sub3 a.current {
	background: url(img/sublink.gif) no-repeat -298px -19px;
}
#sub4 a:hover {
	background: url(img/sublink.gif) no-repeat -447px -19px;
}



/**/


#menubox{
	width:600px;
	height:320px;
}

#menuimg{
	width:298px;
	float:left;
}
#targetimg{
	float:left;
	width:290px;
}

#buttonbox{
	float:center;
	width:290px;
margin:20px 5px 5px 0px;

}

#buttonbox ul {
	text-align:justify;
}
#buttonbox ul li{
	float: right;
list-style-type:none;
}
#buttonbox ul li img{
	margin: 2px;
	border:1px solid;
	border-color: #CCCCCC;	
}

#menutxt{
	float:right;
	width:295px;
	margin: 8px 0px 0px 0px;
	color: #C3AD33;
}

#menutxt ul li{
list-style-type:none;
	font-size:10px;	
line-height: 1.75;
}
#menutxt ul li.ttl{
list-style-type:none;
	font-size:16px;	
line-height: 1.5;
color: #999999;
}
/*
#lunchimg{
	float:left;
	width:148px;
}

*/

/*
=======================================================
===== LUNCH =====================================
=======================================================
*/

div#lunchAreaContents{
	margin: 0px 1px 0px 1px;	
 width: 598px;	
}
div#lunchAreaContents ul {
}

div#lunchAreaContents ul li {
	 float:left;
  width: 148px;
		margin-right:1px;
		margin-left:1px;		
		list-style-type:none;
	 color: #ffffff;
		padding-top:5px;	
		display:inline;		
}
div#lunchAreaContents ul li ul{

}
div#lunchAreaContents ul li ul li{
  margin:0;
  width: 136px;
		list-style-type:none;
		text-align: left;
}
div#lunchAreaContents ul li ul li.image{
  width: 148px;
}
div#lunchAreaContents ul li ul li.title{
 color: #C3AD33;
}
div#lunchAreaContents ul li ul li.title a{
 color: #C3AD33;
	text-decoration: none;	
}
div#lunchAreaContents ul li ul li.title a:hover{
 color: #ffffff;
	text-decoration: none;	
	background:#C3AD33;
}
div#lunchAreaContents ul li ul li.text{
	color: #777777;	
	font-size:12px;			
}
div#lunchAreaContents ul li ul li.txtprice{
	text-align:right;
	color: #777777;	
	font-size:12px;	
	margin: 10px 10px 15px 0px;						
}
div#lunchAreaContents h3#chap01 {
	background: #ffffff url(img/pasta_lunch.gif) no-repeat;
	display: block;
  height: 27px;
	margin: 5px 0px 0px 2px;	
	text-indent: -6000px;
	text-decoration: none;
}
div#lunchAreaContents h3#chap02 {
	background: #ffffff url(img/hamburg_lunch.gif) no-repeat;
	display: block;
  height: 27px;
	margin: 5px 0px 0px 2px;	
	text-indent: -6000px;
	text-decoration: none;
}
div#lunchAreaContents h3#chap03 {
	background: #ffffff url(img/mothers_lunch.gif) no-repeat;
	display: block;
  height: 27px;
	margin: 5px 0px 0px 2px;	
	text-indent: -6000px;
	text-decoration: none;
}
div#lunchAreaContents h3#chap04 {
	background: #ffffff url(img/lunch_course.gif) no-repeat;
	display: block;
  height: 27px;
	margin: 5px 0px 0px 2px;	
	text-indent: -6000px;
	text-decoration: none;
}
div#lunchAreaContents h3#chap05 {
	background: #ffffff url(img/chefs.gif) no-repeat;
	display: block;
width: 261px;
  height: 27px;
	margin: 15px 0px 0px 2px;	
	text-indent: -6000px;
	text-decoration: none;
}

/*
===== [G߂̃IXX] =====================================
*/
#chefimg{
	margin-top: 10px;
	float:left;
	margin-right: 12px;
	margin-bottom: 10px;
}
#cheful{
	width:360px;
	float:left;
	margin-bottom: 30px;
}
#cheful ul {
	margin-bottom:1em;
	list-style-type: none;
}
#cheful ul li{
	margin-left:5px;
	list-style-type: none;
	text-decoration: none;
}
div#cheful ul li.text{
  width: 375px;
	text-decoration: none;
	color: #777777;
	font-size:12px;
	margin: 10px 10px 15px 0px;
}
div#cheful ul li.txtprice{
	text-align:right;
	color: #777777;	
	font-size:12px;	
	margin: 10px 10px 15px 0px;	
	text-decoration: none;					
}
#attendArea{
	width: 600px;
	background: #E6E9EA;
	display: block;
	border-bottom: 1px dotted #BDC4C6;	
	border-top: 1px dotted #BDC4C6;	
	margin-top: 20px;			
}
#attendArea p{
padding: 10px;
	text-align:left;
	color: #777777;	
	font-size:12px;				
}
/*
=======================================================
===== COURSE =====================================
=======================================================
*/

div#courseAreaContents{
	margin: 0px 0px 0px 0px;	
	width: 600px;	
	display: block;
}
div#courseAreaContents ul {
}

div#courseAreaContents ul li {
	 float:left;
	  width: 295px;
		margin-left:0px;
		margin-right:0px;
		list-style-type:none;
	 color: #ffffff;
		padding-top:5px;
		display:inline;
}

div#courseAreaContents ul li ul li.image{
	 float:left;
  width: 290px;	
  padding: 0;
}

div#courseAreaContents ul li ul li.imageleft{
	 float:left;
  width: 290px;	
  maigin-left: 5px;
  padding: 0;
}
div#courseAreaContents ul li ul li.title{
	display: block;
	font-size:12px;
	width: 280px;
	color: #C3AD33;
list-style-type:none;
	margin: 0px 5px 0px 5px;						
}

div#courseAreaContents ul li ul li.title h3{
	font-size:12px;				
}

div#courseAreaContents ul li ul li.text{
	display: block;
	width: 280px;
	color: #777777;	
	font-size:12px;	
	margin: 0px 5px 5px 5px;		
}
div#attend {	
	text-align:left;
	color: #B8B8B8;	
	font-size:12px;	
	margin: 2px 0px 0px 5px;				
}

#middleArea .maincolumn #mainArea #attendArea {
	clear: both;
}









/*
=======================================================
===== lunch COURSE =====================================
=======================================================
*/

#mainArea .lunch_course {
	width: 600px;
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #EEEEEE;
	margin-top: 10px;
	color: #777777;
	font-size: 11px;
}

.lunch_course .course_a {
	background-image: url(img/lunch/lunch_course_a.gif);
	background-repeat: no-repeat;
	width: 600px;
	float: left;
	background-position: -6px 0px;
}

.lunch_course .course_b {
	background-image: url(img/lunch/lunch_course_b.gif);
	background-repeat: no-repeat;
	width: 600px;
	float: left;
	background-position: -6px 0px;
}

.lunch_course .course_c {
	background-image: url(img/lunch/lunch_course_c.gif);
	background-repeat: no-repeat;
	width: 600px;
	float: left;
	background-position: -6px 0px;
}

.lunch_course  div.txtarea{
	width:300px;
	float:left;
	}

.lunch_course  div p.txt {
	//float: left;
	margin-top: 100px;
	padding-left: 6px;
}

.menuimg {
	float: right;
	padding: 6px;
	border: 1px solid #CCCCCC;
	margin: 5px;
}

.menuimg2 {
	height: auto;
	padding: 10px;

	margin-bottom: 20px;
}

.lunch_course  div p.price{
	float:right;
	margin-top:-1.2em;
	width: 100px;
	text-align:right;
	font-size: 12px;
	color: #9C7B53;
}

.lunch_course .course_b {
	background-image: url(img/lunch/lunch_course_b.gif);
	background-repeat: no-repeat;
	width: 600px;
}

.lunch_course .course_c {
	background-image: url(img/lunch/lunch_course_c.gif);
	background-repeat: no-repeat;
	width: 600px;
}
.course_c p.menuimg {
	width: 248px;
	float: right;
	height: 158px;
}

.lunch_course .half {
	width: 280px;
	float: left;
	padding-top: 30px;
	padding-left: 10px;
	padding-right: 10px;
}

.mothers_lunch{
	background-image: url(img/lunch/mothers_lunch.gif);
	background-repeat: no-repeat;
}

.pasta_lunch{
	background-image: url(img/lunch/pasta_lunch.gif);
	background-repeat: no-repeat;
}