@charset "euc-jp";


/* 文字 */
#contents p {
  line-height: 1.7;
  margin-bottom: 10px;
  padding:0px 10px 0px 10px;
}

#contents p.pageup {
  text-align: right;
  padding: 10px 0px 10px;
}

#contents p.pageup a{
  text-decoration: none;
  color: #e7e7e9;
}

#contents p.pageup a:hover{
  text-decoration: underline;
  color: #ffd094;
}


#contents p.pageup02 {
  text-align: right;
  margin: -30px 0px 30px;
}

#contents p.pageup02 a{
  text-decoration: none;
  color: #e7e7e9;
}

#contents p.pageup02 a:hover{
  text-decoration: underline;
  color: #ffd094;
}


#contents p.pageup03 {
  text-align: left;
  padding: 10px 0px 10px;
}

#contents p.pageup03 a{
  text-decoration: none;
  color: #e7e7e9;
}

#contents p.pageup03 a:hover{
  text-decoration: underline;
  color: #ffd094;
}

/* 見出し */
h2,h3,h4,h5,h6 {
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h2.im{
  width:700px;
  margin: 0px 0px 20px;
}

h3.im02{
  width:700px;
  margin: 20px 0px 10px;
}





/* -------------------------------------------------------------
 NEWS */

h3.ne {
 width:550px;
 height:auto;
 font-size:15px;
 font-weight:bold;
 padding:5px 140px 5px 10px;
 margin:0px auto 20px;
 line-height: 1.8em;
 color:#a3908c;
 background:#281e1c url(../news/images/h3_news_bg.jpg) no-repeat center top;
 position: relative;
}

#contents .news{
 width:700px;
 margin:0px auto 30px;
 padding:0px 0px 30px 0px;
}

#contents .news_navi{
 width:700px;
 margin:0px auto 0px;
 padding:0px 0px 0px 0px;
}

.day {color: #fff;
 padding:5px 10px 5px 10px;
 font-size:15px;
 background:#582c0c;
 position: absolute;
 top:0px;
 right:0px;
}

#contents .left_250 {
  float:left;
  width:256px;
  padding:3px;
  margin:0px 20px 20px 0px ;
  border:solid 1px #514a49;
}

#contents .right_250 {
  float:right;
  width:256px;
  padding:3px;
  margin:0px 0px 20px 20px ;
  border:solid 1px #514a49;
}

/* -------------------------------------------------------------
 会社案内 */

#contents .company_250 {
  float:left;
  width:250px;
  padding:0px 20px 10px 0px ;
}

#contents .right_540 {
  float:right;
  width:540px;
  padding:10px 0px 20px 0px ;
}


#contents .a_table{
 margin:0px auto 20px;
 padding:0px;
 border-bottom:1px dotted #999999;
 line-height: 1.7;
 overflow: hidden;}

#contents .a_table th{
 padding:10px 0px 10px 20px;
 border-top:1px dotted #999999;
 text-align:left;
 vertical-align:top;}

#contents .a_table td{
 padding:5px 0px 5px 20px;
 border-top:1px dotted #999999;
 text-align:left;
 font-weight:normal;}

#contents .company_480{
 float:left;
 margin: 0px 0px 0px 0px;
 padding:0px ;
 width:480px;
}

#contents .company_200{
 float:right;
 margin: 0px 0px 0px 0px;
 padding:0px ;
 width:200px;
}

#contents .company_200 img{
 margin: 0px 0px 10px 0px;
}

hr {
   border-width: 1px 0px 0px 0px; /* 太さ */
   border-style: solid; /* 線種 */
   border-color: #403634; /* 線色 */
   height: 1px; /* 高さ */
   margin:30px 0px 10px 0px ;
}


/* -------------------------------------------------------------
 お問い合わせ */
.style1 {color: #FF0000}

#contents .c_table{
 margin:10px auto 20px;
 overflow: hidden;
}

#contents .c_table th.kou{
 padding:5px 10px 5px 10px;
 border-right:1px dotted #342b2a;
 border-top:1px dotted #342b2a;
 font-weight:normal;
 text-align:left;
 background:#17100f;
}

#contents .c_table td{
                        text-align:left;
                        vertical-align:top;
                        border-top:1px dotted #342b2a;
			padding:5px 0px 5px 10px;}

#contents .c_table td.lef{background:#f2f2f2;}
#contents .c_table td.rig{background:#e5e5e5;}

#contents .contact{
 width:600px;
 border:dotted 1px #802e2e;
 margin:5px auto 10px;
 padding:10px;
}

#contents .naka{
 width:600px;
 margin:10px auto 10px;
 background: #1e1413;
 border:dotted 1px #413736;
 padding:20px;
}

