@charset "utf-8";
/* CSS Document */

body {background-color: #f2f2f2;
      font-size: 77%;
	  margin-top: 0px;
	  margin-bottom: 0px;
	  font-family: "ＭＳ ゴシック", "Osaka-等幅", monospace;
	  }
	  
img {
    border-style:none;
    }

.borderline {border-bottom: 1px solid #CC0000;
             margin: 20px 0 20px 0;
	        }

.white {color: #ffffff;
　　　　}

.green {color: #008040;
        font-weight: bold;
　　　　}

h1 {font-size: 12px;
    margin: 0;
	padding: 5px 15px 5px 5px;
	width: 765px;
	text-align: right;
	}

p {padding: 0;
   margin: 0;
   line-height: 14px;
   }

a {text-decoration: none;}
a:hover {text-decoration: underline;}

hr {color:#ffffff;
    border:dashed #CCCCCC;
    border-width:1px 0 0 0;
	width: 265px;
    height:1px;
    }

/*共通
--------------------------------------------------------------------------------*/
/*リストのスタイル
------------------------------*/
li {list-style-image: url(../img/list_mark.gif);
    padding-bottom: 5px;
	line-height: 20px; 
    }

/*左サイドのメニュー部分破線
------------------------------*/
.line {background-image: url(../img/line.gif);
       width: 180px;
	   height: 20px;
	   }

/*左サイドのメニュー部分の間隔をあけるダミー
------------------------------*/
.yokospace {width: auto;
            height: 3px;
			margin: 0px;
			padding: 0px;
			}

/*フロート解除
------------------------------*/
.kaijyo {clear: both}

/*ホームへ戻るのスタイル
------------------------------*/
.homebackarea {width: auto;
               text-align: center;
               padding-top: 20px;
			   padding-bottom: 20px;
			   }

/*各コンテンツのタイトル部分ボックス
------------------------------*/
#contentstitlebox {wideth: 590px;
                   height: 30px;
				   margin-top: 20px;
				   }

.box_in {padding:5px}
/*共通ここまで
--------------------------------------------------------------------------------*/






/*ページ構成用のボックス群
--------------------------------------------------------------------------------*/

/*ページ全体のボックス
------------------------------*/
#wallbox {text-align: center;
          width: 100%;
		  }

/*大枠のボックス
------------------------------*/
#masterbox {text-align: left;
            background-color: #FFFFFF;
            width: 780px;
            margin: 0px auto;
		    }

/*ヘッダーのボックス
------------------------------*/
#headerbox {background-image: url(../img/header.gif);
            width: 780px;
            height: 90px;
			margin: 0px;
			}

/*左バーのボックス
------------------------------*/
#leftbarbox {float: left;
             background-color: #FFFFFF;
             width: 190px;
             padding: 0px;
             margin: 0px;
			 display: inline;
			 }
			 
/*メインコンテンツのボックス
------------------------------*/
#contentsbox {float: left;
              background-color: #FFFFFF;
			  text-align: center;
              width: 590px;
              margin: 0px;
			  display: inline;
			  }

/*フッターのボックス
------------------------------*/
#footerbox {background-image: url(../img/footer.gif);
			width: 780px;
            height: 100px;
			margin: 0px;
			}
			
/*ページ構成用のボックス群ここまで
--------------------------------------------------------------------------------*/






/*左バー部分
--------------------------------------------------------------------------------*/
/*左バー部分BOX類
------------------------------------------------------------*/
/*ロゴエリア
------------------------------*/
#logoarea {width: 190px;
           height: 115px;
		   background-color: #FFFFFF;
		   margin: 0px;
		   padding: 0px;
		   }

/*情報01エリア
------------------------------*/
#info01 {background-image: url(http://reform-style.net/child_template/img/info01.gif);
         background-repeat: no-repeat;
         width: 190px;
         height: 110px;
		 margin: 0px;
		 }

/*情報02エリア
------------------------------*/
#info02 {background-color: #333333;
         color: #FFFFFF;
         text-align: center;
         width: 190px;
         height: 35px;
		 margin: 0;
		 line-height: 17px;
		 }

