@charset "UTF-8";

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

#index {
color: #595959;
}

#index h2#page_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_illusion.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_illusion_s.gif) no-repeat left top;
text-indent: -9999px;
}

#index p#catch_illusion {
display: block;
width: 390px;
height: 13px;
background: url(../img/catch_illusion.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 {
width: 600px;
margin: 0 0 30px 30px;
}

#index #container_box {
width: 431px;
margin: 0 29px 0 0;
float: left;
}

#index #container_img {
float: left;
width: 140px;
}

#index #container p#comment01 {
display: block;
width: 431px;
height: 297px;
background: url(../img/comment_illusion_01.jpg) no-repeat left top;
text-indent: -9999px;
}

#index #container p#comment02 {
display: block;
width: 431px;
height: 337px;
margin: 0 0 30px 0;
background: url(../img/comment_illusion_02.jpg) no-repeat left top;
text-indent: -9999px;
}

#index #container p#comment03 {
display: block;
width: 431px;
height: 185px;
background: url(../img/comment_illusion_03.gif) no-repeat left top;
text-indent: -9999px;
}

#index #container p#comment04 {
display: block;
width: 431px;
height: 461px;
margin: 0 0 35px 0;
background:  url(../img/comment_illusion_04.gif) no-repeat left top;
text-indent: -99999px;
}

#index #container .section {
margin: 0 0 20px 0;
}

#index #container .section p {
font-size: 83%;
}

#index #container .section p span {
display:block;
color: #a23155;
margin: 0 0 10px 0;
}

#index #info {
clear: both;
width: 428px;
}

#index #info p#comment05 {
display: block;
width: 428px;
height: 61px;
background:  url(../img/comment_illusion_05.gif) no-repeat left top;
text-indent: -9999px;
}

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


#index #photo {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
}



/* -- // jump // -- */
#index #jump {
clear: both;
width: 600px;
height: 45px;
overflow: hidden;
margin: 0 0 30px 30px;
background: url(../img/bg_jump_ill_c.gif) repeat-y left top;
}

#index #jump_t {
width: 600px;
padding: 10px 0 0 0;
background: url(../img/bg_jump_ill_t.gif) no-repeat left top;
}
#index #jump_b {
width: 600px;
padding: 0 0 10px 0;
background: url(../img/bg_jump_ill_b.gif) no-repeat left bottom;
}

#index #jump_in {
margin: 0 0 0 48px;
}

#index #jump p.box {
display: block;
width: 150px;
height: 25px;
float: left;
margin: 0 28px 0 0;
}

#index #jump p.box a {
display: block;
width: 150px;
height: 25px;
float: left;
text-indent: -9999px;
}

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

#index #jump p#bt01 { background: url(../img/btn_illusion_01_o.jpg) no-repeat top left; }
#index #jump p#bt02 { background: url(../img/btn_illusion_02_o.jpg) no-repeat top left; }
#index #jump p#bt03 { background: url(../img/btn_illusion_03_o.jpg) no-repeat top left; }

#index #jump p#bt01 a { background: url(../img/btn_illusion_01.jpg) no-repeat top left; }
#index #jump p#bt02 a { background: url(../img/btn_illusion_02.jpg) no-repeat top left; }
#index #jump p#bt03 a { background: url(../img/btn_illusion_03.jpg) no-repeat top left; }

#index #jump p#bt01 a:hover { background: none; }
#index #jump p#bt02 a:hover { background: none; }
#index #jump p#bt03 a:hover { background: none; }

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


/*********/
/* trace */
/*********/

#trace {
color: #595959;
}

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

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

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

#trace p#catch_trace {
display: block;
width: 600px;
height: 29px;
background: url(../img/catch_trace.gif) no-repeat left top;
text-indent: -9999px;
}


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

/* -- // main_box end // -- */
/* -- // container // -- */
#trace #container {
width: 600px;
margin: 0 0 20px 30px;
}

#trace #container_box {
width: 365px;
margin: 0 20px 0 0;
float: left;
}

#trace #container_img {
float: left;
width: 211px;
}

#trace #container .separator {
width: 365px;
height: 1px;
margin: 0 0 30px 0;
}

#trace #container .his_box {
width: 365px;
margin: 0 0 30px 0;
}

#trace #container .his_box h3 {
margin: 0 0 10px 0;
}

#trace #container .his_box p.info {
margin: 10px 0 0 0;
height: 32px;
}


/* font>img */