#contents p.hissu{
 background:url(../common_img/icon_05.gif) no-repeat left 2px;
 margin: 0;
 padding:0px 0px 0px 40px ;
}

#contents p.nini{
 background:url(../common_img/icon_07.gif) no-repeat left 2px;
 margin: 0;
 padding:0px 0px 0px 40px ;
}
    input[type=text]{
     margin: 0px 5px 5px 5px;
    }
    input[type=checkbox]{
     margin: 0px 2px 5px 5px;
     background:#ccc;
    }
    input ,select ,textarea{
    vertical-align:middle;
    background:#f0ece9;
    margin: 0px 5px 5px 5px;}



/* -------------------------------------------------------------
 職人 */


#contents .expert_left{
 float:left;
 margin: 20px 0px 0px 0px;
 padding:10px;
 width:320px;
 height:380px;
 background:url(../expert/images/syokunin_bg.jpg) no-repeat 0 0px;
 position: relative;
}

#contents .expert_right{
 float:right;
 margin: 20px 0px 0px 0px;
 padding:10px ;
 width:320px;
 height:380px;
 background:url(../expert/images/syokunin_bg.jpg) no-repeat 0 0px;
 position: relative;
}

#contents .expert_right p{
 padding: 20px 0px 0px 0px;
}

#contents .expert_left p{
 padding: 20px 0px 0px 0px;
}

#contents .namae{
 position: absolute;
 bottom:80px;
 left:0px;
}



/* -------------------------------------------------------------
 オーダーメイド */


#contents .order_280 {
  width:280px;
  float:left;
  padding:0px 20px 160px 0px ;
}

#contents .order_step {
  width:700px;
  height:auto;
  background:url(../order/images/order_bg.jpg) no-repeat center bottom;
  padding:0px 0px 40px 0px ;
}

#contents .order_step02 {
  width:700px;
  height:auto;
  background:url(../order/images/order_bg_end.jpg) no-repeat center bottom;
  padding:0px 0px 40px 0px ;
}

#contents .order_step p{
  padding:0px 10px 0px 20px ;
}

#contents .order_step02 p{
  padding:0px 10px 0px 20px ;
}
#contents .order_step img.l01{
  padding:0px 0px 0px 1px ;
}

#contents .order_r_200 {
  width:200px;
  float:right;
  padding:0px 20px 15px 10px ;
}

#contents .order_rb_200 {
  width:200px;
  float:right;
  margin:0px 20px 15px 10px ;
  display:inline;
}

#contents .order_rb_200 img{
  border:1px solid #ccc;
  padding:3px
}


/* -------------------------------------------------------------
 工程 */


#contents .flow_step {
  width:700px;
  height:auto;
  background:url(../flow/images/flow_bg.jpg) no-repeat center bottom;
  padding:0px 0px 40px 0px ;
}

#contents .flow_step02 {
  width:700px;
  height:auto;
  background:url(../flow/images/flow_bg_end.jpg) no-repeat center bottom;
  padding:0px 0px 40px 0px ;
}

#contents .flow_step p{
  padding:5px 10px 0px 20px ;
}

#contents .flow_step02 p{
  padding:5px 10px 0px 20px ;
}

.style2 {
	color: #FF9900;
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

.style3 {
color: #CC3333;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
font-weight: bold;
}


#contents .flow_r_250 {
  width:250px;
  float:right;
  padding:10px 15px 15px 20px ;
}

#contents .atten {
  padding:20px 0px 20px 4px ;
  margin:10px auto 10px;
  width:675px;
  border-top:1px #403738 solid;
}

#contents .atten p{
  padding:5px 0px 0px 0px ;
}

#contents .atten img{
  padding:0px 1px 0px 1px ;
}

#contents .atten02 {
  padding:20px 0px 20px 0px ;
  margin:10px auto 10px;
  width:675px;
  border-top:1px #403738 solid;
}

#contents .atten02 p.cen{
  text-align:center;
}

#contents .atten02 p{
  margin:0px;
}

#contents .atten .le120{
float:left;
width:126px;
margin-bottom:10px;
}

#contents .atten .le80{
float:left;
width:84px;
margin-bottom:10px;
}

#contents .atten .le400{
float:left;
width:460px;
margin-bottom:10px;
}

#contents .atten02 .le160{
float:left;
width:160px;
margin-right:11px;
}

#contents .atten02 .ri160{
float:right;
width:160px;
}



/* -------------------------------------------------------------
 ついて */

#contents .about_r_300 {
  width:300px;
  float:right;
  padding:10px 15px 15px 20px ;
}

