@charset "utf-8";

/*
======================================
	KBC
	2009.10.16
	2011.10.14

	[6]Event
		1)EventMeinAreaContents
		2)EventProgramArea
		3)EventWelcome
		4)WebPresent(2011.10.14)
======================================	
*/

@import url("fontset.css");
@import url("common_layout.css");
@import url("parts_common.css");

/*
-------------------------
	[6]EVENT
-------------------------
*/
/*
++++++++++++++++++++++++
	1)EventMeinAreaContents
++++++++++++++++++++++++
*/
.EventMeinAreaContents{
	background:url(../event/image/event_meinarea/event_bg_kyoro.gif) no-repeat 0 0;
	padding:0px 0px 0px 3px;
	height:213px;
}
.EventMeinAreaLeft{
	float:left;
	width:435px;
	margin-top:3px;
}
.EventMeinAreaRight{
	float:right;
	width:230px;
	margin-top:3px;
}
.EventNewNews{
	background:url(../event/image/event_bg_new.gif) no-repeat 0 bottom;
	width:220px;
	margin:5px 0px 0px 0px;
	padding:0px 0px 7px 0px;
}
.EventNewNews h2{
	margin:0px 0px 5px 0px;
}
.EventNews{
	margin:0px 8px 0px 8px;
	height:165px;
	overflow:auto;
}
.EventNews dl{
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0px 5px 5px 0px;
	padding:0px 0px 5px 0px;
}
.EventNews dt.EventNewsDay{
	font-size:10px;
}
.EventNews dd{
}

/*
++++++++++++++++++++++++
	2)EventProgramArea
++++++++++++++++++++++++
*/
.EventProgramArea{
 	width:670px;
}
.EventProgramTab{
	margin-bottom:5px;
}
.EventProgramTab li{
	float:left;
	height:45px;
	text-indent:-9999px;
}
.EventProgramTab ul a{
 	background-repeat:no-repeat;
	background-position:0 0;
	height:45px;
	overflow:hidden;
	text-indent:-9999px;
	display:block;
}
.EventProgramTab ul a.EventTabMenu1,
.EventProgramTab ul a.EventTabMenu2,
.EventProgramTab ul a.EventTabMenu3,
.EventProgramTab ul a.EventTabMenu4{
	background:url(../event/image/event_tab.gif) no-repeat;
}
.EventProgramTab ul a.EventTabMenu1{
	width:168px;
}
.EventProgramTab ul a.EventTabMenu2{
	background-position:-168px 0;
	width:168px;
}
.EventProgramTab ul a.EventTabMenu3{
	background-position:-336px 0;
	width:167px;
}
.EventProgramTab ul a.EventTabMenu4{
	background-position:-503px 0;
	width:167px;
}

.EventProgramTab ul a.EventTabMenu1:hover,
.EventProgramTab .selected a.EventTabMenu1{
	background-position:0 -45px;
}
.EventProgramTab ul a.EventTabMenu2:hover,
.EventProgramTab .selected a.EventTabMenu2{
	background-position:-168px -45px;
}
.EventProgramTab ul a.EventTabMenu3:hover,
.EventProgramTab .selected a.EventTabMenu3{
	background-position:-336px -45px;
}
.EventProgramTab ul a.EventTabMenu4:hover,
.EventProgramTab .selected a.EventTabMenu4{
	background-position:-503px -45px;
}

.EventDescription{
	margin:0px 0px 10px 10px;
	width:650px;
}
/*
.EventPanel{
	width:670px;
	height:830px;
	overflow:auto;
}
*/
.EventPanel{
	width:670px;
	max-height:830px;
	overflow:auto;
}
.EventBox{
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0px 10px 10px 10px;
	padding:0px 0px 10px 0px;
}

.EventBox dl.EventLive{
	border-left:5px solid #0071BC;
}
.EventBox dl.EventPreview{
	border-left:5px solid #990000;
}
.EventBox dl.EventSports{
	border-left:5px solid #FFD202;
}
.EventBox dl.EventRadio{
	border-left:5px solid #32BD00;
}

.EventBox dt,
.EventBox dd{
	margin-left:10px;
}
.EventBox dt.EventDay{
	font-weight:bold;
}
.EventBox dd.EventText{
	line-height:18px;
}

.EventBox dd.EventLiveTitle,
.EventBox dd.EventPreviewTitle,
.EventBox dd.EventSportsTitle,
.EventBox dd.EventRadioTitle{
	margin-bottom:10px;
	font-size:14px;
	font-weight:bold;
}
.EventBox dd.EventLiveTitle{
	color:#0071BC;
}
.EventBox dd.EventPreviewTitle{
	color:#990000;
}
.EventBox dd.EventSportsTitle{
	color:#FFD202;
}
.EventBox dd.EventRadioTitle{
	color:#32BD00;
}
.EventBox dd.EventIconBox{
}

/*
++++++++++++++++++++++++
	3)EventWelcome
++++++++++++++++++++++++
*/
.EventWelcome{
	background:url(../event/image/event_bg_welcome.gif) no-repeat center bottom;
	width:302px;
	padding:0px 0px 10px 0px;
}
.EventWelcome h3{
	margin-bottom:7px;
}
.EventWelcome dl{
	width:282px;
	margin:0px 7px 0px 7px;;
	padding-bottom:7px;
}
.EventWelcome dt{
	float:left;
	margin-bottom:5px;
	width:140px;
	height:90px;
}
.EventWelcome dd{
	margin-left:147px;
}
.EventWelcome p.EventWelcomeText{
	margin-left:7px;
	width:282px;
	clear:both;
}
.EventWelcome p.EventWelcomeLink{
	background:url(../event/image/event_arrow_black.gif) no-repeat 0 4px;
	margin:10px 0px 0px 7px;
	padding:0px 0px 0px 10px;
}
.EventWelcomeDay,
.EventWelcomeViews,
.EventWelcomeName{
	font-weight:bold;
}
.EventWelcomeViews,
.EventWelcomeName{
	color:#0071BC;
}
.EventInfo{
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 10px 0px;
}
.EventInfo h3{
	margin-bottom:10px;
}
.EventInfo ul{
	clear:both;
}
.EventInfoCap{
	width:140px;
	font-size:10px;
	text-align:left;
}
.EventInfo ul.AsahiBanner{
	background:url(../image/border.gif) repeat-x bottom left;
	margin-bottom:10px;
	padding-bottom:5px;
}
/*
++++++++++++++++++++++++
	4)WebPresent
++++++++++++++++++++++++
*/
.WebPresent{
	width:670px;
	/*
	height:270px;
	overflow:auto;
	*/
}
/*
.WebPresent li{
	float:left;
	width:320px;
}
*/
.WebPresent ul{
	width:670px;
}
.WebPresent li{
	width:330px;
	display:-moz-inline-box;/* For Firefox 2 */
	display:inline-block;
	/display:inline;	 /* For IE 5-7 */
	/zoom: 1;	 /* For IE 5-7 */
	vertical-align:top;
}
.WebPresent dl{
	width:325px;
	background:url(../image/border.gif) repeat-x bottom left;
	margin:0 10px 5px 0;
	padding-bottom:5px;
}
.WebPresent dt{
	float:left;
}
.WebPresent dt img{
	border:3px solid #C6BEA6;
}
.WebPresent .LatteIcon{
	display:none;
}
.WebPresent dd{
	margin-left:90px;
}
.WebPresent dd.InfoTitle{
	text-decoration:none;
	color:#996600;
}
.WebPresent dd{
	font-size:10px;
}
.WebPresent dd.orange_link,
.WebPresent dd.InfoTitle{
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}