@charset "utf-8";


/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/

10px = 77%? ? ?11px = 85%? ?? 12px = 93%? ? ?13px = 100%
14px = 108%?? ?15px = 116%? ? 16px = 123.1%? 17px = 131%
18px = 138.5%? 19px = 146.5%? 20px = 153.9%? 21px = 161.6%
22px = 167%? ? 23px = 174%? ? 24px = 182%? ? 25px = 189%
26px = 197%
------------------------------------------------------*/ 


/* ------------------------------------------------------------
	0. Yahoo UI Library: Reset CSS, Fonts CSS
   ------------------------------------------------------------ */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0
build: 1549
*/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}table {border-collapse:collapse;border-spacing:0;}fieldset,img {border:0;}address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal;}li {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal;}q:before,q:after {content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select {font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select {*font-size:100%;}legend {color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea {font:99% arial,helvetica,clean,sans-serif;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}


#moviePlayer {
	width:868px;
	}

#movieTitle h3 {
	color:#066;
	font-size:16px;
	font-weight:bold;
	}
#movieTitle p.linkTxt {
	font-size:10px;
	padding:8px 0;
 	}
	
#plyerBox {
	width:640px;
	float:left;
	}
	
#selectBox {
	width:228px;
	height:406px;
	float:right;
	padding-top:1px;
	background:#fff url(../image/player/bg_playlist.png) 0 0 no-repeat;
	}
#selectBox .title .normal {
	width:222px;
	height:65px;
	margin:2px 3px 0;
	background:url(../image/player/bg_player_indivi.jpg) 0 0 no-repeat;
	}
#selectBox .title .active {
	width:222px;
	height:65px;
	margin:2px 3px 0;
	background:url(../image/player/bg_player_indivi_active.jpg) 0 0 no-repeat;
	}
#selectBox .thumbNail{
	float:left;
	width:80px;
	height:45px;
	padding:10px 0 0 4px;
	margin-right:4px;
}
#selectBox .thumbNail img {
	width:100%;
	height:100%;
}
#selectBox a {
	text-decoration:none;
}

#selectBox a .mTitle {
	font-weight:bold;
	font-size:12px;
	line-height:1.3em;
	display:block;
	padding:5px 0 10px;
}
#selectBox a .normal .mTitle {
	color:#5e6062;
}
#selectBox a .active .mTitle {
	color:#066;
}

#selectBox a:hover .normal .mTitle,
#selectBox a:hover .active .mTitle {
	color:#f00;
}

#selectBox .normal .mCaption {
	font-size:0.8em;
	color:#666;
}
#selectBox .active .mCaption {
	font-size:0.8em;
	color:#aaa;
}




.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}