@charset "utf-8";


/* ------------------------------- OVER WRITE ------------------------------- */
body				{ color:#777; background:#000 url(/ja/photo/img/bg.png); }
div#PAGE div#HEADER			{ border-color:#000; background-color:#fff; }
a#NEXT				{ display:none; width:1px; }

ul#HIERARCHY li a:link		{ color:#aaa; text-decoration:none; }
ul#HIERARCHY li a:visited		{ color:#aaa; text-decoration:none; }
ul#HIERARCHY li a:hover		{ color:#aaa; text-decoration:underline; }
ul#HIERARCHY li a:active		{ color:#444; text-decoration:underline; }
ul#HIERARCHY li.VERTEX a:link		{ color:#fff; }
ul#HIERARCHY li.VERTEX a:visited	{ color:#fff; }
ul#HIERARCHY li.VERTEX a:hover	{ color:#fff; }
ul#HIERARCHY li.VERTEX a:active	{ color:#444; }

/* -- FOOTER -- */
div#FOOTER			{ clear:both; display:inline; float:left; width:840px; height:50px; background-color:transparent; margin:15px 0px 25px 0px; border:none; text-indent:5px; color:#444; font: normal normal normal 9px/10px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#FOOTER a			{ display:inline; float:right; margin:0px 0px 0px 20px; }
div#FOOTER a:link			{ color:#444; text-decoration:none; }
div#FOOTER a:visited		{ color:#444; text-decoration:none; }
div#FOOTER a:hover			{ color:#777; text-decoration:none; }
div#FOOTER a:active			{ color:#777; text-decoration:none; }

/* -------------------------------------------------- CLASS for Javascript -------------------------------------------------- */
/* -- JSS -- */
div.JSS				{ clear:both; display:block; float:left; width:auto; height:auto; overflow:visible; margin:100px 0px 0px 0px; padding:0px; background:transparent 50% 50% no-repeat; }
div.JSS div.OBJ			{ clear:both; display:block; float:left; width:auto; height:auto; overflow:visible; margin:0px; padding:0px; border:none; }
div.JSS_BOX			{ position:absolute; display:block; bottom:0px; right:0px; width:9px; height:9px; overflow:hidden; margin:0px; background-color:#333; border:1px solid #222; }
div.JSS_BAR			{ position:absolute; display:block; bottom:0px; right:0px; width:9px; height:9px; overflow:hidden; margin:0px; background-color:#fff; border:1px solid #fff; }
/* UP & DN */
a.JSS_UP				{ position:absolute; bottom:0px; right:0px; display:block; width:9px; height:9px; overflow:hidden; margin:0px; text-indent:-9999px; border:1px solid #222; background:#333 url(/ja/photo/img/jss_up.png) 0% 50% scroll no-repeat; }
a.JSS_UP:link			{ border:1px solid #222; background-position:0px 0px; }
a.JSS_UP:visited			{ border:1px solid #222; background-position:0px 0px; }
a.JSS_UP:hover			{ border:1px solid #fff; background-position:0px -20px; }
a.JSS_UP:active			{ border:1px solid #fff; background-position:0px -20px; }
a.JSS_DN				{ position:absolute; bottom:0px; right:0px; display:block; width:9px; height:9px; overflow:hidden; margin:0px; text-indent:-9999px; border:1px solid #222; background:#333 url(/ja/photo/img/jss_dn.png) 0% 50% scroll no-repeat; }
a.JSS_DN:link			{ border:1px solid #222; background-position:0px 0px; }
a.JSS_DN:visited			{ border:1px solid #222; background-position:0px 0px; }
a.JSS_DN:hover			{ border:1px solid #fff; background-position:0px -20px; }
a.JSS_DN:active			{ border:1px solid #fff; background-position:0px -20px; }
/* PAGETOP */
div.JSS_PAGETOP			{ clear:both; display:none; float:left; width:10px; height:100px; overflow:hidden; margin:50px 0px 0px 20px; padding:10px 0px 0px 0px; border:none; border-top:1px solid #eee; text-align:right; }
div.JSS_PAGETOP a			{ background:transparent 0% 50% no-repeat; color:#777; font: normal normal normal 9px/11px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS_PAGETOP a:link		{ color:#777; text-decoration:none; }
div.JSS_PAGETOP a:visited		{ color:#777; text-decoration:none; }
div.JSS_PAGETOP a:hover		{ color:#000; text-decoration:none; }
div.JSS_PAGETOP a:active		{ color:#000; text-decoration:none; }

/* -- GALLERY -- */
div#GALLERY_BG			{ display:none; position:absolute;top:0px;left:0px;z-index:200; width:100%; height:100%; background-color:#000; }
div#GALLERY			{ display:none; position:absolute;top:0px;left:0px;z-index:201; width:800px; height:600px; background-color:#000; text-align:left; overflow:hidden; }
a#GALLERY_NEXT			{ display:none; position:absolute;top:0px;left:0px;z-index:222; width:100px; height:21px; border:none; cursor:pointer; background:#000 url(/ja/photo/img/gallery_next.png) 0px 0px no-repeat; }
a#GALLERY_END			{ display:none; position:absolute;top:0px;left:0px;z-index:222; width:100px; height:21px; border:none; cursor:pointer; background:#000 url(/ja/photo/img/gallery_end.png) 0px 0px no-repeat; }
a#GALLERY_PREVIOUS			{ display:none; position:absolute;top:0px;left:0px;z-index:222; width:100px; height:21px; border:none; cursor:pointer; background:#000 url(/ja/photo/img/gallery_previous.png) 0px 0px no-repeat; }
a#GALLERY_BEGINNING			{ display:none; position:absolute;top:0px;left:0px;z-index:222; width:100px; height:21px; border:none; cursor:pointer; background:#000 url(/ja/photo/img/gallery_beginning.png) 0px 0px no-repeat; }
a#GALLERY_INDEX			{ display:none; position:absolute;top:0px;left:0px;z-index:222; width:100px; height:21px; border:none; cursor:pointer; background:#000 url(/ja/photo/img/gallery_index.png) 0px 0px no-repeat; }
a#GALLERY_CLOSE			{ display:none; position:absolute;top:0px;left:0px;z-index:222; width:100px; height:21px; border:none; cursor:pointer; background:#000 url(/ja/photo/img/gallery_close.png) 0px 0px no-repeat; }

/* -- LOADING & TITLE -- */
div#GALLERY span			{ display:inline; float:left; width:800px; height:600px; background-color:#000; border:none; text-align:center; overflow:hidden; color:#444; font: normal normal normal 12px/600px "Helvetica Neue",Helvetica,Verdana,Geneva,Arial,sans-serif; }
div#GALLERY span big		{ margin-right:20px; color:#000; font: normal normal bold 20px/600px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
/* -- SLIDE SHOW -- */
div#GALLERY div			{ position:absolute;top:0px;left:0px; width:800px;height:600px; text-align:left; border-bottom:1px solid #eee; padding:485px 0px 5px 5px; display:none; background:#fff 0px 0px 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 img			{ position:absolute;top:0px;left:0px; width:auto; height:600px; margin:0px 0px 5px 0px; background:#000; border:none; border-right:1px solid #eee; }

/* -- DOCK -- */
div#GALLERY_AREA			{ position:absolute; bottom:0px; left:0px; display:none; z-index:220; width:100%; height:100px; text-align:center; overflow:hidden; border-top:0px none #000; background:transparent url(/ja/photo/img/transparent.png) 0px 0px repeat; }
div#GALLERY_AREA div		{ position:absolute; top:100px; left:0px; display:none; z-index:221; width:100%; height:100px; margin:0px 0px 0px 0px; text-align:center; border-top:1px solid #fff; background:transparent url(/ja/photo/img/dock_bg.png) 0px 0px repeat; }
div#GALLERY_AREA div div		{ position:relative; top:0px; left:0px; display:block; width:800px; height:100px; margin:0px 0px 0px 0px; padding:0px; text-align:left; border-top:none; color:#444; background:transparent; }
div#GALLERY_AREA div div span		{ clear:both; display:inline; float:left; width:158px; height:45px; margin:10px 11px 0px 0px; padding:0px 0px 0px 0px;font: normal normal normal 9px/15px "Helvetica Neue",Helvetica,Verdana,Geneva,Arial,sans-serif; }
div#GALLERY_AREA div div span small	{ clear:none; display:inline; float:left; width:158px; height:auto; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:left; color:#777; font: normal normal normal 9px/12px "Helvetica Neue",Helvetica,Verdana,Geneva,Arial,sans-serif; }
div#GALLERY_AREA div div span small big	{ font: normal normal bold 11px/12px "Helvetica Neue",Helvetica,Verdana,Geneva,Arial,sans-serif; }
div#GALLERY_AREA div div span h2	{ clear:both; display:inline; float:left; width:158px; height:30px; border:none; margin:5px 0px 0px 0px; text-indent:0px; color:#000; font: normal normal bold 12px/13px "Hiragino Mincho Pro","ヒラギノ明朝 Pro W3","小塚明朝 Pro EL","Kozuka Mincho Pro",Georgia,Century,"Times New Roman",Times,"ＭＳ 明朝",serif; }
div#GALLERY_AREA div div img		{ clear:none; display:inline; float:left; width:auto; height:43px; margin:26px 2px 0px 0px; vertical-align:middle; border-right:1px solid #eee; background-color:#000; cursor:pointer; }
div#GALLERY_AREA div div img:hover	{ border-color:#000; }
div#GALLERY_AREA div div img:active	{ border-color:#000; }



/* -- PHOTO INDEX -- */
div.JSS ul			{ clear:both; display:inline; float:left; width:auto; height:auto; margin:0px; padding:0px 0px 0px 0px; text-align:left; }
div.JSS ul li			{ clear:none; display:inline; float:left; width:168px; height:270px; overflow:hidden; margin:0px 0px 0px 0px; white-space:normal; }
div.JSS ul li a			{ clear:both; display:inline; float:left; width:160px; height:240px; overflow:hidden; margin:0px 3px 0px 3px; white-space:normal; }
div.JSS ul li a:link		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.JSS ul li a:visited		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.JSS ul li a:hover		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.JSS ul li a:active		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.JSS ul li a span		{ clear:both; display:block; float:left; width:160px; height:120px; overflow:hidden; background-color:#000; }
div.JSS ul li a span img		{ border:none; }
div.JSS ul li a span em		{ position:absolute; display:none; float:left; width:160px; height:20px; margin-top:100px; color:#fff; font: normal normal normal 9px/20px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ul li a:link span em		{ display:none; }
div.JSS ul li a:visited span em	{ display:none; }
div.JSS ul li a:hover span em		{ display:block; }
div.JSS ul li a:active span em	{ display:block; }
div.JSS ul li a strong		{ clear:both; display:block; float:left; width:150px; height:110px; margin:0px 5px 0px 5px; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ul li a strong em		{ display:block; float:left; width:150px; height:30px; margin:0px 0px 0px 0px; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.JSS ul 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 ul li a.EDIT		{ clear:none; display:inline; float:left; width:auto; height:12px; overflow:hidden; margin:0px 3px 0px 3px; border:none; }
div.JSS ul 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 ul 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 ul 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 ul 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; }

/* -- PHOTO INDEX -- */
div.PHOTO				{ clear:both; display:block; float:left; width:840px; height:auto; overflow:visible; margin:100px 0px 0px 0px; padding:0px; text-align:center; background:transparent 50% 50% no-repeat; }
div.PHOTO img			{ clear:both; display:block; float:none; width:auto; height:auto; margin:0px auto 100px auto; padding:0px; border:1px solid #000; }