/*情報03エリア
------------------------------*/
#info03 {background-image: url(http://reform-style.net/child_template/img/info03.gif);
         background-repeat: no-repeat;
         width: 190px;
         height: 110px;
		 margin: 0px;
		 }

/*メインメニューエリア
------------------------------*/
#mainmenuarea {width: 180px;
			   text-align: center;
		       margin: 0 5px 0 5px;
		       }

/*サブメニューエリア
------------------------------*/
#submenuarea {background-color: #ffffff;
              text-align: center;
              width: 180px;
		      margin: 0 5px 0 5px;
		      }
		   
/*ピックアップエリア
------------------------------*/
#pickuparea {background-color: #ffffff;
             text-align: center;

		     margin: 0px;
			 padding: 0px;
		     }

/*バナーエリア
------------------------------*/
#bannerarea {background-color: #ffffff;
               width: 190px;
               height: 100px;
		       margin-bottom: 20px;
		       }

/*左バー部分BOX類ここまで
------------------------------------------------------------*/

/*左バー部分パーツ類
------------------------------------------------------------*/

#info01btn {width: 50px;
            height: 30px;
			padding: 80px 10px 0px 105px;
			}
			
#info03btn {width: 150px;
            height: 30px;
			padding: 70px 20px 10px 20px;
			}

.menutitlebox {background-color: #CC0000;
                width: 180px;
                height: 25px;
				margin: 10px 0 0 0;				}

.menutitle {font-size: 110%;
            color: #ffffff;
	        font-weight: bold;
			padding-top: 6px;
	        }

#mainmenucontainer {background-color: #ffffff;
                    border: solid 1px #CC0000;
                    text-align: left;
                    width: 178px;
					padding-bottom: 0px;
					margin-bottom: 10px;
                    }

/*IE7ハック
------------------------------*/
*+html #mainmenucontainer {background-color: #ffffff;
                    border: solid 1px #CC0000;
                    text-align: left;
                    width: 178px;
					padding-top: 20px;
					margin-bottom: 10px;
                    }

/*IE6以下ハック
------------------------------*/
*html #mainmenucontainer {background-color: #ffffff;
                    border: solid 1px #CC0000;
                    text-align: left;
                    width: 178px;
					padding-top: 20px;
					margin-bottom: 10px;
                    }

.submenucontainer {text-align:left;
                   width: 180px;
				   margin: 0;
				   }

