/* Body
---------------------------------------------------------------------------------------------- */
body {
	margin: 0;
	padding: 0;
	background-color: #000000;
	color: #ffffff;
	font-size: 100%;
	line-height: 120%;
	text-align: center;
}

/* outline
---------------------------------------------------------------------------------------------- */
#outline {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	width: 860;
	background-color: #000000;
	background-image: url(../images/bg_brick.jpg);
}

/* mainarea
---------------------------------------------------------------------------------------------- */
#mainarea {
	margin: 0;
	margin-left: auto;
	margin-right: auto;
	padding: 0px 5px 0px 5px;
	width: 770;
	background-image: url(../images/bg_mainarea.jpg);
	background-repeat: repeat-y;
}

/* logo
---------------------------------------------------------------------------------------------- */
#logo { margin: 0; float: left; width: 173; }
#logo h1 { margin: 0; font-weight: normal; }
#logo h1 img { border: 0; }

/* catch
---------------------------------------------------------------------------------------------- */
#catch { float: left; width: 580; height: 100; text-align: right; background-image: url(../images/bg_header.jpg); }
#catch p { margin: 10 20 0 0; font-style: normal; font-weight: normal; font-family: verdana,Helvetica,sans-serif; font-size: 80%; }
#catch a { color: #00ffff; text-decoration: none; }
#catch a:visited { color: #00ffff; text-decoration: none; }
#catch a:hover { color: #e60012; text-decoration: none; }
#catch strong { color: #e60012; }
#catch em { font-size: 70%; }
#catch h2 { margin: 0; padding-top: 15; padding-right: 20; font-size: 90%; }

/* wood
---------------------------------------------------------------------------------------------- */
#wood { width: 760; height: 25; background-image: url(../images/bg_wood.jpg); }

/* menu
---------------------------------------------------------------------------------------------- */
#menu { padding-top: 3; color: #000000; font-size: 80%; font-weight: bold; font-family: verdana,Helvetica,sans-serif; }
#menu strong { color: #e60012; }
#menu a { color: #000000; text-decoration: none; }
#menu a:visited { color: #000000; text-decoration: none; }
#menu a:hover { color: #e60012; text-decoration: none; }
#menu em { font-size: 70%; font-style: normal; font-weight: normal; font-family: verdana,Helvetica,sans-serif; }

/* photo
---------------------------------------------------------------------------------------------- */
#photo { float: left; width: 480; }

/* recommend
---------------------------------------------------------------------------------------------- */
#recommend { float: left; width: 280; text-align: left; }
#recommend h3 { margin-left: 20; margin-top: 10; }
#recommend img { border: 0; margin-bottom: -10; }
#recommend ul { margin-right: 20; text-align: left; list-style: none; }
#recommend ul li { font-size: 80%; line-height: 130%; color: #ffffff; margin-bottom: 5; }
#recommend dl { border: 1px #ff00ff solid; margin-right: 10; margin-left: 10; padding: 5; text-align: left; }
#recommend dl dd { margin-left: 5; font-size: 100%; line-height: 130%; color: #ffff00; margin-bottom: 5; }
#recommend dl dt { margin-left: 15; font-size: 80%; line-height: 130%; color: #00ff00; }
#recommend ol { list-style: none outside url(../images/mail.gif); }
#recommend ol li a { padding: 5; font-size: 80%; color: #00ffff; text-decoration: underline;  }
#recommend ol li a:visited { color: #00ffff; text-decoration: underline;  }
#recommend ol li a:hover { color: #ff0000; text-decoration: none; }

/* footer
---------------------------------------------------------------------------------------------- */
#footer { clear: both; width: 760; height: 30; background-image: url(../images/bg_footer.gif); }
#footer p { padding: 10; font-size: 60%; color: #ffffff; font-family: verdana,Helvetica,sans-serif; }

