@charset 'UTF-8';


#sidebar dl dd li.shop > a {color:#004097; font-weight:bold;}

#main > nav {}
#main > nav > ul {letter-spacing:-0.4em;}
#main > nav > ul > li {display:inline-block; width:330px; padding:15px; font-size:129%; font-weight:bold; letter-spacing:normal; vertical-align:top; line-height:1;}
#main > nav > ul > li > a {display:block; margin:-15px; padding:15px; background:#e5ecf5; color:#014099; text-align:center;}
#main > nav > ul > li > a:hover {background:#014099; color:#fff; text-decoration:none;}

#main > div {margin:30px 0 0;}
#main > div > h2 {color:#014099; font-size:129%; font-weight:bold;}
#main > div > div {margin:20px 0 0;}
#main > div > div > h3 {padding:10px 15px; background:#e5ecf5; color:#014099; font-size:100%; font-weight:bold;}
#main > div > div > blockquote {padding:1px 0 0;}
#main > div > div > blockquote > * {margin-top:1em;}
#main > div > div > blockquote a {color:#000; text-decoration:underline;}
#main > div > div > blockquote a:hover {text-decoration:none;}
#main > div > div > blockquote ul {list-style:disc inside;}
#main > div > div > blockquote ul > li {padding-left:1em; text-indent:-1em;}
#main > div > div > blockquote ol {}
#main > div > div > blockquote ol > li {}
#main > div > div > blockquote > p {font-size:100%;}
#main > div > div > blockquote > p b {color:#014099;}
#main > div > div > blockquote > ul {font-size:86%;}
#main > div > div > blockquote > small {display:block; font-size:86%;}
#main > div > div > blockquote > .caution {min-height:60px; position:relative; margin:1em 0 0; padding:19px 19px 19px 99px; border:1px solid #e5e5e5; font-size:86%;}
#main > div > div > blockquote > .caution > * {margin-top:1em;}
#main > div > div > blockquote > .caution > *:first-child {margin-top:0;}
#main > div > div > blockquote > .caution > h4 {
	width:99px; height:100%; position:absolute; left:0; top:0; background:url(../images/caution_title.png) 21px center no-repeat; text-indent:110%; white-space:nowrap; overflow:hidden;}
#main > div > div > blockquote > .caution > img {display:block;}
#main > div > div > blockquote > .caution > p {}
#main > div > div > blockquote > .caution > small {display:block;}

#main > #before {}

#main > #after {}

html.fac-js-enabled #main > div {display:none; margin-top:-20px; padding:30px 0 0;}
html.fac-js-enabled #main > div > h2 {display:none;}
html.fac-js-enabled #main > nav > ul > li.selected > a {background:#014099; color:#fff;}
html.fac-js-enabled #main > div > div > h3 {cursor:pointer;}
html.fac-js-enabled #main > div > div > h3:hover {background-color:#014099; color:#fff;}
html.fac-js-enabled #main.before > #before {display:block;}
html.fac-js-enabled #main.after  > #after  {display:block;}


@media screen and (max-width: 599px) {

#main > h1 {padding:0; border:0; font-size:17px; text-align:center;}

#main > nav {}
#main > nav > ul {}
#main > nav > ul > li {width:50%; box-sizing:border-box; padding:10px; font-size:15px;}
#main > nav > ul > li > a {margin:-10px; padding:10px;}
#main > nav > ul > li > a:hover {}

#main > div {margin:20px 0 0;}
#main > div > h2 {font-size:15px;}
#main > div > div {margin:0; border-top:1px solid #e5e5e5;}
#main > div > div > h3 {padding:10px 40px 10px 10px; background:transparent; background-size:40px; color:#014099; font-size:14px;}
#main > div > div > blockquote {padding:0 9px 1px; border-top:1px solid #e5e5e5;}
#main > div > div > blockquote > * {}
#main > div > div > blockquote > *:last-child {margin-bottom:1em;}
#main > div > div > blockquote a {}
#main > div > div > blockquote a:hover {}
#main > div > div > blockquote ul, 
#main > div > div > blockquote ol {}
#main > div > div > blockquote ul > li, 
#main > div > div > blockquote ol > li {}
#main > div > div > blockquote > p {font-size:12px;}
#main > div > div > blockquote > p b {}
#main > div > div > blockquote > ul {font-size:10px;}
#main > div > div > blockquote > small {font-size:10px;}
#main > div > div > blockquote > .caution {min-height:0; padding:9px; border:none; background:#f2f2f2; font-size:10px;}
#main > div > div > blockquote > .caution > * {}
#main > div > div > blockquote > .caution > *:first-child {}
#main > div > div > blockquote > .caution > h4 {width:auto; height:50px; position:static; background-position:center 0; background-size:contain;}
#main > div > div > blockquote > .caution > img {width:100%; height:auto;}
#main > div > div > blockquote > .caution > p {}
#main > div > div > blockquote > .caution > small {}

#main > #before {}

#main > #after {}

html.fac-js-enabled #main > div {margin-top:0; padding:0; border:1px solid #e5e5e5; border-top:none;}
html.fac-js-enabled #main > div > h2 {}
html.fac-js-enabled #main > nav > ul > li.selected > a {}
html.fac-js-enabled #main > div > div > h3 {cursor:pointer; background:transparent url(../images/icon_open.png) right center no-repeat; background-size:40px;}
html.fac-js-enabled #main > div > div.opened > h3 {background-image:url(../images/icon_close.png);}
html.fac-js-enabled #main > div > div > h3:hover {background-color:transparent; color:#3466ad;}
html.fac-js-enabled #main.before > #before {}
html.fac-js-enabled #main.after  > #after  {}

}

/*アンダーシンク ホース交換 index.css*/

/*method*/
#method h2 {
	font-size:129%;
	font-weight: bold;
	color: #004097;
	margin-bottom: 30px;
	line-height: 1.5;
}
.methodBox {
	margin-bottom: 20px;
}
.methodBox:last-child {
	margin-bottom: 0;
}
.methodBox h3 {
	font-weight: bold;
	color: #004097;
	margin-bottom: 10px;
	line-height: 1;
}
.methodBox h3 span {
	font-size: 70%;
}
.methodBox p {
	margin-bottom: 10px;
}
.manualList {
	margin-bottom: 20px;
	width: 100%;
}
.manualList .inner {
	border: 1px solid #eee;
}
.manualList .inner tr th {
	vertical-align: middle;
	padding: 8px;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	font-weight: normal;
}
.manualList .inner tr td {
	text-align: center;
	padding: 5px;
	vertical-align: middle;
	border-left: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.manualList .inner tr td:nth-child(1) {
	border-left: none;
}
.col2 tr th {
	width: 40%;
}
.col4 tr th:nth-child(1) {
	width: 35%;
}
.col4 tr th:nth-child(2) {
	width: 10%;
}
.col4 tr th:nth-child(3) {
	width: 20%;
}
.col4 tr td:nth-child(1) {
	text-align: left;
}
.col4 tr td:nth-child(4) {
	text-align: left;
}

.posCenter {
	text-align: center;
}

/*method END*/

 #main .small {
	font-size: 86%!important;
}

@media screen and (max-width:599px){
	.methodBox h2 {
		text-align: center;
		font-size: 1.1em;
	}
	.manualList {
		font-size: 86%;
	}
	.col4 tr th:nth-child(1) {
		width: 30%;
	}
	.col4 tr th:nth-child(2) {
		width: 20%;
	}
	.col4 tr th:nth-child(3) {
		width: 20%;
	}
}