@charset "UTF-8";

#index {
color: #595959;
}

#index h2#title_image {
display: block;
margin: 5px 0 0 0;
width: 660px;
height: 74px;
text-indent: -9999px;
background: url(../img/image_title.jpg) no-repeat 0 0;
}


#index p#top_banner {
margin: 0 0 6px 0;
padding: 0;
}

#index p#title_subimage {
margin: -1px 0 0 0;
padding: 0;
}

#index p#title_subimage img {
vertical-align: middle;
}



/* -- // main_box // -- */
#index #main_box {
width: 660px;
padding: 20px 0 0 0;
margin: 0 0 10px 0;
background: url(../common/bg_comment_back.jpg) repeat-y center top;
}

#index #main_box #main_box_b {
width: 660px;
padding: 0 0 1px 0;
background: url(../common/bg_comment_bottom.jpg) no-repeat center bottom;
}

#index #main_box .in_box {
min-height: 108px;
height: auto !important;
height: 108px;
margin: 0 20px 20px 20px;
}


#index #main_box .bill_photo {
width: 159px;
height: 108px;
float: left;
margin: 0 20px 0 0;
}

#index #main_box .bill_comment {
float: left;
width: 440px;
}

#index #main_box .separator {
clear: both;
width: 620px;
height: 1px;
overflow: hidden;
background: url(../common/bar.gif) no-repeat top left #cccccc;
margin: 0 0 20px 20px;
}


/* h3 */

#index h3#bill_floor {
display: block;
width: 215px;
height: 15px;
background: url(../img/subt_floor.jpg) no-repeat 0 0;
margin: 0 0 10px 0;
text-indent: -9999px;
}

#index h3#bill_lumi {
display: block;
width: 215px;
height: 15px;
background: url(../img/subt_lumi.jpg) no-repeat 0 0;
margin: 0 0 10px 0;
text-indent: -9999px;
}

#index h3#bill_night {
display: block;
width: 215px;
height: 15px;
background: url(../img/subt_night.jpg) no-repeat 0 0;
margin: 0 0 10px 0;
text-indent: -9999px;
}


/* -- // main_box end // -- */
/* -- // news // -- */
#index #news_box {
clear: both;
width: 660px;
margin: 0 0 10px 0;
background: url(../common/bg_comment_back.jpg) repeat-y center top;
}

#index #news_box_b {
width: 660px;
padding: 0 0 20px 0;
background: url(../common/bg_comment_bottom.jpg) no-repeat center bottom;
}

#index h3#news_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../common/subtitle_news.jpg) no-repeat 0 0;
}

#index #news {
width: 650px;
height: 125px;
margin: 0 5px;
overflow: auto;
}

#index #news ul {
margin: 10px 0 0 20px;
}

#index #news ul li {
font-size: 83%;
list-style-type: disc;
margin: 0 0 10px 0;
line-height: 1.5;
}

#index #news ul li a {
display: inline;
color: #666666;
text-decoration: underline;
margin: 0 0 0 10px;
}

#index #news ul li a:hover {
color: #666666;
text-decoration: none;
margin: 0 0 0 10px;
}

#index #news ul li span {
display: inline;
color: #666666;
margin: 0 0 0 10px;
}

/* -- // news end // -- */
/* -- // link_area // -- */
#index .link_arae {
width: 670px;
}

#index .link_box {
width: 214px;
margin: 0 9px 0 0;
background: url(../img/bg_mbox_c.jpg) repeat-y center top;
float: left;
}

#index .link_box_end {
width: 214px;
margin: 0;
background: url(../img/bg_mbox_c.jpg) repeat-y center top;
float: left;
}

#index .link_box_b {
width: 214px;
padding: 0 0 10px 0;
background: url(../img/bg_mbox_b.jpg) no-repeat center bottom;
}

#index .link_box_end p.photo ,
#index .link_box p.photo {
display: block;
width: 214px;
margin: 10px 0 0 0;
text-align: center;
}

