@charset "EUC-JP";

/****************************** common ******************************/

*{
	padding:0;
	margin:0;
}

body{
	background:#ece8e4;
	font-family:'甲仿幼用剩打 ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
}

a{
	opacity:1;
	color:#4b739c;
	text-decoration:none;
	-webkit-transition:opacity 0.1s linear 0s;
	transition:opacity 0.1s linear 0s;
}

a:visited{
	color:#4b739c;
}

a:hover{
	opacity:0.6;
	-webkit-transition:opacity 0.1s linear 0s;
	transition:opacity 0.1s linear 0s;
}


/****************************** ARTICLE ******************************/

.clear_both{
	clear:both;
}

.bold1{
	color:#ff8890;
}

.bold2{
	color:#70A070;
}

.bold3{
	color:#7070b0;
}

.bold4{
	color:#807080;
}

.bold5{
	color:#C06060;
}

.bold6{
	color:#504088;
}

.bold7{
	color:#0070c0;
}

.bold8{
	color:#f0E000;
}

.bold9{
	color:#c000e0;
}


/****************************** TEXTTABLE ******************************/

table.TEXTTABLE{
	margin:0 auto 0;
	background:#3C9CD0;
}


/******************** DEF ********************/

.TABLE_DEF,
.TABLE_BLUE,
.TABLE_RED,
.TABLE_GREEN{
	margin:0 auto;
	font-size:80%;
	border-collapse:collapse;
	border-bottom:1px solid #aaaaaa;
}

.TABLE_DEF th,
.TABLE_DEF td,
.TABLE_BLUE th,
.TABLE_BLUE td,
.TABLE_RED th,
.TABLE_RED td,
.TABLE_GREEN th,
.TABLE_GREEN td{
	text-align:left;
	line-height:120%;
	border:1px solid #e0e0e0;
	border-bottom:0px solid #e0e0e0;
	padding:5px;
	background:#ffffff;
	word-wrap:break-word;
	word-break:break-all;
}

.TABLE_DEF th,
.TABLE_BLUE th,
.TABLE_RED th,
.TABLE_GREEN th{
	text-align:center;
	background:#222222;
	color:#ffffff;
	border:1px solid #666666;
	border-top-color:#000000;
	border-bottom-color:#000000;
}

.TABLE_DEF th:first-child,
.TABLE_BLUE th:first-child,
.TABLE_RED th:first-child,
.TABLE_GREEN th:first-child{
	border-left:1px solid #000000;
}

.TABLE_DEF th:last-child,
.TABLE_BLUE th:last-child,
.TABLE_RED th:last-child,
.TABLE_GREEN th:last-child{
	border-right:1px solid #000000;
}

.TABLE_DEF td:first-child,
.TABLE_BLUE td:first-child,
.TABLE_RED td:first-child,
.TABLE_GREEN td:first-child{
	border-left:1px solid #aaaaaa;
}

.TABLE_DEF td:last-child,
.TABLE_BLUE td:last-child,
.TABLE_RED td:last-child,
.TABLE_GREEN td:last-child{
	border-right:1px solid #aaaaaa;
}

.TABLE_DEF tr:first-child td,
.TABLE_BLUE tr:first-child td,
.TABLE_RED tr:first-child td,
.TABLE_GREEN tr:first-child td{
	border-top:1px solid #aaaaaa;
}

.TABLE_DEF tr:last-child td,
.TABLE_BLUE tr:last-child td,
.TABLE_RED tr:last-child td,
.TABLE_GREEN tr:last-child td{
}


/********** STRIPE **********/

table.STRIPE{
}

table.STRIPE .even th,
table.STRIPE .even td{
	background:#f9f9f9;
}


/********** TH **********/

table.TABLE_DEF td.TH,
table.TABLE_BLUE td.TH,
table.TABLE_RED td.TH,
table.TABLE_GREEN td.TH,
table.STRIPE td.TH{
	font-weight:bold;
	background:#666666;
	color:#ffffff;
	border:1px solid #444444;
}


/********** BLUE **********/

table.TABLE_BLUE th{
	background:#1f497c;
	color:#ffffff;
	border:1px solid #000000;
}

