* { margin:0; padding:0;}
body { background:#fff; font-family:Arial; font-size:100%; line-height:1em;} /* color:#336;color:#949494; */
#header, #content, #footer{ font-size:0.75em;}
a {color:#0099FF;}
a:hover {text-decoration:none;color:red;}
a img{border:none;}

.clear { clear:both; }
.wrapper { width:1002px; overflow:hidden;margin:0 auto 0 auto;}
h3 {padding:4px 4px 4px 4px;}
#header { width:1000px;}
#header div#title {float:left;padding:10px 0 0 10px;width:150px;}
#header div#txt-title {float:left;width:835px;text-align:right;}

/*#header div.link {clear:both;width:100%;padding-bottom:4px;text-align:right;border-bottom:solid 3px #00cc66;}height:30px;background:url(../img3/head-bg4.gif) repeat-x;*/
#header div.link {clear:both;width:100%;height:24px;background:url(../img3/obj_hed1.gif) repeat-x 0px 2px ;padding-top:0px;text-align:right;border-top:dotted 1px #CCCCCC;}

#header div.link a {float:right;display:block;width:auto;height:22px;background:url(../img3/bt_notitle_off.gif) no-repeat 0px 2px ;padding:2px 16px 0px 16px;font-size:12px;color:white;text-decoration:none;line-height:22px;}
#header div.link a:hover {background:url(../img3/bt_notitle_on.gif) no-repeat 0px 2px ;}

/*=== CONTENT ===*/
#content { width:1000px;}

/*#content div.bnr {border-bottom:solid 1px #da5341;border-right:solid 1px #da5341;background:url(../img3/bnr-bg.jpg) repeat-x;color:#fff;;font-weight:bold;padding-left:24px;height:24px;}*/
#content div.bnr_o,#content div.bnr_g {display:block;height:24px;font-size:12px;padding:0px 0px 0px 24px;border:solid 1px #cccccc;background:url(../img3/obj_ba2_left.gif) no-repeat #ffebd6;color:#ffae37;font-weight:bold;line-height:24px;margin:0px 0px 2px 0px;}
#content div.bnr_o {background:url(../img3/obj_ba2_left.gif) no-repeat #ffebd6;color:#ffae37;}
#content div.bnr_g {background:url(../img3/obj_ba3_left.gif) no-repeat #F0F0E0;color:#006600;}


#col-1, #col-2, #col-2i, #col-3, #col-1-2 { float:left;} /*border:solid 1px black;*/

#col-1 { width:200px; padding:8px 8px 8px 0;}
#col-1 .col { width:186px; padding:4px 4px 4px 8px;border:dotted 1px #6699cc; background:#f3f3f3;}/*background:url(../img3/col-bg.jpg) repeat-x 0px 100px;*/
#col-1 .col img{ width:40px; float:left;padding-right:4px;}
#col-1 .col a{ padding:0px 6px 4px 18px;background:url(../img3/p_yellow.gif) no-repeat;line-height:1;}
#col-1 .col a:hover {background:url(../img3/p_orenge.gif) no-repeat;}


#col-2, #col-2i { width:580px; padding:8px 8px 8px 0;}
#col-2 .col, #col-2 .col-sec, #col-2i .col, #col-2i .col-sec { margin:2px 0px 2px 0px;padding:8px 8px 8px 8px;border:solid 1px #cccccc;}
#col-2 .col-sec, #col-2i .col-sec { background:#F0F0E0;}
#col-2i .col img, #col-2i .col-sec img{ float:left;padding-right:4px;}
#col-2 .col .article, #col-2 .col-sec .article, #col-2i .col .article, #col-2i .col-sec .article{ float:left;padding:0px 4px 4px 4px;}/*width:460px;*/
#col-2i .col .article, #col-2i .col-sec .article{ width:460px; }
#col-2 .col .article h4, #col-2 .col-sec .article h4, #col-2i .col .article h4, #col-2i .col-sec .article h4{ background:url(../img3/obj_ba3_left.gif) no-repeat;padding:0px 4px 0px 26px;margin:0;line-height:26px;color:#006600;}

#col-3 { width:200px; padding:8px 0px 8px 0;}
#col-3 img { margin:8px 0 8px 16px;}

#col-1-2 { width:788px; padding:8px 8px 8px 0;} /*788*/
#col-1-2 .col { margin:2px 0px 2px 0px;padding:8px 8px 8px 8px;border:dotted 1px #6699cc; background:#f3f3f3;}
#col-1-2 .col h4{ background:url(../img3/obj_ba3_left.gif) no-repeat;padding:0px 4px 0px 26px;margin:0;line-height:26px;color:#006600;}

/*==================list====================*/
ul { list-style:none;}
.list1 li { background:url(../img3/p_maru.gif) no-repeat left 2px; padding: 0 0 12px 22px;}
/* #col-1 .col .list1 li {color:green;} */
.list2 li { background:url(../img3/marker_blue.gif) no-repeat left 2px; padding: 0 0 12px 22px;}
.list3 li { background:url(../img3/bullet.jpg) no-repeat left 2px; padding: 0 0 12px 22px;}
.list4 li { background:url(../img3/marker_red.jpg) no-repeat left 2px; padding: 0 0 12px 22px;}


#footer { clear:both;width:1000px; height:50px;padding:4px 0 0 0;text-align:right;border-bottom:4px solid #cccccc;border-top:1px dotted #6699cc;background:url(../img3/nobe-logo.gif) no-repeat 8px 8px;font-size:70%;}
#footer div.link a {padding:0px 6px 4px 18px;background:url(../img3/p_yellow.gif) no-repeat;line-height:1;}
#footer div.link a:hover {background:url(../img3/p_orenge.gif) no-repeat;}


/* FORM */
/* input:focus {border:solid 1px red;} */
input.submit {margin:2px 0px 4px 0px;padding:0px 6px 0px 6px;letter-spacing:4px;color:white;background:#0033ff;line-height:16px;font-size:12px;font-weight:bold;}
form dt { background:url(../img3/obj_ba3_left.gif) no-repeat;padding:0px 4px 0px 26px;margin:0;line-height:26px;color:#006600;}
form dd {padding:8px 0 8px 0;}
form dd p {padding:4px 0 4px 8px;color:#FF6600;}
form div.error  {padding:4px 0 4px 8px;color:#FF0000;}

/* == button == */
.syosai { clear:both;width:100%;}
.syosai a{ float:right;display:block;width:90px;height:18px;background:url(../img3/con_syousai.gif) no-repeat;color:#ffcc00;text-decoration:none;text-indent:2px;font-size:2px;}
.syosai a:hover{ background:url(../img3/con_syousai_f2.gif) no-repeat;color:#ff9900;}

.toroku { clear:both;width:100%;}
.toroku a{ float:right;display:block;width:100px;height:18px;background:url(../img3/con_touroku.gif) no-repeat;color:#73C564;text-decoration:none;text-indent:4px;font-size:2px;line-height:6px;}
.toroku a:hover{ background:url(../img3/con_touroku_f2.gif) no-repeat;color:#5FAF51;}