@charset "UTF-8";

#index {
color: #595959;
}

#index h2#page_title {
display: block;
width: 878px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_access.jpg) no-repeat 0 0;
}

#index h3#catch {
display: block;
width: 237px;
height: 20px;
margin: 0 0 20px 0;
text-indent: -9999px;
background: url(../img/subt_access_s.gif) no-repeat 0 0;
}

#index #content {
width: 818px;
margin:  20px 0 0 30px;
}

/* -- // container_box // -- */
#index #contaier_box {
width: 818px;
margin: 20px 0 0 0;
padding: 0 0 10px 0;
}

/* -- // main_space // -- */
#index #main_space {
width: 818px;
}

#index #main_space .separator {
width: 818px;
margin: 0 0 20px 0;
}
/* -- navi_area -- */
#index #main_space #navi_area {
width: 818px;
margin: 0 0 30px 0;
background: url(../img/bg_tbox_c.gif) repeat-y center top;
}

#index #main_space #navi_area_t {
width: 818px;
padding: 20px 0 0 0;
background: url(../img/bg_tbox_t.gif) no-repeat center top;
}

#index #main_space #navi_area_b {
width: 818px;
padding: 0 0 10px 0;
background: url(../img/bg_tbox_b.gif) no-repeat center bottom;
}

#index #main_space p#tarea_img {
margin: 0 0 10px 20px;
}

#index #main_space p#tarea_sepa {
clear: both;
display: block;
margin: 0 0 10px 20px;
}

#index #main_space #navi_area_in {
margin: 0 0 0 20px;
}

#index #main_space p#map_bt01 {
display: block;
width: 210px;
height: 25px;
float: left;
margin: 0 30px 0 0;
background:url(../img/btn_access_01_o.jpg) no-repeat left top;
}
#index #main_space p#map_bt01 a {
display: block;
width: 210px;
height: 25px;
background:url(../img/btn_access_01.jpg) no-repeat left top;
text-indent: -9999px;
}
#index #main_space p#map_bt01 a:hover {
background: none;
}

#index #main_space p#map_bt02 {
display: block;
width: 210px;
height: 25px;
float: left;
margin: 0 30px 0 0;
background:url(../img/btn_access_02_o.jpg) no-repeat left top;
}
#index #main_space p#map_bt02 a {
display: block;
width: 210px;
height: 25px;
background:url(../img/btn_access_02.jpg) no-repeat left top;
text-indent: -9999px;
}
#index #main_space p#map_bt02 a:hover {
background: none;
}

#index #main_space p#map_bt03 {
display: block;
width: 300px;
height: 25px;
float: left;
background:url(../img/btn_access_03_o.jpg) no-repeat left top;
}
#index #main_space p#map_bt03 a {
display: block;
width: 300px;
height: 25px;
background:url(../img/btn_access_03.jpg) no-repeat left top;
text-indent: -9999px;
}
#index #main_space p#map_bt03 a:hover {
background: none;
}



/* -- middle_area -- */
#index #main_space #top_area {
width: 818px;
background: url(../img/bg_box_c.gif) repeat-y left top;
margin: 0 0 10px 0;
}

#index #main_space #top_area_t {
width: 818px;
background: url(../img/bg_box_t.gif) no-repeat left top;
padding: 30px 0 0 0;
}
#index #main_space #top_area_b {
width: 818px;
background: url(../img/bg_box_b.gif) no-repeat left bottom;
padding: 0 0 30px 0;
}

#index #main_space #top_area p {
margin: 0 0 0 30px;
}

/* -- middle_area -- */
#index #main_space #middle_area {
width: 818px;
background: url(../img/bg_box_c.gif) repeat-y left top;
margin: 0 0 10px 0;
}

#index #main_space #middle_area_t {
width: 818px;
background: url(../img/bg_box_t.gif) no-repeat left top;
padding: 30px 0 0 0;
}
#index #main_space #middle_area_b {
width: 818px;
background: url(../img/bg_box_b.gif) no-repeat left bottom;
padding: 0 0 30px 0;
}

