/* main.css */

* {
    margin: 0;
    padding: 0;
    line-height: 100%;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}

article, aside, canvas, details,
figcaption, figure, footer, header,
hgroup, nav, section, summary, video {
    display: block;
}

a {
    text-decoration: none;
    color:lightblue;
}

a:hover {
    text-decoration: underline;
}

.hidden { display:none; }
.left { float: left; }
.right { float: right; }
.center { text-align: center; }
.underline { text-decoration: underline; }

img { border: none; }

body {
    background: black;
    color: white;
}

p { margin-bottom: 1em; }


#wrap {
    width: 800px;
    margin: 0 auto;
    background: black;
    border-left: 1px solid gray;
    border-right: 1px solid gray;
}


header {
    display: block;
    height: 516px;
}

#main_logo {
    position: relative;
    z-index:10;
	width: 473px;
	height: 261px;
}
.lt-ie7 #main_logo {
    background: url(../img/logo.gif);
}
.lt-ie7 #main_logo img{
	display:none;
}

#main_pict {
    position: relative;
    top: -130px;
    z-index:0;
}

#schedule {
    position: relative;
    top: -506px;
    left: 340px;
    width: 450px;
    text-align: right;
    font-family: sans-serif;
    font-weight: bold;
}
.lt-ie7 #schedule {
    top: -856px;
}
#schedule .date {
    font-size: 200%;
    margin-bottom: 2px;
}
#schedule .time {
    font-size: 110%;
    margin-bottom: 6px;
}
#schedule .place {
    font-size: 200%;
    margin-bottom: 2px;
}
#schedule .url {
    margin-bottom: 6px;
}
#schedule .charge {
    margin-bottom: 6px;
}
#schedule .reservation a {
}


#performers {
    width: 120px;
    height: 62px;
    background: url(../img/performers.png);
    position: relative;
    margin: 0 auto;
}
.lt-ie7 #performers {
    background: url(../img/performers.gif);
}

.band_info {
    position: relative;
    width: 400px;
    text-align: center;
}
.lt-ie7 .band_info {
    width: 390px;
}


#jampro {
    width: 400px;
    height: 65px;
    background: url(../img/jampro.png);
}
.lt-ie7 #jampro {
    width: 390px;
    background: url(../img/jampro.gif);
}


#jam_member {
    margin-top: -10px;
    width: 400px;
    height: 200px;
    background: url(../img/jam_member.png);
}
.lt-ie7 #jam_member {
    width: 390px;
    background: url(../img/jam_member.gif);
}


#anisonbu {
    width: 400px;
    height: 65px;
    background: url(../img/anisonbu.png);
}
.lt-ie7 #anisonbu {
    width: 390px;
    background: url(../img/anisonbu.gif);
}


#anison_member {
    margin-top: -10px;
    width: 400px;
    height: 200px;
    background: url(../img/anison_member.png);
}
.lt-ie7 #anison_member {
    width: 390px;
    background: url(../img/anison_member.gif);
}

#description {
    border: 1px solid gray;
    padding: 10px;
    margin: 10px;
    text-align: left;
}

#description p {
    margin: 0 0 5px;
    line-height: 120%;
}
#description h2 {
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom: 1px solid gray;
    font-size: 120%;
}

#description h3 {
    font-size: 100%;
    margin-bottom: 10px;
    border-bottom: 1px solid gray;
}

#description .band_description {
    width: 377px;
    padding-top: 15px;
}

#description .band_description p {
    font-size: 80%;
}

#description .band_description .lbox {
    padding: 0 10px 0 0;
    border-right: 1px solid gray;
}

#description .band_description .rbox {
    padding: 0 10px;
}

#reserve_button {
    text-align:center;
    font-size: 120%;
    padding: 30px 0;
}

#reserve_button a {
    color: red;
}