/********** global **********/

body {
  background-color:black;
  color:white;
  margin:0;
  padding:0;
  font-family:arial sans-serif;
  font-size:10px;
}

a, a:visited {
  color:white;
  text-decoration:none;
}
a:hover {
  color:#999;
  text-decoration:none;
}

.clear { clear:both }
.error { color:red }

#globalWrapper {
  margin:0 auto;
  width:785px;
  height:510px;
  position:relative;
}

address { 
  font-style:normal;
  position:absolute;
  top:495px;
  left:580px;
}

ul#topLink {
  margin:0;padding:0;
  list-style-type:none;
}

ul#topLink li span {
  position:absolute;
  top:0; left:-10000pt;
}

ul#topLink li {
 list-style-type:none;
  margin:0;
  padding:0;
}
a#gatai {
  display:block;
  position:absolute;
  top:238px;
  left:11px;
  width:27px;
  height:27px;
  background-image:url(../images/gatai_icon.png);
  background-repeat:no-repeat;
}

a#noh {
  display:block;
  position:absolute;
  top:238px;
  left:745px;
  width:27px;
  height:27px;
  background-image:url(../images/noh_icon.png);
  background-repeat:no-repeat;
  z-index:10000;
}

body.noh a#noh {
  background-image:url(../images/gatai_icon.png);
}

#gatai_slice {
  position:absolute;
  top:0;
  left:0;
  width:20px;
  height:510px;
  background-image:none;
  background-repeat:no-repeat;
}

#noh_slice, #noh2_slice {
  position:absolute;
  top:0;
  left:765px;
  width:20px;
  height:510px;
  background-image:none;
  background-repeat:no-repeat;
}

#gatai_slice a, #noh_slice a, #noh2_slice a {
  display:block;
  width:20px;
  height:510px;
}

body.top_gatai #globalWrapper {
  background-image:url(../images/gatai_bg.png);
  background-repeat:no-repeat;
  background-position:center top;
}

body.top_noh #globalWrapper {
  background-image:url(../images/noh_bg.png);
  background-repeat:no-repeat;
  background-position:center top;
}

/********** Top **********/

.topWrapper {
  background-repeat:no-repeat;
  height:240px;
  position:relative;
 }
#gataiWrapper {
  background-color:#808080;
  background-image:url(../images/TOP_03.png);
  background-repeat:no-repeat;
  height:240px;
  margin-top:20px;
  position:relative;
}
#nohWrapper {
  background-color:#8B1400;
  background-image:url(../images/TOP_06.png);
  background-repeat:no-repeat;
  height:240px;
  margin-top:20px;
  position:relative;
}
ul.photo {
  margin:0;
  padding:0;
  position:absolute;
  top:30px;
  left:30px;
}
ul.photo li {
  margin:0;
  margin-right:2px;
  padding:0;
  display:inline;
}
.logomark {
  position:absolute;
  top:146px;
  left:30px;
}

.pageLink {
  display:block;
  width:785px;
  height:240px;
  position:relative;
  z-index:1;
}
.tsukuruLink {
  display:block;
  width:130px;
  height:40px;
  z-index:1;
  position:absolute;
  top:50px;
  left:640px;
}
.mailLink {
  display:block;
  width:100px;
  height:20px;
  z-index:1;
  position:absolute;
  top:205px;
  left:675px;
}
.pageLink span, .tsukuruLink span, .mailLink span {
  position:absolute;
  top:0;
  left:-10000px;
}


/********** Gatai Top **********/

.menu {
  margin:0;
  padding:0;
  width:225px;
  border-bottom:#333 solid 1px;
  font-size:12px;
  text-align:right;
  padding-right:40px;
}

.menu span {
  cursor:default;
}

.menu a:hover {
  color:red;
}

ul#works_ex , ul#about_ex {
  margin:0;
  padding:0;
  list-style-type:none;
}

ul#works_ex li, ul#about_ex li {
  margin:0;
  padding:0;
  list-style-type:none;
  display:inline;
  border:none;
  font-size:12px;
}

ul#works_ex li { margin-right:30px }
ul#about_ex li { margin-right:10px }

#works_pos {
  position:absolute;
  top:40px;
  left:30px;
}

#works_ex {
  position:absolute;
  top:40px;
  left:30px;
}

#about_pos {
  position:absolute;
  top:140px;
  left:30px;
}

#about_ex {
  position:absolute;
  top:140px;
  left:30px;
}


#price_pos {
  position:absolute;
  top:240px;
  left:30px;
}

#price_ex {
  position:absolute;
  top:240px;
  left:30px;
  margin:0;
  padding:0;
  font-size:9px;
}