#index #main_space #middle_area p#middle_map {
margin: 0 0 30px 100px;
}

#index #main_space #middle_area p#go_garage {
display: block;
width: 224px;
height: 61px;
background: url(../img/btn_access_05_o.jpg) no-repeat left top;
margin: 0 0 0 571px;
}
#index #main_space #middle_area p#go_garage a {
display: block;
width: 224px;
height: 61px;
background: url(../img/btn_access_05.jpg) no-repeat left top;
text-indent: -9999px;
}
#index #main_space #middle_area p#go_garage a:hover {
background: none;
}


/* -- middle02_area -- */
#index #main_space #middle02_area {
width: 818px;
background: url(../img/bg_box_c.gif) repeat-y left top;
margin: 0 0 10px 0;
}

#index #main_space #middle02_area_t {
width: 818px;
background: url(../img/bg_box_t.gif) no-repeat left top;
padding: 30px 0 0 0;
}
#index #main_space #middle02_area_b {
width: 818px;
background: url(../img/bg_box_b.gif) no-repeat left bottom;
padding: 0 0 30px 0;
}

#index #main_space #middle02_area p {
margin: 0 0 0 30px;
}

/* -- bottom_area -- */
#index #main_space #bottom_area {
width: 818px;
background: url(../img/bg_box_c.gif) repeat-y left top;
margin: 0 0 10px 0;
}

#index #main_space #bottom_area_t {
width: 818px;
background: url(../img/bg_box_t.gif) no-repeat left top;
padding: 30px 0 0 0;
}
#index #main_space #bottom_area_b {
width: 818px;
background: url(../img/bg_box_b.gif) no-repeat left bottom;
padding: 0 0 30px 0;
}

#index #main_space #bottom_area p {
margin: 0 0 0 171px;
}



/* h3>img */

#index h3#subt_access01 {
display: block;
width: 134px;
height: 20px;
margin: 0 0 10px 0;
background: url(../img/subt_access01.gif) no-repeat 0 0;
text-indent: -9999px;
}

#index h3#subt_access02 {
display: block;
width: 150px;
height: 20px;
margin: 0 0 10px 0;
background: url(../img/subt_access02.gif) no-repeat 0 0;
text-indent: -9999px;
}

#index h3#subt_access03 {
display: block;
width: 267px;
height: 20px;
margin: 0 0 10px 0;
background: url(../img/subt_access03.gif) no-repeat 0 0;
text-indent: -9999px;
}

/* -- jump -- */
#index .bt_pagetop {
position: relative;
width: 818px;
height: 25px;
margin: 0 0 30px 0;
overflow: hidden;
}

#index .bt_pagetop p.bt_back {
position: absolute;
left: 677px;
display: block;
width: 141px;
height: 25px;
background: url(../img/btn_access_04_o.jpg) no-repeat center top;
}

#index .bt_pagetop p.bt_back a {
display: block;
width: 141px;
height: 25px;
background: url(../img/btn_access_04.jpg) no-repeat center top;
text-indent: -9999px;
}

#index .bt_pagetop p.bt_back a:hover {
background: none;
}

/* -- jump -- */
#index .bt_pagetop_end {
position: relative;
width: 818px;
height: 25px;
overflow: hidden;
}

#index .bt_pagetop_end p.bt_back {
position: absolute;
left: 677px;
display: block;
width: 141px;
height: 25px;
background: url(../img/btn_access_04_o.jpg) no-repeat center top;
}

#index .bt_pagetop_end p.bt_back a {
display: block;
width: 141px;
height: 25px;
background: url(../img/btn_access_04.jpg) no-repeat center top;
text-indent: -9999px;
}

#index .bt_pagetop_end p.bt_back a:hover {
background: none;
}

