@charset "utf-8";

/* --------------------------------------------------------------------------------
  General
-------------------------------------------------------------------------------- */
.clear { clear: both; }
.bold { font-weight: bold; }
.red { color: crimson !important; }
.green { color: green; }
.blue { color: blue; }
.black { color: #333; }
.orange { color: #ff8c00 !important; }
.odd  { background-color: #f5fffa; }
.even { background-color: #fff; }
.twitter {
    clear:both;
    float: left;
    height: 22px;
    margin: 16px 0 0 10px;
    padding-top: 1px;
    *padding-top: 5px; /* for IE6/7 */
    padding-left: 25px;
    background: url("/elements/t_small-c.png") no-repeat; font-size: 12px;
}
.facebook {
    float: left;
    margin: 16px 0 0 0;
    padding: 0 0 0 10px;
}

/* --------------------------------------------------------------------------------
  Clearfix
-------------------------------------------------------------------------------- */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*¥*//*/ height: auto; overflow: hidden; /**/ }

/* --------------------------------------------------------------------------------
  Article
-------------------------------------------------------------------------------- */
#article .lead { font-size:106%; font-weight:bold; padding-bottom:0.3em; text-indent:0; }
#article .frame { padding: 1px; border: 1px solid #ddd; }

#article p { margin: 0.5em 0 1em; }

#article h1#maintitle,
#article h1#subtitle {
    font-family: "メイリオ","ＭＳ Ｐゴシック",sans-serif;
    letter-spacing: -1px;
    padding-left: 0;
}

#article h1#subtitle {
    padding-bottom: 0;
    letter-spacing: -1px;
}

#article h2 {
    margin-left: 0;
    font-size: 114.2%;
    font-weight: bold;
}
#article h3.reset { width: 100%; border:0 none; font-weight: bold; }

#article h2.next { padding-top: 1em; }

#article h2.number_one,
#article h2.number_two,
#article h2.number_three,
#article h2.number_four { border: 0 none; padding-left: 40px; }
#article h2.number_one { background: url(/report/bg_number_one.png) left top no-repeat; }
#article h2.number_two { background: url(/report/bg_number_two.png) left top no-repeat; }
#article h2.number_three { background: url(/report/bg_number_three.png) left top no-repeat; }
#article h2.number_four { background: url(/report/bg_number_four.png) left top no-repeat; }

#article sup { vertical-align: 4px; font-size: 71.4%; } /* 10px */

#article .free-dial { padding-left: 25px; background: url(/elements/201107/images/icon-free-dial.png) left 5px no-repeat;}
#article .tel { padding-left: 21px; background: url(/elements/201107/images/icon-tel.png) 0 5px no-repeat;}

/* recipebox */
#article .recipebox { clear: both; padding: 0 10px; }
#article .recipebox h3 { width: 100%; padding-left: 0; font-weight: bold; border: 0 none; }
#article .recipebox h4 { margin: 0.5em 0; font-size: 100%; font-weight: bold; color: crimson; }
#article .recipebox p { margin: 0.5em 0; text-indent: 0; }
#article .recipebox ol { padding-left: 20px; }
#article .recipebox ul li,
#article .recipebox ol li { font-size: 92.8%; line-height: 1.2em; } /* 13px */

/* infobox */
#article .infobox { clear: both; margin: 15px 0; padding: 20px 20px 10px 20px; background: #f8f4e6; border: 1px solid #839b5c; }
#article .infobox h3 { margin: 0; padding: 0 0 0.5em 0; font-size: 114%; font-weight: bold; border: 0 none; border-bottom: 1px dotted #839b5c; width: 69%; }
#article .infobox p,
#article #maincontent .infobox p {
    text-indent: 0;
    font-size: 92.8%;
    line-height: 1.4em;
} /* 13px */
#article .infobox .map,
#article .infobox .icon { float: right; width: 171px; padding: 0 0 10px 10px;}

/* Signature */
#article .signature { clear: both; }

/* Horizontal */
/*#article .horizontal h2 { clear: both; }*/
#article dl.horizontal { margin-bottom: 10px; }
#article dl.horizontal dt { float: left; font-size: 14px; font-weight: bold; margin: 0 0 2px; padding-left:18px; width: 100px; }
#article dl.horizontal dd { float: left; font-size: 14px; margin: 0 0 2px; width: 532px; }
#article dl.horizontal:after { clear: both; }

/* Event Calendar */
#article .calendar h2 {
    clear: both;
}
#article .calendar dl {
    margin-bottom: 10px;
    line-height: 1.6;
}
#article .calendar dl dt {
    float: left;
    font-size: 16px;
    font-weight: bold;
    margin: 0 10px 2px 0;
    padding-left:18px;
    width: 100px;
}
#article .calendar dl dd {
    float: left;
    font-size: 16px;
    margin: 0 0 2px;
    width: 522px;
}