/* -------------------------------------------------------------
 種類 */

#contents .kind_l_220 {
  width:220px;
  float:left;
  padding:0px 15px 15px 0px;
}


#contents .kind_l_280 {
  width:280px;
  float:left;
  padding:0px ;
  margin-top:10px;
}

#contents .kind_r_400 {
  width:400px;
  float:right;
  padding:0px ;
  margin-top:10px;
}

#contents .kind_l_400 {
  width:400px;
  float:left;
  padding:0px ;
  margin-top:10px;
}

#contents .kind_r_280 {
  width:280px;
  float:right;
  padding:0px ;
  margin-top:10px;
}

#contents .kind_l_280 img {
  margin-bottom:10px;
}

#contents .kind_r_280 img {
  margin-bottom:10px;
}

#contents .kind_navi {
  width:700px;
  padding:0px ;
  margin:20px auto 20px;
  text-align:center;
}

#contents .kind_navi img{
  margin:0px 1px 0px 1px;
}

#contents .kind_navi02 {
  width:700px;
  padding:0px ;
  margin:20px auto 20px;
  text-align:center;
}

#contents .kind_navi02 img{
  margin:0px 2px 4px 2px;
}

#contents .left_more_btn{
  float:left;
  margin-top:30px;
  border:1px #403738 solid;
  padding:2px;
}

#contents .right_more_btn{
  float:right;
  margin-top:30px;
  border:1px #403738 solid;
  padding:2px;
}


/* -------------------------------------------------------------
 商品 */

h3.godds {
 width:690px;
 height:28px;
 font-size:15px;
 font-weight:bold;
 padding:8px 0px 0px 10px;
 margin:0px auto 10px;
 color:#d2b9b4;
 font-family: "ＭＳ 明朝",serif; 
 background:#281e1c url(../common_img/h3_bg.jpg) no-repeat center top;
}


#contents .goods_l340 {
  width:340px;
  float:left;
  padding:0px ;
  margin:10px 0px 10px;
}

#contents .goods_r340 {
  width:340px;
  float:right;
  padding:0px ;
  margin:10px 0px 10px;
}

#contents ul.go {
  list-style-type: none;
}

#contents ul.go li.ima {
 height:auto;
 background:#261f1e;
 padding:10px ;
}

#contents ul.go li.name {
 background:url(../goods/images/icon_name.jpg) no-repeat 0px 0px;
 font-family: "ＭＳ 明朝",serif;
 color:#9c6e35;
 font-weight:bold;
 padding:8px 0px 15px 90px ;
 margin-top:10px;
 border-bottom:dotted #413736 1px;
}

#contents ul.go li.price {
 background:url(../goods/images/icon_price.jpg) no-repeat 0px 0px;
 padding:8px 0px 15px 90px ;
 margin-top:10px;
 border-bottom:dotted #413736 1px;
}

#contents ul.go li.bo {
 text-align:center;
 margin-top:20px;
}

#contents ul.go li.bo img{
 border:1px #403738 solid;
 padding:2px;
}


#contents .goods_navi {
  width:700px;
  padding:0px ;
  margin:20px auto 20px;
}

#contents .goods_navi .pa{
  float:left;
  width:400px;
  text-align:center;
}

#contents .goods_navi .pa p{
  padding:5px 0px 0px;
}

#contents .goods_navi .pa p a{
  padding:5px 5px 0px;
}

h4 {
 padding:8px 0px 15px 90px ;
 background:url(../goods/images/icon_name.jpg) no-repeat 0px 0px;
 border-bottom:dotted #413736 1px;
 font-family: "ＭＳ 明朝",serif;
 color:#9c6e35;
 font-weight:bold;
 margin-top:20px;
}

#contents .goods_gazou {
  width:680px;
  height:auto;
  padding:10px ;
  background:#261f1e;
  margin:10px auto 10px;
}


#contents .goods_l520 {
  width:520px;
  float:left;
}

#contents .goods_r150 {
  width:150px;
  float:right;
}

#contents .goods_r150 img{
  margin-bottom:26px;
}

#contents .b_table{
 margin:0px auto 0px;
 padding:0px;
 border-bottom:1px dotted #999999;
 border-left:1px dotted #999999;
 line-height: 1.5;
 overflow: hidden;}

#contents .b_table th{
 padding:5px 0px 5px 20px;
 border-top:1px dotted #999999;
 border-right:1px dotted #999999;
 text-align:left;
 font-weight:normal;
 vertical-align:top;}

#contents .b_table td{
 padding:5px 0px 5px 20px;
 border-top:1px dotted #999999;
 border-right:1px dotted #999999;
 text-align:left;
 font-weight:normal;}