@charset "shift_jis";

/* 全体構造
---------------------------------------------------- */
body {
margin: 0px;
font: normal normal normal 1em/1.5em "メイリオ",Meiryo,"ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka, Verdana, sans-serif;
color:#555555;
background-image:url("../img/bg.jpg") ;
background-repeat:repeat-x;
background-color:#BDC8DA;
text-align:center;  /*Win IEバグ対応 container centerへ--------------------------------- */
}

#container {
margin-right: auto;
margin-left: auto;
padding: 0px;
width: 780px;
background-color:#FFFFFF;
text-align:left;  /*Win IEバグ対応 container centerへ--------------------------------- */
}

img {border:0px;}

/* ヘッダー
---------------------------------------------------- */
#banner {
padding:0px 0px 0px 0px;
margin:0px;
width:780px;
height:70px;
background-image:url(../img/head-bg.jpg);
}

#banner a.logo {
display:block;
width:174px;
height:30px;
margin:20px 0px 20px 10px;
padding:0px 0px 0px 0px;
text-indent:-999px;
background-image:url(../img/logo.gif);
text-decoration:none;
}

h1 {
float:right;
margin:10px;
padding:0px;
color:#FFFFFF;
font-size:12px;
font-weight:normal;
text-align:right;
}


/*-------------- Contents Body Space--------------*/