/* shop
---------------------------------------------------------------------------------------------- */
#shop { margin-left: auto; margin-right: auto; margin-bottom: 10; width: 730; text-align: left; }
#shop h3 { margin: 0 0 10 0; font-size: 120%; color: #00ff00; }
#shop h4 { margin: 0 0 10 0; font-size: 100%; color: #ff00ff; }
#shop p { margin: 10 0 10 0; font-size: 90%; color: #ffffff; }
#access { float: left; width: 380; }
#access h5 { margin: 0; font-size: 120%; color: #00ff00; }
#access p { font-size: 90%; color: #ffffff; }
#access p strong { font-size: 120%; color: #ffff00; }
#access p a { color: #00ffff; text-decoration: underline;  }
#access p a:visited { color: #00ffff; text-decoration: underline;  }
#access p a:hover { color: #ff0000; text-decoration: none; }
#map { float: left; margin-bottom: 20; width: 330; text-align: center; }
#map a { color: #00ffff; text-decoration: underline; font-size: 90%;  }
#map a:visited { color: #00ffff; text-decoration: underline;  }
#map a:hover { color: #ff0000; text-decoration: none; }
#map img { border: 0; margin-bottom: 10; }

/* schedule
---------------------------------------------------------------------------------------------- */
#schedule { margin-left: auto; margin-right: auto; width: 730; text-align: left; }
#schedule h3 { margin: 5; font-size: 120%; color: #00ff00; }
#calendar { margin: 0; }
#calendar th { margin: 0; }
#calendar td { margin: 0; }
#calendar .weekday { background-color: #323232; color: #ffffff; }
#calendar .saturday { background-color: #0000ff; color: #ffffff; }
#calendar .sunday { background-color: #ff0000; color: #ffffff; }
#calendar .date { width: 30; background-color: #fafac8; color: #000000; text-align: center; font-weight: bold; }
#calendar .sat { width: 30; background-color: #0000ff; color: #ffffff; text-align: center; font-weight: bold; }
#calendar .sun { width: 30; background-color: #ff0000; color: #ffffff; text-align: center; font-weight: bold; }
#calendar .genre { width: 65; background-color: #e6e6e6; color: #000000; font-size: 80%; text-align: center; }
#calendar .cast { border: 1px #ffffff solid; padding: 10; background-color: #000000; color: #ffffff; text-align: center; vertical-align: top; font-size: 90%; color: #00ffff; }
#calendar .cast a { color: #00ffff; text-decoration: underline; }
#calendar .cast a:visited { color: #00ffff; text-decoration: underline; }
#calendar .cast a:hover { color: #ff0000; text-decoration: none; }
#calendar .cast img { border: 0; }
.type1 {color:white; font-size:10px;}
.type2 { color: #00ffff; text-decoration: underline; }
/* recruitment
---------------------------------------------------------------------------------------------- */
#recruitment { margin-left: auto; margin-right: auto; width: 730; text-align: left; background-image: url(../recruitment/images/background.jpg); }
#recruitment h3 { margin: 0; font-size: 120%; color: #00ff00; }
#recruitment h4 { font-size: 100%; color: #f39800; }
#recruitment ol { margin: 0 0 0 25; padding: 0; list-style: decimal outside; }
#recruitment ol li { font-size: 90%; color: #ffff00; margin-bottom: 10; }
#recruitment ol li strong { font-size: 110%; color: #ffff00; }
#recruitment ol li em { color: #ffffff; font-style: normal; font-weight: normal; }
#recruitment ol li i { color: #ff0000; font-style: normal; }
#recruitment p { margin: 0 0 0 25; font-size: 90%; color: #ffffff; }
#recruitment hr { border-color: #ff00ff; border-style: solid none none none; height: 1px; }

/* song
---------------------------------------------------------------------------------------------- */
#song { margin-left: auto; margin-right: auto; width: 730; text-align: left; }
#song h3 { margin: 0; font-size: 120%; color: #00ff00; }
#song h4 { font-size: 100%; color: #ff00ff; }

/* ukulele
---------------------------------------------------------------------------------------------- */
#ukulele { margin-left: auto; margin-right: auto; width: 730; text-align: left; background-image: url(../ukulele/images/background.jpg); }
#ukulele h3 { margin: 0; font-size: 120%; color: #00ff00; }
#ukulele h4 { margin: 10 0 0 0; font-size: 100%; color: #ffff00; }
#ukulele h5 { margin: 0 0 20 0; font-size: 100%; color: #ffff00; }
#ukulele ul { margin: 0 0 0 20; padding: 0; list-style: disc outside; }
#ukulele ul li { font-size: 90%; color: #eb6100; }
#ukulele p { margin: 0 0 0 0; font-size: 90%; color: #ffffff; }
#ukulele p em { color: #ffffff; font-style: normal; font-weight: normal; }
#ukulele p i { color: #ff00ff; font-style: normal; }
#lesson { float: left; margin: 0 0 0 0; font-size: 90%; color: #ffffff; }
#ukulele dl { float: left; margin: 0 0 0 -40; }
#ukulele dd { font-size: 90%; color: #ffffff; }

/* drink
---------------------------------------------------------------------------------------------- */
#drink {
	margin-left: auto;
	margin-right: auto;
	width: 730;
	text-align: left;
	background-color: #000000;
}
#drink h3 { margin: 0; font-size: 120%; color: #00ff00; }
#drink h4 { font-size: 90%; color: #ffffff; }
#drink h5 { font-size: 110%; color: #ff00ff; margin-bottom: 0; }
#drink ul { margin: 0 0 0 20; padding: 0; list-style: disc outside; }
#drink ul li { font-size: 90%; color: #00ffff; margin: 5 0 5 0; }
#drink ul li a { padding: 5; font-size: 100%; color: #00ffff; text-decoration: underline;  }
#drink ul li a:visited { color: #00ffff; text-decoration: underline;  }
#drink ul li a:hover { color: #ff0000; text-decoration: none; }
#drink p { margin: 0 0 0 0; font-size: 90%; color: #ffff00; }

