/************************************************
	ファイル名：layout.css
	概要：
	【東京ドームシティ：野球】のレイアウトに関する記述をするCSS
	
************************************************/

@charset "utf-8";
/* ============ body ============ */

body {
	width:100%;
	font-size:78%;
	line-height:135%;
	background-color: #00AAAA;
	background-image: url(../img/bg_body.png);
	background-repeat: no-repeat;
	background-position: center top;
}
a.pdf {
	background-image: url(../img/icon_pdf.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.cent {
	text-align: center;
}
.txt_right {
	text-align: right;
}
.txt_left {
	text-align: left;
}
#event {
	background-color: #DFDFDF;
	margin: 0px;
	padding: 0px;
	background-image: url(../../events/img/bg_body_event.png);
	background-repeat: no-repeat;
	background-position: center top;
}
img {
	display:block
}
.cent img {
	text-align: center;
	margin-right: auto;
	margin-left: auto;
}
strong {
	font-weight: bold;
}
strong.font_200 {
	font-size: 200%;
	line-height: 120%;
}
.cr {
	clear: both;
}
.col_red {
	color: #990000;
}
/* ============ wrapper ============ */

#wrapper {
	background-image: url(../img/bg_wrapper.png);
	background-repeat: repeat-x;
	background-position: left top;
}
#event #wrapper {
	background-image: url(../../events/img/bg_wrapper_event.png);
	background-repeat: repeat-x;
	background-position: left top;
}
/* ============ container ============ */

#container {
	width:958px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 30px;
	padding-left: 0;
}
/* ============ nav etc ============ */

#binfo {
	height: 62px;
	width: 856px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_baseball_info.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	overflow: hidden;
	padding: 0px;
	position: relative;
}
#binfo .binfo {
	list-style-type: none;
	float: left;
}
#binfo .binfo a {
	display: block;
	height: 62px;
	width: 210px;
	background-image: url(../img/bg_baseball_info.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#binfo .einfo {
	list-style-type: none;
	float: right;
}
#binfo .einfo a {
	display: block;
	height: 62px;
	width: 212px;
	background-image: url(../img/btn_event.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#binfo .einfo a:hover {
	background-position: left -62px;
}
#binfo .btop {
	position: absolute;
	left: 260px;
	width: 330px;
	height: 62px;
	top: 0px;
}
#binfo .btop a {
	display: block;
	height: 62px;
	text-indent: -9999px;
}
#event .binfo_wrap {
	height: 62px;
	width: 856px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(../img/bg_event_info.png);
	display: block;
	overflow: hidden;
	padding: 0px;
	background-repeat: no-repeat;
	background-position: left top;
}
#event #binfo {
	background-image: none;
	display: block;
	padding: 0px;
	position: relative;
}
#event #binfo .binfo {
	list-style-type: none;
	display: inline;
}
/*#event #binfo .einfo {
	list-style-type: none;
	float: right;
	display: none;
}*/
#event #binfo .einfo a {
	display: block;
	height: 62px;
	width: 212px;
	background-image: url(../img/bg_baseball_info.png);
	background-repeat: no-repeat;
	background-position: 0 -62px;
	text-indent: -9999px;
}
#event #binfo .binfo a {
	display: block;
	height: 62px;
	width: 212px;
	background-image: url(../img/btn_baseball.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}
#event #binfo .binfo a:hover {
	background-position: left -62px;
}
#event #binfo .btop {
	position: absolute;
	left: 260px;
	width: 330px;
	height: 62px;
	top: 0px;
}
#event #binfo .btop a {
	display: block;
	height: 62px;
	text-indent: -9999px;
}
.bnav {
	display: block;
	height: 55px;
	width: 956px;
	margin: 5px auto;
}
.bnav li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
.bnav li span {
	display: block;
	height: 55px;
	width: 190px;
}
.bnav li a {
	display: block;
	height: 55px;
	width: 190px;
	text-indent: -9999px;
	overflow:hidden;
	background-image: url(../img/bg_bnav.png);
	background-repeat: no-repeat;
}

.bnav .nav_schedule a {
	width: 193px;
	background-position: 0px top;
}
.bnav .nav_ticket a {
	background-position: -193px top;
}
.bnav .nav_seat a {
	background-position: -383px top;
}
.bnav .nav_floor a {
	background-position: -573px top;
}
.bnav .nav_gourmet a {
	width: 193px;
	background-position: -763px top;
}

body.bnav_schedule .bnav .nav_schedule a ,
.bnav .nav_schedule a:hover {
	background-position: 0px -55px;
}

body.ticket .bnav .nav_ticket a,
body.bnav_ticket .bnav .nav_ticket a,
.bnav .nav_ticket a:hover {
	background-position: -193px -55px;
}
body.bnav_seat .bnav .nav_seat a,
.bnav .nav_seat a:hover {
	background-position: -383px -55px;
}
body.bnav_floor .bnav .nav_floor a,
.bnav .nav_floor a:hover {
	background-position: -573px -55px;
}

