@charset "Shift_JIS";

/* ------ 全体構造 ------ */
html{ background: url(images/bg_html.gif) repeat-y top left; margin: 0; padding: 0;}

h1{ display:none;}

body { padding: 0 7px; margin: 0; text-align:left;}

td{ vertical-align:center;}

#maincontarea{ width:907px;}

#header{ padding: 43px 13px 5px 13px; background: url(images/bg_header.gif) repeat-y top left;}
#h_navi { font-size: 9px; color:#999999; margin: 0; padding: 0;}
#h_navi a{ background: url(images/bg_h_navi_off.gif) repeat-x top left; text-decoration:none; padding: 5px 10px 0 0; color:#999999; margin-right:4px;}
#h_navi span, #h_navi a:hover { padding: 5px 10px 0 0; background: url(images/bg_h_navi_on.gif) repeat-x top left; margin-right:4px;}

#subcontarea_g{ background: url(images/bg_sbarea.gif); width:907px; padding: 20px 0; clear:both; color:#ffffff;}
#subcontarea{ background: url(images/bg_sbarea22.gif); width:907px; padding: 20px 0; clear:both; color:#CCCCCC;}
#subcontarea_w{ background: url(images/bg_subcontarea_w.gif) repeat-y top left; width:907px; padding: 20px 0; clear:both; margin: 0 0 3px 0;}
#subcontarea_w2{ width:907px; padding: 20px 0; clear:both; margin: 0 0 3px 0; background:#ffffff;}
#subcontarea_w3{ background: url(images/bg_subcontarea_w2.gif) repeat; width:907px; padding: 20px 0 10px 0; margin: 0 0 0 0; clear:both;}

#u_contents{ width:907px; padding: 24px 0; clear:both;}
.l_area{ width:418px;}
.sl_area{ width:165px;}
.sl2_area{ width:253px;}
.c_area{ width:255px;}
.r_area{ width:234px;}
.slhead_area{ width:226px; padding:5px 0;}
.slhead2_area{ width:229px; padding:5px 0;}
.slbody_area{ width:210px; text-align:right; padding:5px 0;}
.slbody2_area{ width:243px; padding:5px 0;}

#subcontarea_g .l_area p, #subcontarea_g .c_area p, #subcontarea_g .r_area p{ margin:0px 15px 8px 15px; padding: 0; font-size:76%;} 
#subcontarea_g .c_area h3, #subcontarea_g .r_area h3{ margin: 10px 14px; font-size:80%; color:#ffffff; border-bottom:double 3px #ffffff; padding-bottom:2px;} 

#subcontarea .c_area h3{ margin:0px 10px 10px 10px; font-size:86%; color:#FFFF00; border-bottom:double 3px #ffcc00; padding-bottom:2px;}
#subcontarea .c_area p{ margin:0px 15px 8px 15px; padding: 0; font-size:76%; color:#ffffff;}
#subcontarea .r_area h3{ margin:0px 10px 10px 10px; font-size:86%; color:#FFFF00; border-bottom:double 3px #ffcc00; padding-bottom:2px;}
#subcontarea .r_area p{ margin:0px 15px 8px 15px; padding: 0; font-size:76%; color:#ffffff;}


/*テキスト置換関係*/
#rogo_volks{ background: url(images/rogo_volks.gif) no-repeat top left; text-indent:-999em; width:263px; height:40px; display:block; margin: 0 0 10px 24px; padding: 0;}
#rogo_volks a{ width:263px; height:40px; display:block; text-decoration:none;}
#u_contents .l_area p{ background: url(images/txt_copyright.gif) no-repeat top left; text-indent:-999em; width:331px; height:33px; display:block; margin: 10px 0 0 24px; padding: 0;}

#u_contents .c_area h3{ background: url(images/stt_tetsuya.gif) no-repeat top left; text-indent:-999em; width:181px; height:11px; display:block; margin:0px 0 0 15px; padding:0px;} 
#u_contents .c_area p { margin:5px 15px; font-size:76%; color:#666666;}
#u_contents .r_area p { margin:5px 15px; font-size:76%; color:#666677;}

.cont_box{ margin: 0 18px 0 10px;}
.cont_box_tube{ margin: 0 0 0 30px;}
