/*body {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0; margin: 20px 0}*/
body {text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding: 0px; margin: 0px ;  color: #000; 
background: url(img/bamboo.jpg) top left repeat}

.redbold {color: #FF0000; font-size: 14px; font-weight: bold; letter-spacing: 2px;}
.redbold12 {color: #FF0000; font-size: 12px; font-weight: bold; letter-spacing: 2px;}
.bold {font-weight: bold}
.small {font-size: 10px; font-weight: normal}
.centre {text-align: center}

a {text-decoration: none; color: #f00}
a:hover {text-decoration: underline}

#logosmall {position: absolute; bottom: -40px; left: 175px; text-align: center;}
#logosmall a img {border-width: 0px}

#flash {margin: 0px auto; height:600px; width: 600px; z-index: 0; position: relative}
#LogoHome {position: absolute;  top: 230px; left: -10px;   z-index: 1}
#LogoHomeNoFlash {position: absolute;  top: 185px; left: 0px;   z-index: 1}


#about {position: absolute; bottom: 145px; right: 115px}
#about2, #about3 {position: absolute; bottom: 115px; right: 115px}
#about3 a {display: block; width: 100px; height: 97px;}
#about a, #about2 a {display: block; width: 100px; height: 97px; background:url(img/nav.png) -205px -102px no-repeat}
#about a:hover, #about2 a:hover, #about3  {background:url(img/nav.png) -205px 0px no-repeat}

#menu {position: absolute; bottom: 145px; left: 120px}
#menu2, #menu3 {position: absolute; bottom: 110px; left: 120px}
#menu a, #menu2 a {display: block; width: 100px; height: 97px; background:url(img/nav.png) 6px -102px no-repeat}
#menu a:hover, #menu2 a:hover, #menu3 a, #menu3 {background:url(img/nav.png) 6px 1px no-repeat}
#menu3 a, #menu3 {display: block; width: 100px; height: 97px;}

#locations {position: absolute; bottom: 145px; right: 250px}
#locations2, #locations3 {position: absolute; bottom: 110px; right: 250px}
#locations3 {display: block; width: 100px; height: 97px}
#locations a, #locations2 a {display: block; width: 100px; height: 97px; background:url(img/nav.png) -98px -102px no-repeat}
#locations a:hover, #locations2 a:hover, #locations3 {background:url(img/nav.png) -98px 1px no-repeat}
#locback a {position: absolute; bottom: 110px; right: 250px; background:url(img/locations4.png) top left no-repeat; display: block; width: 100px; height: 97px}


#HomeText {position: absolute; top: 203px; left:180px; width: 415px; font-weight: bold; letter-spacing: 2px; font-size: 10px; text-align: right; color: #666}
h5 {color: #000; text-align: center; font-size: 18px; margin: 10px 0px}
h6 {color: #FF0000; text-align: center; font-size: 12px; margin: 5px}
h4 {color: #000; text-align: center; font-size: 12px; margin: 10px}
h3 {letter-spacing: 2px; color: #f00; margin-bottom: 5px; clear: both; text-align: center}
#topanimation {width: 250px; height: 100px; margin: 0px; position: absolute; Top: 10px; right: 180px}


/*#map {margin: -10px 0px 0px -5px; position: relative; background: url(img/map.jpg) center center no-repeat; width: 630px; height: 300px}*/

#map {margin: 0px auto; position: relative; background: url(img/mapback.png) center center no-repeat; width: 600px; height: 600px}

#loc {margin: 0px auto 0px auto; position: relative; background: url(img/mainback.png) center center no-repeat; width: 600px; height: 600px}
#locinfo {position: absolute; top: 120px; left: 10px; height: 260px; width: 590px;}
#hol a, #hox a, #lud a, #tow a, #min a, #cree a, #mid a, #tcr a, #wat a, #tha a, #harrow a, #dal a, #bet a {display: block; width: 100%; height: 40px; background: url(img/jc.png) center center no-repeat;  text-decoration: none; color: #000 }
#hol a:hover, #hox a:hover, #lud a:hover, #tow a:hover, #min a:hover, #cree a:hover, #mid a:hover, #tcr a:hover, #wat a:hover, #tha a:hover, #harrow a:hover, #dal a:hover, #bet a:hover {background: url(img/jc2.png) center center no-repeat; cursor: pointer}


#tcr {position: absolute; top: 265px; left: 95px; width: 37px; height: 40px;}
#hol {position: absolute; top: 310px; left: 195px; width: 37px; height: 40px;}
#lud {position: absolute; top: 340px; left: 270px; width: 37px; height: 40px;}
#wat {position: absolute; top: 315px; left: 305px; width: 37px; height: 40px;}
#cree {position: absolute; top: 265px; left: 345px; width: 37px; height: 40px;}
#tow {position: absolute; top: 349px; left: 347px; width: 37px; height: 40px;}
#min {position: absolute; top: 315px; left: 385px; width: 37px; height: 40px;}
#mid {position: absolute; top: 255px; left: 440px; width: 37px; height: 40px;}
#harrow {position: absolute; top: 259px; left: 400px; width: 37px; height: 40px;}
#dal {position: absolute; top: 200px; left: 480px; width: 37px; height: 40px;}
#bet {position: absolute; top: 290px; left: 495px; width: 37px; height: 40px;}
.location {width: auto; height: auto; background: #fff;  border: solid 1px #f00; font-weight: bold; text-align: center; color: #000; padding: 5px; border-radius: 10px}
.location p {margin: 0px; padding: 0px }
.location p img {display: block; margin: 5px auto}
img.local {border: solid 1px #f00; float: left}

.local {text-align: center; clear: both; margin: 0px 0px 10px 0px}

img.left {float: left; border: solid 1px #f00; border-right-width: 0px}

iframe {float: right; border: solid 1px #f00; border-left-width: 0px; margin-right: 10px}
.textright {text-align: right; margin-right: 10px}
.textright a {color: #000; text-decoration: none; font-size: 10px}
.textright a:hover {text-decoration: underline}


#content {width: 810px; margin: 0px auto; position: relative}
#contentTop {width: 600px; margin: 0px auto; position: relative; background: url(img/top.png) top center no-repeat; height: 135px}
#contentMain {background: #fff; border: solid 2px #f00; border-radius: 30px; padding: 10px; min-height: 214px; position: relative; text-align: justify}
#contentMain img {float: left}
#contentMain p {clear: both}
#contentBottom {width: 600px; margin: 0px auto; position: relative; background: url(img/bottom.png) top center no-repeat; height: 227px}


#menuNav {position: absolute; top: 8px; right: 120px; margin: 0px; width: 200px; height: 100px; text-align: left}
#menuNav2 {position: absolute; top: 0px; left: 170px; margin: 0px; width: 160px; height: 100px; text-align: left}
#menuNav3 {position: absolute; top: 0px; right: 10px; margin: 0px; width: 140px; height: 100px; text-align: left}

#menuNav a, #menuNav3 a {height: 18px;  margin: 0px 0px 5px 0px; display: block; background: url(img/bullet1.png) center left no-repeat; padding-left: 20px; padding-top: 1px; color: #000; text-decoration: none; font-weight: bold}
#menuNav a:hover, #menuNav3 a:hover {color: #f00}
#menuPage {height: 15px;  margin: 0px 0px 5px 0px; display: block; background: url(img/bullet2.png) center left no-repeat; padding-left: 20px; padding-top: 1px; color: #000; text-decoration: none; font-weight: bold}
#menuhome {position: relative; background: url(img/menuback.jpg) center center no-repeat; clear: both; padding-bottom: 5px}
#menuhome h3 {margin: 5px 0px}
#menuhome p {margin: 5px 0px; padding: 0px 8px; text-align: justify}

.comp {margin-bottom: 10px}

.right {float: right}
#donburi {position: relative; background: url(img/donback.jpg) center center repeat; clear: both; border: solid 1px #f00; border-radius: 20px}
div.donl {width: 240px; margin-left: 110px}
div.donl2 {width: 240px; margin-left: 110px; margin-bottom: 20px}
div.donr {width: 245px; position: absolute; top: 0px; right: 100px}
div.donr2 {width: 240px; position: absolute; top: 0px; right: 110px}

div.soupl {width: 200px; margin-left: 160px; padding-bottom: 20px}
div.soupr {width: 255px; position: absolute; top: 0px; right: 90px}
p.item {font-weight: bold; color: #f00; margin: 5px 0px; padding-left: 15px; background: url(img/bullet.png) center left no-repeat}
p.item2 {font-weight: bold; color: #f00; margin: 0px; padding-left: 15px; background: url(img/bullet.png) center left no-repeat}

.price {float: right; color: #000}

#sushi {margin: 10px 60px; text-align: center}
#sidesl {width: 300px; margin-left: 90px; margin-top: 10px; padding-bottom: 20px}
#sidesr {width: 245px; position: absolute; top: 35px; right: 130px}

#middlenav {height: 21px; text-align: center; margin: 10px 0px}
#middlenav2 {height: 65px; text-align: center; margin: 10px 0px}
#middlenav a, #middlenav2 a {margin: 0px; background: url(img/bullet1.png) center left no-repeat; padding-left: 20px; padding-top: 1px; color: #000; text-decoration: none; font-weight: bold; margin: 0px 20px; letter-spacing: 2px; line-height: 21px;}
.nidopage {height: 21px;  margin: 0px; background: url(img/bullet2.png) center left no-repeat; padding-left: 20px; padding-top: 1px; color: #000; text-decoration: none; font-weight: bold; margin: 0px 20px; letter-spacing: 2px}
#middlenav a:hover, #middlenav2 a:hover {color: #f00}
p.desc {margin: 0px 0px 2px 0px; font-size: 10px}

#infotop {width: 625px; height: 100px; text-align: center; background: url(img/infoback.jpg) top left no-repeat}
#infotop a, #suspage, #faqpage, #emppage {width: 77px; height: 75px; display: block; margin: 10px 65px; float: left}
#faq a {background: url(img/faq.png) center center no-repeat;}
#faq a:hover, #faqpage {background: url(img/faq2.png) center center no-repeat;}

#sus a {background: url(img/sus.png) center center no-repeat;}
#sus a:hover, #suspage  {background: url(img/sus2.png) center center no-repeat;}
#emp a {background: url(img/emp.png) center center no-repeat;}
#emp a:hover, #emppage {background: url(img/emp2.png) center center no-repeat;}
#infotxt {border: solid 1px #f00; border-radius: 20px; padding: 0px 10px}

#address {padding: 5px; background-color: #fff; border: solid 1px #f00; border-radius: 10px; margin: 5px auto; width: 400px}
p.inf {padding: 10px; margin-top: 0px}
p.inf img {float: right; margin-left: 10px}

#info {position: relative; background: url(img/donback.jpg) center center repeat; clear: both; border: solid 1px #f00; border-radius: 20px}

.third {width: 245px; margin-left: 10px}
.thirdP {width: 245px; margin-left: 10px;}
.third2 {width: 210px; margin-left: 10px; position: absolute; top: 30px; left: 280px;}
.third3 {width: 245px; margin-left: 10px; position: absolute; top: 30px; right: 10px}
.Question {background: url(img/question.jpg) center left no-repeat;text-align: left; font-size: 13px; color: #000; margin: 4px 0px; font-weight: bold; border-bottom: solid 1px #000; padding: 7px 0px 7px 20px}
.QuestionRight {background: url(img/question.png) center right no-repeat;text-align: left; font-size: 13px; color: #000; margin: 10px 0px; font-weight: bold; border-bottom: solid 1px #000; padding: 7px 20px 7px 0px}


/*for site map*/
li {margin-left: 0px; padding-left: 0px; margin-top: 5px}
ul {margin-right: 10px}
li a {font-weight: bold}


/**for print**/
#printLogo {margin: 0px auto 10px auto; width: 400px}
#printcontent {width: 810px; margin: 0px auto; position: relative}
#printcontentMain {background: #fff; padding: 10px; min-height: 214px; position: relative; text-align: justify}
#printmenu {position: relative; clear:both}
.ptitle {color: #FF0000; font-weight: bold; font-size: 12px}
#pdon  {width: 140px; float: left; text-align: left}
#psoup {width: 200px; float: left; text-align: left}
#pbento {width: 95px; float: right; text-align: right; padding-right: 10px}
.psmall {font-size: 10px}
#pdon ul, #psoup ul {margin-left: -30px}
#pdon li {font-weight: bold; color: #F00; font-size: 10px; margin-bottom: 5px}
#psoup li {font-weight: bold; color: #F00; font-size: 10px; margin-bottom: 5px}
#pbento ul {margin-left: -30px}
#pbento li {font-weight: bold; color: #000; font-size: 10px; margin-bottom: 5px; list-style-type: none; margin-right: 10px}

#news{position: absolute; top: 510px; left: 74px; width: 450px; padding: 55px 0px 10px 0px; font-weight: bold; font-size: 14px; background: url(img/news.png) top center no-repeat}
#news a {color: #000}
#news a:hover {color: #f00; text-decoration: none}
#paradise {width: 600px; margin: 10px auto; height: 420px; padding: 10px; border: solid 2px #f00; border-radius: 10px; background: url(img/donback.jpg) center center repeat}
#paradise p {text-align: left}

#press {position: absolute; top: 550px; left: 74px; width: 450px; padding: 25px 0px 10px 0px}
#press a {font-weight: bold; font-size: 14px}

/*new location page*/
#titleloc {color: #f00; font-size: 14px; font-weight: bold; width: 100%; clear: both; padding: 15px 0px; border: solid 1px #f00; border-radius: 30px; margin-bottom: 10px; text-align: center; letter-spacing: 2px; background: url(img/locback2.jpg) top center no-repeat }
#titleloc p{color: #000; font-size: 10px; text-align: center; font-weight: normal; padding: 0 10px; margin: 5px}
#loccolleft {padding-bottom: 20px}
div.locleft {height: 210px; margin-top: 10px; width: 370px; position: relative}
div.locleft img {float: left; margin: 0px 10px; border-right: solid 1px #f00; padding-right: 5px; display: block}
div.locleft p {position: absolute; top: 0px; right: 10px; width: 170px}

#loccolright {padding-bottom: 20px; width: 380px; position: absolute; top: 0px; right: 0px}
div.locright {height: 210px; margin-top: 10px; width: 370px; position: relative; float: right}
div.locright img {float: right; margin: 0px 10px; border-left: solid 1px #f00; padding-left: 5px; display: block; position: absolute; top: 0px; right: 0px}
div.locright p {position: absolute; top: 0px; left: 10px; width: 190px}

span.tube {background: url(img/tube.jpg) top left no-repeat; padding-left: 30px; height: 20px; padding-top: 4px; margin-top: 10px; margin-bottom: 0px; display: block; font-weight: bold}
span.train {background: url(img/rail.jpg) top left no-repeat; padding-left: 30px; height: 20px; padding-top: 2px; margin-top: 0px; display: block; font-weight: bold}

.fb {width: 100px; margin: 10px auto}
.fb a {background-image: none; width: 100%; clear: both}
.fb a img {border-width: 0; background-image: none; margin: 10px auto}