#question_pos {
  position:absolute;
  top:340px;
  left:30px;
}

#question_ex {
  position:absolute;
  top:340px;
  left:30px;
  margin:0;
  padding:0;
  font-size:9px;
}

#blog_pos {
  position:absolute;
  top:440px;
  left:30px;
}

/********** Noh Top **********/
.menuR {
  margin:0;
  padding:0;
  width:225px;
  border-bottom:#333 solid 1px;
  font-size:12px;
  padding:0 0 0 40px;
}

.menuR span {
  cursor:default;
}

.menuR a:hover {
  color:red;
}

#news_pos {
  position:absolute;
  top:40px;
  left:490px;
}

#welcome_pos {
  position:absolute;
  top:100px;
  left:490px;
}

#menu_pos {
  position:absolute;
  top:160px;
  left:490px;
}

#menus_ex {
  position:absolute;
  top:160px;
  left:570px;
}

ul#menus_ex {
  margin:0;
  padding:0;
  list-style-type:none;
}

ul#menus_ex li {
  margin:0;
  padding:0;
  list-style-type:none;
  display:inline;
  border:none;
  font-size:12px;
}

ul#menus_ex li { margin-left:30px }

#party_pos {
  position:absolute;
  top:220px;
  left:490px;
}

#location_pos {
  position:absolute;
  top:280px;
  left:490px;
}

#recruit_pos {
  position:absolute;
  top:340px;
  left:490px;
}

#noh_blog_pos {
  position:absolute;
  top:400px;
  left:490px;
}

#tovi_pos {
  position:absolute;
  top:460px;
  left:490px;
}

#buchi_pos {
  position:absolute;
  top:460px;
  left:555px;
  border:none;
}

#kinsai_pos {
  position:absolute;
  top:460px;
  left:610px;
  border:none;
}

#cero_pos {
  position:absolute;
  top:460px;
  left:660px;
  border:none;
}

/********** content **********/
#contentWrapper {
  padding:15px 0;
}

#content {
  width:650px;
  padding-right:20px;
  float:right;
  position:relative;
}

#leftMenu {
  width:90px;
  height:480px;
  border-right:#333 solid 1px;
  position:relative;
  font-size:12px;
}

#leftMenu p {
  margin:0;
  padding:0;
  width:80px;
  text-align:right;
  color:#333;
}

#leftMenu .active { color:white; }

/********** content GATAI **********/

#worksL {
  position:absolute;
  top:90px;
}

#aboutL {
  position:absolute;
  top:170px;
}

ul#workslist {
  position:absolute;
  top:110px;
}

ul#aboutlist {
  position:absolute;
  top:190px;
}

ul#workslist,ul#aboutlist {
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:right;
}

ul#workslist li,ul#aboutlist li {
  margin:0;
  padding:0;
  width:80px;
  list-style-type:none;
  color:red;
}

#priceL {
  position:absolute;
  top:250px;
}

#questionL {
  position:absolute;
  top:330px;
}

#blogL {
  position:absolute;
  top:410px;
}


p#gataiMark { margin:0;padding:0; }

p#gataiMark span {
  position:absolute;
  top:0; left:-10000pt;
}

p#gataiMark a {
  display:block;
  background-image:url(../images/gataimark.png);
  width:33px;
  height:33px;
  position:absolute;
  top:0px;
  left:50px;
}

/********** content NOH **********/
#welcomeL {
  position:absolute;
  top:90px;
}

#menuL {
  position:absolute;
  top:170px;
}

ul#menulist {
  position:absolute;
  top:190px;
}

ul#menulist {
  margin:0;
  padding:0;
  list-style-type:none;
  text-align:right;
}

ul#menulist li {
  margin:0;
  padding:0;
  width:80px;
  list-style-type:none;
  color:red;
}

#partyL {
  position:absolute;
  top:250px;
}

#locationL {
  position:absolute;
  top:330px;
}

#recruitL {
  position:absolute;
  top:410px;
}


p#nohMark { margin:0;padding:0; }

p#nohMark span {
  position:absolute;
  top:0; left:-10000pt;
}

p#nohMark a {
  display:block;
  background-image:url(../images/nohmark.png);
  width:33px;
  height:33px;
  position:absolute;
  top:0px;
  left:50px;
}

/********** interior **********/
table#chronological {
  border-collapse:collapse;
  position:relative;
  top:100px;
}

table#chronological th {
  font-weight:normal;
  text-align:left;
}
table#chronological td {
  text-align:center;
  padding:0 10px;
}
table#chronological th, table#chronological td{
  padding-bottom:25px;
  vertical-align:top;
}
ul#history {
  margin:0;
  padding:0;
  list-style-type:none;
  position:relative;
  top:70px;
}

