/* Created by kuindzi*/ 
/* all */
* { margin : 0; padding : 0; }
body { margin-bottom : 40px; background : #F2D080; }
#clear,
.clear { clear : both; }
/* contentarea */
div#contentarea { width : 748px; margin : 0 0 0 -374px; background : #FAE4C3 url(bg-contentarea.jpg) repeat-y; position : relative; left : 50%; top : 20px; }
/* header */
div#header { background : url(bg-header.jpg) no-repeat; text-indent : -9000px; height : 156px; }
/* pic */
div.pic { text-align : center; }
div.pic img { padding : 2px; border : 1px solid #B38313; width : 131px; height : 175px; }
div.pic img:hover { background : #B38313; }
div.pic a:hover { _background : #B38313; }
/* promo */
p.promo { color : #71530C; font : 16px Arial, Helvetica, sans-serif; }
p.promo img { border : none; }
#gall p.promo { margin : 8px 30px; }
p.promo a { display : block; color : Blue; font-size : 150%; text-align : center; }
p.promo a:hover { color : Red; }
/* position */
#main #top { width : 500px; margin : 10px 0 0 0; }
#main #ban { float : right; width : 220px; margin : -50px 10px 0px 10px; }
#main #center { margin : 10px 0 0 25px; text-align : justify; line-height : 1.4; }
#index .promo { margin : 10px 30px; }
/* navi */
#gall ul#navi { width : 500px; margin : 10px auto; border-top : 1px solid #B38313; border-bottom : 1px solid #B38313; padding : 3px; text-align : center; }
#gall ul#navi li { margin : 0 30px; list-style-type : none; display : inline; }
#gall ul#navi li a { color : #71530C; font : 14px Arial, Helvetica, sans-serif; }
#main ul#navi { text-align : center; position : absolute; top : 150px; left : 500px; }
#main ul#navi li { margin : 20px; list-style-type : none; }
#main ul#navi li { text-indent : -9000px; }
#main  a#gall1,
#main  a#gall2,
#main  a#gall3 { width : 206px; display : block; height : 40px; }
#main  a#gall1 { width : 202px; background: url(gall1.jpg) }
#main  a:hover#gall1 { background : url(gall1.jpg)  0px -41px no-repeat; }
#main  a#gall2 { background : url(gall2.jpg); }
#main  a:hover#gall2 { background : url(gall2.jpg)  0px -41px no-repeat; }
#main  a#gall3 { background : url(gall3.jpg); }
#main  a:hover#gall3 { background : url(gall3.jpg)  0px -41px no-repeat; }
#index #navi { width : 600px; margin : auto; text-align : center; text-indent : -9000px; }
#index #navi li { list-style-type : none; }
#index #navi a#main { width : 235px; margin : auto; display : block; background : url(enter.jpg); height : 64px; }
#index #navi a:hover#main { background : url(enter.jpg) bottom; }
/* war */
p#war { border : 1px solid #71530C; width : 622px; margin : 10px auto; padding : 2px 5px; background : #FBE4C2; color : #71530C; font : 12px Arial, Helvetica, sans-serif; text-align : justify; overflow : auto; height : 26px; }
p#war span { border-bottom : 1px solid Red; color : Red; }
/* recip */
#recip { width : 700px; margin : 10px auto; }
/* s2257 */
p#s2257 { padding-bottom : 20px; background : url(bg-footer.jpg) no-repeat bottom; color : #B38313; font : 10px Arial, Helvetica, sans-serif; text-align : center; }
#gall ul#navi li span,
#gall ul#navi li a:hover, p#s2257 a { color : #B38313; }

