@charset "utf-8";

*{
	margin: 0; 
	padding: 0;
}

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	text-align: center; 
	color: #000000;
	font-size:85%;
	line-height:1.4;
}

/*--------------
  Common
--------------*/

/*-- link --*/

a{
	color:#000000;
}

/*-- box --*/

.clearfix{
	clear:both;
	float:none;
	display:block;
}
.clearfix:after{
	clear:both;
	float:none;
}

.right_box{
	float:right;
	margin-left:10px;
}

.left_box{
	float:left;
	margin-right:10px;
}

/*-- text --*/

p {
	padding:10px ;
	line-height:1.8;
	display:block;
}

.ruby{
	font-size:90%;
}

.text_red{
	color:#FF0000;
}

.text_right{
	text-align:right;
}


/*-- img --*/

img{
	border:none;
}
a img{
	border:none;
}

.textimg {
	background-position: left top;
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/*-- list --*/

ol,
ul {
	list-style:none;
}



/*-- hr --*/

hr.dotted_line{
	background-color:#B68E44;
	border:none;
	border-bottom:1px dashed #E4D5B9;
	float:none;
	clear:both;
	height:0px;
	margin:15px 0 15px 0 ;
}


/*--------------
  Container 
--------------*/


#container {
	width: 850px; 
	background: #B68E44 url(images/bg.gif) left bottom no-repeat;
	margin: 0 auto; 
	border-left: 7px solid #E4D5B9;
	border-right: 7px solid #E4D5B9;
	text-align: left; 
}

#sideContent {
	width:225px;
	float:left;
	display:block;
}

#mainContent {
	display:block;
	width:625px;
	float:right;
}

#main{
	width:625px;
	padding:10px 0;
}

#footer{
	padding:20px 10px 10px 10px ;
}

/*--------------
  title
--------------*/

#sideContent h1{
	width:200px;
	height:200px;
	margin:10px;
}

h1#title_top{
	background-image: url(images/title_top.gif);
}

h1#title_1{
	background-image: url(images/title_1.gif);
}

h1#title_2{
	background-image: url(images/title_2.gif);
}


h1#title_3{
	background-image: url(images/title_3.gif);
}

h1#title_4{
	background-image: url(images/title_4.gif);
}

h1#title_5{
	background-image: url(images/title_5.gif);
}

h1#title_6{
	background-image: url(images/title_6.gif);
}

/*--------------
  menu
--------------*/

#menu{
	width:200px;
	height:315px;
	margin:10px;
	background-image: url(images/menu.gif);
}

#menu li{
	width:200px;
	height:45px;
	display:block;
	float:left;
}
#menu li a{
	width:200px;
	height:45px;
	display:block;
}


#menu li.menu1 {
	background-image: url(images/menu.gif);
	background-position:-400px top;
}
#menu li.menu2 {
	background-image: url(images/menu.gif);
	background-position:-400px -45px;
}
#menu li.menu3 {
	background-image: url(images/menu.gif);
	background-position:-400px -90px;
}
#menu li.menu4 {
	background-image: url(images/menu.gif);
	background-position:-400px -135px;
}
#menu li.menu5 {
	background-image: url(images/menu.gif);
	background-position:-400px -180px;
}
#menu li.menu6 {
	background-image: url(images/menu.gif);
	background-position:-400px -225px;
}
#menu li.menu7 {
	background-image: url(images/menu.gif);
	background-position:-400px -270px;
}

#menu li a:hover{
	background-image: url(images/menu.gif);
	background-repeat:no-repeat;
}

#menu li#menu1 a:hover{
	background-position:-200px top;
}
#menu li#menu2 a:hover{
	background-position:-200px -45px;
}
#menu li#menu3 a:hover{
	background-position:-200px -90px;
}
#menu li#menu4 a:hover{
	background-position:-200px -135px;
}
#menu li#menu5 a:hover{
	background-position:-200px -180px;
}
#menu li#menu6 a:hover{
	background-position:-200px -225px;
}
#menu li#menu7 a:hover{
	background-position:-200px -270px;
}

/*--------------
  page: top
--------------*/

h2#text0_1{
	background:url(images/text0_1.gif) no-repeat left bottom;
	height:300px;
}
#img0_1 img{
	width:625px;
	height:238px;
	float:left;
	margin:0;
	padding:0;
	display:block;
}

#img0_2{
	background:url(images/img0_2_02.gif) no-repeat left top;
	width:625px;
	height:65px;
	float:left;
	display:block;
	margin-bottom:100px;
}
#img0_2 a {
	float:left;
	height:60px;
	display:block;
}
#img0_2 a.link1{
	width:135px;
	padding:0 0 0 35px ;
}
#img0_2 a.link2{
	width:140px;
}
#img0_2 a.link1:hover{
	background:url(images/img0_2_02.gif) no-repeat -625px top;
}
#img0_2 a.link2:hover{
	background:url(images/img0_2_02.gif) no-repeat -795px top;
}

