@charset "utf-8";

/* -- HEADER -- */
div#HEADER ol li a.WORKS:link		{ color:#fff; }
div#HEADER ol li a.WORKS:visited	{ color:#fff; }
div#HEADER ol li a.WORKS:hover	{ color:#fff; }
div#HEADER ol li a.WORKS:active	{ color:#fff; }


/* -- PAGE TITLE -- */
div.SHEET div.PAGETITLE h2.PAGETITLE	{ background-image:url(/ja/works/pagetitle.png); }


/* WORKS TITLE */
div#CREDIT h3			{ width:200px; height:35px; margin:10px 0px 5px 0px; text-align:right; font: normal normal bold 11px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }


/* ---------- WORKS INDEX ---------- */
div.SHEET a.WORKS_INDEX		{ display:inline; float:left; width:142px; height:115px; margin:20px 18px 0px 0px; overflow:hidden; font: normal normal normal 10px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.SHEET a.WORKS_INDEX:link		{ color:#777; background-color:transparent; text-decoration:none; }
div.SHEET a.WORKS_INDEX:visited	{ color:#777; background-color:transparent; text-decoration:none; }
div.SHEET a.WORKS_INDEX:hover		{ color:#000; background-color:#fff; text-decoration:none; }
div.SHEET a.WORKS_INDEX:active	{ color:#000; background-color:#fff; text-decoration:none; }
div.SHEET a.WORKS_INDEX img		{ clear:both; float:none; display:block; border:1px solid #efefef; margin:0px 0px 3px 0px; padding:0px; overflow:hidden; }
div.SHEET a.WORKS_INDEX:link img	{ border:1px solid #efefef; }
div.SHEET a.WORKS_INDEX:visited img	{ border:1px solid #efefef; }
div.SHEET a.WORKS_INDEX:hover img	{ border:1px solid #000; }
div.SHEET a.WORKS_INDEX:active img	{ border:1px solid #000; }
div.SHEET a.WORKS_INDEX strong	{ clear:both; width:auto; height:auto; margin-right:0px;font-size:9px; line-height:1.5em; }
div.SHEET a.WORKS_INDEX small		{ clear:both; margin:0px; padding:0px; font-size:9px; line-height:10px; }

/* ---------- WORKS ---------- */
/* -- IMAGE (SLIDE) -- */
div.IMAGES			{ display:inline; float:left; margin:0px 0px 0px 0px; padding:0px; width:701px; height:auto; border:none; cursor:pointer; }
div.IMAGES div.IMAGE		{ display:inline; float:left; width:701px; height:551px; background-color:#fff; clip:rect(360px,630px,0px,0px); cursor:pointer; filter:alpha(opacity=0); }
div.IMAGES div.IMAGE img		{ clear:both; float:none; border:none; border-right:1px solid #efefef; margin:0px; padding:0px; }
div.IMAGES div.IMAGE cite		{ display:block; position:absolute; padding:1px; filter:alpha(opacity=0.5); KhtmlOpacity:0.5; MozOpacity:0.5; opacity:0.5; color:#000; background:#fff; font-size:9px; line-height:10px; }

/* -- TEXT (SLIDE) -- */
div.IMAGES div#TEXT			{ float:left; width:700px; height:550px; border-right:1px solid #efefef; background-color:transparent; }
div.IMAGES div#TEXT p		{ position:relative; top:0px; left:0px; display:block; width:600px; height:auto; margin:0px 50px 0px 50px; padding:50px 0px 0px 0px; z-index:102; color:#000; font: normal normal normal 12px/2em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.IMAGES div#TEXT_BG		{ position:absolute; top:0px; left:0px; display:none; width:700px; height:550px; background-color:#eee; z-index:1; }

/* -- DATA (SLIDE) -- */
div.IMAGES div#DATA			{ float:left; width:700px; height:550px;  margin:0px 0px 0px 0px; padding:30px 0px 0px 0px; border-right:1px solid #efefef; background-color:transparent; }
div.IMAGES div#DATA img		{ position:relative; display:inline; margin:0px 0px 10px 30px; padding:0px 0px 0px 0px; z-index:102; border:1px solid #d3d3d3; }
div.IMAGES div#DATA dl		{ position:relative; clear:both; display:inline; float:left; width:640px; height:auto; margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; z-index:102; color:#000; font: normal normal normal 10px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.IMAGES div#DATA dl dt		{ position:relative; clear:both; display:inline; float:left; width:150px; height:auto; margin:0px; padding:0px 0px 5px 0px; color:#777; font-weight: bold; }
div.IMAGES div#DATA dl dd		{ position:relative; clear:none; display:inline; float:left; width:490px; height:auto; margin:0px; padding:0px 0px 5px 0px; color:#000; }
div.IMAGES div#DATA_BG		{ position:absolute; top:0px; left:0px; display:none; width:700px; height:550px; background-color:#eee; z-index:1; }

/* -- CREDIT -- */
div#CREDIT			{ clear:none; display:inline; float:right; width:200px; height:540px; padding:0px; margin:0px 10px 0px 0px; border:none; font: normal normal normal 11px/2em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#CREDIT h2			{ clear:both; display:block; float:right; width:200px; height:35px; margin:10px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:right; font: normal normal bold 10px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

/* -- IMAGE (BUTTON) -- */
ol.IMAGE_INDEX			{ float:right; display:none; text-align:right; width:50px; margin:0px 0px 0px 0px; font: normal normal normal 9px/1.2em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
ol.IMAGE_INDEX li			{ float:right; margin:0px 0px 4px 0px; }
ol.IMAGE_INDEX a			{ float:right; display:block; width:35px; height:35px; margin:0px; padding:0px; overflow:hidden; text-align:center; }
ol.IMAGE_INDEX a:link		{ color:#000; border:1px solid #efefef; text-decoration:none; }
ol.IMAGE_INDEX a:visited		{ color:#000; border:1px solid #efefef; text-decoration:none; }
ol.IMAGE_INDEX a:hover		{ color:#000; border:1px solid #000; text-decoration:none; background-color:#fff; }
ol.IMAGE_INDEX a:active		{ color:#000; border:1px solid #000; text-decoration:none; background-color:#fff; }
ol.IMAGE_INDEX a img		{ clear:both; float:none; border:none; margin:0px; padding:0px;  }
ol.IMAGE_INDEX a.NEXTIMAGE		{ position:absolute; top:506px; left:0px; width:100px; height:19px; margin:0px; padding:0px 0px 0px 15px; border:none; text-align:left; background:transparent url(/com/img/li.png) 0px 50% no-repeat; font:normal normal normal 9px/19px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
ol.IMAGE_INDEX a.NEXTIMAGE:link	{ color:#aaa; border:none; text-decoration:none; }
ol.IMAGE_INDEX a.NEXTIMAGE:visited	{ color:#aaa; border:none; text-decoration:none; }
ol.IMAGE_INDEX a.NEXTIMAGE:hover	{ color:#000; border:none; text-decoration:none; }
ol.IMAGE_INDEX a.NEXTIMAGE:active	{ color:#000; border:none; text-decoration:none; }
ol.IMAGE_INDEX a.NEXTIMAGE em		{ display:inline; margin:0px; font-style:normal; }
ol.IMAGE_INDEX a.TEXT		{ float:right; margin-right:0px; }
ol.IMAGE_INDEX a.TEXT:link		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#ccc; }
ol.IMAGE_INDEX a.TEXT:visited		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#ccc; }
ol.IMAGE_INDEX a.TEXT:hover		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#aaa; }
ol.IMAGE_INDEX a.TEXT:active		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#aaa; }
ol.IMAGE_INDEX a.DATA		{ float:right; margin-right:0px; }
ol.IMAGE_INDEX a.DATA:link		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#ccc; }
ol.IMAGE_INDEX a.DATA:visited		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#ccc; }
ol.IMAGE_INDEX a.DATA:hover		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#aaa; }
ol.IMAGE_INDEX a.DATA:active		{ color:#fff; border:1px solid #efefef; text-decoration:none; background-color:#aaa; }
ol.IMAGE_INDEX a em			{ display:block; margin:12px 0px 0px 0px; font-style:normal; }


div#CREDIT dl			{ clear:both; margin-top:5px; color:#777; font: normal normal normal 10px/1.1em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#CREDIT dl dt			{ clear:both; width:50px; height:auto; margin-bottom:0px; background:transparent url(/com/img/colon.png) 100% 50% no-repeat; }
div#CREDIT dl dd			{ width:150px; margin-bottom:5px; }





/* ------------------------------ PRINT ------------------------------ */
@media print{

/* WORKS */
body div#CREDIT			{ display:none !important; }

/* -- IMAGE (SLIDE) -- */
body div.IMAGES			{ clear:both; float:none; display:block !important; width:920px !important; height:auto !important; border:none !important; }
body div.IMAGES div.IMAGE		{ position:relative !important; clear:both; float:none; display:inline !important; visibility:visible; width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; border:none !important; background-color:transparent; filter:alpha(opacity=1) !important; KhtmlOpacity:1 !important; MozOpacity:1 !important; opacity:1 !important; }
body div.IMAGES div.IMAGE img		{ clear:both; float:none; display:inline; width:auto; height:275px; margin:0px 5px 5px auto; padding:0px; border:none 0px !important; }
body div.IMAGES div.IMAGE cite	{ clear:both; padding:5px; filter:alpha(opacity=1); KhtmlOpacity:1; MozOpacity:1; opacity:1; color:#000; background:#fff; font-size:9px; line-height:10px; }

/* -- TEXT (SLIDE) -- */
body div.IMAGES div#TEXT		{ position:relative !important; clear:both; float:none; display:inline !important; width:100%; height:auto; margin:0px; background-color:transparent; }
body div.IMAGES div#TEXT p		{ display:block !important;  width:100%; height:auto; margin:50px 0px 50px 0px; padding:0px; }
body div.IMAGES div#TEXT_BG		{ position:none !important; }

/* -- DATA (SLIDE) -- */
body div.IMAGES div#DATA		{ position:relative !important; clear:both; float:none; display:inline !important; width:100%; height:auto; margin:0px; background-color:transparent; }
body div.IMAGES div#DATA img		{ clear:both; float:none; margin:0px 0px 10px 0px; padding:0px; border:none !important; }
body div.IMAGES div#DATA dl		{ clear:both; float:none; width:100%; height:auto; margin:0pxpx; padding:0px; }
body div.IMAGES div#DATA dl dt	{ width:30%; height:auto; margin:0px; padding:0px 0px 5px 0px; color:#000; font-weight: bold; }
body div.IMAGES div#DATA dl dd	{ width:65%; height:auto; margin:0px; padding:0px 0px 5px 0px; color:#000; }
body div.IMAGES div#DATA_BG		{ display:none !important; }
}