@charset "utf-8";

/* Top CSS */
h1{
width: 464px;
height: 95px;
float: left;
margin: 0 0 0px 3px;
}
h1 a{
display: block;
width: 464px;
height: 95px;
font-size: 10px;
padding: 0;
text-decoration: none;
}
h1 a img{
width: 464px;
height: 95px;
border: 0;
position: relative;
top: -11px;
}

#tright{
width: 260px;
height: auto;
float: right;
font-size: 0.9em;
}
#tright p{
font-size: 80%;
line-height: 160%;
margin: 0.5em;
text-align: left;
}
#tright #detail{
font-size: 80%;
line-height: 160%;
padding: 3px;
}
#tright #topnav2{
font: 0.8em/1.2em sans-serif;
}
#tright #topnav2 a{
display: block;
background: url(../images/icon_nav.gif) no-repeat;
padding: 0 3px 0 20px;
height: 15px;
}

#topimage{
clear: both;
width: 730px;
height: 195px;
overflow: hidden;
font-size: 15px;
margin: 0 auto;
}
#topimage img{
width: 730px;
height: 195px;
position: relative;
top: -16px;
}

#contents{
width: 737px;
margin: 0 0 10px 7px;
padding: 10px 5px 0 5px;
text-align: left;
}
#contents #left{
display: inline;
width: 244px;
float: left;
padding-right: 2px;
}
#contents #left h2{
width: 244px;
height: 59px;
font-size: 10px;
overflow: hidden;
}
#contents #left h2 img{
width: 244px;
height: 59px;
border: 0;
position: relative;
top: -15px;
}
#contents #left p a{
display: block;
background: url(../images/icon_nav.gif) no-repeat;
width: 215px;
margin: 0 0 0 5px;
padding: 0 0 0 20px;
font: normal 0.95em/1.2em sans-serif;
}

#contents #middle{
display: inline;
width: 244px;
float: left;
padding-right: 2px;
}
#contents #middle h2{
width: 244px;
height: 59px;
font-size: 10px;
overflow: hidden;
}
#contents #middle h2 img{
width: 244px;
height: 59px;
border: 0;
position: relative;
top: -15px;
}
#contents #middle p a{
display: block;
background: url(../images/icon_nav.gif) no-repeat;
width: 215px;
margin: 0 0 0 5px;
padding: 0 0 0 20px;
font: normal 0.95em/1.2em sans-serif;
}

#contents #right{
display: inline;
width: 244px;
float: left;
}
#contents #right h2{
width: 244px;
height: 59px;
font-size: 10px;
overflow: hidden;
}
#contents #right h2 img{
width: 244px;
height: 59px;
border: 0;
position: relative;
top: -15px;
}
#contents #right p a{
display: block;
background: url(../images/icon_nav.gif) no-repeat;
width: 215px;
margin: 0 0 0 5px;
padding: 0 0 0 20px;
font: normal 0.95em/1.2em sans-serif;
}
#whatsnew{
clear: left;
width: 500px;
float: left;
text-align: left;
}
#whatsnew h2{
height: 30px;
margin: 0 0 10px 7px;
padding: 10px 0 0 0;
font: normal 15px/15px sans-serif;
text-align: left;
}
#whatsnew h2 img{
width: 485px;
height: 30px;
border: 0;
position: relative;
top: -15px;
}
#whatsnew p{
width: 450px;
margin: 0 0 0 15px;
background: url(../images/icon_topnav.gif) no-repeat;
padding: 0 0 0 20px;
font: normal 1em/1.2em sans-serif;
}
#attention{
display: inline;
width: 225px;
float: right;
margin: 10px 5px 0 0;
text-align: left;
border: 1px solid #ccc;
}
#attention p{
padding: 5px;
font: normal 0.80em/1.25em sans-serif;
}
#bottom-bg{
width: 720px;
margin: 0 15px 10px;
padding: 5px;
background: #fc9;
font: 0.8em/1.25em sans-serif;
}
#bottom-bg:after {
    content: " ";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #bottom-bg {
    height: 1em;
    overflow: visible;
}
/**/
#address{
clear: both;
float: left;
width: 360px;
text-align: left;
}
#copyright{
float: right;
width: 360px;
text-align: left;
font-style: normal;
}

#machi_map_image{
clear: both;
margin: 0 auto;
padding: 30px 0;
text-align: center;
}
a.machi_map_a{
margin: 0;
padding: 0;
outline: none;
}
a.machi_map_a img{
margin: 0;
padding: 0;
border: none;
}