@charset "utf-8";

body {
	font-family:  Meiryo, "メイリオ", Hiragino Kaku Gothic ProN, "ヒラギノ角ゴ ProN W3", sans-serif;
	background: #fff url(/n_common/img/bg.gif) repeat-x left top;
	font-size: 14px;
	line-height: 1.5;
	color: #333;
}
a:link,
a:visited {
	color: #333;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a img {
	-webkit-transition: opacity 0.3s ease;
	-moz-transition: opacity 0.3s ease;
	-ns-transition: opacity 0.3s ease;
	-o-transition: opacity 0.3s ease;
	transition: opacity 0.3s ease;
}
a:hover img {
	opacity: .7;
	-moz-opacity: .7;
}

.pagetop {
	position: fixed;
	z-index: 10;
	bottom: 30px;
	right: 30px;
	display: none;
}
.section {
	margin-bottom: 40px;
}
.section.last {
	margin-bottom: 0;
}
.section.expire {
	min-height: 350px;
}
/********************************************************* header*/
#head {
	width: 980px;
	margin: 0 auto;
}
#head .logos {
	float: left;
	width: 690px;
	margin-top: 30px;
	margin-bottom: 1px;
}
#head .logos h1,
#head .logos p {
	font-size: 11px;
	line-height: 30px;
	color: #555;
	font-weight: normal;
}
#head .logos .floatL {
	width: 162px;
}
#head .logos li {
	display: inline;
	text-align: center;
	float: left;
	margin: 0 5px 0 0;
	font-size: 1px;
	line-height: 1;
}
#head .logos li.fst {
	padding-top: 13px;
}
#head .logos li a:hover img {
	opacity: 1;
	-moz-opacity: 1;
}
#head .floatR {
	width: 285px;
}
#head .floatR ul {
	padding-top: 12px;
	padding-bottom: 7px;
}
#head .floatR li {
	float: left;
	border-right: 1px solid #CCC;
	padding: 0 5px 5px 0;
	margin-right: 5px;
	line-height: 1;
	font-size: 1px;
}

#head .floatR li.last {
	margin: 0px;
	padding-right: 0;
	border: none;
}
#head .floatR .searchBox {
	background: url(/n_common/img/head_search_icon.png) no-repeat 10px center;
	width: 269px;
	height: 33px;
	padding: 5px 0 0 10px;
}
#head .floatR .searchBox input  {
	float: left;
	display: block;
}
#head .gnavi {
	overflow: hidden;
	zoom: 1;
}
#head .gnavi li {
	float: left;
}
#head .gnavi li a:hover img {
	opacity: 1;
	-moz-opacity: 1;
}


/********************************************************* yahoo search*/
#srchBox.watermark {
	overflow: hidden;
}
#srchBox.watermark #srchInput,
#head .floatR .searchBox .search {
	background: #fff;
	height: 26px;
	width: 180px;
	margin: 1px 6px 0 32px;
	border: none;
	padding: 2px;
	font-family: inherit;
	font-size: 12px;
	line-height: 1;
	border: 1px solid #8a8a8a;
}
#srchBox.watermark #srchInput.nomark {
	background: #fff;
}
#srchBox.watermark #srchLogo {
	display: none;
}
#srchBtn {
	background: url(/n_common/img/head_search_btn.png) no-repeat;
	width: 45px;
	height: 27px;
	text-indent: -9999em;
	border: none;
	outline: none;
	cursor: pointer;
}


/********************************************************* contents*/
#contents {
	width: 980px;
	margin: 0 auto;
}

#path {
	font-size: 12px;
	padding: 15px 0;
	width: 980px;
	margin: 0 auto;
}
#path a {
	color: #000;
	text-decoration: underline;
}

/********************************************************* right*/
#main {
	float: right;
	width: 720px;
	min-height: 350px;
}
.oneCol #main {
	float: none;
	width: auto;
}

#main h2 {
	margin-bottom: 20px;
	padding: 14px 10px 10px 28px;
	font-size: 22px;
	font-weight: bold;
	border: 1px #ccc solid;
	border-radius: 3px;
	line-height: 1.3;
	position:relative;
}
#main h2:before {
	content: "";
	position: absolute;
	background: #c9151e;
	top: 50%;
	left: 10px;
	margin-top: -15px;
	height: 30px;
	width: 4px;
}
/*
#main h2.w980 {
	background: url(/n_common/img/bg_h2_980.gif) no-repeat;
}
*/
#main h3 {
	margin-bottom: 15px;
	padding: 0 0 5px 0;
	border-bottom: solid 2px #ccc;
	font-size: 20px;
}