table.TABLE_BLUE td.TH{
	font-weight:bold;
	background:#4f81bc;
	color:#ffffff;
	border:1px solid #000000;
}


/********** RED **********/

table.TABLE_RED th{
	background:#770000;
	color:#ffffff;
	border:1px solid #000000;
}

table.TABLE_RED td.TH{
	font-weight:bold;
	background:#bb5555;
	color:#ffffff;
	border:1px solid #000000;
}


/********** GREEN **********/

table.TABLE_GREEN th{
	background:#006611;
	color:#ffffff;
	border:1px solid #000000;
}

table.TABLE_GREEN td.TH{
	font-weight:bold;
	background:#559955;
	color:#ffffff;
	border:1px solid #000000;
}


/********** TH2 **********/

table.TABLE_DEF td.TH2,
table.TABLE_BLUE td.TH2,
table.TABLE_RED td.TH2,
table.TABLE_GREEN td.TH2,
table.STRIPE td.TH2{
	font-weight:bold;
	background:#f3f3f3;
	border-bottom-color:#dddddd;
	border-right-color:#dddddd;
}

table.TABLE_DEF tr:last-child td.TH2,
table.TABLE_BLUE tr:last-child td.TH2,
table.TABLE_RED tr:last-child td.TH2,
table.TABLE_GREEN tr:last-child td.TH2,
table.STRIPE tr:last-child td.TH2{
	border-bottom-color:#bbbbbb;
}


/******************** OPTION ********************/


/***** EMPTY *****/

.TABLE_DEF th.EMPTY{
	border:none;
	border-bottom:1px solid #aaaaaa;
	background:transparent;
}

/***** RESULT *****/

.TABLE_DEF tr.result td{
	border-top:3px solid #000000;
	background:#ffffff;
}


/***** FONT *****/

table.SMALL{
	font-size:80%;
}

table.BIG{
	font-size:110%;
}


/***** FLOAT *****/

table.CENTER{
	margin:0 auto;
}

table.LEFT{
	float:left;
	margin:0px 10px 10px 0;
}

table.RIGHT{
	float:right;
	margin:0px 0px 10px 10px;
}


/******************** FIRST CHILD TH ********************/

/***** DEF *****/

.TH_DEF td:first-child{
	font-weight:bold;
	text-align:left;
	background:#666666;
	color:#ffffff;
	border:1px solid #444444;
}

.TH_DEF tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_DEF tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}

/***** BULE *****/

.TH_BLUE td:first-child{
	font-weight:bold;
	text-align:left;
	background:#4f81bc;
	color:#ffffff;
	border:1px solid #000000;
}

.TH_BLUE tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_BLUE tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}

/***** TH_RED *****/

.TH_RED td:first-child{
	font-weight:bold;
	text-align:left;
	background:#bb5555;
	color:#ffffff;
	border:1px solid #000000;
}

.TH_RED tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_RED tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}

/***** TH_GREEN *****/

.TH_GREEN td:first-child{
	font-weight:bold;
	text-align:left;
	background:#559955;
	color:#ffffff;
	border:1px solid #000000;
}

.TH_GREEN tr:first-child td:first-child{
	border-top-color:#444444;
}

.TH_GREEN tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}


/******************** FIRST CHILD TH2 ********************/

/***** DEF *****/

