@charset "utf-8";

/* Basic Elements --------------------------------------- */

body{
background: #C0C598;
text-align: center;
margin: 0px;
padding: 0px;
border: 0px;
font-family:"ＭＳ Ｐゴシック", "メイリオ", Osaka;
color: #666;
}

img{
border: 0px;
vertical-align: bottom;
}

h1,h2,h3,h4,ul,ol,dl,dd,dt,p{
margin-top: 0px;
margin-bottom: 0px;
padding-top: 0px;
padding-bottom: 0px;
}


/* Escape Error in Floating Block ----------------------- */

.esc:after{
content: " ";
display: block;
visibility: hidden;
clear: both;
height: 0.1px;
font-size: 0.1em;
line-height: 0px;
}
* html .esc { display: inline-block; }
/* no ie mac \*/
* html .esc { height: 1%; }
.esc { display: block; }
/* */



/* Layout ----------------------------------------------- */

#container{
width: 750px;
margin: 0px auto;
padding: 0px 20px 30px 20px;
background: #fff;
text-align: left;
}

#pagebody{
width: 750px;
background: url(../images/dotline_pagebody.gif) repeat-y 179px 0px;
margin-top: 6px;
padding-top: 10px;
}

#menu,
.contents{
float: left;
}

#menu{
width: 180px;
}

.contents{
width: 560px;
margin: 0px 0px 0px 10px;
}


/* Common Style ----------------------------------------- */

#header-inner h1,
#header-menu li,
#footer-menu li{
float: left;
}


#header-menu,
#menu ul,
#footer ul,
#footer-menu ul{
list-style-type: none;
}


/* Header ----------------------------------------------- */

#header-inner{
width: 750px;
}

#header-header{
width: 190px;
}

#header-description{
width: 560px;
color: #575E20;
font-size: 11px;
line-height:1.3;
padding-top: 26px;
}

#header-menu{
margin: 0px;
padding: 2px 0px 0px 200px;
text-align: right;
width: 540px;
background: url(../images/dotline_container.gif) no-repeat;
border-bottom: 1px solid #714339;
}


/* Menu ------------------------------------------------- */

#menu ul{
list-style-type: none;
padding-left: 0px;
margin-left: 0px;
}

.menu-container{
border-bottom: 1px solid #714339;
width: 169px;
padding-bottom: 5px;
margin-bottom: 10px;
}

.menu-container li{
margin-bottom: 5px;
}

#menu-container-end{
border: 0px;
padding-bottom: 0px;
margin-bottom: 16px;
}
#menu-container-end-top{
border: 0px;
padding-bottom: 0px;
margin-bottom: 0px;
}

#menu-container-home{
border: 0px;
padding-bottom: 0px;
margin-bottom: 6px;
}

#menu-info-container{
background: url(../images/bg_menu_info.gif) no-repeat;
width: 159px;
height:131px;
padding: 9px 5px 0px 5px;
padding-bottom: 10px;
}

#menu-info-container h2{
font-size: 5px;
margin-bottom: 11px;
}

#menu-info-more{
text-align: right;
padding-top: 7px;
border-top: 1px solid #E6EAC7;
font-size: 5px;
}

#menu-info-container img{
vertical-align: top;
}


/* Footer ----------------------------------------------- */

#footer{
margin-top: 5px;
border-top: 1px solid #714339;
}

#footer-menu{
padding-left: 470px;
width: 280px;
padding-bottom: 2px;
background: url(../images/dotline_container.gif) no-repeat 0px 100%;
}

#copyright{
padding-top: 9px;
font-size: 10px;
}


/* Other Common Classes --------------------------------- */

.pagetop{
text-align: right;
margin-top: 50px;
}