@charset "utf-8";

/*----------------------------------
   base
----------------------------------*/
* {
	line-height: 1.7;
}

html {
	overflow: hidden;
}

#wrap {
	width: 826px;
	height: 544px;
	min-width: 826px;
	background: url(../img/lower/bg.gif) center top no-repeat;
}

#contents {
	width: 682px;
	_width: 635px;
	height: 463px;
	margin-top: 38px;
	margin-left: 75px;
	position: absolute;
}

/*----------------------------------
   main
----------------------------------*/
#wrap #contents h1 {
	margin-bottom: 18px;
}

#wrap #contents #anchor {
	margin-left: -12px;
	font-size: 11px;
}
#wrap #contents #anchor li {
	list-style: url(../img/lower/arr_anchor_d.png) inside;
	margin-left: 20px;
	margin-bottom: 18px;
	float: left;
}

#wrap #contents #main {
	width: 620x;
	_width: 573x;
	margin-left: 8px;
	padding-right: 16px;
	clear: both;
	height: 404px;
}

#wrap #contents #main_archive {
	width: 620x;
	_width: 573x;
	margin-left: 8px;
	padding-right: 16px;
	clear: both;
	height: 368px;
}

#wrap #contents #main_bus{
	width: 620x;
	_width: 573x;
	margin-left: 8px;
	padding-right: 16px;
	clear: both;
	height: 373px;
}

#wrap #contents .att {
	font-size: 11px;
}

#wrap #contents .att2border {
	border: solid #333333 1px;
	padding: 10px;
	width: 302px;
	font-size: 15px;
	font-weight: bold !important;
}

#wrap #contents .sign {
	text-align: right;
}

#wrap #contents #pagetop {
	width: 620x;
	text-align: right;
}

#wrap #contents #pagetop .arr{
	font-size: 11px;
	background: url(../img/lower/arr_anchor_u.png) left no-repeat;
	padding-left: 18px;
}

/*----------------------------------
   Coming soon
----------------------------------*/
#wrap #contents #comingsoon {
	font-size: 16px;
	text-align: center;
	margin-top: 20px;
}
#wrap #contents #comingsoon h2{
	font-size: 24px;
	font-weight: bold;
}
#wrap #contents #comingsoon p.f20{
	font-size: 20px;
	font-weight: bold;
}



/*----------------------------------
  Scroll Bar
----------------------------------*/
#wrap #contents .scrollgeneric {
	line-height: 1px;
	font-size: 1px;
	position: absolute;
	top: 0; left: 0;
}
/*bar*/
#wrap #contents .vscrollerbar {
	width: 15px;
	background: #ececec url(../img/lower/scrollbar_lower.png) -15px 0px repeat-y;
}
/*bar_top*/
#wrap #contents .vscrollerbarbeg {
	height: 15px !important;
	width: 15px;
	background: url(../img/lower/scrollbar_lower.png) -45px 0px no-repeat;
}
/*bar_bottom*/
#wrap #contents .vscrollerbarend {
	height: 15px;
	width: 15px;
	background: url(../img/lower/scrollbar_lower.png) -45px 0px no-repeat;
}
/*bg*/
#wrap #contents .vscrollerbase {
	width: 15px;
	background: #ececec url(../img/lower/scrollbar_lower.png) 0px 0px repeat-y;
}
/*arr_top*/
#wrap #contents .vscrollerbasebeg {
	width: 15px;
	height: 15px !important;
	background: url(../img/lower/scrollbar_lower.png) -30px 0px no-repeat;
}
/*arr_bottom*/
#wrap #contents .vscrollerbaseend {
	width: 15px;
	height: 15px !important;
	background: url(../img/lower/scrollbar_lower.png) -30px -15px no-repeat;
}
#wrap #contents .hscrollerbase {
	height: 15px;
	background-color: ececec;
}
#wrap #contents .hscrollerbar {
	height: 15px;
	background-color: ececec;
}
#wrap #contents .vscrollerbar,
#wrap #contents .hscrollerbar {
	padding: 15px;
	z-index: 2;
}
#wrap #contents .scrollerjogbox {
	width: 15px;
	height: 15px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background: #ececec;
}
/*----------------------------------
   page next prev
----------------------------------*/

#wrap #prevPage {
	width: 33px;
	top: 82px;
	left: 0px;
	position: absolute;
	z-index: 1;
}

#wrap #nextPage {
	width: 33px;
	top: 82px;
	left: 783px;
	position: absolute;
	z-index: 1;
}

/*----------------------------------
  for info.html
----------------------------------*/
#wrap #contents #main #info img {
	float: left;
	margin: 5px 20px 15px 0;
}

/*----------------------------------
  for next.html
----------------------------------*/
#wrap #contents h2 {
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 10px;
}

#wrap #contents h3 {
	font-size: 14px;
	font-weight: bold;
	background: url(../img/lower/icon_h3.png) left no-repeat;
	padding-left: 14px;
	margin-top: 15px;
	margin-bottom: 5px;
}