.TH2_DEF td:first-child,
.TH2_BLUE td:first-child,
.TH2_RED td:first-child,
.TH2_GREEN td:first-child{
	font-weight:bold;
	text-align:left;
	background:#f3f3f3;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}

.TH2_DEF tr:last-child td:first-child,
.TH2_BLUE tr:last-child td:first-child,
.TH2_RED tr:last-child td:first-child,
.TH2_GREEN tr:last-child td:first-child{
	border-bottom:1px solid #bbbbbb;
}

.TH2_DEF tr:first-child td:first-child,
.TH2_BLUE tr:first-child td:first-child,
.TH2_RED tr:first-child td:first-child,
.TH2_GREEN tr:first-child td:first-child{
	border-top-color:#aaaaaa;
}

.TH2_DEF tr.result td:first-child,
.TH2_BLUE tr.result td:first-child,
.TH2_RED tr.result td:first-child,
.TH2_GREEN tr.result td:first-child{
	color:#333333;
	border-left:1px solid #aaaaaa;
	border-right:1px solid #dddddd;
	border-bottom:none;
}


/******************** 婁迕 ********************/

blockquote.def,
blockquote.text_box,
blockquote.text_box_01,
blockquote.text_box_02,
blockquote.text_box_03,
blockquote.text_box_yellow,
blockquote.text_box_blue,
blockquote.text_box_green{
	clear:both;
	padding:35px 20px;
//	margin:0 1em;
	font-size:95%;
	line-height:140%;
	height:100%;
	word-wrap:break-word;
	position:relative;
	overflow:hidden;
}


/********** design **********/

blockquote.def:before,
blockquote.text_box:before,
blockquote.text_box_01:before,
blockquote.text_box_02:before,
blockquote.text_box_03:before,
blockquote.text_box_yellow:before,
blockquote.text_box_blue:before,
blockquote.text_box_green:before{
	position:absolute;
	display:block;
	content:'﹍';
	font-size:90px;
	left:0px;
	top:0px;
	line-height:90px;
	font-family:selif;
	color:#fff;
}

blockquote.def:after,
blockquote.text_box:after,
blockquote.text_box_01:after,
blockquote.text_box_02:after,
blockquote.text_box_03:after,
blockquote.text_box_yellow:after,
blockquote.text_box_blue:after,
blockquote.text_box_green:after{
	position:absolute;
	display:block;
	content:'﹎';
	font-size:90px;
	right:0px;
	bottom:-10px;
	line-height:0px;
	font-family:selif;
	color:#fff;
}

.text_box_def,
.text_box,
.text_box_01,
.text_box_02,
.text_box_03,
.text_box_yellow,
.text_box_blue,
.text_box_green{
	clear:both;
	padding:1em;
//	margin:0 1em;
	font-size:95%;
	line-height:140%;
	height:100%;
	word-wrap:break-word;
}


/********** coloring **********/

blockquote.def,
.text_box_def,
blockquote.text_box,
.text_box{
	color:#555;
	position:relative;
	background:#f0f0f0;
	box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,0.15);
}

.text_box_01,
blockquote.text_box_01,
.text_box_yellow,
blockquote.text_box_yellow{
	color:#555;
	position:relative;
	background:#ffffd9;
	background:#fefedc;
	box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,0.15);
}

.text_box_02,
blockquote.text_box_02,
.text_box_blue,
blockquote.text_box_blue{
	color:#555;
	position:relative;
	background:#f4f9ff;
	background:#E9EFF9;
	box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,0.15);
}

.text_box_03,
blockquote.text_box_03,
.text_box_green,
blockquote.text_box_green{
	color:#555;
	position:relative;
	background:#f5faf7;
	background:#E5EFE6;
	box-shadow:inset 0px 0px 1px 0px rgba(0,0,0,0.15);
}


/******************** hr ********************/

hr.release_eol,
hr.dotspliter{
	border-width:0px;
	border-top:1px dotted #aea9a3;
}


/******************** text ********************/

.news_copyright{
	font-size:0.5em;
	line-height:1.3em;
}

span.blockquote{
	color:#c33;
}


/***** align *****/

.news_right{
	text-align:right;
}

.news_center{
	text-align:center;
}


/********** size **********/

.font_small{
	font-size:0.8em;
	line-height:1.3em;
}

.font_large{
	font-size:1.2em;
	line-height:1.3em;
}

.font_x-large{
	font-size:1.5em;
	line-height:1.3em;
}


/********** ul ol **********/


.maintxt ul,
.maintxt ol{
	padding:1em;
	margin:1em;
}

.maintxt ul.def{
	margin:0.3em 2em 0;
	padding:0;
	list-style-type:disc;
}

.maintxt ol.def{
	margin:0.3em 2em 0;
	padding:0;
	list-style-type:decimal;
}

.maintxt ul.def li,
.maintxt ol.def li{
	line-height:1.3em;
	margin-bottom:0.3em;
}


/********** clear both **********/

.clear_both{
	clear:both;
}


/********** release **********/

.release_table{
	width:100%;
	text-align:left;
	background:#fff;
	margin-bottom:1em;
	font-size:0.8em;
	border-collapse:collapse;
}

