#header { font-size: 1em; background-image: url('../images/ayu_header(no_logo).jpg'); padding-left: 3em; }
#header_logo { width: 7.84em; height: 4.8em; margin-bottom: 1em; }
#contents {  }
#nav-bar { background-color: #cfc; text-align: left; width: 79em; height: 2.5em; padding-left: 1em; }
#itemForm { float: right; }
#main { width: 65.7em; height: auto; float: right; clear: right; border-left: 1px solid #cfc; }
#maincol { width: 31em; float: right; }
#subcol { width: 31em; float: left; }
.statement { color: red; font-size: 1.4em; font-weight: bold; }
h2 { text-align: center; clear: both; margin-top: 1em; }
#news { text-align: left; width: 60em; height: auto; overflow: auto; margin-top: 1em; margin-left: 1em; padding-left: 1em; }
#news p { font-size: 1.2em; }
#recommened { width: 64em; height: 43.8em; overflow: auto; margin-top: 1em; margin-left: 1em; }
.itemlist { line-height: 1.7; list-style-type: none; }
.item { width: 29.6em; height: 12em; float: left; margin-right: 1.5em; margin-bottom: 1em; border-top: 1px solid #390; border-bottom: 1px solid #390; list-style-type: none; }
.item ul { text-align: left; list-style-type: none; }
.itemname { font-family: sans-serif; }
.subtitle { font-size: 80%; }
.category { font-size: 1.2em; }
.notice { color: #f00; }
.itemprice { font-size: 1.4em; font-family: "Times New Roman", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ 明朝", "MS Mincho", serif; font-weight: normal; text-align: right; }
.coment { font-size: 1em; width: auto; float: none; }
.recipe { font-size: 1.4em; text-align: left; clear: both; list-style-type: none; }
.exlist { font-size: 1.4em; text-align: center; clear: both; }
.exlist li { padding-right: 1em; padding-left: 1em; border-right: 1px solid black; list-style-type: none; display: inline; }
.exlist li.last { border-right-style: none; }
.itemlink { font-size: 1.2em; }
img.img { width: 9em; height: 12em; float: left; }
#nav { width: 14em; height: auto; float: left; clear: left; }
#nav li { font-size: 1em; line-height: 2em; text-align: center; height: 7.7em; overflow: visible; list-style-type: none; }
#nav li a { padding-top: 2.7em; padding-left: 0.5em; display: block; }
#ayu { background-image: url(../images/ayu_l.gif); background-repeat: no-repeat; background-position: 50% 0; margin-top: 1em; }
#ayu :hover { background-image: url(../images/ayu_l1.gif); background-repeat: no-repeat; background-position: 50% 0; }
#ayu :active { background-image: url(../images/ayu_l2.gif); background-repeat: no-repeat; background-position: 50% 0; }
#jizake { background-image: url(../images/jizake_l.gif); background-repeat: no-repeat; background-position: 50% 0; }
#jizake :hover { background-image: url(../images/jizake_l1.gif); background-repeat: no-repeat; background-position: 50% 0; }
#jizake :active { background-image: url(../images/jizake_l2.gif); background-repeat: no-repeat; background-position: 50% 0; }
#konnyaku { background-image: url(../images/konnyaku_l.gif); background-repeat: no-repeat; background-position: 50% 0; }
#konnyaku :hover { background-image: url(../images/konnyaku_l1.gif); background-repeat: no-repeat; background-position: 50% 0; }
#konnyaku :active { background-image: url(../images/konnyaku_l2.gif); background-repeat: no-repeat; background-position: 50% 0; }
#shizen { background-image: url(../images/shizenshokuhin_l.gif); background-repeat: no-repeat; background-position: 50% 0; }
#shizen :hover { background-image: url(../images/shizenshokuhin_l1.gif); background-repeat: no-repeat; background-position: 50% 0; }
#shizen :active { background-image: url(../images/shizenshokuhin_l2.gif); background-repeat: no-repeat; background-position: 50% 0; }
#cha { background-image: url(../images/okukujicha_l.gif); background-repeat: no-repeat; background-position: 50% 0; }
#cha :hover { background-image: url(../images/okukujicha_l1.gif); background-repeat: no-repeat; background-position: 50% 0; }
#cha :active { background-image: url(../images/okukujicha_l2.gif); background-repeat: no-repeat; background-position: 50% 0; }
#tenpo { background-image: url(../images/tenpo_l.gif); background-repeat: no-repeat; background-position: 50% 0; }
#tenpo :hover { background-image: url(../images/tenpo_l1.gif); background-repeat: no-repeat; background-position: 50% 0; }
#tenpo :active { background-image: url(../images/tenpo_l2.gif); background-repeat: no-repeat; background-position: 50% 0; }
#kouen { background-image: url(../images/okkjknrt_yamatsuriyama_l.gif); background-repeat: no-repeat; background-position: 50% 0; }
li#kouen { height: 8em; }
#kouen :hover { background-image: url(../images/okkjknrt_yamatsuriyama_l1.gif); background-repeat: no-repeat; background-position: 50% 0; }
#kouen :active { background-image: url(../images/okkjknrt_yamatsuriyama_l2.gif); background-repeat: no-repeat; background-position: 50% 0; }
li#kouen a { padding-top: 5.5em; }