@charset "utf-8";
/*
* top.css
*
* date: 2014/MM/DD
*/

/* visualArea
-------------------------------------------------- */
#visualArea {
	background: #ffffff;
	border-top: 2px solid #00995b;
	margin: 31px 0 0;
}
/* leftArea */
#visualArea .leftArea {
	float: left;
	position: relative;
	width: 675px;
}
	#visualArea .leftArea .slider01 {
		height: 450px;
		margin: 0 auto;
		overflow: hidden;
		position: relative;
		width: 675px;
	}
		#visualArea .leftArea .slider01 li {
			height: 100%;
			left: 100%;
			margin: 0;
			padding: 0;
			position: absolute;
			text-align: center;
			top: 0;
			width: 100%;
		}
			#visualArea .leftArea .slider01 li a:hover {
					filter: alpha(opacity=85);
					-moz-opacity:0.85;
					opacity:0.85;
			}
	#visualArea .leftArea .left-arrow {
		left: 0;
		position: absolute;
		top: 170px;
	}
	#visualArea .leftArea .right-arrow {
		right: 0;
		position: absolute;
		top: 170px;
	}
	#visualArea .leftArea .text01 {
		bottom: 0;
		background:rgba(0, 0, 0, 0.7);
			filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#bf000000,endcolorstr=#bf000000,gradienttype=0);
			-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000)";
			zoom:1;
		color: #ffffff;
		font-size: 15px;
		left: 0;
		padding: 10px 20px 15px;
		position: absolute;
		text-align: left;
		width: 635px;
	}
		#visualArea .leftArea .text01 span {
			font-size: 20px;
			line-height: 40px;
		}
		#visualArea .leftArea .indicator {
			background: #000000;
			right: 5px;
			padding: 5px;
			position: absolute;
			top: 5px;
		}
			#visualArea .leftArea .indicator a {
				background: url(/img/ico_indicator01_no.png) no-repeat;
				content: "";
				display: inline-block;
				height: 6px;
				margin: 0 3px;
				width: 6px;
			}
			#visualArea .leftArea .indicator a:hover {
				background: url(/img/ico_indicator01_on.png) no-repeat;
			}
			#visualArea .leftArea .indicator a.current {
				background: url(/img/ico_indicator01_on.png) no-repeat;
			}
		
/* rightArea */
#visualArea .rightArea {
	background: url(/img/bg_top_visualside01.jpg) repeat-x;
	float: right;
	height: 450px;
	position: relative;
	width: 305px;
}
	#visualArea .rightArea .slider02 {
		height: 388px;
		margin: 30px auto 0;
		overflow: hidden;
		position: relative;
		width: 297px;
	}
		#visualArea .rightArea .slider02 li {
			cursor: pointer;
			height: 126px;
			margin: 0 auto 5px;
			padding: 0;
			position: relative;
			text-align: center;
			width: 297px;
		}
			#visualArea .rightArea .slider02 li .text02 {
				bottom: 0;
				background:rgba(0, 0, 0, 0.7);
					filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#bf000000,endcolorstr=#bf000000,gradienttype=0);
					-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#bf000000,endColorstr=#bf000000)";
					zoom:1;
				color: #ffffff;
				font-size: 12px;
				left: 0;
				padding: 5px 5px 5px;
				position: absolute;
				text-align: left;
				width: 287px;
			}
			#visualArea .rightArea .slider02 li:hover .text02 {
				color: #8bba07;
			}
				#visualArea .rightArea .slider02 li .text02 span {
					font-size: 14px;
				}
	#visualArea .rightArea .up-arrow {
		left: 4px;
		position: absolute;
		top: 0;
		height:28px;
		width:297px;
	}
		#visualArea .rightArea .up-arrow a{
			background:url(/img/btn_top_up01_no.png) no-repeat;
			display:block;
			height:100%;
			width:100%;
			background-position:50% 50%;
		}
		#visualArea .rightArea .up-arrow a:hover{
			background:url(/img/btn_top_up01_on.png) no-repeat;
			display:block;
			height:100%;
			width:100%;
			background-position:50% 50%;
		}

		#visualArea .rightArea .down-arrow {
		left: 4px;
		position: absolute;
		bottom: 0px;
		height:28px;
		width:297px;
	}

		#visualArea .rightArea .down-arrow a{
			background:url(/img/btn_top_down01_no.png) no-repeat;
			display:block;
			height:100%;
			width:100%;
			background-position:50% 50%;
		}
		#visualArea .rightArea .down-arrow a:hover{
			background:url(/img/btn_top_down01_on.png) no-repeat;
			display:block;
			height:100%;
			width:100%;
			background-position:50% 50%;
		}
