@charset "utf-8";
/*
Theme Name: lunage
Theme URI: http://lunage-eye.jp/
Description: ルナージュ
Version: 1.0
Author: MYM Corporation.
Author URI: http://mym-d.co.jp/
*/

*{ margin:0; padding:0; }
img{ border:0; }
a{ color:#3399FF; text-decoration:none; }
a:hover{ color:#FF6600; text-decoration:underline; }

.hidden{ display:none; }
.clear{ clear:both; }
.left{ text-align:left; }
.right{ text-align:right; }
.center{ text-align:center; }


/*----------------------------------------------------------------------
    ベースレイアウト
  ----------------------------------------------------------------------*/
body{ font-size:12px; line-height:125%; font-family:"ＭＳ Ｐゴシック", "sans-serif"; text-align:center; background:#FFFFFF; color:#666666; }
#page{ width:896px; margin:0 auto; text-align:left; background:url(images/bg.jpg) repeat-y; }
#content-box{ padding:24px 28px 24px 32px; overflow:hidden; background:url(images/bg_pagetop.jpg) no-repeat top center; zoom:1; }
#content{ width:608px; float:left; }
#sidebar{ width:168px; float:right; }


/*----------------------------------------------------------------------
    ヘッダー
  ----------------------------------------------------------------------*/
#header{ width:864px; margin:0 auto; text-align:center; }
#navigation{ height:48px; list-style:none; }
#navigation li{ float:left; }
#navigation a{ display:block; width:144px; height:48px; background:url(images/btn_pagenavi.png); }
#navigation a span{ display:none; }
#navigation a.first{ background-position:0px 0px; }
#navigation a.first:hover{ background-position:0px -48px; }
#navigation a.plan{ background-position:-144px 0px; }
#navigation a.plan:hover{ background-position:-144px -48px; }
#navigation a.map{ background-position:-288px 0px; }
#navigation a.map:hover{ background-position:-288px -48px; }
#navigation a.report{ background-position:-432px 0px; }
#navigation a.report:hover{ background-position:-432px -48px; }
#navigation a.qanda{ background-position:-576px 0px; }
#navigation a.qanda:hover{ background-position:-576px -48px; }
#navigation a.contact{ background-position:-720px 0px; }
#navigation a.contact:hover{ background-position:-720px -48px; }


/*----------------------------------------------------------------------
    フッター
  ----------------------------------------------------------------------*/
#footer{ padding:16px 0; background:#FFFFFF url(images/bg_footer.jpg) no-repeat bottom; text-align:center; color:#999999; clear:both; }
#footer p{ margin-bottom:8px; }


/*----------------------------------------------------------------------
    サイドバー
  ----------------------------------------------------------------------*/
#sidebar .parts{ margin:0 0 16px; }
#sidebar .parts h2{ padding:7px 0 12px 20px; background:url(images/title_sidebg.png) no-repeat; color:#3399FF; font-size:12px; }
#sidebar .parts ul{ margin-left:4px; list-style:none; line-height:150%; }
#sidebar .parts li{ background:url(images/icon_li.png) no-repeat left center; padding-left:16px; }


/*----------------------------------------------------------------------
    メイン（通常記事・単ページ）
  ----------------------------------------------------------------------*/
#content h2{ margin-bottom:16px; }
.post .entry{ margin-bottom:24px; margin-left:8px; margin-right:16px; line-height:150%; }
.post .entry p,table{ margin-bottom:24px; }
.post .entry ul{ margin-left:1.5em; margin-bottom:24px; }
.post .entry ol{ margin-left:2.5em; margin-bottom:24px; }
.post .postmetadata{ margin:0 32px 48px 16px; padding:8px 12px; background:#FAFAFA; border-right:#F0F0F0 4px solid; border-bottom:#F0F0F0 4px solid; line-height:175%; }

.navigation{ width:95%; margin:0 auto; padding:8px 0; clear:both; }
.alignleft{ width:50%; float:left; text-align:left; }
.alignright{ width:50%; float:right; text-align:right; }
.nexticon a, a.nexticon{ padding-left:16px; background:url(images/icon_link.png) no-repeat; line-height:200%; }

.comments{ margin-right:16px; margin-bottom:24px; line-height:125%; }
.comments h4{ margin:32px 0 16px; padding:2px 6px; border-left:6px #CCCCCC solid; border-bottom:1px #CCCCCC solid; font-size:14px; font-weight:bold; }
.commentlist{ margin-left:2.5em; }
.commentmetadata{ margin:4px 0 12px; padding:2px; border-top:#CCCCCC 1px dotted; }

.respond{ margin-left:8px; }
.respond p{ margin-bottom:4px; }
.respond p em{ color:#FF0000; font-size:10px; font-style:normal; }


/*----------------------------------------------------------------------
    トップページ
  ----------------------------------------------------------------------*/
#history ul{ height:7.5em; overflow:auto; line-height:150%; margin:0; padding-left:1.5em; }


/*----------------------------------------------------------------------
    目のしくみについて
  ----------------------------------------------------------------------*/
#plan h3{ margin:16px 0 8px; padding:1px 16px 8px 22px; background:url('images/bg_h3.png') no-repeat left top; font-size:16px; color:#0066CC; }
#plan h4{ margin:32px 8px 8px 0; font-size:16px; color:#6666CC; }


/*----------------------------------------------------------------------
    店舗のご案内
  ----------------------------------------------------------------------*/
#map a{ margin:0; padding:0; line-height:0; }
#map a:hover{ margin:0; padding:0 0 0 4px; }


/*----------------------------------------------------------------------
    回復レポート
  ----------------------------------------------------------------------*/
#report h3{ margin:0; padding:16px 0 8px; font-size:16px; color:#666666; clear:both; }
#report table{ width:276px; margin:8px; border:1px #CCCCCC solid; border-collapse:collapse; border-spacing:0; text-align:center; font-size:12px; vertical-align:middle; float:left; table-layout:fixed; }
#report table th{ background:#FFECEC; border:1px #CCCCCC solid; padding:4px 0; }
#report table td{ border:1px #CCCCCC solid; padding:4px 0; }
#report table .title-l{ text-align:left; border-right:none; padding:4px 6px; }
#report table .title-r{ text-align:right; border-left:none; padding:4px 6px; }
#report table .title{ background:#A4C6FF; }
#report table .next{ color:#ff0033; font-weight:bold; font-size:14px; }
#report table .text{ text-align:left; padding:4px 6px; }


/*----------------------------------------------------------------------
    よくある質問
  ----------------------------------------------------------------------*/
#qanda h3{ margin:0; padding:16px 0 8px; }
#qanda h4{ margin:0; padding:0 0 8px 32px; }
#qanda p{ padding-left:32px; }


/*----------------------------------------------------------------------
    お問い合わせ
  ----------------------------------------------------------------------*/
#contact .contact_flow{ font-size:14px; color:#666666; padding-bottom:16px; }
#contact .contact_flow strong{ color:#FF9900; }
#contact .contact_flow span{ color:#A8A8A8; }
#contact .contact_flow .error{ color:#CC0000; font-size:12px; font-weight:bold; }
#contact .contact_send{ margin:32px 0; line-height:200%; }
#contact .caption{ padding:8px; border:1px #BF623D solid; color:#BF623D; }

#contact table{ width:560px; }
#contact th{ width:120px; background:#D2E9FF; border-right:2px #99CCFF solid; border-bottom:2px #99CCFF solid; color:#006699; text-align:center; vertical-align:middle; }
#contact td{ padding:8px; background:#F2F2F2; border-right:2px #CCCCCC solid; border-bottom:2px #CCCCCC solid; color:#666666; text-align:left; vertical-align:middle; }
#contact td span{ font-size:10px; }
#contact td input, #contact td textarea{ background:#FFFFFF; color:#666666; border:none; }
#contact td input.error, #contact td textarea.error{ background:#FFFFCC; color:#666666; }
#contact input, #contact textarea{ padding:4px; }