/*
*/

.preload11 {background:url(../../images/photogallery-layout/nav_L_ON.gif);}
.preload12 {background:url(../../images/photogallery-layout/nav_L_OFF.gif);}
.preload13 {background:url(../../images/photogallery-layout/nav_R_ON.gif);}
.preload14 {background:url(../../images/photogallery-layout/nav_R_OFF.gif);}

h1 {margin:36px 0px 0px 0px; font-size:1.3em; font-weight:normal;}
h2 {margin:2px 0px 0px 0px; font-size:1.1em; font-weight:normal;}

#photo_tbl { margin:20px auto 0px; }

#page_T { margin:6px 0px 6px 0px; font-size:1em; }
.photo_img { border:2px solid; border-color:#090909; display:inline; }
.photo_O { width:535px; }
.photo_V { width:415px; }

#box_sand {position:relative; margin:5px auto 0px; padding:10px 10px 10px 10px; width:250px; text-align:center; background:#e1e1da; }
.box_sand_ {position:absolute; width:10px; height:10px;}
.box_sand_UL {top:0px; left:0px; background-position:-101px -42px;}
.box_sand_UR {top:0px; right:0px; background-position:-111px -42px;}
.box_sand_DL {bottom:0px; left:0px; background-position:-101px -52px;}
.box_sand_DR {bottom:0px; right:0px; background-position:-111px -52px;}
#box_sand_capt_1 { color:#2d2d2b; font-size:1em; line-height:1.5em; }
#box_sand_capt_2 { color:#737056; font-size:0.9em; margin:4px 0px 0px 0px; }


#menu_photo_box { position:relative; margin:40px 0px 60px 0px; text-align:center; }

#sound_box { position:relative; z-index:100; margin:1px auto 0px; padding:1px 0px 1px 0px; width:262px; text-align:left; background-color:#a7a89e; }
#sound_box_capt { margin:8px 10px 0px 10px; color:#fff; font-size:0.9em; line-height:1.5em; text-align:center; }
#sound_box_object { position:relative; z-index:100; margin:14px 0px 14px 14px; width:120px; height:84px; }
#link_box { position:absolute; bottom:5px; right:8px; }

.photo { position:relative; z-index:110; margin:0px auto 0px; padding:0px 0px 0px 0px; width:262px; height:316px; text-align:left; background-color:#c5c5be; }
.photo ul { position:relative; list-style:none; padding:0; padding-top:14px; margin:0; margin-left:4px; width:257px; height:144px; }
.photo ul li { display:inline; width:40px; height:40px; float:left; margin-left:9px; margin-bottom:10px; }
.photo ul li a { display:block; width:40px; height:40px; text-decoration:none; }
.photo ul li a:link, .photo ul li a:visited, .photo ul li a:active { text-decoration:none; }
.photo ul li a span { display:none; cursor:pointer; }
.photo ul li a img { display:block; width:38px; height:38px; border:1px solid #fff; }

.photo ul li a:hover { white-space:normal;position:relative; }
.photo ul li a.O:hover img {position:absolute; top:-23px; left:-21px; width:80px; height:60px; border-color:#0E1410; }
.photo ul li a.V:hover img {position:absolute; top:-34px; left:-11px; width:60px; height:80px; border-color:#0E1410; }
.photo ul li a.O:hover b { position:absolute; top:39px; left:-21px; width:82px; height:26px; background-color:#0E1410; text-align:center; z-index:20; }
.photo ul li a.V:hover b { position:absolute; top:48px; left:-11px; width:62px; height:26px; background-color:#0E1410; text-align:center; z-index:20; }
.photo ul li a.O:hover span {display:block; width:82px; background-color:#0E1410; color:#9BAA9C; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:9px; margin:0 auto; }
.photo ul li a.V:hover span {display:block; width:62px; background-color:#0E1410; color:#9BAA9C; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:9px; margin:0 auto; }

.photo ul li a:focus { white-space:normal;position:relative; }
.photo ul li a.O:focus img {position:absolute; top:-23px; left:-21px; width:80px; height:60px; border-color:#0E1410; }
.photo ul li a.V:focus img {position:absolute; top:-34px; left:-11px; width:60px; height:80px; border-color:#0E1410; }
.photo ul li a.O:focus b { position:absolute; top:39px; left:-21px; width:82px; height:26px; background-color:#0E1410; text-align:center; z-index:20; }
.photo ul li a.V:focus b { position:absolute; top:48px; left:-11px; width:62px; height:26px; background-color:#0E1410; text-align:center; z-index:20; }
.photo ul li a.O:focus span {display:block; width:82px; background-color:#0E1410; color:#9BAA9C; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:9px; margin:0 auto; }
.photo ul li a.V:focus span {display:block; width:62px; background-color:#0E1410; color:#9BAA9C; font-family:verdana, arial, sans-serif; font-weight:normal; font-size:9px; margin:0 auto; }


