/* CSS Document */

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

body,p,div,ul,li,img,table{border:none;}

html{
height:100%;
}

body {
height:100%;
text-align: center;
color:#333333;
background: url("../images/template/bg.jpg");
}

#container {
width:930px;
min-height:100%;
margin: 0 auto;
overflow:visible;
position: relative;
text-align: left;
}

#side-a {
width:245px;
float: left;
}

#wrapper {
width:930px;
float: left;
}

#side-b {
width:320px;
float: right;
}

#content_archives {
width:610px;
height:auto;
background:url("../images/template/bg1.jpg") repeat-y left top; 
float: left;
}

#clear {
clear: both;
}

#header {
width:428px;
height:45px;
}

img#logo {
margin:5px 182px;
height: 35px;
z-index: 2;
}

h1 {
display: block;
position: absolute;
left: 182px;
top: 5px;
height: 35px;
text-indent:-999em
}

h1 span {
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 246px;
height: 35px;
background: url("../images/template/jinbocho-theater_s.jpg") no-repeat left top;
}

#header_notes {
position:absolute; top:0px; left:429px;
width:182px;
height:45px;
}

#header_notes ul{
height: 23px;
list-style-type:none;
margin:0 0 0 19px;
padding:0;
}

#header_notes li{
float:left;
height:23px;
text-indent:-999em
}

#header_notes li a{
display:block;
height:23px;
text-indent:-999em
}


h2 {
position:relative;
margin:0 15px 10px 15px;
font-size: 15px;
height: 26px;
}

#content_archives h2 span {
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 580px;
height: 26px;
background: url("../images/archives/archives.jpg") no-repeat left top;
}

#content_coming h2 span {
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 580px;
height: 26px;
background: url("../images/program/coming_program.jpg") no-repeat left top;
}

.archives { 
background:url("../images/template/line1.jpg") no-repeat left bottom;
margin:0 15px 6px;
padding:0 0 8px;
width:580px;
overflow:hidden;
}

.archives_sche {
}

/* #side-b banner */

#menu {
width:243px;
margin:10px 0 0 2px;}

#menu ul{ 
width: 236px; 
list-style-type:none; 
margin:0 0 5px 7px;; 
padding:0; }

#menu li{
height:58px;
text-indent:-999em}

#menu li a{
display:block;
height:58px;
text-indent:-999em}

#menu li#program a:link,#menu li#program a:visited,#menu li#program a:active{ 
background:url(../images/template/btn07_a.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:131px;
}

#menu li#program a:hover{ 
background:url(../images/template/btn07_b.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:131px;
}

#menu li#guide a:link,#menu li#guide a:visited,#menu li#guide a:active{ 
background:url(../images/template/btn03_a.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:113px;
}

#menu li#guide a:hover{ 
background:url(../images/template/btn03_b.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:113px;
}

#menu li#archives a:link,#menu li#archives a:visited,#menu li#archives a:active{ 
background:url(../images/template/btn04_a.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:142px;
}

#menu li#archives a:hover{ 
background:url(../images/template/btn04_b.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:142px;
}

#menu li#sosho a:link,#menu li#sosho a:visited,#menu li#sosho a:active{ 
background:url(../images/template/btn05_a.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:142px;
}

#menu li#sosho a:hover{ 
background:url(../images/template/btn05_b.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:142px;
}

#menu li#link a:link,#menu li#link a:visited,#menu li#link a:active{ 
background:url(../images/template/btn06_a.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:67px;
}

#menu li#link a:hover{ 
background:url(../images/template/btn06_b.jpg) no-repeat left top; 
position: relative; top: 0px; left: 0px; width:67px;
}