@charset "EUC-JP";

/*==============================================================================================================
/import V2_news_component.css
/==============================================================================================================*/

/**************************************** 記事内用CSS ****************************************/

/********** maintxt **********/

.maintxt{
	line-height:1.5em;
	padding:0 0.5em;
}

.maintxt a{
	overflow-wrap:break-word
}

.maintxt table img{
	vertical-align:middle;
}


/********** BOX **********/

.main_contents .container .text_box_def,
.main_contents .container .text_box_01,
.main_contents .container .text_box_02,
.main_contents .container .text_box_03,
.main_contents .container blockquote.def,
.main_contents .container blockquote.text_box_01,
.main_contents .container blockquote.text_box_02,
.main_contents .container blockquote.text_box_03,
.main_contents .container .text_box,
.main_contents .container .text_box_yellow,
.main_contents .container .text_box_blue,
.main_contents .container .text_box_green,
.main_contents .container blockquote.text_box,
.main_contents .container blockquote.text_box_yellow,
.main_contents .container blockquote.text_box_blue,
.main_contents .container blockquote.text_box_green{
	height:100%;
	padding:15px;
	margin:0 15px;
	background:#f3f3f3;
	border:1px solid #999999;
	word-wrap:break-word;
}

.main_contents .container .text_box_01,
.main_contents .container blockquote.text_box_01,
.main_contents .container .text_box_yellow,
.main_contents .container blockquote.text_box_yellow{
	background:#fcfcf3;
}

.main_contents .container .text_box_02,
.main_contents .container blockquote.text_box_02,
.main_contents .container .text_box_blue,
.main_contents .container blockquote.text_box_blue{
	background:#f4f9ff;
}

.main_contents .container .text_box_03,
.main_contents .container blockquote.text_box_03,
.main_contents .container .text_box_green,
.main_contents .container blockquote.text_box_green{
	background:#f5faf7;
}


/********** リスト **********/

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

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


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

.main_contents .container .maintxt ul.def li,
.main_contents .container .maintxt ol.def li{
	line-height:130%;
	margin-bottom:0.3em;
}


/********** エラー **********/

.error_page{
	width:960px;
	margin:0 auto 0;
	text-align:left;
	border-left:5px solid #aaaaaa;
	border-right:5px solid #aaaaaa;
	color:#333333;
}

.error_page .logo img{
	margin:8px;
}

.error_page .main_contents{
	line-height:130%;
	padding:0 0.5em;
	border:none;
	float:none;
	background-color:transparent;
	text-align:left;
}

.main_contents p.error strong,
.main_contents p.caution strong{
	display:block;
	font-size:31px;
	margin:35px 0 10px;
}

.main_contents p.caution strong{
	border-bottom:1px solid #333333;
	margin-bottom:10px;
	padding-bottom:5px;
}

.main_contents p.caution strong img{
	vertical-align:text-bottom;
	margin-right:10px;
}

.main_contents p.error,
.main_contents p.caution{
	line-height:120%;
	font-size:13px;
	margin-left:10px;
	margin-right:10px;
}

.main_contents p.error_comment{
	line-height:120%;
	font-size:13px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:30px;
	padding-bottom:5px;
	border-bottom:1px solid #333333;
}

.main_contents p.error_url{
	line-height:120%;
	font-size:13px;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:45px;
}


/************ レビュー/プレビュー/デモ用 ************/

.main_contents .container .review_header,
.main_contents .container .preview_header,
.main_contents .container .demo_header{
	width:528px;
	margin-top:1em;
	margin-bottom:1em;
	padding:2px;
	border:1px solid #8686b3;
	background:#eeeeee;
}

.main_contents .container .preview_header{
	border:1px solid #818181;
}

.main_contents .container .demo_header{
	margin-bottom:0em;
}

/* レビュー キャッチ */

.main_contents .container .review_header p.catch,
.main_contents .container .preview_header p.catch,
.main_contents .container .demo_header p.catch{
	width:518px;
	padding:2px 4px;
	border:1px solid #ffffff;
	border-bottom:1px solid #8a8ae5;
	background:url(/image/bg_review_pc_catch.gif) repeat-x bottom left #ffffff;
}

.main_contents .container .preview_header p.catch{
	border-bottom:1px solid #666666;
	background:url(/image/bg_preview_pc_catch.gif) repeat-x bottom left #ffffff;
}

.main_contents .container .demo_header p.catch{
	font-weight:normal;
}


/* タイトル */

.main_contents .container .review_header h1,
.main_contents .container .preview_header h1,
.main_contents .container .demo_header h1{
	width:502px;
	line-height:100%;
	padding:10px 12px 16px;
	border:1px solid #ffffff;
	border-bottom:none;
	background:#e6e6ff;
	font-size:182%;
}

.main_contents .container .preview_header h1{
	background:#ffffe6;
}


/* 著者名 */

.main_contents .container .review_header .author,
.main_contents .container .preview_header .author,
.main_contents .container .demo_header .author{
	width:518px;
	height:100%;
	margin:0;
	padding:2px 4px;
	border:1px solid #ffffff;
	border-top:none;
	background-image:none;
	background:#e6e6ff;
}

.main_contents .container .preview_header .author{
	background:#ffffe6;
}

.main_contents .container .demo_header .author{
	padding-top:0;
}


/* レビュー リード */

.main_contents .container p.review_lead{
	margin:0 1.5em 0;
	padding:2px 1em 6px;
	border:1px solid #999999;
	background:#f7f7ff;
}

.review_raquo{
	line-height:130%;
	color:red;
	font-size:130%;
	font-weight:bold;
}


/* デモ パブリッシャ */

