body {
margin: 0;
padding: 0;
color: #ffffff;
/* background-color: #FFFFFF; */
background-image: url(img/bodybg.gif);
}

a { text-decoration: none; }
a:link { color: #CC3333; }
a:visited { color: #CC6666; }
a:hover { color: #ff00ff; }
a:active { color: #CC0000; }

#allarea {
position: absolute;
left: 50%;
margin-top: 25px;
margin-left: -380px;
width: 760px;
height: 620px;
/* border: 1px #CC0000 solid; */
background-image: url(img/bg.jpg);
}

/* ************************* 内部マス ************************* */

#rlrl{
width: 760px;
height: 600px;
border-bottom: 1px #CC0000 solid;
}

.leftarea {
float: left;
width: 380px;
height: 600px;
}

.rightarea {
float: right;
width: 380px;
height: 600px;
}

.r1 {
float: left;
width: 350px;
height:340px;
padding: 60px 15px 10px 15px;
line-height: 1.3em;
}
.r2 {
float: left;
width: 317px;
height:54px;
padding: 26px 30px 10px 33px;
color: #CC0000;
line-height: 1.2em;
}
.r3 {
float: left;
width: 215px;
height:56px;
padding: 4px 30px 10px 135px;
}
.r1, .r2, .r3 {
font-size: 13px;
}

#footer {
width: 760px;
height: 14px;
text-align: center;
background-image: url(img/copyrightbg.gif);
font-size: small;
padding: 3px 0;
color: #ffffff;
}


/* ************************* hxタグの設定 ************************* */
h1, h2, h3 {
font-size: 100%;
margin: 0;
}


/* ********************* ページ下部のページ上部へ戻るリンク ********************* */

#toplink {
width: 750px;
height: 13px;
text-align: right;
font-size: 80%;
padding: 5px;
background-color: #ffffff;
border-top: 1px #CC0000 dotted;
}

/* ********************* mailtoリンク ********************* */

a.mail:link { color: #ffffff; }
a.mail:hover { color: #ffffcc;text-decoration: underline; }
a.mail:visited { color: #ffffff; }
a.mail:active { color: #999999; }