body,h1,h2,h3,h4,p,dt,dd{ margin: 0; padding: 0;}
body{ background: #FF3; font-family:"Hiragino Kaku Gothic Pro","Meiryo","MS Gothic"; font-size: 0.9em; line-height: 1.5;}
img{ border: none;}

#wrap{ width: 800px; margin: 0 auto;}
h1{ height: 120px; background: url(../images/title.png) no-repeat; font-size: 1em; text-indent: -9999px;}
h2{ height: 30px; background: url(../images/catch.png) no-repeat; font-size: 1em; text-indent: -9999px;}

#main-contents{ padding: 20px 20px 0; background: url(../images/photo.jpg) no-repeat 450px 80px;}
#left-contents{ float: left; width: 400px; margin: 0 0 20px;}
#right-contents{ float: right; width: 310px;}
#l-r{ position: relative; clear: both; top:-20px;}

.text01{ width: 334px; height: 60px; margin: 30px 0 20px; background: url(../images/test01.png) no-repeat; text-indent: -9999px;}
.point-01{ width: 287px; height: 100px; background: url(../images/advice-01.png) no-repeat; text-indent: -9999px;}
.point-02{ float: left; width: 287px; height: 120px; background: url(../images/advice-02.png) no-repeat; text-indent: -9999px;}
.point-03{ float: right; width: 287px; height: 140px; margin: -20px 20px 0 0; background: url(../images/advice-03.png) no-repeat; text-indent: -9999px;}
.text-02{ width: 260px; height: 120px; padding: 10px; background: #FFE438;}
.text-02 dt{ color: #CC3300;}
.bbs{ width: 287px; margin: 280px 0 50px 50px;}
.entry{ clear: both; width: 200px; height: 36px; background: url(../images/entry.png) no-repeat; text-indent: -9999px;}
#footer{ margin: 0 20px; padding: 10px 0 20px; border-top: 1px solid #666;}
#footer p{ margin: 0 24px; }
#footer span{ display: inline-block; width: 4.2em;}