@charset "utf-8";

@import "common.css";
@import "layout.css";
@import "xoops.css";
/*--------------------------------------------------------------------------------------------------------------*/
.top-text1 { background-image: url(../img/top-text1.gif); background-repeat: no-repeat; height: auto; width: 580px; margin-bottom: 30px; padding-top: 34px; }
.top-text1 p { font-size: 12px; line-height: 24px; }
.top-text1 .text1 strong { font-size: 12px; line-height: 24px; font-weight: bold; color: #36F; }
.contents .top-text1 .text2 { width: 405px; height: auto; background-image: url(../img/top-img1.jpg); background-repeat: no-repeat; background-position: right center; padding-right: 175px; }
.top-text2 { font-size: 12px; line-height: 24px; height: auto; width: 405px; padding-right: 175px; background-image: url(../img/top-img2.jpg); background-repeat: no-repeat; background-position: right center; margin-bottom: 30px; }
.staff { background-image: url(../img/bt-staff.gif); background-repeat: no-repeat; height: 130px; width: 580px; margin-bottom: 30px; }
.staff a { height: 130px; width: 580px; display: block; text-indent: -9999px; background-image: url(../img/bt-staff.gif); background-repeat: no-repeat; }
.staff a:hover { background-image: url(../img/bt-staff2.gif); }
/*--------------------------------------------------------------------------------------------------------------*/
.company_waku { height: auto; width: 580px; margin-bottom: 30px; }
.company_waku .td1 { font-size: 12px; line-height: 20px; padding: 9px; height: auto; width: 25%; background-color: #F6F6F6; border: 1px solid #CCC; vertical-align: top; }
.company_waku .td2 { font-size: 12px; line-height: 20px; padding: 9px; height: auto; width: 75%; border: 1px solid #CCC; }
.company_waku .td2 strong { font-size: 12px; line-height: 20px; font-weight: bold; color: #F30; }
.map { height: auto; width: 580px; }
/*--------------------------------------------------------------------------------------------------------------*/
.form_txt10 { font-size: 10px; line-height: 16px; color: #F00; }
.send { color: #FF0; font-weight: bold; font-size: 20px; cursor: pointer; background-color: #333; border: 1px solid #000; }
.send:hover { color: #FFF; background-color: #C00; border: 1px solid #000; }
.return { color: #000000; font-size: 10px; cursor: pointer; }
.act_txt { width: 300px; font-size: 12px; color: #000; ime-mode: active; height: 20px; border: 1px solid #CCC; background-color: #F6F6F6; }
.area_txt { width: 300px; height: 120px; font-size: 12px; color: #000; ime-mode: active; background-color: #F6F6F6; border: 1px solid #CCC; }
.dis_txt { width: 300px; font-size: 12px; color: #000; ime-mode: disabled; height: 20px; border: 1px solid #CCC; background-color: #F6F6F6; }
.dis_txt2 { width: 50px; font-size: 12px; color: #990000; ime-mode: disabled; }
.privacy { font-family: "ＭＳ ゴシック", "Courier New", monospace; font-size: 12px; line-height: 16px; color: #333333; padding: 0px; height: 250px; width: 578px; border: 1px solid #cccccc; overflow: scroll; border: 1px solid #EFEFFF; background-color: #FFFFFF; scrollbar-base-color: #f6f6f6; scrollbar-track-color: #3366ff; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #3366ff; scrollbar-darkshadow-color: #3366ff; scrollbar-highlight-color: #3366ff; scrollbar-3dlight-color: #3366ff; scrollbar-arrow-color: #FF3300; overflow-x:hidden; margin: 0px; }
.privacy ul { height: auto; width: 515px; margin: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 29px; list-style-type: square; }
.lispace { margin-bottom: 20px; font-size: 12px; line-height: 20px; }
.privacy p { margin: 0px; padding: 5px; height: auto; width: auto; }
.lispace strong { font-weight: bold; color: #F30; font-size: 14px; line-height: 24px; }
/*--------------------------------------------------------------------------------------------------------------*/
.flow-waku { height: auto; width: 580px; margin-bottom: 30px; }
.flow-waku p { font-size: 12px; line-height: 24px; }
.flow-waku .text { background-image: url(../img/flow-img0.jpg); background-repeat: no-repeat; background-position: right top; height: auto; width: 380px; padding-right: 200px; margin-bottom: 20px; }
.flow-waku1 p strong { font-size: 12px; line-height: 24px; font-weight: bold; color: #F30; }
/*--------------------------------------------------------------------------------------------------------------*/
.flow-waku1 p a { color: #0033FF; font-weight: bold; }
.flow-waku1 p a:hover { color: #FF3300; font-weight: bold; }
.flow-waku1 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img1.gif); background-repeat: no-repeat; position: relative; }
.flow-waku1 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku2 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img2.gif); background-repeat: no-repeat; position: relative; }
.flow-waku2 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku3 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img3.gif); background-repeat: no-repeat; position: relative; }
.flow-waku3 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku4 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img4.gif); background-repeat: no-repeat; position: relative; }
.flow-waku4 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku5 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img5.gif); background-repeat: no-repeat; position: relative; }
.flow-waku5 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku6 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img6.gif); background-repeat: no-repeat; position: relative; }
.flow-waku6 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku7 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img7.gif); background-repeat: no-repeat; position: relative; }
.flow-waku7 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku8 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img8.gif); background-repeat: no-repeat; position: relative; }
.flow-waku8 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-waku9 { height: 97px; width: 578px; border: 1px solid #CCC; background-image: url(../img/flow-img9.gif); background-repeat: no-repeat; position: relative; }
.flow-waku9 p { font-size: 12px; line-height: 24px; height: 72px; width: 460px; position: absolute; left: 110px; top: 25px; }
.flow-allow { background-image: url(../img/flow-allow.gif); background-repeat: no-repeat; height: 15px; width: 580px; }
/*--------------------------------------------------------------------------------------------------------------*/
.staff-text { background-image: url(../img/staff-text.gif); background-repeat: no-repeat; height: auto; width: 580px; padding-top: 40px; font-size: 12px; line-height: 24px; margin-bottom: 30px; }
.staff-waku { height: 430px; width: 580px; position: relative; }
.staff-waku p { font-size: 12px; line-height: 18px; }
.staff-waku strong { font-size: 12px; line-height: 18px; font-weight: bold; }
.staff-waku .text1 { height: 90px; width: 265px; position: absolute; top: 245px; left: 10px; }
.staff-waku .text2 { height: 72px; width: 265px; position: absolute; left: 10px; top: 345px; }
.staff-waku .igarashi { background-image: url(../img/igarashi.jpg); background-repeat: no-repeat; height: 430px; width: 285px; position: absolute; left: 0px; top: 0px; }
.staff-waku .shigenobu { background-image: url(../img/shigenobu.jpg); background-repeat: no-repeat; height: 430px; width: 285px; position: absolute; right: 0px; top: 0px; }
.staff-waku .yoshida { background-image: url(../img/yoshida.jpg); background-repeat: no-repeat; height: 430px; width: 285px; position: absolute; left: 0px; top: 0px; }
.staff-waku .sasaki { background-image: url(../img/sasaki.jpg); background-repeat: no-repeat; height: 430px; width: 285px; position: absolute; right: 0px; top: 0px; }
/*--------------------------------------------------------------------------------------------------------------*/
.staff-waku2 { height: 140px; width: 580px; position: relative; }
.staff-waku2 .sh001 { height: 140px; width: 190px; position: absolute; left: 0px; top: 0px; }
.staff-waku2 .sh002 { height: 140px; width: 190px; position: absolute; left: 195px; top: 0px; }
.staff-waku2 .sh003 { height: 140px; width: 190px; position: absolute; left: 390px; top: 0px; }
.space10 { height: 10px; width: 100%; clear: both; }
.space30 { height: 30px; width: 100%; clear: both; }
/*--------------------------------------------------------------------------------------------------------------*/
.shohin-inquiry { height: 40px; width: 574px; border: 3px double #06F; font-size: 14px; line-height: 40px; text-align: center; }
.shohin-inquiry a { height: 40px; width: 574px; display: block; background-color: #06F; font-weight: bold; color: #FFF; text-decoration: none; }
.shohin-inquiry a:hover { background-color: #F30; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 { height: auto; width: 580px; margin-bottom: 30px; }
.remodel-tbl4 .td1t { height: auto; width: 28%; border: 1px solid #CCC; padding: 5px; background-image: url(../shohin/setsubi_toto_logo.gif); background-repeat: no-repeat; background-position: center center; }
.remodel-tbl4 .td1d { height: auto; width: 28%; border: 1px solid #CCC; padding: 5px; background-image: url(../shohin/setsubi_daiken_logo.gif); background-repeat: no-repeat; background-position: center center; }
.remodel-tbl4 .td1y { height: auto; width: 28%; border: 1px solid #CCC; padding: 5px; background-image: url(../shohin/setsubi_ykk_logo.gif); background-repeat: no-repeat; background-position: center center; }
.remodel-tbl4 .td2 { height: auto; width: 24%; text-align: center; border: 1px solid #CCC; background-color: #F6F6F6; font-size: 12px; line-height: 24px; padding: 5px; font-weight: bold; }
.remodel-tbl4 .td3 { font-size: 12px; line-height: 20px; padding: 5px; border: 1px solid #CCC; background-color: #F6F6F6; vertical-align: top; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; }
.remodel-tbl4 .td4-img1 { background-image: url(../shohin/kitchen01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2 { background-image: url(../shohin/kitchen02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img3 { background-image: url(../shohin/kitchen03.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4 { font-size: 12px; line-height: 16px; padding: 5px; border: 1px solid #CCC; vertical-align: top; }
.remodel-tbl4 .td4b { font-size: 12px; line-height: 16px; padding: 5px; border: 1px solid #CCC; text-align: center; }
.remodel-tbl4 .td4s { font-size: 10px; line-height: 16px; padding: 5px; border: 1px solid #CCC; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; vertical-align: top; }
.remodel-tbl4 .td3a { font-size: 12px; line-height: 20px; padding: 5px; border: 1px solid #CCC; background-color: #F6F6F6; vertical-align: top; width: 13%; }
.remodel-tbl4 .td3b { font-size: 10px; line-height: 14px; padding: 5px; border: 1px solid #CCC; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; width: 15%; }
.remodel-tbl4 .td5 { font-size: 10px; line-height: 16px; padding: 5px; border: 1px solid #CCC; text-align: center; }
/*--------------------------------------------------------------------------------------------------------------*/
.kakaku { font-size: 12px; line-height: 20px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; text-align: right; height: 40px; color: #000; margin-bottom: 5px; padding-bottom: 5px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
.joken { font-size: 12px; line-height: 18px; padding-left: 12px; text-indent: -12px; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td1tb { height: auto; width: 40%; border: 1px solid #CCC; padding: 5px; background-image: url(../shohin/setsubi_toto_logo.gif); background-repeat: no-repeat; background-position: center center; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td2b { height: auto; width: 30%; text-align: center; border: 1px solid #CCC; background-color: #F6F6F6; font-size: 12px; line-height: 24px; padding: 5px; font-weight: bold; }
.remodel-tbl4 .td4-img1b { background-image: url(../shohin/bath01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2b { background-image: url(../shohin/bath02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.kakaku2 { font-size: 12px; line-height: 40px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; text-align: right; height: 40px; color: #000; }
.flow-waku p strong { font-size: 12px; line-height: 24px; font-weight: bold; color: #F30; letter-spacing: -1px; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td4-img1c { background-image: url(../shohin/restroom01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2c { background-image: url(../shohin/restroom02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img3c { background-image: url(../shohin/restroom03.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td2 .small { font-size: 10px; line-height: 14px; letter-spacing: -1px; }
.remodel-tbl4 .td4-img1d { background-image: url(../shohin/lavatory01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2d { background-image: url(../shohin/lavatory02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img3d { background-image: url(../shohin/lavatory03.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td4-img1e { background-image: url(../shohin/floor01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2e { background-image: url(../shohin/floor02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img3e { background-image: url(../shohin/floor03.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td2e { height: auto; width: 24%; text-align: center; border: 1px solid #CCC; background-color: #F6F6F6; font-size: 12px; line-height: 18px; padding: 5px; font-weight: bold; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td4-img1f { background-image: url(../shohin/wall01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2f { background-image: url(../shohin/wall02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img3f { background-image: url(../shohin/wall03.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td5f { font-size: 10px; line-height: 16px; padding: 5px; border: 1px solid #CCC; text-align: left; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; vertical-align: top; }
.td5f ul { font-size: 10px; line-height: 14px; }
.td5f ul li { font-size: 10px; line-height: 14px; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; list-style-position: inside; list-style-type: square; padding-left: 16px; text-indent: -16px; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td4-img1g { background-image: url(../shohin/storage01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td4-img1h { background-image: url(../shohin/sash01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2h { background-image: url(../shohin/sash02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img3h { background-image: url(../shohin/sash03.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td3h1 { font-size: 10px; line-height: 14px; padding: 5px; border: 1px solid #CCC; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; width: 15%; background-color: #FFF1EE; }
.remodel-tbl4 .td5h1 { font-size: 10px; line-height: 16px; padding: 5px; border: 1px solid #CCC; text-align: center; background-color: #FFF1EE; }
.remodel-tbl4 .td3h2 { font-size: 10px; line-height: 14px; padding: 5px; border: 1px solid #CCC; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; width: 15%; background-color: #FFC; }
.remodel-tbl4 .td5h2 { font-size: 10px; line-height: 16px; padding: 5px; border: 1px solid #CCC; text-align: center; background-color: #FFC; }
.remodel-tbl4 .td3h3 { font-size: 10px; line-height: 14px; padding: 5px; border: 1px solid #CCC; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; width: 15%; background-color: #ECFFEC; }
.remodel-tbl4 .td5h3 { font-size: 10px; line-height: 16px; padding: 5px; border: 1px solid #CCC; text-align: center; background-color: #ECFFEC; }
.small10 { font-size: 10px; line-height: 14px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; }
.td4s ul li { font-size: 10px; line-height: 14px; color: #C00; padding-left: 10px; text-indent: -10px; margin-bottom: 3px; padding-bottom: 3px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td4-img1i { background-image: url(../shohin/door01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img2i { background-image: url(../shohin/door02.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4-img3i { background-image: url(../shohin/door03.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
/*--------------------------------------------------------------------------------------------------------------*/
.remodel-tbl4 .td4-img1j { background-image: url(../shohin/deck01.jpg); background-repeat: no-repeat; background-position: center center; height: 80px; border: 1px solid #CCC; }
.remodel-tbl4 .td4j { font-size: 12px; line-height: 16px; padding: 5px; border: 1px solid #CCC; vertical-align: top; width: 38%; }
/*--------------------------------------------------------------------------------------------------------------*/

.ex-waku { height: auto; width: 580px; margin-bottom: 30px; }
.ex-waku p { font-size: 12px; line-height: 24px; }
.ex-waku .ex-img { height: auto; width: 580px; padding-top: 10px; padding-bottom: 10px; }
.ex-waku p strong { font-size: 14px; line-height: 24px; font-weight: bold; color: #F30; }
.ex-new { height: 40px; width: 574px; border: 3px double #06F; font-size: 14px; line-height: 40px; text-align: center; }
.ex-new  a { height: 40px; width: 574px; display: block; background-color: #06F; font-weight: bold; color: #FFF; text-decoration: none; }
.ex-new  a:hover { background-color: #F30; }
/*.index-waku ul { height: auto; width: 570px; padding: 4px; border: 1px solid #CCC; }*/
.ul-waku { height: auto; width: 570px; padding: 4px; border: 1px solid #CCC; width: 570px; height: 200px; overflow: scroll; scrollbar-base-color: #f6f6f6; scrollbar-track-color: #3366ff; scrollbar-face-color: #ffffff; scrollbar-shadow-color: #3366ff; scrollbar-darkshadow-color: #3366ff; scrollbar-highlight-color: #3366ff; scrollbar-3dlight-color: #3366ff; scrollbar-arrow-color: #FF3300; overflow-x:hidden; }
.ul-waku li { height: 30px; width: 550px; border-bottom-width: 1px; border-bottom-style: dotted; border-bottom-color: #CCC; /*position: relative;*/ clear: both; }
.ul-waku li .li-waku { /*position: absolute; */ height: 30px; width: auto; font-size: 12px; line-height: 30px; float: left; padding-right: 10px; }
.ul-waku li a { height: 30px; font-size: 12px; line-height: 30px; background-image: url(../img/icon02.gif); background-repeat: no-repeat; background-position: 5px center; padding-left: 20px; color: #06F; display: block; }
.ul-waku li a:hover { color: #F30; }
.ul-waku li .recentpost_time { font-size: 12px; line-height: 30px; height: 30px; width: 120px; /*position: absolute;*/ top: 0px; right: 0px; text-align: right; float: left; }
.ul-waku li .index-em { font-size: 10px; /*position: absolute;*/ left: 20px; top: -3px; line-height: 30px; font-family: "ＭＳ Ｐゴシック", sans-serif, "MS UI Gothic", Osaka; color: #F00; float: left; }

