@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: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;
}

#caption {
width: 660px;
height: 60px;
padding: 20px;
text-align: left;
}
#caption p {
font-size: 12px;
color: #666;
line-height: 16px;
}

#center {
width: 700px;
text-align: center;
font-size: 12px;
line-height: 20px;
color: #ccc;
}
#center img {
margin: 0;
padding: 0;
}
#center a { color: #ccc;}
#center a:hover { color: #666;}

#center.01 { height: 500px; }
#center.02 { height: 780px; }
#center.03 { height: 900px; }
#center.04 { height: 540px; }
#center.05 { height: 580px; }

#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;}