@charset "utf-8";

/**
 *
 *  年間スケジュール（カレンダー・リスト共用）
 *
 */

/*--------------------------------------------------------------------------
   overwrite
---------------------------------------------------------------------------*/


/*--------------------------------------------------------------------------
   MainBox
---------------------------------------------------------------------------*/
#MainBox{
	margin-bottom:60px;
	padding-top:6px;
	background:url(../images/schedule/bg_top.png) no-repeat 50% 0;
}
#MainBox .wrap{
	padding-bottom:10px;
	background:url(../images/schedule/bg_bottom.png) no-repeat 50% 100%;
}
#MainBox .wrap-inside{
	padding:0 5px;
	background:url(../images/schedule/bg_repeat.png) repeat-y 50% 0;
}

/*--------------------------------------------------------------------------
   menu
---------------------------------------------------------------------------*/
#MainBox .menu{
	height:58px;
	background:url(../images/schedule/bg_menu.png) no-repeat;
}

/* teamSelect
-----------------------------------------------------------------*/
#MainBox .teamSelect{
	position:relative;
	float:left;
	width:324px;
	padding:6px;
}
#MainBox .teamSelect .view{
	height:33px;
	padding:14px 0 0 14px;
	background:url(../images/schedule/bg_select.png);
	cursor: pointer;
	overflow: hidden;
}
#MainBox .teamSelect .view:hover{
	background:url(../images/schedule/bg_select_on.png);
}
#MainBox .teamSelect .view ul{
	position: relative;
}
#MainBox .teamSelect .view li{
	display: none;
	positipn: absolute;
	top: 0;
	left: 0;
}

#MainBox .teamSelect .select{
	display: none;
	position:absolute;
	width:322px;
	top:53px;
	left:6px;
	margin-top:1px;
	border-top:1px solid #dbd1b7;
	border-left:1px solid #dbd1b7;
	border-right:1px solid #dbd1b7;
	z-index:2;
}
#MainBox .teamSelect .select li{
	border-bottom:1px solid #dbd1b7;
}
#MainBox .teamSelect .select li a{
	display:block;
	height:38px;
	background:#FFF;
	line-height:38px;
	font-size:116%;
	text-indent:14px;
	color:#3d3434;
	text-decoration:none;
}
#MainBox .teamSelect .select li a.active,
#MainBox .teamSelect .select li a:hover{
	background:#fff1c9;
}

/* tab
-----------------------------------------------------------------*/
#MainBox .tab{
	float:right;
	padding:19px 24px 0 0;
}
#MainBox .tab li{
	float:left;
	padding-right:5px;
}

/*--------------------------------------------------------------------------
   schedule
---------------------------------------------------------------------------*/
#MainBox .schedule{
	padding:31px 21px 21px 21px;
}

/* pager
-----------------------------------------------------------------*/
#MainBox .pager{
	margin:0 10px;
	border-bottom:4px solid #f5f3ee;
}
#MainBox .pager ul{
	position:relative;
	width:100%;
	height:49px;
	border:1px solid #efebe2;
}
#MainBox .pager li{
	position:absolute;
	top:0;
}
#MainBox .pager li.title{
	width:100%;
	left:0;
	padding-top:12px;
	text-align:center;
}
#MainBox .pager li.prev{
	left:0;
	border-right:1px solid #efebe2;
}
#MainBox .pager li.next{
	right:0;
	border-left:1px solid #efebe2;
}
#MainBox .pager a{
	display:block;
}
#MainBox .pager a:hover{
	background:#fff1c9;
}

/* attr
-----------------------------------------------------------------*/

#MainBox .attr{
	margin:5px 15px 0 0;
	text-align: right;
	font-size: 92%;
	color: #666;
}
/* calendar
-----------------------------------------------------------------*/
#MainBox .calendar{
	margin:20px 0 0 0;
}
#MainBox .calendar tbody{
	display: none;
}

#MainBox .calendar tbody tr:first-child td{
	border-top:none;
}
#MainBox .calendar tbody td{
	width: 118px;
	height: 120px;
	padding-bottom:10px;
	text-align: center;
	background: #f7f1e4;
	border:10px solid #FFF;
	line-height:1.4;
}
#MainBox .calendar tbody td.sun{background:#fde8e1;}
#MainBox .calendar tbody td.sat{background:#f1f7ff;}
#MainBox .calendar tbody td .day{
	display:block;
	width:74px;
	margin:0 auto 10px;
	padding:10px 0;
	font-size:116%;
	font-weight:bold;
	border-bottom:1px solid #e1d5bc;
}
#MainBox .calendar tbody td.sun .day{color:#b74528;border-bottom:1px solid #f0d0c5;}
#MainBox .calendar tbody td.sat .day{color:#5b84b7;border-bottom:1px solid #c9d8ec;}
#MainBox .calendar tbody td .ico{
	position:relative;
	margin-top:5px;
}
#MainBox .calendar tbody td .ico img{
	margin-right:8px;
	vertical-align:middle;
	cursor: pointer;
}



/* クライマックス・日本シリーズ  */
#MainBox .calendar tbody.cjs{
	display: table-row-group;
}
#MainBox .calendar tbody.cjs p.date{
	padding-bottom: 15px;
	margin: 10px 20px 15px;
	border-bottom: 1px solid #e1d5bc;
}
#MainBox .calendar tbody.cjs td.sun p.date{border-bottom:1px solid #f0d0c5;}
#MainBox .calendar tbody.cjs td.sat p.date{border-bottom:1px solid #c9d8ec;}

#MainBox .calendar tbody.cjs p.date:last-child{
	padding-bottom: 0;
	border-bottom: 0px!important;
}

