/* 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_sosho {
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
}

#sosho0 {
width:580px;
height: 328px;
margin:0 15px 10px 15px;
background:url("../images/sosho/sosho3.jpg") no-repeat left top; 
}

#wrapper1_sosho0 {
width:580px;
height:154px;
}

h2 {
font-size: 20px;
padding:36px 0 0 0;
text-align:center;
}

h3 {
font-size: 12px;
text-indent:-999em
}

h4 {
font-size: 12px;
text-indent:-999em
}

#wrapper2_sosho0 {
width:370px;
height:174px;
margin:0 0 0 210px;
}

#sosho1 {
width:580px;
height: 291px;
margin:0 15px 10px 15px;
background:url("../images/sosho/sosho1.jpg") no-repeat left top; 
}

#wrapper1_sosho1 {
width:580px;
height:111px;
}

#wrapper2_sosho1 {
width:370px;
height:180px;
margin:0 0 0 210px;
}


.text15 {
width:350px;
margin:10px 0 10px 0;
padding:5px 10px 5px 10px;
background-color: #c8effe;
text-align: center;
}



/* #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;
}