body.goods .bnav .nav_gourmet a,
body.bnav_gourmet .bnav .nav_gourmet a,
.bnav .nav_gourmet a:hover {
	background-position: -763px -55px;
}

#bnavtop {
	width: 960px;
	height: 54px;
	margin-bottom: 10px;
	margin-top: 0;
}
#bnavtop li a {
	height: 53px;
	width: 190px;
	background-image: url(../img/bg_bnav_top.png);
	background-repeat: no-repeat;
}
#bnavtop .nav_schedule a {
	width: 194px;
	background-position: 0px top;
}
#bnavtop .nav_ticket a {
	background-position: -194px top;
}
#bnavtop .nav_seat a {
	background-position: -384px top;
}
#bnavtop .nav_floor a {
	background-position: -574px top;
}
#bnavtop .nav_gourmet a {
	width: 194px;
	background-position: -764px top;
}
#bnavtop .nav_schedule a:hover {
	background-position: 0 -53px;
}
#bnavtop .nav_ticket a:hover {
	background-position: -194px -53px;
}
#bnavtop .nav_seat a:hover {
	background-position: -384px -53px;
}
#bnavtop .nav_floor a:hover {
	background-position: -574px -53px;
}
#bnavtop .nav_gourmet a:hover {
	background-position: -764px -53px;
}
#event #bnavtop {
	background-image: none;
}
#event #bnavtop li a {
	background-image: url(../../events/img/bg_enav_top.png);
	background-repeat: no-repeat;
	height: 53px;
	width: 238px;
}
#event #bnavtop li.nav_schedule a,
#event #bnavtop li.nav_floor a {
	width: 242px;
}

#event .bnav {
	width: 960px;
}
#event .bnav li a {
	background-image: url(../../events/img/bg_enav.png);
	background-repeat: no-repeat;
	height: 57px;
	width: 238px;
}
#event .bnav .nav_schedule a {
	width: 242px;
	background-position: 0px top;
}
#event .bnav .nav_seat a {
	background-position: -242px top;
}
#event .bnav .nav_gate a {
	background-position: -480px top;
}
#event .bnav .nav_floor a {
	width: 242px;
	background-position: -718px top;
}
#event .bnav .nav_schedule a:hover {
	background-position: 0px -57px;
}
#event .bnav .nav_seat a:hover {
	background-position: -242px -57px;
}
#event .bnav .nav_gate a:hover {
	background-position: -480px -57px;
}
#event .bnav .nav_floor a:hover {
	background-position: -718px -57px;
}
#event .mainvisual p{
	margin-top: 10px;
	margin-left: 4px;
}

#event .bnav#bnavtop .nav_schedule a:hover {
	background-position: 0px -53px;
}
#event .bnav#bnavtop .nav_seat a:hover {
	background-position: -242px -53px;
}
#event .bnav#bnavtop .nav_gate a:hover {
	background-position: -480px -53px;
}
#event .bnav#bnavtop .nav_floor a:hover {
	background-position: -718px -53px;
}























/* ============ contents ============ */
#contents {
	width:960px;
}
#left {
	width:666px;
	float:left;
	padding-left: 1px;
}
#left h1 {
	clear: both;
}
#right {
	width:290px;
	float:right;
	padding-right: 1px;
}
* html #right {
	padding-bottom: 290px;
	margin-left: -290px;
}
/* ============ heightLineParent ============ */
.heightLineParent:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.heightLineParent {
	min-height: 1px;
}
* html .heightLineParent {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* ============ sidebar ============ */

#right .right_box_wrap {
	background-image: url(../img/bg_right_box_bottom.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 16px;
	margin-bottom: 5px;
	clear: both;
}
*+html #right .right_box_wrap {
	display: inline-block;
}
#right .right_box {
	background-image: url(../img/bg_right_box_yr.png);
	background-repeat: repeat-y;
	background-position: left top;
}
*+html #right .right_box_wrap .right_box {
	display: inline-block;
}
#right .right_box_wrap .right_box div {
	padding-top: 13px;
	padding-bottom: 1px;
}
* html #right .right_box_wrap .right_box div {
	display: inline-block;
}
#right .right_box_top {
	background-image: url(../img/bg_right_box_top.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 15px;
}
#right .side_info {
	padding-left: 19px;
}
#right .side_info .kansen_info {
	background-image: url(../img/dt_kansen_info.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 13px;
	width: 252px;
	text-indent: -9999px;
	padding-bottom: 8px;
	display: block;
	clear: both;
}
#right .side_info dd li {
	padding-right: 2px;
	float: left;
	padding-bottom: 3px;
}
#right .side_info #dome_info {
	background-image: url(../img/dt_dome_info.gif);
	clear: both;
	margin-top: 10px;
}
#right .side_bnr {
	clear: both;
	padding-left: 19px;
}
#right .side_bnr li {
	padding-bottom: 5px;
	font-size: 1px;
}
/* ============ footer ============ */
#footer {
	clear:both
}
.pagetop a {
	background:url(../img/pagetop.gif) no-repeat;
}