@charset "utf-8";
/* CSS Document */
* {
margin: 0;
padding: 0;
list-style-type: none;
border: none;
}

body {
background-color: #999;
text-align: center;
font-family:"ＭＳＰ ゴシック", "Osaka", sans-serif;
font-size: 14px;
color: #630;
}

h1 {
width: 700px;
height: 20px;
background: url(../image/bg_h1.png) top left repeat-x;
font-size: 9px;
font-weight: normal;
color: #ff6;
line-height: 20px;
text-align: center;
}

h2 {
width: 660px;
height: 80px;
background: url(../image/bg_h2.png) top left no-repeat;
padding: 10px 20px;
text-align: left;
font-size: 12px;
font-weight: normal;
line-height: 18px;
}

#wrapper {
width: 720px;
margin: 0 auto;
text-align: center;
background: url(../image/bg_wrapper.png) top left repeat-y;
}

#main {
width: 700px;
margin: 0 10px;
position: relative;
}

#header {
width: 700px;
height: 120px;
}

#top_menu {
width: 650px;
height: 50px;
margin: 0 auto;
}

#menu {
text-indent: -9999px;
float: left;
}

#menu a img {
position: absolute;
top:200px;
left:20px;
width:0;
height:0;
}
#menu a:hover img {
width: 660px;
height: 350px;
}

#title_img {
position: absolute;
top:250px;
left:20px;
width: 660px;
height: 350px;
}

#menu.menu_01 a {
display: block;
width: 130px;
height: 50px;
background: url(../image/menu_btn_01.png) top left no-repeat;
}
#menu.menu_01 a:hover {
background-position: right;
}
#menu.menu_01 a.current {
background-position: center;
}

#menu.menu_02 a {
display: block;
width: 130px;
height: 50px;
background: url(../image/menu_btn_02.png) top left no-repeat;
}
#menu.menu_02 a:hover {
background-position: right;
}
#menu.menu_02 a.current {
background-position: center;
}

#menu.menu_03 a {
display: block;
width: 130px;
height: 50px;
background: url(../image/menu_btn_03.png) top left no-repeat;
}
#menu.menu_03 a:hover {
background-position: right;
}
#menu.menu_03 a.current {
background-position: center;
}

#menu.menu_04 a {
display: block;
width: 130px;
height: 50px;
background: url(../image/menu_btn_04.png) top left no-repeat;
}
#menu.menu_04 a:hover {
background-position: right;
}
#menu.menu_04 a.current {
background-position: center;
}

#menu.menu_05 a {
display: block;
width: 130px;
height: 50px;
background: url(../image/menu_btn_05.png) top left no-repeat;
}
#menu.menu_05 a:hover {
background-position: right;
}
#menu.menu_05 a.current {
background-position: center;
}

#image_area {
width: 700px;
height: 380px;
background: url(../image/top_img_00.png) center bottom no-repeat;
}

#map_area {
width: 700px;
height: 150px;
}

#banner_area {
width: 670px;
height: 40px;
padding-top: 10px;
padding-left: 30px;
}

#banner_area img{margin:0 20px 0 20px; float:left;}

#adress_area {
width: 500px;
height: 200px;
padding-left: 200px;
background: url(../image/bg_adress.png) bottom left no-repeat;
}

.office {
width: 210px;
height: 89px;
margin-right: 40px;
padding-top: 10px;
font-size: 12px;
text-align: left;
color: #630;
float: left;
border-bottom: #999 1px dashed;
}

#footer {
width: 720px;
height: 40px;
background: url(../image/bg_footer.png) top left no-repeat;
font-size: 12px;
padding-top: 10px;
}

#acc{display:none;}