@charset "UTF-8";

/*********/
/* index */
/*********/

#index {
color: #595959;
}

#index h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_staff.jpg) no-repeat 0 0;
}

#index #catch {
width: 600px;
margin: 0 0 30px 30px;
}

#index h3#sub_title {
display: block;
width: 600px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_staff_s.gif) no-repeat left top;
text-indent: -9999px;
}

#index p#catch_staff {
display: block;
width: 528px;
height: 28px;
background: url(../img/catch_staff.gif) no-repeat left top;
text-indent: -9999px;
}


/* -- // main_box // -- */
#index #main_box {
width: 660px;
padding: 0;
margin: 0 0 10px 0;
}

/* -- // main_box end // -- */
/* -- // container // -- */
#index .container {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
border: 1px solid #cccccc;
background: #efefef;
}

#index .container .inner {
clear: both;
width: 540px;
padding: 30px 0;
margin: 0 0 0 30px;
}

#index .container .inner .in_photo {
width: 313px;
margin: 0 25px 0 0;
float: left;
}

#index .container .inner .in_box {
position: relative;
width: 198px;
float: left;
}

#index .container h3#subt_staff01 {
display: block;
width: 83px;
height: 13px;
margin: 0 0 10px 0;
background: url(../img/sub_staff_02.gif) no-repeat left top;
text-indent: -9999px;
}

#index .container h3#subt_staff02 {
display: block;
width: 56px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_staff_03.gif) no-repeat left top;
text-indent: -9999px;
}

#index .container h3#subt_staff03 {
display: block;
width: 56px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_staff_04.gif) no-repeat left top;
text-indent: -9999px;
}

#index .container h3#subt_staff04 {
display: block;
width: 110px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_staff_06.gif) no-repeat left top;
text-indent: -9999px;
}

#index #bt_box_173 {
height: 25px;
}

#index #bt_173 {
position: absolute;
right: 0;
bottom: 0;
display: block;
width: 198px;
height: 25px;
float: left;
background: url(../img/btn_staff_01_o.jpg) no-repeat left top;
}

#index #bt_173 a {
display: block;
width: 198px;
height: 25px;
float: left;
text-indent: -9999px;
background: url(../img/btn_staff_01.jpg) no-repeat left top;
}

#index #bt_173 a:hover {
background: none;
}

#index #bt_box_sky {
height: 25px;
}

#index #bt_sky {
position: absolute;
left: 0;
bottom: 0px;
display: block;
width: 147px;
height: 25px;
float: left;
background: url(../img/btn_staff_02_o.jpg) no-repeat left top;
}

#index #bt_sky a {
display: block;
width: 147px;
height: 25px;
float: left;
text-indent: -9999px;
background: url(../img/btn_staff_02.jpg) no-repeat left top;
}

#index #bt_sky a:hover {
background: none;
}


/* history */
#index #info {
clear: both;
width: 600px;
margin: 0 0 20px 30px;
background: url(../img/bg_info_c.jpg) repeat-y left top;
}

#index #info_t {
width: 600px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.jpg) no-repeat left top;
}
#index #info_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.jpg) no-repeat left bottom;
}

#index #info p {
margin: 0 20px;
font-size: 83%;
}

/* -- // panorama_box end // -- */