@charset "UTF-8";
/* CSS Document */

body {
margin: 0;
padding: 0 auto;
background-image:url(images/bg_main.jpg);
background-repeat:no-repeat;
background-position: 50% 0%;
background-color: #dcd6cc;
text-align: center;
font:13px helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
font-family: serif;
color: #494438;
letter-spacing: 1px;
}

br { letter-spacing: 0; }

a {
text-decoration: none;
color: #56b8d2;
}

a:hover {
text-decoration: none;
color: #FF0066;
}

div#box {
width: 900px;
margin: 0 auto;
padding: 503px 0 0 0;
}

div#navi {
width: 900px;
height: 111px;
margin: 0;
padding: 0;
display: block;
}

div#ti {
width: 830px;
height: 61px;
margin: 0;
padding: 50px 0 0 70px;
background-image:url(images/bg_ti.gif);
background-repeat:no-repeat;
display: block;
text-align: left;
}

h2 {
margin: 0;
padding: 0;
font-weight: normal;
font-size: 182%;
color: #524f43;
}

div#contents {
float:left;
width: 900px;
background-color: #fff;
display: block;
margin: 0;
padding: 0 0 60px 0;
border-bottom: 3px solid #dcd6cc;
text-align: left;
}

div#contents p {
padding: 0 0 0 70px;
}

div#story{
float:left;
width: 600px;
display: inline;
margin: 0;
padding: 0 0 30px 0;
font-size: 93%;
text-align: left;
}

div#story p {
margin: 0;
padding: 0 0 15px 70px;
}

div#index {
float:right;
width: 300px;
display: inline;
margin: 0;
padding: 0 0 30px 0;
font-size: 93%;
text-align: left;
}

div#index p {
margin: 0;
padding: 0 0 15px 9px;
}

div#main-bottom {
clear: both;
width: 900px;
}

div#mobile {
float:left;
width: 900px;
height: 200px;
background-color: #fff;
display: block;
margin: 0;
padding: 0;
}