@charset "UTF-8";

#index {
color: #595959;
}

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

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

/* -- // main_box end // -- */
/* -- // panorama_box // -- */
#index #live_box {
width: 600px;
margin: 0 0 0 30px;
}

#index .pbox {
clear: both;
width: 600px;
margin: 0 0 30px 0;
background: url(../img/bg_box_c.jpg) repeat-y 0 0;
}

#index .pbox_b {
width: 600px;
padding: 0 0 20px 0;
background: url(../img/bg_box_b.jpg) no-repeat center bottom;
}

#index .pbox .inner {
width: 560px;
margin: 20px 0 0 20px;
}

#index .pbox .inner h3 {
margin: 0 0 5px 0;
}

#index .pbox .inner p {
font-size: 83%;
}

#index .pbox .in_a_img {
float: left;
width: 322px;
margin: 0 20px 0 0;
}

#index .pbox .in_a_box {
width: 218px;
float: left;
}

#index .pbox .in_b_img {
float: right;
width: 322px;
margin: 0 0 0 20px;
}

#index .pbox .in_b_box {
float: right;
width: 218px;
}




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

/* -- // jump // -- */
#index #jump {
clear: both;
width: 600px;
height: 25px;
overflow: hidden;
margin: 0 0 30px 30px;
}

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

#index #jump .box {
display: block;
width: 139px;
height: 25px;
float: left;
margin: 0 8px 0 0;
}

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

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

#index #jump #go_01 { background: url(../img/bt_livecame01_o.jpg) no-repeat top left; }
#index #jump #go_02 { background: url(../img/bt_livecame02_o.jpg) no-repeat top left; }
#index #jump #go_03 { background: url(../img/bt_livecame03_o.jpg) no-repeat top left; }
#index #jump #go_04 { background: url(../img/bt_livecame04_o.jpg) no-repeat top left; }

#index #jump #go_01 a { background: url(../img/bt_livecame01.jpg) no-repeat top left; }
#index #jump #go_02 a { background: url(../img/bt_livecame02.jpg) no-repeat top left; }
#index #jump #go_03 a { background: url(../img/bt_livecame03.jpg) no-repeat top left; }
#index #jump #go_04 a { background: url(../img/bt_livecame04.jpg) no-repeat top left; }

#index #jump #go_01 a:hover { background: none; }
#index #jump #go_02 a:hover { background: none; }
#index #jump #go_03 a:hover { background: none; }
#index #jump #go_04 a:hover { background: none; }

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

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

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

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

#index #info #in_info {
margin: 0 0 0 20px;
}

#index #info p#info_l {
float: left;
width: 134px;
margin: 0 20px 0 0;
}

#index #info p#info_r {
float: left;
width: 406px;
margin: 15px 0 0 0;
font-size: 83%;
}