body {
 margin: 0;
 padding: 0;
 color: #ffffff;
 background-color: #472b1f;
 background-image: url("../images/back01.gif");
 text-align: center;
 font-family: Palatino, Geogia, Times, 'Times New Roman', serif;
 font-size: 95%;
}

/* master init styles */

h1, h2, h3, h4, p, ul, li {
 margin: 0;
 padding: 0;
}

a {
 text-decoration: none;
}

a:link, a:visited {
 color: #990000;
}

a:active, a:hover {
 color: #006633;
}

ul {
 list-style-type: none;
 margin-bottom: 2em;
}

li {
 color: #390013;
 list-style-position: outside;
}

th,td {
 padding: 5px 0 0px 20px;
}

.tb01 {
 color : #390013;
 font-weight: bold;
 table-layout: fixed;
}

.tb02 {
  width: 400px;
}

.tb03 {
  width: 500px;
}

/* contents styles */

div#container {
 width: 800px;
 height: auto;
 margin: 0 auto;
 padding: 0;
 background-color: transparent;
 text-align: left;
}

/* div#header */
div#header {
 width: 760px;
 height: 90px;
 padding: 10px 10px;
 background-color: transparent;
 background-image: url("../images/header.jpg");
 background-repeat: no-repeat;
 background-position: 10px 10px;
 text-align: left;
}

div#header h1 {
 color#ffffff;
 font-size: 120%;
 font-weight: bold;
 text-indent: -9999px;
}

div#header p {
 color#ffffff;
 font-size: 90%;
 font-weight: normal;
 text-indent: -9999px;
}

/* div#navigation */
div#navigation ul {
 margin-bottom: 2em;
}

div#navigation li {
 display: inline;
 width: auto;
 padding-right: 2em;
 font-size: 100%;
 font-weight: bold;
 text-transform: lowercase;
}

div#navigation a:link, div#navigation a:visited {
 color: #ffffff;
}

div#navigation a:active, div#navigation a:hover {
 color: #990000;
}

#home div#navigation li#index a, #home div#navigation li#index a:link, #home div#navigation li#index a:visited {
 color: #990000;
}

#home div#navigation li#index a:active, #home div#navigation li#index a:hover {
 color: #ffffff;
}

#inside div#navigation li#coding a, #inside div#navigation li#coding a:link, #inside div#navigation li#coding a:visited {
 color: #990000;
}

#inside div#navigation li#coding a:active, #inside div#navigation li#coding a:hover {
 color: #000000;
}



div#banner01 {
 width: 780px;
 height: 105px;
 padding: 0;
 margin-bottom: 10px;
 background-color: transparent;
 text-align: left;
}

.img006{
 position: absolute;
 left: 100px;
 float: left;
}

/* div#wrapper */
div#wrapperbg {
 width: 780px;
 height: 100%;
 padding: 5px;
 background-image: url("../images/bgpattern.gif");
 background-repeat: repeat;
}

div#wrapper {
 width: 760px;
 height: 100%;
 margin: 0;
 padding: 10px 10px 2em 10px;
 position: relative;
 background-image: url("../images/wrapper001.jpg");
 background-repeat: repeat;
 overflow: hidden;
 background-color: #ffffff;
}

div#wrapper h2 {
 background-image: url("../images/h2bg.gif");
 background-repeat: repeat-x;
 width: auto;
 height: auto;
 margin: -10px -10px 2em -10px;
 padding: 5px;
 color: #ffffff;
 font-size: 120%;
 font-famiry:"serif";
 font-weight: normal;
 text-transform: capitalize;
}

div#wrapper h2#fullstory {
 background-image: url("../images/h2bg-gray.gif");

}

div#wrapper h3 {
	margin-bottom: 0.5em;
	color: #390013;
	font-size: 160%;
	font-weight: normal;
	text-align: center;
}

div#wrapper h4 {
 margin: 0.5em 0;
 color: #390013;
 font-size: 120%;
 font-weight: bold;
}

div#wrapper p {
 margin-bottom: 1em;
 color: #390013;
 font-size: 100%;
 font-weight: normal;
 line-height: 150%;
}

div#wrapper p img {
 float: left;
 width: auto;
 height: auto;
 border: 1px solid #877628;
 margin-right: 1em;
 margin-bottom: 0.5em;
}

/* div#contents */
div#contents {
 position: relative;
 left: 350px;
 margin: 0;
 padding: 0;
 width: 390px;
 height: auto;
}

/* div#cont */
div#cont {
 position: relative;
 left: 40px;
 margin: 0;
 padding: 0;
 width: 680px;
 height: 100%;
  border: 1px solid #f0f0f0;
}

/* div#photo */
div#photo {
 width: 660px;
 height: 720px;
 margin: 0 0 10px 0;
 padding: 10px;
 border: 1px solid #f0f0f0;
}

div#photo02 {
 width: 660px;
 height: 100%;
 margin: 0 0 0px 0;
 padding: 10px;
}

div#photo02-box {
	clear: both;
	widows: 550px;
	height: auto;
	margin: auto;
}

div#photo02 p {
	margin-bottom: 1em;
	color: #390013;
	font-size: 110%;
	font-weight: 800;
	line-height: 150%;
	text-align: center;
}

.img004{
 position: absolute;
 top: 80px;
 left: 60px;
 border: solid 4px white;
 float: left;
}
.h4{
 margin: 0.5em 0;
 color: #390013;
 margin-left: 40px;
 margin-top: 420px;
 width: 560;
 font-size: 100%;
 font-weight: bold;
 float: left;
}

div#photo02 h4 {
	color: #ff0033;
	font-size: 30px;
	font-weight: 900;
	text-align: center;
}

div#photo02 h5 {
	color: #4169e1;
	font-size: 24px;
	font-weight: 900;
	text-align: center;
} 

.tb010 {
 color : #390013;
 font-weight: bold;
 table-layout: fixed;
 margin: auto;
}

/* div#photo02の中(料理名）table */
div#photo03 {
 width: 600px;
 height: 40px;
 padding-top: 420px;
 padding-left:40px;
 background-color: transparent;
 text-align: left;
}

/* address#footer */
address#footer {
 width: auto;
 height: auto;
 margin-top: 1em;
 padding-top: 5px;
 padding-bottom: 10px;
 text-align: center;
 font-family: 'Lucida Sands', Helvetica, Arial, Verdana, sans-serif;
 font-size: 90%;
 font-weight: normal;
 text-transform: lowercase;
 font-style:normal;
}

