@charset "utf-8"; 

/* サイト共通のデザイン（レイアウト、ヘッダー、フッター、ナビゲーション）を記述する。 */

body { color:#123; font:16px/1.5 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; -webkit-text-size-adjust: none; background-color: #F1EAE2; }

/* レイアウト */
#container { width: 960px; background-color: #fff; margin:1em auto; box-shadow:0 3px 10px 0 #9E9E9E; border-radius:10px; border:2px solid #fff; }

main { margin:0; text-align:center; } /* 1カラム */

/* ヘッダー */
header {border-radius:10px;}
header h1 { padding:0; color:#fff; }

/* ブロック */
section, article { margin:0 auto 15px; padding:0; }

/* ページトップ */
#page-top { position: fixed; bottom: 20px; right: 20px; }
#page-top a { display: block; background:url('pagetop.png') no-repeat; text-indent:100%; white-space:nowrap; overflow:hidden; width:60px; height:60px; filter: alpha(opacity=60); -moz-opacity:0.6; opacity:0.6; }
#page-top a:hover { filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


/* フッター */
footer { clear:both; padding:0.5em 0; background:#9C3234; border-top:2px solid #ccc; color: #FFFFFF; border-radius:10px; font-weight:normal; text-align:center}
address {margin:0.5em 20px; font-style:normal; font-size:14px; text-align:center;}
address strong { font-size:18px}
address a { color: #FFFFFF}

.recipe {background:url('../images/recipe.png') no-repeat; width:955px; height:90px; text-align:center; font-size:36px; padding-top:19px; font-weight:bold; font-family:}
.gourmet {border-radius:10px; background-color:#fadce9; width:98%;}

.fl { float:left; text-align:left;}
.fr { float:right}

.c_b { clear:both}
.ti { font-size:18px; background-color:#FFFFFF; color:#D75B8D;border-radius:18px; padding-left:10px; margin:15px 0 8px; font-weight:bold}
.tac { text-align:center; margin:0 auto;}
.cg { color:#979797}
.re_t { color: #FFFFFF; font-size:26px; font-weight:bold; background-color:#1f2f7c;border-radius:20px; padding:0 12px; margin:0 0 6px}
.re_t2 { color:#00AAFF; font-size:18px; font-weight:bold; border-bottom:1px dotted #7F7F7F; margin:10px 0 6px}
.cb {color: #3A57DF;}

.table01 { margin:0 auto;}
.table01 tr td { vertical-align:top}
.table01 strong { font-size:18px}

.w910 { width:910px; margin:0 auto;}

.ph { width:200px; float:left;}
.pr {float:right;}
.na { font-size:20px;font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}

.ga { margin:5px auto;}
.ga th { text-align:center; vertical-align:top; font-size:16px; vertical-align:middle; padding:2px 5px 5px}
.ga td { padding:4px 0 0 10px; vertical-align:top; font-size:16px; border-bottom:1px solid #666; vertical-align:middle; padding:8px; font-size:15px;}
.ha { text-indent:-14px; margin:0 0 0 14px;}
.kai { color: #313131; background-color: #FFFFFF; border:1px solid #383838; height:50px; width:90px; display:block; padding:15px 0 0 0; font-weight:normal; font-size:14px;}

.pt { background-color:#9C3234; color:#FFFFFF;border-radius:20px; padding:2px 12px; margin:0 0 6px; font-size:22px; width:910px; margin:10px auto; font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;}
.pt2 { background-color: #915454; color:#FFFFFF;padding:2px 8px; margin:0 0 6px; font-size:14px; margin:0px auto;}

.ga .muryou {text-align:center; border:2px solid #C21B1D; color:#C21B1D; width:150px;
border-radius:40px;/* CSS3 */
-moz-border-radius:40px;    /* Firefox */
-webkit-border-radius:40px; /* Safari,Chrome */}

.bo {text-align:center; width:300px; display:block; color:#FFF; background-color: #9C3234; margin:10px auto; padding:15px 0 0 ; font-size:17px; font-weight: normal; height:60px; border:2px #fff;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.bo a {color:#FFF; text-decoration: none; border:2px #fff;}
.bo:hover { background-color: #C46264; text-decoration: none; border:2px #fff;}

.ra {text-align:center; display:block; color:#FFF; background-color: #9C3234; padding:4px 6px; margin:4px; font-size:17px; font-weight: normal; border:2px #fff;
border-radius:5px;         /* CSS3 */
-moz-border-radius:5px;    /* Firefox */
-webkit-border-radius:5px; /* Safari,Chrome */}
.ra a {color:#FFF; text-decoration: none; border:2px #fff;}
.ra:hover { background-color: #C46264; text-decoration: none; border:2px #fff;}

.lsde { list-style:decimal; margin-left:14px;}