#main h3 img {
	display: inline;
	vertical-align: middle;
	margin-left: 5px;
}

#main h3 ruby > rt.center {
	text-align: center;
}

#main .imgR {
	background: url(../../cleaning_machine/category/img/rookred_logo.png) no-repeat right top;
}

#main .imgR02 {
	background: url(../../pro_care/category/img/RHS_logo.jpg) no-repeat right top;
	padding-bottom: 7px;

}

#main .imgR03 {
	background: url(../../cleaning_machine/category/img/shs_logo.png) no-repeat right top;
	padding-bottom: 7px;

}

#main h4 {
	margin-top: 25px;
	margin-bottom: 10px;
	font-size: 17px;
}

#main p {
	margin-bottom: 15px;
}
#main p.status_icon {
	margin: 0 0 6px 0;
	padding: 0;
}
.proLogo {
	padding: 0 0 10px;
}
.idxlistWrap {
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 40px;
	border-radius: 3px;
	background-color: #e9e9e9;
}
.idxlistWrap_type02 {}
.idxlist {
	background-color: #fff;
	padding: 10px 10px 5px 10px;
}
.idxlistWrap_type02 .idxlist { color: #2a6fd1; }
.idxlistWrap_type02 .idxlist a { color: #2a6fd1; }

.idxlist ul {}

.idxlist li {
	background: #DBECF4 url(/n_common/img/arrow_b.png) no-repeat 5px 5px;
	line-height: 20px;
	padding: 0 8px 0 15px;
	display: inline-block;
	/* display: inline; */
	/* zoom: 1; */
	margin: 0 5px 5px 0;
}
.subNav {
	margin-bottom: 30px;
	text-align: center;
	font-size: 15px;
	background-color: #f9dddd;
	padding: 15px 0;
}
.subNav li {
	padding: 0 5px;
	display: inline;
}
.subNav a {
	text-decoration: none;
	background: url(/n_common/img/arrow_down_r.png) no-repeat left 5px;
	padding-left: 15px;
}
#main .introduce {
	margin: 0 0 16px 0;
}
#main .introduce p {
	padding-bottom: 0;
	padding-left: 288px;
}
#main .productBox {
	overflow: hidden;
	margin: 0 0 45px 0;
}
#main .productBox.last {
	margin-bottom: 0;
}
#main .productBox .ico {
	position: absolute;
	top: 0;
	left: 0;
}
#main .productBox > .floatL {
	float: left;
	position: relative;
	width: 210px;
	text-align: center;
}
#main .productBox .icons {
	margin-top: 20px;
}
#main .productBox .icons img {
	vertical-align: middle;
}

#main .productBox .icons li {
	display: inline;
	text-align: left;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

#main .productBox > .floatR {
	float: right;
	width: 488px;
}
#main .productBox h4 {
	margin: 0 0 10px;
	color: #ff561e;
	font-weight: bold;
	line-height: 24px;
}
#main .productBox h4 span {
	color: #333;
	font-size: 14px;
	font-weight: normal;
}
#main .productBox table {
	width: 100%;
}
#main .productBox table th {
	font-weight: normal;
	background-color: #fafafa;
	text-align: left;
	padding: 7px;
	width: 20%;
	border: 1px solid #ccc;
}
#main .productBox table td {
	padding: 7px;
	border: 1px solid #ccc;
}

#main ul.photoBox {
  margin-bottom: 20px;
}

#main ul.photoBox li span.description {
  display: block;
  text-align: center;
  font-size: 11px;
  margin-top: 6px;
}

#main .w100 {
	width: 100px;
}

#main .w270 {
	width: 270px;
}

#main .w430 {
	width: 430px;
}

#main .w600 {
	width: 600px;
}


/********************************************************* left*/
#menu {
	width: 220px;
	float: left;
}
#menu dl {
	border: 1px solid #CCC;
	width: 218px;
	margin-bottom: 20px;
}
#menu dd > a {
	color: #333;
	text-decoration: none;
	background: url(/n_common/img/arrow.png) no-repeat 10px 14px;
	display: inline-block;
	border-bottom: 1px dotted #CCC;
	padding: 10px 0 10px 24px;
	width: 194px;
}

