/* INDEX STYLE */
* {margin: 0;padding: 0;}
html {background: white url("../images/title/bg2.gif");color: black;}
body {text-align: center;font: 80%/1.2 Verdana, Arial, Helvetica, sans-serif;}
html > body {font-size: 13px;}
a {font-weight: bold;text-decoration: underline;color: black;}
a:hover {text-decoration: none;}

#bg {width: 100%;height: 581px;background: white url("../images/title/bg.jpg") repeat-x;position: absolute;top: 0;left: 0;}
.margin_box {width: 515px;margin: 0 auto;text-align: left;padding: 60px 0;position: relative;z-index: 1;}
h2 {font-size: 100%;height: 25px;margin-bottom: 3px;}
h2 span {display: block;position: absolute;height: 25px;}

#box1, #box2, #box3 {width: 515px;padding-left: 6px;font-size: 80%;position: relative;}
.margin_box [id=box1], .margin_box [id=box2], .margin_box [id=box3] {width: 509px;}
p {padding: 1px 0;}

#box1 {height: 156px;padding-top: 36px;background: url("../images/title/box1.gif") no-repeat;}
[class=margin_box] #box1 {height: 120px;}
#box1 h2 span {width: 361px;background: url("../images/title/h2_box1.gif") no-repeat;}

#box2 {height: 151px;padding-top: 30px;background: url("../images/title/box2.gif") no-repeat;}
[class=margin_box] #box2 {height: 121px;}
#box2 h2 span {width: 171px;background: url("../images/title/h2_box2.gif") no-repeat;}

#box3 {height: 149px;padding-top: 30px;background: url("../images/title/box3.gif") no-repeat;}
[class=margin_box] #box3 {height: 119px;}
#box3 h2 span {width: 171px;background: url("../images/title/h2_box3.gif") no-repeat;}

.continue {position: absolute;right: 5px;top: 100%;margin-top: -35px;width: 133px;height: 27px;margin-right: 5px;cursor: pointer;}
.continue span {width: 133px;height: 27px;display: block;position: absolute;}
#box1 .continue span {background: url("../images/title/continue1.gif") no-repeat;}
#box2 .continue span {background: url("../images/title/continue2.gif") no-repeat;}
#box3 .continue span {background: url("../images/title/continue3.gif") no-repeat;}

.margin_box #box1 .continue:hover span,
.margin_box #box2 .continue:hover span,
.margin_box #box3 .continue:hover span {background-position: 0 -27px;}

#footer {width: 427px;height: 21px;background: url("../images/title/footer.gif") no-repeat;margin: 1px 0 0 42px;font-size: 80%;color: white;}
#footer .gray {color: #868686;}
#footer p {padding: 3px 0 0 0;margin: 0;text-align: center;}
#footer p a { color: #fff; }

.fl { float: left; }
.box1_admin { position: relative; top: -25px; left: 20px; }
.box2_admin { position: relative; top: -30px; left: 20px; }
.box3_admin { position: relative; top: -35px; left: 20px; }
.footer_admin { position: relative; top: -15px; left: -20px; }