a.submenu_btn04 {display:block;width:180px;height:25px;background:url(http://reform-style.net/child_template/img/btn/submenu04_btn.gif) no-repeat;}
a:hover.submenu_btn04 {background-position:0px -25px;}

a.submenu_btn05 {display:block;width:180px;height:25px;background:url(http://reform-style.net/child_template/img/btn/submenu05_btn.gif) no-repeat;}
a:hover.submenu_btn05 {background-position:0px -25px;}

a.submenu_btn06 {display:block;width:180px;height:25px;background:url(http://reform-style.net/child_template/img/btn/submenu06_btn.gif) no-repeat;}
a:hover.submenu_btn06 {background-position:0px -25px;}

a.submenu_btn07 {display:block;width:180px;height:25px;background:url(http://reform-style.net/child_template/img/btn/submenu07_btn.gif) no-repeat;}
a:hover.submenu_btn07 {background-position:0px -25px;}

a.submenu_btn08 {display:block;width:180px;height:25px;background:url(http://reform-style.net/child_template/img/btn/submenu08_btn.gif) no-repeat;}
a:hover.submenu_btn08 {background-position:0px -25px;}

a.submenu_btn09 {display:block;width:180px;height:25px;background:url(http://reform-style.net/child_template/img/btn/submenu09_btn.gif) no-repeat;}
a:hover.submenu_btn09 {background-position:0px -25px;}

a.submenu_btn10 {display:block;width:180px;height:25px;background:url(http://reform-style.net/child_template/img/btn/submenu10_btn.gif) no-repeat;}
a:hover.submenu_btn10 {background-position:0px -25px;}


/*左バー部分パーツ類ここまで
------------------------------------------------------------*/
/*左バー部分ここまで
--------------------------------------------------------------------------------*/







/*コンテンツ部分
--------------------------------------------------------------------------------*/
/*コンテンツ部分BOX類
------------------------------------------------------------*/

/*タイトルエリア
------------------------------*/
#titlearea {background-image: url(../img/title.gif);
            width: 590px;
            height: 115px;
		    margin: 0px;
		    }

/*メイン画像エリア
------------------------------*/
#imagearea {width: 590px;
		    margin: 0px;
		    }

/*コンテンツメニューエリア
------------------------------*/
#contentsmenuarea {background-color: #ffffff;
                   width: 590px;
			       margin: 0px;
			       }

/*コンテンツバナーエリア
------------------------------*/
#contentsbannerarea {background-color: #ffffff;
                     width: 590;
                     height: 150;
					 margin: 0px;
					 }
					 
/*RSSエリア
------------------------------*/
#rssarea {background-color: #ffffff;
          width: 590px;
		  margin: 0px;
		  }

/*コンテンツ部分BOX類ここまで
------------------------------------------------------------*/

/*コンテンツ部分パーツ類
------------------------------------------------------------*/

#contentsmenucontainer {width: 570px;
                        height: 150px;
						padding: 25px 10px 25px 10px;
						}
						
.contentsmenucontainer_in1 {width: 190px;
                           height: 150px;
						   float: left;
						   background-image: url(../img/contentsmenu01.gif);
						   margin: 0px;
						   }
						   
.contentsmenucontainer_in2 {width: 190px;
                           height: 150px;
						   float: left;
						   background-image: url(../img/contentsmenu02.gif);
						   margin: 0px;
						   }
						   
.contentsmenucontainer_in3 {width: 190px;
                           height: 150px;
						   float: left;
						   background-image: url(../img/contentsmenu03.gif);
						   margin: 0px;
						   }

.shousaibtn {width: 50px;
             height: 20px;
			 padding-top: 110px;
			 padding-left: 121px;
			 }

#contentsbanner {width: 550px;
			     padding: 10px 20px 10px 20px;
				 }

#rsstitle {background-image: url(../img/rsstitle.gif);
           background-repeat: no-repeat;
           width: 550px;
           height: 30px;
		   margin: 25px 20px 0px 20px;
		   }
		   
#rssfeed {width: 550ps;
          text-align: left;
          padding: 0px 20px 25px 20px;
		  }

/*コンテンツ部分パーツ類ここまで
------------------------------------------------------------*/
/*コンテンツ部分ここまで
--------------------------------------------------------------------------------*/







/*ヘッダー、フッターパーツ類
--------------------------------------------------------------------------------*/
#headerbtn {width: 300px;
            height: 40px;
			padding-top: 0px;
			padding-right: 10px;
			padding-left: 470px;
			}
			
#footerbtn {width: 300px;
            height: 40px;
			padding-top: 25px;
			padding-right: 240px;
			padding-bottom: 35px;
			padding-left: 240px;
			}

#fot_navi {text-align: center}

/*ヘッダー、フッターパーツ類ここまで
--------------------------------------------------------------------------------*/








/*ページ別コンテンツ部分パーツ類
--------------------------------------------------------------------------------*/
/*共通
------------------------------------------------------------*/		
.contentssubtitlebar {width: 500px;
                      height: 40px;
		              margin: 10px 0 10px 0;
		              }
					  
.contentssubtitlebarlong {width: 550px;
                          height: 40px;
		                  margin: 10px 0 10px 0;
		                  }

/*５つのお約束
------------------------------------------------------------*/
#fivepromiseimg {width: 550px;
			     padding: 20px 20px 20px 20px;
			     margin: 0px;
				 text-align: center;
			     }

/*スタッフ紹介
------------------------------------------------------------*/
#staffmasterbox {width: 500px;
                 margin: 20px 45px 20px 45px;
			     }
				 
#daihyoubox {background-color: #CCCCCC;
             width: 500px;
			 text-align: left;
			 margin: 0 0 50px 0;
			 }
			 
