@charset "UTF-8";

/*
	Site Name: PC 
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	 1: Base Style
	 2: history-header
	 3: history-content
	 4: history-timeline
	 5: colorbox


==========================================================
*/

body{
	background:url(../../img/common/bg_body.gif) repeat ;
}

/*
===== 1: Base Style ====================================
*/

#bg-box{
	background:url(../../img/history/bg_wrapper.png) no-repeat top center;
}

#content{
	width:1200px;
	margin:0 auto;
}

#content h1{
	background:url(../../img/history/bg_h1.png) no-repeat;
	padding:38px 0px 24px;
	text-align:center;
	color:#FFF;
	font-size:182%;
	font-weight:bold;
}

#content .history-area{
	position:relative;
}

#content .history-area .history-box{
	width:1000px;
	margin:0 auto;
}

#content .history-area .history-box #historyBox{
	width: 1000px;
	height: 421px;
	overflow: hidden;
	position:relative;
	z-index: 100;
}

#content .history-area .history-box #historyBox .history-frame{
	width: 1000px;
	height: 421px;
	overflow: hidden;
	position:absolute;
}

#content .history-area #history-prev{
	position:absolute;
	top:30%;
	left:100px;
	cursor:pointer;
	display: none;
}

#content .history-area #history-next{
	position:absolute;
	top:30%;
	right:100px;
	cursor:pointer;
	display: none;
}

/*
===== 2: history-header ====================================
*/

#content .history-area .history-header{
	border:1px solid #eb5e01;
	background:#FFF;
}

#content .history-area .history-header h2 ,#content .history-area .history-header h2{
	float:left;
}

#content .history-area .history-header h2{
	color:#eb5e01;
	font-size:225%;
	font-weight:bold;
	background:url(../../img/history/bg_history-header-h2.gif) no-repeat right top #fff2e9;
	padding:10px 30px 10px 10px;
}

#content .history-area .history-header h2 span{
	font-size:60%;
}

#content .history-area .history-header dl{
	padding:3px 0px 0px;
	display:table;
	height:60px;
}

#content .history-area .history-header dl dt ,#content .history-area .history-header dl dd{
	display:table-cell;
	vertical-align:middle;
}

#content .history-area .history-header dl dt{
	color:#eb5e01;
	padding-right:20px;
}

#content .history-area .history-header dl dd{
	color:#999;
}

#content .history-area .history-header dl dd ul li{
	display:block;
}

/*
===== 3: history-content ====================================
*/

#content .history-area .history-content{
	border-left:1px solid #eb5e01;
	border-right:1px solid #eb5e01;
	border-bottom:1px solid #eb5e01;
	background:#FFF;
	padding:10px;
}

#content .history-area .history-content .history-txt ,#content .history-area .history-content .history-photo{
	display:table-cell;
	vertical-align:top;
}

#content .history-area .history-content .history-txt{
	width:500px;
	height: 330px;
	overflow: hidden;
	float:left;
}

#content .history-area .history-content .history-txt .company{
	border-bottom:1px solid #CCC;
	margin:0px 0px 10px 0px;
	display:table;
	padding-bottom:5px;
}

#content .history-area .history-content .history-txt .company h3{
	display:table-cell;
	padding-right:10px;
	vertical-align:top;
}

#content .history-area .history-content .history-txt .company .company-history{
	margin: 0px 0px 5px 50px;
	display:table-cell;
}

#content .history-area .history-content .history-txt .company dl{
	margin-bottom:5px;
	width:455px;
}

#content .history-area .history-content .history-txt .company dt{
	color:#eb5e01;
	padding-right:10px;
	float:left;
}

#content .history-area .history-content .history-txt .company dd{
	margin-left:75px;
}

#content .history-area .history-content .history-txt .company .plural-year dd{
	margin-left:120px;
}

#content .history-area .history-content .history-txt .use-photo{
	margin-left:5px;
}

#content .history-area .history-content .history-txt .program-box{
	border-bottom:1px solid #CCC;
	margin:0px 0px 10px 0px;
	display:table;
	padding-bottom:5px;
	width:500px;
}

#content .history-area .history-content .history-txt .program-box h3{
	display:table-cell;
	width:110px;
	vertical-align:top;
}

#content .history-area .history-content .history-txt .program-box ul{
	margin:0px 0px 5px 110px;
	display:table-cell;
	vertical-align:top;
}

#content .history-area .history-content .history-txt .program-box ul li{
	margin-bottom:3px;
}

#content .history-area .history-content .history-txt #history-tv{
	border-bottom:none;
}

#content .history-area .history-content .history-photo{
	float:right;
	width:470px;
	height:330px;
	background:url(../../img/history/bg_history-photo.jpg) no-repeat;
	position:relative;
}

#content .history-area .history-content .history-photo .photo-one{
	margin:5px;
	position:relative;
}


