body {
background: #eeeeee url(images/bg.gif) repeat-y center center; 
width: 100%;
height: 100%;
margin:0;
padding:0;
}

body, table {
color: #6471A0;
font-family: verdana;
font-size: 11px;
line-height: 16px;
}

.main_box {
background: url(images/Rakuen_3_05.jpg) no-repeat center bottom; 
padding: 10px 35px 35px 35px;
margin: 0px;
text-align: justify;
}

.box {
background: #ffffff;
border: 1px solid #D4DAE6;
padding: 5px;
}

.outer_box {
border: 1px solid #D4DAE6;
background: #F4F3F3;
padding: 3px;
font-weight: bold;
letter-spacing: 3px;
color: #6471A0;

}

.inner_box {
border: 1px solid #D4DAE6;
background: #ffffff;
padding: 5px;
font-weight: normal;
letter-spacing: 0px;
color: #6471A0;
}

.title{
background: url(images/bullet.gif) no-repeat left;
padding-left: 25px;
font-weight: bold;
letter-spacing: 2px;
}

.content_box{
background: url(images/bar.gif) no-repeat left top;
padding-top: 6px;
}


.work_title {
font-weight: bold;
font-size: 16px;
letter-spacing: 2px;
border-bottom: 1px dotted;
}

h2 {
font-family: Arial, Helvetica, Sans-Serif;
text-transform: lowercase;
color: #ccc;
font-size: 20px;
border-bottom: 1px solid #D4DAE6;
padding-bottom: 7px;
margin-bottom: 30px;
}

h2 span {
padding-bottom: 5px;
border-bottom: 5px solid #D4DAE6;
}

a { 
text-decoration: none; 
color: #aaaaaa;
}

a:hover { 
text-decoration: none; 
color: #ffffff; 
background: #6471A0; 
}

ul, li {
margin: 0;
padding-left: 20px;
/*list-style-position: inside;*/
list-style-image: url(images/arrow.gif);
}

li {
border-bottom: 1px dotted #B9DC73;
line-height: 20px;
padding-left: 0px;
margin: 0;
}

li a {
color: #6471A0;
text-decoration: none;
}

li a:hover {
color: orange;
background: none;
text-decoration: none;
}

input, textarea {
font-family: verdana;
font-size: 11px;
color: #6471A0;
border: 1px solid #6471A0;
width: 250px;
background: #ffffff;
}

textarea {
height: 70px;
}

.form_left {
border-bottom: 1px dotted #cccccc;
}

.form_right {
background: #eeeeee;
}