@charset "UTF-8";

#index {
width: 878px;
margin: 0 0 0 11px;
color: #7b706b;
}

#index h2#title_image {
display: block;
width: 878px;
height: 65px;
text-indent: -9999px;
background: url(../img/image_title.jpg) no-repeat left top;
}

#index .title {
width: 878px;
height: 30px;
}

#index #main_box {
width: 878px;
margin: 0 0 10px 0;
background: url(../common/bg_comment_back.gif) repeat-y left top;
}

#index #main_box_b {
width: 878px;
padding: 0 0 10px 0;
background: url(../common/bg_comment_bottom.gif) no-repeat left bottom;
}

/* -- h3 -- */
h3#subt_premium {
display: block;
width: 251px;
height: 16px;
background: url(../img/subt_premium.jpg) no-repeat 0 0;
text-indent: -9999px;
}

h3#subt_favorite {
display: block;
width: 253px;
height: 18px;
background: url(../img/subt_favorite.jpg) no-repeat 0 0;
text-indent: -9999px;
}
/* -- h3 ebnd -- */


/* detail box */
#index #main_detail {
width: 857px;
margin: 10px 0 0 11px;
background: url(../common/bg_box_c.jpg) repeat-y center top;
}

#index #main_detail_t {
width: 857px;
padding: 20px 0 0 0;
background: url(../common/bg_box_t.jpg) no-repeat center top;
}

#index #main_detail_b {
width: 857px;
padding: 0 0 1px 0;
background: url(../common/bg_box_b.jpg) no-repeat center bottom;
}

#index #main_detail #inner {
margin: 0 25px;
}

#index #main_detail #inner p {
margin: 0 0 20px 0;
}


#index #main_detail #inner h3 {
margin: 0 0 10px 0;
}

#index #main_detail #inner span {
display: block;
margin: 5px 0 0 0;
font-size: 83%;
color: #b5b5b5;
}

#index #separator {
height: 1px;
margin: 0 0 20px 0;
overflow: hidden;
}

/* detail box end */

/* menu_list */
#index #menu_list {
margin: 10px 0 0 10px;
}

#index .menu_box7 .m_detail ,
#index .menu_box8 .m_detail {
margin: 0 15px 0 10px;
padding: 0 0 0 9px;
border-left: 1px solid #9c4d2e;
font-size: 83%;
}

#index .menu_box7 p.m_comment ,
#index .menu_box8 p.m_comment {
}

#index .menu_box7 p.m_price ,
#index .menu_box8 p.m_price {
display: block;
margin: 10px 0 0 0;
}

#index .menu_box7 p.bt ,
#index .menu_box8 p.bt {
display: block;
width: 189px;
height: 27px;
margin: 3px 0 0 9px;
}

#index .menu_box7 p.btl {
display: block;
width: 189px;
height: 27px;
margin: 3px 0 0 9px;
background: url(../img/bt_month_on.jpg) no-repeat 0 0;
}


#index .menu_box7 p.btl a {
display: block;
width: 189px;
height: 27px;
background: url(../img/bt_month_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#index .menu_box7 p.btl a:hover {
background: none;
}

#index .menu_box7 {
width: 207px;
background: url(../common/bg_item_c7.jpg) repeat-y 0 0;
margin: 0 10px 0 0;
float: left;
}
#index .menu_box8 {
width: 208px;
background: url(../common/bg_item_c8.jpg) repeat-y 0 0;
float: left;
}

#index .menu_box_b7 {
width: 207px;
padding: 0 0 8px 0;
background: url(../common/bg_item_b7.jpg) no-repeat center bottom;
}
#index .menu_box_b8 {
width: 208px;
padding: 0 0 8px 0;
background: url(../common/bg_item_b8.jpg) no-repeat center bottom;
}


/* h3 */
#index #menu_list h3 {
margin: 0 0 10px 10px;
}

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

#index #menu_list h3#cake {
display: block;
width: 70px;
height: 11px;
background: url(../img/subt_cake.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#index #menu_list h3#month {
display: block;
width: 69px;
height: 11px;
background: url(../img/subt_month.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index #menu_list h3#cream {
display: block;
width: 119px;
height: 11px;
background: url(../img/subt_cream.jpg) no-repeat 0 0;
text-indent: -9999px;
}


/* h3 end */

/* menu_list end */

/* -- info_area -- */
#index #info_area {
clear: both;
width: 878px;
margin: 10px 0 0 11px;
}

#index #info_area #toracotoraja {
width: 223px;
float: left;
margin: 0 9px 0 0;
}

#index #info_area #toracotoraja h4 {
display: block;
width: 223px;
height: 49px;
background: url(../img/bg_go_official.jpg) no-repeat 0 0;
}

#index #info_area #toracotoraja h4 a {
display: block;
width: 223px;
height: 49px;
background: url(../img/bg_go_official.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#index #info_area #toracotoraja p {
color: #2c7a35;
}

#index #info_area #info {
width: 626px;
float: left;
background: url(../img/bg_attention_c.jpg) repeat-y center top;
}

#index #info_area #info_t {
width: 626px;
padding: 15px 0 0 0;
background: url(../img/bg_attention_t.jpg) no-repeat center top;
}

#index #info_area #info_b {
width: 626px;
padding: 0 0 15px 0;
background: url(../img/bg_attention_b.jpg) no-repeat center bottom;
}

#index #info_area #info p {
margin: 0 20px 0 16px;
}

/* -- // news // -- */
#index #news_box {
clear: both;
width: 878px;
padding: 0 0 0 0;
}

#index #news_box h3#news_title {
display: block;
width: 878px;
height: 30px;
text-indent: -9999px;
background: url(../img/subtitle_news.jpg) no-repeat center top;
}

#index #news_in {
width: 878px;
background: url(../common/bg_comment_back.jpg) repeat-y center top;
}

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

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

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

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

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

#index #news li a:hover {
color: #666666;
text-decoration: none;
}

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

/* -- // go_index // -- */
#index #go_index {
clear: both;
width: 600px;
}

#index #go_index p {
display: block;
width: 107px;
height: 10px;
background: url(../common/bt_go_index_on.jpg) no-repeat 0 0;
}

#index #go_index p a {
display: block;
width: 107px;
height: 10px;
background: url(../common/bt_go_index_off.jpg) no-repeat 0 0;
text-indent: -9999px;
}
#index #go_index p a:hover {
background: none;
}

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

#index #bottom_banner ul {
}

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