.release_table td{
	height:2em;
	padding:5px;
	border:1px solid #999;
}

.release_title{
	width:100%;
}

.release_deli_origin{
	width:50px;
	background:#eee;
	text-align:center;
}

.release_maker{
	width:330px;
}

.release_deli_date{
	width:50px;
	background:#eee;
	text-align:center;
}

.release_date{
	width:90px;
	text-align:center;
}

.release_caution{
	padding-bottom:1em;
	margin-bottom:1em;
	text-align:center;
	font-size:0.8em;
	color:#c33;
	border-bottom:1px dotted #c33;
}


/******************** img def ********************/

table.img_right_top td,
table.img_left_top td,
table.img_center td{
	vertical-align:top;
}

table.img_right_top td,
table.img_left_top td{
	text-align:center;
}

table.img_right_top img,
table.img_left_top img,
table.img_center img{
	max-width:100%;
	vertical-align:top;
	border:1px solid #ddd;
}


/********* left **********/

table.img_left_top{
	float:left;
	margin:0px 1em 0.5em 0px;
	border-spacing:0;
	max-width:700px;
}


/********* right **********/

.img_right{
	clear:both;
	float:right;
	margin:0px -190px 0px 1em;
}

.template_word .maintxt .img_right_top,
table.img_right_top{
	float:right;
	margin:0px 0px 0.5em 1em;
	border-spacing:0;
	border-collapse:collapse;
}

.template_word .maintxt .img_right_top,
.template_news .maintxt > table.img_right_top,
.template_word .maintxt > table.img_right_top{
	clear:both;
	position:relative;
	margin:0px -190px 1em 1em;
	table-layout:fixed;
}

.template_word .maintxt .img_right_top{
	width:300px;
	height:auto;
}

.template_word .maintxt img.img_right_top{
	border: 1px solid #ddd;
	margin-right:-192px;
}


/********* center **********/

.img_center,
table.img_center{
	clear:both;
	margin:0 auto 1em;
	text-align:center;
	max-width:700px;
	table-layout:fixed;
	border-spacing:0px;
}

.img_center td,
table.img_center td{
	padding:1px;
}

/********** caption **********/

caption > td{
	margin-bottom:1em;
}

table.img_right_top caption,
table.img_left_top caption,
table.img_center caption,
table.img_right_top td.cap,
table.img_left_top td.cap,
table.img_center td.cap,
table.img_right_top div.cap,
table.img_left_top div.cap,
table.img_center div.cap{
	text-align:left;
	font-size:70%;
	line-height:160%;
	padding:15px 0px 10px;
	border-top:5px solid #fff;
	box-shadow:inset 0px 5px 0px #ECE8E4;
	border-bottom:1px solid #ECE8E4;
	border-top-color:transparent;
}

table.img_right_top caption a.big,
table.img_left_top caption a.big,
table.img_center caption a.big{
	font-size:150%;
	line-height:130%;
	margin-bottom:0.2em;
	display:inline-block;
	font-weight:bold;
}


/******************** emphasis ********************/

h2.emphasis,
.maintxt h2.emphasis{
	position:relative;
	z-index:1;
	overflow:hidden;
	display:block;
	float:none;
	width:510px;
	height:100%;
	padding:0;
	margin:0 auto;
	font-size:100%;
	text-align:center;
	vertical-align:middle;
	border:none;
	margin:0 -200px 2em 0;

}

h2.emphasis:after,
.maintxt h2.emphasis:after,
h2.emphasis:before,
.maintxt h2.emphasis:before{
	z-index:100;
	display:block;
	position:absolute;
	content:" ";
	width:50px;
	height:210%;
	background:#fff;
}

h2.emphasis:before,
.maintxt h2.emphasis:before{
	transform: rotate3d(0,0,1,-40deg);
	-webkit-transform: rotate3d(0,0,1,-40deg);
	right:-54px;
	top:-62%;
}

h2.emphasis:after,
.maintxt h2.emphasis:after{
	transform: rotate3d(0,0,1,40deg);
	-webkit-transform: rotate3d(0,0,1,40deg);
	right:-54px;
	bottom:-62%;
}

