@charset "shift_jis";

/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
/*　CSS設定 デザイン：M-Infinity */
/* =*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

/*---------------------------------------------------- */
/* フォント サイズ */
/*---------------------------------------------------- */
.f-8 {font-size: 8px;}
.f-11 {font-size: 11px;}
.f-12 {font-size: 12px;}
.f-14 {font-size: 14px;}
.f-16 {font-size: 16px;}
.f-18 {font-size: 18px;}
.f-20 {font-size: 20px;}

/* ---------------------------------------------------------- */
/*   余白指定 */
/* ------------------------------------------------------------- */

* {
  margin: 0;
  padding: 0;
}

p.space1 {
  height:10px;
  background-color:#ffffff;
  font-weight:bold;
  position:relative
}

p.space2 {
  height:30px;
  background-color:#ffffff;
  font-weight:bold;
  position:relative
}


input#submit_button {
    padding: 15px 40px;
    font-size: 1.2em;
}


/* ---------------------------------------------------------- */
/*   全体的なリンク */
/* ------------------------------------------------------------- */

a:link,
a:visited,
a:hover,
a:active { text-decoration: underline; }

a:link { color: #00f; }
a:visited { color: #90f; }
a:hover { color: #f00; }
a:active { color: #f00; }


/* ---------------------------------------------------------- */
/*    レイアウトに関する指定 */
/* ------------------------------------------------------------- */

body {
  font-size: 85%;
  text-align: center;
  font-family: "Meiryo","MS PGothic","Hiragino Kaku Gothic Pro","メイリオ",Osaka,"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",sans-serif;
  padding: 0;
  margin: 0;
  background: url(img/head/bg.gif);
  background-color:#BBB56A;
}

#wrapper {
  text-align: left;
  width: 950px;
  margin: 0px auto;
  padding: 0px 7px;
  background: #fff;
}

#header {
  width: 100%;
  height: 127px;
  margin-bottom: 0px;
  position: relative;
  background-color:#ＦＦＦＦＦＦ;
  background: url(img/head/bg-up.gif);

}

#contents {
  float: right;
  width: 700px;
  padding: 15px 15px;
}

#contents-wide {
  float: center;
  width: 950;
  padding: 0px 0px;
}

#sidebar {
  float: left;
  padding: 0px 0;
  width: 200px;
}

#footer {
  clear: both;
  padding: 10px 0 5px;
  background-color: #001E32;
  color: #fff;
}


/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*
/* ヘッダーに関する指定 
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */

/* ---------------------------------------------------------- */
/*    H タグ設定上部説明箇所 */
/* ------------------------------------------------------------- */

h1 {
  font-size: 100%;
  font-weight: normal;
  color: #000000;
  position: absolute;
  top: 5px;
  left: 10px;
}




/* -- 見出し -- */
h2 {
  font-size: 110%;
  font-weight: bolder; /* bold bolder normal  */
  height: 50px;
  padding-top: 25px;
  padding-left: 45px;
  background: url(img/title/t-bg.jpg) no-repeat 0 0;
}


/* -- 見出し -- */
h3,h4,h5,h6  {
  font-size: 110%;
  font-weight: bolder; /* bold bolder normal  */
  height: 60px;
  padding-top: 20px;
  padding-left: 45px;
  background: url(img/title/t-sub-bg.jpg) no-repeat 0 0;
}



/* -- 見出し 丸角テーブル -- */

table.circle{
	font-weight:bold;
	border-spacing:0;
	border:solid #F90 2px;
	border-radius:5px;
width:100%;
}
td.circle{
	padding:10px
}



/* ---------------------------------------------------------- */
/*    ロゴ設定・サイト名設定 */
/* ------------------------------------------------------------- */

.logo {
  display:block;
  position: absolute;
  top: 30px;
  left: 5px;
}


/* ---------------------------------------------------------- */
/*    電話案内バナー */
/* ------------------------------------------------------------- */

.tel {
  display:block;
  position: absolute;
  top: 30px;
  right: 0;
}


/* ------------------------------------------------------------- */
/*   上部ナビゲーション設定  */
/* ------------------------------------------------------------- */

.header-navi {
  list-style-type: none;/* マーカーの指定　黒丸　白丸 など */
  position: absolute;/* absoluteもしくはrelative */
  top: 85px;
  right: 0;
}

.header-navi li {
  display: inline;
  background: url(img/i/listmark.gif) no-repeat 0 50%;

}

.header-navi a {
  text-decoration: none;/* none underline overline line-through blink下線、上線、打ち消し線、点滅など */
  padding: 0 15px;
  color: #000;
}

.header-navi a:hover {
  text-decoration: underline;
  color: #f00;
}




/* ------------------------------------------------------------- */
/*   下部ナビゲーション設定  */
/* ------------------------------------------------------------- */

.futter-navi {
  text-align: right;
  list-style-type: none;
  position: relative ;/* absoluteもしくはrelative */
  right: 0;
}

