/* CSS Document */
#gallery_h1_bg{ margin: 15px auto 0px auto; padding:0px 0px 15px 130px; width:660px; height:184px; background: left bottom no-repeat; text-align:center;}

#gallery_top{ padding-top:15px; width:680px; height:500px; margin:0px auto; position:relative;}

#gallery_top_left{ width:250px; float:left;}
#gallery_top_left ul{ list-style:none; text-align:left; background:url(../gallery/images/left_bg.gif) 0 0 repeat-y;}
#gallery_top_left li{ height:60px; display:inline; text-align:left;}
#gallery_top_left a{ margin-top:8px; width:240px; height:50px; display:block; background-position:top left;}
#gallery_top_left a:hover{ width:240px; display:block; height:50px; background-position:bottom left;}
#gallery_top_left li.some1 a{ background-image:url(../gallery/images/some1.gif);}
#gallery_top_left li.some2 a{ background-image:url(../gallery/images/some2.gif);}
#gallery_top_left li.some3 a{ background-image:url(../gallery/images/some3.gif);}
#gallery_top_left li.some4 a{ background-image:url(../gallery/images/some4.gif);}
#gallery_top_left li.some5 a{ background-image:url(../../../10th_sd/gallery/images/some5.gif);}
#gallery_top_left li.some6 a{ background-image:url(../gallery/images/some6.gif);}
#gallery_top_left li.some7 a{ background-image:url(../gallery/images/some7.gif);}
#gallery_top_left li.some8 a{ background-image:url(../gallery/images/some8.gif);}
#gallery_top_left li.some9 a{ background-image:url(../gallery/images/some9.gif);}
#gallery_top_left li.some10 a{ background-image:url(../gallery/images/some10.gif);}
#gallery_top_left li.some11 a{ background-image:url(../gallery/images/some11.gif);}
#gallery_top_left li.some12 a{ background-image:url(../gallery/images/some12.gif);}
#gallery_top_left li.some13 a{ background-image:url(../gallery/images/some13.gif);}
#gallery_top_left li.some14 a{ background-image:url(../gallery/images/some14.gif);}
#gallery_top_left li.some15 a{ background-image:url(../gallery/images/some15.gif);}
#gallery_top_left li.some16 a{ background-image:url(../gallery/images/some16.gif);}
#gallery_top_left li.some17 a{ background-image:url(../gallery/images/some17.gif);}
#gallery_top_left li.some18 a{ background-image:url(../gallery/images/some18.gif);}
#gallery_top_left li.some19 a{ background-image:url(../gallery/images/some19.gif);}

#gallery_top_right{ padding-top:15px; width:400px;}
#d1{ width:475px; height:450px; background:url(../gallery/images/img1.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d2{ width:475px; height:450px; background:url(../gallery/images/img2.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d3{ width:475px; height:450px; background:url(../gallery/images/img3.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d4{ width:475px; height:450px; background:url(../gallery/images/img4.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d5{ width:475px; height:450px; background:url(../gallery/images/img5.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d6{ width:475px; height:450px; background:url(../gallery/images/img6.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d7{ width:475px; height:450px; background:url(../gallery/images/img7.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d8{ width:475px; height:450px; background:url(../gallery/images/img8.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d9{ width:475px; height:450px; background:url(../gallery/images/img9.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d10{ width:475px; height:450px; background:url(../gallery/images/img10.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d11{ width:475px; height:450px; background:url(../gallery/images/img11.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d12{ width:475px; height:450px; background:url(../gallery/images/img12.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d13{ width:475px; height:450px; background:url(../gallery/images/img13.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d14{ width:475px; height:450px; background:url(../gallery/images/img14.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d15{ width:475px; height:450px; background:url(../gallery/images/img15.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d16{ width:475px; height:450px; background:url(../gallery/images/img16.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d17{ width:475px; height:450px; background:url(../gallery/images/img17.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d18{ width:475px; height:450px; background:url(../gallery/images/img18.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 
#d19{ width:475px; height:450px; background:url(../gallery/images/img19.jpg) 0 0 no-repeat; z-index:20; visibility:hidden; text-align:right; position:absolute; top:40px; left:250px;} 

#topic_gallery{ width:665px; padding-left:30px; margin:20px 30px 20px auto; text-align:left;}
#topic_gallery p{ padding:20px 0px; line-height:1.6em; }
#topic_gallery ul{ list-style:none;}
#topic_gallery li{ display:inline;}

#gallery_left{ float:left; width:452px; padding-right:15px; text-align:left;font-size:14px;}
#gallery_left p{ padding:20px 0px; line-height:1.6em; }
#gallery_left h3 img{ padding:10px 0px 0px 0px;}
#gallery_left img{ padding:0px 3px 10px 3px;}

#gallery_right{ float:left; padding-left:15px; width:180px; height:100%; border-left:#CCCCCC 1px dashed;}
#gallery_right img{ padding-bottom:3px;}

#gallery_page { clear:both; text-align:center; margin-bottom:30px;}
#gallery_page ul{ padding-top:30px; list-style:none; font-size:12px;}
#gallery_page li{ display:inline; font-weight:bold;}
#gallery_page li.now{ padding:4px 8px; margin:0px 5px; border: 1px solid #ccc; background-color:#fee8eb;}
#gallery_page li a{ padding:4px 8px; text-decoration:none; border: 1px solid #ccc; background-color:#FFFFCC;}
#gallery_page li a:hover{ background-color:#fee8eb;}


