/* Created by kuindzi*/ 
/* all */
* { margin: 0; padding: 0; }
li { list-style-type: none; }
img { border: none; }
body { padding: 10px 0; background: #FFCC66; text-align: center; }
#clear,
.clear { clear: both; }
/* contentarea */
#contentarea { width: 760px; margin: 0  auto 10px; border: 1px solid #8A9E26; padding-bottom: 8px; background: #F2F2B6; }
/* header */
#header { height: 48px; }
#header h1 { float: left; width: 350px; color: #8E6100; font: 38px impact; line-height: 43px; }
#header h2 { float: right; width: 350px; margin-top: 5px; margin-right: 30px; display: inline; color: #8E6100; font: 700 16px  Geneva, Arial, Helvetica, sans-serif; font-style: italic; }
/* pic */
.pic { padding: 5px; }
.pic img:hover { background: #EA945B; }
/* promo */
.promo { padding: 5px; color: #9E6226; font: 18px/1.3 Verdana, Arial, Helvetica, sans-serif; text-align: justify; }
.promo a { border-bottom: 2px dotted #000099; color: #000099; text-decoration: none; }
.promo a:hover { border-bottom: 2px dotted #E26D1F; color: #E26D1F; }
/* position */
#gall #conttop { width: 285px; float: left; border: 1px solid #8A9E26; margin: 0 0 0 5px; display: inline; background: #EBEBEB; height: 376px; }
#gall #conttop a { display: block; font-size: 16px; font-weight: 900; text-align: center; }
#gall #pictop { width: 446px; float: right; margin: 0 7px 0 0; padding: 0px; display: inline; }
#gall #promocen a { font-size: 26px; }
#gall #promobottom { border: 1px solid #8A9E26; margin: 0px 7px; background: #EBEBEB; }
#gall #promobottom a { position: relative; left: 50px; }
#main #top { width: 565px; float: right; border: 1px solid #8A9E26; margin: 0 5px 0 0; display: inline; background: #EBEBEB; }
#main #top span { width: 200px; float: right; margin: -10px 0 0 5px; display: inline; }
#main #top span a img { position: relative; top: 12px; }
#main #top a { display: block; font-size: 26px; text-align: center; line-height: 36px; }
#index #top { border: 1px solid #8A9E26; margin: 5px; background: #EBEBEB; }
#index #bottom a,
#index #top a { display: block; font-size: 24px; font-weight: 900; text-align: center; }
#index #bottom a { display: inline; text-align: center; }
/* navi */
#gall #navi { width: 750px; margin: auto; overflow: hidden; }
#gall #navi li { float: left; }
#gall #navi li a { float: left; width: 375px; color: #9E6226; font: 16px impact; }
#main #navi { float: left; width: 177px; }
#main #navi li { display: inline-block; }
#main #navi li a { border: 1px solid #8A9E26; margin: 5px 0 5px; padding: 5px; display: inline-block; background: #FFCC66; color: #9E6226; font: 16px impact; }
#main #navi li a:hover { background: #F2F2B6; text-decoration: none; }
#main #navi span { display: block; text-align: center; }
#index #navi { width: 200px; float: right; margin: 0 17px 0 0; display: inline; }
#index #navi li a { color: #9E6226; font: 50px impact; }
/* war */
p#war { width: 500px; float: left; margin: 10px 0 0 5px; padding: 2px 5px; border: 1px solid #8A9E26; display: inline; background: #EBEBEB; color: Black; font: 12px Arial, Helvetica, sans-serif; text-align: justify; height: 36px; overflow: auto; }
p#war span { border-bottom: 1px solid #FFBDBD; color: Red; }
/* recip */
/* s2257 */
#s2257 { clear: both; color: #9E6226; font: 12px "Times New Roman", Times, serif; }
#s2257 a { color: #9E6226; }
.pic img, #main #navi a span img { padding: 2px; border: 1px solid #8A9E26; background: #EBEBEB; }
#gall #promocen, #index #bottom { clear: both; text-align: center; }
#sss, #recip { margin: 5px; }
#gall #navi li a:hover, #index #navi li a:hover { text-decoration: none; }