.main_contents .container .demo_header p.publisher{
	text-align:right;
	font-size:13px;
	line-height:13px;
	padding-left:10px;
	padding-right:8px;
	background:#e6e6ff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}


/* デモ 追記 */

.main_contents .container p.postscript1,
.main_contents .container p.postscript2,
.main_contents .container p.postscript3{
	color:#ff0000;
	margin:-1.5em 0 0;
	font-size:80%;
	line-height:120%;
}


/* デモ フッター */

.main_contents .container .demo_footer{
	line-height:140%;
	margin:0 22px;
	padding:1em;
	border:1px solid #8686b3;
	background:#f7f7ff;
	font-size:95%;
	text-align:center;
}

.main_contents .container .demo_footer p.finding{
	border-bottom:1px solid #8686b3;
	font-weight:bold;
	text-align:left;
}

.main_contents .container .demo_footer ul.key_operation,
.main_contents .container .demo_footer p.sys_require{
	margin:0.3em 0.5em 1.5em;
	text-align:left;
}

.main_contents .container .demo_footer p.file_size{
	margin-bottom:0.5em;
}


/* デモ 免責事項 */

.main_contents .container .exemption{
	line-height:15px;
	margin:1em 22px;
	font-size:13px;
}


/* 連載用 */

.old_link_caption{
	margin-top:1em;
	color:#ff0000;
	font-size:90%;
}


/*** レビュー用 ***/

.main_contents .container .gametitle_container{
	width:506px;
	height:100%;
	margin:10px;
	padding:4px;
	clear:both;
	background:#f3f3f3;
}

.main_contents .container .gametitle_container h2{
	line-height:17px;
	margin-bottom:2px;
	padding-left:12px;
	background:url(/image/icatch_red_white_8.gif) no-repeat 0 5px;
	font-size:15px;
	font-weight:normal;
	margin:0 0 6px 82px;
	border:none;
}

.main_contents .container .gametitle_container p{
	display:none;
	line-height:125%;
	margin:0.5em 0 0 12px;
	font-size:13px;
	margin:1em 0 0 82px;
}

.main_contents .container .gametitle_container table{
	width:421px;
	line-height:110%;
	margin:0;
	font-size:12px;
	text-align:left;
	table-layout:fixed;
}

.main_contents .container .gametitle_container table col.class1,
.main_contents .container .gametitle_container table col.class3{
	width:55px;
}

.main_contents .container .gametitle_container table col.class2,
.main_contents .container .gametitle_container table col.class5{
	width:4px;
}

.main_contents .container .gametitle_container table col.class3,
.main_contents .container .gametitle_container table col.class6{
	width:145px;
}

.main_contents .container .gametitle_container table tr{
	vertical-align:top;
}

.main_contents .container .gametitle_container table th{
	padding-top:2px;
	vertical-align:top;
	font-weight:normal;
}

.main_contents .container .gametitle_container table td{
	padding-top:2px;
	vertical-align:top;
	padding-right:4px
	padding-left:4px
}

.main_contents .container .gametitle_container table td ul li a{
	margin-right:4px
}

.main_contents .container .gametitle_container table td ul{
	width:100%;
	line-height:110%;
	margin:0;
	padding:0;
	text-align:left;
	font-size:12px;
	border:none;
}

.main_contents .container .gametitle_container table td ul li{
	display:inline;
}







/****************************** リンク強調 ******************************/

.main_contents .container .maintxt h2.emphasis{
	clear:both;
	margin:0 10px;
	border:none;
	padding-left:0;
	padding:2px 4px;
	border:1px solid #f0f0f0;
	background:#f0f0f0;
	font-size:100%;
}

.main_contents .container .maintxt h2.emphasis a:visited{
	color:#cc0000;
}

.main_contents .container .maintxt h2.emphasis a:hover{
	border-top:1px solid #666666;
	border-left:1px solid #666666;
	border-right:1px solid #f0f0f0;
	border-bottom:1px solid #f0f0f0;
	color:#ff0000;
}

.main_contents .container .maintxt h2.emphasis a{
	text-align:center;
	color:#cc0000;
	display:block;
	padding:7px 4px;
	line-height:120%;
	border-top:1px solid #f0f0f0;
	border-left:1px solid #f0f0f0;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
	background:#ffdd44;
}


/****************************** QR POPUP ******************************/

.main_contents .container .maintxt .emphasis{
	position:relative;
}


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

.unit_contents .main_contents .container .maintxt .emphasis{
	background:#f0f0f0;
	padding:4px 5px;
	position:relative;
	display:table;
	height:52px;
	width:500px;
	margin:0 auto;
}

.unit_contents .main_contents .container .maintxt .emphasis a{
	display:table-cell;
	border-radius:4px;
	border:none;
	text-decoration:none;
	line-height:130%;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	padding:6px 60px 4px 75px;
	padding-right:45px;
	vertical-align:middle;
	border:none;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	height:40px;
	color:#cc0000 !important;
	background-image:-moz-linear-gradient(top,#ffde47,#f0c040);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#ffde47),to(#f0c040));
	background:linear-gradient(to bottom, #ffde47, #f0c040);
	text-shadow:1px 1px 0px #ffdd66;
}

.unit_contents .main_contents .container .maintxt .emphasis a:before{
	position:absolute;
	top:0px;
	bottom:0px;
	margin:auto;
	left:5px;
	content:" ";
	width:56px;
	z-index:100;
	margin:6px auto 6px;
	background:url(/image/bg_button_emphasis_right.png) no-repeat left center;
	border-right:1px solid #ddbb33;
	box-shadow:1px 0px 0px #ffdd66;
}

.unit_contents .main_contents .container .maintxt .emphasis:hover a{
	border:none;
	border-left:2px solid #000000;
	border-top:2px solid #000000;
	color:#ffffff;
	text-decoration:underline;
}

.unit_contents .main_contents .container .maintxt .emphasis:hover a:before{
	top:2px;
	left:6px;
}


/********** column **********/

.main_contents .container .maintxt blockquote.def .emphasis,
.main_contents .container .maintxt .text_box_def .emphasis,
.main_contents .container .maintxt .text_box_01 .emphasis,
.main_contents .container .maintxt .text_box_02 .emphasis,
.main_contents .container .maintxt .text_box_03 .emphasis,
.main_contents .container .maintxt .text_box .emphasis,
.main_contents .container .maintxt .text_box_yellow .emphasis,
.main_contents .container .maintxt .text_box_blue .emphasis,
.main_contents .container .maintxt .text_box_green .emphasis{
	width:100%;
	box-sizing:border-box;
}


/********** ios **********/

.main_contents .container .maintxt .emphasis.iTunes a,
.main_contents .container .maintxt .emphasis.GooglePlay a{
	color:#ffffff !important;
}

.main_contents .container .maintxt .emphasis.iTunes a{
	background-image:-moz-linear-gradient(top,#9d9d9d,#747474);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#9d9d9d),to(#747474));
	background:linear-gradient(to bottom, #9d9d9d, #747474);
	text-shadow:-1px -1px 0px #666666;
}

.main_contents .container .maintxt .emphasis.iTunes a:before{
	background:url(/image/bg_button_emphasis_ios.png) no-repeat left center;
	border-right:1px solid #646464;
	box-shadow:1px 0px 0px #909090;
}


/********** android **********/

.main_contents .container .maintxt .emphasis.GooglePlay a{
	background-image:-moz-linear-gradient(top,#a4c306,#8ba600);
	background-image:-webkit-gradient(linear,left top,left bottom,from(#a4c306),to(#8ba600));
	background:linear-gradient(to bottom, #a4c306, #8ba600);
	text-shadow:-1px -1px 0px #819406;
}

.main_contents .container .maintxt .emphasis.GooglePlay a:before{
	background:url(/image/bg_button_emphasis_android.png) no-repeat left center;
	border-right:1px solid #7a9200;
	box-shadow:1px 0px 0px #b0c933;
}


/******************** POPUP制御 ********************/

.unit_contents .emphasis .QRCODE_POPUP{
	display:none;
}

.unit_contents .emphasis:hover .QRCODE_POPUP{
	display:block;
	position:absolute;
	z-index:300;
	right:0;
	top:0px;
	left:auto;
	top:0;
	margin:auto;
	margin-top:-233px;
	background:#ffffff;
	box-shadow:0px 0px 5px 0px #000000;
	padding:10px;
	border-radius:10px;
	border:5px solid #000000;

	width:228px;
	height:228px;
}

.unit_contents .emphasis:hover .QRCODE_POPUP:before{
	top:100%;
	right:8px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(000, 000, 000, 0);
	border-top-color: #000000;
	border-width: 22px;
	margin-left: -22px;
}

.unit_contents .emphasis:hover .QRCODE_POPUP:after{
	top:100%;
	right:15px;
	border:solid transparent;
	content:" ";
	height:0;
	width:0;
	position:absolute;
	pointer-events:none;
	border-color:rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
	margin-left: -15px;
}

.unit_contents .emphasis .QRCODE_POPUP img{
	width:228px;
	height:228px;
}


/********** QRアイコン **********/

.unit_contents .main_contents .container .maintxt .emphasis.QRCODE a,
.unit_contents .main_contents .container .maintxt .emphasis.MARKET a{
	padding:6px 55px 4px 75px;
}

.main_contents .container .maintxt .emphasis.QRCODE a:after,
.main_contents .container .maintxt .emphasis.MARKET a:after{
	background:url(/image/bg_button_emphasis_qr.png) no-repeat left center;
	position:absolute;
	top:-2px;
	bottom:0px;
	margin:auto;
	right:14px;
	content:" ";
	width:42px;
}

.main_contents .container .maintxt .emphasis.QRCODE:hover a:after,
.main_contents .container .maintxt .emphasis.MARKET:hover a:after{
	top:0px;
	right:13px;
}


/****************************** AD ******************************/

#APPENDLINK{
	margin:20px auto 0;
}

#APPENDLINK:empty{
	margin:0;
	display:none;
}


/******************** CONTAINER ********************/

#APPENDLINK .CONTAINER{
	margin:20px auto 20px;
}

#APPENDLINK .INTERNAL_CONTAINER{
	margin:40px auto 20px;
}

#APPENDLINK .CONTAINER:empty,
#APPENDLINK .INTERNAL_CONTAINER:empty{
	margin:0;
	display:none;
}


/********** banner **********/

#APPENDLINK .event_banner{
	margin-top:10px;
	text-align:center;
}

#APPENDLINK .event_banner:not(.CUSTOMIZE) img{
	width:500px;
	height:78px;
}

#APPENDLINK .SPACE{
	margin-top:40px;
}


/********** target **********/

#APPENDLINK .TARGETING.BOTTOM{
	margin-top:10px;
	width:540px;
	height:81px;
	text-align:center;
}

#APPENDLINK .TARGETING.BOTTOM img{
	width:540px;
	height:81px;
}


/********** bottom **********/

#APPENDLINK .ARTICLE_BOTTOM{
	margin:10px auto 0;
}

#APPENDLINK .ARTICLE_BOTTOM:empty{
	margin:0;
	display:none;
}

#APPENDLINK .ARTICLE_BOTTOM,
#APPENDLINK .ARTICLE_BOTTOM img{
	width:500px;
	height:78px;
}


/********** LINE **********/

#APPENDLINK .LINE_FRIEND{
	width:510px;
	height:60px;
	padding-top:20px;
	margin:0 auto;
}