/* h_x
-------------------------------------------------- */
h3 {
	color: #ffffff;
	font-size: 14px;
	line-height: 60px;
	text-indent: 30px;
}
h4 {
	background: url(/img/bg_h4_01.png) repeat-x;
	border-bottom: 1px solid #a2df44;
	color: #ffffff;
	font-size: 14px;
	height: 29px;
	line-height: 30px;
	margin: 10px 0 0;
	padding: 0 20px;
	width: 620px;
}
	h4 span {
		font-size: 12px;
		margin: 0 10px;
	}

/* menuTab
-------------------------------------------------- */
#mainSection {
	margin: -195px 0 0 10px;
	width: 660px;
}
#mainSection #menuTab {
	border-bottom: 1px solid #a2df44;
	font-size: 13px;
	height: 30px;
	line-height: 30px;
	position: relative;
}
	#mainSection #menuTab li {
		background: #ffffff;
		border-bottom: 1px solid #ffffff;
		border-radius: 5px 5px 0 0;
		 -moz-border-radius: 5px 5px 0 0;
		 -webkit-border-radius: 5px 5px 0 0;
		color: #ffffff;
		float: left;
		height: 29px;
		margin: 0 5px 0 0;
		position: relative;
		text-align: center;
		text-indent: 15px;
		width: 108px;
		cursor:pointer;
		behavior: url(/_js/PIE.htc);
	}
	#mainSection #menuTab li.firstLi {
		margin: 0 5px 0 85px;
	}
	#mainSection #menuTab li.allCate {
		background: #598b00;
		border: 1px solid #598b00;
	}
	#mainSection #menuTab li.gameCate {
		background: #cf1120;
		border: 1px solid #cf1120;
	}
	#mainSection #menuTab li.teamCate {
		background: #2c428f;
		border: 1px solid #2c428f;
	}
	#mainSection #menuTab li.noticeCate {
		background: #7d8012;
		border: 1px solid #7d8012;
	}
	#mainSection #menuTab li.otherCate {
		background: #999999;
		border: 1px solid #999999;
	}
	#mainSection #menuTab li:before {
		content: url(/img/topics/ico_tab_no_01.png);
		left: -10px;
		position: absolute;
		top: 2px;
	}
		#mainSection #menuTab li span {
			color: #ffffff;
			display: block;
			height: 100%;
			width: 100%;
		}
	#mainSection #menuTab li:hover {
		background: #ffffff;
		border-top: 1px solid #a2df44;
		border-left: 1px solid #a2df44;
		border-right: 1px solid #a2df44;
		border-bottom: 1px solid #ffffff;
		color: #598B00;
	}
		#mainSection #menuTab li:hover span {
			color: #598b00;
		}
	#mainSection #menuTab li.allCate:before { content: url(/img/topics/ico_tab_no_06.png); }
	#mainSection #menuTab li.gameCate:before { content: url(/img/topics/ico_tab_no_02.png); }
	#mainSection #menuTab li.teamCate:before { content: url(/img/topics/ico_tab_no_03.png); }
	#mainSection #menuTab li.noticeCate:before { content: url(/img/topics/ico_tab_no_04.png); }
	#mainSection #menuTab li.otherCate:before { content: url(/img/topics/ico_tab_no_05.png); }
	#mainSection #menuTab li:hover:before {
		content: url(/img/topics/ico_tab_no_01.png);
	}
	#mainSection #menuTab li:last-child {
		margin: 0 0 0;
	}
	#mainSection #menuTab li.current {
		background: #ffffff;
		border-top: 1px solid #a2df44;
		border-left: 1px solid #a2df44;
		border-right: 1px solid #a2df44;
		border-bottom: 1px solid #ffffff;
	}
	#mainSection #menuTab li.current:before {
		content: url(/img/topics/ico_tab_no_01.png);
	}
		#mainSection #menuTab li.current span {
			color: #598B00;
		}