h2.emphasis a,
.maintxt h2.emphasis a{
	display:table-cell;
	width:510px;
	padding:12px 60px 12px 30px;
	line-height:130%;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	background:#F7941D;
	background:linear-gradient(#Fd9920, #f3840D);
	color:#fff;
	box-shadow:inset 0px -1px 0px #d7740D;
}

blockquote.def h2.emphasis,
.text_box h2.emphasis,
.text_box_01 h2.emphasis,
.text_box_02 h2.emphasis,
.text_box_03 h2.emphasis,
.text_box_yellow h2.emphasis,
.text_box_blue h2.emphasis,
.text_box_green h2.emphasis{
	width:100%;
}

blockquote.def h2.emphasis:before,
.text_box h2.emphasis:before,
blockquote.def h2.emphasis:after,
.text_box h2.emphasis:after{
	background:#f0f0f0;
}

.text_box_01 h2.emphasis:before,
.text_box_yellow h2.emphasis:before,
.text_box_01 h2.emphasis:after,
.text_box_yellow h2.emphasis:after{
	background:#fefedc;
}

.text_box_02 h2.emphasis:before,
.text_box_blue h2.emphasis:before,
.text_box_02 h2.emphasis:after,
.text_box_blue h2.emphasis:after{
	background:#E9EFF9;
}

.text_box_03 h2.emphasis:before,
.text_box_green h2.emphasis:before,
.text_box_03 h2.emphasis:after,
.text_box_green h2.emphasis:after{
	background:#E5EFE6;
}


/****************************** expand ******************************/

.expand_button:before{
	content:"╡";
}

.expand_button{
	display:block;
	cursor:pointer;
	width:350px;
	padding:10px 0;
	margin:0 auto;
	font-size:80%;
	font-weight:bold;
	text-align:center;
	border-radius:4px;
	border:1px solid #999;

	background:#ddd;
	background: -ms-linear-gradient(top, #fff, #ddd);
	background: -moz-linear-gradient(top, #fff, #ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd));
	background: linear-gradient(top, #fff, #ddd);
	color:#0077ff;
}

.expand_button:hover{
	text-decoration:underline;
}

.expand.off{
	overflow:hidden;
	height:0;
	max-height:0;
}

.expand.on{
	overflow:hidden;
	height:auto;
	max-height:10000px;

	transition:max-height 2s ease-in 0s;
	-moz-transition:max-height 2s ease-in 0s;
	-webkit-transition:max-height 2s ease-in 0s;
	-o-transition:max-height 2s ease-in 0s;
	-ms-transition:max-height 2s ease-in 0s;
}


/****************************** sound player ******************************/

.SOUNDPLAYER{
	font-family:'甲仿幼用剩打 ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	width:500px;
	margin:0 auto;
	font-size:10px;
	color:#fff;
	background:#333;
	border-collapse:collapse;
}

.SOUNDPLAYER th,
.SOUNDPLAYER td{
	border:1px solid #333;
}

.SOUNDPLAYER.NO_PLAYER{
	display:none;
}


/********** cover **********/

.SOUNDPLAYER .COVER{
	width:150px;
	height:150px;
	background:#333;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient(to bottom, #222 0%, #333 50%, #000 51%, #333 100%);
	background: -webkit-gradient(linear, left top, left bottom, from(#222), color-stop(0.5, #333), color-stop(0.51, #000), to(#333));
}


/********** text **********/

.SOUNDPLAYER .PLAYNAME{
	width:300px;
	height:100px;
	vertical-align:top;
	background:#222;
	padding:0;
}

.SOUNDPLAYER .PLAYNAME .LIST:empty,
.SOUNDPLAYER .PLAYNAME .NAME:empty,
.SOUNDPLAYER .PLAYNAME .INFO:empty{
	display:none;
}

.SOUNDPLAYER .PLAYNAME .LIST{
	width:294px;
	height:14px;
	padding:8px;
	font-size:14px;
	font-weight:bold;
	line-height:14px;
	border-bottom:1px solid #444;
	box-shadow:0px 1px 0px 0px #000;
	background:#333;
	background: linear-gradient(to bottom, #444, #333);
	background: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	box-shadow:inset 0px 1px 0px 0px #666;
}

.SOUNDPLAYER .PLAYNAME .NAME{
	width:294px;
	min-height:10px;
	padding:8px;
	line-height:1.5em;
	font-size:10px;
}

.SOUNDPLAYER .PLAYNAME .NAME .NUM{
	margin-right:5px;
	font-size:10px;
	font-weight:bold;
	font-style:italic;
}

.SOUNDPLAYER .PLAYNAME .INFO{
	border-top:1px dotted #444;
	padding:8px;
	font-size:10px;
	line-height:1.5em;
}


/********** control **********/

.SOUNDPLAYER .CONTROL{
	width:300px;
	height:50px;
	text-align:center;
	vertical-align:middle;
	background: linear-gradient(to bottom, #555, #444);
	background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#444));
	box-shadow:inset 0px 1px 0px 0px #777;
}

.SOUNDPLAYER .CONTROL span{
	display:inline-block;
	width:40px;
	height:40px;
	margin:5px;
	border-radius:8px;
	background: linear-gradient(to bottom, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	box-shadow:inset 1px 1px 0px 0px #fff;
	border:2px solid #333;
	cursor:pointer;
}

.SOUNDPLAYER .CONTROL span img{
	width:40px;
	height:40px;
}

.TRACKLIST .PLAY a{
	display:inline-block;
	width:20px;
	height:20px;
	margin:5px;
	border-radius:10px;
	background: linear-gradient(to bottom, #eee, #ccc);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	box-shadow:inset 1px 1px 0px 0px #fff, 1px 1px 0px 0px #999;
}

.TRACKLIST .PLAY a img{
	width:20px;
	height:20px;
}


/********** volume **********/

.SOUNDPLAYER .VOLUME{
	width:20px;
	background-position: center 10px;
	background-repeat: no-repeat;
	text-align:center;
	padding:2px 4px;
}

.SOUNDPLAYER .VOLUME:before{
	content:"Vol";
	display:block;
	height:13px;
	font-size:10px;
	line-height:12px;
}

.SOUNDPLAYER .VOLUMEBAR{
	height:12px;
	font-size:10px;
	line-height:14px;
	height:12px;
	overflow:hidden;
	text-align:center;
	background:#000000;
	box-shadow:0px -1px 0 1px #333;
	border-left:1px solid #000;
	border-top:1px solid #000;
	opacity:1;
	cursor:pointer;
}

.SOUNDPLAYER .VOLUMEBAR:last-child{
	height:14px;
}

.SOUNDPLAYER .VOLUMEBAR.OFF{
	opacity:1;
	background:#000 !important;
}

.SOUNDPLAYER .VOLUMERANGE{
	height: 150px;
	margin: 0;
	padding: 0; 
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
	width: 20px;
}


/********** color **********/

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(2){
	background:#f00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(3){
	background:#e00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(4){
	background:#d00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(5){
	background:#c00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(6){
	background:#b00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(7){
	background:#a00;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(8){
	background:#900;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(9){
	background:#800;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(10){
	background:#700;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(11){
	background:#600;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12):before{
	content:"OFF";
	display:block;
	text-align:center;
}

.SOUNDPLAYER .VOLUME .VOLUMEBAR:nth-child(12){
	background:transparent !important;
	text-indent:0px;
	border-left:1px solid #333;
	border-top:1px solid #333;
}


/********** progress **********/

.SOUNDPLAYER .PROGRESS{
	vertical-align:middle;
	padding:5px;
	background:#000;
	border-top:2px solid #000;
}

.SOUNDPLAYER .FILETYPE,
.SOUNDPLAYER .TIME,
.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	display:inline-block;
	height:15px;
	line-height:15px;
	text-align:center;
	float:left;
}

.SOUNDPLAYER .FILETYPE{
	width:40px;
	font-size:11px;
	font-weight:bold;
	color:#fff;
	background:#666;
}

.SOUNDPLAYER .TIME{
	min-width:70px;
	padding:0px 5px;
	font-size:10px;
	color:#fff;
}

.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	width:360px;
	height:12px;
	padding-top:5px;
	text-align:left;
}

.SOUNDPLAYER .PROGRESSBAR{
	display:block;
	width:0%;
	height:6px;
	background:#fff;
	transition:width 0s liner 0s;
}


/******************** list ********************/

.TRACKLIST{
	font-family:'甲仿幼用剩打 ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	width:500px;
	margin:0 auto;
	border-collapse:collapse;
	color:#444;
	background:#fff;
}

.TRACKLIST th,
.TRACKLIST td{
	font-size:10px;
	line-height:1.5em;
	padding:5px;
	border: 1px solid #ffffff;
}

.TRACKLIST th{
	border-bottom:1px solid #ccc;
	background:#ddd;
	background: linear-gradient(to bottom, #eeeeee, #e3e3e3);
	background: -webkit-gradient(linear, left top, left bottom, from(#eeeeee), to(#e3e3e3));
	box-shadow:inset 0px 1px 0px 0px #fff;
}


/********** color **********/

.TRACKLIST tr:first-child th,
.TRACKLIST tr:first-child td{
	border-top:1px solid #ccc;
}

.TRACKLIST th:first-child,
.TRACKLIST td:first-child{
	border-left:1px solid #ccc;
}

.TRACKLIST th:last-child,
.TRACKLIST td:last-child{
	border-right:1px solid #ccc;
}

.TRACKLIST tr:last-child th,
.TRACKLIST tr:last-child td{
	border-bottom:1px solid #ccc;
}

.TRACKLIST tr:nth-child(odd) td{
	background:#e9f0ff;
}


/********** coloring **********/

.TRACKLIST.BLUE tr:nth-child(odd) td{
	background:#e9f0ff;
}

.TRACKLIST.YELLOW tr:nth-child(odd) td{
	background:#fcfce9;
}

.TRACKLIST.RED tr:nth-child(odd) td{
	background:#ffeef9;
}


/********** heading **********/

.TRACKLIST .PLAYLISTNAME{
	font-size:16px;
	line-height:100%;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
	box-shadow:inset 0px 1px 0px 0px #fff;
}


/********** text **********/

.TRACKLIST th,
.TRACKLIST .NUM{
	text-align:center;
}

.TRACKLIST td{
	text-align:left;
}

.TRACKLIST td.DURATION{
	text-align:right;
}


/********** width **********/

.TRACKLIST .NAME{
}

.TRACKLIST .NUM{
	width:30px;
	padding-left:0px;
	padding-right:0px;
}

.TRACKLIST .INFO{
	width:170px;
}

.TRACKLIST .DURATION{
	width:30px;
}

.TRACKLIST .PLAY{
	width:30px;
}


/********** NO_DURATION **********/

.PLAYLISTNAME.NO_DISPLAY,
.NO_INFO tr th.INFO,
.NO_INFO tr td.INFO,
.NO_DURATION tr th.DURATION,
.NO_DURATION tr td.DURATION{
	display:none;
}


/****************************** HD丞□申□ ******************************/

.streaming_layer_gray{
	display:none;
	position:fixed;
	z-index:998;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
	cursor:pointer;
}

.streaming_hd_contaner{
	display:none;
	position:fixed;
	z-index:999;
	top:0px;
	left:0px;
	border:8px solid #eeeeee;
	border-radius:8px;
}

.streaming_cotaner iframe,
.streaming_hd_contaner iframe{
	vertical-align:middle;
}


/********** youtube **********/

.streaming_cotaner{
	text-align:center;
}

.streaming_cotaner > div{
	margin:0 auto !important;
}

.streaming_cotaner > div > div{
	position:relative;
	overflow:hidden;
}

.streaming_cotaner > div > div:first-child:before{
	content:" ";
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	background:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5));
	background:linear-gradient(to bottom, rgba(0,0,0,0) 0, rgba(0,0,0,0) 70%, rgba(0,0,0,0.5) 100%);
}

.streaming_cotaner > div > div:first-child:after{
	content:" ";
	position:absolute;
	left:0px;
	bottom:0px;
	width:96%;
	height:40px;
	margin:0px 2%;
	border-top:3px solid rgba(255,255,255,0.5);
	background:transparent;
	background-repeat:no-repeat;
	background-position:left top, right top;
	background-image:url(/images/bg_interface_youtube_left.png), url(/images/bg_interface_youtube_right.png);
}

.streaming_cotaner > div > div.button:first-child:before,
.streaming_cotaner > div > div.button:first-child:after{
	content:none;
}

.movie_title{
	text-align:left;
	margin:0 auto;
}

.streaming_cap{
	text-align:left;
	font-size:70%;
	line-height:160%;
	margin:10px auto 0;
	padding:10px 0px 10px;
	border-top:5px solid #ECE8E4;
	border-bottom:1px solid #ECE8E4;
}

.streaming_sd,
.streaming_hd{
	top:40% !important;
}


/********** mouse over **********/

.streaming_normal,
.streaming_sd,
.streaming_hd{
	background:url(/images/bg_streaming_opacity.gif) no-repeat center top;
}

.button_streaming_play:hover{
	opacity: 0.8;
}


/****************************** HD岉元月示正件 ******************************/

.streaming_hd_contaner embed{
	z-index:100;
}

.streaming_hd_contaner .stream_close{
	display:none;
	position:absolute;
	right:10px;
	top:9px;
	width:34px;
	height:33px;
	opacity: 0.6;
	cursor:pointer;
}

.streaming_hd_contaner .stream_close:hover{
	opacity:0.8;
}

.streaming_hd_contaner .stream_close_outside{
	display:block;
	position:absolute;
	right:-34px;
	top:-34px;
	width:100px;
	height:100px;
	cursor:pointer;
	opacity: 1;
}

.streaming_hd_contaner .stream_close_outside:hover{
	opacity: 1;
}


/****************************** OVERLAY SS ******************************/

#OVERLAY_SS_area{
	z-index:999;
	position:fixed;
	background:#ffffff;
	border:8px solid #ffffff;
	border-radius:8px;
	cursor:pointer;
}


/********** gray **********/

#OVERLAY_SS_GRAY{
	display:none;
	z-index:998;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	cursor:pointer;
}


/********************  interface ********************/

#OVERLAY_SS_info{
	overflow:hidden;
	z-index:999;
	position:fixed;
	bottom:8px;
	left:50%;
	width:500px;
	height:33px;
	margin-left:-250px;
	text-align:center;
}

#OVERLAY_SS_info ul{
	display: -webkit-flex;
	display:flex;
	-webkit-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	justify-content:center;
	height:33px;
	vertical-align:middle;
}

#OVERLAY_SS_info ul li{
	list-style:none;
}


/********** url **********/

#OVERLAY_SS_info .box_1{
	display:none;
}


/********** ratio **********/

#OVERLAY_SS_info .box_2{
	-webkit-flex:1;
	flex:1;
	-webkit-flex-grow:1;
	flex-grow:1;
	height:33px;
	margin:0px 5px;
	font-size:10px;
	line-height:33px;
	text-align:right;
	color:#fff;
}


/********** 葆壓示正件 **********/

#OVERLAY_SS_info .box_3{
	-webkit-flex:2;
	flex:2;
	-webkit-flex-grow:2;
	flex-grow:2;
	height:33px;
	margin:0px 5px;
	background:#eee;
	background:linear-gradient(#fff, #eee);
	background:#F7941D;
	border-radius:4px;
}

#OVERLAY_SS_info .box_3 a:before{
	white-space: nowrap;
	word-wrap: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: 'liga';

	font-feature-settings: 'liga';
	font-smoothing: antialiased;
	font-family:'Material Icons';
	font-weight:normal;

	vertical-align:middle;
	font-size:21px;
	padding-right:3px;
	content:"zoom_in";
}

#OVERLAY_SS_info .box_3 a{
	display:block;
	padding:10px;
	font-size:13px;
	line-height:13px;
	text-decoration:none;
	color:#333;
	color:#fff;
}


/********** tweet **********/

#OVERLAY_SS_info .box_4{
	-webkit-flex:3;
	flex:3;
	-webkit-flex-grow:1;
	flex-grow:1;
	text-align:left;
}

#OVERLAY_SS_info .box_4 a{
	display:block;
	overflow:hidden;
	height:17px;
	padding:8px 0px 8px;
	margin:0px auto 0 5px;
	font-size:12px;
	color:#fff;
}

#OVERLAY_SS_tweet img{
	width:57px;
	height:17px;
	margin-right:5px;
	vertical-align:middle;
}