#APPENDLINK div + .LINE_FRIEND{
	padding-top:40px;
}

#APPENDLINK #INTERNAL_CONTAINER > .LINE_FRIEND:first-child{
	padding-top:20px;
}

#APPENDLINK .LINE_FRIEND:last-child{
	margin-bottom:20px;
}

#APPENDLINK .LINE_FRIEND img{
	width:510px;
	height:60px;
}


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

.main_contents .container .maintxt .emphasis.PICKUP,
#APPENDLINK .link{
	position:relative;
	display:table;
	width:500px;
	height:52px;
	margin:0 auto;
	padding:4px 5px;
	font-size:100%;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN','meiryo';
	border:1px solid #f0f0f0;
	background:#f0f0f0;
}

.main_contents .container .maintxt .emphasis.PICKUP a,
#APPENDLINK .link a{
	display:table-cell;
	position:relative;
	height:40px;
	width:378px;
	padding:6px 60px 6px 75px;

	font-size:16px;
	font-weight:bold;
	line-height:120%;
	text-align:center;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffdd66;
	vertical-align:middle;

	border:none;
	border-right:2px solid #000000;
	border-bottom:2px solid #000000;
	border-radius:0px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;

	color:#cc0000 !important;

	background:#ffde47;
	background-image:url(/image/bg_button_emphasis_special.png), url(/image/bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), -moz-linear-gradient(top,#ffde47,#f0c040);
	background-image:url(/image/bg_button_emphasis_special.png), url(/image/bg_button_emphasis_special_l.png), url(/image/bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), -webkit-gradient(linear,left top,left bottom,from(#ffde47),to(#f0c040));
	background-image:url(/image/bg_button_emphasis_special.png), url(/image/bg_button_emphasis_special_l.png), url(/image/bg_button_emphasis_special_r.png), url(/image/bg_button_emphasis_special_repeat.png), url(/image/bg_button_emphasis_special_repeat.png), linear-gradient(to bottom, #ffde47, #f0c040) ;
	background-position:left center, left bottom, right top, left bottom, right top;
	background-repeat:no-repeat, no-repeat, no-repeat, repeat-x, repeat-y;
}

.main_contents .container .maintxt .emphasis.PICKUP:hover a,
#APPENDLINK .link:hover a{
	text-decoration:underline;
	color:#ffffff;
	border:none;
	border-left:2px solid #000000;
	border-top:2px solid #000000;
}


/********** QR **********/

.unit_contents .PICKUP:hover .QRCODE_POPUP{
	margin-top:-235px;
}

.main_contents .container .maintxt .emphasis.QRCODE.PICKUP,
.main_contents .container .maintxt .emphasis.MARKET.PICKUP{
	overflow:visible;
}

.main_contents .container .maintxt .emphasis.QRCODE.PICKUP a,
.main_contents .container .maintxt .emphasis.MARKET.PICKUP a{
	padding:6px 60px 6px 75px;
}


/********** decoration **********/

.main_contents .container .maintxt .emphasis.PICKUP:before,
.main_contents .container .maintxt .emphasis.PICKUP a:after{
	content:none !important;
}

.main_contents .container .maintxt .emphasis.PICKUP a:before,
#APPENDLINK .link a:before{
	content:" ";
	z-index:100;
	position:absolute;
	top:0px;
	left:0px;
	width:56px;
	height:100%;
	min-height:50px;
	margin:0;
	background:transparent;
	border:none;
	border-right: 1px solid #ddbb33;
	box-shadow: 1px 0px 0px #ffdd66;
}

.main_contents .container .maintxt .emphasis.PICKUP:hover a:before,
#APPENDLINK .link:hover a:before{
	top:0px;
	left:0px;
}

.main_contents .container .maintxt .emphasis.QRCODE.PICKUP:after,
.main_contents .container .maintxt .emphasis.MARKET.PICKUP:after{
	content:" ";
	position:absolute;
	top:-6px;
	bottom:0px;
	right:14px;
	width:42px;
	margin:auto;
	background: url(/image/bg_button_emphasis_qr.png) no-repeat left center;
}

.main_contents .container .maintxt .emphasis.QRCODE.PICKUP:hover:after,
.main_contents .container .maintxt .emphasis.MARKET.PICKUP:hover:after{
	top:-3px;
	bottom:0px;
	right:12px;
}










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

.main_contents .container 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;
}

#fgContents2 .TABLE_DEF th,
#fgContents2 .TABLE_DEF td,
#fgContents2 .TABLE_BLUE th,
#fgContents2 .TABLE_BLUE td,
#fgContents2 .TABLE_RED th,
#fgContents2 .TABLE_RED td,
#fgContents2 .TABLE_GREEN th,
#fgContents2 .TABLE_GREEN td{
	padding:8px;
}

.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;
}


/******************** SPLITTER ********************/

tr.splitter td{
	border-top:3px solid #000000 !important;
}

th.SPLIT,
td.SPLIT{
	border-right:3px solid #000000 !important;
}









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

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

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

	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);
}

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

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

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

	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;
}







/****************************** SAMPLE ******************************/

div.SAMPLEQUOTE,
pre.SAMPLEQUOTE{
	padding:15px;
	margin:0px 15px 1.9em;
	background:#f3f5f9;
	position:relative;
	height:100%;
}

pre.SAMPLEQUOTE{
	overflow:hidden;
}

div.SAMPLEQUOTE pre{
	box-sizing:border-box;
	margin:0 auto;
	font-size:82%;
	line-height:100%;
	font-family:"ＭＳ ゴシック","Osaka-Mono","monospace";
	word-break:keep-all;
	white-space:pre;
	overflow-x:auto;
}

div.SAMPLEQUOTE{
	height:auto;
}


div.SAMPLEQUOTE:before,
div.SAMPLEQUOTE:after,
pre.SAMPLEQUOTE:before,
pre.SAMPLEQUOTE:after{
	content:" ";
	position:absolute;
	display:block;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
}

div.SAMPLEQUOTE:before,
pre.SAMPLEQUOTE:before{
	z-index:10;
	right:5px;
	bottom:5px;
	height:0;
	width:0;
	background:transparent;
	border:solid transparent;
	border-color:transparent;
	border-bottom-color:#808399;
	border-width:13px;
	margin-left:-13px;
}

div.SAMPLEQUOTE:after,
pre.SAMPLEQUOTE:after{
	width:26px;
	height:14px;
	right:-9px;
	bottom:-4px;
	background:#fff;
}


/********** design sample **********/

.designA pre.SAMPLEQUOTE:before,
.designA pre.SAMPLEQUOTE:before,
.designA pre.SAMPLEQUOTE:before,
.designA pre.SAMPLEQUOTE:before{
	right:4px;
	bottom:4px;
}

.designA pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px solid #808399;
	overflow:visible;
}

.designB pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px solid #d6d7dc;
	overflow:visible;
}

.designC pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px dotted #808399;
	overflow:visible;
}

.designD pre.SAMPLEQUOTE{
	background:#f3f5f9;
	border:1px solid #f3f5f9;
	overflow:visible;
}







/****************************** HEADLINES ******************************/

.HEADLINES{
	background: #f3f3f3 none repeat scroll 0 0;
	border: 1px solid #999999;
	margin: 0 2em;
	padding:2em 1em 1em;
	margin-bottom: 1.5em;
}

.HEADLINES::before {
	content: "目次";
	font-weight: bold;
	margin-left: -0.5em;
	margin-top: -1.5em;
	position: absolute;
}

.HEADLINES.HEADLINE_LoVA{
	background: #f3c3c3 none repeat scroll 0 0;
}

.HEADLINES .LEVEL1{
	color:#000000;
	font-weight:bold;
}

.HEADLINES .LEVEL2{
	color:#000000;
	padding-left:20px;
	display:none;
}

.HEADLINES.HEADLINE_ALL{
	display:block;
}

.HEADLINES.HEADLINE_ALL .LEVEL2{
	display:block;
}

.HEADLINES_ANCHOR{
	padding-top: 100px;
	margin-top: -100px;
	display:inline-block;
}







/****************************** CARDVIEW CONTAINER ******************************/

.CARDVIEW_CONTAINER{
	position:relative;
}

.CARDVIEW_CONTAINER > span:first-child{
	display:block;
	position:absolute;
	z-index:100;
	left:10px;
	top:0px;
	padding:4px 0px 4px 4px;
	font-size:11px;
	line-height:11px;
	text-indent:2px;
	color:#fff;
	background:#999;
	border-top-left-radius:4px;
}

