/* --------------------------------------
 COMMON
-------------------------------------- */

* { margin: 0; padding: 0 }

body {
  color: #313131;
  text-align: center;
  background-color: #75364D;
  background-image: url(../img/body.gif);
  background-repeat: repeat-y;
  background-position: center top;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  _font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
  font-size: 13px;
  line-height: 150%;
}

img {
 border: none;
}

hr {
 color: #FFF;
 border-top: 1px dotted #CCC;
}

li {
 list-style-position: outside;
}

strong { font-weight: bold; 
}

p {
 margin: 10px 0;
}

span.alt {
 display: none;
}

br.clear {
 font: 0;
 clear: both;
}

a:link {
 color: #006699;
 text-decoration: underline;
}

a:active {
 color: #006699;
 text-decoration: underline;
}

a:visited {
 color: #006699;
 text-decoration: underline;
}

a:hover {
	color: #663300;
	text-decoration: underline;
}

table {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  _font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

th {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  _font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

td {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  _font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

/* --------------------------------------
 LAYOUT
-------------------------------------- */

#wrapper {
 width : 780px;
 margin : 0 auto;
 background: #FFF url(../img/wrapper.gif) repeat-y;
 text-align: left;
}

#header {
 padding: 10px 0;
 background: #FFF;
}

#contents {
 padding: 0 20px;
}

#side {
 width: 190px;
 float: left;
 margin-bottom: 20px;
 padding-top: 20px;
 padding-right: 0;
 padding-bottom: 20px;
 padding-left: 0;
}

#main {
 width: 515px;
 padding: 20px 0 20px 35px;
 float: left;
}

#footer {
 clear: both;
 font-size: 11px;
 background-color: #ffffff;
 border-top-width: 2px;
 border-top-style: solid;
 border-top-color: #642a2e;
 width: 740px;
 margin-right: 20px;
 margin-left: 20px;
 line-height: 200%;
 padding: 15px 0px 0px;
}

/* --------------------------------------
 Header
-------------------------------------- */

#header h1 {
 padding-top: 0px;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 0px;
}

/* --------------------------------------
 Side bar
-------------------------------------- */

#side .box {
 margin: 0 0 20px 0;
}

#side h2 {
 font-size: 12px;
 border-top-width: 2px;
 border-bottom-width: 1px;
 border-top-style: solid;
 border-bottom-style: dotted;
 border-top-color: #642a2e;
 border-bottom-color: #CCCCCC;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
 padding-top: 5px;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
}

#side p {
 margin: 7px 0 0 0;
 padding: 0;
 font-size: 11px;
 line-height: 160%;
}

/* --------------------------------------
 Side / sidemenu
-------------------------------------- */

#side .menu {
 margin: 0 0 20px 0;
 padding-top: 9px;
 background-color: #cccccc;
}

#side .menu:hover {
 background-color: #a0a0a0;
}

#side .menu dl {
 list-style-type: none;
 padding: 0 0 9px 10px;
}

#side .menu dt {
 width: 170px;
 height: 25px;
 margin: 0 0 1px 0;
 line-height: 0;
}

#side .menu dt a {
 width: 170px;
 height: 25px;
 margin: 0 0 1px 0;
 display: block;
}

#side .menu dt a.top { background: url(../img/side_menu/menu_go_top.gif) no-repeat; }
#side .menu dt a.concert_info { background: url(../img/side_menu/menu_concert_info.gif) no-repeat; }
#side .menu dt a.event { background: url(../img/side_menu/menu_event.gif) no-repeat; }
#side .menu dt a.ticket { background: url(../img/side_menu/menu_ticket.gif) no-repeat; }
#side .menu dt a.hall { background: url(../img/side_menu/menu_hall.gif) no-repeat; }
#side .menu dt a.guide { background: url(../img/side_menu/menu_guide.gif) no-repeat; }
#side .menu dt a.company_info { background: url(../img/side_menu/menu_company_info.gif) no-repeat; }
#side .menu dt a.tomonokai { background: url(../img/side_menu/menu_tomonokai.gif) no-repeat; }
#side .menu dt a.outline { background: url(../img/side_menu/menu_outline.gif) no-repeat; }
#side .menu dt a.equipment { background: url(../img/side_menu/menu_equipment.gif) no-repeat; }
#side .menu dt a.equipment_cembalo { background: url(../img/side_menu/menu_equipment_cembalo.gif) no-repeat; }
#side .menu dt a.access_map { background: url(../img/side_menu/menu_access_map.gif) no-repeat; }
#side .menu dt a.charge { background: url(../img/side_menu/menu_charge.gif) no-repeat; }


#side .menu dt a:hover {
 background-color: #666666;
}

/* --------------------------------------
 DATA_BOX
-------------------------------------- */

.data_box {
 margin-top: 20px;
 margin-right: 0;
 margin-left: 0;
}

/* --------------------------------------
 MARGIN
-------------------------------------- */
 /* bottom */

.m_b10 {
 margin-bottom: 10px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
}

.m_b20 {
 margin-bottom: 20px;
 margin-top: 0px;
 margin-right: 0px;
 margin-left: 0px;
}

/* --------------------------------------
 LINE-HEIGHT
-------------------------------------- */

.120 {
 line-height: 120%;
}

.130 {
 line-height: 130%;
}

.135 {
 line-height: 135%;
}

.140 {
 line-height: 140%;
}

.150 {
 line-height: 150%;
}

.160 {
 line-height: 160%;
}

/* --------------------------------------
 FOOTER
-------------------------------------- */

.left { float: left }
.right { float: right }
.footer_navi {
 width: 100%;
 margin-bottom: 10px;
 height: 35px;
}
.footer_navi .left, .footer_navi .right {
}
.footer_navi .left {
}
.footer_navi .right {
}

.box_navi {
 font-size: 11px;
 text-align: center;
 border: 1px solid #EEE;
 margin: 0px 0 0;
 padding: 10px;
 background-color: #F5F5F5;
}

/* --------------------------------------
 COPYRIGHT
-------------------------------------- */

.copyright {
 text-align: center;
 padding: 10px;
 margin-top: 0px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
}

/* --------------------------------------
 説明
-------------------------------------- */

.explain {
 border: 2px solid #88abda;
 margin: 10px 0;
 padding: 10px;
 background: #ebf8fe;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
  _font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

