@charset "Shift_JIS";

/*default settings */


  
body { margin: 0; padding: 0; background: #F6F0E1; }

div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, form, table, caption, th, td, { margin:0; padding:0; }
  
img,swf { border: 0; vertical-align: top; }
a img { border: 0; vertical-align: top; }

a:link { color: #666; }
     
a:active { color: #666; }
     
a:visited { color: #666; }
     
a:hover { color: #333;text-decoration: none;}


  
/*----------------------------------- class */

div.clearer { margin: 0 ; padding: 0; clear: left; }
div.clearer_b { margin: 0; padding: 0; clear: both; }  


/***----------------------------------- div ***/
div#bg_top { margin-left: auto; margin-right: auto; padding-left:5px; margin-top: 20px; background: url(indeximg/bg_top.gif) repeat-y left top; width: 910px; height: 30px; text-align: left; }
div#bg {  margin-left: auto; margin-right: auto; padding-left:5px; width: 910px; background: url(indeximg/bg.gif) repeat-y left top; text-align: left; }

div#container { width: 900px; text-align: left; }

div#header { margin-left: 0px; width: 900px; height: 65px; }
div#header h1 { margin-top: -30px; margin-right: 15px; color: #666; font-size: 12px; line-height: 150%; text-align: right; }
div#header img { margin-left: 15px; }

div#menu { width: 870px; text-align: left;}
div#menu ul { width: 870px; margin-left: 15px; padding: 0;}
div#menu li { float: left; list-style: none; width: 145px; height: 35px;}

div#topimg { margin: 0px 15px; }


/**----------------------------------- content **/

div#content { width: 870px; margin-left: 15px; }

/**----------------------------------- left **/

div#left { float: left; width: 250px; margin-top: 15px;}
.left_box { background: #f5f8e0;}
.left_top div { background: url(indeximg/left_tl.png) no-repeat top left;}
.left_top { background: url(indeximg/left_tr.png) no-repeat top right;}
.left_bottom div { background: url(indeximg/left_bl.png) no-repeat bottom left;}
.left_bottom { background: url(indeximg/left_br.png) no-repeat bottom right; }
.left_top div, .left_top, .left_bottom div, .left_bottom { width: 100%; height: 10px; font-size: 1px;}
.left_content { margin: 0 5px; }

.left_img { margin: 0px 0px 10px 0px;}

.left_c { width:240px; height: 80px; background: url(indeximg/left_banner_bg6.gif) no-repeat left top; margin: 0px 0px 10px 0px; }
.left_c_l { width: 70px; float: left;}
.left_c_l img { margin: 6px; padding: 1px; border: 1px solid #CCC;}
.left_c_r { width: 155px; float: right; margin-left: 3px;}
.left_c_r h2 { font-size: 12px; color: #666; background: url(indeximg/left_banner_marker.gif) no-repeat left center; text-indent: 1.3em; margin: 10px 0px 5px 0px ;}
.left_c_r p { font-size: 10px; width: 150px; padding: 0; margin: 0; line-height: 140%;}

.left_c2 { width:240px; height: 170px; background: url(indeximg/left_ad_bg4.gif) no-repeat left top; margin: 0px 0px 10px 0px; }
.left_c2_l { width: 70px; float: left;}
.left_c2_l img { margin-top: 5px; margin-left: 6px; padding: 1px; border: 1px solid #CCC;}
.left_c2_r { width: 155px; float: right; margin-left: 3px;}
.left_c2_r h2 { font-size: 12px; color: #666; background: url(indeximg/left_banner_marker.gif) no-repeat left center; text-indent: 1.3em; margin: 10px 0px 5px 0px ;}
.left_c2_r p { font-size: 10px; width: 145px; padding: 0; margin: 0; line-height: 140%;}

div#left_ad { width:240px; height: 170px; background: url(indeximg/left_ad_bg4.gif) no-repeat left top; margin: 0px; font-size: 12px; line-height: 150%; }
div#left_ad dl { margin: 0 15px; padding-top: 10px;}
div#left_ad dt { font-weight: bold; color: #666; background: url(indeximg/left_ad_marker.gif) no-repeat left center; text-indent: 1.3em; }
div#left_ad dd { margin: 7px 0; list-style: none; }



 

/**----------------------------------- center **/

div#center { width: 620px; margin-top: 15px; float: right; text-align: left; }

div#center_top { width: 605px; margin-left: 15px; }

div#center_text_top { width: 605px; height: 10px; background: url(indeximg/new_bg_top.gif) no-repeat left top; }
div#center_text_body { width: 605px; background: url(indeximg/new_bg_body.gif) repeat left top; margin-top: 0px;}
div#center_text_bottom { width: 605px; height: 20px; background: url(indeximg/new_bg_bottom.gif) no-repeat left top; }

div#center_text_c { margin-left: 15px; font-size: 12px;}
div#center_text_c h2 { font-size: 12px; color: #4F6D00; text-indent: 1.1em; background: url(indeximg/new_marker.gif) no-repeat left center; margin: 0px 0px 5px 0px ; }
div#center_text_c p { padding: 10px 15px 0px 0px; line-height: 150%; margin: 0; background: url(indeximg/new_bar.gif) no-repeat left top; }

div#navi { width: 605px; margin-left: 15px; margin-top: 15px;}
div#navi a:link { color: #4F6D00; }
.navi_c { float: left; width:295px; height: 100px; background: url(indeximg/center_navi_bg2.gif) no-repeat left top; margin: 0px 5px 15px 0px; padding: 0;}
.navi_c_l { width: 80px; float: left;}
.navi_c_l img { margin-top: 10px; margin-left: 10px; padding: 1px; border: 1px solid #CCC;}
.navi_c_r { width: 200px; float: right; margin-left: 5px;}
.navi_c_r h2 { font-size: 12px; color: #666; background: url(indeximg/left_banner_marker.gif) no-repeat left center; text-indent: 1.4em; margin: 12px 0px 5px 0px ;}
.navi_c_r p { font-size: 10px; width: 190px; padding-top: 5px; margin: 0; line-height: 140%;}

div#news { width: 605px; margin-left: 15px; margin-top: 15px; font-size: 12px;}

div#news_top { width: 605px; height: 10px; background: url(indeximg/new_bg_top.gif) no-repeat left top; }
div#news_body { width: 605px; background: url(indeximg/new_bg_body.gif) repeat left top; margin-top: 15px;}
div#news_bottom { width: 605px; height: 20px; background: url(indeximg/new_bg_bottom.gif) no-repeat left top; }

div#news_c { margin-left: 15px; }
div#news_c dl { padding: 10px 0px ; line-height: 140%; margin: 0; background: url(indeximg/new_bar.gif) no-repeat left bottom; }
div#news_c dt { text-indent: 1.3em; background: url(indeximg/new_marker.gif) no-repeat left center; margin: 0px; font-weight: bold; color: #333; }
div#news_c dd { margin: 0; padding: 10px 15px 0px 0px; }
div#news_c p { padding: 10px 15px 0px 0px; line-height: 150%; margin: 0; background: url(indeximg/new_bar.gif) no-repeat left bottom; }
div#news_c strong { color: #4F6D00; }
div#news_c img { padding: 2px; border: 1px solid #CCC; float: right; margin-right: 15px; background: #FFF; }

div#news_s { width: 605px; margin-left: 15px; margin-top: 15px; font-size: 12px;}

div#news_top_s { width: 605px; height: 10px; background: url(indeximg/new_n_top.gif) no-repeat left top; }
div#news_body_s { width: 605px; background: url(indeximg/new_n_body.gif) repeat left top; margin-top: 15px;}
div#news_bottom_s { width: 605px; height: 20px; background: url(indeximg/new_n_bottom.gif) no-repeat left top; }

div#news_c_s { margin-left: 15px; }
div#news_c_s dl { padding: 10px 0px ; line-height: 140%; margin: 0; background: url(indeximg/new_bar.gif) no-repeat left bottom; }
div#news_c_s dt { text-indent: 1.3em; background: url(indeximg/left_banner_marker.gif) no-repeat left center; margin: 0px; font-weight: bold; color: #4F6D00; }
div#news_c_s dd { margin: 0; padding: 10px 15px 0px 0px; }
div#news_c_s p { padding: 10px 15px 0px 0px; line-height: 150%; margin: 0; background: url(indeximg/new_bar.gif) no-repeat left bottom; }
div#news_c_s strong { color: #4F6D00; }
div#news_c_s img { padding: 2px; border: 1px solid #CCC; float: right; margin-right: 15px; background: #FFF; }
div#news_c_s a:link { color: #4F6D00; }

/**----------------------------------- footer **/

div#footer { width: 870px; height: 150px; font-size: 12px; background: url(indeximg/footer_bg.gif) no-repeat left top; margin: 15px 15px 0px 15px;}
div#footer ul { width: 870px; padding: 15px 0px;}
div#footer li { list-style: none; float: left; text-indent: 1.5em; margin-left: 5px; background: url(indeximg/f_marker.gif) no-repeat left center; }
div#footer p { margin-top: 15px; margin-left: 10px; font-size: 11px; color: #666;}

div#qr { font-size: 12px; line-height: 150%; margin: 20px 0px 15px 0px; }
div#qr img { float:left; margin: 0px 5px; border: 1px solid #CCC;}
div#qr h2 { font-size: 12px; color: #666; margin: 0px 0px 10px 8px; }
div#qr p { margin: 0px 8px;}

  
div#footer a:link { color: #666; text-decoration: none; }
div#footer a:visited { color: #999; text-decoration: none; }


div#bg_bottom { margin-left: auto; margin-right: auto; padding-left:5px;  background: url(indeximg/bg_bottom.gif) repeat-y left top; width: 910px; height: 30px; text-align: left; }