.futter-navi li {
  display: inline;
  background: url(img/i/listmark.gif) no-repeat 0 50%;

}

.futter-navi a {
  text-decoration: none;/* none underline overline line-through blink下線、上線、打ち消し線、点滅など */
  padding: 0 15px;
  color: #000;
}

.futter-navi a:hover {
  text-decoration: underline;
  color: #f00;
}



/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
/*メインコンテンツに関する指定  */
/**=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */



/* -- システムキッチン他案内バナー -- */

div.kitchen{
display:inline-block;
background-image:url(img/i/kitchen-catalog.jpg);
}

div.kitchen a{
display:block;
width:700px;
height:150px;
background:url(img/i/kitchen-catalog.jpg);
text-indent:-9999px;
}

div.kitchen a:hover{
background-image:url(img/i/kitchen-catalog-on.jpg);
}

div.kitchen{
display:inline-block;
background-image:url(img/i/kitchen.jpg);
}




/* -- トップ３アイコン設定 -- */

div.top1{
display:inline-block;
background-image:url(img/i/top3-kodate.jpg);
}

div.top1 a{
display:block;
width:230px;
height:130px;
background:url(img/i/top3-kodate.jpg);
text-indent:-9999px;
}

div.top1 a:hover{
background-image:url(img/i/top3-kodate-on.jpg);
}

div.top2{
display:inline-block;
background-image:url(img/i/top3-reform.jpg);
}

div.top2 a{
display:block;
width:230px;
height:130px;
background:url(img/i/top3-reform.jpg);
text-indent:-9999px;
}

div.top2 a:hover{
background-image:url(img/i/top3-reform-on.jpg);
}


div.top3{
display:inline-block;
background-image:url(img/i/top3-tenpo.jpg);
}

div.top3 a{
display:block;
width:230px;
height:130px;
background:url(img/i/top3-tenpo.jpg);
text-indent:-9999px;
}

div.top3 a:hover{
background-image:url(img/i/top3-tenpo-on.jpg);
}





/* -- 文字 -- */
#contents p {
  line-height: 1.6em;
  margin-bottom: 0.5em;
  padding-left: 0px;
}




/* -- トップ完成紹介アイコン設定 -- */

div.kansei{
display:inline-block;
background-image:url(img/i/kansei.jpg);
}

div.kansei a{
display:block;
width:700px;
height:180px;
background:url(img/i/kansei.jpg);
text-indent:-9999px;
}

div.kansei a:hover{
background-image:url(img/i/kansei-on.jpg);
}

div.kansei{
display:inline-block;
background-image:url(img/i/kansei.jpg);
}




/* --TOTO節約商品アイコン設定 -- */

div.toto-saving{
display:inline-block;
background-image:url(img/i/toto-saving.jpg);
}

div.toto-saving a{
display:block;
width:700px;
height:150px;
background:url(img/i/toto-saving.jpg);
text-indent:-9999px;
}

div.toto-saving a:hover{
background-image:url(img/i/toto-saving-on.jpg);
}

div.toto-saving{
display:inline-block;
background-image:url(img/i/toto-saving.jpg);
}






/* -- トップＱ＆Ａアイコン設定 -- */

div.free-big{
display:inline-block;
background-image:url(img/i/free-big.jpg);
}

div.free-big a{
display:block;
width:700px;
height:130px;
background:url(img/i/free-big.jpg);
text-indent:-9999px;
}

div.free-big a:hover{
background-image:url(img/i/free-big-on.jpg);
}

div.free-big{
display:inline-block;
background-image:url(img/i/free-big.jpg);
}



/* -- トップ無料見積りお問い合わせ設定 -- */

div.faq{
display:inline-block;
background-image:url(img/i/faq.jpg);
}

div.faq a{
display:block;
width:700px;
height:100px;
background:url(img/i/faq.jpg);
text-indent:-9999px;
}

div.faq a:hover{
background-image:url(img/i/faq-on.jpg);
}

div.faq{
display:inline-block;
background-image:url(img/i/faq.jpg);
}





/* -- 完成物件　各バナー設定 -- */

div.housing{
display:inline-block;
background-image:url(img/i/comp-housin.jpg);
}

div.housing a{
display:block;
width:320px;
height:100px;
background:url(img/i/comp-housin.jpg);
text-indent:-9999px;
}

div.housing a:hover{
background-image:url(img/i/comp-housin-on.jpg);
}

div.housing{
display:inline-block;
background-image:url(img/i/comp-housin.jpg);
}



div.door-window{
display:inline-block;
background-image:url(img/i/comp-door-window.jpg);
}

div.door-window a{
display:block;
width:320px;
height:100px;
background:url(img/i/comp-door-window.jpg);
text-indent:-9999px;
}

div.door-window a:hover{
background-image:url(img/i/comp-door-window-on.jpg);
}

div.door-window {
display:inline-block;
background-image:url(img/i/comp-door-window.jpg);
}