.CARDVIEW_CONTAINER > span:first-child:empty{
	display:none;
}

.CARDVIEW_CONTAINER > span:first-child:after{
	content:" ";
	display:block;
	position:absolute;
	right:-14px;
	top:0;
	width:0px;
	height:0px;
	border-style:solid;
	border-width:19px 14px 0 0;
	border-color:#999 transparent transparent transparent;
}


/******************** CARDVIEW ********************/

.CARDVIEW{
	padding:15px 10px;
	margin:10px;
	border:1px dotted #999;
	border-radius:4px;
	background:#fff;
}

.CARDVIEW:after{
	content:" ";
	clear:both;
	height:0;
	display:block;
}


/*********** CARD **********/

.main_contents .container .maintxt .CARDVIEW.CARD h2{
	float:right;
	width:360px;
	padding:0;
	margin:0;
	font-size:95%;
	line-height:140%;
	border:none;
}

.main_contents .container .maintxt .CARDVIEW.CARD h2 a{
	text-decoration:none;
}

.main_contents .container .maintxt .CARDVIEW.CARD h2 a:hover{
	text-decoration:underline;
}

.main_contents .container .maintxt .CARDVIEW.CARD .img_right_top{
	float:left;
	margin:0px 10px 0px 0;
}

.main_contents .container .maintxt .CARDVIEW.CARD p{
	float:right;
	width:360px;
	margin:5px 0 0;
	font-size:75%;
	line-height:150%;
}

.main_contents .container .maintxt .CARDVIEW.CARD .published_time,
.main_contents .container .maintxt .CARDVIEW.CARD .timestamp{
	display:none;
}


/*********** CARD5 **********/

.main_contents .container .maintxt .CARDVIEW.CARD5 h2{
	float:right;
	width:240px;
	padding:0;
	margin:0;
	font-size:95%;
	line-height:140%;
	border:none;
}

.main_contents .container .maintxt .CARDVIEW.CARD5 h2 a{
	text-decoration:none;
}

.main_contents .container .maintxt .CARDVIEW.CARD5 h2 a:hover{
	text-decoration:underline;
}

.main_contents .container .maintxt .CARDVIEW.CARD5 .img_right_top{
	position:static;
	float:left;
	width:240px;
	height:180px;
	margin:0px 10px 0 0;
}

.main_contents .container .maintxt .CARDVIEW.CARD5 p{
	float:right;
	font-size:75%;
	line-height:150%;
	width:360px;
	margin:5px 0 0;
}

.main_contents .container .maintxt .CARDVIEW.CARD5 .published_time,
.main_contents .container .maintxt .CARDVIEW.CARD5 .timestamp{
	display:none;
}


/********** oneline **********/

.main_contents .container .maintxt .CARDVIEW .oneline h2{
	float:none;
	width:auto !important;
	margin:15px auto 0px;
}

.main_contents .container .maintxt .CARDVIEW .oneline h2 + a{
	display:none;
}

.main_contents .container .maintxt .CARDVIEW_CONTAINER > span:empty + .CARDVIEW .oneline h2{
	margin:0 auto !important;
}


/********** oneline_thumb **********/

.main_contents .container .maintxt .CARDVIEW.CARD .oneline_thumb h2{
	float:right;
	width:360px !important;
	padding:0;
	margin:0;
	font-size:95%;
	line-height:140%;
	border:none;
}

.main_contents .container .maintxt .CARDVIEW.CARD5 .oneline_thumb h2{
	float:right;
	width:240px !important;
	padding:0;
	margin:0;
	font-size:95%;
	line-height:140%;
	border:none;
}

.main_contents .container .maintxt .CARDVIEW .oneline_thumb h2 + a{
	display:block;
}

.main_contents .container .maintxt .CARDVIEW .oneline_thumb h2 + a .img_right_top{
	display:block;
}


/********** paragraph **********/

.main_contents .container .maintxt .text_box_def .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box_def .CARDVIEW.CARD p,
.main_contents .container .maintxt .text_box_01 .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box_01 .CARDVIEW.CARD p,
.main_contents .container .maintxt .text_box_02 .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box_02 .CARDVIEW.CARD p,
.main_contents .container .maintxt .text_box_03 .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box_03 .CARDVIEW.CARD p,
.main_contents .container .maintxt .text_box .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box .CARDVIEW.CARD p,
.main_contents .container .maintxt .text_box_yellow .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box_yellow .CARDVIEW.CARD p,
.main_contents .container .maintxt .text_box_blue .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box_blue .CARDVIEW.CARD p,
.main_contents .container .maintxt .text_box_green .CARDVIEW.CARD h2,
.main_contents .container .maintxt .text_box_green .CARDVIEW.CARD p,
.main_contents .container .maintxt blockquote .CARDVIEW.CARD h2,
.main_contents .container .maintxt blockquote .CARDVIEW.CARD p{
	width:300px;
}

.main_contents .container .maintxt .text_box_def .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt .text_box_01 .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt .text_box_02 .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt .text_box_03 .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt .text_box .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt .text_box_yellow .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt .text_box_blue .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt .text_box_green .CARDVIEW.CARD5 h2,
.main_contents .container .maintxt blockquote .CARDVIEW.CARD5 h2{
	width:180px;
}


/***** online *****/

.main_contents .container .maintxt .text_box_def .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt .text_box_01 .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt .text_box_02 .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt .text_box_03 .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt .text_box .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt .text_box_yellow .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt .text_box_blue .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt .text_box_green .CARDVIEW.CARD .oneline_thumb h2,
.main_contents .container .maintxt blockquote .CARDVIEW.CARD .oneline_thumb h2{
	width:300px !important;
}

.main_contents .container .maintxt .text_box_def .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt .text_box_01 .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt .text_box_02 .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt .text_box_03 .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt .text_box .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt .text_box_yellow .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt .text_box_blue .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt .text_box_green .CARDVIEW.CARD5 .oneline_thumb h2,
.main_contents .container .maintxt blockquote .CARDVIEW.CARD5 .oneline_thumb h2{
	width:180px !important;
}


/********** none **********/

.main_contents .container .maintxt .CARDVIEW .V2_article_tag,
.main_contents .container .maintxt .CARDVIEW .tag_list{
	display:none;
}


/********** QR **********/

