@charset "UTF-8";

html, body {
width: 100% ;
height: 100% ;
}

body {
background: #000000 ;
margin: 0 ;
padding: 0 ;
color: #ffffff ;
font-size: 12px ;
font-family: 'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif ;
line-height: 160% ;
}
table {
font-size: inherit ;
font: 100% ;
}

a:link { color: #ffffff ; text-decoration: underline ; }
a:visited { color: #ffffff ; text-decoration: underline ; }
a:hover { color: #ffcc00 ; text-decoration: none ; }
a:focus{ outline: none ; }

h1,h2,h3,h4,h5,h6 {
clear: both ;
margin: 0 ;
padding: 0 ;
}

img {
margin: 0 ;
padding: 0 ;
border: none ;
vertical-align: bottom ;
}

sub, sup {
vertical-align: baseline ;
}
sup {
position: relative ;
top: 0px ;
}
sub {
position: relative ;
top: 0px ;
}

p {
margin: 0 0 10px 0 ;
padding: 0 ;
text-align: justify ;
text-justify: inter-ideograph ;
}

ol,ul {
margin: 0 0 10px 0 ;
padding: 0 ;
}
ol li {
margin: 0 0 0 2em ;
padding: 0 ;
}
ul li {
margin: 0 0 0 1.2em ;
padding: 0 ;
}
li {
text-align: justify ;
text-justify: inter-ideograph ;
}

dl {
margin: 0 0 10px 0 ;
padding: 0 ;
}
dt {
margin: 0 ;
padding: 0 ;
}
dd {
margin: 0 ;
padding: 0 ;
text-align: justify ;
text-justify: inter-ideograph ;
}

td {
font-size: 12px ;
line-height: 160% ;
}
th {
text-align: left ;
font-weight: normal ;
font-size: 12px ;
line-height: 160% ;
}

em {
font-weight: bold ;
font-style: normal ;
}
strong {
font-weight: bold ;
font-size: 14px ;
}
small {
font-weight: normal ;
font-size: 10px ;
line-height: 140% ;
}

form {
margin: 0 ;
padding: 0 ;
}
form input {
vertical-align: middle ;
}
form select {
vertical-align: middle ;
}
form img {
vertical-align: middle ;
}
address {
clear: both ;
margin: 0 ;
padding: 0 0 10px 0 ;
text-align: right ;
}

hr {
clear: both ;
width: 720px ;
background: #ffffff ;
color: #ffffff ;
border-top: 0px none #ffffff ;
border-right: 0px none #ffffff ;
border-left: 0px none #ffffff ;
border-bottom: 1px dotted #009933 ;
margin: 10px auto ;
}




/*site ---------------------------------------------------------*/

#flashbox {
position: absolute ;
width: 960px ;
height: 630px ;
top: 50% ;
left: 50% ;
margin: -315px 0 0 -480px ;
padding: 0 ;
}
.indexlink {
width: 960px ;
margin: 0 ;
padding: 10px 0 0 0 ;
text-align: right ;
color: #ffffff ;
}
.indexlink a:link { color: #ffffff ; text-decoration: none ; }
.indexlink a:visited { color: #ffffff ; text-decoration: none ; }
.indexlink a:hover { color: #ffcc00 ; text-decoration: none ; }

#infobox {
width: 960px ;
margin: 0 auto ;
padding: 0 ;
}
#infobox #infoleft {
float: left ;
width: 215px ;
margin: 0 ;
padding: 0 0 20px 0 ;
}
#infobox #infoleft ul {
width: 190px ;
margin: 0 ;
padding: 0 0 0 25px ;
}
#infobox #infoleft ul li {
margin: 0 ;
padding: 0 0 10px 0 ;
list-style: none ;
}
#infobox #inforight {
float: right ;
width: 705px ;
margin: 0 ;
padding: 50px 0 20px 39px ;
border-left: 1px solid #999999 ;
}
#infobox.nakajima_bg {
background: #000000 url(../img/nakajima_mainbg.jpg) center top no-repeat ;
}
#infobox.urvan_bg {
background: #000000 url(../img/urvan_mainbg.jpg) center top no-repeat ;
}
#infobox .infodata {
margin: 0 40px 20px 0 ;
padding: 0 ;
}
#infobox .infodata th {
margin: 0 ;
padding: 0 10px 0 0 ;
border-right: 4px solid #ccaa77 ;
}
#infobox .infodata td {
margin: 0 ;
padding: 0 0 0 10px ;
}

