@charset "utf-8";

div#DOCK div#NAVI div#GLOBAL ol li a.WORKS strong	{ border-color: #000; }

/* -- Over Write -- */
div#PAGE h2	{ width:auto; }

/* ------------------------------- JSS ------------------------------- */
div.JSS					{ position:absolute; display:block; top:50%; left:0px;  width:100%; height:400px; overflow:hidden; margin:-180px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; white-space:nowrap; }
div.JSS div.JSS_AREA			{ clear:none; display:none; float:left; width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; text-align:left; border:none; }
div.JSS div.JSS_DEVICE			{ position:absolute; top:50%; left:50%; clear:none; display:none; width:960px; height:13px; margin:120px 0px 0px -480px; border:none; }
div.JSS div.JSS_DEVICE div.JSS_BOX		{ position:absolute; display:block; top:0px; left:0px; width:920px; height:11px; margin:0px; background-color:#ddd; border:1px solid #d3d3d3; border-right:none; }
div.JSS div.JSS_DEVICE div.JSS_BAR		{ position:absolute; display:block; top:0px; left:0px; width:100px; height:11px; margin:0px; background-color:#000; border:1px solid #000; border-right:none; border-left:none; }
/* UP & DN */
div.JSS div.JSS_DEVICE a			{ position:absolute; display:block; width:11px; height:11px; margin:0px; text-indent:-9999px; overflow:hidden; background:#fff 50% 0px repeat; }
div.JSS div.JSS_DEVICE a:link			{ color:#fff; text-decoration:none; border:1px solid #ddd; }
div.JSS div.JSS_DEVICE a:visited		{ color:#fff; text-decoration:none; border:1px solid #ddd; }
div.JSS div.JSS_DEVICE a:hover		{ color:#fff; text-decoration:none; border:1px solid #000; }
div.JSS div.JSS_DEVICE a:active		{ color:#fff; text-decoration:none; border:1px solid #000; }
div.JSS div.JSS_DEVICE a.JSS_UP		{ right:14px; bottom:0px; background-image:url(/en/works/img/scroll_up.png); }
div.JSS div.JSS_DEVICE a.JSS_DN		{ right:0px; bottom:0px; background-image:url(/en/works/img/scroll_dn.png); }
/* PAGETOP */
div.JSS div.JSS_AREA div.JSS_PAGETOP		{ clear:none; display:none; float:left; margin:15px 0px 0px 0px; width:200px; height:300px; border:none; background:url(/en/works/img/pagetop.png) 0px 280px no-repeat; }
div.JSS div.JSS_AREA div.JSS_PAGETOP a		{ float:left; margin:284px 0px 0px 10px; padding:0px; color:#000; font: normal normal normal 9px/11px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; text-decoration:none; }

/* WORKS INDEX */
div.JSS div.JSS_AREA ul#WORKS_INDEX			{ clear:both; display:inline; float:left; width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; text-align:left; white-space:nowrap; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li			{ clear:none; display:inline; float:left; width:210px; height:322px; overflow:hidden; margin:0px; padding:0px; white-space:normal; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a		{ clear:both; display:block; width:202px; height:322px; overflow:hidden; margin:0px; padding:0px; white-space:normal; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:link		{ color:#aaa; text-decoration:none; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:visited		{ color:#aaa; text-decoration:none; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:hover		{ color:#000; text-decoration:none; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:active		{ color:#000; text-decoration:none;  }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a strong		{ clear:both; display:block; float:left; width:200px; height:15px; margin:0px; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a span		{ clear:both; display:block; float:left; width:200px; height:300px; overflow:hidden; background:#fff 50% 50% no-repeat; border:1px solid #fff; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:link span	{ display:block; border:1px solid #eee; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:visited span	{ display:block; border:1px solid #eee; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:hover span	{ display:block; border:1px solid #000; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:active span	{ display:block; border:1px solid #000; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a em		{ float:left; width:200px; height:60px; margin:240px 0px 0px 0px; padding:0px; text-align:center; background:transparent url(/en/works/img/open_bg.png) 50% 50% no-repeat; font: normal normal bold 12px/60px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:link em		{ color:#fff; display:none; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:visited em	{ color:#fff; display:none; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:hover em		{ color:#fff; display:inline; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a:active em	{ color:#fff; display:inline; }

div.JSS div.JSS_AREA ul#WORKS_INDEX li a strong small	{ clear:both; display:block; float:left; width:150px; height:auto; margin:8px 0px 0px 0px; color:#aaa; font: normal normal normal 9px/10px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

div.JSS div.JSS_AREA ul#WORKS_INDEX li a.EDIT		{ clear:none; display:inline; float:left; width:auto; height:auto; overflow:hidden; margin:-30px 3px 0px 3px; border:none; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a.EDIT:link	{ color:#fff; text-decoration:none; padding:2px; background:#0cf; font: normal normal normal 10px/1.5em Verdana, Geneva, Arial, sans-serif; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a.EDIT:visited	{ color:#fff; text-decoration:none; padding:2px; background:#0cf; font: normal normal normal 10px/1.5em Verdana, Geneva, Arial, sans-serif; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a.EDIT:hover	{ color:#000; text-decoration:none; padding:2px; background:#0cf; font: normal normal normal 10px/1.5em Verdana, Geneva, Arial, sans-serif; }
div.JSS div.JSS_AREA ul#WORKS_INDEX li a.EDIT:active	{ color:#000; text-decoration:none; padding:2px; background:#0cf; font: normal normal normal 10px/1.5em Verdana, Geneva, Arial, sans-serif; }