div#container {
background-position:100% 360px !important;
position: relative;
z-index: 0;
}
#header {
height: 90px !important;
}
a#logo {
height: 90px !important;
}

div#upper-contents h2 {
background: #093 url(../images/top_image_480x270.jpg) 0px 0px;
width: 480px;
height: 270px;
text-indent: -2048px;
overflow: hidden;
padding: 0px !important;
margin: 0px !important;
}

ul#index {
position: absolute;
top: 0px;
left: 480px;
width: 160px;
height: 270px;
list-style: none;
}

ul#index li a {
position: absolute;
width: 160px;
height: 54px;
text-indent: -2048px;
overflow: hidden;
}

#index-outline a {
top: 0px;
left: 0px;
background: #093 url(../images/index/outline.jpg) 0px 0px;
}
#index-outline a:hover {
background-position:0px 54px;
}

#index-concert a {
top: 54px;
left: 0px;
background: #093 url(../images/index/concert.jpg) 0px 0px;
}
#index-concert a:hover {
background-position:0px 54px;
}

#index-join a {
top: 108px;
left: 0px;
background: #093 url(../images/index/join.jpg) 0px 0px;
}
#index-join a:hover {
background-position:0px 54px;
}

#index-calendar a {
top: 162px;
left: 0px;
background: #093 url(../images/index/calendar.jpg) 0px 0px;
}
#index-calendar a:hover {
background-position:0px 54px;
}

#index-report a {
top: 216px;
left: 0px;
background: #093 url(../images/index/report.jpg) 0px 0px;
}
#index-report a:hover {
background-position:0px 54px;
}

ul#history  {
color: #630;
font-size: 10px;
line-height: 1.5;
margin: 0px 16px 1em;
}

ul#history li {
list-style: disc !important;
list-style-image: none !important;
padding-left: 0px;
margin:0.5em 0px;
}	

p#PV {
font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro";
font-weight: bold;
margin-top: 1em;
}

/*twitter wedget*/

div#drawer {
position: absolute;
top: 80px;
left: 641px;
width: 320px;
height: 780px;
padding-top: 6px;
opacity: 0.85;
overflow: hidden;
z-index: -3;
}

#twitter-widget-0 {
box-shadow: 2px 2px 6px rgba(0,0,0,0.3);
position: relative;
left: -320px;
border-radius: 5px;
}