#couponbox {
width: 580px ;
margin: 0 auto ;
padding: 0 10px ;
text-align: center ;
}
#couponbox h1 {
margin: 20px 0 0 0 ;
padding: 0 ;
text-align: center ;
}
#couponbox p {
margin: 10px 0 0 0 ;
padding: 0 ;
text-align: center ;
}

#moviebox {
width: 320px ;
margin: 0 auto ;
padding: 10px ;
text-align: center ;
}

#foodbox {
width: 640px ;
margin: 0 auto ;
padding: 50px 0 20px 0 ;
border-left: 1px solid #999999 ;
border-right: 1px solid #999999 ;
}
#foodbox .box1 {
width: 590px ;
margin: 0 0 30px 0 ;
padding: 0 0 0 50px ;
}
#foodbox .box2 {
width: 540px ;
margin: 0 0 30px 0 ;
padding: 0 50px ;
}

#foodbox .beerread {
float: left ;
width: 340px ;
margin: 0;
padding: 15px 0 0 0 ;
line-height: 180% ;
}
#foodbox .beerimg {
float: right ;
width: 230px ;
margin: 0;
padding: 0 ;
}
#foodbox .beerlist {
margin: 0 auto ;
padding: 0 ;
}
#foodbox .beerlist td {
font-size: 10px ;
line-height: 140% ;
}
#foodbox .beerlist .beer1 {
width: 165px ;
margin: 0 ;
padding: 0 22px 25px 0 ;
}
#foodbox .beerlist .beer2 {
width: 165px ;
margin: 0 ;
padding: 0 0 25px 0 ;
}
#foodbox .beerlist img {
margin: 0 0 5px 0 ;
padding: 0 ;
}

#foodbox .jinread {
float: left ;
width: 330px ;
margin: 0;
padding: 0 ;
line-height: 180% ;
}
#foodbox .jinread p {
margin: 0;
padding: 20px 0 0 0 ;
}
#foodbox .jinimg {
float: right ;
width: 240px ;
margin: 0;
padding: 0 ;
}

#foodbox .grainfed {
width: 540px ;
margin: 0 ;
padding: 0 ;
}
#foodbox .grainfed dd {
width: 510px ;
min-height: 215px ;
height: auto !important ;
height: 215px ;
margin: 0;
padding: 14px ;
font-size: 10px ;
line-height: 180% ;
border-left: 1px solid #666666 ;
border-right: 1px solid #666666 ;
border-bottom: 1px solid #666666 ;
}
#foodbox .grainfedimg {
float: right ;
width: 270px ;
margin: 0 0 0 15px ;
padding: 0 ;
}

#foodbox .eat {
width: 245px ;
margin: 0;
padding: 0 ;
}
#foodbox .eat dt {
width: 245px ;
margin: 0;
padding: 0 0 10px 0 ;
}
#foodbox .eat dd {
width: 245px ;
margin: 0 ;
padding: 0 ;
font-size: 10px ;
line-height: 180% ;
}
#foodbox .eat dd img {
margin: 0 0 10px 0 ;
padding: 0 ;
}

#foodbox.materialbg {
background: url(../img/material_bg.gif) left top repeat-y ;
}
#foodbox .materead {
float: left ;
width: 320px ;
margin: 0 ;
padding: 0 ;
}
#foodbox .materead p {
width: 295px ;
margin: 0 ;
padding: 15px 0 0 0 ;
font-size: 10px ;
line-height: 180% ;
}
#foodbox .mateimg {
float: right ;
width: 270px ;
margin: 0 ;
padding: 0 ;
}