#daihyoubox_top {width: 500px;
                height: 170px;
				margin: 0px;
				}

#daihyoubox_bottom {width: 480px;
				line-height: 17px;
				overflow: hidden;
				margin: 5px;
				padding-top: 10px;
				padding-bottom:10px;
				}

.staffbox1 {background-image: url(../img/staff_box.gif);
            float: left;
            width: 245px;
			height: 150px;
			text-align: left;
			margin: 5px 5px 5px 0px;
			}
			
.staffbox2 {background-image: url(../img/staff_box.gif);
            float: left;
            width: 245px;
			height: 150px;
			text-align: left;
			margin: 5px 0px 5px 5px;
			}

.staffphoto {width: 93px;
             height: 70px;
			 position: relative;
			 float: left;
			 top: 5px;
			 left: 5px;
			 }

.campanyname {width: 140px;
              position: relative;
			  top: 20px;
			  left: 10px;
			  overflow: hidden;
			  font-weight: bold;
			  }

.staffname {width: 140px;
            position: relative;
			top: 45px;
			left: 10px;
			overflow: hidden;
			font-weight: bold;
			font-size: 120%;
			}
			
.yakushoku {position: relative;
            top: 15px;
			left: 10px;
			width: 140px;
            overflow: hidden;
			font-size: 10px;
            }

.staffcommentbox {width: 230px;
			      position: relative;
			      overflow: hidden;
			      top: 17px;
			      left: 10px;
			      }
				  
/*会社概要
------------------------------------------------------------*/
.pcompany {line-height: 14px;
           margin: 5px 0 5px 0;
           }

#companymasterbox {width: 550px;
                   margin: 20px 20px 20px 20px;
				   }
				   
#companyinfobox_out {border-left: 10px solid #cc0000;
                    width: 540px;
                    margin: 0 0 20px 0;
				    }
					
#companyinfobox_middle {background-color: #000000;
                       width: 80px;
                       padding: 5px;
					   text-align: right;
					   overflow: hidden;
					   float: left;
					   display: inline;
					   }
				 
#companyinfobox_in {background-color: #CCCCCC;
                   width: 437px;
                   margin: 0;
				   padding: 5px;
				   text-align: left;
				   overflow: hidden;
				   }

#mapbox {width: 550px;
         margin: 20px 0px 20px 0px;
		 }
		 
/*ごあいさつ
------------------------------------------------------------*/
.pgreeting {margin: 0;
            line-height: 20px;
			}

#greetingmasterbox {width: 550px;
                    margin: 20px 20px 20px 20px;
					}

#greeting_daihyou {width: 550px;
                   height: 225px;
				   margin: 0 0 20px 0;
				   }

#greeting_img {width: 550px;
               height: 80px;
			   margin: 0 0 20px 0;
			   }

#greeting_text {width: 530px;
                margin:0 0 20px 0;
				padding: 10px;
				overflow: hidden;
				}

#greeting_shugo {widte: 550px;
                 height: 410px;
				 margin: 0 0 20px 0;
				 }

/*リフォームの進め方
------------------------------------------------------------*/
#flowmasterbox {width: 560px;
                margin:0 15px 20px 15px;
				}

#flow_blockimg {background-image:url(../img/flowchart.gif)
               width: 550px;
               height: 700px;
			   margin: 0;
			   }

/*スタイルブック
------------------------------------------------------------*/
#stylebookmaseterbox {width: 550px;
                      margin: 0 20px 20px 20px;
					  }

#stylbookcontainer {width: 550px;
                    margin: 20px 0 20px 0;
					}

.stylebook_img01 {float: left;
                  width: 170px;
				  margin: 0 0 20px 0;
				  }

.stylebook_img02 {float: left;
                  width: 170px;
				  margin: 0 20px 20px 20px;
				  }

/*お客様の声
------------------------------------------------------------*/
.voicebox {width: 550px;}

.voice_img {width: 170px;
            height: 170px;
            float: left;
			}

.voice_text {width: 380px;
             float: left;
			 }

