@charset "utf-8";

/* CSS Document */

/* --------------------------------------------------
          hover IE対策
-------------------------------------------------- */
body { behavior: url("../csshover.htc"); }

/* --------------------------------------------------
          デフォルトスタイルリセット
-------------------------------------------------- */
* { margin: 0; padding: 0; border: 0; font-size: 10px; font-style: normal; font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif; }
html, body { min-height: 100%; }
body { height: 100%; margin: 0; padding: 0; }
* html div#wrapper { min-height: 100%; }/* for IE6 */
img { border: 0px; }

/* --------------------------------------------------
          fontセッティング
-------------------------------------------------- */
h1 { font-size: 1.6em; }
h2 { font-size: 1.5em; }
dt, dd, li, h3, h4, h5, p, th, td { font-size: 1.3em; }
a, strong { font-size: 1.0em; }
* span { font-size: 100%; }
dt, dd, li, h1, h2, h3, h4, h5, p, span, th, td { color: #484848; }

/* --------------------------------------------------
          wrapperコンテナ
-------------------------------------------------- */
div#wrapper { width: 900px; height: 100%; margin: 0 auto; padding: 0 10px; background: url(../img_other/wrap_bg.jpg) repeat-y; }

/* --------------------------------------------------
          ページ大見出し
-------------------------------------------------- */
div#wrapper h1 { width: 900px; margin: 0; padding: 2px 0; font-size: 1.3em; font-weight: normal; text-align: right; line-height: 100%; }

/* --------------------------------------------------
          headerコンテナ
-------------------------------------------------- */
div#wrapper div#header { width: 900px; height: 100px; margin: 0; padding: 0; position: relative; }

/* --------------------------------------------------
          左カラム
-------------------------------------------------- */
div#wrapper div#L-col { width: 200px!important; float: left; margin: 0; display: inline; }
div#wrapper div#L-col ul { list-style: none; }
div#wrapper div#L-col ul li.hdn { height: 50px; overflow: hidden; }
div#wrapper div#L-col ul li.hdn:hover { height: 150px; }
div#wrapper div#L-col a { display: block; width: 182px!important; height: 40px; background: url(../img_other/menu_button.jpg) no-repeat center -50px; padding: 10px 0 0 18px; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #33601A; }
div#wrapper div#L-col a:hover { display: block; width: 182px; height: 40px; background: url(../img_other/menu_button.jpg) no-repeat center 0px; padding: 10px 0 0 18px; font-size: 1.1em; font-weight: bold; text-decoration: none; color: #D35166; }
div#wrapper div#L-col ul li a span { display: block; text-align: right; font-size: 0.6em; font-weight: bold; color: #FFFFFF; margin: 4px 8px 0 0; }
div#wrapper div#L-col ul li.hdn ul { list-style: none; margin: 0; padding: 0; }
div#wrapper div#L-col ul li.hdn ul li a { display: block; width: 165px!important; height: 30px; background: url(../img_other/submenu_button.gif) no-repeat center -30px; margin: 13px 0; padding: 0 0 0 35px; font-size: 1em; font-weight: bold; text-decoration: none; color: #33601A; line-height: 30px; }
div#wrapper div#L-col ul li.hdn ul li a.sub:hover { display: block; width: 165px; height: 30px; background: url(../img_other/submenu_button.gif) no-repeat center 0px; padding: 0 0 0 35px; font-size: 1em; font-weight: bold; text-decoration: none; color: #D35166; line-height: 30px; }

/* --------------------------------------------------
          左カラム チラシDLメニューbox
-------------------------------------------------- */
div#wrapper div#L-col div.f_box { width: 200px; height: 30px; margin: 10px 0 0; }
div#wrapper div#L-col div.f_box a#flr { width: 200px!important; height: 30px; margin: 0; padding: 0; display: block; }
div#wrapper div#L-col div.f_box a#flr:hover { background: url(../img_other/flier_bg2.gif) no-repeat left top; }
div#wrapper div#L-col div.f_box a#flr:hover img { visibility:hidden; }
div#wrapper div#L-col p a#gar { width: 112px!important; height: 33px; background: none; margin: 0; padding: 0; }
div#wrapper div#L-col p a#gar:hover { width: 112px; height: 33px; background: none; margin: 0; padding: 0; }
div#wrapper div#L-col p#gar_tx { font-size: 11px; line-height: 100%; }

/* --------------------------------------------------
          左カラム コンテナ
-------------------------------------------------- */
div#wrapper div#L-col div.con { width: 190px; margin: 14px auto 0; border: 1px #33601A dashed; }

/* --------------------------------------------------
          左カラム コンテナコンテンツ
-------------------------------------------------- */
div#wrapper div#L-col div.con h3 { width: 190px; height: 20px; background: url(../img_other/L-col_cap_bg.jpg) repeat-x; text-align: center; line-height: 20px; color:#4D232C; }
div#wrapper div#L-col div.con p { margin: 3px; text-align: justify; line-height: 125%; }
div#wrapper div#L-col div.con p.add img { float: left; }
div#wrapper div#L-col div.con p.add, div#wrapper div#L-col div.con p.add-ep { margin: 3px 3px 10px; font-size: 1em; line-height: 125%; }
div#wrapper div#L-col div.con p.add-ep { height: 73px; }
div#wrapper div#L-col div.con p.add-ep img { float: left; }

/* --------------------------------------------------
          メインカラム
-------------------------------------------------- */
div#wrapper div#main-col { width: 675px; float: right; margin: 0 15px 0 0!important; margin/**/: 0 7px 0 0; }

/* --------------------------------------------------
          メインコンテンツ見出しセッティング
-------------------------------------------------- */
div#wrapper div#main-col div#page_caption { width: 650px; height: 32px; margin: 10px auto; line-height: 32px; background: url(../img_other/caption_bg.gif) no-repeat top center; }
div#wrapper div#main-col div#page_caption h2#cap { height: 32px; font-size:1.6em; padding: 0 0 0 20px; color: #33601A; float: left; text-align: left; }
div#wrapper div#main-col div#page_caption span { height: 16px; padding: 0 15px 0 0; color: #661C2C; float: right; text-align: right; font-weight: bold; }

/* --------------------------------------------------
          下部リンクコンテナ
-------------------------------------------------- */
div#wrapper div#ft-link { width: 900px; height: 20px; margin: 0; background-color: #71B050; text-align: center; line-height: 20px; clear: both; }

/* --------------------------------------------------
          下部リンク リンク詳細設定
-------------------------------------------------- */
div#wrapper div#ft-link ul { list-style: none; }
div#wrapper div#ft-link ul li { display: inline; color: #FFFFFF; }
div#wrapper div#ft-link ul li a { color: #FFFFFF; text-decoration: none; }
div#wrapper div#ft-link ul li a:hover { color: #B35166; text-decoration: none; }

/* --------------------------------------------------
          コピーライト表記
-------------------------------------------------- */
div#wrapper div#ft-copy { width: 900px; height: 14px; margin: 0; padding: 8px 0; background-color: #33601A; color: #FFFFFF; text-align: center; }

/* --------------------------------------------------
          フロート解除
-------------------------------------------------- */
.cb { height: 0; clear: both; line-height: 0; font-size: 0; visibility: hidden; }

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

/* --------------------------------------------------
          赤色指定
-------------------------------------------------- */
.red { color: #FF0000; }