@charset "utf-8";

/*----------------------------------------------------------------------------------------
	BASE
=========================================================================================*/
* {
	margin: 0px;
	padding: 0px;
	}

body {
	background-color: #000000;
	font-family: "ＭＳ Ｐゴシック", Osaka;
	font-size: 12px;
	color: #D8D8D8;
	line-height: 150%;
	}

a {
	color: #CC9900;
	text-decoration: none;
	}
a:visited { color: #CC9900; }
a:hover {
	color: #FFCC00;
	text-decoration: underline;
	}

#base, #head {
	width: 940px;
	margin: 0px auto 0px auto;
	}

#base { padding: 15px 0px 0px 0px; }
#head { padding: 10px 0px 0px 0px; }

#head h1 a {
	width: 205px;
	height: 74px;
	margin: 0px auto;
	display: block;
	background: url(common/grammy.gif) no-repeat;
	}
#head h1 a:visited { background: url(common/grammy.gif) no-repeat; }
#head h1 a:hover { background: url(common/grammy.gif) no-repeat; }

#copyrightIndex, #copyright {
	width: 940px;
	margin: 5px auto 10px auto;
	text-align: center;
	color: #CC9900;
	font-family: Verdana, Tahoma, Arial, sans-serif;
	}

#copyright {
	padding: 8px 0px 0px 0px;
	background: url(common/border_b.gif) top center no-repeat;
	}

.map {
	margin: 0px 0px 0px 10px;
	float: left;
	display: inline;
	font-size: 10px;
	}

.map a { color: #CC9900; }
.map a:visited { color: #CC9900; }
.map a:hover { color: #FFCC00; }

.copyrightText {
	margin: 0px 10px 0px 0px;
	*margin: 0px 5px 0px 0px;
	float: right;
	font-size: 10px;
	}

h1, h2, h3, h4 { font-size: 0px; }
.emptyText {
	visibility: hidden;
	color: #000000;
	}

p {
	margin: 0px;
	padding: 0px;
	}

.clear {
	font-size: 0px;
	clear: both;
	}

.pagetop { 
	width: 920px;
	margin: 5px auto 0px auto;
	text-align: right;
	}

.border {
	padding: 0px 0px 21px 0px;
	background: url(common/border.gif) bottom center no-repeat;
	}

.borderT {
	padding: 21px 0px 0px 0px;
	background: url(common/border.gif) top center no-repeat;
	}

#map {
	width: 700px;
	padding: 10px 0px;
	margin: 0px auto 0px auto;
	}

#map .center {
	padding: 20px 0px;
	text-align: center;
	}


/*----------------------------------------------------------------------------------------
	MENU
=========================================================================================*/
.pr40 { padding-right: 40px; }

#menu  {
	*padding-bottom: 4px;
	}

#menu ul {
	width: 677px;
	height: 40px;
	margin: 4px auto 2px auto;
	}
#menu ul li {
	height: 40px;
	float: left;
	list-style: none;
	}

#menu ul li a {
	height: 40px;
	display: block;
	}

#menu ul li a:visited {
	height: 40px;
	display: block;
	}

#menu ul li a:hover {
	height: 40px;
	display: block;
	}

.btnHistory {
	width: 100px;
	background: url(common/btn_history_d.gif) top left no-repeat;
	}
.btnHistory a { background: url(common/btn_history.gif) top left no-repeat; }
.btnHistory a:visited { background: url(common/btn_history.gif) top left no-repeat; }
.btnHistory a:hover { background: url(common/btn_history_d.gif) top left no-repeat; }

.btnRepertory {
	width: 118px;
	background: url(common/btn_repertory_d.gif) top left no-repeat;
	}
.btnRepertory a { background: url(common/btn_repertory.gif) top left no-repeat; }
.btnRepertory a:visited { background: url(common/btn_repertory.gif) top left no-repeat; }
.btnRepertory a:hover { background: url(common/btn_repertory_d.gif) top left no-repeat; }

.btnStaff {
	width: 79px;
	background: url(common/btn_staff_d.gif) top left no-repeat;
	}
.btnStaff a { background: url(common/btn_staff.gif) top left no-repeat; }
.btnStaff a:visited { background: url(common/btn_staff.gif) top left no-repeat; }
.btnStaff a:hover { background: url(common/btn_staff_d.gif) top left no-repeat; }

.btnBlog {
	width: 72px;
	background: url(common/btn_blog_d.gif) top left no-repeat;
	}
.btnBlog a { background: url(common/btn_blog.gif) top left no-repeat; }
.btnBlog a:visited { background: url(common/btn_blog.gif) top left no-repeat; }
.btnBlog a:hover { background: url(common/btn_blog_d.gif) top left no-repeat; }