#content .history-area .history-content .history-photo .photo-plural01 ,#content .history-area .history-content .history-photo .photo-plural02 ,#content .history-area .history-content .history-photo .photo-plural03 ,#content .history-area .history-content .history-photo .photo-plural04{
	position:absolute;
	width:226px;
}

#content .history-area .history-content .history-photo .photo-plural01 img ,#content .history-area .history-content .history-photo .photo-plural02 img ,#content .history-area .history-content .history-photo .photo-plural03 img ,#content .history-area .history-content .history-photo .photo-plural04 img{
	width:226px;
}


#content .history-area .history-content .history-photo .photo-plural01{
	top:5px;
	right:6px;
}

#content .history-area .history-content .history-photo .photo-plural02{
	bottom:5px;
	left:6px;
}

#content .history-area .history-content .history-photo .photo-plural03{
	top:5px;
	left:6px;
}

#content .history-area .history-content .history-photo .photo-plural04{
	bottom:5px;
	right:6px;
}

#content .history-area .history-content .history-photo .enlarge{
	position:absolute;
	bottom:3px;
	right:3px;
}

#content .history-area .history-content .history-photo .enlarge img{
	width:99px;
}

/*
===== 4: history-timeline ====================================
*/

#content .history-area .history-timeline{
	border:1px solid #eb5e01;
	background:url(../../img/history/bg_history-timeline.png) no-repeat 9px 9px #FFF;
	position:relative;
	margin:10px 0px 0px;
	height:170px;
	overflow: hidden;
}

#content .history-area .history-timeline ul{
	margin-top:7px;
	width:6400px;
	height: 151px;
}

#content .history-area .history-timeline ul li{
	display:inline-block;	
	padding:98px 0px 0px;
	font-size:198%;
	font-weight:bold;
	color:#FFF;
	vertical-align:middle;
	width:130px;
	background-position: center top;
	background-repeat:no-repeat;
}

#content .history-area .history-timeline ul li p{
	line-height:1.2;
	text-align:center;
	padding:2px 0px;
	cursor:pointer;
}

#content .history-area .history-timeline ul li span{
	font-size:60%;
}

#content .history-area .history-timeline ul li.three-year{
	font-size:153.9%;
	background-position: center 9px;
}

#content .history-area .history-timeline ul li .select{
	background:#FFF;
	color:#eb5e01;
	border:2px solid #fff2e9;
	padding:0;
}

#content .history-area .history-timeline ul li.line-abc{
	background-image:url(../../img/history/bg_dotline_abc.png) ;
}

#content .history-area .history-timeline ul li.line-abc-radio{
	background-image:url(../../img/history/bg_dotline_abc-radio.png) ;
}

#content .history-area .history-timeline ul li.line-abc-tv{
	background-image:url(../../img/history/bg_dotline_abc-tv.png) ;
}

#content .history-area .history-timeline ul li.line-all{
	background-image:url(../../img/history/bg_dotline_all.png) ;
}

#content .history-area .history-timeline ul li.line-radio{
	background-image:url(../../img/history/bg_dotline_radio.png) ;
}

#content .history-area .history-timeline ul li.line-radio-tv{
	background-image:url(../../img/history/bg_dotline_radio-tv.png) ;
}

#content .history-area .history-timeline ul li.line-tv{
	background-image:url(../../img/history/bg_dotline_tv.png) ;
}

#content .history-area .history-timeline #timeline-cover-left ,#content .history-area .history-timeline #timeline-cover-right{
	position:absolute;
	bottom:8px;
}

#content .history-area .history-timeline #timeline-cover-left{
	left:0;
}

#content .history-area .history-timeline #timeline-cover-right{
	right:0;
}



/*
===== 5: colorbox ====================================
*/

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:1000001; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic; padding:28px 0px 0px;}
.cboxIframe{width:100%; height:100%; display:block; border:0; }
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}
#cboxOverlay{background:url(../../img/common/overlay.png) repeat 0 0;}
#colorbox{outline:0; top:80px;}
#cboxContent{	 overflow:hidden;}
#cboxError{padding:50px; border:1pxsolid#ccc;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align: center;width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxLoadingOverlay{background:url(../../img/common/loading_background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(../../img/common/loading.gif) no-repeat center center;}

#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose{border:0; padding:0; margin:0; overflow:visible; width:auto; background:none;}

#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active{outline:0;}

#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0; background:url(../../img/common/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious:hover{background-position:-75px -25px;}
#cboxNext{position:absolute;bottom:0; left:27px; background:url(../../img/common/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
#cboxNext:hover{background-position:-50px -25px;}
#cboxClose{position:absolute; top:0px; right:0px; background:url(../../img/common/bt_close_off.png) no-repeat; width:28px; height:28px; text-indent:-9999px; }
#cboxClose:hover{background:url(../../img/common/bt_close_on.png) no-repeat;}


.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}