.pankuzu { margin:0px; padding:10px; font-size:11px;}
h2 {font-size:1.3em; line-height:1.5em; font-weight:bold; color:#fe5028; }
h3 {margin:0px 0px 10px 0px; padding:20px 0px 5px 0px; font-size:15px;font-weight:bold; color:#fe5028; border-bottom:2px solid #fe5028; line-height:1.7em; width:550px; }
h4 {margin:0px; padding:10px 0px 5px 0px; font-size:1em;font-weight:bold; color:#2f4772;}
h5 {margin:0px; padding:10px 0px 5px 0px; font-size:13px;font-weight:bold; color:#fe5028;}

p {margin:0px; padding:0px 10px 10px 0px; /*font-size:0.9em; line-height:1.5em;*/ }
.tabletxt {margin:0px; padding:7px; font-size:13px; line-height:1.4em; text-align:left;}
.caution {color:#fe5028;}
.setumei {margin:0px 0px 15px 0px; padding:10px 0px 10px 0px; font-size:0.9em; line-height:1.5em;}


/*--------------Left Menu Space--------------*/
#leftside {
float:left;
top:300px
left:10px;
margin:10px 10px 0px 10px;
padding:0px 0px 20px 0px;
width:180px;
}

/*--------------Right Contents Space--------------*/
#rightside {
float:right;
top:300px
margin:0px;
padding:0px 10px 20px 5px;
width:560px;
}

/*-------------- Contents main space--------------*/
#mainbody {
position: relative; 
margin:10px;
padding:0px 0px 0px 15px;
width:805px;
}


/* リンク
---------------------------------------------------- */
a {color: #6E850A; text-decoration:none}
a:link {color: #6E850A; text-decoration:none}
a:visited {color: #6E850A; text-decoration:none}
a:active {color: #FE7A45; text-decoration:none}
a:hover {color: #FE7A45;text-decoration:none}


/* ページのTOPへ戻る
---------------------------------------------------- */
.upbotom {float:right; font-size:12px; text-align:right; padding:10px; margin:0px; width:550px;}

/* Footer / menu---------------------------------------------------- */
#footer {
position: absolute; 
margin:20px 0px 20px 0px;
padding:0px;
width:780px;
background-color:#FFFFFF;
text-align:center;
}


/*-------------- Table/ Product gaiyou --------------*/
table.gaiyou {
margin:0px 0px 10px 0px;
border:1px solid #b5b5b5;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;

/*width:450px;*/
}
.gaiyou th{
border-right:1px solid #b5b5b5;
border-bottom:1px solid #b5b5b5;
width:120px;
padding:3px;
text-align:center;
/*font-size:12px;*/
line-height:1.4em;
}
.gaiyou td{
border-right:1px solid #b5b5b5;
border-bottom:1px solid #b5b5b5;
width:350px;
padding:3px;
text-align:left;
/*font-size:12px;*/
line-height:1.4em;
}

/*-------------- Siryou Seikyu --------------*/
ul#seikyu {
margin:0;
padding:0;
height:40px;
list-style:none;
width:200px;
background-image:url(../img/b-seikyu.jpg);
background-repeat:no-repeat;
}

ul#seikyu li{
margin:0;
padding:0;
float:left;
list-style:none;
width:200px;
}

ul#seikyu a{
display:block;
width:200px;
height:40px;
margin:0;
padding:0;
float:left;
background-image:url(../img/b-seikyu.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#seikyu li.gotocont, #seikyu li.gotocont a{ background-position:0 0; width:200px; }
#seikyu li.gotocont a:hover{ background-position:0 -40px; }

/*-------------- Siryou Seikyu --------------*/
ul#faxorder {
margin:10px 0px 10px 0px;
padding:0;
height:40px;
list-style:none;
width:200px;
background-image:url(../img/b-faxorder.jpg);
background-repeat:no-repeat;
}

ul#faxorder li{
margin:0;
padding:0;
float:left;
list-style:none;
width:200px;
}

ul#faxorder a{
display:block;
width:200px;
height:40px;
margin:0;
padding:0;
float:left;
background-image:url(../img/b-faxorder.jpg);
text-indent:-999px;
text-decoration:none;
overflow:hidden;
}

#faxorder li.getorder, #faxorder li.getorder a{ background-position:0 0; width:200px; }
#faxorder li.getorder a:hover{ background-position:0 -40px; }

/* サイトマップ
---------------------------------------------------- */

ul.site {
margin:20px 0px 10px 0px;
width:530px;
padding:0px;
border-top:1px #888888 solid;
}
ul.site li {
mergin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
list-style:square inside;
line-height:2em;
border-bottom:1px #888888 solid;
}

ul.site0 {
margin:10px 0px 10px 0px;
width:530px;
padding:0px;
}
ul.site0 li {
mergin:0px 0px 0px 0px;
padding:5px 0px 5px 0px;
list-style:square inside;
line-height:2em;
}

ul.site1 {
margin:0px 0px 0px 10px;
padding:0px;
}
ul.site1 li {
mergin:0px 0px 0px 0px;
padding:5px 0px 5px 5px;
list-style:none inside;
line-height:1.5em;
}

ul.site2 {
margin:0px 0px 10px 10px;
padding:0px;
}
ul.site2 li {
mergin:0px 0px 0px 0px;
padding:5px 0px 0px 30px;
list-style:none inside;
line-height:1.5em;
}

/*-------------- Table/ Products Gaiyou --------------*/
table.progaiyou {
margin:0px 0px 20px 0px;
border:1px solid #b5b5b5;
border-collapse:collapse;
border-spacing:0;
empty-cells:show;
width:550px;
}
.progaiyou th{
border-bottom:1px solid #b5b5b5;
border-right:1px dotted #b5b5b5;
padding:5px;
width:175px;
text-align:center;
font-size:0.8em;
font-weight:normal;
line-height:1.5em;
}
.progaiyou td{
width:50px;
border-bottom:1px solid #b5b5b5;
border-right:1px dotted #b5b5b5;
padding:3px;
text-align:center;
font-size:0.8em;
line-height:1.5em;
}

.progaiyou .td2{
width:100px;
border-bottom:1px solid #b5b5b5;
border-right:1px dotted #b5b5b5;
padding:3px;
text-align:center;
font-size:0.8em;
line-height:1.5em;
}

/* レフトナビ・下層メニュー
---------------------------------------------------- */

ul.navi2 {
margin:0px;
width:180px;
padding:5px 0px 5px 0px;
background-image:url("../img/left-navi2-bg.gif");
background-repeat:repeat-y;
border-bottom:1px #a5acb9 solid;
}
ul.navi2 li {
mergin:0px;
padding:3px 3px 2px 20px;
list-style:square inside;
line-height:1.5em;
font-size:0.9em;
}

ul.navi2salon {
margin:0px 0px 20px 0px;
width:180px;
padding:5px 0px 5px 0px;
background-image:url("../img/left-navi2-bg.gif");
background-repeat:repeat-y;
border-bottom:1px #a5acb9 solid;
}
ul.navi2salon li {
mergin:0px;
padding:3px 3px 2px 20px;
list-style:square inside;
line-height:1.5em;
font-size:0.9em;
}

/* レフトナビ・下層メニュー リンク
---------------------------------------------------- */
ul.navi2 li a {color: #66696e; text-decoration:none;}
ul.navi2 li a:link {color: #66696e; text-decoration:none; }
ul.navi2 li a:visited {color: #66696e; text-decoration:none;}
ul.navi2 li a:active {color: #f18a11; text-decoration:none;}
ul.navi2 li a:hover {color: #f18a11;text-decoration:none;}

/* レフトナビ・下層メニュー リンク2
---------------------------------------------------- */
.thispage {color: #f18a11; text-decoration:none; font-weight:bold;}

/*--------------施工事例 --------------*/
table.jirei {margin:10px;border:1px dotted #b5b5b5;border-spacing:0;empty-cells:show;width:520px;}
.jirei td{width:250px;padding:10px 0px 10px 10px;text-align:left;font-size:12px;line-height:1.5em;}
table.jirei2 {margin:10px;border:1px dotted #b5b5b5;border-spacing:0;empty-cells:show;width:520px;}
.jirei2 td{padding:5px 0px 0px 10px;text-align:left;font-size:12px;line-height:1.5em;}
.jirei2 th{padding:5px 0px 10px 10px;text-align:left;font-size:12px;line-height:1.5em;}

table.process {margin:0px 10px 10px 10px; border-top:1px dotted #b5b5b5; border-left:1px dotted #b5b5b5; border-right:1px dotted #b5b5b5; border-spacing:0;empty-cells:show;width:520px;}
table.process td { padding:5px;text-align:left;font-size:0.8em;line-height:1.5em;border-bottom:1px dotted #b5b5b5;}
table.process th { padding:5px;text-align:center;font-size:0.8em;line-height:1.5em; font-weight:normal;background-color:#eaeaea;border-bottom:1px dotted #b5b5b5;}

table.process2 {margin:0px 10px 10px 10px; border-spacing:0;empty-cells:show; }
table.process2 td { padding:15px 5px 0px 5px;text-align:left;font-size:0.8em;line-height:1.5em; }
table.process2 th { padding:5px 5px 15px 5px; text-align:left;font-size:0.8em;line-height:1.5em; border-bottom:1px dotted #b5b5b5; }


/* 2025.09 追加-------------*/
.content-space { padding:2em; }

.copyright{ 
	font-size:.8em;
}

/* 製品ページ バナーリスト */
.bannerlist{
  display: flex;              /* Flexbox有効化 */
  justify-content: center;    /* 横方向センター寄せ */
  align-items: center;        /* 縦方向も中央に揃える（高さがある場合） */
  gap: 20px;                  /* 画像間の余白（任意） */
  margin:2em 1em 1em;
}
.bannerlist img {
  display: block;
  max-width: 100%; /* 必要なければ削除（画像サイズ固定なら不要） */
  height: auto;
}

/* タイル施工事例 */
.div-jirei{
	border:1px solid #b5b5b5;
	width:95%;
	margin:1em 0;
	display:flex;
	flex-direction:column;
}
.div-jirei div{
	margin:0.5em;
}

.div-jirei .jirei-title{
	font-weight:bold;
	margin-bottom:0.3em;
}

/* ジェットスプレー特徴 */
.jet-container {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  background:#ddd;
  border-bottom:2px solid #fff;
}

.image-column {
  display: flex;
  flex-direction: column; /* PC時は縦並び */
  gap: 0px;
  flex-shrink: 0;
  max-width: 200px; /* PC時の画像列の幅 */
}

.image-column img {
  width: 100%;
  height: auto;
  display: block;
}

.text-column {
  flex: 1;
  font-size:0.9em;
}

/* ▼ スマホ（768px以下） */
/*@media (max-width: 768px) {
  .jet-container {
    flex-direction: column; /* 全体を縦並び */
  }

  .image-column {
    max-width: 100%; /* 幅を全体に */
    flex-direction: row;   /* 画像を横並びに */
    gap: 10px;
  }

  .image-column img {
    flex: 1;          /* 横並び時に均等幅に */
    width: auto;      /* 幅指定はリセット */
  }
}*/