.btnBlogB {
	width: 72px;
	background: url(common/btn_blog_d.gif) top left no-repeat;
	}
.btnBlogB a { background: url(common/btn_blog_d.gif) top left no-repeat; }
.btnBlogB a:visited { background: url(common/btn_blog_d.gif) top left no-repeat; }
.btnBlogB a:hover { background: url(common/btn_blog_d.gif) top left no-repeat; }

.btnPhoto {
	width: 148px;
	background: url(common/btn_photo_d.gif) top left no-repeat;
	}
.btnPhoto a { background: url(common/btn_photo.gif) top left no-repeat; }
.btnPhoto a:visited { background: url(common/btn_photo.gif) top left no-repeat; }
.btnPhoto a:hover { background: url(common/btn_photo_d.gif) top left no-repeat; }


/*----------------------------------------------------------------------------------------
	TITLE
=========================================================================================*/
#history, #repertory, #staff, #blog {
	width: 860px;
	margin: 0px auto 0px auto;
	}


/*----------------------------------------------------------------------------------------
	HISTORY
=========================================================================================*/
#history .title {
	width: 860px;
	height: 95px;
	margin: 0px 0px 5px 0px;
	background: url(history/img/title.gif) top left no-repeat;
	}

#history .histBg {
	width: 820px;
	margin: 0px auto;
	padding: 0px 0px 1px 0px;
	background: url(history/img/line.gif) 120px 0px repeat-y;
	line-height: 135%;
	}

#history .year { padding: 4px 0px 4px 15px; }
#history .photo { padding: 4px 0px 4px 0px; }
#history .text { padding: 4px 0px 4px 20px; }

.yellow { color: #CC9900; }
.f10 { font-size: 10px; }
.f10L {
	font-size: 10px;
	line-height: 130%;
	}


/*----------------------------------------------------------------------------------------
	REPERTORY
=========================================================================================*/
#repertory .title {
	width: 860px;
	height: 95px;
	margin: 0px 0px 5px 0px;
	background: url(repertory/img/title.gif) top left no-repeat;
	}

#repertory ul.menu {
	float: right;
	width: 130px;
	}

#repertory ul.menu li { list-style: none; }
#repertory ul.menu li a {
	width: 130px;
	display: block;
	}
#repertory ul.menu li a:visited {
	width: 130px;
	display: block;
	}
#repertory ul.menu li a:hover {
	width: 130px;
	display: block;
	}

.btnReRock {
	height: 36px;
	background: url(repertory/img/btn_rock_d.gif) top left no-repeat;
	}
.btnReRock a {
	height: 36px;
	background: url(repertory/img/btn_rock.gif) top left no-repeat;
	}
.btnReRock a:visited {
	height: 36px;
	background: url(repertory/img/btn_rock.gif) top left no-repeat;
	}
.btnReRock a:hover {
	height: 36px;
	background: url(repertory/img/btn_rock_d.gif) top left no-repeat;
	}

.btnReOldies {
	height: 51px;
	background: url(repertory/img/btn_oldies_d.gif) top left no-repeat;
	}
.btnReOldies a {
	height: 51px;
	background: url(repertory/img/btn_oldies.gif) top left no-repeat;
	}
.btnReOldies a:visited {
	height: 51px;
	background: url(repertory/img/btn_oldies.gif) top left no-repeat;
	}
.btnReOldies a:hover {
	height: 51px;
	background: url(repertory/img/btn_oldies_d.gif) top left no-repeat;
	}

.btnReJazz {
	height: 102px;
	background: url(repertory/img/btn_jazz_d.gif) top left no-repeat;
	}
.btnReJazz a {
	height: 102px;
	background: url(repertory/img/btn_jazz.gif) top left no-repeat;
	}
.btnReJazz a:visited {
	height: 102px;
	background: url(repertory/img/btn_jazz.gif) top left no-repeat;
	}
.btnReJazz a:hover {
	height: 102px;
	background: url(repertory/img/btn_jazz_d.gif) top left no-repeat;
	}

.btnReRandb {
	height: 78px;
	background: url(repertory/img/btn_randb_d.gif) top left no-repeat;
	}
.btnReRandb a {
	height: 78px;
	background: url(repertory/img/btn_randb.gif) top left no-repeat;
	}
.btnReRandb a:visited {
	height: 78px;
	background: url(repertory/img/btn_randb.gif) top left no-repeat;
	}
.btnReRandb a:hover {
	height: 78px;
	background: url(repertory/img/btn_randb_d.gif) top left no-repeat;
	}

.btnReBeatles {
	height: 42px;
	background: url(repertory/img/btn_beatles_d.gif) top left no-repeat;
	}
.btnReBeatles a {
	height: 42px;
	background: url(repertory/img/btn_beatles.gif) top left no-repeat;
	}