/* -- rollover -- */
#index .link_box_end p.go_link ,
#index .link_box p.go_link {
display: block;
width: 75px;
height: 15px;
margin: 6px 0 0 130px;
background: url(../img/bt_go_detail_on.jpg) no-repeat 0 0;
}

#index .link_box_end p.go_link a ,
#index .link_box p.go_link a {
display: block;
width: 75px;
height: 15px;
background: url(../img/bt_go_detail_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#index .link_box_end p.go_link a:hover ,
#index .link_box p.go_link a:hover {
background: none;
}

/* -- rollover -- */


/* h3 */
#index h3#subt_facilities {
display: block;
width: 214px;
height: 30px;
background: url(../img/subt_facilities.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index h3#subt_lover {
display: block;
width: 214px;
height: 30px;
background: url(../img/subt_lovers.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index h3#subt_360 {
display: block;
width: 214px;
height: 30px;
background: url(../img/subt_360.jpg) no-repeat 0 0;
text-indent: -9999px;
}
/* h3 */

/* -- // link_box end // -- */

/* -- // bottom_link // -- */
#index #bottom_button {
clear: both;
width: 670px;
margin: 10px 0 0 0;
}

#index .bottom_box {
margin: 0 9px 0 0;
float: left;
}

/* -- rollover -- */
/* mail */
#index .bottom_box p.bottom_mail {
display: block;
width: 242px;
height: 146px;
background: url(../img/bt_mail_on.jpg) no-repeat 0 0;
}
#index .bottom_box p.bottom_mail a {
display: block;
width: 242px;
height: 146px;
background: url(../img/bt_mail_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index .bottom_box p.bottom_mail a:hover {
background: none;
}

/* special */
#index .bottom_box p.bottom_special {
display: block;
width: 241px;
height: 146px;
background: url(../img/bt_special_on.jpg) no-repeat 0 0;
}
#index .bottom_box p.bottom_special a {
display: block;
width: 241px;
height: 146px;
background: url(../img/bt_special_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index .bottom_box p.bottom_special a:hover {
background: none;
}

/* -- rollover -- */


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

#index .bottom_box_a {
width: 157px;
margin: 0;
background: url(../img/bg_bbox_c.jpg) repeat-y center top;
float: left;
}

#index .bottom_box_b {
width: 157px;
background: url(../img/bg_bbox_b.jpg) no-repeat center bottom;
padding: 0 0 2px 0;
}

/* -- rollover -- */
/* go_mission */
#index .bottom_box_a p#go_mission {
display: block;
width: 143px;
height: 33px;
background: url(../img/bt_mission_on.jpg) no-repeat 0 0;
margin: 0 0 5px 7px;
}
#index .bottom_box_a p#go_mission a {
display: block;
width: 143px;
height: 33px;
background: url(../img/bt_mission_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index .bottom_box_a p#go_mission a:hover {
background: none;
}

/* go_diary */
#index .bottom_box_a p#go_diary {
display: block;
width: 143px;
height: 33px;
background: url(../img/bt_diary_on.jpg) no-repeat 0 0;
margin: 0 0 5px 7px;
}
#index .bottom_box_a p#go_diary a {
display: block;
width: 143px;
height: 33px;
background: url(../img/bt_diary_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index .bottom_box_a p#go_diary a:hover {
background: none;
}

/* go_message */
#index .bottom_box_a p#go_message {
display: block;
width: 143px;
height: 33px;
background: url(../img/bt_message_on.jpg) no-repeat 0 0;
margin: 0 0 5px 7px;
}
#index .bottom_box_a p#go_message a {
display: block;
width: 143px;
height: 33px;
background: url(../img/bt_message_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index .bottom_box_a p#go_message a:hover {
background: none;
}


/* -- // link_box end // -- */

h3.news_title {
display: block;
width: 660px;
height: 30px;
text-indent: -9999px;
background: url(../common/subtitle_news.jpg) no-repeat 0 0;
}

/*-- bottom_link --*/
#index #bottom_banner {
width: 670px;
margin: 10px 0 0 0;
}

#index #bottom_banner ul {
}

#index #bottom_banner li {
width: 210px;
height: 60px;
float: left;
margin: 0 10px 10px 0;
}