@charset "UTF-8";

#index {
color: #595959;
}

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

#index h3#catch {
display: block;
width: 299px;
height: 20px;
margin: 0 0 20px 0;
text-indent: -9999px;
background: url(../img/subt_evolution_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 30px 0;
background: url() repeat-y 0 0;
}

/* -- // main_space // -- */
#index #main_space {
width: 818px;
}

#index #main_space .separator {
width: 818px;
margin: 0 0 20px 0;
}
/* -- top_area -- */
#index #main_space #top_area {
width: 818px;
margin: 0 0 20px 0;
background: url(../img/bg_box_c.gif) repeat-y center top;
}

#index #main_space #top_area_t {
width: 818px;
padding: 20px 0 0 0;
background: url(../img/bg_box_c.gif) no-repeat center top;
}

#index #main_space #top_area_b {
width: 818px;
padding: 0 0 20px 0;
background: url(../img/bg_box_c.gif) no-repeat center bottom;
}

#index #main_space #top_area p {
margin: 0 20px;
}


/* -- middle_area -- */
#index #main_space #middle_area {
margin: 0 0 30px 0;
}

/* -- bottom_area -- */
#index #main_space #bottom_area {
margin: 0 0 30px 0;
background: #f4f4f4;
padding: 20px;
}

#index #main_space #bottom_area p {
width: 778px;
}



/* -- info_area -- */

#index #main_space #info {
width: 818px;
margin: 0 0 30px 0;
background: url(../img/bg_info_c.gif) repeat-y center top;
}

#index #main_space #info_t {
width: 818px;
padding: 20px 0 0 0;
background: url(../img/bg_info_t.gif) no-repeat center top;
}

#index #main_space #info_b {
width: 818px;
padding: 0 0 20px 0;
background: url(../img/bg_info_b.gif) no-repeat center bottom;
}

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

/* -- jump -- */
#index #jump {
position: relative;
width: 818px;
height: 25px;
overflow: hidden;
}

#index #jump p#bt_jump {
position: absolute;
top: 0;
left: 320px;
display: block;
width: 189px;
height: 25px;
background: url(../img/btn_evolution_o.jpg) no-repeat center top;
}

#index #jump p#bt_jump a {
display: block;
width: 189px;
height: 25px;
background: url(../img/btn_evolution.jpg) no-repeat center top;
text-indent: -9999px;
}

#index #jump p#bt_jump a:hover {
background: none;
}


/**************************************/
/* -- project */
/**************************************/


#project {
color: #595959;
}

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

#project h3#catch {
display: block;
width: 299px;
height: 20px;
margin: 0 0 20px 0;
text-indent: -9999px;
background: url(../img/subt_project_s.gif) no-repeat 0 0;
}

#project #content {
width: 818px;
margin:  20px 0 0 30px;
}

/* -- // container_box // -- */
#project #contaier_box {
width: 818px;
margin: 20px 0 0 0;
}

/* -- // main_space // -- */
#project #main_space {
width: 818px;
min-height: 1019px;
height: auto !important;
height: 1019px;
background: url(../img/img_project_05.jpg) no-repeat right top;
}

/* -- top_area -- */
#project #main_space #top_area {
width: 573px;
margin: 0 0 20px 0;
}

#project #main_space #top_area p {
margin: 0 0 20px 0;
}

/* -- middle_area -- */
#project #main_space #middle_area {
width: 580px;
margin: 0 0 30px 0;
background: url(../img/bg_box_proj_c.gif) repeat-y left top;
}

#project #main_space #middle_area_t {
width: 580px;
padding: 20px 0 0 0;
background: url(../img/bg_box_proj_t.gif) no-repeat left top;
}
#project #main_space #middle_area_b {
width: 580px;
padding: 0 0 20px 0;
background: url(../img/bg_box_proj_b.gif) no-repeat left bottom;
}

#project #main_space #middle_area_in {
margin: 0 0 0 20px;
}

#project #main_space #middle_area p.photo_box {
width: 249px;
float: left;
margin: 0 30px 20px 0;
}

#project #main_space #middle_area p.photo_box_b {
width: 249px;
float: left;
margin: 0 30px 0 0;
}

/* -- bottom_area -- */
#project #main_space #bottom_area {
margin: 0 0 30px 0;
background: #f4f4f4;
padding: 20px;
}

#project #main_space #bottom_area p {
width: 573px;
}



/* -- info_area -- */

#project #main_space #info {
clear: both;
width: 573px;
margin: 0 0 30px 0;
background: url(../img/bg_info_proj_c.gif) repeat-y center top;
}

#project #main_space #info_t {
width: 573px;
padding: 20px 0 0 0;
background: url(../img/bg_info_proj_t.gif) no-repeat center top;
}

#project #main_space #info_b {
width: 573px;
padding: 0 0 20px 0;
background: url(../img/bg_info_proj_b.gif) no-repeat center bottom;
}

#project #main_space #info_inner{
position: relative;
width: 573px;
}

#project #main_space #info p#comment {
width: 350px;
margin: 0 20px;
font-size: 83%;
}

#project #main_space #info_b p#jump {
position: absolute;
top: 50%;
left: 470px;
width: 143px;
height: 34px;
margin: -21px 0 0 -71px;
}

/* h3>img */

#project h3#subt_project01 {
display: block;
width: 268px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_project_01.gif) no-repeat 0 0;
text-indent: -9999px;
}

#project h3#subt_project02 {
display: block;
width: 198px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_project_02.gif) no-repeat 0 0;
text-indent: -9999px;
}

#project h3#subt_project03 {
display: block;
width: 230px;
height: 14px;
margin: 0 0 10px 0;
background: url(../img/sub_project_03.gif) no-repeat 0 0;
text-indent: -9999px;
}

#project h3#subt_project04 {
display: block;
width: 251px;
height: 14px;
margin: 0 0 5px 0;
background: url(../img/sub_project_04.gif) no-repeat 0 0;
text-indent: -9999px;
}

#project h3#subt_project05 {
display: block;
width: 251px;
height: 14px;
margin: 0 0 5px 0;
background: url(../img/sub_project_05.gif) no-repeat 0 0;
text-indent: -9999px;
}
#project #container_b {
padding: 0 0 1px 0;
}