.btnReBeatles a:visited {
	height: 42px;
	background: url(repertory/img/btn_beatles.gif) top left no-repeat;
	}
.btnReBeatles a:hover {
	height: 42px;
	background: url(repertory/img/btn_beatles_d.gif) top left no-repeat;
	}

.btnReVentures {
	height: 75px;
	background: url(repertory/img/btn_ventures_d.gif) top left no-repeat;
	}
.btnReVentures a {
	height: 75px;
	background: url(repertory/img/btn_ventures.gif) top left no-repeat;
	}
.btnReVentures a:visited {
	height: 75px;
	background: url(repertory/img/btn_ventures.gif) top left no-repeat;
	}
.btnReVentures a:hover {
	height: 75px;
	background: url(repertory/img/btn_ventures_d.gif) top left no-repeat;
	}

.btnRePops {
	height: 45px;
	background: url(repertory/img/btn_pops_d.gif) top left no-repeat;
	}
.btnRePops a {
	height: 45px;
	background: url(repertory/img/btn_pops.gif) top left no-repeat;
	}
.btnRePops a:visited {
	height: 45px;
	background: url(repertory/img/btn_pops.gif) top left no-repeat;
	}
.btnRePops a:hover {
	height: 45px;
	background: url(repertory/img/btn_pops_d.gif) top left no-repeat;
	}

#repertory .mainBody {
	float: left;
	width: 712px;
	display: inline;
	background: url(repertory/img/bg_paper_c.jpg) top left repeat-y;
	}

#repertory .subTitle {
	width: 712px;
	padding: 105px 0px 0px 0px;
	}

#repertory .mainBottom {
	padding: 0px 0px 10px 0px;
	background: url(repertory/img/bg_paper_b.jpg) bottom left no-repeat;
	}

#repertory .mainCont {
	width: 646px;
	margin: 0px auto;
	background: url(repertory/img/dotline.jpg) center repeat-y;
	color: #806A46;
	}

#repertory .mainCont .contL { padding: 5px 33px 0px 0px; }
#repertory .mainCont .contR { padding: 5px 0px 0px 33px; }

#repertory .mainCont .mTitle {
	padding: 2px 5px;
	background-color: #B68E63;
	color: #F7F4E6;
	line-height: 110%;
	}

#repertory .mainCont .mText {
	padding: 5px 3px 15px 3px;
	font-size: 10px;
	line-height: 130%;
	}

.reRock { background: url(repertory/img/sub_title.jpg) top left no-repeat; }
.reOldies { background: url(repertory/img/sub_title_old.jpg) top left no-repeat; }
.reJazz { background: url(repertory/img/sub_title_jazz.jpg) top left no-repeat; }
.reRandb { background: url(repertory/img/sub_title_randb.jpg) top left no-repeat; }
.reBeatles { background: url(repertory/img/sub_title_beatles.jpg) top left no-repeat; }
.reVentures { background: url(repertory/img/sub_title_ventures.jpg) top left no-repeat; }
.rePops { background: url(repertory/img/sub_title_pops.jpg) top left no-repeat; }

.brown { color: #996600; }


/*----------------------------------------------------------------------------------------
	STAFF
=========================================================================================*/
#staff {}

#staff .title {
	width: 860px;
	height: 95px;
	margin: 0px 0px 5px 0px;
	background: url(staff/img/title.gif) top left no-repeat;
	}

#staff .dotline {
	padding-bottom: 25px;
	border-bottom: 1px dashed #CC9900;
	}

#staff .staffCont {
	margin: 10px 0px 0px 0px;
	line-height: 130%;
	}
#staff .staffComment { margin: 15px 0px 5px 0px; }


/*----------------------------------------------------------------------------------------
	PHOTO
=========================================================================================*/
#photo {
	width: 920px;
	margin: 0px auto 0px auto;
	color: #000000;
	}

#photo .phFoot {
	width: 900px;
	height: 60px;
	margin: 0px auto 0px auto;
	}

#photo .title {
	width: 805px;
	height: 60px;
	background: url(photogallery/img/title.gif) top left no-repeat;
	}

#photo .numBox {
	width: 85px;
	float: right;
	display: inline;
	margin: 19px 0px 0px 0px;
	text-align: right;
	}
#photo .numBox img { float: right;}

#photo .thumbnail { margin: 10px 0px 0px 0px; }
#photo .thumbnail td { padding: 10px 0px 0px 0px; }
#photo .thumbnail img { border: 3px solid #FFFFFF; }

#photo .numBox .number {
	width: 25px;
	height: 21px;
	float: left;
	display: block;
	padding: 4px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	border: 1px solid #CC9900;
	color: #CC9900 ;
	font-size: 12px;
	}
.mr3 { margin-right: 3px; }