/*
#MainBox .calendar tbody td.today{
	background:url(/corporate/event/images/index/calendar_ico_today.png) no-repeat 50% 50%;
}
#MainBox .calendar tbody td.finish{
	background: #eee;
}
#MainBox .calendar tbody td.reserve{
	background: #d12f1b;
	color: #FFF;
}
#MainBox .calendar tbody td.reserve span{
	display:block;
	height:51px;
	line-height:51px;
	position: relative;
}
#MainBox .calendar tbody td dl{
	display: none;
	position: absolute;
	width: 255px;
	top: 0;
	left: 50%;
	margin-left: -127px;
	padding-bottom: 15px;
	z-index: 2;
	line-height: 1.2;
	text-align: left;
	color: #666;
	background:url(/corporate/event/images/index/calendar_bg_popup.png) no-repeat 50% 100%;
}
#MainBox .calendar tbody td dl dt,
#MainBox .calendar tbody td dl dd{
	border-left:2px solid #e6e6e6;
	border-right:2px solid #e6e6e6;
	background: #FFF;
}
#MainBox .calendar tbody td dl dt{
	padding: 13px 13px 7px 13px;
	border-top:2px solid #e6e6e6;
	font-size: 16px;
}
#MainBox .calendar tbody td dl dd{
	padding: 0 13px 13px 13px;
	font-size: 12px;
}
#MainBox .calendar tbody td dl dd a:hover img{
	filter: alpha(opacity=50);
	-moz-opacity:0.50;
	opacity:0.50;
}
*/


/* list
-----------------------------------------------------------------*/
#MainBox table.list{
	width:890px;
	margin:0 auto;
	font-size:116%;
	line-height:1.4;
}
#MainBox table.list thead td{
	padding: 0 0 17px 0;
	font-weight:bold;
	border-bottom:1px solid #d4c9ae;
	text-align:center;
}

#MainBox table.list tbody{
	display: none;
}
#MainBox table.list tbody th,
#MainBox table.list tbody td{
	padding:12px 0;
	background:#fbf8f1;
	font-weight:normal;
	text-align:center;
	border-bottom:1px dotted #d4c9ae;
}
#MainBox table.list tbody tr.odd td,
#MainBox table.list tbody tr.odd th{
	background:#f7f1e4;
}
#MainBox table.list tbody th{
	width:15em;
	text-indent:18px;
}
#MainBox table.list tbody td.team{
	width:13em;
	text-align:center;
}
#MainBox table.list tbody td.team_ico{
	width:1em;
}
#MainBox table.list td.time{
	padding-left:70px;
	display: none;
}
#MainBox table.list tbody td .ico li{
	float:left;
	padding:0 20px;
}
#MainBox table.list tbody td .ico img{
	margin-right:10px;
	vertical-align:middle;
}
#MainBox table.list tbody td .ico li.L{
	background:url(../images/ch/ch_icon_b_live.png) no-repeat 100% 50%;
}
#MainBox table.list tbody td .ico li.R{
	background:url(../images/ch/ch_icon_b_rec.png) no-repeat 100% 50%;
}
#MainBox table.list tbody td .ico li.T{
	background:url(../images/ch/ch_icon_b_top.png) no-repeat 100% 50%;
}

/* channel
-----------------------------------------------------------------*/
#MainBox .channel{
	margin:18px 10px 13px 10px;
	padding-top:3px;
	background:url(../images/schedule/bg_channel.png) no-repeat 0 0;
}
#MainBox .channel-inside{
	padding:15px 0;
	background:url(../images/schedule/bg_channel.png) no-repeat 0 100%;
	letter-spacing: -0.4em;
}
#MainBox .channel p{
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: 0;
	vertical-align: middle;
	padding: 0 22px;
}
#MainBox .channel ul{
	width:760px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align: middle;
	letter-spacing: -0.4em;
}
#MainBox .channel ul li{
	width:190px;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin-bottom: 5px;
	letter-spacing: 0;
	color: #837d6d;
	vertical-align:top;
	line-height: 130%;
}
#MainBox .channel ul li img{
	padding-top: 1px;
	display: block;
	float: left;
}
#MainBox .channel ul li span{
	display: block;
	overflow: hidden;
	padding: 0 10px;
}
/* type */
#MainBox .channel ul.type{
	width:766px;
	float:right;
	padding-top:8px;
	letter-spacing:0;
}
#MainBox .channel ul.type li{
	width:auto;
	padding-right:20px;
	text-indent:20px;
}
#MainBox .channel ul li.L{
	background:url(../images/ch/ch_icon_b_live.png) no-repeat 0 0;
}
#MainBox .channel ul li.R{
	background:url(../images/ch/ch_icon_b_rec.png) no-repeat 0 0;
}
#MainBox .channel ul li.T{
	background:url(../images/ch/ch_icon_b_top.png) no-repeat 0 0;
}
#MainBox .channel ul li em{
	font-size:83%;
}

/* note
-----------------------------------------------------------------*/
#MainBox .note{
	margin:0 10px;
	font-size:83%;
}
#MainBox .note li{
	margin:3px 0;
}
#MainBox .note li span{
	color:#b74528;
}


/*--------------------------------------------------------------------------
   ToolTip
---------------------------------------------------------------------------*/
#ToolTip{
	display: none;
	position:absolute;
	top:100px;
	left:50px;
	padding-bottom:5px;
	background:url(../images/schedule/bg_fukidashi.png) no-repeat 50% 100%;
}
#ToolTip span{
	text-align: center;
	display: block;
	padding:5px 15px;
	white-space:nowrap;
	background:#403c3b;
	color:#fff;
	line-height:1;
	border-radius:4px;
	-moz-border-radius:4px;
}