@charset "utf-8";

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

h2.WORKS		{ position:absolute; top:0px; left:50%; z-index:11; clear:both; display:block; width:auto; height:auto; margin:0px 0px 0px -400px; padding:0px 10px 0px 10px; background:transparent url(/ja/works/img/h2_bg.png) 50% 50% repeat; color:#000; font: normal normal normal 12px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

/* -- DOCK: CONSOLE -- */
div#CONSOLE			{ position:absolute; left:0px; bottom:89px; clear:both; display:block; z-index:111; width:100%; height:60px; margin:0px; padding:0px; background:transparent url(/ja/works/img/console_bg.png) 0% 0% repeat-x; border:none; border-top:1px solid #e6e6e6; }
div#CONSOLE ol			{ clear:both; width:960px; height:auto; overflow:hidden; margin-right:auto; margin-left:auto; padding:5px 0px 0px 0px; text-align:left; font: normal normal normal 10px/50px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#CONSOLE ol li			{ clear:none; display:inline; float:left; width:auto; height:auto; margin:0px; padding:0px 1px 0px 0px; color:#000; background:transparent 0px 50% no-repeat; }
div#CONSOLE ol li.BACK		{ float:right; padding:0px 0px 0px 0px; color:#000; font: normal normal normal 10px/50px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#CONSOLE ol li.TITLE		{ width:120px; height:40px; margin:5px 0px 0px 0px; padding:1px 10px 0px 10px; border-left:1px solid #000; color:#000; font: normal normal normal 12px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#CONSOLE ol li.DATA		{ padding:0px 0px 0px 10px; color:#000; font: normal normal bold 12px/50px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#CONSOLE ol li a			{ display:inline; width:auto; height:30px; margin:0px; text-decoration:none; }
div#CONSOLE ol li a:link		{ color:#777; text-decoration:none; }
div#CONSOLE ol li a:visited		{ color:#777; text-decoration:none; }
div#CONSOLE ol li a:hover		{ color:#000; text-decoration:none; }
div#CONSOLE ol li a:active		{ color:#000; text-decoration:none; }
div#CONSOLE ol li a img		{ display:block; margin:4px 0px 0px 0px; border:1px solid #ccc; }
div#CONSOLE ol li a img:link		{ border:1px solid #ccc; }
div#CONSOLE ol li a img:visited	{ border:1px solid #ccc; }
div#CONSOLE ol li a img:hover		{ border:1px solid #000; }
div#CONSOLE ol li a img:active	{ border:1px solid #000; }

/* ------------------------------- TXT ------------------------------- */
div#TXT_BG			{ display:none; position:absolute; top:0px;left:0px; z-index:50; width:100%; height:100%; background-color:#fff; }
a#TXT_CLOSE			{ display:none; position:absolute;top:0px;left:0px;z-index:211; width:70px; height:21px; border:none; cursor:pointer; background:#fff url(/ja/works/img/txt_close.png) 0px 0px no-repeat; }
a#TXT_CLOSE:link			{ background-position:0px 0px; }
a#TXT_CLOSE:visited			{ background-position:0px 0px; }
a#TXT_CLOSE:hover			{ background-position:0px -21px; }
a#TXT_CLOSE:active			{ background-position:0px -21px; }

/* -- JSS -- */
div.JSS					{ position:absolute; top:0px; left:50%; display:none; float:none; z-index:51; width:660px; height:auto; overflow:hidden; margin:0px 0px 0px -320px; padding:0px 0px 0px 0px; text-align:left; }
div.JSS div.JSS_AREA			{ clear:none; display:inline; float:left; width:630px; height:auto; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; border:none; }
div.JSS div.JSS_DEVICE			{ clear:none; display:none; float:right; top:0px; right:0px; width:13px; height:250px; margin:0px 0px 0px 0px; border:none; }
div.JSS div.JSS_DEVICE div.JSS_BOX		{ position:absolute; display:block; top:0px; left:0px; width:11px; height:219px; margin:0px; background-color:#fff; border:1px solid #f6f6f6; border-bottom:none; }
div.JSS div.JSS_DEVICE div.JSS_BAR		{ position:absolute; display:block; top:0px; left:0px; width:11px; height:100px; margin:0px; background-color:#000; border:1px solid #000; border-top:none; border-bottom: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		{ bottom:14px; left:0px; background-image:url(/com/img/scroll_up.png); }
div.JSS div.JSS_DEVICE a.JSS_DN		{ bottom:0px; left:0px; background-image:url(/com/img/scroll_dn.png); }
/* PAGETOP */
div.JSS div.JSS_AREA div.JSS_PAGETOP		{ clear:both; display:none; float:left; margin:60px 0px 0px 0px; width:630px; height:30px; border:none; border-top:1px dotted #aaa; }
div.JSS div.JSS_AREA div.JSS_PAGETOP a		{ float:right; margin:10px 0px 0px 0px; padding:0px; color:#777; font: normal normal normal 9px/11px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; text-decoration:none; }
div.JSS div.JSS_AREA div.JSS_PAGETOP a:link	{ color:#777; }
div.JSS div.JSS_AREA div.JSS_PAGETOP a:visited	{ color:#777; }
div.JSS div.JSS_AREA div.JSS_PAGETOP a:hover	{ color:#000; }
div.JSS div.JSS_AREA div.JSS_PAGETOP a:active	{ color:#000; }

/* -- OPTIONAL IMAGE -- */
div.JSS div.JSS_AREA p img			{ clear:both; display:inline; float:left; margin:0px 15px 15px 0px; }

/* ------------------------------- GALLERY ------------------------------- */
div#GALLERY			{ position:absolute;top:50%;left:50%; display:block; z-index:1; width:800px; height:600px; margin:-345px 0px 0px -400px; border:1px solid #f3f3f3; background-color:#fff; text-align:left; overflow:hidden; }

/* -- SLIDE -- */
div#GALLERY div.IMAGE		{ position:absolute;top:0px;left:0px; display:none; width:800px; height:600px; text-align:right; padding:0px 0px 0px 0px; background:#fff 50% 50% no-repeat; cursor:pointer; font: normal normal normal 11px/1.5em "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
div#GALLERY div.IMAGE span.CREDIT	{ position:absolute;bottom:0px;right:0px; width:auto; height:auto; text-align:right; padding:2px 5px 0px 5px; background:transparent url(/ja/works/img/credit_bg.png) 50% 50% repeat; cursor:pointer; font: normal normal normal 10px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#GALLERY div.IMAGE img		{ position:absolute;top:0px;left:0px; display:block; width:auto; height:auto; margin:0px 0px 0px 0px; background:#000; border:none; border-right:1px solid #eee; }

a#GALLERY_NEXT			{ position:absolute;top:50%;left:50%; display:block; z-index:10; width:21px; height:21px; overflow:hidden; margin:-56px 0px 0px 405px; text-indent:-1000px; border:none; cursor:pointer; background:#000 url(/ja/works/img/gallery_next.png) 0px 0px no-repeat; }
a#GALLERY_NEXT:link			{ background-position:0px 0px; }
a#GALLERY_NEXT:visited		{ background-position:0px 0px; }
a#GALLERY_NEXT:hover		{ background-position:0px -21px; }
a#GALLERY_NEXT:active		{ background-position:0px -21px; }