/* contentMain
-------------------------------------------------- */
#mainSection ul.contentMain {
	background: #ffffff;
	border-left: 1px solid #a2df44;
	border-right: 1px solid #a2df44;
	border-bottom: 1px solid #a2df44;
	width: auto;
}
	#mainSection .contentMain li {
		border-bottom: 1px dotted #666666;
		margin: 0 5px;
		padding: 13px 15px;
	}
			#mainSection .contentMain li .row01 .date {
				color: #007129;
				float: left;
				font-size: 13px;
				margin: 2px 10px 0 0;
			}
			#mainSection ul.contentMain li .row01 .category {
				color: #ffffff;
				float: left;
				font-size: 11px;
				height: 16px;
				margin: 0 10px 0 0;
				padding: 2px 0 0;
				text-align: center;
				width: 80px;
			}
			#mainSection ul.contentMain li .row01 .gameCate { background: #cf1120; }
			#mainSection ul.contentMain li .row01 .teamCate { background: #2c428f; }
			#mainSection ul.contentMain li .row01 .noticeCate { background: #7d8012; }
			#mainSection ul.contentMain li .row01 .otherCate { background: #999999; }
			#mainSection ul.contentMain li .row01 {
				color: #598b00;
			}
			#mainSection ul.contentMain li .row01 .title {
				margin: 2px 0 0;
			}
				#mainSection ul.contentMain li .row01 a {
					color: #598b00;
					text-decoration: underline;
				}
				#mainSection ul.contentMain li .row01 a:hover {
					text-decoration: none;
				}
	#mainSection ul.contentMain li.lastLi {
		border-bottom: none;
		padding: 7px;
		position: relative;
		text-align: center;
	}
	#mainSection ul.contentMain li.lastLi:before {
		content: url(/_img/ico/ico_top_arrow02.png);
		left: -5px;
		position: relative;
		top: 3px;
	}
		#mainSection ul.contentMain li.lastLi a {
			color: #598b00;
			text-decoration: underline;
		}
		#mainSection ul.contentMain li.lastLi a:hover {
			text-decoration: none;
		}

/* galleryArea contentMain
-------------------------------------------------- */
#mainSection ul.contentMain.galleryArea {
	margin: 0;
	padding: 10px 0 0 8px;
}
	#mainSection ul.contentMain.galleryArea li {
		border: none;
		float: left;
		margin: 0 10px 15px 0;
		min-height: 140px;
		padding: 0;
		width: 120px;
	}
	#mainSection ul.contentMain.galleryArea li.rightLi {
		margin: 0 0 15px 0;
	}
		#mainSection ul.contentMain.galleryArea li .photo {
			background: #000000;
			border: 1px solid #999999;
			text-align: center;
		}
			#mainSection ul.contentMain.galleryArea li .photo img {
				max-height: 78px;
				max-width: 118px;
			}
		#mainSection ul.contentMain.galleryArea li .date {
			color: #007129;
			margin: 5px 0 0 5px;
		}
		#mainSection ul.contentMain.galleryArea li .ttl {
			color: #333333;
			margin: 0 0 0 5px;
			line-height: 1.2;
		}
	#mainSection ul.contentMain.galleryArea li:hover {
		left: -1px;
		margin: 0 8px 13px 0;
		position: relative;
		top: -1px;
		width: 122px;
	}
	#mainSection ul.contentMain.galleryArea li.rightLi:hover {
		margin: 0 0 15px 0;
	}
		#mainSection ul.contentMain.galleryArea li:hover .photo {
			border: 2px solid #598b00;
		}
			#mainSection ul.contentMain.galleryArea li:hover .photo img {
				 filter: alpha(opacity=80);
				 -ms-filter: 'alpha(opacity=80)';
				 opacity: .8;
			}
		#mainSection ul.contentMain.galleryArea li:hover .date,
		#mainSection ul.contentMain.galleryArea li:hover .ttl {
			color: #598b00;
			left: 1px;
			margin-right: 2px;
			position: relative;
			top: -1px;
		}
	#mainSection ul.contentMain.galleryArea li.lastLi {
		border-top: 1px dotted #666666;
		clear: both;
		display: block;
		min-height: 20px;
		margin: 0;
		padding: 7px 0;
		width: 100%;
	}
	#mainSection ul.contentMain.galleryArea li.lastLi:hover {
		left: 0;
		margin: 0;
		position: relative;
		top: 0;
		width: 100%;
	}
.hide {display:none;}

