@charset "utf-8";

@import url(base.css);
@import url(common.css);

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

     Video Selector

=======================================*/
div#videoSelector{
	width: 643px;
	margin: 0 0 0 5px;
	padding-bottom: 15px;
	border-style: solid solid none solid;
	border-color: #1e1e1e #1e1e1e #1e1e1e #1e1e1e;
	border-width: 1px;
	background: transparent url("../selector/video/back.jpg") no-repeat left bottom;
}
* html div#videoSelector{
	/* only IE6 under */
	width: 645px;
}
div#videoSelector div#selectCategory{
	float: left;
	width: 407px;
	margin: 5px 0 0 7px;
	/* for IE6 Margin Bug */
	display: inline;
}
div#videoSelector div#selectCategory h3{
	width: 407px;
	height: 0 !important;
	height /**/: 26px;
	padding-top:26px;
	overflow: hidden;
	outline:none;
	background: #cdd6df url("../selector/video/title_cate.gif") no-repeat left top;
}
div#videoSelector div#selectCategory div#mainSelector{
	float: left;
	padding: 8px 13px 4px 58px;
	background: transparent url("../selector/video/label_sports.gif") no-repeat left 6px;
}
div#videoSelector div#selectCategory div#subSelector{
	float: left;
	padding: 8px 0 4px 75px;
	background: transparent url("../selector/video/label_subgenre.gif") no-repeat left 6px;
}
div#videoSelector div#selectCategory select{
	font-size: 77%;
	height: 17px;
}
div#videoSelector div#selectCategory select option{
	padding: 2px;
}
* html div#videoSelector div#selectCategory select {
	margin-top: 3px;
	font-family: 'ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}

*:first-child+html div#videoSelector div#selectCategory select {
	font-family: 'メイリオ','ＭＳ Ｐゴシック',Verdana, Arial,sans-serif;
}
div#videoSelector div#selectCategory select#selectSports{
	width: 115px;
}
div#videoSelector div#selectCategory select#selectSubGenre{
	width: 135px;
}
div#videoSelector div#selectOrder{
	float: right;
	width: 216px;
	margin: 5px 7px 0 0;
	/* for IE6 Margin Bug */
	display: inline;
}
div#videoSelector div#selectOrder h3{
	width: 216px;
	height: 0 !important;
	height /**/: 26px;
	padding-top:26px;
	overflow: hidden;
	outline:none;
	background: #cdd6df url("../selector/video/title_order.gif") no-repeat left top;
}
div#videoSelector div#selectOrder ul li{
	float: left;
	padding: 5px 0 0 6px;
}
div#videoSelector div#selectOrder ul li a {
	display: block;
	width: 99px;
	height: 0 !important;
	height /**/: 26px;
	padding-top:26px;
	overflow: hidden;
	outline:none;
	background: #cdd6df url("../selector/video/order_btn_off.gif") no-repeat left top;
}
div#videoSelector div#selectOrder ul li#newOrder a{
	background-position: 0 0;
}
div#videoSelector div#selectOrder ul li#popOrder a{
	background-position: -104px 0;
}
div#videoSelector div#selectOrder ul li a:hover,
div#videoSelector div#selectOrder ul li.current a{
	background-image: url("../selector/video/order_btn_on.gif");
}
/*======================================

     Video List

=======================================*/
div#whiteBlock #contentsBlock li{
	float: left;
	width: 104px;
	height: 135px;
	padding: 0 20px 10px 0;
	font-size: 77%;
	background: transparent url("../background/loader_white.gif") no-repeat 40px 28px;
	overflow: hidden;
	font-weight: normal;
	font-style: normal;
}
* html div#whiteBlock  #contentsBlock li{
	/* only IE6 under */
	width: 124px;
	padding-left: 2px;
}
div#whiteBlock #contentsBlock li a{
	overflow: hidden;	
}