ul#history li {
  margin:30px 0;
  padding:0;
  list-style-type:none;
}

ul#history p {
  margin:0;
  padding:0;
}

/********** staff **********/
#topTable, #middleTable, #bottomTable {
  border-collapse:collapse;
}

#topTable td, #middleTable td, #bottomTable td {
  vertical-align:top;
  padding:10px 10px 10px 0;
}

#topTable {
  position:relative;
  top:40px;
}

#middleTable {
  border-top:#333 solid 1px;
  border-bottom:#333 solid 1px;
  position:relative;
  top:50px;
  width:100%;
}

#bottomTable {
  position:relative;
  top:80px;
  left:280px;
}


/********** corpo **********/
#corpo {
  position:relative;
  top:80px;
}


#corpo h1 {
  font-weight:normal;
  font-size:12px;
  margin:0;
  margin-bottom:20px;
  padding:0;
}
#corpo table {
  border-collapse:collapse;
}

#corpo table th, #corpo table td {
  text-align:left;
  vertical-align:top;
  font-weight:normal;
  padding:0 10px 10px 0;
  font-size:10px;
}

/********** question **********/
#content_form {
  width:500px;
  float:right;
  position:relative;
  padding-right:170px;
}

#content_form h2 {
  font-size:12px;
}

#content_form h3 {
  font-size:10px;
  border-bottom:white solid 1px;
}

.buttons { text-align:center; }

.buttons input {
  text-align:center;
  background-color:#333;
  color:white;
}

table#form {
  border-collapse:collapse;
}
table#form th, table#form td {
  vertical-align:top;
  text-align:left;
  font-weight:normal;
  padding:0 5px 5px 0;
  font-size:10px;
}
table#form th { width:18% }

/********** welcome **********/
#photoimages {
  position:absolute;
  top:65px;
  left:110px;
}

#welcome_text {
  position:absolute;
  top:50px;
  left:420px;
  width:200px;
}

ul#photos {
  margin:0;
  padding:0;
  list-style-type:none;
}

ul#photos li {
  margin:20px 0;
  padding:0;
  list-style-type:none;
}

ul#photos img { cursor:pointer; }

#event {
  position:absolute;
  top:440px;
  left:520px;
}
/********** menu **********/
.restaurantmenu h2 {
  font-size:15px;
}
.restaurantmenu h3 {
  margin-bottom:0;
  text-align:right;
  font-size:13px;
  border-bottom:#333 solid 1px;
}

address#restaurant {
  top:3050px;
}

address#standing {
  top:2350px;
}

/********** party info **********/
.notice {
  font-size:16px;
}

#party_text1 {
  position:absolute;
  top:0;
  left:330px;
  line-height:1.8;
}

#party_text2 {
  position:absolute;
  top:210px;
  left:0;
  font-size:13px;
}

#party_text3 {
  position:absolute;
  top:320px;
  left:0;
  font-size:15px;
  line-height:1.8;
}

#party_text4 {
  position:absolute;
  top:430px;
  left:180px;
}

#party_text5 {
  position:absolute;
  top:580px;
  left:120px;
  text-align:center;
  line-height:1.5;
}

#party_img2 {
  position:absolute;
  top:210px;
  left:300px;
}

#party_img3 {
  position:absolute;
  top:325px;
  left:225px;
}

address#party {
  top:660px
}
/********** location **********/
#location_img1 {
  position:absolute;
  top:0;
  left:0;
}

#location_img2 {
  position:absolute;
  top:0;
  left:180px;
}

#location_text1 {
  position:absolute;
  top:260px;
  left:0;
}

#location_text2 {
  position:absolute;
  top:380px;
  left:0;
}

/********** recruit **********/
.recruit h2 {
  font-size:15px;
  border-bottom:#333 solid 1px;
}
.recruit h3 {
  font-size:13px;
  border-bottom:#333 solid 1px;
}

.recruit table {
  border-collapse:collapse;
}
.recruit table th, .recruit table td {
  font-size:10px;
  text-align:left;
  padding:0 1em 2em 0;
}

/* firefox trace
body > * { background-color: #000 !important }
body > * > * { background-color: #333 !important }
body > * > * > * { background-color: #555 !important }
body > * > * > * > * { background-color: #777 !important }
body > * > * > * > * > * { background-color: #999 !important }
body > * > * > * > * > * > * { background-color: #999 !important }
body > * > * > * > * > * > * > * { background-color: #CCC !important }
body > * > * > * > * > * > * > * > * { background-color: #DDD !important }
 */