/* sideBox
-------------------------------------------------- */
#sideSection {
	background: none;
	border: none;
	margin: -195px 0 0;
	padding: 0;
	width: 300px;
}
#sideSection .sideBox {
	border: 3px solid #90c300;
	margin: 0 0 10px;
	width: 284px;
}
	#sideSection .sideBox .head {
		background: #000000;
		color: #ffffff;
		height: 34px;
		line-height: 34px;
		padding: 0 10px;
	}
		#sideSection .sideBox .head h5 {
			float: left;
			font-size: 14px;
			margin: 0;
		}
		#sideSection .sideBox .head .en {
			color: #8bba07;
			float: right;
			font-size: 12px;
		}
	#sideSection .sideBox .foot {
		background: #000000;
		font-size: 14px;
		height:40px;
		position: relative;
		text-align: center;
	}
	#sideSection .sideBox .foot:before {
		content: url(/_img/ico/ico_top_arrow01.png);
		left: -5px;
		position: relative;
		top: 3px;
	}
		#sideSection .sideBox .foot a {
			color: #ffffff;
			line-height: 40px;
		}
		#sideSection .sideBox .foot a:hover {
			color: #8bba07;
		}
		#sideSection .sideBox .Sat { color: #0085b2; }
		#sideSection .sideBox .Sun { color: #d83500; }
		#sideSection .sideBox .Hol { color: #d83500; }
		
/* sideBox01 */
	#sideSection .sideBox01 .content {
		background: url(/img/bg_top_side01.jpg);
		border-top: 1px solid #222222;
		color: #ffffff;
		padding: 5px 0;
		text-align: center;
	}
		#sideSection .sideBox01 .content .row {
			margin: 1px auto;
		}
		#sideSection .sideBox01 .content .row01 { font-size: 13px; }
		#sideSection .sideBox01 .content .row02 { font-size: 18px; font-weight: bold; }
		#sideSection .sideBox01 .content .row03 { font-size: 20px; padding: 0 0 2px;}
		#sideSection .sideBox01 .content .row04 { font-size: 13px; color: #cccccc; padding: 1px 0 0;}
			#sideSection .sideBox01 .content .row03 .vs {
				color: #ffbf00;
				font-size: 13px;
				padding: 0 3px 0 0;
				font-weight:bold;
			}
			#sideSection .sideBox01 .content .row05 .left {
				float: left;
				font-size: 15px;
				margin: 0 0 0 30px;
				text-align: center;
				width: 100px;
			}
			#sideSection .sideBox01 .content .row05 .center {
				float: left;
				font-size: 40px;
				margin: 15px 0 0;
				text-align: center;
				width: 30px;
			}
			#sideSection .sideBox01 .content .row05 .right {
				float: left;
				font-size: 15px;
				text-align: center;
				width: 100px;
			}
				#sideSection .sideBox01 .content .row05 .score {
					font-size: 40px;
				}

/* sideBox02 */
	#sideSection .sideBox02 ul {
		background:#222222;
	}
	#sideSection .sideBox02 ul li{
		background: url("/img/bg_side_line01.png") no-repeat;
		background-position: bottom;
		padding: 8px;
		position: relative;
		color: #FFFFFF;
	}
		#sideSection .sideBox02 ul li .date{
			width: 17%;
			float: left;
			position: absolute;
			top: 38%;
			font-size: 13px;
			font-weight:bold;
		}
			#sideSection .sideBox02 ul li .date span{
				padding: 0 0 0 3px;
			}
		#sideSection .sideBox02 ul li .sche{
			width: 83%;
			float: right;
			word-break:break-all;
		}
			#sideSection .sideBox02 ul li .sche .team_a{
				background: url("/_img/ico/ico_team_a01.png") no-repeat;
				margin: 0;
				min-height: 15px;
				padding: 1px 0 0 23px;
			}
			#sideSection .sideBox02 ul li .sche .team_b{
				background: url("/_img/ico/ico_team_b01.png") no-repeat;
				margin: 5px 0;
				min-height: 15px;
				padding: 1px 0 0 23px;
			}
			#sideSection .sideBox02 ul li .sche .team_s{
				background: url("/_img/ico/ico_team_s01.png") no-repeat;
				margin: 0;
				min-height: 15px;
				padding: 1px 0 0 23px;
			}

.bwWrapper {
  position: relative;
  display: block;
}