* { margin:0pt; padding:0pt; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, 
{ border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
body { background:#ebebeb url(../img02/body_back.gif) repeat-x top; color:#333333; font-family: Verdana,'qMmpS Pro W3','Hiragino Kaku Gothic Pro','lr oSVbN',sans-serif; font-size: 12px; text-align: center; line-height: 1; }
hr { clear:both; display:none; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table { border-collapse: collapse; border-spacing: 0; }
a { border: medium none ; text-decoration: none; outline-color: invert; outline-style: none; outline-width: medium; }
a:hover { text-decoration: underline; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }
.clearfix:after { content: url(../img02/sp.gif); display: block; clear: both; height: 0; }

/* wb_*/
#header { width:801px; margin-left:auto; margin-right:auto; margin-top:6px; background:url(../img02/head_back.gif) no-repeat top left; height:64px; position:relative; }
.treelogo {	position:absolute; left: 13px; top: 6px; }
.treelogo span { display:none; }
.reqbox { height:12px; position:absolute; left: 721px; top: 45px; background:url(../img02/boxdash_a.gif) no-repeat center left; text-align:left; padding:2px 0 0 0; }
.req { padding:0 0 0 15px; font-size: 8px; }
.req a { text-decoration:none; color:#333333; }
.req a:hover { text-decoration: underline; }

/* Rec */
#contents { width:801px; margin: auto; background:url(../img02/cont_back.gif) no-repeat top left; text-align:left; }
#contents_box { width:800px; margin:0 0 0 1px; background:#ffffff url(../img02/cont_back_r.gif) no-repeat top right; position:relative; }

#menu {	position: absolute; left: 0px; top: 0px; width: 800px; height: 35px; }
#menu li { float: left; list-style-type: none; list-style-image: none; list-style-position: outside; height: 35px; margin-right: 0px; }
#menu span { display:none; }

a#menu01:link, a#menu01:visited { background: transparent url(../img02/menu.gif) no-repeat 0px 0px; text-decoration: none; width: 103px; height: 35px; display: block; }
a#menu01:hover, a#menu01:active { background-position: 0px -35px; text-decoration: none; }
a#menu02:link, a#menu02:visited { background: transparent url(../img02/menu.gif) no-repeat -103px 0px; text-decoration: none; width: 233px; height: 35px; display: block; }
a#menu02:hover, a#menu02:active { background-position: -103px -35px; text-decoration: none; }
a#menu03:link, a#menu03:visited { background: transparent url(../img02/menu.gif) no-repeat -336px 0px; text-decoration: none; width: 137px; height: 35px; display: block; }
a#menu03:hover, a#menu03:active { background-position: -336px -35px; text-decoration: none; }
a#menu04:link, a#menu04:visited { background: transparent url(../img02/menu.gif) no-repeat -473px 0px; text-decoration: none; width: 223px; height: 35px; display: block; }
a#menu04:hover, a#menu04:active { background-position: -473px -35px; text-decoration: none; }
a#menu05:link, a#menu05:visited { background: transparent url(../img02/menu.gif) no-repeat -696px 0px; text-decoration: none; width: 104px; height: 35px; display: block; }
a#menu05:hover, a#menu05:active { background-position: -696px -35px; text-decoration: none; }

#cont_area { width:800px; padding: 35px 0 0 0; text-align:center; }

#h2box01 { width:800px; background: transparent url(../img02/h2_01.jpg); height:56px; }
#h2box01 span { display:none; }

#h2box02 { width:800px; background: transparent url(../img02/h2_02.jpg); height:56px; }
#h2box02 span { display:none; }

.free_logo { position:absolute; left: 689px; top: 80px; }

#contbody { width:720px; margin: auto; padding:30px 0 66px 0; }
#contbody@h3 { font-size:14px; color:#333333; }
.h3box { width:705px; background: transparent url(../img/blueboxtaller.gif) no-repeat 0px 1px; padding-left:15px; text-align:left; }
.h3bar { width:720px; padding:5px 0 32px 0; }
.h3bar01 { width:720px; padding:5px 0 15px 0; }

.contbox01 { width:720px; padding:0 0 0 0; }
.contbox02 { width:720px; padding:0 0 46px 0; clear:both; }
.contbox03 { width:720px; padding:0; }

.img_txt01 { float:right; width:400px; padding:34px 0 0 0; line-height:140%; text-align:left; }
.img_box01 { float:left; width:298px; padding:0 0 40px 0; }
.img_txt02 { width: 678px; height:42px; text-align:center; margin: auto; padding:8px 0 0 0; }
.img_txt02 li { float: left; list-style-position: outside; height: 42px; display: block; text-align:left; }
.img_des01 { width: 130px; }
.img_des02 { width: 130px; padding-left:52px; }

.pbox01 { text-align:left; line-height:140%; }
.pbox02 { text-align:left; line-height:140%; font-size:10px; padding:10px 0 0 0; }
.pbox01 a { color:#38478f; }

/* tb^j[ */
#footmanu_box { width:801px; text-align:center; margin: auto; padding-top:25px; }
#footmanu_box a { text-decoration:none; color:#333333; }
#footmanu_box a:hover { text-decoration:underline; }
.footmanu_box_u { padding-bottom: 10px; }
.footmanu_txt { border-right: 1px solid #333333; padding: 0px 5px; margin: 0px; color:#333333; }

/* tb^ */
#foot { width:801px; margin: auto; padding:70px 0; font-size:10px; }