.voice_textin {padding: 5px;
               text-align: left;
			   }

.voice_text_h {font-size: 110%;
               font-weight: bold;
			   color: #CC0000;
			   text-align: center;
			   }

.voice_border {border-bottom: 1px solid #CCCCCC;
               margin: 5px 0 5px 0;
	           }
			   
/*サイトマップ
------------------------------------------------------------*/
#leftbox {width: 290px;
		  float: left;
		  margin-right: 4px;
		  border-right: dashed 1px #CCCCCC;
		  }
#rightbox {width: 285px;
		  float: left;
		  }
.part1 {width: 260px;
        text-align: left;
        font-weight: bold;
        border-left: solid 5px #CC0000;
	    border-bottom: solid 1px #CC0000;
	    padding: 5px;
	    }
.part2 {width: 265px;padding: 5px;text-align: left;}
/*ieハック
--------------------------------------------------*/
*+html .part2 {width: 275px;padding-top: 15px;}
*html .part2 {width: 275px;padding-top: 15px;}

.contents_imgbox {width: 580px;
                  text-align: center;
			      margin-bottom: 10px;
			      }

/*インクルードファイル用
--------------------------------------------------------------------------------*/
.box_in {padding: 5px;}

#master_box {width: 580px;
             margin: 0;
			 }
.contents_imgbox {width: 580px;
                  text-align: center;
			      margin-bottom: 10px;
			      }
.contents_textbox {width: 570px;
                  text-align: left;
			      margin-bottom: 10px;
				  padding: 5px;
			      }
.contents_bbox {width: 568px;
                text-align: left;
				font-weight: bold;
				background-color: #f7f7f7;
				border: solid 1px #000000;
			    margin-bottom: 10px;
				padding: 5px;
			    }
.part1 {width: 555px;
        text-align: left;
        font-weight: bold;
		font-size: 120%;
        border-left: solid 5px #CC0000;
	    border-bottom: solid 1px #CC0000;
	    padding: 5px;
	    }
.contentstrey_top {width: 580px;
				   text-align: center;
				   background-color: #CC0000;
				   color: #FFFFFF;
				   }
.contentstrey_bottom {width: 578px;
				      margin-bottom: 10px;
				      text-align: left;
				      }
*+html .contentstrey_bottom {width: 578px;
				      margin-bottom: 10px;
				      text-align: left;
					  padding-top: 15px;
				      }
*html .contentstrey_bottom {width: 578px;
				      margin-bottom: 10px;
				      text-align: left;
					  padding-top: 15px;
				      }
#leftbox {width: 290px;
		  float: left;
		  margin-right: 4px;
		  border-right: dashed 1px #CCCCCC;
		  display: inline;
		  }
#rightbox {width: 280px;
		  float: left;
		  display: inline;
		  }
.part1_2 {width: 260px;
        text-align: left;
        font-weight: bold;
        border-left: solid 5px #CC0000;
	    border-bottom: solid 1px #CC0000;
	    padding: 5px;
	    }
.part2 {width: 265px;padding: 5px;text-align: left;}
/*ieハック
--------------------------------------------------*/
*+html .part2 {width: 265px;padding-top: 15px;}
*html .part2 {width: 265px;padding-top: 15px;}

/*サイト検索用ページ
------------------------------*/
#box01 {width: 578px;
        padding-top: 10px;
		padding-bottom: 10px;
		text-align: center;
		background-color:#cccccc;
		}
*+html #box01 {width: 578px;
               padding-top: 10px;
               padding-bottom: 0px;
			   text-align: center;
			   background-color:#cccccc;
               }
*html #box01 {width: 578px;
              padding-top: 10px;
              padding-bottom: 0px;
			  text-align: center;
			  background-color:#cccccc;
              }
#box02 {width: 190px;
        text-align: center;
		margin-left: 49px;
		float: left;
		display: inline;
		}
#box03 {width: 190px;
        text-align: center;
		float: left;
		}
#box04 {width: 90px;
        text-align: center;
		margin-right: 49px;
		float: left;
		display: inline;
		}