@charset "utf-8";
@import url(basic.css);
@import url(sub.css);


.text-left   {text-align: left}
.text-right  {text-align: right}
.text-center {text-align: center}
.bold        {font-weight: bold;color:#444444}
.font-big    {font-size:16px;}
.orange      {color:#FF4100}
.img-left    {float:left;padding-right:10px}
.img-right   {float:right;padding-left:10px;}
.img-bottom  {vertical-align:bottom;}
.img-top     {vertical-align:top;}
.clear       {clear:both}
.mr-bottom20 {margin-bottom:20px}
.mr-top5     {margin-top:5px;}
.blak_text   {color:#222222;}
.red         {color:#FF0000}
.red2        {color:#cc0033}
.brown       {color:#993300;}
.green       {color:#00CC00}
a:link    {color: #0066cc;text-decoration:none}
a:visited {color: #0066cc;text-decoration:none}
a:hover   {color: #663300;text-decoration:none}
a img     {border:0pt none;}
.current {color: #FF4100;text-decoration:none}
* html .png{
behavior: expression(IEPNGFIX.fix(this));
} 


body {margin: 0px;text-align: center;background:#AD8C08 url(img/main_bg_bottom.gif) repeat-x bottom center;padding-bottom:10px;}


#main {background:url(img/main_bg_top.gif) repeat-x top center;margin: 0px;padding-top:10px;}
div#header{
margin: 0px auto 0px auto;
text-align:left;
height:156px;
width:900px;
background:#ffffff url(img/head_bg.jpg) no-repeat right 27px;
position:relative; 
}
#header h1{background: url(img/h1_bg.gif) repeat-x center top; height:30px; color:#FFFFFF; text-align:right;padding-top:5px; padding-right:8px;}
#header p{padding-left:10px;}

#header-menu {background:#004A20; height:30px;width:900px;margin:0px auto; text-align:right;}
#header-menu ul{padding-top:3px;}
#header-menu li{ display:inline;}



div#footer{
clear:both;
width:900px;
margin: 0px auto;
text-align:cnter;
line-height:30px;
vertical-align:middle;
background: url(img/foot_bg.gif)  repeat-x top center;color:#FFFFFF;
}
div#footer p{margin-bottom:0px;}


#mainbox {background: url(img/main_bg.gif) repeat-y center top; margin:0px auto 0px auto; width:900px;}


#box-right {float:right;width:720px;}
#box-left  {width:180px;float:left;}

#right-main {width:540px;float:left; text-align:center;}
.toppage{width:480px; margin:20px auto 100px auto; text-align:left;}
.toppage p{padding:0px 20px 10px 20px;}
.makimono{background:url(img/center_title_back.gif) no-repeat left top;color:#004A20;font-weight:bold;padding-top:20px; padding-left:30px; padding-bottom:20px; margin-bottom:20px;}

.info {margin-left:30px; list-style:disc; font-size:108%;}
.info li{margin-bottom:10px;}
.info li a{width:200px; display:block; float:left;clear:both;}


#news dt {clear:left;float:left;width:120px;padding: 5px 0.5em;}
#news dd {margin-left:0;padding: 5px 0.5em 5px 120px;}







#right-menu {width:180px;float:right;}
#right-menu dl{background:#ffffff; border:#004A20 1px solid;margin:2px 0px;padding-bottom:10px;}
#right-menu dt {background:url(img/right_block_title.gif) no-repeat left top; line-height:24px; color:#ffffff; font-weight:bold;margin-bottom:10px;}
#right-menu dd ul{text-align:left;}
#right-menu dd li{margin-bottom:5px;padding-left:15px;}
#right-menu dd a{background: url(img/right_block_mark.gif) no-repeat left 3px; padding-left:7px; color:#004A20;}
#right-menu dd a:hover{background: url(img/right_block_mark_a.gif) no-repeat left 3px; padding-left:7px;color:#CB5640;}



#box-leftmenu {text-align:left;border-bottom:#FFFFFF 1px solid;}
#box-leftmenu dt {border-top:#FFFFFF 1px solid;}
#box-leftmenu dt a{ background:url(img/left_menu_n.gif) no-repeat left top; display:block;padding-left:24px; line-height:30px;color:#004A20; font-weight:bold;}
#box-leftmenu dt a:hover{ background:url(img/left_menu_a.gif) no-repeat left top;display:block;padding-left:24px; line-height:30px;color:#ffffff; font-weight:bold;}