.CARDVIEW_CONTAINER .QRCODE_POPUP{
	display:none;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP{
	display:block;
	position:absolute;
	z-index:400;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP{
	display:block;
	position:absolute;
	z-index:300;
	left:auto;
	right:0;
	top:0;
	width:228px;
	height:228px;
	padding:10px;
	margin:auto;
	margin-top:-233px;
	border:5px solid #000000;
	border-radius:10px;
	background:#ffffff;
	box-shadow:0px 0px 5px 0px #000000;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP:before{
	content:" ";
	position:absolute;
	right:8px;
	top:100%;
	width:0;
	height:0;
	margin-left:-22px;
	pointer-events:none;
	border:solid transparent;
	border-color:rgba(000, 000, 000, 0);
	border-top-color:#000000;
	border-width:22px;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP:after{
	content:" ";
	position:absolute;
	right:15px;
	top:100%;
	width:0;
	height:0;
	margin-left:-15px;
	pointer-events:none;
	border:solid transparent;
	border-color:rgba(255, 255, 255, 0);
	border-top-color: #ffffff;
	border-width: 15px;
}

.CARDVIEW_CONTAINER:hover .QRCODE_POPUP img{
	width:228px;
	height:228px;
}


/********** CHARM **********/

.CARDVIEW_CONTAINER.BUTTON_CHARM > span:first-child + img{
	position:absolute;
	z-index:1;
	left:0px;
}






/****************************** テキスト変換ツール対応 ******************************/

/******************** 通常の見出しを調整 ********************/

.main_contents .container .maintxt h4,
.main_contents .container .maintxt h6{
	font-size:110%;
	font-weight:bold;
}

.main_contents .container .maintxt h4{
	text-indent:1em;
}

.main_contents .container .maintxt h6{
	text-indent:2em;
}


/******************** リリース用見出し ********************/

.main_contents .container .maintxt .REL_H,
.main_contents .container .maintxt .REL_H_BLUE,
.main_contents .container .maintxt .REL_H_GREEN,
.main_contents .container .maintxt .REL_H_BLACK,
.main_contents .container .maintxt .REL_H_BROWN{
	margin-bottom:0.5em;
}

.main_contents .container .maintxt .REL_H_GREEN{
	border-color:#226622;
	color:#226622;
}

.main_contents .container .maintxt .REL_H_BLACK{
	border-color:#000;
	color:#000;
}

.main_contents .container .maintxt .REL_H_BROWN{
	border-color:#a52a2a;
	color:#a52a2a;
}

.main_contents .container .maintxt h2.REL_H{
	padding-left:12px;
	font-size:125%;
	border-left:10px solid #3333cc;
	color:#3333cc;
}

.main_contents .container .maintxt h4.REL_H{
	color:#226622;
}

.main_contents .container .maintxt h6.REL_H{
	color:#000;
}

.main_contents .container .maintxt h4.REL_H_BLUE,
.main_contents .container .maintxt h6.REL_H_BLUE{
	color:#66f;
}

.main_contents .container .maintxt h4.REL_H_GREEN,
.main_contents .container .maintxt h6.REL_H_GREEN{
	color:#484;
}

.main_contents .container .maintxt h4.REL_H_BLACK,
.main_contents .container .maintxt h6.REL_H_BLACK{
	color:#666;
}

.main_contents .container .maintxt h4.REL_H_BROWN,
.main_contents .container .maintxt h6.REL_H_BROWN{
	color:#c44;
}


/********** indent **********/

.main_contents .container .maintxt h4.REL_H,
.main_contents .container .maintxt h4.REL_H_BLUE,
.main_contents .container .maintxt h4.REL_H_GREEN,
.main_contents .container .maintxt h4.REL_H_BLACK,
.main_contents .container .maintxt h4.REL_H_BROWN{
	text-indent:0em;
}

.main_contents .container .maintxt h6.REL_H,
.main_contents .container .maintxt h6.REL_H_BLUE,
.main_contents .container .maintxt h6.REL_H_GREEN,
.main_contents .container .maintxt h6.REL_H_BLACK,
.main_contents .container .maintxt h6.REL_H_BROWN{
	text-indent:1em;
}


/********** リリース用キャッチ **********/

.main_contents .container .maintxt .catch_phrase{
	font-weight:bold;
	text-align:center;
}

.main_contents .container .maintxt .catch_phrase.design{
	position:relative;
	padding:1em 0;
	border-top:4px double #bbb;
	border-bottom:4px double #bbb;
}

.main_contents .container .text_box_def .catch_phrase.design,
.main_contents .container .text_box_01 .catch_phrase.design,
.main_contents .container .text_box_02 .catch_phrase.design,
.main_contents .container .text_box_03 .catch_phrase.design,
.main_contents .container blockquote.def .catch_phrase.design,
.main_contents .container blockquote.text_box_01 .catch_phrase.design,
.main_contents .container blockquote.text_box_02 .catch_phrase.design,
.main_contents .container blockquote.text_box_03 .catch_phrase.design,
.main_contents .container .text_box .catch_phrase.design,
.main_contents .container .text_box_yellow .catch_phrase.design,
.main_contents .container .text_box_blue .catch_phrase.design,
.main_contents .container .text_box_green .catch_phrase.design,
.main_contents .container blockquote.text_box .catch_phrase.design,
.main_contents .container blockquote.text_box_yellow .catch_phrase.design,
.main_contents .container blockquote.text_box_blue .catch_phrase.design,
.main_contents .container blockquote.text_box_green .catch_phrase.design{
	padding:0;
	border:none;
}


/********** 区切り＋疑似要素でテキスト追加 **********/

hr.releasespliter{
	clear:both;
	margin:1em 0;
	text-align:center;
	border-style:none none dashed;
	border-bottom-width:1px;
	border-bottom-color:#9999CC;
}

hr.releasespliter:before{
	display:block;
	content:"＜以下，メーカー発表文の内容をそのまま掲載しています＞";
	padding-bottom:1em;
	color:red;
	font-size:92%;
	line-height:130%;
}







/****************************** Steam Widget ******************************/

iframe[src^="https://store.steampowered.com/widget/"][width="512"],
iframe[src^="https://store.steampowered.com/widget/"][width="533"],
iframe[src^="https://store.steampowered.com/widget/"]{
	display:block;
	margin-left:auto;
	margin-right:auto;
}






/****************************** ハースストーン用ポップアップ機能 ******************************/

.popup_container{
	display:inline-block;
	position:relative;
}

.popup_container .word{
	color:#d60;
	cursor:default;
	border-bottom:1px dotted #d60;
}

.popup_container:hover .word{
	color:#f00;
}

.popup_container .popup{
	box-sizing:border-box;
	min-width:200px;
	min-height:50px;
	display:none;
}

.popup_container:hover .popup{
	z-index:100;
	display:block;
	position:absolute;
	right:-1em;
	top:0.7em;
	padding-top:15px;
}

.popup_container .REFERENCE_INNER,
.popup_container .LOADING,
.popup_container .ERROR{
	position:relative;
	padding:15px;
	background:#efeff3;
	border-radius:8px;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.6), inset 0px 0px 0px 1px #fff;
	box-shadow:2px 2px 3px 1px rgba(0,0,0,0.6);
}


/***** arrow *****/

.popup_container .REFERENCE_INNER,
.popup_container .LOADING,
.popup_container .ERROR{
	border: 4px solid #ccd;
}

.popup_container .REFERENCE_INNER:before,
.popup_container .LOADING:before,
.popup_container .ERROR:before,
.popup_container .REFERENCE_INNER:after,
.popup_container .LOADING:after,
.popup_container .ERROR:after{
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.popup_container .REFERENCE_INNER:before,
.popup_container .LOADING:before,
.popup_container .ERROR:before{
	top: -29px;
	right: 12px;
	border-color:transparent;
	border-bottom-color: #ccd;
	border-width: 14px;
	margin-left: -14px;
}

.popup_container .REFERENCE_INNER:after,
.popup_container .LOADING:after,
.popup_container .ERROR:after{
	top: -23px;
	right: 13px;
	border-color:transparent;
	border-bottom-color: #efeff3;
	border-width: 13px;
	margin-left: -13px;
}






/****************************** ストリーミング ******************************/

.streaming_cotaner,
.streaming_container{
	height:100%;
	text-align:center;
}

.streaming_cotaner p.movie_title,
.streaming_container p.movie_title{
	color:#333333;
	padding:4px 0;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:110%;
	margin:0 auto;
}

.streaming_cotaner object,
.streaming_container object{
	margin:0;
	padding:0;
}

.streaming_cotaner embed,
.streaming_container embed{
	background:#ffffff;
	margin:0;
	padding:0;
}

.streaming_cotaner .interface,
.streaming_container .interface{
	background:url(/image/bg_streaming_bottom1.gif) left top;
	text-align:center;
	margin:0 auto;
}

.streaming_cotaner .interface p.dl_caution,
.streaming_container .interface p.dl_caution{
	margin:0;
	padding:5px 0 2px;
	background:#ececec;
	font-size:11px;
	line-height:110%;
	border:1px solid #bbbbbb;
	border-top:none;
}

.streaming_cotaner .interface p.dl_caution strong,
.streaming_container .interface p.dl_caution strong{
	color:#D90000;
}

.streaming_cotaner .interface .button,
.streaming_container .interface .button{
	height:100%;
	line-height:100%;
	margin:0 auto;
	text-align:center;
	border-left:1px solid #bbbbbb;
	border-right:1px solid #bbbbbb;
	border-bottom:1px solid #bbbbbb;
}

.streaming_cotaner .interface .button div,
.streaming_container .interface .button div{
	border-top:1px solid #ffffff;
	margin-bottom:-2px;
}

.streaming_cotaner .interface .button img,
.streaming_container .interface .button img{
	margin-top:2px;
}

.streaming_cotaner .interface .button .streaming_cap,
.streaming_container .interface .button .streaming_cap{
	font-size:80%;
	line-height:110%;
	background:#ececec;
	padding:4px 8px 6px 10px;
	margin:0;
	text-align:left;
	border-bottom:1px solid #bbbbbb;
}

.streaming_cotaner .interface .button .download,
.streaming_container .interface .button .download{
}

.streaming_cotaner .interface .button .download_high,
.streaming_container .interface .button .download_high{
}

.streaming_cotaner .interface .button .fullscreen,
.streaming_container .interface .button .fullscreen{
	display:none;
}

* + html .streaming_cotaner .interface .button .fullscreen,
* + html .streaming_container .interface .button .fullscreen{
	display:inline;
}

* html .streaming_cotaner .interface .button .fullscreen,
* html .streaming_container .interface .button .fullscreen{
	display:inline;
}

.streaming_cotaner .interface .button .fullscreen,
.streaming_container .interface .button .fullscreen{
}

.streaming_cotaner .interface .button .fullscreen img,
.streaming_container .interface .button .fullscreen img{
	cursor:pointer;
}

.streaming_cotaner .interface .button p.filesize,
.streaming_container .interface .button p.filesize{
	font-size:13px;
	line-height:110%;
	margin-bottom:0;
	padding:2px 0 3px;
}

.movie_attention{
	padding:4px;
	font-size:11px;
	line-height:120%;
	text-align:left;
	color:#ff1111;
	border:1px solid #ff1111;
	background:#ffffdd;
}


/********** javascript off **********/

.ktai_movie_link{
	text-align:center;
}


/***** thumb あり *****/

.ktai_movie_link .movie_container {
	position:relative;
	width:532px;
	margin:0 auto;
	text-align: center;
	border: 1px solid #999;
	border-radius:8px;
}

#fgContents2 .ktai_movie_link .movie_container {
	padding:10px;
}

.ktai_movie_link .movie_container .title {
	width:512px;
	padding:10px 10px 0;
	margin:0 auto;
	font-size:16px;
	font-weight:bold;
	line-height:150%;
}

.ktai_movie_link .movie_container a{
	display: flex;
	justify-content: center;
	align-items: center;
}

.ktai_movie_link > a:before,
.ktai_movie_link .movie_container a:before{
	content:" ";
	position:absolute;
	display:block;
	width:48px;
	height:48px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48px' viewBox='0 0 24 24' width='48px' fill='%23EA3323'%3E%3Cpath d='M0 0h24v24H0V0z' fill='none'/%3E%3Cpath d='M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm-2 14.5v-9l6 4.5-6 4.5z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	background-position:center;
	background-color:#fff;
	border-radius:24px;
	filter: drop-shadow(0px 0px 6px black);
}

#fgContents2 .ktai_movie_link > a:before,
#fgContents2 .ktai_movie_link .movie_container a:before{
	width:80px;
	height:80px;
	border-radius:40px;
}

.ktai_movie_link .movie_container .title:empty {
	display:none;
}

.ktai_movie_link .movie_container img.movie_link {
	max-width:512px;
	margin:10px auto;
}

.ktai_movie_link .movie_container .caption:empty{
	display:none;
}

.ktai_movie_link .movie_container .caption{
	padding:0px 10px 10px;
	text-align:left;
	font-size:12px;
	line-height:150%;
}

#fgContents2 .ktai_movie_link .movie_container .caption{
	font-size:16px;
}