/*--------------
  page: whats
--------------*/

h2#text1_2{
	background:url(images/text1_2.gif) no-repeat left center;
	height:120px;
}

/*--------------
  page:superior
--------------*/

#text2_1{
	background:url(images/text2_1.gif) no-repeat right 200px;
	padding: 280px 300px 50px 0 ;

}

#text2_2{
	background:url(images/text2_2.gif) no-repeat left top;
	padding: 80px 20px 10px 280px ;
}
#text2_2 p{
	text-align:right;
}

/*--------------
  page:from
--------------*/

img#img3_1{
	margin: 5px 50px 10px 0 ;
}

#text3_2{
	background:url(images/text3_2.jpg) no-repeat right top;
	padding: 80px 300px 10px 0 ;
	margin-top:50px;
}

#tanbo{
	background:url(images/icon_kome.gif) no-repeat center top;
	padding-top:60px;
	margin-top:20px
}


#tanbo .text_box{
	float:left;
	width:290px;
}

#text3_3{
	background:url(images/text3_3.gif) no-repeat left top;
	height:50px;
	width:290px;
	margin: 0 0 5px 0 ;
	padding:0;
}

#tanbo .tanbo_photo{
	background:url(images/photo_body.gif) no-repeat left top;
	float:right;
	width:330px;
}
#tanbo .tanbo_photo_footer{
	background:url(images/photo_footer.gif) no-repeat left bottom;
	padding: 20px 0 30px 0  ;
}

#tanbo .tanbo_photo img{
	width:300px;
	margin: 0 0 0 10px;
}


/*--------------
  page:team
--------------*/
#text4_1{
	background:url(images/text4_1.jpg) no-repeat right top;
	height:402px;
}

#img4_1{
	background:url(images/img4_1.jpg) no-repeat right bottom;
	padding: 0 200px 0 0 ;
	height:380px;
}

#text4_2{
	background:url(images/text4_2.jpg) no-repeat left top;
	padding: 100px 0 20px 300px ;
	height:325px;
}



/*--------------
  page:recipe
--------------*/

#text5_1{
	background:url(images/text5_1.jpg) no-repeat right top;
	padding: 280px 10px 10px 0 ;
}

#text5_1 ol{
	list-style-type:decimal;
	list-style-position:outside;
	margin-left:25px;
}
#text5_1 li{
	margin-bottom:5px;
}

h2#text5_2{
	background:url(images/text5_2.gif) no-repeat left center;
	height:80px;
}

.photo_box{
	width:200px;
	float:left;
	display:block;
	padding: 30px 0 0 0 ;

}

.photo_box img{
	width:165px;
	margin:0 0 5px 10px ;
}


.photo_box h3{
	width:200px;
	background:url(images/recipe_footer.gif) no-repeat left bottom;
	padding: 0 0 10px 0 ;
	margin:0;
	font-size:90%;
}

.photo_box span{
	margin:5px 20px;
	padding-left:25px;
	min-height:20px;
	height:auto !important;
	height:20px;
	display:block;
}


.photo_box a{
	text-decoration:none;
	color:#000000;
}


#recipe_b .photo_box{
	background:url(images/recipe_b.gif) no-repeat left top;
}

#recipe_r .photo_box{
	background:url(images/recipe_r.gif) no-repeat left top;
}

#recipe_b span{
	background:url(images/icon_b.gif) no-repeat left center;
}
#recipe_r span{
	background:url(images/icon_r.gif) no-repeat left center;
}

#recipe_r .photo_box a {
	color:#B81C22;
}


.recipe_list{
	padding:20px 40px 10px 0 ;
	text-align:right;
}
.recipe_list form{
	float:right;
	margin-left:10px;
}
.recipe_list select{
	padding:5px;
}

.recipe_print {
	margin:40px 40px 20px 0 ;
	padding-top:20px;
}

.recipe_print a{
	background:url(images/butt_print.gif) no-repeat left top;
	width:120px;
	height:40px;
	display:block;
	float:right;
	text-indent:-9999px;
}

.recipe_print a:hover {
	background:url(images/butt_print.gif) no-repeat -120px top;
}

.recipe_card {
	width:650px;
	margin:10px auto;
}

.recipe_card hr.dotted_line{
	background-color:#FFFFFF;
	border:none;
	border-bottom:1px dashed #B68E44;
	float:none;
	clear:both;
	height:0px;
	margin:15px 0 15px 0 ;
}


.recipe_card img{
	border: 5px solid #E4D5B9;
}

.recipe_card a img{
	border: none;
	margin:20px;
}