@charset "utf-8";
/* CSS Document */

/*\*/ a { overflow: hidden; }/**/

/*----clearfix_type1----*/
.clearFix{zoom:1; }
.clearFix:after{content:"."; display:block; height:0px; clear:both; visibility:hidden; }

hr{ display:none;}

.h3_title{ background-image: url(../img/title_bar.gif); background-repeat: no-repeat; background-position: right top; font-size: 18px; margin: 0px; padding: 5px; color: #FFFFFF; }

.h4_title{ margin:10px 0 5px 10px; clear:both;}

.base1{ margin: 5px 10px 10px 10px; padding: 2px; font-size: 12px; color: #333333; line-height: 1.5em; }

.ul_base1{ margin: 5px 10px 10px 30px; padding: 2px; font-size: 12px; color: #333333; line-height: 1.5em; list-style-type: disc; }
.ul_base1 li{ padding-bottom: 15px; }
.ol_base1{ margin: 5px 10px 10px 30px; padding: 2px; font-size: 12px; color: #333333; line-height: 1.5em; list-style-type: decimal; }
.ol_base1 li{ padding-bottom: 15px; }
.ul_base2{ margin: 5px 10px 10px 30px; padding: 2px; font-size: 12px; color: #333333; line-height: 1.5em; list-style-type: disc; }
.ul_base2 li{ padding-bottom: 2px; }



#midashi_cp{ font-size: 1px; background-image: url(../img/midashi_cp.gif); background-repeat: no-repeat; background-position: 10px 10px; height: 55px; text-indent: -9999em; }

.img_right{ float: right; margin-left: 10px; }
.img_right2{ float: right; margin:20px 0 0 10px; }
.img_left{ float: left; margin:0 10px 10px 15px; }

.font08{ font-size: 8px!important; }
.font10{ font-size: 10px!important; }
.col_red{ color:#c00;}
.col_blue1{color: #00f;}
.col_blue2{color: #06c;}
.col_white{ color:#fff;}
.col_black{ color:#000;}
.col_bk_orange1{ background-color: #FF9B16; }
.col_bk_orange2{ background-color: #FFC729; }
.col_bk_green1{ background-color: #84B314; }
.col_bk_green2{ background-color: #A8D32C; }
.col_bk_pink1{ background-color: #FFECF5; }

.wid75{ width:75px;}
.td20{ width:20%;}
.td40{ width:40%;}

.text_right{ text-align:right;}
.text_center{ text-align:center;}

.usFlo{ clear:both;}
.usFlo p{ margin: 5px 10px 10px 10px; padding: 2px 2px 2px 160px; font-size: 12px; color: #333333; line-height: 1.5em; }
.usFlo img{ float: left; margin:2px 0 10px 15px; }

.tabl1{ border-collapse:collapse; border:#666 solid 2px; margin:0 0 20px 0; width:540px;}
.tabl1 td{ border:#666 solid 1px; padding:4px; text-align: center; vertical-align: middle; }

.tabl2{  margin:10px 0 20px 0; width:570px; border-collapse: collapse;}
.tabl2 td{ border-collapse:collapse; border:#ccc solid 1px;}

#title_about{ width:540px; height:70px; background-image:url(../img/title_about001.gif); background-repeat:no-repeat; font-size:1px; text-indent:-9999em; padding-bottom:20px;}
#title_red{ width:540px; height:114px; background-image:url(../img/title_red.gif); background-repeat:no-repeat; font-size:1px; text-indent:-9999em; padding-bottom:20px;}
#title_gre{ width:540px; height:110px; background-image:url(../img/title_gre.gif); background-repeat:no-repeat; font-size:1px; text-indent:-9999em; padding-bottom:20px;}
#img_about001{ width:540px; height:233px; background-image:url(../img/img_about001.gif); background-repeat:no-repeat; font-size:1px; text-indent:-9999em; padding-bottom:20px;}

.hr_red{ width:100%; height:2px; background-color:#FF6600; font-size:1px; margin:20px 0 20px 0;}
.hr_green{ width:100%; height:2px; background-color:#339900; font-size:1px; margin:20px 0 20px 0; }

.about_table { width:560px; margin: 0 0 20px 0; padding: 0px; border:none; border-collapse: collapse; }
.about_table h4{ margin-left:2px; }
.table_top_red { background-image:url(../img/waku__about_red1.gif); background-repeat:no-repeat; width:265px; height:54px; }
.table_back_red { background-image:url(../img/waku__about_red2.gif); background-repeat:repeat-y; width:265px;}
.table_back_gre { background-image:url(../img/waku__about_gre2.gif); background-repeat:repeat-y; width:265px;}

.bnt_red { width:202px; margin:auto;}
.bnt_red a{ display:block; font-size:1px; text-indent:-9999em; width:202px; height:56px; background-image:url(../img/btn_user001.gif); background-repeat:no-repeat;}
.bnt_red a:hover{ background-image:url(../img/btn_user001o.gif); background-repeat:no-repeat;}

.bnt_gre { width:202px; margin:auto;}
.bnt_gre a{ display:block; font-size:1px; text-indent:-9999em; width:202px; height:56px; background-image:url(../img/btn_user002.gif); background-repeat:no-repeat;}
.bnt_gre a:hover{ background-image:url(../img/btn_user002o.gif); background-repeat:no-repeat;}