/*
GlobalFont CSS
*/
/* BODYTD */
body {
/*font-size:82%;*/
color:#666666;
line-height:125%;
font-family:'Hiragino Kaku Gothic ProN',Meiryo,'MS PGothic',sans-serif;
}
td {
/* font-size:12px;*/
color:#666666;
line-height:125%;
}
.big {
font-size:16px;
}
.middle {
font-size:14px;
}
.small {
font-size:10px;
}
.font-size-2{
font-size: 2rem;
}
.site-seo {
font-size:13px;
color:#333333;
line-height:120%;
}
.center{
text-align: center;
}
/* Link */
/*a {
color: #0066cc;
font-size:12px;
}*/
/*a:hover {
color: #FF4210;
}
a:active {
color: #FF4210;
}
a:visited {
color: #0066cc;
}
*/
hr {
color: #cccccc;
}
/* ご購入方法のご選択「会員登録して購入する方」 */
#select_step_entry{
background-color:#000000;
}
/* ご購入方法のご選択「当店の会員の方」 */
#select_step_next1{
background-color:#000000;
}
/* ご購入方法のご選択「会員登録をせずに購入する方」 */
#select_step_next2{
background-color:#000000;
}
/* ================================ originalLayout ================================ */
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}
body #originalLayout {
margin: 0;
padding: 0;
color: #333;
background: #FFF;
font-size: 14px;
line-height: 1.5;
width:1080px;
text-align:left;
}
* html body #originalLayout {
font-size: 82%;
}
#originalLayout h1, #originalLayout h2, #originalLayout h3, #originalLayout h4, #originalLayout h5, #originalLayout h6,
#originalLayout div, #originalLayout p, #originalLayout pre, #originalLayout ul, #originalLayout ol, #originalLayout dl, #originalLayout dt, #originalLayout dd,
#originalLayout address, #originalLayout form, #originalLayout blockquote{
margin: 0;
padding: 0;
line-height: 1.5;
display: block;
font-weight: normal;
/*font-family:"ＭＳ Ｐゴシック",sans-serif;*/
}
#originalLayout img,area {
border: none;
vertical-align: text-bottom;
}
#originalLayout li {
list-style: none;
}
#originalLayout p {
line-height: 1.5em;
}
#originalLayout address,#originalLayout caption,#originalLayout em,#originalLayout strong,th {
font-style: normal;
font-weight: normal;
}
#originalLayout table {
border-collapse: collapse;
border-spacing: 0;
/* font-size: 72%;*/
empty-cells: show;
}
* html #originalLayout table {
font-size: 82%;
}
#originalLayout caption, #originalLayout th {
text-align: left;
}
#originalLayout object, #originalLayout embed {
vertical-align: top;
}
/* ===== 2: link setting =========================== */
#originalLayout a {
color: #39C;
}
#originalLayout a: link{
text-decoration: underline;
}
#originalLayout a: hover{
text-decoration: none;
color: #39C;
}
#originalLayout .madoml{margin-left:5px;}
#originalLayout .madomtable{margin-bottom:5px;}
/*
---------------------------------------
margin_top
---------------------------------------
*/
.mt0{margin-top:0 !important; }
.mt5{margin-top:5px !important; }
.mt10{margin-top:10px !important; }
.mt15{margin-top:15px !important; }
.mt18{margin-top:18px !important; }
.mt20{margin-top:20px !important; }
.mt25{margin-top:25px !important; }
.mt30{margin-top:30px !important; }
.mt35{margin-top:35px !important; }
.mt40{margin-top:40px !important; }
.mt45{margin-top:45px !important; }
.mt50{margin-top:50px !important; }
.mt55{margin-top:55px !important; }
.mt60{margin-top:60px !important; }
.mt65{margin-top:65px !important; }
.mt70{margin-top:70px !important; }
.mt75{margin-top:75px !important; }
.mt80{margin-top:80px !important; }
.mt85{margin-top:85px !important; }
.mt90{margin-top:90px !important; }
.mt95{margin-top:95px !important; }
.mt100{margin-top:100px !important; }
/*
---------------------------------------
margin_bottom
---------------------------------------
*/
.mb0{margin-bottom:0 !important; }
.mb5{margin-bottom:5px !important; }
.mb10{margin-bottom:10px !important; }
.mb15{margin-bottom:15px !important; }
.mb20{margin-bottom:20px !important; }
.mb25{margin-bottom:25px !important; }
.mb30{margin-bottom:30px !important; }
.mb35{margin-bottom:35px !important; }
.mb40{margin-bottom:40px !important; }
.mb45{margin-bottom:45px !important; }
.mb50{margin-bottom:50px !important; }
.mb55{margin-bottom:55px !important; }
.mb60{margin-bottom:60px !important; }
.mb65{margin-bottom:65px !important; }
.mb70{margin-bottom:70px !important; }
.mb75{margin-bottom:75px !important; }
.mb80{margin-bottom:80px !important; }
.mb85{margin-bottom:85px !important; }
.mb90{margin-bottom:90px !important; }
.mb95{margin-bottom:95px !important; }
.mb100{margin-bottom:100px !important; }
/*
---------------------------------------
margin_left
---------------------------------------
*/
.ml0{margin-left:0 !important; }
.ml5{margin-left:5px !important; }
.ml10{margin-left:10px !important; }
.ml15{margin-left:15px !important; }
.ml20{margin-left:20px !important; }
.ml25{margin-left:25px !important; }
.ml30{margin-left:30px !important; }
.ml35{margin-left:35px !important; }
.ml40{margin-left:40px !important; }
.ml45{margin-left:45px !important; }
.ml50{margin-left:50px !important; }
/*
---------------------------------------
margin_right
---------------------------------------
*/
.mr0{margin-right:0 !important; }
.mr5{margin-right:5px !important; }
.mr10{margin-right:10px !important; }
.mr15{margin-right:15px !important; }
.mr20{margin-right:20px !important; }
.mr25{margin-right:25px !important; }
.mr30{margin-right:30px !important; }
.mr35{margin-right:35px !important; }
.mr40{margin-right:40px !important; }
.mr45{margin-right:45px !important; }
.mr50{margin-right:50px !important; }
/*
---------------------------------------
padding_top
---------------------------------------
*/
.pt0{padding-top:0 !important; }
.pt5{padding-top:5px !important; }
.pt10{padding-top:10px !important; }
.pt15{padding-top:15px !important; }
.pt20{padding-top:20px !important; }
.pt25{padding-top:25px !important; }
.pt30{padding-top:30px !important; }
.pt35{padding-top:35px !important; }
.pt40{padding-top:40px !important; }
.pt45{padding-top:45px !important; }
.pt50{padding-top:50px !important; }
.pt65{padding-top:65px !important; }
/*
---------------------------------------
padding_bottom
---------------------------------------
*/
.pb0{padding-bottom:0 !important; }
.pb5{padding-bottom:5px !important; }
.pb10{padding-bottom:10px !important; }
.pb15{padding-bottom:15px !important; }
.pb20{padding-bottom:20px !important; }
.pb25{padding-bottom:25px !important; }
.pb30{padding-bottom:30px !important; }
.pb35{padding-bottom:35px !important; }
.pb40{padding-bottom:40px !important; }
.pb45{padding-bottom:45px !important; }
.pb50{padding-bottom:50px !important; }
/*
---------------------------------------
padding_left
---------------------------------------
*/
.pl0{padding-left:0 !important; }
.pl5{padding-left:5px !important; }
.pl10{padding-left:10px !important; }
.pl15{padding-left:15px !important; }
.pl20{padding-left:20px !important; }
.pl25{padding-left:25px !important; }
.pl30{padding-left:30px !important; }
.pl35{padding-left:35px !important; }
.pl40{padding-left:40px !important; }
.pl45{padding-left:45px !important; }
.pl50{padding-left:50px !important; }
/*
---------------------------------------
padding_right
---------------------------------------
*/
.pr0{padding-right:0 !important; }
.pr5{padding-right:5px !important; }
.pr10{padding-right:10px !important; }
.pr15{padding-right:15px !important; }
.pr20{padding-right:20px !important; }
.pr25{padding-right:25px !important; }
.pr30{padding-right:30px !important; }
.pr35{padding-right:35px !important; }
.pr40{padding-right:40px !important; }
.pr45{padding-right:45px !important; }
.pr50{padding-right:50px !important; }
/*
---------------------------------------
.clearFix
---------------------------------------
*/
#originalLayout .clearFix:after{
content: " ";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#originalLayout .clearFix {
display:inline-block; /* MacIE */
min-height:1%; /* IE7 */
}
/* MacIE-not */
* html #originalLayout .clearFix {height: 1%;}
#originalLayout .clearFix {display: block;}
/* MacIE-not */
/*
---------------------------------------
float
---------------------------------------
*/
.fL {
float:left;
}
.fR {
float:right;
}
/*
---------------------------------------
guideNav
---------------------------------------
*/
.guideNav,
#originalLayout div.guideNav {
margin-bottom:20px;
}
.guideNav dl dt {
margin-bottom:10px;
}
.guideNav dl dt {
float:left;
width:53px;
}
.guideNav dl dd {
margin-left:53px;
}
.guideNav dl dd ul li {
vertical-align:top;
/*font-size:0;*/
line-height: 1;
}
/*
---------------------------------------
見出し
---------------------------------------
*/
h2.default,
#originalLayout h2.default {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 41px 10px;
font-weight:bold;
color:#00647b;
}
h3.default,
#originalLayout h3.default {
/* background:url(../site/img/h3_bg_a.gif) no-repeat;
padding:7px 0 28px 16px;*/
font-size:18px;
font-weight:bold;
color:#00647b;
border-left: 8px solid #80dbf5;
border-bottom: 2px solid #80dbf5;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 10px;
}
h3.default span,
#originalLayout h3.default span {
font-size:14px;
margin-left:5px;
}
h4.default,
#originalLayout h4.default {
padding:3px 10px;
border-left:#6ed6f4 solid 5px;
margin-bottom:7px;
font-size:14px;
font-weight:bold;
color:#00647b;
}
/*
---------------------------------------
bathroom_door
---------------------------------------
*/
#bathroom_door h2 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 41px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#00647b;
}
#bathroom_door h3 {
/* background:url(../site/img/h3_bg_a.gif) no-repeat;
padding:7px 0 28px 16px;*/
font-size:18px;
font-weight:bold;
color:#00647b;
border-left: 8px solid #80dbf5;
border-bottom: 2px solid #80dbf5;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 10px;
}
#bathroom_door h4 {
padding:3px 10px;
border-left:#6ed6f4 solid 5px;
margin-bottom:7px;
font-size:14px;
font-weight:bold;
color:#00647b;
}
#bathroom_door .ranking {
margin-bottom:20px;
/* width: 950px;*/
}
#bathroom_door .ranking li {
float:left;
margin-right:5px;
width:210px;
}
#bathroom_door .ranking li dl dd {
border:#d0d0d0 solid 1px;
padding:10px 9px;
}
#bathroom_door .ranking li dl dd {
border:#d0d0d0 solid 1px;
padding:10px 9px;
height:275px;
}
#bathroom_door .ranking li dl dd .itemImg {
border:#d0d0d0 solid 1px;
margin-bottom:11px;
display:block;
text-align: center;
}
#bathroom_door .ranking li dl dd .itemName a {
color:#333333;
text-decoration:underline;
}
#bathroom_door .ranking li dl dd .itemName a:hover {
text-decoration:none;
}
#bathroom_door .ranking li dl dd .itemPrice {
color:#ff0000;
text-align:right;
display:block;
margin-top:5px;
}
#bathroom_door .con1 ul {
margin-bottom:28px;
}
#bathroom_door .con1 ul li {
float:left;
margin-right:5px;
width:210px;
border:#d0d0d0 solid 1px;
padding:10px 9px;
190px;
}
#bathroom_door .con1 ul li .cateImg {
border:#d0d0d0 solid 1px;
margin-bottom:11px;
display:block;
text-align: center;
}
#bathroom_door .con1 ul li .cateName {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
}
#bathroom_door .con1 ul li .cateName a {
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#bathroom_door .con1 ul li .cateName a:hover {
text-decoration:none;
}
#bathroom_door .con2 .cateArea {
margin-bottom:27px;
}
#bathroom_door .con2 .cateArea dl {
float:left;
width:360px;
margin:0 10px 10px 0;
padding:9px;
border:#d0d0d0 solid 1px;
}
#bathroom_door .con2 .cateArea dl.box02 {
height:300px;
width: 360px;
}
#bathroom_door .con2 .cateArea dl dt {
background:url(../site/img/h4_bg.gif) repeat-x;
padding:9px 0 21px 4px;
}
#bathroom_door .con2 .cateArea dl dt a {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#bathroom_door .con2 .cateArea dl dt a:hover {
text-decoration:none;
}
#bathroom_door .con2 .cateArea dl dd .fL {
width:105px;
border:#d0d0d0 solid 1px;
}
#bathroom_door .con2 .cateArea dl dd .fR {
width:220px;
}
#bathroom_door .con2 .cateArea dl dd .fR table {
width:98px;
border:#d0d0d0 solid 1px;
margin:10px 0;
}
#bathroom_door .con2 .cateArea dl dd .fR table th {
background:#e5f4f8;
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#bathroom_door .con2 .cateArea dl dd .fR table td {
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#bathroom_door .con2 .cateArea dl dd .link a {
float:right;
background:url(../site/img/icon_02.gif) no-repeat left center;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:bold;
display:block;
}
#bathroom_door .con2 .cateArea dl dd a:hover {
text-decoration:none;
}
#bathroom_door .con2 .bnrArea {
margin-bottom:27px;
}
#bathroom_door .con3 ul li {
float:left;
margin-right:5px;
width:155px;
border:#d0d0d0 solid 1px;
padding:10px 9px;
190px;
}
#bathroom_door .con3 ul li .cateImg {
border:#d0d0d0 solid 1px;
margin-bottom:11px;
display:block;
}
#bathroom_door .con3 ul li .cateName {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
}
#bathroom_door .con3 ul li .cateName a {
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#bathroom_door .con3 ul li a:hover {
text-decoration:none;
}
/*
---------------------------------------
design
---------------------------------------
*/
#design h2 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 41px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#00647b;
}
#design h3 {
/* background:url(../site/img/h3_bg_a.gif) no-repeat;
padding:7px 0 28px 16px;*/
font-size:18px;
font-weight:bold;
color:#00647b;
border-left: 8px solid #80dbf5;
border-bottom: 2px solid #80dbf5;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 10px;
}
#design h3 span {
font-size:14px;
margin-left:5px;
}
#design h4 {
padding:3px 10px;
border-left:#6ed6f4 solid 5px;
margin-bottom:7px;
font-size:14px;
font-weight:bold;
color:#00647b;
}
#design .con1 .icon {
margin-bottom:15px;
}
#design .con1 .icon dt {
/* background:url(../site/img/design/ttl_bg.gif) no-repeat;*/
padding:5px 9px;
}
#design .con1 .icon dt span {
font-weight:bold;
color:#ff6900;
padding-right:13px;
}
#design .con1 .icon dd {
border-left:#d0d0d0 solid 1px;
border-right:#d0d0d0 solid 1px;
border-bottom:#d0d0d0 solid 1px;
border-top: #d0d0d0 solid 1px;
}
#design .con1 .icon dd {
padding:13px 0 13px 9px;
}
#design .con1 .icon dd ul li {
float:left;
margin:0 20px 10px 0;
padding:5px 0 5px 35px;
height: 44px;
}
#design .con1 .icon dd ul .iconA {
background:url(../site/img/design/icon_a.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconB {
background:url(../site/img/design/icon_b.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconC {
background:url(../site/img/design/icon_c.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconD {
background:url(../site/img/design/icon_d.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconE {
background:url(../site/img/design/icon_e.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconF {
background:url(../site/img/design/icon_f.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconG {
background:url(../site/img/design/icon_g.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconH {
background:url(../site/img/design/icon_h.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconI {
background:url(../site/img/design/icon_i.gif) no-repeat left center;
width:124px;
}
#design .con1 .icon dd ul .iconJ {
background:url(../site/img/design/icon_j.gif) no-repeat left center;
width:124px;
}
#design .con1 .catch {
background:#f4f9fa;
border:#3b8493 solid 2px;
padding:8px 0;
}
#design .con1 .catch dt {
text-align:center;
font-weight:bold;
font-size:16px;
color:#3b8493;
margin-bottom:5px;
}
#design .con1 .catch dd {
text-align:center;
font-size:14px;
color:#ff0000;
}
#design_door .con2 .cateArea {
margin-bottom:27px;
}
#design .cateArea dl {
float:left;
width:450px;
margin:0 10px 10px 0;
padding:7px;
border:#d0d0d0 solid 1px;
height: 240px;
}
#design .con2,
#design .con3,
#design .con4,
#design .con5,
#design .con6,
#design .con6,
#design .con7,
#design .con8,
#design .con9 {
margin-bottom:25px;
}
#design .cateArea dl.box02 {
height:270px;
}
#design .cateArea dl dt {
background:url(../site/img/h4_bg.gif) repeat-x;
padding:9px 0 10px 4px;
}
#design .cateArea dl dt a {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#design .cateArea dl dt a:hover {
text-decoration:none;
}
#design .cateArea dl dd .fL {
width:103px;
border:#d0d0d0 solid 1px;
}
#design .cateArea dl dd .fR {
width:300px;
}
#design .cateArea dl dd .fR table {
width:98px;
border:#d0d0d0 solid 1px;
margin:10px 0;
}
#design .cateArea dl dd .fR table th {
background:#e5f4f8;
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#design .cateArea dl dd .fR table td {
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#design .cateArea dl dd .link a {
background:url(../site/img/icon_02.gif) no-repeat left center;
padding-left:21px;
color:#333333;
text-decoration:underline;
display:block;
}
#design .cateArea dl dd a:hover {
text-decoration:none;
}
#design .cateArea dl dd .icon {
margin-top:10px;
padding:4px 0;
border-top:#d0d0d0 solid 1px;
border-bottom:#d0d0d0 solid 1px;
}
#design .cateArea dl dd .icon li {
float:left;
margin-right:5px;
height:25px;
}
#design .cateArea dl dd .logo {
margin-top:10px;
}
#design .cateArea dl dd .logo li {
float:left;
margin-right:5px;
}
#design .cateArea .boxHi {
height:315px;
}
#design .cateArea2 .box02 {
padding:10px 9px;
border:#d0d0d0 solid 1px;
width:355px;
float:left;
margin:0 5px 10px 0;
height:170px;
}
#design .con8 .cateArea2 .box02 {
height:220px;
}
#design .cateArea2 .box02 .fL {
width:240px;
}
#design .cateArea2 .box02 .fL .link {
margin-bottom:5px;
}
#design .cateArea2 .box02 .fL .link a {
background:url(../site/img/icon.gif) no-repeat 0 4px;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:bold;
display:block;
}
#design .cateArea2 .box02 .fL .link a:hover {
text-decoration:none;
}
#design .cateArea2 .box02 .fL ul.link a {
background:url(../site/img/icon_02.gif) no-repeat;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:normal;
display:inline;
}
#design .cateArea2 .box02 .fL .iconA {
margin-bottom:5px;
}
#design .cateArea2 .box02 .fL .iconA span {
background:#e05447;
color:#fff;
padding:3px 5px;
}
#design .cateArea2 .box02 .fL .iconB {
margin-bottom:5px;
}
#design .cateArea2 .box02 .fL .iconB span {
background:#7bc7df;
color:#fff;
padding:3px 5px;
}
#design .cateArea2 .box02 .fR {
width:88px;
border:#d0d0d0 solid 1px;
}
#design .con9 li {
float:left;
margin:0 10px 10px 0;
width:155px;
border:#d0d0d0 solid 1px;
padding:9px;
height:290px;
}
#design .con9 li .itemImg {
width:153px;
border:#d0d0d0 solid 1px;
margin-bottom:11px;
display:block;
}
#design .con9 li .itemName a {
color:#333333;
text-decoration:underline;
}
#design .con9 li.itemName a:hover {
text-decoration:none;
}
#design .con9 li .itemPrice {
color:#ff0000;
text-align:right;
display:block;
margin-top:5px;
font-size:11px;
}
#design .con9 li .point {
text-align:right;
font-size:11px;
}
#design .bnrArea {
margin-bottom:35px;
}
#design .con4 .con4Inner1 {
position:relative;
margin-bottom:22px;
}
#design .con4 .con4Inner1 .makerA {
position:absolute;
top:0;
right:157px;
}
#design .con4 .con4Inner1 .makerB {
position:absolute;
top:0;
right:81px;
}
#design .con4 .con4Inner1 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#design .con4 .con4Inner1 .fL {
width:172px;
}
#design .con4 .con4Inner1 .fL img {
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner1 .fR {
width:780px;
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner1 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#design .con4 .con4Inner1 .fR th a {
color:#333333;
font-size:12px;
}
#design .con4 .con4Inner1 .fR th a:hover {
text-decoration:none;
}
#design .con4 .con4Inner1 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner1 .fR td a {
color:#333333;
/* font-size:12px;*/
}
#design .con4 .con4Inner1 .fR td a:hover {
text-decoration:none;
}
#design .con4 .con4Inner2 {
position:relative;
margin-bottom:22px;
}
#design .con4 .con4Inner2 .makerA {
position:absolute;
top:0;
right:157px;
}
#design .con4 .con4Inner2 .makerB {
position:absolute;
top:0;
right:81px;
}
#design .con4 .con4Inner2 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#design .con4 .con4Inner2 .fL {
width:172px;
}
#design .con4 .con4Inner2 .fL img {
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner2 .fR {
width:780px;
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner2 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#design .con4 .con4Inner2 .fR th a {
color:#333333;
font-size:12px;
}
#design .con4 .con4Inner2 .fR th a:hover {
text-decoration:none;
}
#design .con4 .con4Inner2 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner2 .fR td a {
color:#333333;
/* font-size:12px;*/
}
#design .con4 .con4Inner2 .fR td a:hover {
text-decoration:none;
}
#design .con4 .con4Inner3 {
position:relative;
margin-bottom:50px;
}
#design .con4 .con4Inner3 .makerA {
position:absolute;
top:0;
right:402px;
}
#design .con4 .con4Inner3 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#design .con4 .con4Inner3 .fL {
width:172px;
}
#design .con4 .con4Inner3 .fL img {
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner3 .fR {
width:780px;
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner3 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#design .con4 .con4Inner3 .fR th a {
color:#333333;
font-size:12px;
}
#design .con4 .con4Inner3 .fR th a:hover {
text-decoration:none;
}
#design .con4 .con4Inner3 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#design .con4 .con4Inner3 .fR td a {
color:#333333;
/* font-size:12px;*/
}
#design .con4 .con4Inner3 .fR td a:hover {
text-decoration:none;
}
/*
---------------------------------------
area
---------------------------------------
*/
#area h2 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 41px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#00647b;
}
#area h3 {
/* background:url(../site/img/h3_bg_a.gif) no-repeat;
padding:7px 0 28px 16px;*/
font-size:18px;
font-weight:bold;
color:#00647b;
border-left: 8px solid #80dbf5;
border-bottom: 2px solid #80dbf5;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 10px;
}
#area h3 span {
font-size:14px;
margin-left:5px;
}
#area .con1 .fL {
width:530px;
}
#area .con1 {
margin-bottom:25px;
}
#area .con1 table {
width:530px;
border:#b4b4b4 solid 1px;
margin-bottom:14px;
}
#area .con1 table th {
background:#e5f4f8;
text-align:center;
padding:7px 0;
border:#b4b4b4 solid 1px;
font-size:12px;
}
#area .con1 table .tableH {
background:#bbe4ef !important;
font-weight:bold;
border:#b4b4b4 solid 1px;
}
#area .con1 table td {
padding:7px 12px;
width:400px;
border:#b4b4b4 solid 1px;
font-size:12px;
}
#area .con2,
#area .con3 {
margin-bottom:30px;
}
#area .con3 .powerA {
background:url(../site/img/area/ttl_bg01.gif) no-repeat;
padding:14px 0 40px 90px;
font-size:22px;
line-height:1.2;
}
#area .con3 .powerA span {
color:#f79439;
font-weight:bold;
font-size:23px;
}
#area .con3 .powerAreaA {
margin-bottom:30px;
}
#area .con3 .powerAreaA .fL {
width:530x;
background:url(../site/img/area/yazirusi.gif) no-repeat right;
}
#area .con3 .powerAreaA .fL dl {
width:450px;
}
#area .con3 .powerAreaA .fL dl dt {
background:#ff8e30;
padding:10px 0;
text-align:center;
font-weight:bold;
color:#fff;
}
#area .con3 .powerAreaA .fL dl dd {
border-bottom:#ff8e30 solid 2px;
border-left:#ff8e30 solid 2px;
border-right:#ff8e30 solid 2px;
padding:15px;
}
#area .con3 .powerAreaA .fL dl dd .ttl {
text-align:center;
margin-bottom:10px;
}
#area .con3 .powerAreaA .fL dl dd .img {
text-align:center;
margin-bottom:10px;
}
#area .con3 .powerAreaA .fR {
width:530px;
}
#area .con3 .powerAreaA .fR h4 {
font-size:22px;
font-weight:bold;
line-height:1.2;
margin-bottom:15px;
}
#area .con3 .powerAreaA .fR h4 span {
font-size:20px;
font-weight:normal;
}
#area .con3 .powerAreaA .fR .check {
border:#e1e1e1 solid 1px;
padding:10px;
margin-bottom:15px;
}
#area .con3 .powerAreaA .fR dl dt {
font-weight:bold;
}
#area .con3 .powerB {
background:url(../site/img/area/ttl_bg02.gif) no-repeat;
padding:25px 0 50px 163px;
font-size:22px;
line-height:1.2;
color:#f79439;
font-weight:bold;
}
#area .con3 .powerAreaB {
margin-bottom:90px;
}
#area .con3 .powerAreaB .fL {
width:530px;
}
#area .con3 .powerAreaB .fR {
width:530px;
}
#area .con4 ul {
margin-bottom:10px;
}
#area .con4 ul li {
float:left;
margin-right:20px;
}
#area .con4 ul li img {
vertical-align:middle;
}
#area .con4 table {
width:1080px;
border:#b4b4b4 solid 1px;
margin-bottom:5px;
}
#area .con4 table th {
text-align:center;
padding:5px 0;
border:#b4b4b4 solid 1px;
font-size:12px;
}
#area .con4 table td {
width:543px;
padding:5px;
font-size:12px;
border-left:#b4b4b4 solid 1px;
border-right:#b4b4b4 solid 1px;
border-bottom:#b4b4b4 solid 1px;
}
#area .con4 table td.dashed {
border-bottom:#b4b4b4 dashed 1px;
}
#area .con4 table .a {
background:#f1f1f1;
}
#area .con4 table .b {
background:#cfd8f6;
}
#area .con4 table .c {
background:#e3f3bf;
}
#area #ui-tab #fragment-1,
#area #ui-tab #fragment-2 {
border-left:#e1e1e1 solid 1px;
border-right:#e1e1e1 solid 1px;
border-bottom:#e1e1e1 solid 1px;
padding-bottom:14px;
}
/*
---------------------------------------
inside_window
---------------------------------------
*/
#inside_window h2 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 41px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#00647b;
}
#inside_window h3 {
/*background:url(../site/img/h3_bg_a.gif) no-repeat;*/
/* padding:7px 0 5px 16px;*/
font-size:18px;
font-weight:bold;
color:#00647b;
border-left: 8px solid #80dbf5;
border-bottom: 2px solid #80dbf5;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 10px;
}
#inside_window h3 span {
font-size:14px;
margin-left:5px;
}
#inside_window .con1 .con4Inner1 {
position:relative;
margin-bottom:22px;
}
#inside_window .con1 .con4Inner1 .makerA {
position:absolute;
top:0;
right:157px;
}
#inside_window .con1 .con4Inner1 .makerB {
position:absolute;
top:0;
right:81px;
}
#inside_window .con1 .con4Inner1 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#inside_window .con1 .con4Inner1 .fL {
width:172px;
}
#inside_window .con1 .con4Inner1 .fL img {
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner1 .fR {
width:548px;
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner1 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#inside_window .con1 .con4Inner1 .fR th a {
color:#333333;
font-size:12px;
}
#inside_window .con1 .con4Inner1 .fR th a:hover {
text-decoration:none;
}
#inside_window .con1 .con4Inner1 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner1 .fR td a {
color:#333333;
font-size:12px;
}
#inside_window .con1 .con4Inner1 .fR td a:hover {
text-decoration:none;
}
#inside_window .con1 .con4Inner2 {
position:relative;
margin-bottom:22px;
}
#inside_window .con1 .con4Inner2 .makerA {
position:absolute;
top:0;
right:157px;
}
#inside_window .con1 .con4Inner2 .makerB {
position:absolute;
top:0;
right:81px;
}
#inside_window .con1 .con4Inner2 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#inside_window .con1 .con4Inner2 .fL {
width:172px;
}
#inside_window .con1 .con4Inner2 .fL img {
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner2 .fR {
width:548px;
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner2 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#inside_window .con1 .con4Inner2 .fR th a {
color:#333333;
font-size:12px;
}
#inside_window .con1 .con4Inner2 .fR th a:hover {
text-decoration:none;
}
#inside_window .con1 .con4Inner2 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner2 .fR td a {
color:#333333;
font-size:12px;
}
#inside_window .con1 .con4Inner2 .fR td a:hover {
text-decoration:none;
}
#inside_window .con1 .con4Inner3 {
position:relative;
margin-bottom:50px;
}
#inside_window .con1 .con4Inner3 .makerA {
position:absolute;
top:0;
right:402px;
}
#inside_window .con1 .con4Inner3 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#inside_window .con1 .con4Inner3 .fL {
width:172px;
}
#inside_window .con1 .con4Inner3 .fL img {
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner3 .fR {
width:548px;
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner3 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#inside_window .con1 .con4Inner3 .fR th a {
color:#333333;
font-size:12px;
}
#inside_window .con1 .con4Inner3 .fR th a:hover {
text-decoration:none;
}
#inside_window .con1 .con4Inner3 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#inside_window .con1 .con4Inner3 .fR td a {
color:#333333;
font-size:12px;
}
#inside_window .con1 .con4Inner3 .fR td a:hover {
text-decoration:none;
}
#inside_window .cateArea dl {
float:left;
width:340px;
margin:0 10px 10px 0;
padding:9px;
border:#d0d0d0 solid 1px;
}
#inside_window .con1 {
margin-bottom:25px;
}
#inside_window .cateArea dl.box02 {
height:270px;
}
#inside_window .cateArea dl dt {
background:url(../site/img/h4_bg.gif) repeat-x;
padding:9px 0 21px 4px;
}
#inside_window .cateArea dl dt a {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#inside_window .cateArea dl dt a:hover {
text-decoration:none;
}
#inside_window .cateArea dl dd .fL {
width:103px;
border:#d0d0d0 solid 1px;
}
#inside_window .cateArea dl dd .fR {
width:220px;
}
#inside_window .cateArea dl dd .fR table {
width:98px;
border:#d0d0d0 solid 1px;
margin:10px 0;
}
#inside_window .cateArea dl dd .fR table th {
background:#e5f4f8;
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#inside_window .cateArea dl dd .fR table td {
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#inside_window .cateArea dl dd .link a {
background:url(../site/img/icon_02.gif) no-repeat left center;
padding-left:21px;
color:#333333;
text-decoration:underline;
display:block;
}
#inside_window .cateArea dl dd a:hover {
text-decoration:none;
}
#inside_window .cateArea dl dd .icon {
margin-top:10px;
padding:4px 0;
border-top:#d0d0d0 solid 1px;
border-bottom:#d0d0d0 solid 1px;
}
#inside_window .cateArea dl dd .icon li {
float:left;
margin-right:5px;
height:25px;
}
#inside_window .cateArea dl dd .logo {
margin-top:10px;
}
#inside_window .cateArea dl dd .logo li {
float:left;
margin-right:5px;
}
#inside_window .cateArea .boxHi {
height:315px;
}
#inside_window .con4 .effect {
margin-bottom:25px;
}
#inside_window .con4 .effect th {
width:70px;
}
#inside_window .con4 .effect td {
width:148px;
padding:11px 24px 0 8px;
vertical-align: top;
}
#inside_window .con4 .effect2 {
border:#d6d6d6 solid 1px;
margin-bottom:35px;
}
#inside_window .con4 .effect2 th {
border:#d6d6d6 solid 1px;
padding:5px;
background:#e5f4f8;
font-size:12px;
}
#inside_window .con4 .effect2 th span {
display:block;
}
#inside_window .con4 .effect2 th.bold {
font-weight:bold;
text-align:center
}
#inside_window .con4 .effect2 td {
border:#d6d6d6 solid 1px;
font-size:12px;
padding:5px;
text-align:center;
}
#inside_window .con4 .effect2 td span {
display:block;
margin-top:5px;
text-align:left;
}
#inside_window .con4 .effect2 td.bold {
font-weight:bold;
font-size:18px;
}
#inside_window .con4 .effect2 td.bold {
font-weight:bold;
font-size:18px;
}
#inside_window .guideNav dl dt {
margin-bottom:10px;
}
/*
---------------------------------------
room
---------------------------------------
*/
#room h2 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 20px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#00647b;
}
#room h3 img { vertical-align: bottom;
font-size:0px; }
#room .guideNav {
margin-bottom:30px;
}
#room .con1Inner {
/* background:url(../site/img/room/con_bg.gif) no-repeat left bottom;*/
margin-bottom:5px;
padding-bottom:20px;
}
#room .con1Inner ul {
margin:0 0 0 40px;
padding-top:10px;
}
#room .con1Inner ul li {
float:left;
width:113px;
margin:0 20px 20px 0;
height:135px
}
#room .con1Inner ul li span {
display:block;
text-align:center;
}
#room .con1Inner ul li span a {
font-weight:bold;
margin-top:5px;
}
#room .topLink {
text-align:right;
}
#room #con1,
#room #con2,
#room #con3,
#room #con4,
#room #con5,
#room #con6,
#room #con7,
#room #con8,
#room #con9,
#room #con10 {
padding-bottom:10px;
border-bottom:#b4b4b4 solid 1px;
margin-bottom:30px;
}
/*
---------------------------------------
#tategu
---------------------------------------
*/
#tategu {
width: 730px;
margin: auto!important;
}
#tategu h2 {
margin-bottom:10px;
}
#tategu #con1 h3,
#tategu #con2 h3,
#tategu #con3 h3,
#tategu #con4 h3 {
background: url(../site/img/h2_bg_b.gif) no-repeat;
padding:10px 0 20px 10px;
font-size:25px;
font-weight:bold;
color:#fff;
}
#tategu h4 {
background:url(../site/img/h3_bg_b.gif) no-repeat;
padding:7px 0 28px 16px;
font-size:18px;
font-weight:bold;
color:#3f0102;
}
#tategu h5 {
padding:3px 10px;
border-left:#fab700 solid 5px;
margin-bottom:7px;
font-size:14px;
font-weight:bold;
color:#3f0102;
}
#tategu .topBg {
vertical-align: bottom;
font-size:0px; }
#tategu .h4Box {
position:relative;
}
#tategu .h4Box .makerA {
position:absolute;
top:0;
right:0;
}
#tategu h4 span {
font-size:14px;
margin-left:5px;
}
#tategu .tateguNavi {
margin-bottom:25px;
}
#tategu .tateguNavi .tateguNaviInner {
background:url(../site/img/tategu/con_bg_bottom.gif) no-repeat left bottom;
padding:10px 25px 5px 25px;
}
#tategu .tateguNavi .tateguNaviInner .Nav01 li {
float:left;
width:220px;
padding:9px 8px;
border:#500e00 solid 2px;
margin:0 10px 10px 0;
background:#fff;
/* height:220px;*/
}
#tategu .tateguNavi .tateguNaviInner .Nav01 li .img {
margin-bottom:5px;
}
#tategu .tateguNavi .tateguNaviInner .Nav01 li .link {
background:#500e00;
padding:11px 6px;
margin-bottom:5px;
}
#tategu .tateguNavi .tateguNaviInner .Nav01 li .link a {
color:#fff;
background:url(../site/img/tategu/icon_01.gif) no-repeat left 3px;
padding:0 10px 0 21px;
display:block;
font-weight:bold;
text-decoration:underline;
font-size:14px;
}
#tategu .tateguNavi .tateguNaviInner .Nav01 li .link a:hover {
text-decoration:none;
}
#tategu .tateguNavi .tateguNaviInner .Nav01 li .link span{
margin-left:21px;
color:#fff;
}
#tategu .tateguNavi .tateguNaviInner .Nav02 li {
float:left;
width:335px;
padding:8px;
border:#500e00 solid 2px;
margin:0 10px 10px 0;
background:#fff;
/* height:120px;*/
}
#tategu .tateguNavi .tateguNaviInner .Nav02 .fL {
width:225px;
}
#tategu .tateguNavi .tateguNaviInner .Nav02 li .link {
background:#500e00;
padding:8px 6px;
margin-bottom:5px;
}
#tategu .tateguNavi .tateguNaviInner .Nav02 .fL .link a {
color:#fff;
background:url(../site/img/tategu/icon_01.gif) no-repeat left 3px;
padding:0 10px 0 21px;
display:block;
font-weight:bold;
text-decoration:underline;
font-size:14px;
}
#tategu .tateguNavi .tateguNaviInner .Nav02 .fL .link a:hover {
text-decoration:none;
}
#tategu .conInner {
background:url(../site/img/tategu/con_bg_bottom.gif) no-repeat left bottom;
padding:20px;
margin-bottom:25px;
}
#tategu .conInner table {
width:690px;
}
#tategu .conInner table th {
width:160px;
padding-bottom:5px;
vertical-align:top;
}
#tategu .conInner table td {
width:530px;
vertical-align:top;
}
#tategu .conInner table td ul li {
float:left;
display:block;
margin:0 10px 10px 0;
height:45px;
}
#tategu .conInner table td ul li a {
color:#3f0102;
font-weight:bold;
text-align:center;
padding-left:6px;
display: table-cell;
vertical-align: middle;
height: 45px;
font-size:12px;
text-align:left;
width: 170px;
}
#tategu .conInner table td ul li a:hover {
text-decoration:none;
}
#tategu #con1 .cate1 {
background:url(../site/img/tategu/con1_cate_bg01.gif) no-repeat;
width:170px;
}
#tategu #con1 .cate2 {
background:url(../site/img/tategu/con1_cate_bg02.gif) no-repeat;
width:170px;
}
#tategu #con1 .cate3 {
background:url(../site/img/tategu/con1_cate_bg03.gif) no-repeat;
width:170px;
}
#tategu #con1 .cate4 {
background:url(../site/img/tategu/con1_cate_bg04.gif) no-repeat;
width:125px;
}
#tategu #con1 .cate5 {
background:url(../site/img/tategu/con1_cate_bg05.gif) no-repeat;
width:125px;
}
#tategu #con1 .cate6 {
background:url(../site/img/tategu/con1_cate_bg06.gif) no-repeat;
width:125px;
}
#tategu #con1 .cate7 {
background:url(../site/img/tategu/con1_cate_bg07.gif) no-repeat;
width:125px;
}
#tategu #con1 .cate8 {
background:url(../site/img/tategu/con1_cate_bg08.gif) no-repeat;
width:170px;
}
#tategu #con1 .cate9 {
background:url(../site/img/tategu/con1_cate_bg09.gif) no-repeat;
width:170px;
}
#tategu #con1 .cate10 {
background:url(../site/img/tategu/con1_cate_bg10.gif) no-repeat;
width:170px;
}
#tategu #con1 .cate11 {
background:url(../site/img/tategu/con1_cate_bg11.gif) no-repeat;
width:170px;
}
#tategu #con1 .cate12 {
background:url(../site/img/tategu/con1_cate_bg12.gif) no-repeat;
width:260px;
}
#tategu #con1 .cate13 {
background:url(../site/img/tategu/con1_cate_bg13.gif) no-repeat;
width:260px;
}
#tategu #con1 .cate14 {
background:url(../site/img/tategu/con1_cate_bg14.gif) no-repeat;
width:260px;
}
#tategu #con1 .cate15 {
background:url(../site/img/tategu/con1_cate_bg15.gif) no-repeat;
width:260px;
}
#tategu #con1 .cate16 {
background:url(../site/img/tategu/con1_cate_bg16.gif) no-repeat;
width:260px;
}
#tategu #con2 .cate1 {
background:url(../site/img/tategu/con2_cate_bg01.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate2 {
background:url(../site/img/tategu/con2_cate_bg02.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate3 {
background:url(../site/img/tategu/con2_cate_bg03.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate4 {
background:url(../site/img/tategu/con2_cate_bg04.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate5 {
background:url(../site/img/tategu/con2_cate_bg05.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate6 {
background:url(../site/img/tategu/con2_cate_bg06.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate7 {
background:url(../site/img/tategu/con2_cate_bg07.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate8 {
background:url(../site/img/tategu/con2_cate_bg08.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate9 {
background:url(../site/img/tategu/con2_cate_bg09.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate10 {
background:url(../site/img/tategu/con2_cate_bg10.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate11 {
background:url(../site/img/tategu/con2_cate_bg11.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate12 {
background:url(../site/img/tategu/con2_cate_bg12.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate13 {
background:url(../site/img/tategu/con2_cate_bg13.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate14 {
background:url(../site/img/tategu/con2_cate_bg14.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate15 {
background:url(../site/img/tategu/con2_cate_bg15.gif) no-repeat;
width:260px;
}
#tategu #con2 .cate16 {
background:url(../site/img/tategu/con2_cate_bg16.gif) no-repeat;
width:260px;
}
#tategu #con2 .cate17 {
background:url(../site/img/tategu/con2_cate_bg17.gif) no-repeat;
width:260px;
}
#tategu #con2 .cate18 {
background:url(../site/img/tategu/con2_cate_bg18.gif) no-repeat;
width:260px;
}
#tategu #con2 .cate19 {
background:url(../site/img/tategu/con2_cate_bg19.gif) no-repeat;
width:260px;
}
#tategu #con2 .cate20 {
background:url(../site/img/tategu/con2_cate_bg20.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate21 {
background:url(../site/img/tategu/con2_cate_bg21.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate22 {
background:url(../site/img/tategu/con2_cate_bg22.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate23 {
background:url(../site/img/tategu/con2_cate_bg23.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate24 {
background:url(../site/img/tategu/con2_cate_bg24.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate25 {
background:url(../site/img/tategu/con2_cate_bg25.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate26 {
background:url(../site/img/tategu/con2_cate_bg26.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate27 {
background:url(../site/img/tategu/con2_cate_bg27.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate28 {
background:url(../site/img/tategu/con2_cate_bg28.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate29 {
background:url(../site/img/tategu/con2_cate_bg29.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate30 {
background:url(../site/img/tategu/con2_cate_bg30.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate31 {
background:url(../site/img/tategu/con2_cate_bg31.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate32 {
background:url(../site/img/tategu/con2_cate_bg32.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate33 {
background:url(../site/img/tategu/con2_cate_bg33.gif) no-repeat;
width:170px;
}
#tategu #con2 .cate34 {
background:url(../site/img/tategu/con2_cate_bg34.gif) no-repeat;
width:260px;
}
#tategu #con2 .cate20 a,
#tategu #con2 .cate21 a,
#tategu #con2 .cate22 a,
#tategu #con2 .cate23 a,
#tategu #con2 .cate24 a,
#tategu #con2 .cate25 a,
#tategu #con2 .cate26 a {
font-size:11px;
}
#tategu #con3 .con3Inner {
background:url(../site/img/tategu/con_bg_bottom.gif) no-repeat left bottom;
padding:11px 25px 20px 25px;
margin-bottom:25px;
}
#tategu #con3 .con3Inner li {
float:left;
width:335px;
padding:8px;
border:#500e00 solid 2px;
margin:0 10px 10px 0;
background:#fff;
/* height:120px;*/
}
#tategu #con3 .con3Inner .fL {
width:225px;
}
#tategu #con3 .con3Inner .link {
background:#500e00;
padding:8px 6px;
margin-bottom:5px;
}
#tategu #con3 .con3Inner .fL .link a {
color:#fff;
background:url(../site/img/tategu/icon_01.gif) no-repeat left 3px;
/*padding:0 10px 0 21px;*/
display:block;
font-weight:bold;
text-decoration:underline;
font-size:14px;
}
#tategu #con3 .con3Inner .fL .link a:hover {
text-decoration:none;
}
#tategu #con4 .con4Inner1 {
position:relative;
margin-bottom:22px;
}
#tategu #con4 .con4Inner1 .makerA {
position:absolute;
top:0;
right:157px;
}
#tategu #con4 .con4Inner1 .makerB {
position:absolute;
top:0;
right:81px;
}
#tategu #con4 .con4Inner1 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#tategu #con4 .con4Inner1 .fL {
width:172px;
}
#tategu #con4 .con4Inner1 .fL img {
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner1 .fR {
width:548px;
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner1 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#tategu #con4 .con4Inner1 .fR th a {
color:#333333;
font-size:12px;
}
#tategu #con4 .con4Inner1 .fR th a:hover {
text-decoration:none;
}
#tategu #con4 .con4Inner1 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner1 .fR td a {
color:#333333;
font-size:12px;
}
#tategu #con4 .con4Inner1 .fR td a:hover {
text-decoration:none;
}
#tategu #con4 .con4Inner2 {
position:relative;
margin-bottom:22px;
}
#tategu #con4 .con4Inner2 .makerA {
position:absolute;
top:0;
right:157px;
}
#tategu #con4 .con4Inner2 .makerB {
position:absolute;
top:0;
right:81px;
}
#tategu #con4 .con4Inner2 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#tategu #con4 .con4Inner2 .fL {
width:172px;
}
#tategu #con4 .con4Inner2 .fL img {
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner2 .fR {
width:548px;
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner2 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#tategu #con4 .con4Inner2 .fR th a {
color:#333333;
font-size:12px;
}
#tategu #con4 .con4Inner2 .fR th a:hover {
text-decoration:none;
}
#tategu #con4 .con4Inner2 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner2 .fR td a {
color:#333333;
font-size:12px;
}
#tategu #con4 .con4Inner2 .fR td a:hover {
text-decoration:none;
}
#tategu #con4 .con4Inner3 {
position:relative;
margin-bottom:50px;
}
#tategu #con4 .con4Inner3 .makerA {
position:absolute;
top:0;
right:402px;
}
#tategu #con4 .con4Inner3 .point {
background:url(../site/img/inside_window/point_icon.gif) no-repeat;
padding:12px 0 20px 74px;
}
#tategu #con4 .con4Inner3 .fL {
width:172px;
}
#tategu #con4 .con4Inner3 .fL img {
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner3 .fR {
width:548px;
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner3 .fR th {
background:#e5f4f8;
padding:7px;
width:170px;
border:#d6d6d6 solid 1px;
font-size:12px;
}
#tategu #con4 .con4Inner3 .fR th a {
color:#333333;
font-size:12px;
}
#tategu #con4 .con4Inner3 .fR th a:hover {
text-decoration:none;
}
#tategu #con4 .con4Inner3 .fR td {
padding:7px;
border:#d6d6d6 solid 1px;
}
#tategu #con4 .con4Inner3 .fR td a {
color:#333333;
font-size:12px;
}
#tategu #con4 .con4Inner3 .fR td a:hover {
text-decoration:none;
}
#tategu #con4 .con4Inner {
background:url(../site/img/tategu/con_bg_bottom.gif) no-repeat left bottom;
padding:11px 25px 20px 25px;
margin-bottom:25px;
}
#tategu #con4 .con4Inner li {
float:left;
width:315px;
padding:8px;
border:#500e00 solid 2px;
margin:0 10px 10px 0;
background:#fff;
height:80px;
}
#tategu #con4 .con4Inner .fL {
width:225px;
}
#tategu #con4 .con4Inner .link {
background:#500e00;
padding:8px 6px;
margin-bottom:5px;
}
#tategu #con4 .con4Inner .fL .link a {
color:#fff;
background:url(../site/img/tategu/icon_01.gif) no-repeat left 3px;
padding:0 10px 0 21px;
display:block;
font-weight:bold;
text-decoration:underline;
font-size:14px;
}
#tategu #con4 .con4Inner .fL .link a:hover {
text-decoration:none;
}
#tategu #con4 .cateList {
margin-bottom:20px;
}
#tategu #con4 .cateList li {
float:left;
display:block;
margin:0 8px 8px 0;
height:60px;
}
#tategu #con4 .cateList li a {
color:#3f0102;
font-weight:bold;
padding-left:23px;
display: table-cell;
vertical-align: middle;
height: 60px;
font-size:12px;
text-align:left;
}
#tategu #con4 .cateList li a:hover {
text-decoration:none;
}
#tategu #con4 .cateList .cate1 {
background:url(../site/img/tategu/con4_cate_bg01.gif) no-repeat;
width:238px;
}
#tategu #con4 .cateList .cate2 {
background:url(../site/img/tategu/con4_cate_bg02.gif) no-repeat;
width:238px;
}
#tategu #con4 .cateList .cate3 {
background:url(../site/img/tategu/con4_cate_bg03.gif) no-repeat;
width:238px;
}
#tategu #con4 .cateList .cate4 {
background:url(../site/img/tategu/con4_cate_bg04.gif) no-repeat;
width:238px;
}
#tategu #con4 .cateList .cate5 {
background:url(../site/img/tategu/con4_cate_bg05.gif) no-repeat;
width:238px;
}
#tategu #con4 .cateList .cate6 {
background:url(../site/img/tategu/con4_cate_bg06.gif) no-repeat;
width:238px;
}
#tategu #con5 h3 {
background: url(../site/img/h2_bg_c.gif) no-repeat;
padding:10px 0 20px 10px;
font-size:25px;
font-weight:bold;
color:#fff;
}
#tategu #con5 .cateList {
margin-bottom:20px;
}
#tategu #con5 .cateList li {
float:left;
display:block;
margin:0 8px 8px 0;
height:60px;
}
#tategu #con5 .cateList li a {
color:#3f0102;
font-weight:bold;
padding-left:23px;
display: table-cell;
vertical-align: middle;
height: 60px;
font-size:12px;
text-align:left;
}
#tategu #con5 .cateList li a:hover {
text-decoration:none;
}
#tategu #con5 .cateList .cate1 {
background:url(../site/img/tategu/con5_cate_bg01.gif) no-repeat;
width:175px;
}
#tategu #con5 .cateList .cate2 {
background:url(../site/img/tategu/con5_cate_bg02.gif) no-repeat;
width:175px;
}
#tategu #con5 .cateList .cate3 {
background:url(../site/img/tategu/con5_cate_bg03.gif) no-repeat;
width:175px;
}
#tategu #con5 .cateList .cate4 {
background:url(../site/img/tategu/con5_cate_bg04.gif) no-repeat;
width:175px;
}
#tategu #con5 .cateList .cate5 {
background:url(../site/img/tategu/con5_cate_bg05.gif) no-repeat;
width:175px;
}
#tategu #con5 .cateList .cate6 {
background:url(../site/img/tategu/con5_cate_bg06.gif) no-repeat;
width:175px;
}
#tategu #con6 h3 {
background: url(../site/img/h2_bg_d.gif) no-repeat;
padding:10px 0 20px 10px;
font-size:25px;
font-weight:bold;
color:#fff;
}
#tategu #con6 .cateList {
margin-bottom:20px;
}
#tategu #con6 .cateList li {
float:left;
display:block;
margin:0 8px 8px 0;
height:60px;
}
#tategu #con6 .cateList li a {
color:#3f0102;
font-weight:bold;
padding-left:23px;
display: table-cell;
vertical-align: middle;
height: 60px;
font-size:12px;
text-align:left;
}
#tategu #con6 .cateList li a:hover {
text-decoration:none;
}
#tategu #con6 .cateList .cate1 {
background:url(../site/img/tategu/con6_cate_bg01.gif) no-repeat;
width:175px;
}
#tategu #con6 .cateList .cate2 {
background:url(../site/img/tategu/con6_cate_bg02.gif) no-repeat;
width:175px;
}
#tategu #con6 .cateList .cate3 {
background:url(../site/img/tategu/con6_cate_bg03.gif) no-repeat;
width:175px;
}
#tategu #con6 .cateList .cate4 {
background:url(../site/img/tategu/con6_cate_bg04.gif) no-repeat;
width:175px;
}
#tategu #con6 .cateList .cate5 {
background:url(../site/img/tategu/con6_cate_bg05.gif) no-repeat;
width:175px;
}
#tategu #con6 .cateList .cate6 {
background:url(../site/img/tategu/con6_cate_bg06.gif) no-repeat;
width:175px;
}
#tategu #con6 .cateList .cate7 {
background:url(../site/img/tategu/con6_cate_bg07.gif) no-repeat;
width:175px;
}
/*--------------------------------
鈴木追加分
---------------------------------*/
#screen_door h2 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 41px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#00647b;
}
#screen_door h3 {
/* background:url(../site/img/h3_bg_a.gif) no-repeat;*/
/* padding:7px 0 28px 16px;*/
font-size:18px;
font-weight:bold;
color:#00647b;
border-left: 8px solid #80dbf5;
border-bottom: 2px solid #80dbf5;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 10px;
}
#screen_door h4 {
padding:3px 10px;
border-left:#6ed6f4 solid 5px;
margin-bottom:7px;
font-size:14px;
font-weight:bold;
color:#00647b;
}
#screen_door .ranking {
margin-bottom:20px;
/* width: 730px;*/
}
#screen_door .ranking li {
float:left;
margin-right:5px;
width:210px;
}
#screen_door .ranking li di dd{
border:#d0d0d0 solid 1px;
padding:10px 9px;}
#screen_door .ranking li dl dd {
border:#d0d0d0 solid 1px;
padding:10px 9px;
height:180px;
}
#screen_door .ranking li dl dd .itemImg {
border:#d0d0d0 solid 1px;
margin-bottom:11px;
display:block;
text-align: center;
}
#screen_door .ranking li dl dd .itemName a {
color:#333333;
text-decoration:underline;
}
#screen_door .ranking li dl dd .itemName a:hover {
text-decoration:none;
}
#screen_door .ranking li dl dd .itemPrice {
color:#ff0000;
text-align:right;
display:block;
margin-top:5px;
}
#screen_door_door .con2 .cateArea {
margin-bottom:27px;
}
#screen_door .cateArea dl {
float:left;
width:534px;
margin:0 10px 10px 0;
padding:9px;
border:#d0d0d0 solid 1px;
}
#screen_door .con2,
#screen_door .con3,
#screen_door .con4,
#screen_door .con5,
#screen_door .con6,
#screen_door .con6,
#screen_door .con7,
#screen_door .con8,
#screen_door .con9 {
margin-bottom:25px;
}
#screen_door .cateArea dl.box02 {
height:270px;
}
#screen_door .cateArea dl dt {
background:url(../site/img/h4_bg.gif) repeat-x;
padding:9px 0 21px 4px;
}
#screen_door .cateArea dl dt a {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#screen_door .cateArea dl dt a:hover {
text-decoration:none;
}
#screen_door .cateArea dl dd .fL {
width:103px;
border:#d0d0d0 solid 1px;
}
#screen_door .cateArea dl dd .fR {
width:400px;
}
#screen_door .cateArea dl dd .fR table {
width:98px;
border:#d0d0d0 solid 1px;
margin:10px 0;
}
#screen_door .cateArea dl dd .fR table th {
background:#e5f4f8;
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#screen_door .cateArea dl dd .fR table td {
border:#d0d0d0 solid 1px;
text-align:center;
padding:3px 0;
}
#screen_door .cateArea dl dd .link a {
background:url(../site/img/icon_02.gif) no-repeat left center;
padding-left:21px;
color:#333333;
text-decoration:underline;
display:block;
}
#screen_door .cateArea dl dd a:hover {
text-decoration:none;
}
#screen_door .cateArea dl dd .icon {
margin-top:10px;
padding:4px 0;
border-top:#d0d0d0 solid 1px;
border-bottom:#d0d0d0 solid 1px;
}
#screen_door .cateArea dl dd .icon li {
float:left;
margin-right:5px;
height:25px;
}
#screen_door .cateArea dl dd .logo {
margin-top:10px;
}
#screen_door .cateArea dl dd .logo li {
float:left;
margin-right:5px;
}
#screen_door .cateArea .boxHi {
height:315px;
}
#screen_door .cateArea2 .box02 {
padding:10px 9px;
border:#d0d0d0 solid 1px;
width:220px;
float:left;
margin:0 5px 10px 0;
}
#screen_door .cateArea2 .box02 .fL {
width:115px;
}
#screen_door .cateArea2 .box02 .fL .link {
margin-bottom:5px;
}
#screen_door .cateArea2 .box02 .fL .link a {
background:url(../site/img/icon.gif) no-repeat 0 4px;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:bold;
display:block;
}
#screen_door .cateArea2 .box02 .fL .link a:hover {
text-decoration:none;
}
#screen_door .cateArea2 .box02 .fL ul.link a {
background:url(../site/img/icon_02.gif) no-repeat;
padding-left:21px;
color:#333333;
text-decoration:underline;
font-weight:normal;
display:inline;
}
#screen_door .cateArea2 .box02 .fL .iconA {
margin-bottom:5px;
}
#screen_door .cateArea2 .box02 .fL .iconA span {
background:#e05447;
color:#fff;
padding:3px 5px;
}
#screen_door .cateArea2 .box02 .fL .iconB {
margin-bottom:5px;
}
#screen_door .cateArea2 .box02 .fL .iconB span {
background:#7bc7df;
color:#fff;
padding:3px 5px;
}
#screen_door .cateArea2 .box02 .fR {
width:88px;
border:#d0d0d0 solid 1px;
}
#screen_door .con9 li {
float:left;
margin:0 10px 10px 0;
width:155px;
border:#d0d0d0 solid 1px;
padding:9px;
height:290px;
}
.size_table table{margin:15px 0px 20px 0px;}
#screen_door .con1 ul {
margin-bottom:28px;
}
#screen_door .con1 ul li {
float:left;
margin-right:5px;
width:155px;
border:#d0d0d0 solid 1px;
padding:10px 9px;
190px;
}
#screen_door .con1 ul li .cateImg {
border:#d0d0d0 solid 1px;
margin-bottom:11px;
display:block;
}
#screen_door .con1 ul li .cateName {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
}
#screen_door .con1 ul li .cateName a {
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#screen_door .con1 ul li .cateName a:hover {
text-decoration:none;
}
#size{overflow:hidden;}
#size .guideNav dl dt {
margin-bottom:10px;
}
#size h1 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding: 15px 0 41px 10px;
/* font-size: 25px; */
font-weight: bold;
color: #00647b;
}
#size h2 {
background: url(../site/img/h2_bg_a.jpg) repeat-x;
padding:15px 0 41px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#00647b;
}
#size h3 {
/* background:url(../site/img/h3_bg_a.gif) no-repeat;
padding:7px 0 28px 16px;*/
font-size:18px;
font-weight:bold;
color:#00647b;
border-left: 8px solid #80dbf5;
border-bottom: 2px solid #80dbf5;
margin-bottom: 10px;
margin-top: 20px;
padding: 8px 10px;
}
#size h4 {
padding:3px 10px;
border-left:#6ed6f4 solid 5px;
margin-bottom:7px;
font-size:14px;
font-weight:bold;
color:#00647b;
}
#size .Box1{
float:left;
width:400px;}
#size .Box1 p{
font-size:14px;}
#size .Box2{
float:left;
width:310px;}
#size .Box2 p{
font-size:13px;}
#cont1{
overflow:hidden;}
#size .Buton{
overflow:hidden;
width:730px;
overflow:hidden;}
#size .Buton p{
margin-top:30px;
float:left;}
#cont2 p{
font-size:14px;}
#size #cont3 p{
font-size:14px;}
#size #cont4 p{
font-size:14px;}
#carport h2 {
background: url(../site/img/carport/carport_16.jpg) no-repeat;
padding:15px 0 30px 10px;
/*font-size:25px;*/
font-weight:bold;
color:#ffffff;
}
#carport h3 {
background: url(../site/img/carport/carport.jpg) no-repeat;
padding:7px 0 28px 16px;
font-size:18px;
font-weight:bold;
color:#00647b;
}
#carport h4 {
padding:3px 10px;
border-left:#83cb00 solid 5px;
margin-bottom:7px;
font-size:14px;
font-weight:bold;
color:#00647b;
}
#carport h5 {
margin-left:5px;
padding-left:10px;
padding-top:5px;
font-size:12px;
width:280px;
height:22px;
background: url(../site/img/carport/carport_87.jpg) no-repeat;
}
#carport .txt{font-size:14px;}
#carport dt,
#carport dd{
float:left;
}
#carport #guide ul{
padding-top:9px;}
#carport #guide li img{
vertical-align:bottom;}
#carport #guide dl{overflow:hidden;}
#point ul li{margin-bottom:7px;}
#point ul{
overflow:hidden;}
.carport_name{
vertical-align:central;
height:47px;
background:url(../site/img/carport/carport_36.jpg) repeat-x;
font-size:18px;
}
.carport_name #img3{
display: inline-block;
margin:5px;
vertical-align:-25%;
}
#deta{overflow:hidden;}
#deta p{background-color:#0099ff;
color:#ffffff;
padding:10px 0px;
float:left;
}
#deta p:nth-child(1){
width:175px;
text-align:center;
}
#deta p:nth-child(2){
width:230px;
margin:0px 10px;
text-align:center}
#deta p:nth-child(3){
width:105px;
text-align:center
}
#pop{
overflow:hidden;
}
#carport .pop_rightbox{
margin-top:10px;
vertical-align:bottom;
overflow:hidden;
width:300px;
float:right;}
#carport .pop_rightbox p a{
text-decoration:none;
color:#000000;}
#carport .pop_rightbox p{
vertical-align:bottom;
margin-left:5px;
margin-top:5px;}
#carport .pop_rightbox .ptn1{
padding-left:40px;
padding-top:12px;
line-height: 1em;
font-size:12px;
width:105px;
height:23px;
background:url(../site/img/carport/carport_47.jpg) no-repeat;}
#carport .pop_rightbox .ptn2{
padding-left:40px;
padding-top:12px;
line-height: 1em;
font-size:12px;
width:105px;
height:23px;
background:url(../site/img/carport/carport_54.jpg) no-repeat;}
#carport .pop_rightbox .ptn3{
padding-left:40px;
padding-top:12px;
line-height: 1em;
font-size:12px;
width:105px;
height:23px;
background:url(../site/img/carport/carport_57.jpg) no-repeat;}
#carport .pop_rightbox .ptn4{
padding-left:40px;
line-height: 1em;
padding-top:12px;
font-size:12px;
width:105px;
height:23px;
background:url(../site/img/carport/carport_61.jpg) no-repeat;}
#carport .pop_rightbox .ptn5{
padding-left:40px;
padding-top:7px;
line-height: 1em;
font-size:12px;
width:105px;
height:28px;
background:url(../site/img/carport/carport_47.jpg) no-repeat;}
#carport .pop_rightbox .ptn6{
padding-left:40px;
line-height: 1em;
padding-top:7px;
font-size:12px;
width:105px;
height:28px;
background:url(../site/img/carport/carport_61.jpg) no-repeat;}
#pop p img{float:left;
border:#d0d0d0 solid 1px;
margin-top:10px;
}
#pop dt{
color:#0099ff;
font-size:13px
}
#carport .con1{margin-top:25px;}
#carport .con1 ul {
margin-bottom:28px;
}
#carport .con1 ul li {
float:left;
margin-bottom:5px;
margin-right:5px;
width:155px;
border:#d0d0d0 solid 1px;
padding:10px 9px;
190px;
}
#carport .con1 ul li .cateImg {
border:#d0d0d0 solid 1px;
margin-bottom:11px;
display:block;
}
#carport .con1 ul li .cateName {
background:url(../site/img/icon.gif) no-repeat;
padding-left:21px;
}
#carport .con1 ul li .cateName a {
color:#333333;
text-decoration:underline;
font-weight:bold;
}
#carport .con1 ul li .cateName a:hover {
text-decoration:none;
}
#carport .car_title{
padding:10px 0px;
text-align:center;
font-size:18px;
border:#5e9902 2px solid;
color:#5e9902;}
#carport #pop_box{
border:#f1f1f1 1px solid;
padding:10px;
}
#carport .fbl{
height:19px;
vertical-align:bottom;
color:#0099ff;
font-size:13px;
}
#page_door div.txt_box{
padding:5px 0;
margin:0 0 20px 0;
font-size:14px;}
#page_door h3 {
background: url(../site/img/h3_bg_b.gif) no-repeat;
padding: 7px 0 15px 16px;
font-size: 18px;
font-weight: bold;
color: #3f0102;
}
#page_door ul.door_list_box{
background:#fbefd7;
padding:12px 15px;}
#page_door ul.door_list_box li{
float:left;
background: url(../site/img/page/arw.gif) no-repeat center left;
padding:6px 30px 6px 22px;}
#page_door ul.door_list_box li a{
color:#333;
font-size:14px;}
div.h4_box_door{
border:1px solid #ccc;
/*width:698px;*/
margin:10px auto !important;
padding:15px !important;}
div.h4_box_door .fR{
width:510px;}
div.h4_box_door h4{
width:478px;
height:31px;
padding:6px 0 0 32px !important;
background: url(../site/img/page/h4_ttl.gif) no-repeat top left;}
div.h4_box_door h4 a{
font-weight:bold;
text-decoration: none;
border-bottom:1px solid #333;
color:#333 !important;
font-size:18px;}
div.h4_box_door h4 a:hover{
border:none;}
div.h4_box_door h4 a span{
font-size:12px;}
div.h4_box_door p{
font-size:14px;
margin:7px 0 !important;}
div.h4_box_door span.method{
display:inline-block;
background:#fbefd7;
padding:5px 15px;
text-align:center;
color:#fa6b0d;}
div.h4_box_door p.price{
margin:12px 0 !important;
font-size:12px;
text-align:right;}
div.h4_box_door p.price span{
font-weight:bold;
color:#e02a19;
font-size:16px;}
.alnR{
text-align:right;}
#law{
padding:15px;
line-height:normal;}
#law p{
font-size:14px;}
#law h2{
font-size:16px;}
#txtr{
text-align:right;}
ul.door_box li{
float:left;
margin:10px 7px 0 0;}
/*追加項目*/
#first-time-wrap,
#first-time-wrap div,
#first-time-wrap p,
#first-time-wrap ol{
line-height: 1.5em;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
font-size: 14px;
color: #333333;
box-sizing: border-box;
}
.text-common{
line-height: 1.5em;
font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.chuui-desc{
padding: 20px 20px 30px;
line-height: 1.8em!important;
font-size: 16px!important;
}
.chuui-sub-box{
padding: 0 20px 50px;
width: 100%;
}
.chuui-sub{
font-size: 25px!important;
font-weight: bold;
padding-left: 30px;
background: url(../site_data/cabinet/beginner/arrow.png) no-repeat left 8px;
}
.chuui-sub-box p{
font-size: 100%;
padding: 20px 0 0;
}
.chuui-benefit{
padding: 0 20px;
}
.chuui-benefit-desc p{
font-size: 20px!important;
font-weight: bold;
padding-left: 25px;
border-left: 8px solid #ff8800;
height: 25px;
}
.chuui-benefit-desc ol{
padding: 20px 0 50px;
}
.dream-think p{
font-size: 20px!important;
font-weight: bold;padding: 10px;
color: #ff8800!important;
padding: 10px;
width: 702px;
}
.dream-think {
padding: 0 20px 50px;
box-sizing: border-box;
width: 730px;
}
/*kakko*/
.dream-think p{
position:relative;
background-color:#FFF;
}
.dream-think p:before,
.dream-think p:after{
content: "";
position: absolute;
top: -2px;
bottom:-2px;
width: 10px;
border: 2px solid #ff8800;
z-index:1;
}
.dream-think p:before{
left: -2px;
border-right:none;
border-radius:4px 0 0 4px;
}
.dream-think p:after{
right: -2px;
border-left:none;
border-radius:0 4px 4px 0;
}
.chuui-benefit-desc li{
padding-left:1em;
text-indent:-1em;
padding-bottom: 5px;
}
/*kakko*/
/*追加項目終了*/
/*-----------------------------
nav最新20171014
-----------------------------*/
#main_navi2{
z-index: 1000;
/*position: relative;*/
/*padding-bottom: 10px;*/
}
#main_navi2 .menu__second-level{
position: absolute;
z-index: 3000;
}
/*common*/
#main_navi2 ul,ol{
list-style-type: none;
}
#main_navi2 a {
text-decoration: none;
}
/*nav固定用*/
#main_navi2{
position: absolute;
}
#main_navi2.fixed {
margin-top: 0px!important;
position: fixed;
top: 0;
/*z-index: 10000;*/
}
/*#main_navi2 body{
font-family:'Hiragino Kaku Gothic ProN', Meiryo,'MS PGothic', sans-serif;
}*/
/*#main_navi2 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video, main {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
font-weight: normal;
font-style: normal;
vertical-align: baseline;
background: transparent;
}*/
/*/common*/
#main_navi2 li.menu__mega ul.menu__second-level {
position: absolute;
top: 60px;
left: 0;
box-sizing: border-box;
width: 100%;
/*padding: 20px 2%;*/
/*background: #072A24;*/
background-color: #FFE3A9;/*カテゴリ背景*/
-webkit-transition: all .2s ease;
transition: all .2s ease;
}
/*メニュー マウスホバー表示*/
/*#main_navi2 li.menu__mega:hover ul.menu__second-level {
top: 60px;
visibility: visible;
opacity: 1;
}*/
#main_navi2 li.menu__mega ul.menu__second-level > li {
float: left;
width: 32%;
border: none;
text-align: left;
padding-bottom:5px;
}
/*li.menu__mega ul.menu__second-level > li:nth-child(3n+2) {
margin: 0 1%;
}*/
#main_navi2 .menu__second-level li{
padding-left: 8px;
}
#main_navi2 .menu {
position: relative;
width: 100%;
height: 60px;
max-width: 1300px;
margin: 0 auto;
border-bottom: 1px solid #fc8c01;
}
#main_navi2 .menu > li {
float: left;
width: 20%; /* グローバルナビ4つの場合 */
height: 60px;
/* line-height: 30px;*/
background: rgb(29, 33, 19);
font-size: 0.9em;
}
#main_navi2 .menu > li a {
display: block;
/*color: #fff;*/
color: #333333;
font-size: 13px;
}
#main_navi2 .menu > li a:hover {
/*color: #fc7e02;*/
text-decoration: underline;
}
#main_navi2 ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
#main_navi2 ul.menu__third-level {
visibility: hidden;
opacity: 0;
}
#main_navi2 ul.menu__fourth-level {
visibility: hidden;
opacity: 0;
}
#main_navi2 .menu > li:hover {
/*background: #072A24;
-webkit-transition: all .5s;
transition: all .5s;*/
}
#main_navi2 .menu__second-level li {
border-top: 1px solid #111;
}
#main_navi2 .menu__third-level li {
border-top: 1px solid #111;
}
/*.menu__second-level li a:hover {
background: #fc8c02;
}*/
#main_navi2 .menu__third-level li a:hover {
background: #2a1f1f;
}
#main_navi2 .menu__fourth-level li a:hover {
background: #1d0f0f;
}
/*▲*/
#main_navi2 .second1,
#main_navi2 .second2,
#main_navi2 .second3,
#main_navi2 .second4,
#main_navi2 .second5{
width: 0;
height: 0;
border: 20px solid transparent;
border-top: 15px solid #fc8c01;
}
#main_navi2 .second1{
margin-left: 110px;
}
#main_navi2 .second2{
margin-left: 370px;
}
#main_navi2 .second3{
margin-left: 630px;
}
#main_navi2 .second4{
margin-left: 890px;
}
#main_navi2 .second5{
margin-left: 1150px;
}
/*▲*/
/* 下矢印 */
/*#main_navi2 .init-bottom:after {
content: '';
display: inline-block;
width: 6px;
height: 6px;
margin: 0 0 0 15px;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}*/
/*上部ライン*/
#main_navi2 .line-top1{
border-top:8px #F5E8D5 solid;
margin: 0 auto;
width: 950px;
}
#main_navi2 .line-top2{
border-top: 5px #fc8c01 solid;
margin: 0 auto;
width: 1300px;
}
#main_navi2 .line-top3 {
border-top: 1px #fc8c01 solid;
margin: 0 auto;
width: 1300px;
}
/*リスト分類*/
#main_navi2 .li-head{
padding-top: 10px;
padding-bottom: 5px;
padding-left: 8px;
clear: both;
color: #803F01;
font-weight:bold;
border-top:1px solid #ffffff;
text-align: left;
font-size: 13px;
}
#main_navi2 .li-head2{
padding-top: 5px;
padding-bottom: 5px;
padding-left: 8px;
clear: both;
color: #803F01;
font-weight:bold;
text-align: left;
font-size: 13px;
}
#main_navi2 .li-bet{
padding-top: 5px;
padding-bottom: 20px;
padding-left: 8px;
clear: both;
color: #E66818;
font-weight:bold;
text-align: right;
font-size: 15px;
}
/* floatクリア */
#main_navi2 .menu:before,
#main_navi2 .menu:after {
content: " ";
display: table;
}
#main_navi2 .menu:after {
clear: both;
}
#main_navi2 .menu {
*zoom: 1;
}
/*nav最新20171014終了*/
/*よく検索されるワード*/
.many-words-wrap{
vertical-align: bottom;
width: 100%;
display: block;
font-size:14px;
margin-bottom: 15px;
}
.many-words-wrap p{
color: #FC8C01;
font-weight: bold;
margin:0;
/*padding: 5px 0 0;*/
font-size:15px;
}
.many-words-wrap ul.many-words{
border:4px solid #FFE3A9;
width: 100%;
margin: 0;
padding: 0;
display: block;
box-sizing: border-box;
overflow: hidden;
}
.many-words-wrap ul.many-words li{
list-style-type: none;
padding: 8px 20px 8px 16px;
box-sizing: border-box;
text-align: left;
float: left;
}
.many-words-wrap ul.many-words li a{
text-decoration: none;
color: #333333;
}
.many-words-wrap ul.many-words li a:hover{
text-decoration: underline;
color: #FC8C01;
}
.many-words-wrap .clear-word{
clear: both;
}
/*/よく検索されるワード*/
/*----------------------------------------------
ここから新サイト用に新たに追加
------------------------------------------------*/
/*レビューを見る*/
.borderl01 {
font-size: 0.9em;
margin: 0 0 12px 8px;
border-width: 0 0 0 4px;
border-style: solid;
padding-left: 4px;
line-height: 1.2em;
}
/*----------------------------------------------
商品ページ
------------------------------------------------*/
/**/
.price-n .nomal_price {
font-size: 1.3em;
color: #c00;
font-weight: bold;
}
.price-n .nomal_price .price{
font-size: 1.8em
}
/**/
.price-w {
background: #FCF4E4;
}
#item .price-n .selling_price .price_value{
font-size: 1.7em;
line-height: 1em;
}
#item .price-w .price-n .selling_price {
font-size: 1.0em!important;
}
/**/
form#left-navi-search {
width: 440px;
padding-bottom: 20px;
}
span#conditions {
display: inline-block;
}
input.btn.left_submit {
width: 280px;
background: #FA8B20;
border: #FA8B20;
}
/**/
#item .right {
float: right;
width: 338px!important;
margin-left: 2px!important;
}
#item .left{
margin-right:5px;
}
#item .spec .radio select {
margin-left: 0;
}
/*メイン画像*/
.main_image_area .main_image {
width: 450px;
height: 450px;
text-align: left;
}
.main_image_area .main_image img {
max-width: 450px;
max-height: 450px;
}
#item .image .img_main {
width: 450px;
height: 450px;
text-align: left;
vertical-align: middle;
layout-grid-line: 200px;
}
#item .line {
margin: 0 0 8px 0;
overflow: hidden;
width: 800px;
}
.main_image_area {
width: 450px;
height: 450px;
margin: 0px;
}
#item div.left {
width: 450px;
}
/*----------------------------------------------
カテゴリページ
------------------------------------------------*/
/**/
.categorylist li {
border-left-width: 3px;
}
/*カテゴリQリスト*/
#category .itemlist .item .name{
height: 110px;
}
#category .itemlist .item .comment{
display: none;
}
#category .itemlist .item .tag{
height:23px;
}
#category .itemlist .item .price{
margin-top: 5px;
}
/**/
h3 {
border-left-width: 0px;
border-left:none;
}
h2 {
border-bottom-width: 0px;
}
/*リストスペース、幅*/
.categorylist li{
width: 29%
}
.categorylist {
padding-bottom: 20px;
padding-top: 20px;
}
/**/
.scroll_btn {
position: fixed;
right: 0;
bottom: 10px;
z-index: 999;
cursor: pointer;
}
#pagetop-btn, #pagebottom-btn {
position: relative;
background: #793E0E;
width: 35px;
height: 35px;
}
#pagetop-btn:before {
transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
#pagetop-btn:before {
position: absolute;
content: "";
width: 10px;
height: 10px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
#cart-btn{
background: #f5f5f5;
position:fixed;
right:80px;
bottom:32px;
padding: 8px;
}
#cart-btn a{
color: #cc0000;
}
#cart-btn a:hover{
text-decoration: none;
}
#cart-btn .price{
font-size: 1.5em;
font-weight: bold;
}
#cart-btn .usual_price .price{
font-size: 1em;
}
#cart-btn .price_value{
font-size: 1.5em;
font-weight: bold;
}
#cart-btn .usual_price {
display: none;
}
/*カート画面*/
span.sys-payment__getpointValue.js-payment__tmpgrantpoint {
color: #fa8b20;
}
.sys-pointtxt02 {
font-weight: bold;
color: #fa8b20;
}
.sys-wrap__sub.sys-is-fixed {
margin-left: 230px;
}
.sys-responsivetab__head--hasItem2 .sys-responsivetab__headItem {
width: 45%;
}
.sys-radio--iconArea-balloon::before {
border-top: 12px solid #fa8b20;
}
.sys-signin__firstBtnItem {
width: 240px;
}
.sys-btn--large {
font-size: 19px;
}
/*上部旬のバナーbiginfo*/
.infobig{
text-align: center;
width: 730px;
/*padding-bottom: 10px;*/
}
.infobig img{
width: 730px;
width: 100%;
}
/*パンくず*/
.breadcrumbs,
.breadcrumb{
padding-bottom: 10px;
}
/*カートログイン*/
.sys-signin__first {
margin-left: 15px;
width: 550px!important;
}
.sys-signin__member {
width: 400px!important;
}
/*コラム一覧*/
.column-bana{
padding-bottom: 20px;
}
/*コラム*/
#column{
font-size: 1.1em;
line-height: 1.5em;
}
#column .main_title h2{
background-color:#803f00;
/*width:97%;*/
height:auto;
color:#fff;
padding:10px;
margin-bottom:20px;
font-weight:bold;}
#column h2{
background-color:#f5ead6;
/* width:97%;*/
height:auto;
color:#000;
padding:10px;
font-weight:bold;
margin-bottom:20px;
}
#column .main_title{
/*background-color:#935c24;*/
width:100%;
height:50px;
margin-bottom:20px;}
#column .tex{font-size:16px;
padding-top:20px;
margin-bottom:30px;
margin:20px;}
#column .column{ margin-bottom:20px;}
#column .back{width:100%; text-align:center; margin:20px 0 0 0;}
#column .back a{text-decoration: none; color:#dfb2c2;}
#column .column_box{margin-bottom:100px;}
#column .index_pic{float:left;margin:10px;}
#column .index_link{text-align:right; padding-right:10px;}
/*建具ドア建材館*/
#tategu418-wrap{
font-size: 14px;
overflow: hidden;
padding-bottom: 30px!important;
}
#tategu418-wrap.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
#tategu418-wrap .t-box{
padding-bottom: 30px!important;
}
#tategu418-wrap .t-l{
float: left;
width: 410px;
}
#tategu418-wrap .t-r{
float: left;
width: 300px;
}
#tategu418-wrap ul li{
/*list-style-position: inside;
list-style-type: disc;
padding-left: 10px;*/
line-height: 1.8em;
background: url(../site/img/icon.gif) no-repeat 5px 5px;
padding-left: 21px;
}
#tategu418-wrap ul li a{
font-size: 14px;
}
#tategu418-wrap .t-ti{
font-size: 1.8em;
}
/*変更*/
#tategu418-wrap2{
padding-bottom:30px;
}
#tategu418-wrap2 .t-box{
margin:0;
width:730px;
overflow:hidden;
padding-bottom:30px;
}
#tategu418-wrap2 .t-box a{
padding:0;
margin:0;
float:left;
}
/*********************************
トイレドアカテゴリページ
**********************************/
#toire-r{
line-height: 1.5em;
font-size: 14px;
color: #333333;
}
#toire-r h3{border-color: #4abcfc;
border-bottom-width: 1px;
border-left-width: 10px;
border-bottom-style: solid;
border-left-style: solid;
font-size: 1.3em;
padding:5px 10px;
font-weight: bold;
}
#toire-r .box{
padding: 20px 0;
}
#toire-r h4{
background: #c4e8fc;
padding: 10px;
}
#toire-r p{
padding:8px 0;
}
#toire-r .group{
padding-top: 15px;
padding-bottom:5px;
font-weight: bold;
font-size: 1.1em;
}
#toire-r ol li{
list-style-type: decimal;
list-style-position: inside;
line-height: 1.8em;
}
#toire-r .border{
border: 1px #cccccc solid;
padding:10px;
}
.scroll_form {
/*width: 730px;*/
height: auto;
/*overflow: scroll;*/
}
/*common*/
.n_clearfix::after {
content: "";
display: block;
clear: both;
}
/*common*/
/*----------------------------
logoから
へ
ページタイトル
からへ
-----------------------------*/
#category h1.title2 {
padding: 5px 5px 10px 5px;
border-bottom-width: 2px;
border-bottom-style: solid;
font-size: 20px;
margin-bottom: 15px;
font-weight: normal;
border-bottom-color: #EA5E00;
color: #EA5E00;
}
#d_header p.logo_n {
position: absolute;
top: 35px;
left: 130px;
}
#d_header p.logo_n img {
height: 87px;
}
/*二重窓・内窓ページ内リンク*/
.inlink-wrap{
border: 4px solid #A3E4F6;
}
.inlink-wrap p{
background: #A3E4F6;
padding:3px 10px;
color:#1D7EB2;
font-size:1.2em;
}
.inlink-wrap ul{
padding:5px 15px;
}
.inlink-wrap li:before{
content: '>';
}
.inlink-wrap li{
font-size:1.2em;
width:700px;
line-height:2em;
box-sizing: border-box;
}
.inlink-wrap li:nth-child(odd){
margin-right:10px;
}
.inlink-wrap a li:hover{
text-decoration: underline;
color:#1D7EB2;
}
.inlink-wrap a li{
color:#333333;
}
/*ヘッダーバナー*/
.f-banner{
text-align: center;
background: #ffffff;
}
/*返品交換*/
table.original_table_01{
width: 100%;
border-bottom: 1px solid #dedede;
border-right: 1px solid #dedede;
border-left: 1px solid #dedede;
}
table.original_table_01 th{
width: 35%;
background:#eeeeee;
padding: 8px;
}
table.original_table_01 tr{
border-top:1px solid #dedede;
}
table.original_table_01 td{
padding: 8px;
}
/**************************
recruit 採用情報
**************************/
.recruit2019 .title {
text-align: center;
}
.recruit2019 .sub-tit{
background-color: #FC8C01;
padding: 10px;
color: #ffffff;
margin:20px 0;
font-size:1.3em;
}
.recruit2019 dl{
padding: 10px;
}
.recruit2019 dt:before{
content: "〇";
}
.recruit2019 dt{
color:#FC8C01;
font-size:1.3em;
}
.recruit2019 dd{
padding-bottom: 20px;
padding-left: 20px;
}
.recruit2019 p.cont{
font-size:2em;
font-weight:bold;
color:#FC8C01;
}
.recruit2019 p.cont a{
color:#FC8C01;
}
.recruit2019 h1{
font-weight:bold;
font-size:2em;
}
/*mizumawari-showroom*/
.mizumawari_otasukeprice_1{
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_1_1.jpg) left top no-repeat;
width: 730px;
/*height: 300px;*/
position: relative;
}
.mizumawari_otasukeprice_1:after{
content: "";
display: block;
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_1_2.jpg);
height: 52px;
}
.mizumawari_otasukeprice h2{
position: absolute;
left: 105px;
top: 15px;
font-size: 17px;
}
a .mizumawari_otasukeprice h2{
text-decoration: none;
color: #333333;
}
a:hover .mizumawari_otasukeprice{
opacity: 0.6;
}
.mizumawari_otasukeprice_1 .desc{
display: -webkit-flex;
display: flex;
justify-content: space-between;
width: 670px;
margin: auto;
padding: 100px 0 20px;
}
.mizumawari_otasukeprice_1 .desc .text{
padding-right: 20px;
width: 60%;
}
.mizumawari_otasukeprice_2{
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_2.jpg) left top no-repeat;
width: 730px;
height: 370px;
position: relative;
}
.mizumawari_otasukeprice_3{
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_3_1.jpg) left top no-repeat;
width: 730px;
/*height: 370px;*/
position: relative;
}
.mizumawari_otasukeprice_3 .desc{
display: -webkit-flex;
display: flex;
justify-content: left;
width: 700px;
margin: auto;
padding-top: 100px;
}
.mizumawari_otasukeprice_3 dl{
font-size: 14px;
padding-left: 5px;
line-height: 1.1em;
width: 30%;
}
.mizumawari_otasukeprice_3 dt{
color: red;
}
.mizumawari_otasukeprice_3 dd{
margin-left: 0;
padding-bottom: 20px;
}
.mizumawari_otasukeprice_3:after{
content: "";
display: block;
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_1_2.jpg);
height: 52px;
}
.mizumawari_otasukeprice_4{
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_4.jpg) left top no-repeat;
width: 730px;
height: 340px;
position: relative;
}
.mizumawari_otasukeprice_5{
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_5.jpg) left top no-repeat;
width: 730px;
height: 340px;
position: relative;
}
.mizumawari_otasukeprice_5 span{
color: red;
}
.mizumawari_otasukeprice_6{
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_6.jpg) left top no-repeat;
width: 730px;
height: 300px;
position: relative;
}
.mizumawari_otasukeprice_7{
background: url(https://dream.itembox.design/item/site/mizumawari/images/202006system_7.jpg) left top no-repeat;
width: 730px;
height: 370px;
position: relative;
}
/*システムキッチン*/
.system_kitchen_2020 section{
padding-bottom: 35px;
}
.system_kitchen_2020 .bk_gray{
background-color: #eeeeee;
padding: 20px;
}
.system_kitchen_2020 ul.kata{
display: flex;
justify-content: space-between;
padding-bottom: 20px;
}
.system_kitchen_2020 ul.kata li{
width: 245px;
}
.system_kitchen_2020 .about h2{
background-color: #eeeeee;
padding: 10px;
margin-bottom: 20px;
}
.system_kitchen_2020 .about h3:before {
display: inline-block;
content: "";
border-left: 5px solid #FFB357;
width: 4px;
height: 20px;
/*vertical-align: middle;*/
padding-right: 10px;
}
.system_kitchen_2020 .about h3{
padding-bottom: 8px;
font-size: 2rem;
}
.system_kitchen_2020 .about{
/*padding-bottom: 64px;*/
}
.system_kitchen_2020 .about p{
padding-bottom: 20px;
padding-top: 16px;
}
.system_kitchen_2020 .about2 h2{
background-color: #eeeeee;
padding: 10px;
margin-bottom: 20px;
}
.system_kitchen_2020 .about2 h3:before {
}
.system_kitchen_2020 .about2 h3{
margin-bottom: 4px;
border-bottom: 3px solid #eeeeee;
padding-top: 10px;
}
.system_kitchen_2020 .about2 p{
padding-bottom: 20px;
}
.system_kitchen_2020 .about h4:before {
display: inline-block;
content: "〇";
color: red;
width: 10px;
height: 20px;
/*vertical-align: middle;*/
padding-right: 10px;
}
.system_kitchen_2020 .about h4{
margin-bottom: 8px;
font-size: 1.8rem;}
.system_kitchen_2020 .link_bn{
margin: auto;
text-align: center;
}
.system_kitchen_2020 .about h5{
margin-bottom: 8px;
font-size: 1.8rem;}
/*****************************************
後付けシャッター
******************************************/
.shatter_2020 .shatter_type span{
font-size: 1.2em;
font-weight: bold;
display: block;
padding-bottom: 8px;
}
.shatter_2020 .shatter_type h3:after{
content: "";
display: inline-block;
width: 41px;
height: 42px;
background-image: url(https://dream.itembox.design/item/site/madomawari/shutter/shatter_0.gif);
vertical-align: middle;
margin-left: 10px;
}
.shatter_2020 dl{
display: flex;
}
.shatter_2020 dl dt{
padding-right: 10px;
}
.shatter_2020 .shatter_type .image{
text-align: center;
padding: 0;
}
.shatter_2020 .shatter_type figcaption{
text-align: center;
}
.shatter_2020 .shatter_type h3{
padding-top: 10px;
padding-bottom: 0!important;
}
.shatter_2020 .shatter_type{
width: 340px;
}
.shatter_2020 .shatter_type_wrap{
display: flex;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-pack:justify;
-moz-box-pack:justify;
-webkit-flex-pack:justify;
-moz-flex-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
-moz-justify-content:space-between;
justify-content:space-between;
padding-bottom: 40px;
}
.shatter_2020 .fit .desc_wrap{
display: flex;
align-items: center;
border: 1px dotted #cccccc;
padding: 8px;
}
.shatter_2020 .fit .desc_wrap p{
padding:0;
}
.shatter_2020 .fit .desc_wrap .text{
width: 400px;
padding-right: 8px;
padding-left: 8px;
}
.shatter_2020 .fit .desc_wrap .text span{
font-size: 1.2em;
display: block;
background: #eeeeee;
padding: 8px;
color: #FC8C01;
margin-bottom: 8px;
height: 60px;
}
/*網戸（規格サイズ）*/
.text_202012{
padding: 16px;
border: 3px solid #FFB357;
font-size:14px;
margin-bottom:24px;
}
.text_202012 a{
font-size:14px;
}
.text_202012 .bold{
color: #EA5E00;
font-size: 1.2em;
}
.text_202012 .link{
text-align: right;
display: block;
}
.text_202012 .link a{
background: #EA5E00;
padding: 8px 10px;
margin: auto;
display: inline-block;
color: #ffffff!important;
}
/**************************
alliance 提携施工店募集
**************************/
.text_alliance{
background: #fbefd7;
padding: 15px;
margin-bottom: 50px;
}
.alliance-flow,
.alliance-flow-last{
background: #f4f4f4;
padding: 15px!important;
position: relative;
margin-bottom: 20px!important;
}
.alliance-flow:after{
content: "↓";
display: block;
width: 50px;
height: 20px;
position: absolute;
bottom: -20px;
right: 0;
left: 0;
margin: auto;
}
.alliance-flow h4,
.alliance-flow-last h4{
font-weight: bold;
font-size: 1.8rem;
}
.alliance-flow .action{
background: #FFE3E0!important;
}
.alliance-image{
width: 100%;
height: auto;
}
.alliance-more{
width: 100%;
background: #fc8c01;
font-size: 2.5rem;
text-align: center;
color: #fff;
padding:10px 0;
}
.alliance-more:hover{
text-decoration: underline solid #fc8c01;
}
.alliance-more:after{
content: "";
display: inline-block;
width: 20px;
height: 20px;
background: url(https://dream.itembox.design/item/site/info/arrow.png) no-repeat;
background-size: contain;
vertical-align: middle;
margin-left: 20px;
}
/*玄関ドア202108*/
.flex-genkan-2021{
display: flex!important;
justify-content: space-between;
flex-wrap: wrap;
}
.flex-genkan-2021:after{
content: "";
width: 32%;
height: 0;
}
.flex-genkan-2021 .cat-one{
width: 32%;
border:1px solid #ccc;
margin-bottom: 20px!important;
position: relative;
}
.flex-genkan-2021 .cat-one-2{
width: 19%;
border: none;
}
.flex-genkan-2021 .image img{
width: 100%;
height: auto;
}
.flex-genkan-2021 .text p{
padding-bottom: 8px;
font-size: 1.3em;
color: #EA5E00;
}
.flex-genkan-2021 .text{
padding: 10px!important;
display: flex;
flex-direction: column;
/* height: 180px;*/
font-size: 1.2em;
color: #333;
}
.flex-genkan-2021 .text .link{
text-align: right;
font-size: 0.8em;
margin-top: auto;
padding-top:20px;
}
.flex-genkan-2021 .corner{
position: absolute;
right: 0;
bottom: 0;
border-left: 20px solid transparent;
border-bottom: 20px solid #EA5E00;
}
/***********************************
ヘッダーリニューアル 2023.11
************************************/
.headerPc-23-wrap{
position: absolute;
margin: auto;
text-align: center;
top: 0;
right: 0;
left: 0;
/* height: 197px;*/
z-index: 3;
background: #fff;
}
.headerPc-23-line{
border: 2px solid #fc8c01;
}
.headerPc-23-a{
display: flex;
width: 1300px;
margin:auto;
position: relative;
}
.headerPc-23-a>li:first-of-type{
margin-right: auto;
padding-left: 5px;
padding-top: 3px;
}
.headerPc-23-a>li.tel{
font-size: 1.2em;
font-weight: bold;
padding-top: 3px;
}
.headerPc-23-a>li.tel:before{
content: "";
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-tel.png) center center no-repeat;
display: inline-block;
width: 16px;
height: 16px;
padding-right: 5px;
}
.headerPc-23-a>li.tel2{
padding-top: 7px;
font-size: 0.9em;
padding-left: 5px;
padding-right: 5px;
}
ul.headerPc-23-hukidashi{
display: none;
position: absolute;
background: #ffd198;
padding: 10px 25px 10px 20px;
right: 0;
top: 30px;
z-index: 3;
-webkit-transition: all .2s ease;
transition: all .2s ease;
transform: scaleY(1);
}
ul.headerPc-23-hukidashi li:before{
content: "";
display: inline-block;
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-arrow.png) center center no-repeat;
width: 15px;
height: 10px;
}
ul.headerPc-23-hukidashi li{
line-height: 2em;
}
ul.headerPc-23-hukidashi a{
color: #333;
}
.headerPc-23-a .faq:hover ul.headerPc-23-hukidashi{
display: block;
}
.headerPc-23-b{
display: flex;
justify-content: space-between;
align-items: center;
padding-top: 5px;
padding-bottom: 10px;
width: 1300px;
margin: auto;
}.headerPc-23-b-2{
padding-top: 10px;
}
.headerPc-23-b .catch-23 ul:first-of-type{
padding-top: 5px;
}
.headerPc-23-b .catch-23 ul{
display: flex;
justify-content: space-between;
}
.headerPc-23-b .catch-23 ul li{
padding-right: 5px;
padding-left: 5px;
font-size: 0.9em;
}
.headerPc-23-b .catch-23 ul li a{
color: #333;
}
.headerPc-23-b .login-cart{
display: flex;
align-items: center;
padding-bottom: 10px;
}
.headerPc-23-b .login-cart2{
padding-bottom: 0;
}
.headerPc-23-b .login-cart2 .search-23-2{
width: 477px;
color: #333;
}
.headerPc-23-b .login-cart>div:first-of-type a{
content: "";
display: inline-block;
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-login.png) no-repeat;
width: 238px;
height: 38px;
text-indent: -9999px;
}
.headerPc-23-b .login-cart>div:first-of-type a:hover{
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-login-hover.png) no-repeat;
transition: 0.3s;
}
.headerPc-23-b .login-cart div{
padding-right: 13px;
}
.headerPc-23-b .login-cart2 div{
padding-bottom: 0px;
}
.headerPc-23-b .screw-23{
width: 85px;
height: auto;
}
.headerPc-23-b .screw-23-2{
width: 60px;
height: auto;
}
.headerPc-23-b .logo-23-2{
width: 125px;
height: auto;
}
.headerPc-23-c{
background: #fcf3e1;
box-shadow: 0 5px 5px #e7e7e7;
}
.headerPc-23-menu{
display: flex;
align-items: center;
justify-content: space-between;
height: 60px;
font-size: 1.5em;
width: 1300px;
margin: auto;
}
.headerPc-23-menu-2{height: 50px;}
ul.headerPc-23-menu a{
position: relative;
}
ul.headerPc-23-menu a{
padding: 5px 40px 5px 55px;
border-right: 2px dotted #ccc;
}
ul.headerPc-23-menu a{
color: #333;
}
ul.headerPc-23-menu a:hover{
text-decoration: none;
}
ul.headerPc-23-menu a:first-of-type{
border-left: 2px dotted #ccc;
}
ul.headerPc-23-menu a:before{
content: "";
display: inline-block;
width: 38px;
height: 24px;
position: absolute;
left: 16px;
}
ul.headerPc-23-menu a:first-of-type:before{
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-window.png) center center no-repeat;
}
ul.headerPc-23-menu a:nth-child(2):before{
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-door.png) center center no-repeat;
}
ul.headerPc-23-menu a:nth-child(3):before{
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-water.png) center center no-repeat;
}
ul.headerPc-23-menu a:nth-child(4):before{
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-exte.png) center center no-repeat;
}
ul.headerPc-23-menu a:last-child:before{
background: url(https://dream.itembox.design/item/site/menu/images/icon-23-special.png) center center no-repeat;
}
.fix-header-23 {
top: -116px;/* 上に隠す鷹さ */
left: 0;
text-align: center;
width: 100%;
margin: 0 auto;
color: #fff;
position: fixed;
opacity:0;/* 最初読み込んだときは透過 */
z-index: 1000;/* 他のアイテムに対して最上位のレイヤーになるように */
/* opacity: 0; */
}
/*diplay-flex*/
.d-flex{
display:flex;
justify-content: space-between;
flex-wrap: wrap;
}
.d-flex .d-flex-l{
width: 49%;
height: auto;
}.d-flex .d-flex-r{
width: 49%;
}
.button-1{
width: 100%;
background: #FC8C01;
padding: 15px;
color: #fff;
text-align: center;
border-radius: 10px;
}
.button-1:after{
content: ">";
display: inline-block;
position: relative;
right: 0;
padding-left: 10px;
}
/*リスト*/
ol.ol-1{
padding-left: 10px;
}
ol.ol-1 li{
list-style-type: decimal!important;
list-style-position: inside;
padding-bottom: 10px;
text-indent: -1em;
padding-left: 1em;
}
/*dl*/
.dl-1{
padding-bottom: 30px;
padding-top: 0!important;
margin-top: 0!important;
}
.dl-1 dt{
padding-bottom: 10px;
font-size: 1.8rem;
}
.dl-1 dd{
padding-bottom: 20px;
padding-left: 10px;
}
/*見出し*/
.h-1{
font-size: 1.3em;
color: #EA5E00;
font-weight: bold;
}
/*リンク*/
.link-1 a{
background: #fcf3e1;
padding: 10px 15px;
margin-top: 10px;
display: inline-block;
}
.link-1 a:after {
content: ">";
display: inline-block;
position: relative;
right: 0;
padding-left: 10px;
}
/*ページ内リンク*/
.dream-pagelink-box{
border-radius: 20px;
background: #fdf5e0;
width: 49%;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
scroll-behavior: smooth;
flex-wrap: wrap;
margin-bottom: 20px;
}
.dream-pagelink-box:hover{
background: #ffe491;
transition:0.5s;
}.dream-pagelink-box a:hover{
text-decoration: none;
}.dream-pagelink-box a{
color: #333;
}
.dream-pagelink-arrow{
display: block;
text-align: center;
margin: auto;
width: 18px;
height: 18px;
border-bottom: 3px solid #ffb357;
border-right: 3px solid #ffb357;
transform: rotate(45deg);
}
.dream-pagelink-head{
font-size:1.2em;
padding:20px 20px 10px;
flex-grow: 1;
}
.dream-pagelink-text{
padding:10px 20px 20px;
flex-grow: 1;}
.dream-pagelink-border{
border-bottom: 2px solid #ffb357;
margin-left: 20px;
margin-right: 20px;}
.dream-pagelink-box:last-child {
margin: auto;
}.dream-content-box{
padding-bottom: 80px;
}
.dream-content01{
width: 49%;
padding-bottom: 20px;
}
.dream-content01 img{
width: 100%;
height: auto;
vertical-align: middle;
}
.dream-button a{
background: #ff9121;
padding: 8px 15px;
color: #fff;
position: relative;
border-radius: 20px;
display: block;
text-align: center;
}.dream-button a:after{
content: "";
display: inline-block;
width: 8px;
height: 8px;
margin: 0 0 0 10px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
position: absolute;
right: 15px;
top: 14px;
}.dream-button a:hover{
text-decoration: none;
background: #ff8100;
}.dream-button-box0{
display: flex;
flex-direction: column;
}.dream-button-box{
margin-top: auto;
width: 100%;
}
.dream-pagelink-head2{
font-size:1.8em;
padding:20px 30px 20px;
position: relative;
}
.dream-pagelink-arrow2{
position: absolute;
display: inline-block;
right: 30px;
}
.dream-pagelink-box2{
width: 100%;
display: block;
}
/*ページ内リンクのアンカーの位置調整*/
a.dream-anchor{
display: block;
padding-top: 120px;
margin-top: -120px;
}
/*表*/
.table_d01 {
width: 100%;
text-align: center;
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
}
.table_d01 th {
padding: 10px;
background: #e9faf9;
border: solid 1px #778ca3;
}
.table_d01_w01 th{
width: 200px!important;
}
.table_d01 td {
padding: 10px;
border: solid 1px #778ca3;
}
/*d-fex 交互*/
.d-flex-kogo-box{
display: flex;
justify-content: space-between;
flex-wrap: wrap;
align-items: center;
/*height: 100vh;*/
padding-bottom: 40px;
}
.d-flex-kogo-img{
width: 44%;
height: auto;
}
.d-flex-kogo-img img{
width: 100%;
height: auto;
}
.d-flex-kogo-text{
width: 53%;
line-height: 1.8em;
}
.d-flex-kogo-text h3{
font-size: 1.5em!important;
color: #EA5E00!important;
border: none!important;
padding: 0!important;
}
/*content*/
.dream-content{
font-size: 16px!important;
padding-bottom: 80px!important;
}
.dream-content p,.dream-content div,.dream-content li{
font-size: 16px;
}
.dream-content .text{
line-height: 1.8em;
}
.dream-content h4{
font-size: 1.2em!important;
}
/*リストol*/
.dream_ol-list{
list-style-type: decimal!important;
counter-reset: list-counter;
padding-top: 20px!important;
padding-bottom: 20px!important;
}
.dream_ol-list li {
list-style-type: decimal!important;
list-style-position: inside;
text-indent: -1em;
padding-left: 1em;
padding-bottom: 10px;
line-height: 1.5em;
}
.dream_ol-list li::before {
font-family: Arial, sans-serif; /* 文字スタイルを調整 */
margin-right: 8px;
}
.dream-content .box-text{
padding: 20px;
background: #ff8800;
color: #fff;
font-size: 1.4em;
line-height: 1.8em;
border-radius: 20px;
}