div.exterior{
display:inline-block;
background-image:url(img/i/comp-exterior.jpg);
}

div.exterior a{
display:block;
width:320px;
height:100px;
background:url(img/i/comp-exterior.jpg);
text-indent:-9999px;
}

div.exterior a:hover{
background-image:url(img/i/comp-exterior-on.jpg);
}

div.exterior {
display:inline-block;
background-image:url(img/i/comp-exterior.jpg);
}



div.office{
display:inline-block;
background-image:url(img/i/comp-office.jpg);
}

div.office a{
display:block;
width:320px;
height:100px;
background:url(img/i/comp-office.jpg);
text-indent:-9999px;
}

div.office a:hover{
background-image:url(img/i/comp-office-on.jpg);
}

div.office{
display:inline-block;
background-image:url(img/i/comp-office.jpg);
}


/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */
/*　左 サイドバーに関する指定  */
/* *=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=*=* */


/* ------------------------------------------------------------- */
/*   左メニューアイコン　マウスオーバー設定  */
/* ------------------------------------------------------------- */

div.side1{
display:inline-block;
background-image:url(img/i/free.jpg);

}

div.side1 a{
display:block;
width:200px;
height:80px;
background:url(img/i/free.jpg);
text-indent:-9999px;
}

div.side1  a:hover{
background-image:url(img/i/free-on.jpg);
}




/* -- カテゴリタイトル -- */
.left-title {
  text-align: right;
  height: 32px;
  padding: 10px 10px 0;
  background: url(img/title/left-title-bg.jpg) no-repeat 0 0;
  color: #FFFFFF;
  font-weight: bolder; /* bold bolder normal  */
}


/* -- リスト -- */
.localnavi {
  list-style-type: none;
  margin-bottom: 10px;
  padding-bottom: 27px;
  background: url(img/title/left-title-un.jpg) no-repeat 0 100%;
  color: #000000;
}

.localnavi li { display: inline; }

.localnavi a {
  text-decoration: none;
  display: block;
  width: 200px;
  padding: 5px 0px 5px;
  background: #ccc url(img/title/left-title-list.jpg) no-repeat 0 100%;
  color: #000000;
}

.localnavi a:hover {
  text-decoration: none;
  background: #cc9 url(img/title/left-title-list.jpg) no-repeat -200px 100%;
  color: #FFFFFF;
  font-weight: bold;
}



/* -- 大和市ライラック通りバナー -- */

div.yamato{
display:inline-block;
background-image:url(img/bn/yamato.jpg);
}

div.yamato a{
display:block;
width:200px;
height:120px;
background:url(img/bn/yamato.jpg);
text-indent:-9999px;
}

div.yamato a:hover{
background-image:url(img/bn/yamato-on.jpg);
}




/* -- カラーシュミレーションバナー -- */

div.color{
display:inline-block;
background-image:url(img/i/color.jpg);
}

div.color a{
display:block;
width:200px;
height:170px;
background:url(img/i/color.jpg);
text-indent:-9999px;
}

div.color a:hover{
background-image:url(img/i/color-on.jpg);
}








/*------------------------------------------------------------- */
/*   スライドショーの指定 */
/*------------------------------------------------------------- */
#slideshow {
   margin: 0 auto;
   width:  950px; /* 画像の横幅に合わせて記述 */
   height: 317px; /* 画像の高さに合わせて記述 */
   text-align: left;
   overflow: hidden;
   position: relative;
}

#slideshow img {
    top: 0;
    left: 0;
    position: absolute;
}
    


/* ------------------------------------------------------------- */
/*　テーブル余白指定 */
/* ------------------------------------------------------------- */

.table1 td {border:1px solid #C0C0C0;
         border-collapse:collapse;
         padding:10px;}


.table2 td {border:1px solid #C0C0C0;
         border-collapse:collapse;
         vertical-align: center;
         padding:5px;}

.table3 td {border:1px solid #C0C0C0;
         border-collapse:collapse;
         text-align: center;
         padding:10px;}

.table4 td {
         border-collapse:collapse;
         text-align: left;
         padding:5px;}


/* ------------------------------------------------------------- */
/*　hrデザイン指定 */
/* ------------------------------------------------------------- */

hr.style {
    border: 0;
    border-bottom: 1px dashed #ccc;
    background: #999;/* その他　dashed　dotted */
    width:600px;
    margin:0px;
}

hr.style2 {
    border: 0;
    margin: 3px;
    border-bottom: 2px dotted #ccc;
    background: #FFF;/* その他　dashed　dotted */
}



hr.grad {
    border: 0;
    margin: 7px;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
}



/* ------------------------------------------------------------- */
/*　トップに戻るボタン */
/* ------------------------------------------------------------- */

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#page-top a {
    background: #666;
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: #999;
}


/* ------------------------------------------------------------- */
/*　フッターに関する指定 */
/* ------------------------------------------------------------- */

#footer p { text-align: center; }