body { margin: 0; background-color: #f8fbf8; color: #2b2b2b; font-family: Verdana,Chicago,sans-serif; }
a:link, a:visited { color: #640125; text-decoration: none; }
a:hover { color: #e60033; text-decoration: underline; }


#header { height: 50px; padding: 10px; background-color: #96514d; text-align: center; color: #fbfaf5; font-size: 12px; }
#header .subtitle { color: #f8e58c; }
h1 { margin: 0 auto; width: 270px; font-size: 20px; font-weight: bold; }
h1 span { margin: 1px 3px 0; width: 30px; height: 30px; border: 1px dotted #fbfaf5; text-align: center; line-height: 30px; float: left; font-family:ＭＳ Ｐ明朝,serif; }
.d1 { margin-top: 2px; }
.d2 { margin-top: 3px; }
.d3 { margin-top: 4px; }
.d4 { margin-top: 2px; color: #f6bfbc; }
#headerimg { position: absolute; top: 0; right: 0; cursor: default; }

#main *, #navigation * { border-width: 1px; border-color: #96514d; } 

#main { margin-left: 200px; padding: 10px 20px 10px 10px; line-height: 1.5; }
#navi { text-align: right; font-size : 0.8em; margin-bottom: -1.5em; }

h2 { margin-bottom: 10px; padding-bottom: 2px; font-size: 1.2em; letter-spacing: 0.2em; border-bottom: solid; }
h2 a:link, h2 a:visited { color: #2b2b2b; text-decoration: none; }
h2.home { margin: 7px 0 0; padding-bottom: 0; border: none; font-size: 1em; }
h2.en { letter-spacing: 0.1em; margin-top: 15px; }
h3 { margin: 0 10px; padding: 5px 3px 3px; font-size: 1em; border-top: solid; border-bottom: dotted; }
h3 a:link, h3 a:visited { color: #2b2b2b; text-decoration: none; width: 100%; display: block; }
h3 a:hover { color: #e60033; }


#main img { border: 0; }
.clear { clear: both; }
p { margin-left: 13px; }
hr { display: none; }

#recipe { position: absolute; top: 70px; right: 0; width: 180px; margin: 10px 20px 0 0; }
form.recipe { margin: 2px 0; }
form.recipe select { width: 100%; }
#randomlink { margin-bottom: 15px; }
#randomlink a:link, #randomlink a:visited { font-size: 0.8em; text-decoration: none; }
#randomlink img { float: left; }
#randomlink .caption { margin-left: 64px; line-height: 1.2; }

#middle { margin-right: 200px; text-decoration: none; }


.arrow a { margin-left: 2px; padding-left: 20px; background: url(images/arrow.gif) left -2px no-repeat; }

.menu { padding: 10px; background: #f3f3f3; border: 1px dotted #96514d; }
.menu dl { margin: 0; padding: 0; }
.menu dt { margin: 0 0.5em -1em; padding: 0; }
.menu dd { margin-left: -0.5em; padding: 0; }
.menu .comment { margin-left: 2em; padding-left: 18px; background: url(menu/images/paw.gif) no-repeat left 4px; }
.menu .right { text-align: right; margin: -10px 0.5em 0 0; }


.title { font-weight: bold; }
.photo { text-indent: 0; margin: 0 1em 1em; }

.leftindex { margin: 0; width: 50%; float: left; }
.rightindex { margin: 0; width: 49%; float: right; }

.box { padding: 10px; border: dotted; }
.rightbox { float: right; }
.box .right { text-align: right; }
.box .right a, .menu .right a { margin-left: 2px; padding-left: 20px; background: url(images/arrow.gif) left -2px no-repeat; }

.box .photo { margin: 0; }
.leftindex .box { margin-right: 5px; }
.rightindex h2, .rightindex .box { margin-left: 5px; }
.box p { margin: 2px; }
.box .subtitle { padding-left: 20px; }

.box#photo { background: url(images/background_photo.gif) no-repeat right top; }
.box#essay { background: url(images/background_essay.gif) no-repeat right bottom; }
.box#favorite { background: url(images/background_favorite.gif) no-repeat right bottom; }
.box#kitchen { background: url(images/background_kitchen.gif) no-repeat right bottom; }
.box#link { background: url(images/background_link.gif) no-repeat center bottom; }
.box#bbs { background: url(images/background_bbs.gif) no-repeat center bottom; }

#navigation { position: absolute; top: 70px; left: 0; margin: 0; padding: 20px; width: 160px; }
#navigation ul { margin: 0; padding: 0; width: 150px; list-style: none;}
#navigation .now a { background: #e9e4d4; }
#navigation ul.sub .now a { background: #e8d3c7; }
#navigation ul a { display: block; width: 100%; margin: 0; padding: 5px; border-bottom: 1px dotted #96514d; color: #2b2b2b; }
#navigation ul a:hover { color: #640125; background: #e9e4d4; text-decoration: none; }
#navigation ul.sub { margin-bottom: 10px ; padding-left: 10px;  width: 140px; }
#navigation ul.sub a { display: block; width: 100%; margin: 0; padding: 3px 5px; border-bottom:1px dotted #96514d; background: #f8fbf8; color: #2b2b2b; }
#navigation ul.sub a:hover { color: #640125; background: #e8d3c7; text-decoration: none; }


fieldset { margin-top: 20px; padding: 10px; border: dotted; }
.searchbox { width: 135px; background: #ffffff; margin-bottom: 3px; }
legend { background: #f8fbf8; }
address { font-size: 0.8em; font-style: normal; }

#footer { width: 100%; padding-top: 5px; border-top: 1px solid #e9e4d4; text-align: center; }