@charset "UTF-8";

#pan {
margin: 0 0 10px 11px;
}

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

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

#index h2#sub_title {
display: block;
width: 878px;
height: 30px;
text-indent: -9999px;
background: url(../img/subt_title.jpg) no-repeat center 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 center top;
}

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

#index #catch {
width: 818px;
margin: 25px 0 30px 30px;
}

#index #catch h3#subt_month {
display: block;
width: 250px;
height: 20px;
margin: 0 0 20px 0;
background: url(../img/subt_top_month.gif) no-repeat 0 0;
text-indent: -9999px;
}


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

#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 {
width: 197px;
background: url(../img/bg_item_c197.gif) repeat-y 0 0;
margin: 0 9px 0 0;
float: left;
}
#index .menu_box8 {
width: 198px;
background: url(../img/bg_item_c198.gif) repeat-y 0 0;
float: left;
}

#index .menu_box_b7 {
width: 197px;
padding: 0 0 8px 0;
background: url(../img/bg_item_b197.gif) no-repeat center bottom;
}
#index .menu_box_b8 {
width: 198px;
padding: 0 0 8px 0;
background: url(../img/bg_item_b198.gif) no-repeat center bottom;
}


/* h3 */
#index #menu_list h3 {
margin: 0 0 10px 10px;
color: #9c4d2e;
font-size: 83%;
}

#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 */

/* -- // standard // -- */
#index #standard_box {
clear: both;
width: 827px;
margin: 0 0 30px 30px;
background: url(../img/bg_box_c.jpg) repeat-y left top;
}

#index #standard_box h3#standard_title {
display: block;
width: 178px;
height: 20px;
margin: 0 0 10px 13px;
background: url(../img/subt_standard.jpg) no-repeat left top;
text-indent: -9999px;
}

#index #standard_t {
width: 827px;
padding: 20px 0 0 0;
background: url(../img/bg_box_t.jpg) no-repeat left top;
}

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

#index #standard {
margin: 0 0 0 13px;
}

#index #standard .stan_menu {
width: 191px;
float: left;
min-height: 116px;
height: auto !important;
height: 116px;
padding: 10px 0 0 0;
border-top: 1px solid #9c4d2e;
font-size: 83%;
}

#index #standard .stan_menu p {
display: block;
width: 169px;
padding: 0 0 0 30px;
}

#index #standard #m_lsit01 {
background: url(../img/bg_m_lsit06.jpg) no-repeat 0 10px;
margin: 0 10px 0 0;
} 
#index #standard #m_lsit02 {
background: url(../img/bg_m_lsit05.jpg) no-repeat 0 10px;
margin: 0 10px 0 0;
} 
#index #standard #m_lsit03 {
background: url(../img/bg_m_lsit01.jpg) no-repeat 0 10px;
margin: 0 10px 0 0;
} 
#index #standard #m_lsit04 {
background: url(../img/bg_m_lsit07.jpg) no-repeat 0 10px;
margin: 0;
} 


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

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

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

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

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

/* -- // attention // -- */
#index #attention {
clear: both;
width: 816px;
margin: 0 0 30px 30px;
background: url(../img/bg_attention_c.jpg) repeat-y left top;
}
#index #attention_t {
width: 816px;
padding: 15px 0 0 0;
background: url(../img/bg_attention_t.jpg) no-repeat left top;
}
#index #attention_b {
width: 816px;
padding: 0 0 15px 0;
background: url(../img/bg_attention_b.jpg) no-repeat left bottom;
}
#index #attention p {
margin: 0 30px;
color: #ffffff;
}
/* -- // attention end // -- */
/* -- // pdf_box // -- */
#index #pdf_box {
clear: both;
width: 816px;
margin: 0 0 20px 30px;
background: url(../img/bg_pdf_c.jpg) repeat-y left top;
}
#index #pdf_box_t {
width: 816px;
padding: 20px 0 0 0;
background: url(../img/bg_pdf_t.jpg) no-repeat left top;
}
#index #pdf_box_b {
position: relative;
width: 816px;
padding: 0 0 20px 0;
background: url(../img/bg_pdf_b.jpg) no-repeat left bottom;
}

#index #pdf_box_in {
margin: 0 0 0 120px;
}

#index #pdf_box p {
float: left;
margin: 0 20px 0 0;
}

#index #pdf_box p#get_pdf {
position: absolute;
bottom: 20px;
left: 500px;
display: block;
width: 209px;
height: 43px;
background: url(../img/get_pdf.jpg) no-repeat 0 0;
}

#index #pdf_box p#get_pdf a {
display: block;
width: 209px;
height: 43px;
background: url(../img/get_pdf.jpg) no-repeat 0 0;
text-indent: -9999px;
}

#index #pdf_box p#get_pdf a:hover {
background: none;
}


/* -- // attention end // -- */

/* -- // 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;
}