@charset "utf-8";
/* CSS Document */

/*------------------------------
Structure
------------------------------*/
body {background-color:#EEEEEE;}
header {background-color:#FFFFFF; padding:10px 0;}
nav {background-color:#FFFFFF; padding:10px 0;}
#main {
	width:100%;
	border-top:#666666 1px solid; border-bottom:#666666 1px solid;
	text-align:center;
}

.mainbg-01 {
	background:#F2CCD8;
	background:linear-gradient(#EEFFFF,#F2CCD8);
	background:-moz-linear-gradient(#EEFFFF,#F2CCD8);
	background:-webkit-linear-gradient(#EEFFFF,#F2CCD8);
}
.mainbg-02 {
	background:#d9e7f4;
	background:linear-gradient(#d9e7f4,#EEFFFF);
	background:-moz-linear-gradient(#d9e7f4,#EEFFFF);
	background:-webkit-linear-gradient(#d9e7f4,#EEFFFF);
}
.mainbg-03 {
	background:#FF8E66;
	background:linear-gradient(#B8676E, #FF8E66);
	background:-moz-linear-gradient(#B8676E, #FF8E66);
	background:-webkit-linear-gradient(#B8676E, #FF8E66);
}
.mainbg-04 {
	background:#222255;
	background:linear-gradient(#001122, #222255);
	background:-moz-linear-gradient(#001122, #222255);
	background:-webkit-linear-gradient(#001122, #222255);
}

#wrap {}
#contents {
	background-color:#FFFFFF;
	width:960px; margin:0 auto;
	padding:30px 20px;
}
footer {
	background-color:#FFFFFF;
	width:1000px; margin:0 auto;
	text-align:center;
	padding:30px 0;
	font-size:13px;
}


/*------------------------------
Common
------------------------------*/
#box-header {width:1000px; margin:0 auto;}
#box-header #logo {width:310px; float:left;}
#box-header address {text-align:right; font-size:13px; float:right;}

nav ul {width:1000px; margin:0 auto;}
nav li { list-style:none; float:left;}
nav li a {display:block; margin-right:20px; padding-left:5px;}
nav li:last-child a {margin-right:0;}

#fnavi {margin-bottom:10px;}
#fnavi a {color:#333333;}
#fnavi a:hover { text-decoration:none;}

.clr {clear:both;}
.gotop {text-align:right; font-size:11px;}
.btn-link {margin:10px 0; text-align:center;}
.btn-link a {background:#999999; border-radius:50px; padding:3px 15px; color:#FFFFFF; text-decoration:none; font-size:13px;}
.btn-link a:after {content:"→"; display:inline-block; margin-left:5px;
-moz-transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-o-transform: rotate(-45deg);-ms-transform: rotate(-45deg);
}
.btn-link a:hover {background-color:#333333;}

article { padding:0 20px; margin-bottom:30px;}

.h1-inner {background:url(../img/icon-set.png) left top no-repeat; height:55px; padding:5px 0 0 70px; margin-bottom:30px; font-size:35px; font-weight:bold;}
.dispenser .h1-inner { background-position:left top 0px; color:#996600;}
.heater .h1-inner { background-position:left top -60px; color:#CC0000}
.compresser .h1-inner { background-position:left top -120px; color:#6699CC}
.diswasher .h1-inner { background-position:left top -180px; color:#999900}
.detergent .h1-inner { background-position:left top -240px; color:#9966CC}
.ozone .h1-inner { background-position:left top -300px; color:#339933}
.company .h1-inner { background-position:left top -360px;}

.h2-inner {font-size:20px; margin-bottom:15px; font-weight:bold; border-bottom:#CCCCCC 1px solid;}
.dispenser .h2-inner {color:#CC9933}
.heater .h2-inner {color:#990000}
.compresser .h2-inner {color:#669999}
.diswasher .h2-inner {color:#999966}
.detergent .h2-inner {color:#666699}
.ozone .h2-inner {color:#669933}
.company .h2-inner {}


article .pic1 img,article .pic2 img { border-radius:3px;}
article .pic1 { float:left; margin:0 30px 20px 0; }
article .pic2 { float:right; margin:0 0 20px 30px; }

article .text { margin-bottom:20px;}
article .text h3 { font-weight:bold; margin-bottom:5px;}
article .text p {margin-bottom:15px;}
article .text ul {margin:0 0 15px 0; list-style:inside}

/*------------------------------
EachPage
------------------------------*/
/* index */
.h2-index {text-align:center; font-size:35px; margin-bottom:20px; color:#990000;}

.main-index {width:1050px; margin:0 auto; position:relative; left:0; top:0;}
.main-index .catch-index {position:absolute; bottom:20px; left:30px;}

.btn-index {width:936px; margin:0 auto;}
.btn-index li {list-style:none; width:270px; height:70px; float:left;  border:#666666 1px solid; margin:0 20px 20px; border-radius:2px;}
.btn-index li a { display:block;}
.btn-index li a:hover {background-color:#EEEEEE;}

/* company */
.tbl-profile {width:100%; border-collapse:collapse; margin-bottom:30px;}
.tbl-profile th,.tbl-profile td {border:#CCCCCC 1px solid; padding:5px 10px;}
.tbl-profile th {white-space:nowrap;}
.tbl-profile tr:nth-child(even) {background-color:#EEEEEE;}

/* dishwasher */
.tbl-dishwasher {border-collapse:collapse;}
.tbl-dishwasher th,.tbl-dishwasher td {padding:3px 10px; text-align:left; border:#CCCCCC 1px solid;}
.tbl-dishwasher th { white-space:nowrap; background-color:#EEEEEE;}