/*common*/
* {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
list-style-type: none; }
img {
border-style: none; }
body {
color: #444;
font-size: 90%;
background-image: url(img/bg.gif);
background-repeat: repeat;
background-position: center top; }
a:link {
color: #000;
text-decoration: none; }
a:visited {
color: #000;
text-decoration: none; }
a:hover {
color: #666; }
a:active {
color: #666; }
.openwindow { }

/*layout*/
div#page {
width: 800px;
margin-right: auto;
margin-left: auto;
background-image: url(img/bg_page.gif);
background-repeat: repeat-y;
background-position: left top;
padding-right: 31px;
padding-left: 31px; }
p.banner {
margin-top: 10px; }

div#menu {
background-image: url(img/bg_menu.gif);
background-repeat: repeat-y;
background-position: left center;
margin-top: 10px; }
div#menu h2 {
background-color: #fff;
margin: 0;
padding-bottom: 5px; }

div#menu div.menu1 {
width: 256px;
float: left;
margin-right: 16px; }

div#menu div.menu2 {
margin-right:  16px;
width:         256px;
float:         left; }

div#menu div.menu3 {
width:         256px;
float:         left; }
div#menu ul {
font-size: 70%;
padding: 15px 10px; }

div#menu div.menu1 ul.left {
width: 150px;
float: left;
padding-left: 15px; }

div#menu div.menu1 ul {
width: 90px;
float: left;
padding-right: 0;
padding-left: 0; }
div#menu div.menu1 ul li {background-image:    url(img/icon_blue.gif);
background-repeat:   no-repeat;
background-position: left center;
padding-left:        15px; }

div#menu div.menu2 ul li {
background-image: url(img/icon_green.gif);
background-repeat:   no-repeat;
background-position: left center;
padding-left:        15px; }

div#menu div.menu3 ul li {
background-image: url(img/icon_red.gif);
background-repeat:   no-repeat;
background-position: left center;
padding-left:        15px; }

div#contents {
background-color: #e6e7e8;
width: 800px;
margin-top: 20px;
margin-right: auto;
margin-left: auto; }
div#contents dl {
margin-top: 10px;
margin-right: 35px;
margin-left: 45px;
padding-bottom: 5px;
padding-left: 25px; 
background-image: url(img/icon_kobe.gif);
background-repeat:   no-repeat;
background-position: left top; }

div#contents dl dt {
color: #666; }


div#contents p.backnumber {
text-align: right;
padding-right: 43px;
padding-bottom: 14px; }
div#footer{
background-image: url(img/bg_page.gif);
background-repeat: repeat;
background-position: center bottom;
width: 862px;
margin-right: auto;
margin-left: auto; }
h1 {
color: #888;
font-size: 90%;
padding-top: 16px;
padding-bottom: 10px; }
div#page ul.crumb {
font-size: 80%;
margin-top: 20px;
margin-bottom: -10px; }

div#page ul.crumb li {display: inline; }

address {
font-size: 90%;
text-align: right;
padding-top: 30px;
padding-bottom: 30px;
background-image: url(img/bg_footer.gif);
background-repeat: no-repeat;
background-position: center bottom;
padding-right: 30px; }

/*clearfix*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-table;
zoom:1;
}
/*macIE\*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*macIE*/