/***** thumb なし *****/

.ktai_movie_link > a{
	position:relative;
	display:inline-block;
}

.ktai_movie_link > a > img{
	min-width:360px;
	max-width:512px;
	padding: 10px;
	margin: 10px auto 0px;
	vertical-align:middle;
	border: 1px solid #999;
	border-radius: 8px;
}

.ktai_movie_link > a:before{
	top: calc(50% - 28px + 10px);
	left: calc(50% - 28px);
}

#fgContents2 .ktai_movie_link > a:before{
	top: calc(50% - 40px + 10px);
	left: calc(50% - 40px);
}


/***** 縦長対応 *****/

.streaming_cotaner > div:nth-child(2)[style*="360px"] .streaming_sd{
	left:5% !important;
}

.streaming_cotaner > div:nth-child(2)[style*="360px"] .streaming_hd{
	right:5% !important;
}


/****************************** HDムービー ******************************/

.streaming_layer_gray{
	background:url(/image/bg_streaming_hd_full.png);
	position:fixed;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:998;
	display:none;
}

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


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

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

.button_streaming_play:hover{
	opacity: 0.8;
	-moz-opacity: 0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


/****************************** HD閉じるボタン ******************************/

.streaming_hd_contaner .stream_close,
.streaming_hd_container .stream_close{
	opacity: 0.6;
	-moz-opacity: 0.6; /* Firefox */
	filter: alpha(opacity=60); /* IE6/7 */
	-ms-filter: "alpha(opacity=60)"; /* IE8 */
	cursor:pointer;
	position:absolute;
	right:10px;
	top:9px;
	width:34px;
	height:33px;
	display:none;
}

.streaming_hd_contaner .stream_close:hover,
.streaming_hd_container .stream_close:hover{
	opacity:0.8;
	-moz-opacity:0.8; /* Firefox */
	filter: alpha(opacity=80); /* IE6/7 */
	-ms-filter: "alpha(opacity=80)"; /* IE8 */
}


/****************************** HD閉じるボタン 11/11/18 ******************************/

.streaming_hd_contaner,
.streaming_hd_container{
	border-width:8px;
	border-radius:8px;		/* CSS3草案 */
	-webkit-border-radius:8px;	/* Safari,Google Chrome用 */
	-moz-border-radius:8px;		/* Firefox用 */
}

.streaming_hd_contaner embed,
.streaming_hd_container embed{
	z-index:100;
}

.streaming_hd_contaner .stream_close_outside,
.streaming_hd_container .stream_close_outside{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
	cursor:pointer;
	position:absolute;
	right:-34px;
	top:-34px;
	width:100px;
	height:100px;
	display:block;
}

.streaming_hd_contaner .stream_close_outside:hover,
.streaming_hd_container .stream_close_outside:hover{
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}


/******************** html5 video（ファイルサーバーにUPした動画用） ********************/

.html5_video{
	position:relative;
	margin:20px auto;
	margin:0 auto;
	overflow:hidden;
}

.html5_video.full,
.html5_video.full video{
	width:100% !important;
	height:100% !important;
}

.html5_video video{
	cursor:pointer;
	display:block;
	background:#000;
}


/******************** controls ********************/

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS{
	display:-webkit-flex;
	display:flex;
	-webkit-flex-flow:row nowrap;
	flex-flow:row nowrap;
	-webkit-justify-content:center;
	justify-content:center;

	position:absolute;
	left:0px;
	bottom:0px;
	width:100%;
	height:32px;
	background:#f9f9f9;
	box-shadow:inset 0px 0px 0px 1px #ddd;

	-webkit-transition:transform .3s ease-out .1s;
	-webkit-transform: translate3d(0px,32px,0px);
	transition:transform .3s ease-out .1s;
	transform: translate3d(0px,32px,0px);
}

.html5_video:hover .SIMPLE_HTML5VIDEO_CONTROLS{
	-webkit-transition:transform .3s ease 0s;
	-webkit-transform: translate3d(0px,0px,0px);
	transition:transform .3s ease 0s;
	transform: translate3d(0px,0px,0px);
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div{
	cursor:pointer;
	width:24px;
	height:24px;
	padding:4px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS img{
	width:24px;
	height:24px;
}


/********** order **********/

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.play{
	-webkit-order:1;
	order:1;
	background:url(/image/google_icons/ic_play_arrow_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.stop{
	-webkit-order:2;
	order:2;
	background:url(/image/google_icons/ic_pause_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.skip{
	-webkit-order:3;
	order:3;
	background:url(/image/google_icons/ic_skip_previous_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.time{
	-webkit-order:4;
	order:4;
	cursor:auto;
	width:100px;
	line-height:24px;
	font-size:10px;
	font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'meiryo';
	text-align:center;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.seekbar{
	position:relative;
	-webkit-order:5;
	order:5;
	-webkit-flex-grow:1;
	flex-grow:1;

	width:auto;
	height:8px;
	padding:0;
	margin:12px 12px 0;
	background:#eee;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.seekbar span{
	display:block;
	width:100%;
	height:8px;
	background:#f00;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.sound{
	-webkit-order:6;
	order:6;
	background:url(/image/google_icons/ic_volume_up_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.sound.mute{
	background:url(/image/google_icons/ic_volume_off_black_48dp.png) no-repeat center center /24px 24px;
}

.html5_video .SIMPLE_HTML5VIDEO_CONTROLS > div.fullscreen{
	-webkit-order:7;
	order:7;
	background:url(/image/google_icons/ic_fullscreen_black_48dp.png) no-repeat center center /24px 24px;
}





/****************************** 2015/03/27 sound player(2025/09/16 update) ******************************/

/******************** player ********************/

.SOUNDPLAYER{
	width:500px;
	margin:0 auto;
	font-size:10px;
	color:#fff;
	background:#000;
	background:#333;
	border-collapse:collapse;
}

.maintxt table.SOUNDPLAYER img{
	max-width:120px;
	height:auto;
}

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

.SOUNDPLAYER.NO_PLAYER{
	display:none;
}

.SOUNDPLAYER .UI_HIDDEN {
	display:none !important;
}


/********** 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:#eee;
	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:not(.SPEED_CONTAINER){
	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:not(.SPEED_CONTAINER) 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;
/*
	text-indent:-999px;
*/
}

.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:top;
	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{
/*
	position:relative;
	top:9px;
*/
	display:block;
	width:0%;
	height:6px;
	background:#fff;
	transition:width 0s liner 0s;
}


/***** 250904 container *****/

.SOUNDPLAYER .PROGRESS_CONTAINER{
	display:flex;
	align-items: center;
	height:26px;
}

.SOUNDPLAYER .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	flex-grow:1;
	width:auto;
	height:6px;
	padding:0;
	background:#333;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON{
	cursor:pointer;
	width:26px;
	height:26px;
	padding:0;
	margin:0 -3px 0 10px;
	background:none;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF img{
	width:100%;
	height:100%;
	filter:invert(50%);
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON img{
	width:100%;
	height:100%;
	filter:invert(100%);
}


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

.TRACKLIST{
	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{
/*
	width:205px;
*/
}

.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;
}


/******************** 25/09/16 update ********************/

.contents_header > div[id*="SOUNDPLAYER_"],
.maintxt > div[id*="SOUNDPLAYER_"],
.top_soundplayer_container > div[id*="SOUNDPLAYER_"]{
	width:520px;
	margin:0 auto;
	font-size:10px;
	border:1px solid #bbb;
	border-radius:8px;
	background:#fff;
}

.SOUNDPLAYER .PROGRESS > .PROGRESSBAR_CONTAINER{
	width: calc(100% - 12em);
	margin-top:7px;
}

.SOUNDPLAYER .UI_HIDDEN {
	display: none !important;
}


/******************** BASIC ********************/

.SOUNDPLAYER{
	margin:10px;
	table-layout:fixed;
	border-spacing:0;
	border:0px;
}

.SOUNDPLAYER th,
.SOUNDPLAYER td{
	padding:0;
	border:0px !important;
}

.SOUNDPLAYER .CONTROL span.BUTTON_STOP{
	display:none;
}


/*********** COVER **********/

.SOUNDPLAYER .COVER{
	width:auto;
	height:auto;
}

.SOUNDPLAYER .COVER img{
	width:120px;
	height:120px;
}


/*********** PLAYNAME **********/

.SOUNDPLAYER .PLAYNAME{
	width:310px;
}

.SOUNDPLAYER .PLAYNAME .LIST,
.SOUNDPLAYER .PLAYNAME .NAME,
.SOUNDPLAYER .PLAYNAME .INFO{
	width:310px;
	height:3em;
	padding:0px 10px;
	line-height:3em;
	text-align:left;
	box-sizing:border-box;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/*********** VOLUME **********/

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

.SOUNDPLAYER .VOLUME{
	padding:5px 10px 0;
}

.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;
}

.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;
}


/*********** CONTROL **********/

.SOUNDPLAYER .CONTROL{
	width:310px;
}

.SOUNDPLAYER .CONTROL span:not(.SPEED_CONTAINER){
	cursor:pointer;
	width:45px;
	height:45px;
	box-sizing:border-box;
}

.SOUNDPLAYER .CONTROL span:not(.SPEED_CONTAINER) img{
	width:100%;
	height:100%;
	vertical-align:baseline;
}


/*********** PROGRESSBAR **********/

.SOUNDPLAYER .PROGRESS{
	padding:0.5em 1em;
	font-size:10px;
	line-height:10px;
}

.SOUNDPLAYER .PROGRESS_CONTAINER{
	display:flex;
	align-items: center;
	height:26px;
}

.SOUNDPLAYER .FILETYPE{
	width:3em;
	height:1em;
	font-size:100%;
	line-height:100%;
	padding:0.5em;
}

.SOUNDPLAYER .TIME{
	width:7em;
	height:1em;
	font-size:100%;
	line-height:100%;
	padding:0.5em;
}

.SOUNDPLAYER .PROGRESSBAR_CONTAINER{
	cursor:pointer;
	flex-grow:1;
	height:6px;
	padding:0;
	background:rgba(255,255,255,0.2);
	background:#666;
	width: calc(100% - 12em - 30px);
	height:0.5em;
	border-radius:8px;
	overflow:hidden;
}

.SOUNDPLAYER .PROGRESSBAR{
	display:block;
	width:0%;
	height:6px;
	border-radius:8px;
	background:#f00;
}


/***** LOOP AUTOPLAY *****/

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON{
	cursor:pointer;
	width:26px;
	height:26px;
	padding:0;
	margin:0 -3px 0 10px;
	background:none;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF + span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF + span.LOOP_ON,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON + span.LOOP_OFF,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON + span.LOOP_ON{
	display:none !important;
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_OFF img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_OFF img{
	width:100%;
	height:100%;
	filter:invert(30%);
}

.SOUNDPLAYER .PROGRESS_CONTAINER span.LOOP_ON img,
.SOUNDPLAYER .PROGRESS_CONTAINER span.AUTOPLAY_ON img{
	width:100%;
	height:100%;
	filter:invert(100%);
}


/*********** SPEED **********/

.SOUNDPLAYER .SPEED{
	position:relative;
	height:0px;
	padding:0;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE{
	position:absolute;
	top:-28px;
	display:flex;
	justify-content: center;
	width:0px;
	height:auto;
	padding:10px 0;
	box-shadow:none;
	background:transparent;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_HIDDEN{
	display:none !important;
}

.SOUNDPLAYER .SPEED .SPEED_HEADING{
	display:none;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	user-select:none;
	position:absolute;
	left:0;
	top:0;

	display:flex;
	justify-content: center;
	align-items: center;
	width: 4em;
	height: 2em;
	padding:4px;
	margin:0;
	font-size:100%;
	line-height:100%;
	text-align:center;
	border-radius:0px;
	background:rgba(255,255,255,0.25);
	box-shadow:none;
	color:#000;
	border:none;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_SLOW,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_NORMAL,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_FAST,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_VERYFAST{
	display:none;
	left:10px;
	color:#fff;
	background:#000;
	border:1px solid #666;
	border-radius:0px;
	box-shadow:none;
}

.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_SLOW span.BUTTON_SPEED_SLOW,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_NORMAL span.BUTTON_SPEED_NORMAL,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_FAST span.BUTTON_SPEED_FAST,
.SOUNDPLAYER .SPEED .SPEED_INTERFACE.SPEED_VERYFAST span.BUTTON_SPEED_VERYFAST{
	display:block;
}


/*********** TRACKLIST **********/

.TRACKLIST{
	margin-top:-10px;
	margin-bottom:10px;
}

.NO_PLAYER + .TRACKLIST{
	margin-top:10px;
}

.TRACKLIST .PLAYLISTNAME{
	font-size:14px;
}


/******************** PODCAST ********************/

.SOUNDPLAYER.PODCAST{
	color:#000;
	background:transparent;
	border-color:#fff;
}

.SOUNDPLAYER.PODCAST .COVER,
.SOUNDPLAYER.PODCAST .PLAYNAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .LIST,
.SOUNDPLAYER.PODCAST .CONTROL,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_HEADING,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE{
	background:#fff;
	box-shadow:none;
	border:none;
}


/********** COVER **********/

.SOUNDPLAYER.PODCAST .COVER{
	width:auto;
	text-align:left;
	vertical-align:top;
}

.SOUNDPLAYER.PODCAST .COVER img{
	border-radius:8px;
	margin-bottom:10px;
}


/********** PLAYNAME **********/

.SOUNDPLAYER.PODCAST .PLAYNAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .LIST,
.SOUNDPLAYER.PODCAST .PLAYNAME .NAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .INFO,
.SOUNDPLAYER.PODCAST .CONTROL{
	width:330px;
}

.SOUNDPLAYER.PODCAST .PLAYNAME{
	height:0px;
	padding:0 15px;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .LIST,
.SOUNDPLAYER.PODCAST .PLAYNAME .NAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .INFO{
	padding:0;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .LIST{
	height:1.5em;
	line-height:1.5em;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .NAME,
.SOUNDPLAYER.PODCAST .PLAYNAME .INFO{
	height:2.5em;
	line-height:2.5em;
}

.SOUNDPLAYER.PODCAST .PLAYNAME .INFO{
	border-top-width:1px;
	border-top-style:solid;
	border-top-color:#bbb;
}


/********** CONTROL **********/

.SOUNDPLAYER.PODCAST .CONTROL{
	height:auto;
	padding:0;
}

.SOUNDPLAYER.PODCAST .CONTROL_CONTAINER{
	display:flex;
	justify-content:center;
	align-items:center;
}

.SOUNDPLAYER.PODCAST .CONTROL span:not(.SPEED_CONTAINER){
	margin:0 5px;
	background:#fff;
	border:1px solid #bbb;
	border-radius:50%;
}


/********** VOLUME **********/

.SOUNDPLAYER.PODCAST .VOLUME{
	vertical-align:top;
	padding:0;
	border:none;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(2){
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(11){
	border-bottom-left-radius:4px;
	border-bottom-right-radius:4px;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR,
.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(12){
	height:9.5px;
	border:none;
	box-shadow:none;
}

.SOUNDPLAYER.PODCAST .VOLUME .VOLUMEBAR:nth-child(12){
	height:14px;
	line-height:14px;
}


/********** PROGRESS **********/

.SOUNDPLAYER.PODCAST .PROGRESS{
	padding:0;
	border:none;
	background:#fff;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER{
	display:flex;
	padding:0px;
	background:transparent;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .FILETYPE{
	border-radius:1em;
}

.SOUNDPLAYER.PODCAST .TIME,
.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .TIME{
	color:#333;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	background:#666;
	width:345px;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER .PROGRESSBAR{
	background:#f00;
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.LOOP_OFF img,
.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.AUTOPLAY_OFF img{
	filter:invert(100%);
}

.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.LOOP_ON img,
.SOUNDPLAYER.PODCAST .PROGRESS_CONTAINER span.AUTOPLAY_ON img{
	filter:invert(20%);
}


/********** SPEED **********/

.SOUNDPLAYER.PODCAST .SPEED{
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE{
	position:relative;
	padding:0px;
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_HEADING{
	display:none;
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:5px;
	margin:0;
	color:#333;
	background:#fff;
	border:1px solid #bbb;
}

.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_SLOW,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_NORMAL,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_FAST,
.SOUNDPLAYER.PODCAST .SPEED .SPEED_INTERFACE span.BUTTON_SPEED_VERYFAST{
	left:0px;
	border-radius:10px;
}


/********** TRACKLIST **********/

.TRACKLIST.PODCAST{
	margin-top:0px;
}

.NO_PLAYER + .TRACKLIST.PODCAST{
	margin-top:15px;
}

.TRACKLIST.PODCAST .PLAY a{
	margin:0 5px;
	background:#fff;
	border:1px solid #bbb;
	border-radius:50%;
	box-shadow:none;
}

.TRACKLIST.PODCAST .PLAY a:has(img[src*="suspend"]){
	background:#000;
	border-color:#000;
}

.TRACKLIST.PODCAST .PLAY a img[src*="suspend"]{
	filter:invert(100%);
}


/******************** SINGLE ********************/

.SOUNDPLAYER.SINGLE{
}

.SOUNDPLAYER.SINGLE .PLAYNAME .LIST:empty + .NAME{
	height:2em;
	padding-bottom:0.5em;
	line-height:1.5em;
	font-size:14px;
	font-weight:bold;
}

.SOUNDPLAYER.SINGLE .PLAYNAME .NUM,
.SOUNDPLAYER.SINGLE .SPEED_HEADING,
.SOUNDPLAYER.SINGLE .BUTTON_BACKWARD,
.SOUNDPLAYER.SINGLE .BUTTON_FORWARD,
.SOUNDPLAYER.SINGLE .LOOP_OFF,
.SOUNDPLAYER.SINGLE .LOOP_ON,
.SOUNDPLAYER.SINGLE .AUTOPLAY_OFF,
.SOUNDPLAYER.SINGLE .AUTOPLAY_ON{
	display:none !important;
}

.SOUNDPLAYER.SINGLE .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	width:400px;
}


/******************** MINI ********************/

div[id^="SOUNDPLAYER_"]:has(.MINI){
	overflow:hidden;
	border-radius:60px;
}

.SOUNDPLAYER.MINI{
	position:relative;
	margin:5px;
	width:calc(100% - 10px);
	height:40px;
}

.SOUNDPLAYER.MINI .PLAYNAME .NUM,
.SOUNDPLAYER.MINI .LIST,
.SOUNDPLAYER.MINI .INFO,
.SOUNDPLAYER.MINI .VOLUME,
.SOUNDPLAYER.MINI .FILETYPE,
.SOUNDPLAYER.MINI .BUTTON_STOP,
.SOUNDPLAYER.MINI .BUTTON_BACKWARD,
.SOUNDPLAYER.MINI .BUTTON_FORWARD,
.SOUNDPLAYER.MINI .LOOP_OFF,
.SOUNDPLAYER.MINI .LOOP_ON,
.SOUNDPLAYER.MINI .AUTOPLAY_OFF,
.SOUNDPLAYER.MINI .AUTOPLAY_ON{
	display:none !important;
}

.SOUNDPLAYER.MINI .COVER,
.SOUNDPLAYER.MINI .CONTROL{
	width:0px;
	padding:0;
}

.SOUNDPLAYER.MINI .COVER img{
	position:absolute;
	left:0;
	top:0;
	width:40px;
	height:40px;
	margin:0;
	border-radius:50%;
}

.SOUNDPLAYER.MINI .PLAYNAME{
	padding-left:50px;
	padding-right:10px;
}

.SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME{
	width:300px;
	height:20px;
	padding:0;
	font-size:12px;
	line-height:22px;
	font-weight:bold;
}

.SOUNDPLAYER.MINI .CONTROL_CONTAINER{
	position:absolute;
	top:0px;
	right:0px;
}

.SOUNDPLAYER.MINI .CONTROL span.BUTTON_PLAY{
	width:38px;
	height:38px;
}

.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_REPLAY,
.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_FORWARD{
	width:24px;
	height:24px;
}

.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_REPLAY,
.SOUNDPLAYER.MINI .CONTROL span.BUTTON_SKIP_FORWARD{
	margin:0;
}

.SOUNDPLAYER.MINI .SPEED{
	position:static;
}

.SOUNDPLAYER.MINI .SPEED .SPEED_INTERFACE{
	position:absolute;
	right:110px;
	top:2px;
	width:42px;
	height:18px;
	margin:0;
	background:transparent;
}

.SOUNDPLAYER.MINI .SPEED .SPEED_INTERFACE span:not(.SPEED_CONTAINER){
	top:0;
}

.SOUNDPLAYER.MINI .PROGRESS_CONTAINER{
	width:350px;
	height:auto;
	margin-top:0;
	margin-left:50px;
}

.SOUNDPLAYER.MINI .TIME{
	width:7.5em;
	min-width:0;
	padding-left:0;
	text-align:center;
}

.SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER{
	width:290px;
}


/********** top **********/

.contents_header > div[id^="SOUNDPLAYER_"]:first-child,
.contents_header > script + div[id^="SOUNDPLAYER_"],
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"]{
	width:548px;
	margin:0 auto;
}

.maintxt > div[id^="SOUNDPLAYER_"]:first-child,
.maintxt > script + div[id^="SOUNDPLAYER_"]{
	width:548px;
	margin:-10px 0 0 -8px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.SINGLE,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI{
	width:538px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESS_CONTAINER,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESS_CONTAINER{
	width:375px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PLAYNAME .LIST:empty + .NAME{
	width:330px;
}

.contents_header > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.contents_header > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.maintxt > div[id^="SOUNDPLAYER_"]:first-child .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.maintxt > script + div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.MINI .PROGRESSBAR_CONTAINER{
	width:310px;
}


/********** indextop **********/

.contents_header .top_soundplayer_container{
	margin-top:10px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"]{
	background:linear-gradient(0deg, #f3f3f3, #fff);
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .SOUNDPLAYER.SINGLE.INDEXTOP{
	width:528px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] td{
	background:transparent;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .COVER{
	width:120px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .PLAYNAME,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .CONTROL:not(.SPEED){
	width:auto;
	padding:0 15px;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .NAME,
.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .INFO{
	width:100%;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .VOLUME{
	padding:0 0 0 0;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .LIST{
	display:none;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .TIME{
	width:8em;
	padding:0 1em;
}

.contents_header .top_soundplayer_container > div[id^="SOUNDPLAYER_"] .INDEXTOP .PROGRESS_CONTAINER .PROGRESSBAR_CONTAINER{
	width:498px;
}







/****************************** READER（ロードス島連載に移植する） ******************************/

#reader_gui .ruby{
	display:none;
}