@charset "utf-8";

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

/* ------------------------------- JSS ------------------------------- */
div.JSS			{ background-color:transparent;}
div.JSS div.OBJ		{ width:960px; border:1px solid #eee; border-right:none; background:#fff url(/ja/works/img/nomatch.png) 0px 0px scroll no-repeat; }
a.JSS_UP			{ background-image:url(/com/img/jss_lf.png); }
a.JSS_DN			{ background-image:url(/com/img/jss_rt.png); }
/* PAGETOP */
div.JSS_PAGETOP		{ clear:none; float:left; display:inline; width:119px; height:400px; margin:0px -100px 0px 0px; padding:0px 0px 0px 0px; border:none; text-align:left; border-left:1px solid #eee; border-right:1px solid #eee; }
div.JSS_PAGETOP a		{ clear:both; float:left; display:inline; width:120px; height:400px; padding:196px 0px 0px 25px; background:#f9f9f9 url(/com/img/pagetop.png) 0px 0px no-repeat; text-transform:uppercase; color:#777; font: normal normal normal 9px/10px 'Helvetica Neue', Helvetica, Verdana, Geneva, Arial, sans-serif; }
div.JSS_PAGETOP a:link	{ color:#aaa; background-position:0px 0px; text-decoration:none; background-color:#f7f7f7; }
div.JSS_PAGETOP a:visited	{ color:#aaa; background-position:0px 0px; text-decoration:none; background-color:#f7f7f7; }
div.JSS_PAGETOP a:hover	{ color:#777; background-position:0px -400px;text-decoration:none; background-color:#fff; }
div.JSS_PAGETOP a:active	{ color:#777; background-position:0px -400px;text-decoration:none; background-color:#fff; }


/* ----- WORKS_INDEX ----- */
/* -- ol -- */
div.JSS ol			{ clear:none; display:inline; float:left; width:auto; height:auto; margin:0px 0px 0px 0px; text-align:left;}
div.JSS ol li			{ clear:none; display:inline; float:left; width:119px; height:auto; overflow:hidden; min-width:100px; min-height:400px; margin:0px 0px 10px 0px; padding:0px; background:#f7f7f7; color:#777; }
div.JSS ol li a			{ clear:both; display:block; float:left; width:115px; height:400px; border-right:1px solid #eee; background:#fff; }
div.JSS ol li a:link		{ text-decoration:none; }
div.JSS ol li a:visited		{ text-decoration:none; }
div.JSS ol li a:hover		{ text-decoration:none; }
div.JSS ol li a:active		{ text-decoration:none; }
div.JSS ol li big			{ clear:both; display:inline; float:left; width:115px; height:280px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px; text-indent:-999px; border:none; background:#ddd -50px -60px repeat scroll; color:#fff; font: normal normal bold 20px/1em Arial,Verdana,Geneva,sans-serif; }
div.JSS ol li em			{ clear:none; display:inline; float:none; width:auto; height:auto; overflow:hidden; margin:0px; padding:0px; background:#d21; color:#fff; font: normal normal normal 10px/11px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ol li strong		{ clear:both; display:inline; float:left; width:100px; height:75px; margin:10px 0px 0px 10px; padding:0px; color:#000; font: normal normal normal 10px/12px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ol li a:hover strong		{ text-decoration:underline; }
div.JSS ol li span			{ clear:both; display:inline; float:left; width:100px; height:12px; overflow:hidden; margin:0px 10px 3px 10px; padding:0px 0px 0px 0px; border:0px none; color:#777; font: normal normal normal 10px/12px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ol li span small		{ clear:both; display:inline; float:left; width:100px; height:auto; margin:0px 0px 0px 0px; padding:0px; border:0px none; color:#aaa; font: normal normal normal 9px/10px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ol li a.EDIT		{ clear:both; display:block; float:right !important; margin:-15px 4px 0px 0px !important; }

div.JSS img.SIGN			{ position:absolute; right:0px; top:0px; margin:0px; padding:0px; border-right:none; }

/* -- WORKS -- */
div.JSS ol.WORKS li			{ width:auto; margin:0px 0px 0px 0px; background:#f9f9f9; }
div.JSS ol.WORKS li.IMAGE img		{ margin:0px 50px 1px 0px; padding:0px; }
div.JSS ol.WORKS li h2		{ clear:both; display:inline; float:left; width:720px; height:50px; margin:50px 0px 0px 50px; padding:0px; color:#000; font: normal normal normal 12px/25px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ol.WORKS li dl		{ clear:none; width:350px; height:250px; margin:0px -50px 0px 50px; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ol.WORKS li dl dt		{ width:100px; margin:0px 0px 2px 0px; padding:2px 0px 2px 0px; border:0px none; color:#777; }
div.JSS ol.WORKS li dl dd		{ width:250px; margin:0px 0px 2px 0px; padding:2px 0px 2px 0px; border:0px none; color:#444; }
div.JSS ol.WORKS li dl dd a		{ display:inline; width:auto; height:auto; border:none; }
div.JSS ol.WORKS li p		{ width:600px; margin:0px 0px 0px 50px; padding:0px 0px 50px 0px; color:#000; font: normal normal normal 12px/25px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
div.JSS ol.WORKS li p a		{ display:inline; float:none; width:auto; height:auto; margin:0px; padding:0px 5px 0px 5px; border:none; font: normal normal normal 10px/25px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ol.WORKS li p a:link		{ color:#09c; text-decoration:none; }
div.JSS ol.WORKS li p a:visited	{ color:#09c; text-decoration:none; }
div.JSS ol.WORKS li p a:hover		{ color:#0cf; text-decoration:underline; }
div.JSS ol.WORKS li p a:active	{ color:#9ef; text-decoration:underline; }

/* -- DATA -- */
span.GALLERY_DATA			{ clear:none; display:inline; float:left; width:760px; height:15px; margin:0px; padding:0px; text-align:right; color:#444; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

/* -- CATEGORY -- */
ul#CATEGORY			{ float:left; display:block; width:961px; height:30px; margin:5px 0px 0px 0px; padding:0px; text-align:left; font: normal normal normal 10px/30px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
ul#CATEGORY li			{ float:left; height:30px; margin:0px 0px 0px 0px; padding:0px; color:#444; }
ul#CATEGORY li.TITLE		{ width:200px; margin:0px 0px 0px 0px; }
ul#CATEGORY li.CAPTION		{ margin:0px 10px 0px 50px; padding:0px 0px 0px 0px; }
ul#CATEGORY li a			{ float:left; height:30px; margin:0px 0px 0px 10px; padding:0px; font-weight:bold; }
ul#CATEGORY li a:link		{ color:#aaa; text-decoration:none; }
ul#CATEGORY li a:visited		{ color:#aaa; text-decoration:none; }
ul#CATEGORY li a:hover		{ color:#000; text-decoration:none; }
ul#CATEGORY li a:active		{ color:#ddd; text-decoration:none; }
ul#CATEGORY li.SUMNAIL		{ margin:0px 1px 0px 0px; padding:0px 0px 0px 0px; }
ul#CATEGORY li.SUMNAIL a		{ margin:0px; }
ul#CATEGORY li a img		{ margin:1px 0px 0px 0px; }
ul#CATEGORY li a:link img		{ border:1px solid #eee; }
ul#CATEGORY li a:visited img		{ border:1px solid #eee; }
ul#CATEGORY li a:hover img		{ border:1px solid #000; }
ul#CATEGORY li a:active img		{ border:1px solid #fff; }
ul#CATEGORY li.VERTEX a:link		{ color:#000; }
ul#CATEGORY li.VERTEX a:visited	{ color:#000; }
ul#CATEGORY li.VERTEX a:hover		{ color:#000; }
ul#CATEGORY li.VERTEX a:active	{ color:#ddd; }


/* ------------------------------ PRINT ------------------------------ */
@media print{
body div.JSS ol			{ float:none; margin:0px; padding:0px; }
body div.JSS ol li			{ width:auto !important; height:auto !important; overflow:visible; margin:0px; border:none; }
body div.JSS ol.WORKS li		{ float:none; width:auto !important; }
body div.JSS ol li img		{ clear:none; display:inline !important; float:none; height:250px; width:auto; margin:0px; padding:0px; border:none; }
body div.JSS ol.WORKS li.IMAGE img	{ margin:0px 1px 1px 0px !important; }
body div.JSS ol li img.SIGN		{ display:none !important; }
body div.JSS ol.WORKS li h2		{ clear:none; display:block !important; float:none; width:960px; margin:0px 0px 20px 0px; }
body div.JSS ol.WORKS li p		{ clear:none; display:inline !important; float:none; width:960px; margin:0px 0px 20px 0px; }
body div.JSS ol.WORKS li dl		{ clear:none; display:block !important; float:none; width:960px; height:auto; margin:0px;}
body div.JSS ol.WORKS li dd		{ clear:none; display:inline !important; float:left; width:850px; height:auto; }

body dl.GALLERY_DATA		{ display:none !important; }
}