#trace h3#subt_trace01 {
display: block;
width: 222px;
height: 16px;
background: url(../img/subt_trace01.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace02 {
display: block;
width: 196px;
height: 16px;
background: url(../img/subt_trace02.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace03 {
display: block;
width: 207px;
height: 16px;
background: url(../img/subt_trace03.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace04 {
display: block;
width: 214px;
height: 16px;
background: url(../img/subt_trace04.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace05 {
display: block;
width: 221px;
height: 16px;
background: url(../img/subt_trace05.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace06 {
display: block;
width: 214px;
height: 16px;
background: url(../img/subt_trace06.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace07 {
display: block;
width: 165px;
height: 16px;
background: url(../img/subt_trace07.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace08{
display: block;
width: 196px;
height: 16px;
background: url(../img/subt_trace08.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace09 {
display: block;
width: 365px;
height: 16px;
background: url(../img/subt_trace09.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace10 {
display: block;
width: 225px;
height: 16px;
background: url(../img/subt_trace10.gif) no-repeat left top;
text-indent: -9999px;
}

#trace h3#subt_trace11 {
display: block;
width: 367px;
height: 16px;
background: url(../img/subt_trace11.gif) no-repeat left top;
text-indent: -9999px;
}

/*********/
/* birth */
/*********/

#birth {
color: #595959;
}

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

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

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

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

/* -- // main_box end // -- */
/* -- // container // -- */
#birth #container {
width: 600px;
margin: 0 0 30px 30px;
}

#birth #container_box {
width: 600px;
margin: 0 0 0 30px;
}

#birth #container_box .separator {
width: 600px;
height: 1px;
margin: 0 0 30px 0;
}

#birth #container_box .his_box {
width: 365px;
margin: 0 0 30px 0;
}

#birth #container_box h3 {
margin: 0 0 10px 0;
}

#birth #container_box p {
margin: 0 0 30px 0;
}


/* font>img */

#birth h3#subt_birth01 {
display: block;
width: 98px;
height: 14px;
background: url(../img/subt_birth01.gif) no-repeat left top;
text-indent: -9999px;
}

#birth h3#subt_birth02 {
display: block;
width: 195px;
height: 14px;
background: url(../img/subt_birth03.gif) no-repeat left top;
text-indent: -9999px;
}

#birth h3#subt_birth03 {
display: block;
width: 105px;
height: 14px;
background: url(../img/subt_birth02.gif) no-repeat left top;
text-indent: -9999px;
}

/* info */

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

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

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

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

/*********/
/* pickup */
/*********/

#pickup {
color: #595959;
}

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

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

#pickup .separator_b {
clear: both;
width: 600px;
height: 1px;
margin: 0 0 30px 30px;
}

#pickup .separator_s {
width: 354px;
height: 1px;
margin: 0 0 30px 1px;
}



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

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

/* -- // main_box end // -- */
/* -- // container // -- */
#pickup .container {
clear: both;
width: 600px;
margin: 0 0 30px 30px;
}

#pickup .container_box {
width: 365px;
float: left;
}

#pickup .container_img {
float: left;
margin: 0 19px 0 0;
width: 216px;
}

#pickup .container_img p {
margin: 0 0 20px 0;
}

#pickup .container .separator {
width: 365px;
height: 1px;
font-size: 1px;
line-height: 1px;
margin: 0 0 20px 0;
}

#pickup .container .his_box {
width: 365px;
margin: 0 0 20px 0;
}

#pickup .container .end {
margin-bottom: 0;
}

#pickup .container .his_box h3 {
color: #a23155;
margin: 0 0 10px 0;
}

#pickup .container .his_box p.info {
margin: 10px 0 0 0;
}

#pickup .container .his_box p {
font-size: 83%;
}


#pickup .container .his_box table {
border-collapse: collapse;
border-spacing: 0;
}

#pickup .container .his_box table td {
font-size: 83%;
vertical-align: top;
}

#pickup .container .his_box ul {
margin: 0 0 0 0;
}

#pickup .container .his_box ul ,
#pickup .container .his_box li {
font-size: 100%;
line-height: 1.5;
}

#pickup .container .his_box li {
font-size: 83%;
padding: 0 0 0 15px;
}

#pickup .container .his_box li.dot {
background: url(../img/head_icon.gif) no-repeat 5px 5px;
}




/* font>img */

#pickup h3#subt_pickup01 {
display: block;
width: 173px;
height: 14px;
background: url(../img/sub_pickup_01.gif) no-repeat left top;
text-indent: -9999px;
}

#pickup h3#subt_pickup02 {
display: block;
width: 231px;
height: 14px;
background: url(../img/sub_pickup_02.gif) no-repeat left top;
text-indent: -9999px;
}

/* roll */
#pickup p#go_tower {
display: block;
width: 180px;
height: 25px;
background: url(../img/btn_pickup_o.jpg) no-repeat 0 0;
}

#pickup p#go_tower a {
display: block;
width: 180px;
height: 25px;
background: url(../img/btn_pickup.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#pickup p#go_tower a:hover {
background: none;
}

/*********/
/* conference */
/*********/

#conference {
color: #595959;
}

#conference a {
text-decoration: underline;
color: #a23155;
}

#conference a:hover {
text-decoration: none;
}

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

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

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

#conference p#catch_conference {
display: block;
width: 340px;
height: 13px;
background: url(../img/catch_tower.gif) no-repeat left top;
text-indent: -9999px;
}

#conference #container {
margin: 0 0 30px 30px;
}


#conference table tr.color {
background: #f5f5f5;
}

#conference table td {
padding: 5px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
}

*html #conference table td {
padding: 5px 0;
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #e5e5e5;
font-size: 83%;
}

#conference table td.name {
width: 250px;
padding: 0 0 0 15px;
background: url(../img/head_icon.gif) no-repeat 5px 50%;
}

#conference table td.address {
width: 250px;
}

#conference table td.height {
width: 100px;
}