@charset "UTF-8";


/* -------------------------------------------------------------- contenta--title */

#contents_body h2#body_top{
 background-image: url(../img/title.jpg);
 background-repeat: no-repeat;
}


/* -------------------------------------------------------------- header--navi */

a.navi01{ background-position:      0 -50px; width: 190px; } /* 無料調査について */


/* -------------------------------------------------------------- contents--menu */

a.menu01{ background-position: -237px 0; }


/* -------------------------------------------------------------- layout--contents */

#contents_body h3{ /* h3 reset */
 padding: 0;
}

#contents_body div.hatena{
 width: 677px;
 height: 266px;
 margin: 8px 19px;
 position: relative;
}

#contents_body div.hatena #left{
 width: 265px;
 height: 171px;
 position: absolute;
 top: 13px; left: 6px;
 background: url(../img/sec_hatena01.gif) no-repeat 0 0;
}

#contents_body div.hatena #right{
 width: 375px;
 height: 181px;
 position: absolute;
 top: 13px; left: 291px;
 background: url(../img/sec_hatena02.gif) no-repeat 0 0;
}

#contents_body div.hatena #under{
 width: 677px;
 height: 72px;
 position: absolute;
 bottom: 0; left: 0;
 background: url(../img/sec_hatena03.jpg) no-repeat 0 0;
}

#contents_body div.hatena #left span,
#contents_body div.hatena #right span,
#contents_body div.hatena #under span{
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

#contents_body div.must{
 width: 677px;
 height: 354px;
 margin: 26px 19px 8px ;
}

#contents_body div.must #must_top{
 width: 677px;
 height: 63px;
 background: url(../img/sec_must01.gif) no-repeat 0 0;
}

#contents_body div.must #must_middle{
 width: 677px;
 height: 180px;
 background: url(../img/sec_must02.gif) no-repeat 0 0;
}

#contents_body div.must #must_bottom{
 width: 677px;
 height: 111px;
 background: url(../img/sec_must03.gif) no-repeat 0 0;
}

#contents_body div.must #must_top span,
#contents_body div.must #must_middle span,
#contents_body div.must #must_bottom span{
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

#contents_body div.flow{
 width: 677px;
 margin: 0px 19px 14px ;
 background: url(../img/sec_must04.jpg) no-repeat 0 0;
}

#contents_body div.flow a{
 width: 677px;
	height: 110px;
 display: block;
}

#contents_body div.flow a:hover{
 background: url(../img/sec_must04_on.jpg) no-repeat 0 0;
}

#contents_body div.flow a span{
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}