#menu dd.here > a {
	color: #fff;
	background: none;
	color: #333;
}
#menu dd:last-child a,
#menu dd.last > a  {
	border-bottom: none;
}
#menu dd.here {
	background: url(/n_common/img/bg_menu.gif) no-repeat 0 0;
	width: 235px;
}
#menu dd.bb {
	border-bottom: 1px solid #ccc;
}
#menu dd > a:hover {
	background-color: #ccc;
}
#menu dd.here > a:hover {
	background: url(/n_common/img/bg_menu.gif) no-repeat 0 0;
}
#menu li {
	margin-bottom: 10px;
}
#menu .subMenu {
	margin: 0 17px 0 0;
}
#menu .subMenu.ex {
	margin: 0 10px 0 -10px;
}
#menu .subMenu li {
	margin-bottom: 0;
	padding: 5px 0 5px 25px;
}
#menu .subMenu li.last {
	border-bottom: 1px solid #ccc;
}
#menu .subMenu li.here {
	background-color: #eee;
}
#menu .subMenu a {
	background: url(../img/arrow_sub.png) no-repeat 0 4px;
	padding-left: 15px;
	display: block;
	text-decoration: none;
}
#menu .subMenu .ancMenu a {
	background: url(../img/arrow_subsub.png) no-repeat 0 4px;
}
#menu .subMenu a:hover {
	text-decoration: underline;
}
#menu .subMenu li > ul > li {
	margin-bottom: 0;
	padding: 5px 0px 5px 50px;
	margin-left: -25px;
}
#menu .bannerBlockMovie { position: relative; }
#menu .bannerBlockMovie:before {

	position: relative;
	z-index: 1;
	display: block;
	content: '';
	padding: 56% 0 0;
}
#menu .bannerBlockMovie iframe {

	position: absolute;
	left: 0;
	top: 0;

	width: 100%;
	height: 100%;
	z-index: 2;
}


#footer {
	clear: both;
	width: 100%;
	border-top: 5px solid #c9151e;
	margin-top: 40px;
}
#footer .naviSupport {
	float: left;
}
#footer .navi {
	width: 980px;
	margin: 0 auto 10px auto;
}
#footer .navi h2 {
	padding-bottom: 10px;
	font-size: 0;
	line-height: 1;
}
#footer .navi h3 {
	font-size: 12px;
	font-weight: normal;
	padding: 0 0 6px;
}
#footer .navi .naviBox {
	float: left;
	padding: 0 0 10px 0;
	margin-right: 12px;
}
#footer .navi .naviBox li a {
	display: block;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid #ccc;
	padding: 10px;
}
#footer .navi .naviBox li a.srh {
	background: url(../img/icon_search.png) no-repeat 10px center;
	padding-left: 33px;
}
#footer .navi .naviBox li a.ctl_b {
	background: url(../img/icon_catalog_b.png) no-repeat 10px center;
	padding-left: 31px;
}
#footer .navi .naviBox li a.ctl_p {
	background: url(../img/icon_catalog_p.png) no-repeat 10px center;
	padding-left: 31px;
}
#footer .navi .naviBox li a.cart {
	background: url(../img/icon_cart.png) no-repeat 10px center #ca1821;
	padding-left: 35px;
	border: 1px solid #ca1821;
	color: #fff;
}
#footer .navi .naviBox li a:hover {
	background-color: #eee;
}
#footer .navi .naviBox li a.cart:hover {
	background: url(../img/icon_cart_on.png) no-repeat 10px center #fff;
	color: #ca1821;
}

