@charset "utf-8";
/*
Theme Name: Exterior FUJI
Theme URI: http://ex-fuji.com/
Description: えくすてりや不二
Version: 1.0
Author: MYM Corporation.
Author URI: http://mym-d.co.jp/
*/

*{ margin:0; padding:0; }
img{ border:0; }
a{ color:#006633; text-decoration:none; }
a:hover{ color:#FF0000; text-decoration:underline; }

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

/*----------------------------------------------------------------------
    ベースレイアウト
  ----------------------------------------------------------------------*/
body{ font-size:12px; font-family:"ＭＳ Ｐゴシック", "sans-serif"; text-align:center; background:#FDFBCF; color:#666666; }
#base{ background:url(images/bg_top.jpg) repeat-x; }
#page{ width:808px; margin:0 auto; background:url(images/bg_main.jpg) repeat-y; text-align:left; }

#content-box{ overflow:hidden; margin-right:8px; background:url(images/bg_main.png) no-repeat right bottom; }
#content{ width:608px; padding:16px 0; float:right; }
#sidebar{ width:172px; padding:16px 0; float:left; }


/*----------------------------------------------------------------------
    ヘッダー
  ----------------------------------------------------------------------*/
#header{ height:200px; background:url(images/bg_header.jpg) no-repeat; position:relative; }
.sitelogo{ position:absolute; top:100px; left:40px; }
.description{ font-size:10px; width:376px; position:absolute; top:36px; left:168px; }


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


/*----------------------------------------------------------------------
    サイドバー
  ----------------------------------------------------------------------*/
#mainmenu{ margin-left:20px; overflow:hidden; }
#mainmenu h2{ margin-bottom:8px; }
#mainmenu ul{ list-style:none; }
#mainmenu li{ float:left; }
#mainmenu a{ display:block; width:144px; height:56px; background:url(images/btn_main.jpg); background-position:0px 0px; overflow:hidden; font-size:14px; color:#666666; font-weight:bold; line-height:100%; }
#mainmenu a:hover{ background-position:0px -56px; color:#333333; text-decoration:none; }
#mainmenu a span{ display:block; padding-top:8px; padding-left:16px; }
#mainmenu a span i{ display:block; line-height:225%; font-size:12px; font-weight:normal; font-style:normal; }

#shopinfo{ padding-top:32px; padding-left:16px; overflow:hidden; }
#shopinfo strong{ padding-top:32px; }
#shopinfo p{ padding-top:8px; line-height:130%; }


/*----------------------------------------------------------------------
    メイン（通常記事・単ページ）
  ----------------------------------------------------------------------*/
.post h2{ margin-bottom:8px; padding-top:3px; padding-left:40px; background:url(images/bg_h2.png) no-repeat left top; font-size:16px; color:#009900; line-height:112%; }
.post h2 span{ display:block; color:#84A900; font-size:12px; letter-spacing:0.3em; }
.post h2 a{ color:#009900; }
.post h2 a:hover{ color:#FF0000; }

.post h3{ margin:0 0 8px; padding:6px 0px 4px 8px; background:url(images/bg_h3.png) repeat-x left top; border-left:6px #99CC66 solid; border-bottom:2px #99CC66 solid; font-size:16px; color:#009900; }
.post h4{ margin:24px 0 8px; padding:2px 0 2px 24px; background:url(images/bg_h4.png) no-repeat left top; font-size:14px; color:#009900; }
.post .h4_title{ margin:0; padding:10px 0 10px 26px; background:url(images/bg_sekou.jpg) no-repeat ;  color:#FEFBD0; }
.post h5{ margin:24px 0 8px; font-size:12px; color:#666666; border-bottom:1px #999999 solid; }

.post .entry{ margin:16px 8px 16px 32px; line-height:150%; }
.post .entry p,table{ margin-bottom:24px; font-size:12px; color:#666666; }
.post .entry ul{ margin-left:0; margin-bottom:24px; list-style:none; }
.post .entry ul li{ margin:0; padding:1px 0 7px 18px; background:url(images/icon_li.gif) left top no-repeat; line-height:110%; }
.post .entry ol{ margin-left:2.5em; margin-bottom:24px; }

.post .postmetadata{ margin:0 16px 32px 32px; padding:8px 12px; background:#FDF9AE; border-right:#EDE68F 4px solid; border-bottom:#EDE68F 4px solid; line-height:175%; }
.navigation{ width:90%; margin:0 auto; padding:8px 0; clear:both; }
.alignleft{ width:45%; float:left; text-align:left; }
.alignright{ width:45%; float:right; text-align:right; }
.nextpage a, a.nexticon{ padding:0 0 4px 18px; background:url(images/icon_a.gif) no-repeat; line-height:200%; }

.comments{ margin:4px 64px 16px 40px; line-height:125%; }
.comments h3{ margin:24px 0 16px; padding:6px 0px 4px 8px; background:none; border-left:6px #999999 solid; border-bottom:1px #999999 solid; font-size:14px; color:#666666; }
.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; }


/* ================================================================================== */

/*----------------------------------------------------------------------
   トップページ
  ----------------------------------------------------------------------*/
.topimages{ width:600px; height:300px; position:relative; background:#FFFFFF; }
.topimages img{ position:absolute; left:0; top:0; }

#top_pagelink{ margin:8px 0 16px; }
#top_pagelink span{ display:none; }

#top_topics{ width:592px; height:200px; background:url(images/bg_top_topics.png) no-repeat left top; position:relative; }
#top_topics ul{ list-style:none; padding-left:42px; }
#top_topics ul li{ padding-top:17.5px; line-height:120%; }
#top_topics p{ width:576px; text-align:right; position:absolute; top:144px; left:0px; }

#top_banner a { display:block; margin-bottom:24px; }


/*----------------------------------------------------------------------
  お見積もりフォーム・お問い合わせフォーム
  ----------------------------------------------------------------------*/
.contact_flow{ font-size:14px; color:#666666; padding-bottom:16px; }
.contact_flow strong{ color:#FF9900; }
.contact_flow span{ color:#999999; }
.contact_flow .error{ color:#CC0000; font-size:12px; font-weight:bold; }
.contact_send{ margin:32px 0; line-height:200%; }
.forminfo span, table.box-form th span{ color:#CC0000; }

table.box-form{ width:580px; border-collapse:separate; border-spacing:4px; }
table.box-form th{ width:144px; padding:12px 0; background:#FDF9AE; border-right:#EDE68F 2px solid; border-bottom:#EDE68F 2px solid; color:#666666; text-align:center; line-height:100%; font-size:12px; }
table.box-form td{ padding:8px; text-align:left; line-height:150%; }
table.box-form .error{ background:#FFF0FF; }
table.box-form input,table.box-form textarea{ padding:2px; border:1px #999999 solid; font-size:12px; }
.contact input{ padding:4px; }


/*----------------------------------------------------------------------
   施工例
  ----------------------------------------------------------------------*/
#example_mainmenu{ height:64px; overflow:hidden; }
#example_mainmenu a{ display:block; width:112px; height:40px; background:url(images/btn_example_select.png); float:left; text-indent: -9999px;}
#example_mainmenu a.exteriornew{ background-position:0px 0px; }
#example_mainmenu a.exteriornew:hover{ background-position:0px -40px; }
#example_mainmenu a.exteriorreform{ background-position:-112px 0px; }
#example_mainmenu a.exteriorreform:hover{ background-position:-112px -40px; }
#example_mainmenu a.garden{ background-position:-224px 0px; }
#example_mainmenu a.garden:hover{ background-position:-224px -40px; }
#example_mainmenu a.reform{ background-position:-336px 0px; }
#example_mainmenu a.reform:hover{ background-position:-336px -40px; }
#example_mainmenu a.original{ background-position:-448px 0px; }
#example_mainmenu a.original:hover{ background-position:-448px -40px; }

#example .imgbox{ border-top:1px #666666 solid; border-left:1px #666666 solid; border-right:3px #666666 solid; border-bottom:3px #666666 solid; background:#FFFFFF; overflow:hidden; }
#example img{ margin:6px; }
#example p{ margin:8px; padding:0; }
#example .w160{ float:left; text-align:left; margin-right:8px; }
#example .w160 p{ width:172px; margin:4px 0 8px; }
#example .w240{ float:left; text-align:left; margin-right:12px; }
#example .w240 p{ width:252px; margin:4px 0 8px; }

#example .exteriornew_frame{ height:532px; padding-right:8px; background:url(images/bg_exteriorreform_frame.png) no-repeat left top; }
#example .exteriornew_frame h3{ margin:0; padding:12px 0 24px 12px; background:none; border:none; font-size:16px; color:#333333; }
#example .exteriornew_frame img{ border:2px #003300 solid; }
#example .exteriornew_frame .leftparts{ width:156px; float:left; text-align:right; }
#example .exteriornew_frame .leftparts img{ margin:0 0 4px 0; }
#example .exteriornew_frame .rightparts{ width:398px; float:right; }
#example .exteriornew_frame .rightparts img{ margin:0; }
#example .exteriornew_frame .rightparts .message_head{ margin:0 0 12px 8px; padding:0 0 0 16px; background:url(images/bg_exteriorreform_frame_message_head.png) no-repeat left top; line-height:130%; color:#333333; }
#example .exteriornew_frame .rightparts .message_main{ margin-bottom:8px; line-height:130%; color:#333333; }
#example .exteriornew_frame .rightparts .message_material{ border:1px #003300 solid; padding:4px 8px; background:#FFFFFF; line-height:130%; color:#003300; }



/*----------------------------------------------------------------------
   会社概要
  ----------------------------------------------------------------------*/
.company{ margin-top:24px;  margin-left:12px; }
.company th{ width:128px; border-top:2px  #99CC66 solid; padding:8px 0; }
.company td{ width:400px; border-top:2px  #B7DB93 solid; padding:8px 0; }
.company_box{ width:200px; padding:4px 0; background:#B7DB93; border-right:1px #659832 solid;  border-bottom:1px #659832 solid; text-align:center; float:left; }
.company_text{ width:320px; margin-left:12px; float:left; letter-spacing:0.1em; }
.company_text p{ text-align:center; font-weight:bold; }
.company_header{ text-align:center;  width:560px; margin-left:4px; padding:4px 0; background:#B7DB93; border-right:1px #659832 solid;  border-bottom:1px #659832 solid; }


/*----------------------------------------------------------------------
   プロフィール
  ----------------------------------------------------------------------*/
#profile .center{ margin:8px 0; }


/*----------------------------------------------------------------------
  施工の流れ
  ----------------------------------------------------------------------*/
.process_box { background:url(images/bg_sekou_middle.jpg) repeat-y; }
.process_middle{ width:488px; padding:8px; }
.process_bottom{ height:8px; font-size:0; line-height:0; background:url(images/bg_sekou_bottom.jpg) no-repeat; }

.process_arrow{ margin:8px 0; width:512px; text-align:center; }


/*----------------------------------------------------------------------
  よくある質問
  ----------------------------------------------------------------------*/
#qanda_box .q{ background:url(http://ex-fuji.sakura.ne.jp/wp/wp-content/uploads/bg_q.jpg) no-repeat;  border-left:none; border-bottom:none; font-size:16px; margin:0; padding:20px 0 16px 64px; color:#3366CC; }
#qanda_box .a{ width:496px; background:url(http://ex-fuji.sakura.ne.jp/wp/wp-content/uploads/bg_a.jpg) no-repeat;  border-left:none; border-bottom:none; margin-left:36px;  padding:2px 0 0 30px; }

/*----------------------------------------------------------------------
  えくすてりや不二おすすめプラン
  ----------------------------------------------------------------------*/
.plan_box{ width:560px; padding-bottom:16px; }
.plan_box .h4_title{ margin:0; padding:10px 0 10px 26px; background:url(images/title_plan.jpg) no-repeat ;  color:#FEFBD0; }
.plan_box h5{ margin:0; padding-top:12px; border-bottom:none; width:168px; font-size:14px; color:#FF3366; }
.text_box{ width:188px; margin-bottom:20px; }
.text_box_2{ width:188px;  }
.osusume{ margin-right:4px; padding:4px 50px 4px 32px;  background:url(images/btn_osusume.jpg) no-repeat; color:#003300; font-weight:bold; float:left; }
.plan_box .kind_left{ float:left; margin-right:8px; }

/*----------------------------------------------------------------------
  商品一覧
  ----------------------------------------------------------------------*/
.lineup_gate{ padding-left:84px; background:url(http://ex-fuji.sakura.ne.jp/wp/wp-content/uploads/title_lineup.png) no-repeat; }
.lineup_box{ width:184px; height:180px; background:url(images/bg_lineup.jpg) no-repeat top left; float:left; }
.lineup_box div{ margin-left:12px; }
.lineup_box h4{ margin:0; padding:12px 0 0 0; background:none; font-size:12px; color:#000066;  }
.img_lineup{ margin:0 0 4px 8px; }


/*----------------------------------------------------------------------
  社長おすすめ商品
  ----------------------------------------------------------------------*/
.itembox{ width:304px; height:456px; background:url(images/bg_items.png) no-repeat left top; float:left; position:relative; }
.itembox .icon{ position:absolute; top:16px; left:12px; }
.itembox .icon .type{ padding:4px 8px; margin-right:8px; background:url(images/bg_type.png) repeat-x top; color:#FFFFFF; }
.itembox .icon .workcost_ins{ padding:4px 8px; margin-right:8px; background:url(images/bg_workcost_ins.png) repeat-x top; color:#FFFFFF; }
.itembox .icon .workcost_out{ padding:4px 8px; margin-right:8px; background:url(images/bg_workcost_out.png) repeat-x top; color:#FFFFFF; }
.itembox .name{ position:absolute; top:49px; left:30px; font-size:14px; color:#666666; font-weight:bold; }
.itembox .model{ position:absolute; top:76px; left:30px; font-size:14px; color:#666666; font-weight:bold; }
.itembox .photo{ position:absolute; top:103px; left:16px; border-collapse:collapse; border-spacing:0; }
.itembox .photo td{ width:264px; height:198px; text-align:center; vertical-align:middle; }
.itembox .text{ position:absolute; top:312px; left:16px; font-size:12px; color:#000000; line-height:140%; }
.itembox .price{ position:absolute; top:364px; left:16px; width:268px; border-top:1px #006600 solid; border-bottom:1px #006600 solid; text-align:right; }
.itembox .price span{ display:block; padding:4px 16px; font-size:16px; color:#FF585F; font-weight:bold; }
.itembox .esrimate{ position:absolute; top:404px; left:148px; }