*{
font-size: 100%;
font-weight: normal;
font-style: normal;
text-align: left;
margin: 0;
padding: 0;
list-style-type: none; }
img {
border-style: none; }

body{
color: #630;
font-size: 80%;
font-family: sans-serif;
line-height: 180%;
background-color: #ead7c1;
background-image: url(img/bg_body.gif); }
 html>body{
font-size: 90%;
}
div#page{
width: 747px;
margin-right: auto;
margin-left: auto; }
/*header*/
div#header{
background-image: url(img/image_chara.gif);
background-repeat: no-repeat;
min-height: 77px;
margin-top: 9px; }
div#header div {
background-image: url(img/bg_comment.gif);
width: 280px;
margin-left: 70px; }
div#header p {
font-size: 80%;
line-height: 150%;
background-image: url(img/bg_comment_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 25px;
padding-right: 10px;
padding-left: 15px; }
div#header p.logo {
background-image: none;
float: right;
margin: 0;
padding: 0; }
div#header:after{
 content:".";
 display:block;
 height:0;
 clear:both;
 visibility:hidden;
 }
div#header{
 display:inline-table;
 }
 /*macIE\*/
 *html div#header{height:1%;}
div#header{display:block;}
 /*macIE*/

div#main{
background-image: url(img/bg_page.gif); }
/*contents*/
div#contents {
background-image: url(img/bg_contents_top.gif);
background-repeat: no-repeat;
background-position: left top;
width: 522px;
float: right;
padding-top: 10px;
padding-right: 10px;
padding-left: 10px; }
div#contents h1 {
padding-bottom: 10px;
background-image: url(img/bg_title.gif);
background-repeat: no-repeat;
background-position: left bottom;
margin-left: 5px; }
div#contents a.link {
background-image: url(img/bg_contents_bottom.gif);
background-repeat: no-repeat;
text-align: right;
margin-left: 5px;
padding-top: 10px;
padding-right: 10px;
display: block; }
div#content {
background-image: url(img/bg_contents.gif);
background-repeat: repeat-y;
margin-right: 5px;
margin-left: 5px;
padding-right: 5px;
padding-bottom: 10px;
padding-left: 5px; }
/*Menu*/
div#menu{
width: 197px; }
div#menu ul  {
margin-left: 9px;
 }

div#menu ul li  {
background-image: url(img/bg_menu.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 3px; }
div#menu ul li img {
vertical-align: bottom; }

div#menu ul li.bottom {background-image:    url(img/bg_menu_bottom.gif);
background-repeat:   no-repeat;
background-position: left bottom;
padding-bottom:      8px; }
div#menu p {
text-align: center;
padding: 5px; }

/*footer*/
div#footer{
font-size: 80%;
background-image: url(img/bg_footer.gif);
clear: both; }

div#footer address {
line-height: 150%;
background-image: url(img/bg_footer_top.gif);
background-repeat: no-repeat;
text-align: center;
padding-top: 30px;
display: block; }
div#footer p {
color:               #fff;
line-height: 150%;
background-image:    url(img/bg_footer_bottom.gif);
background-repeat:   no-repeat;
background-position: left bottom;
text-align: center;
padding-right:       10px;
padding-bottom:      10px;
padding-left:        10px; }