#footer .navi .naviBox li {
	margin-right: 5px;
	float: left;
}
#footer .navi .naviSupport ul li a {
	font-size: 11px;
	color: #555;
	text-decoration: none;
	background: url(/n_common/img/arrow_gray.png) no-repeat left center;
	padding-left: 12px;
}
#footer .footmap {
	background: #EBEBEB;
	margin: 0px 0px 10px;
	padding: 20px 0px;
	width: 100%;
	border-top: 1px solid #D0D0D0;
	border-bottom: 1px solid #D0D0D0;
}
#footer .footmap .footmap_inside {
	position: relative;
	z-index: 0;
	width: 980px;
	height: 100%;
	margin: 0 auto;
}
#footer .footmap .footmap_inside::before {
	content: "";
	position: absolute;
	top: -20px;
	left: 50%;
	z-index: -1;
	transform: translateX(-50%);
	display: block;
	width: 980px;
	height: calc(100% + 40px);
	margin: 0 auto;
	background: url(/n_common/img/foot_bg.gif) repeat-y calc(50% + 254px) top;
}
#footer .footmap .footmap_inside h3 {
	margin-bottom: 15px;
	padding-left: 7px;
	font-size: 15px;
	border-left: 3px solid #0C0C96;
}
#footer .footmap .footmap_inside .floatR h3 {
	border-left: 3px solid #EFAC19;
}
#footer .footmap .footmap_inside h4 a {
	display: block;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
	background: url(../img/arrow_w.png) no-repeat 5px center #0C0C96;
	padding: 3px 18px;
}
#footer .footmap .footmap_inside .fthome,
#footer .footmap .footmap_inside .ftcar {
	float: none;
	margin-left: 0;
}
#footer .footmap .footmap_inside .ftcar {
	margin-top: 15px;
}
#footer .footmap .footmap_inside h4 a:hover,
#footer .footmap .footmap_inside .fthome h4 a:hover,
#footer .footmap .footmap_inside .ftcar h4 a:hover {
	background-color: #555;
}
#footer .footmap .footmap_inside h4 {
	margin-bottom: 5px;
	font-size: 14px;
}
#footer .footmap .dotBox {
	float: left;
	width: 220px;
	padding-right: 16px;
	border-right: 1px dotted #999;
}
#footer .footmap .footmap_inside .fthome h4 a {
	background-color: #ee2491;
}
#footer .footmap .Box {
	float: left;
	width: 220px;
	margin-left: 16px;
}
#footer .footmap .dotBox + .dotBox {
	margin-left: 16px;
}
#footer .footmap .Box h4:nth-child(n+2) {
	margin-top: 15px;
}
#footer .footmap .footmap_inside .ftcar h4 a {
	background-color: #248dee;
}
#footer .footmap li {
	margin-top: 7px;
}
#footer .footmap li a {
	color: #333;
	background: url(/n_common/img/arrow_gray.png) no-repeat left 6px;
	padding-left: 12px;
	text-decoration: none;
	display: block;
}
#footer .footmap li a:hover {
	text-decoration: underline;
}


/********************************************************* other*/
.newsTable {
	width: 100%;
}
.newsTable th {
	font-weight: normal;
	text-align: left;
	width: 50px;
}
.newsTable th,
.newsTable td {
	border-bottom: 1px dotted #ccc;
	padding: 10px;
	vertical-align: top;
}
.caticon {
	width: 50px;
}

.news dl{
}
.news dt {
	padding: 10px 0;
	width: 95px;
	float: left;
	clear: left;
}
.news dd {
	border-bottom: 1px dotted #CCC;
	padding: 10px 0 10px 100px;
}
.news .category {
	margin-right: 5px;
	vertical-align: top;
}
.news dl:last-child  {
	margin-bottom: 10px;
}

.dataTable {
	width: 100%;
}
.wAuto {width: auto;}
.dataTable th,
.dataTable td {
	padding: 10px;
	border: 1px solid #ccc;
}
.dataTable th {
	background-color: #f5f5f5;
	text-align: left;
	vertical-align: top;
	width:6.5em;
}
.dataTable .listStyleOn {
	list-style-type: disc;
	padding-left:24px;
}
.listDisc {
	list-style-type: disc;
	padding-left: 20px;
}
ol.decimal {
	list-style-type: decimal;
	padding-left: 20px;
}
.underLine {
	text-decoration: underline;
}
.icoBlank {
	background: url(/n_common/img/ico_blank.gif) no-repeat right 4px;
	padding-right: 15px;
}
h3 .icoBlank {
	background-position: right 7px;
}
.icoPdf {
	background: url(/n_common/img/ico_pdf.png) no-repeat right 3px;
	padding-right: 17px;
}
.icoLink {
	background: url(/n_common/img/arrow.png) no-repeat left 5px;
	padding-left: 13px;
}

.telList dt {
	float: left;
	clear: left;
	width: 340px;
}
.telList dd {
	padding-left: 340px;
}
/* .inquiryBox */
.inquiryBox {
	margin: 0 0 30px 0;
	padding: 15px 0;
	border: solid 1px #ccc;
	text-align: center;
}

