@charset "Shift_JIS";

/* ========BASIC======== */
*          {margin:0;padding:0;font-size:12px;font-family:Verdana, Helvetica, sans-serif;line-height:20px;letter-spacing:1px;
            font-weight:normal;color:#333;}
body       {background:#fff;text-align:center;}
br         {letter-spacing:normal;}
img        {border:0;}
a          {color:#68903C;text-decoration:none;}
a:hover    {color:#92C45B;}

/* ========TEMPLATE FRAMEWORK======== */
div#wrapper  {width:700px;height:410px;overflow:hidden;margin:-205px 0 0 -350px;position:absolute;top:50%;left:50%;padding:0 12px 12px 0;text-align:left;}
div#menu     {width:700px;}
div#contents {width:680px;height:300px;clear:both;overflow:auto;padding:10px;border:6px solid #678b3f;}
div#footer   {width:700px;clear:both;padding:10px 0;}

/* ========HEADER CUSTOMIZE======== */
h1{margin-bottom:10px;font-weight:bold;font-size:18px;}

/* ========MENU CUSTOMIZE======== */
div#menu ul         {list-style:none;}
div#menu li         {display:inline;margin:0;padding:0;}
div#menu li a       {float:left;background:#92C45B url(img/tab.gif) no-repeat left top;color:#333;margin-right:5px;padding:5px 15px 2px 15px;}
div#menu li a:hover {background-color:#68903C;color:#fff;}
div#menu .on        {background-color:#68903C;color:#fff;}

/* ========CONTENTS CUSTOMIZE======== */
div#contents h2 {font-weight:bold;}
div#contents p  {margin-bottom:10px;}
div#contents dl {margin-left:12px;}
div#contents dt {text-decoration:underline;}
div#contents dd {margin-bottom:10px;}

/* ========FOOTER CUSTOMIZE======== */
div#footer{font-size:10px;}