@charset "shift_jis";
/* ===================================================================
INFORMATION
	file name  :style.css
	style info :各ページのデザイン 他

このスタイルシートの構成
	000::common
	001::index.html
		001-a:メインカラム
		001-b:サブカラム
		001-c:スポンサーリンク
	002::ticket.html
	003::partner.html

=================================================================== */
/*----------------------------------------------------
	000:common
----------------------------------------------------*/
.tr {text-align: right;}
.tl {text-align: left;}
.tc {text-align: center;}

.mb0 {margin-bottom: 0px!important;}
.mb5 {margin-bottom: 5px!important;}
.mb10 {margin-bottom: 10px!important;}
.mb15 {margin-bottom: 15px!important;}
.mb20 {margin-bottom: 20px!important;}
.mb25 {margin-bottom: 25px!important;}
.mb30 {margin-bottom: 30px!important;}

.mt5 {margin-top: 5px!important;}
.mt10 {margin-top: 10px!important;}
.mt20 {margin-top: 20px!important;}
.mt30 {margin-top: 30px!important;}

.ml0 {margin-left:0!important;}
.ml80 {margin-left: 80px!important;}

.mr0 {margin-right:0!important;}

.pb0 {padding-bottom:0!important;}


.color-white{	color:#FFF;}

.nb{	border:none;}

.wrapper{	clear:both;}



/*----------------------------------------------------
	001:index.html
----------------------------------------------------*/
#flashArea {
	width: 924px;
	height:342px;
	margin:0 auto 13px;
}

#flashArea #flashContent {
	float:left;
	width:446px;
	height:342px;
	background:url(../image/teaser/flash_bg.jpg) no-repeat;
}

#flashArea .right {	float:right;}

#flashArea #flashCount{
	width:478px;
	height:127px;
	background:url(../image/teaser/count_bg.jpg) no-repeat;
}

/* トーナメント表掲載エリア */
#tournament {
	width: 924px;
	text-align:center;
	margin:0 auto 10px;
	color:#FFF;
}
#tournament img {
	display:block;
	margin:0 auto 8px;
}



/*------------------------------------------
	001-a:メインカラム
------------------------------------------*/
#contents #mainContents{
	width:614px;
	float:left;
	text-align:left;
}

/*開催概要*/
#contents #mainContents #outline{
	width:614px;
	margin-bottom:16px;
	padding-bottom:10px;
	background:url(../image/teaser/frameL.jpg) no-repeat left bottom;
	color:#999;
}

#contents #mainContents #outline dl{
	width:574px;
	margin:0 auto 10px;
	padding:10px 0 0;
	border-top:solid 1px #333;
}
#contents #mainContents #outline dl.first{	border-top:none;	padding-top:0;}

#contents #mainContents #outline strong{	color:#FFF;}


/*バナーエリア*/
#contents #mainContents .banner{
 float:left;
	width:162px;
	padding:5px 0 0 6px;
	text-align:center;
}
#contents #mainContents .banner img{
	display:block;
	margin-bottom:7px;
}


/*お知らせエリア*/
#contents #mainContents #info{
	width:434px;
	float:right;
	background:url(../image/teaser/frameM_top.jpg) no-repeat;
	padding:65px 0 0 0;
}

#contents #mainContents #info .inner{
	background:url(../image/teaser/frameM.jpg) no-repeat center bottom;
	padding: 0 25px 23px 23px;
}

#contents #mainContents #info dl{
	border-bottom:solid 1px #CCC;
	margin-bottom:10px;
	padding-bottom:10px;
}
#contents #mainContents #info dl.last{
	border:none;
	margin-bottom:0;
	padding-bottom:0;
}

#contents #mainContents #info dt{
	width:100px;
	height:100px;
	padding:2px;
	border:solid 1px #CCC;
	float:left;
}
#contents #mainContents #info dd{	margin-left:110px;}

#contents #mainContents #info strong,
#contents #mainContents #info strong a{	color:#900;}



/*------------------------------------------
	001-b:サブカラム
------------------------------------------*/
#contents #subContents{
	width:304px;
	float:right;
	text-align:left;
}

#contents #subContents .sBox{
	width:304px;
	margin-bottom:7px;
	padding-bottom:10px;
	background:url(../image/teaser/frameS.jpg) no-repeat left bottom;
	color:#999;
}
#contents #subContents .sBox a{	color:#999;}


/*プレイオフ最新情報*/
#contents #subContents #news ul{
	width:264px;
	margin:0 auto 10px;
}
#contents #subContents #news .more{	text-align:right;}


/*最新動画*/
#contents #subContents #movie dl{
	width:264px;
	margin:0 auto 10px;
}
#contents #subContents #movie dt{	float:left;}
#contents #subContents #movie dd{	margin-left:150px;}


/*各地のニュース*/
#contents #subContents #localNews dl{
	width:264px;
	margin:0 auto 10px;
}
#contents #subContents #localNews p.lastChild{	display:none;}


/*バナーエリア*/
#contents #subContents .banner{
	margin:15px 0;
	text-align:center;
}
#contents #subContents .banner img{
	display:block;
	margin-bottom:7px;
}



/*------------------------------------------
	001-c:スポンサーリンク
------------------------------------------*/
#sponsor {
	clear:both;
	background:#FFF;
	height:70px;
	text-align:center;
}

#sponsor ul {	padding:15px 0 0;}
#sponsor li {	display:inline;}
#sponsor li img { margin:0 10px;}




/*----------------------------------------------------
	002:ticket.html
----------------------------------------------------*/
#contents .inner p{	margin-bottom:1em;}
#contents .inner p.lead{
	padding-bottom:1em;
	border-bottom:solid 1px #CCC;
}

#contents .inner .fl{	width:330px;}
#contents .inner .fr{ margin:5px 0 30px;}

#contents .inner .info{
	clear:both;
	background:url(../image/ticket/bg_info.jpg) no-repeat left bottom #F6F6F6;
	margin-bottom:10px;
	padding:10px;
	border:solid 1px #CCC;
}
#contents .inner .info dt{	float:left;	height:130px;}
#contents .inner .info dd{	margin-left:170px;}

#contentsBtm #inquiry{	padding:0 38px;}



/*----------------------------------------------------
	003:partner.html
----------------------------------------------------*/
#contents .inner ul.partnerList{
	clear:both;
	padding:0 0 0 30px;
}

#contents .inner dt.double{
	clear:both;
	padding:10px 0 15px 30px;
	font-weight:bold;
}

#contents .inner dt.assist{
	clear:both;
	padding:10px 0 15px 30px;
	font-weight:bold;

}

#contents .inner ul.partnerList li{
	float:left;
	padding:15px 30px 30px 0;
	white-space: nowrap;
}

#contents .inner dd.double ul.partnerList li{
	float:left;
	padding:0 30px 30px 0;
	white-space: nowrap;
}

#contents .inner dd.assist ul.partnerList li{
	float:left;
	padding:0 30px 30px 0;
	white-space: nowrap;
}

#contents .inner ul.partnerList li.nf{float:none;}

#contents .inner .colmn{
	width:270px;
	float:left;
	margin-right:19px;
}

#contents .inner .colmn2{
	width:559px;
	float:left;
	margin-right:19px;
}

#contents .inner .colmn li{	float:left;}
#contents .inner .colmn2 li{	float:left;}