.inquiryBox a {
	margin-top: 5px;
	display: inline-block;
	width: 280px;
	height: 32px;
	background: #e9e9e9;
	filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#e9e9e9');
	background: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#e9e9e9));
	background: -moz-linear-gradient(top, #fff, #e9e9e9);
	border: solid 1px #b0b0b0;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	color: #c9151e;
	font-size: 16px;
	font-weight: bold;
	line-height: 32px;
	text-decoration: none;
}
.inquiryBox a:hover {
	filter: progid:DXImageTransform.Microsoft .gradient(GradientType=0,startColorstr='#e9e9e9', endColorstr='#ffffff');
	background: -webkit-gradient(linear, center top, center bottom, from(#e9e9e9), to(#fff));
	background: -moz-linear-gradient(top, #e9e9e9, #fff);
}

.attention{
	border:solid 3px #ff0000;
	margin:0 0 40px 0;
	padding:10px 15px;
	color:#ff0000;
	font-weight:bold;
}
.attention_top{
    border:solid 3px #ff0000;
    margin:0 0 40px 0;
    padding:10px 15px;
    font-weight:bold;
    font-size:20px;
		line-height:1.8;
}
.attention_top a{
    color:#ff0000;
}


.btn_list {
	display: flex;
	justify-content: center;
  width: 980px;
  margin: 30px auto 0;
}
.btn_list li {
  width: 33%;
	margin: 0 12px;
}
.btn_list li a {
  position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	height: 100%;
  padding: 8px 40px 5px 50px;
  color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
  line-height: 1.25;
	border-radius: 5px;
	text-decoration: none;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.btn_list li a > span {
	display: inline-block;
	text-align: left;
}
.btn_list li a .type {
	font-size: 120%;
}
.btn_list li a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 14px;
  bottom: 0;
  display: block;
  width: 26px;
  height: 20px;
  margin: auto;
  padding-right: 10px;
  background: url(/n_common/img/btn_icon.png) left center no-repeat;
}
.btn_list li a:hover {
  box-shadow: none;
  transform: translate3d(0, 4px, 0);
}
.btn_list .btn_red a {
  background-color: #e60012;
  box-shadow: 0 4px 0 rgb(187, 4, 23);
}
.btn_list .btn_gray a {
  background-color: #3e3431;
  box-shadow: 0 4px 0 rgb(50, 46, 49);
}
.btn_list .btn_blue a {
  background-color: #0c0c96;
  box-shadow: 0 4px 0 rgb(4, 4, 111);
}
.btn_list li a::after {
  content: "";
  position: absolute;
  top: 0;
  right: 16px;
  bottom: 0;
  display: block;
  width: 8px;
  height: 8px;
  margin: auto;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transform: rotate(45deg);
}

.txtL {	text-align: left !important;}
.txtC {	text-align: center !important;}
.txtR { text-align: right !important;}
.floatL {float: left;}
.floatR {float: right;}

.ssmall {font-size: 10px;}
.small {font-size: 12px;}
.small_m {font-size: 13px;}
.middle {font-size: 14px;}
.large {font-size: 16px;}
.llarge {font-size: 20px;}
.mT5 {margin-top: 5px !important;}
.mT10 {margin-top: 10px !important;}
.mT10m {margin-top: -10px !important;}
.mT15 {margin-top: 15px !important;}
.mT20 {margin-top: 20px !important;}
.mT23 {margin-top: 23px !important;}
.mT25 {margin-top: 25px !important;}
.mT30 {margin-top: 30px !important;}
.mT40 {margin-top: 40px !important;}
.mT45 {margin-top: 45px !important;}
.mT50 {margin-top: 50px !important;}
.mB5 {margin-bottom: 5px !important;}
.mB10 {margin-bottom: 10px !important;}
.mB15 {margin-bottom: 15px !important;}
.mB20 {margin-bottom: 20px !important;}
.mB30 {margin-bottom: 30px !important;}
.mB40 {margin-bottom: 40px !important;}
.mB50 {margin-bottom: 50px !important;}
.mL0  {margin-left: 0px;}
.mL5  {margin-left: 5px;}
.mL10 {margin-left: 10px;}
.mL20 {margin-left: 20px;}
.mL30 {margin-left: 30px;}
.mL40 {margin-left: 40px;}
.mL50 {margin-left: 50px;}
.mL60 {margin-left: 60px;}
.mL120 {margin-left: 120px;}
.mR0 {margin-right: 0 !important;}
.mR5 {margin-right: 5px;}
.mR10 {margin-right: 10px;}
.mR20 {margin-right: 20px;}
.mR30 {margin-right: 30px;}
.mR40 {margin-right: 40px;}
.mR50 {margin-right: 50px;}
.mR60 {margin-right: 60px;}
.mB0 {margin-bottom: 0 !important;}
.mT0 {margin-top: 0 !important;}

.ltrSpacing-m001 {letter-spacing: -0.01em !important;}
.ltrSpacing-m002 {letter-spacing: -0.02em !important;}
.ltrSpacing-m003 {letter-spacing: -0.03em !important;}
.ltrSpacing-m004 {letter-spacing: -0.04em !important;}
.ltrSpacing-m005 {letter-spacing: -0.05em !important;}

.red {color: #FF0000;}
.red a {color: #ff0000;}
.red_c {color: #c9151e;}
.gray {color: #878a9b;}
.black {color: #333333;}

/********************************************************* clearfix*/
.clearfix:before, .clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}