/* common */

div.mapf { clear: both; margin: 30px 0; padding: 5px; border: 1px solid #ccc;}
#cmap div.mapf { margin: 0 0 30px;}
div#map { clear: both; height: 370px;}
div#catmap { height: 420px;}
div#view { width: 498px; height: 420px; border: 1px solid #ccc; margin-bottom: 20px;}

/* cat --------------------*/

#cat #contents, #cmap #contents, #clist #contents { clear: both; float: none; width: auto; margin: 0 0 30px;}
div.top-banner { width: 730px; margin: 0 auto 15px;}

div.nmlist { clear: both; margin: 20px 0 10px;}
div.bwrap { float: left; width: 152px; padding: 0 4px 10px;}
div.box { padding: 5px; border: 1px solid #FFCC99; background: #FFF6EE; overflow: hidden;}
div.box p { margin: 0;}
div.box h3 { height: 2.5em; margin: 0; padding: 3px 0 10px; font-weight: normal; font-size: 90%; overflow: hidden;}
div.box h3 a { color: #333; text-decoration: none;}
div.box h3 a:hover { color: #FF6600;}
div.box img { width: auto; height: 105px;}
* html div.box img { width: 140px;}
div.box p { text-align: center; font-size: 83%;}
div.box p a { color: #444444; text-decoration: none;}
div.box p.more a { display: block; width: 66px; margin: 2px 0 0 72px; border-color: #FFCC99 #FFAA66 #FF9944 #FFCC99; border-style: solid; border-width: 1px; background: #FFF; text-align: center; color: #FF9955; text-decoration: none; line-height: 130%;}
div.box p.more a:visited { border-color: #CCC #888 #888 #CCC; background: #F9F9F9; color: #666;}
div.box p.more a:hover { border-color: #FF9944 #FFCC99 #FFCC99 #FFAA66; background: #FFF3E6; color: #FF6600;}

div.pr { min-height: 342px; padding: 0 420px 15px 0; background-position: right bottom; background-repeat: no-repeat;}
div.pr h2.p-title { margin: 3px 0 0; padding-left: 5px; border-left: 5px solid #FFBB00;}
div.pr h3 { padding: 7px 0 0 5px; border-left: 5px solid #FFCC77; color: #FF8800; font-size: 100%; font-weight: normal; line-height: 1; font-family: "HGS創英角ﾎﾟｯﾌﾟ体", "HGPｺﾞｼｯｸE", "ＭＳ Ｐゴシック", Osaka;}
* html div.pr { height: 342px;}

.Chitsumabushi div.pr { background-image: url(../class/img/hitsumabushi.jpg);}
.Cmisokatsu div.pr { background-image: url(../class/img/misokatsu.jpg);}
.Ctebasaki div.pr { background-image: url(../class/img/tebasaki.jpg);}
.Ckishimen div.pr { background-image: url(../class/img/kishimen.jpg);}
.Cmisonikomi div.pr { background-image: url(../class/img/misonikomi.jpg);}
.Cebifurai div.pr { background-image: url(../class/img/ebifurai.jpg);}
.Cankakesupa div.pr { background-image: url(../class/img/ankakesupa.jpg);}
.Coguratosuto div.pr { background-image: url(../class/img/oguratosuto.jpg);}
.Cuiro div.pr { background-image: url(../class/img/uiro.jpg);}
.Ctaiwan div.pr { background-image: url(../class/img/taiwan.jpg);}
.Ctenmusu div.pr { background-image: url(../class/img/tenmusu.jpg);}
.Ccurryudon div.pr { background-image: url(../class/img/curryudon.jpg);}
.Cmorning div.pr { background-image: url(../class/img/morning.jpg);}
.Cramen div.pr { background-image: url(../class/img/ramen.jpg);}
.Ccochin div.pr { background-image: url(../class/img/cochin.jpg);}
.Cdoteni div.pr { background-image: url(../class/img/doteni.jpg);}
.Coden div.pr { background-image: url(../class/img/oden.jpg);}

table.maptable th { width: 230px;}
table.maptable td { padding: 0 10px 0 0; vertical-align: top; text-align: left;}
table.maptable td.more { text-align: right; vertical-align: bottom;}

div.maplink { clear: both; padding: 15px 0 0;}
div.maplink a { display: block; margin: 12px 0; padding: 3px 27px; border: 1px solid #DDDDDD; background: #F9F9F9 url(../img/bt_next.gif) 10px center no-repeat; color: #444444; text-decoration: none;}
div.maplink a:hover { background: #FFEEDD url(../img/bt_next.gif) 10px center no-repeat;}

h2.ttl2 { margin: 0 0 20px; background: url(../img/ttl_bg2.gif); font-size: 120%; font-weight: normal;}
h2.ttl2 a, h2.ttl2 span { padding: 3px 12px 3px 0; background: #FFF; color: #444444;}

div.area { clear: both; padding: 25px 0 0;}
div.areamap { width: 400px; float: left;}
div.areameshi { width: 400px; float: right;}

p.catex { margin: 15px 0 25px 10px;}
.clist table { width: 790px; margin: auto;}
.clist table a { text-decoration: none;}
.clist th, .clist td { padding-top: 10px; padding-bottom: 10px; border-bottom: 1px dotted #FFCC00; vertical-align: top;}
.clist th { width: 134px; text-align: center; overflow: hidden;}
.clist th img { width: auto; height: 100px;}
.clist td { padding-left: 15px;}
.clist td h3 { margin-bottom: 7px; font-size: 110%; letter-spacing: 2px; line-height: 1;}
.clist h3 a { color: #FF7700;}
.clist td p { margin: 2px 0;}
.clist p.more a { display: block; background: #FFFCF9; text-align: right; color: #FF9966; text-decoration: none; font-size: 90%;}
.clist p.more a:hover { color: #FF6600;}

/* ety --------------------*/

#ety h2.p-title { height: 40px; padding: 18px 20px 0; background: url(../img/ttl_bg.gif) top no-repeat; color: #444444; line-height: 1;}
h2.p-title span { padding-left: 10px;  font-size: 83%; font-weight: normal;}
#ety #contents { width: 500px;}
#ety #side { width: 270px;}

h3.copy { margin: 0 0 5px; color: #FF9900; font-size: 110%; letter-spacing: 1px; line-height: 130%; font-family: "HGS創英角ﾎﾟｯﾌﾟ体", "HGPｺﾞｼｯｸE", "ＭＳ Ｐゴシック", Osaka; font-weight: normal;}
div.main-img { float: left; padding: 3px 5px 15px 0;}
div.main-img img { float: left; padding: 3px; border-color: #BBB #AAA #999 #BBB; border-style: solid; border-width: 1px;}
div.entry-data { margin: 0 0 0 235px;}
div.entry-data p { margin: 0 0 12px;}

div.lock { clear: both; padding: 10px 0;}
div.mbanner { float: right;}

div.images img { float: left; margin: 0 8px 24px 0; padding: 1px; border: 1px solid #BBB;}
*html div.images img { margin: 0 4px 10px 0;}
div.images p { margin: 0;}

div.menu { clear: both; padding: 10px; border: 1px dotted #CCC; background: #F9F9F9; font-size: 90%;}
div.menu h2 { margin: 2px 0 7px; text-align: center; font-size: 100%; font-family: "ＭＳ Ｐ明朝", "細明朝体"; font-weight: normal;}
div.menu p { margin: 3px 0;}
div.menu table { width: 99%;}
div.menu td { padding: 0 3px; vertical-align: top; text-align: left;}
div.menuAtt { margin: 3px 0 0; text-align: right; font-size: 90%; color: #888888;}

dl.bookmarks { margin: 30px 0 15px;}
dl.bookmarks dt, dl.bookmarks dd { display: inline; font-size: 83%;}
dl.search { margin: 15px 0;}
dl.search dd { margin: 5px;}

div.shop-data table { width: 280px; font-size: 90%;}
div.shop-data th { width: 5em; padding: 7px 5px 7px 0; border-bottom: 1px dotted #FFCC66; font-weight: normal; text-align: left; white-space: nowrap; vertical-align: top;}
div.shop-data td { padding: 7px 0; border-bottom: 1px dotted #CCC; vertical-align: top;}
div.shop-data td p { margin: 0;}
ul.ety-tags { padding: 0;}
ul.ety-tags li { display: inline; padding-right: 15px; white-space: normal; list-style-type: none;}

div.qrcode { height: 90px; margin: 20px 0 0; border: 1px solid #DDDDDD;}
div.qrcode p { margin: 5px 5px 0 0;}
div.qrcode img { float: left;}
div.qrcode em { font-style: normal; color: #FF9900;}

div.nextprelink { clear: both; margin: 10px 0; padding: 5px 0 10px;}
div.nextprelink a { color: #444444; text-decoration: none;}
div.nextprelink a:hover { color: #FF6600; text-decoration: underline;}
div.nextprelink a.prev { padding-left: 16px; background: url(../img/bt_prev.gif) left center no-repeat;}
div.nextprelink a.next { padding-right: 16px; background: url(../img/bt_next.gif) right center no-repeat;}

#ety div.nmlist { clear: both; margin: 0 0 10px;}
div.nmlist h2, div.related h2 { margin: 0 0 20px; background: url(../img/ttl_bg2.gif); font-size: 120%; font-weight: normal;}
div.nmlist h2 a, div.nmlist h2 span, div.related span { padding: 3px 12px 3px 0; background: #FFF; color: #444444;}
div.countline { clear: both; height: 60px;}

div.commentlink h2, div.nextprelink h2 { margin: 12px 0 5px; padding: 1px 3px 3px; border-left: 5px solid #FFCC99; border-bottom: 1px solid #FFF3CC; background: #FFFCF6; font-size: 100%; font-weight: normal; color: #663300;}
div.commentlink a { color: #FF7700;}
div.commentlink p { margin: 15px 0 15px 10px; line-height: 200%;}

div.related { clear: both; margin: 0 0 25px;}
div.related h2 { margin: 0 0 10px;}
div.related table { margin: 0 0 0 10px; font-size: 90%;}
div.related td { padding-left: 15px;}
div.related th a { color: #444444; font-weight: normal;}
div.related td a { color: #FF7700;}

div.comments h2 { margin: 18px 0 12px; background: url(../img/ttl_bg2.gif); font-size: 120%; font-weight: normal;}
div.comments h2 span { padding-right: 10px; background: #FFF;}
div.comments h2 a { padding-left: 10px; font-size: 83%; color: #FF7700;}

div.comment-content { margin: 0 0 0 10px;}
div.comment-header { text-align: right;}
div.inner { margin: 10px 0; padding: 10px 0; border-top: 1px dotted #FFCC99;}
div.comments form { margin: 10px 0 10px 5px;}
div.comments th { padding: 3px 7px 3px 0; vertical-align: top; font-weight: normal;}
div.comments td { padding: 3px 0;}
div.comments textarea { width: 400px; font-size: 100%; line-height: 140%;}

div.banner { margin: 10px 0 0;}
div.img-banner { margin: 0 0 12px;}
div.top-banner { margin: 25px auto 0;}