/*other ---------------------------------------------------------*/

.cb { clear: both ; }

.fl { position: relative ; float: left ; margin: 0 ; padding: 0 ; }
.fr { position: relative ; float: right ; margin: 0 ; padding: 0 ; }

.tl { text-align: left !important ; }
.tl th { text-align: left !important ; }
.tl td { text-align: left !important ; }
.tr { text-align: right !important ; }
.tr th { text-align: right !important ; }
.tr td { text-align: right !important ; }
.tc { text-align: center !important ; }
.tc th { text-align: center !important ; }
.tc td { text-align: center !important ; }

.wn { white-space: nowrap ; }
.mo { font-family: monospace ; }

.vt { vertical-align: top ; }
.vt img { vertical-align: top ; }
.vt td { vertical-align: top ; }
.vt th { vertical-align: top ; }
.vm { vertical-align: middle ; }
.vm img { vertical-align: middle ; }
.vm th { vertical-align: middle ; }
.vm td { vertical-align: middle ; }
.vb { vertical-align: bottom ; }
.vb img { vertical-align: bottom ; }
.vb th { vertical-align: bottom ; }
.vb td { vertical-align: bottom ; }

.l100 { line-height: 100% ; }
.l120 { line-height: 120% ; }
.l140 { line-height: 140% ; }
.l160 { line-height: 160% ; }
.l180 { line-height: 180% ; }
.l200 { line-height: 200% ; }
.l240 { line-height: 240% ; }

.w5 { width: 5% ; }
.w10 { width: 10% ; }
.w15 { width: 15% ; }
.w20 { width: 20% ; }
.w25 { width: 25% ; }
.w30 { width: 30% ; }
.w35 { width: 35% ; }
.w40 { width: 40% ; }
.w45 { width: 45% ; }
.w50 { width: 50% ; }
.w55 { width: 55% ; }
.w60 { width: 60% ; }
.w65 { width: 65% ; }
.w70 { width: 70% ; }
.w75 { width: 75% ; }
.w80 { width: 80% ; }
.w85 { width: 85% ; }
.w90 { width: 90% ; }
.w95 { width: 95% ; }
.w100 { width: 100% ; }
.w33 { width: 33% ; }
.w34 { width: 34% ; }

.tp0 { margin-top: 0px !important ; }
.tp5 { margin-top: 5px !important ; }
.tp10 { margin-top: 10px !important ; }
.tp15 { margin-top: 15px !important ; }
.tp20 { margin-top: 20px !important ; }
.tp30 { margin-top: 30px !important ; }
.tp40 { margin-top: 40px !important ; }
.tp50 { margin-top: 50px !important ; }
.bp0 { margin-bottom: 0px !important ; }
.bp5 { margin-bottom: 5px !important ; }
.bp10 { margin-bottom: 10px !important ; }
.bp15 { margin-bottom: 15px !important ; }
.bp20 { margin-bottom: 20px !important ; }
.bp30 { margin-bottom: 30px !important ; }
.bp40 { margin-bottom: 40px !important ; }
.bp50 { margin-bottom: 50px !important ; }
.bp60 { margin-bottom: 60px !important ; }
.bp70 { margin-bottom: 70px !important ; }
.lp0 { margin-left: 0px !important ; }
.lp5 { margin-left: 5px !important ; }
.lp10 { margin-left: 10px !important ; }
.lp15 { margin-left: 15px !important ; }
.lp20 { margin-left: 20px !important ; }
.lp30 { margin-left: 30px !important ; }
.lp40 { margin-left: 40px !important ; }
.lp50 { margin-left: 50px !important ; }
.rp0 { margin-right: 0px !important ; }
.rp5 { margin-right: 5px !important ; }
.rp10 { margin-right: 10px !important ; }
.rp12 { margin-right: 12px !important ; }
.rp15 { margin-right: 15px !important ; }
.rp20 { margin-right: 20px !important ; }
.rp30 { margin-right: 30px !important ; }
.rp40 { margin-right: 40px !important ; }
.rp50 { margin-right: 50px !important ; }