/* food
---------------------------------------------------------------------------------------------- */
#food { margin-left: auto; margin-right: auto; width: 730; text-align: left; }
#food h3 { margin: 0; font-size: 120%; color: #00ff00; }
#food h4 { font-size: 100%; color: #ffff00; }
#food h5 { font-size: 90%; color: #ffffff; }
#foodleft { float: left; width: 370; }
#foodright{ float: left; width: 360; }
#foodprice { margin: 0; width: 350; border-collapse: collapse; font-size: 90%; }
#foodprice th { margin: 0; padding: 5; }
#foodprice td { margin: 0; padding: 5; }
#foodprice .item1 { background-color: #eb6100; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .item2 { background-color: #e4007f; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .item3 { background-color: #00479d; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .item4 { background-color: #8957a1; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .item5 { background-color: #097c25; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .item6 { background-color: #834e00; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .item7 { background-color: #505050; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .item8 { background-color: #005982; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .sub1 { background-color: #ea68a2; color: #ffffff; text-align: left; font-weight: bold; }
#foodprice .sub2 { background-color: #f19ec2; color: #000000; text-align: left; font-weight: bold; }
#foodprice .sub3 { background-color: #fadceb; color: #000000; text-align: left; }
#foodprice .sub4 { background-color: #c3dcf5; color: #000000; text-align: left; }
#foodprice .sub5 { background-color: #c8e1e6; color: #000000; text-align: left; }
#foodprice .sub6 { background-color: #DEB781; color: #000000; text-align: left; }
#foodprice .name1 { background-color: #ffffff; color: #000000; text-align: left; font-size: 90%; vertical-align: top; }
#foodprice .price1 { background-color: #ffffff; color: #000000; text-align: right; font-size: 90%; font-weight: bold; }
#foodprice .detail1 { background-color: #ffffff; color: #000000; text-align: left; font-size: 90%; }
#foodprice .name2 { background-color: #e6e6e6; color: #000000; text-align: left; font-size: 90%; vertical-align: top; }
#foodprice .price2 { background-color: #e6e6e6; color: #000000; text-align: right; font-size: 90%; font-weight: bold; }
#foodprice .detail2 { background-color: #e6e6e6; color: #000000; text-align: left; font-size: 90%; }
#foodprice .trans1 { background-color: #ffffff; color: #000000; text-align: left; font-size: 80%; font-style: italic; }
#foodprice .trans2 { background-color: #e6e6e6; color: #000000; text-align: left; font-size: 80%; font-style: italic; }
#foodprice a { color: #0000ff; text-decoration: underline;  }
#foodprice a:visited { color: #960096; text-decoration: underline;  }
#foodprice a:hover { color: #ff0000; text-decoration: none; }

/* menutop
---------------------------------------------------------------------------------------------- */
#menutop { margin-left: auto; margin-right: auto; width: 730; margin-bottom: 10; text-align: left; }
#menutop p a { padding: 5; font-size: 90%; color: #00ffff; text-decoration: underline;  }
#menutop p a:visited { color: #960096; text-decoration: underline;  }
#menutop p a:hover { color: #ff0000; text-decoration: none; }

