@charset "utf-8";

div#HEADER ol li.PHOTO a	{ background-position:0px -100px; }


/* -------------------------------------------------- CLASS for Javascript -------------------------------------------------- */
/* -- 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:#000 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; }

/* -- 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.OBJ ul.PHOTO_INDEX			{ clear:both; display:inline; float:left; width:600px; height:auto; margin:0px 0px 0px 30px; padding:0px 0px 0px 0px; text-align:left; }
div.OBJ ul.PHOTO_INDEX li			{ clear:none; display:inline; float:left; width:115px; height:auto; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 8px 0px; white-space:normal; }
div.OBJ ul.PHOTO_INDEX li a			{ clear:both; display:inline; float:left; width:112px; height:220px; overflow:hidden; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; white-space:normal; }
div.OBJ ul.PHOTO_INDEX li a:link		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.OBJ ul.PHOTO_INDEX li a:visited		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.OBJ ul.PHOTO_INDEX li a:hover		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.OBJ ul.PHOTO_INDEX li a:active		{ color:#000; text-decoration:none; border:1px solid #fff; background-color:#fff; }
div.OBJ ul.PHOTO_INDEX li a span		{ clear:both; display:block; float:left; width:110px; height:110px; overflow:hidden; background-color:#000; }
div.OBJ ul.PHOTO_INDEX li a:link span		{ border:1px solid #eee; }
div.OBJ ul.PHOTO_INDEX li a:visited span	{ border:1px solid #eee; }
div.OBJ ul.PHOTO_INDEX li a:hover span		{ border:1px solid #000; }
div.OBJ ul.PHOTO_INDEX li a:active span		{ border:1px solid #000; }
div.OBJ ul.PHOTO_INDEX li a span img		{ border:none; }
div.OBJ ul.PHOTO_INDEX li a strong		{ clear:both; display:block; float:left; width:110px; height:110px; margin:0px 0px 0px 0px; font: normal normal normal 10px/15px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.OBJ ul.PHOTO_INDEX li a strong em		{ display:block; float:left; width:110px; 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.OBJ ul.PHOTO_INDEX li a strong small	{ clear:both; display:block; float:left; width:110px; height:auto; margin:6px 0px 0px 0px; color:#aaa; font: normal normal normal 9px/10px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.OBJ ul.PHOTO_INDEX li a:hover strong em	{ text-decoration:underline; }


/* -- 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; }