#wrap #contents h4 {
	font-weight: bold;
}

#wrap #contents p {
	margin-bottom: 18px;
}

#wrap #contents p.mb5{
	margin-bottom: 5px !important;
}

#wrap #contents #txtArea {
	height: 420x;
	position: relative;
	left: 0px;
	top: 0px;
	padding-bottom: 20px;
}

#wrap #contents #txtArea iframe {
	/*margin-bottom: -30px;*/
}

#wrap #contents #txtArea iframe, x:-moz-any-link {
	height: 160px;
}

#wrap #contents #txtArea dl {
}

#wrap #contents #txtArea dt {
	margin-left: 5px;
	font-weight: bold;
}
#wrap #contents #txtArea dd {
	margin-left: 14px;
	margin-bottom: 18px;
}

#wrap #contents #txtArea ol{
	margin-bottom: 18px;
}

#wrap #contents #txtArea ol.ticket{
	margin-bottom: 5px;
}

#wrap #contents #txtArea ol li{
	list-style: decimal outside;
	margin: 0 0 0 20px;
	padding: 0;
}

#wrap #contents #txtArea p.address{
	width: 400px;
	border: #000 dotted 1px;
	margin: 12px 10px 18px 10px;
	padding: 5px 12px;
}

#wrap #contents #txtArea .kac_box{
	width: 450px;
	height: 120px;
	margin-bottom: 30px;
	clear: both;
}

#wrap #contents #txtArea .kac_box p{
	margin: 0;
}

#wrap #contents #txtArea .f_l{
	width: 120px;
	height: 120px;
	margin-right: 15px;
	float: left;
}

#wrap #contents #txtArea .f_r{
	width: 330px;
	height: 120px;
	display: table-cell;
	vertical-align: middle;
}

#wrap #contents #flyerArea {
	width: 180px;
	float: right;
	margin-left: 15px;
}

#wrap #contents #flyerArea_sideways {
	width: 300px;
	float: right;
	position: relative;
	margin-left: 15px;
	z-index: 100;
	font-size: 10px;
}

#wrap #contents #flyerArea img,
#wrap #contents #flyerArea_sideways img {
	margin-bottom: 15px;
}

#wrap #contents #map{
	width: 640px;
	height: 370px;
	margin-bottom: 10px;
}


/*----------------------------------
  for inquiry.html
----------------------------------*/
#wrap #contents #main #inquiry {
	margin: 20px 0;
}

#wrap #contents #main #inquiry p,
#wrap #contents #main #inquiry dl {
	margin: 10px 0 30px 15px;
}

#wrap #contents #main #inquiry dt {
	width: 75px;
	float: left;
}

#wrap #contents #main #inquiry dd {
	margin-bottom: 10px;
}

/*----------------------------------
  for link.html
----------------------------------*/
#wrap #contents #main #link {
	margin-top: 10px;
	margin-bottom: 30px;
	overflow: hidden;
}
#wrap #contents #main #link li{
	width: 180px;
	margin-top: 5px;
	margin-right: 15px;
	padding-left: 14px;
	background: url(../img/lower/arr_li.png) no-repeat left;
	float: left;
	white-space: nowrap;
}
#wrap #contents #main #link li a.small{
	font-size: 96%;
}
#wrap #contents #main #link .new{
	margin-left: 10px;
	color: #F00;
	font-size: 82%;
	font-weight: bold;
}


/*----------------------------------
  for bus.html
----------------------------------*/
#wrap #contents h1.bus {
	margin-bottom: 5px;
	float: left;
	font-size: 23px;
}
#wrap #contents h2 .f16 {
	font-size: 16px;
}
#wrap #contents h2 .f14 {
	font-size: 14px;
}
#wrap #contents .attention {
	width: 380px;
	border: solid 1px #FF0000;
	padding: 10px;
	display: block;
	margin-bottom: 18px;
}
#wrap #contents #anchor_bus {
	width: 590px;
	margin-left: 8px;
	margin-bottom: 18px;
	float: left;
	font-size: 11px;
}
#wrap #contents #anchor_bus li {
	list-style: url(../img/lower/arr_anchor_d.png) inside;
	margin-right: 20px;
	float: left;
}

/*----------------------------------
  for audition.html
----------------------------------*/
#wrap #contents h1.aud {
	margin-bottom: 5px;
	float: left;
	font-size: 23px;
	width: 650px;
}
#wrap #contents h2.f16 {
	font-size: 16px;
}
#wrap #contents p.intro {
	margin-top: 25px;
	margin-bottom: 30px;
}
#wrap #contents #main dl {
}
#wrap #contents #main dt {
	margin-left: 5px;
	font-weight: bold;
}
#wrap #contents #main dd {
	margin-left: 14px;
	margin-bottom: 18px;
}
#wrap #contents #main ol{
	margin-bottom: 5px;
}

#wrap #contents #main ol li{
	list-style: decimal outside;
	margin: 0 0 0 20px;
	padding: 0;
}