/* champagne
---------------------------------------------------------------------------------------------- */
#champagne { margin: 0; width: 720; border-collapse: collapse; font-size: 90%; }
#champagne th { margin: 0; padding: 5; }
#champagne td { margin: 0; padding: 5; }
#champagne .item1 { background-color: #eb6100; color: #ffffff; text-align: left; font-weight: bold; }
#champagne .name1 { background-color: #ffffff; color: #000000; text-align: left; font-size: 90%; vertical-align: top; }
#champagne .name2 { background-color: #e6e6e6; color: #000000; text-align: left; font-size: 90%; vertical-align: top; }
#champagne .price1 { background-color: #ffffff; color: #000000; text-align: right; font-size: 90%; font-weight: bold; }
#champagne .price2 { background-color: #e6e6e6; color: #000000; text-align: right; font-size: 90%; font-weight: bold; }

/* players
---------------------------------------------------------------------------------------------- */
#player { margin-left: auto; margin-right: auto; width: 730; text-align: center; background-image: url(../players/images/background.jpg); }
#players { margin-left: auto; margin-right: auto; width: 380; text-align: left; }
#players h3 { margin: 0; font-size: 120%; color: #00ff00; }
#players h4 { font-size: 100%; color: #f39800; }
#players h5 a { font-size: 100%; color: #00ffff; text-decoration: underline;  }
#players h5 a:visited { color: #960096; text-decoration: underline;  }
#players h5 a:hover { color: #ff0000; text-decoration: none; }
#players ul { margin: 0 0 0 0; padding: 0; list-style: none outside; }
#players ul li { font-size: 100%; color: #00ffff; margin-bottom: 10; }
#players ul li a { font-size: 90%; color: #00ffff; text-decoration: underline;  }
#players ul li a:visited { color: #960096; text-decoration: underline;  }
#players ul li a:hover { color: #ff0000; text-decoration: none; }
#players ul li img { border: 0; }
#players ul li i { color: #ff0000; font-style: normal; }
#players p { margin: 0 0 0 0; color: #ffffff; }
#players p em { font-size: 90%; color: #ffff00; font-style: normal; }

/* request
---------------------------------------------------------------------------------------------- */
#request { margin-left: auto; margin-right: auto; width: 730; text-align: left; }
#request h3 { margin: 0; font-size: 120%; color: #00ff00; }
#request h4 { font-size: 100%; color: #f39800; }
#requestform { margin: 0; border: 1px #ffffff solid; width: 720; border-spacing: 0; font-size: 90%; }
#requestform . { margin: 0; padding: 5; }
#requestform td { margin: 0; padding: 5; }
#requestform .completion { margin: 0; text-align: center; }
#request p { margin: 0; color: #ffffff; }

/* profile
---------------------------------------------------------------------------------------------- */
#profile { margin-left: auto; margin-right: auto; width: 400; text-align: left; }
#profile h3 { font-size: 120%; color: #00ff00; text-align: center; }
#profile img { border: 0; }
#profile p { font-size: 90%; color: #ffffff; }
#profile p em { color: #eb6110; font-style: normal; }
#profile p i { color: #ffff00; font-style: normal; }
#profile p a { color: #00ffff; text-decoration: underline;  }
#profile p a:visited { color: #960096; text-decoration: underline;  }
#profile p a:hover { color: #ff0000; text-decoration: none; }

/* playerstop
---------------------------------------------------------------------------------------------- */
#playerstop { margin-left: auto; margin-right: auto; text-align: center; }
#playerstop p a { padding: 5; font-size: 90%; color: #00ffff; text-decoration: underline;  }
#playerstop p a:visited { color: #960096; text-decoration: underline;  }
#playerstop p a:hover { color: #ff0000; text-decoration: none; }

/* sitemap
---------------------------------------------------------------------------------------------- */
#sitemap { margin-left: auto; margin-right: auto; width: 380; text-align: left; }
#sitemap h3 { margin: 0; font-size: 120%; color: #00ff00; }
#sitemap dl { margin-bottom: 10; font-size: 90%; color: #ffffff; }
#sitemap dt { margin-bottom: 10; }
#sitemap dd { margin-bottom: 10; }
#sitemap a { color: #00ffff; text-decoration: underline;  }
#sitemap a:visited { color: #960096; text-decoration: underline;  }
#sitemap a:hover { color: #ff0000; text-decoration: none; }

