@charset "UTF-8";

#index {
color: #595959;
}

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

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

#index h3#subt_360 {
display: block;
width: 312px;
height: 21px;
margin: 25px 0 20px 0;
background: url(../img/subt_360.jpg) no-repeat left top;
text-indent: -9999px;
}

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

#index #jump {
clear: both;
display: block;
width: 189px;
height: 24px;
margin: 0 0 20px 234px;
background: url(../img/bt_go_panorama_on.jpg) no-repeat 0 0;
}

#index #jump a {
display: block;
width: 189px;
height: 24px;
background: url(../img/bt_go_panorama_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}

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

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

#index .pbox {
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 p {
margin: 20px 20px 0 20px;
}

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

/* -- // -- best -- // -- */

#best {
color: #595959;
}

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

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

#best h3#subt_view {
display: block;
width: 381px;
height: 20px;
margin: 25px 0 20px 0;
background: url(../img/subt_best.jpg) no-repeat left top;
text-indent: -9999px;
}

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

#best .co_inner {
padding: 0 0 30px 0;
}
/* -- // main_box end // -- */

/* -- // panorama_box // -- */
#best #view_box {
width: 588px;
margin: 0 0 0 34px;
}

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

/* -- // comment // -- */
#best  .pic_box {
width: 588px;
}

#best .pic_box .comment {
width: 588px;
margin: 20px 0;
background: url(../img/bg_comment_c.jpg) repeat-y center top;
}

#best .pic_box .comment_t {
width: 588px;
padding: 20px 0 0 0;
background: url(../img/bg_comment_t.jpg) no-repeat center top;
}

#best .pic_box .comment_b {
width: 588px;
padding: 0 0 20px 0;
background: url(../img/bg_comment_b.jpg) no-repeat center bottom;
}

#best .pic_box .comment p {
margin: 0 20px;
text-align: center;
}

#best .pic_box .comment p span {
font-weight: bold;
color: #a23155;
}

/* -- // comment end // -- */

/* -- // comment // -- */
#best .info {
width: 600px;
margin: 20px 0 20px 28px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
}

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

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

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

/* -- // comment end // -- */

/* -- // -- city -- // -- */

#city {
color: #595959;
}

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

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

#city h3#subt_city {
display: block;
width: 439px;
height: 20px;
margin: 25px 0 0 0;
background: url(../img/subt_photo_city.jpg) no-repeat left top;
text-indent: -9999px;
}

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

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

/* -- // main_box end // -- */
/* -- // fast_box // -- */
#city #fast_box {
width: 600px;
height: 863px;
margin: 0 0 20px 30px;
background: url(../img/bg_fast_box.jpg) no-repeat 0 0;
}

#city #fast_box p {
margin: 0 0 0 22px;
}

#city #fast_box p#box_catch {
display: block;
width: 538px;
height: 29px;
padding: 20px 0;
background: url(../img/city_catch.jpg) no-repeat left center;
text-indent: -9999px;
}

/* -- // fast_box end // -- */

/* -- // panorama_box // -- */
#city #view_box {
width: 588px;
margin: 0 0 0 34px;
}

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

/* -- // comment // -- */
h3#subt_east {
display: block;
width: 71px;
height: 15px;
background: url(../img/subt_west.jpg) no-repeat left top;
text-indent: -9999px;
}

h3#subt_jrosaka {
display: block;
width: 155px;
height: 15px;
background: url(../img/subt_jrosaka.jpg) no-repeat left top;
text-indent: -9999px;
}

#city  .pic_box {
width: 600px;
margin: 0 0 30px 0;
}

#city .pic_box .comment {
width: 600px;
margin: 20px 0;
}

/* -- // comment end // -- */

/* -- // comment // -- */
#city .info {
width: 600px;
margin: 20px 0 20px 28px;
background: url(../img/bg_info_c.jpg) repeat-y center top;
}

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

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

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

/* -- // comment end // -- */