@charset "utf-8";



/* mainImage
----------------------------------------------------------------------*/
#mainImage {
	background:url(../product/img/mainimage_product.jpg) top center no-repeat;
}




/* ページタイトル
----------------------------------------------------------------------*/
/* 衛生管理 */
h2.h2_sanitary {
	background:#FDF3F3;
	border-top:solid #FAD8D8 5px;
}
/* 防ぐ */
h2.h2_prevent {
	background:#FCF9EF;
	border-top:solid #F6EACB 5px;
}
/* 洗浄・異物除去 */
h2.h2_wash {
	background:#F5F9EB;
	border-top:solid #E7EFCD 5px;
}
/* 研磨・バリ取り・パワーブラシ */
h2.h2_power {
	background:#F1F9F3;
	border-top:solid #DDF0E0 5px;
}
/* 保護・メンテナンス */
h2.h2_protect {
	background:#EFF8FB;
	border-top:solid #D6EEF5 5px;
}



/* element
----------------------------------------------------------------------*/
/* 長尺 */
.tyousyaku {
	padding:1px 5px;
	background:#B878CD;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:12px;
	color:#fff;
	vertical-align:middle;
}

/* DXF
.dxf:after {
	margin-right:10px;
	padding:1px 5px;
	background:#4DC182;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:12px;
	color:#fff;
	vertical-align:middle;
	content:"DXF";
} */

/* radiusRed */
.radiusRed {
	margin-bottom:1.5em;
	padding:5px;
	background:#d90000;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
	text-align:center;
	color:#fff;
}
#mainContent p.radiusRed {
	margin-bottom:1.5em;
}

/* releaseDate */
#mainContent .releaseDate{text-align:right;}
#mainContent .releaseDate p{
	background-color:#666;
	color:#fff;
	display:inline-block;
	padding:0 30px;
	text-align:center;
}

/* 「適」「検」マークのみ */
.mark_cad:after,
.mark_teki:after,
.mark_ken:after,
.mark_cad-teki:after,
.mark_cad-chou:after,
.mark_cad-ketake:after,
.mark_teki-ken:after,
.mark_cad-teki-ketake:after {
	margin-left:15px;
	vertical-align:sub;
}
.mark_cad:after {content:url(../product/img/icon_cad.png);}
.mark_teki:after {content:url(../product/img/icon_teki.png);}
.mark_ken:after {content:url(../product/img/icon_ken.png);}
.mark_cad-teki:after {
	content:url(../product/img/icon_cad.png) " " url(../product/img/icon_teki.png);
}
.mark_cad-chou:after {
	content:url(../product/img/icon_cad.png) " " url(../product/img/icon_choujaku.png);
}
.mark_teki-ken:after {
	content:url(../product/img/icon_teki.png) " " url(../product/img/icon_ken.png);
}
.mark_cad-ketake:after {
	content:url(../product/img/icon_cad.png) " " url(../product/img/icon_ketake.png);
}
.mark_cad-teki-ketake:after {
	content:url(../product/img/icon_cad.png) " " url(../product/img/icon_teki.png) " " url(../product/img/icon_ketake.png);
}

/* 「適」「検」説明エリア */
.area_teki-ken {
	padding:15px 15px 8px;
	border:solid #ddd 1px;
}
.area_teki-ken p.area_teki {
	margin-left:14px;
	padding-left:30px;
	background:url(../product/img/icon_teki.png) left top no-repeat;
}
.area_teki-ken p.area_ken {
	margin-left:14px;
	padding-left:30px;
	background:url(../product/img/icon_ken.png) left top no-repeat;
}
.area_teki-ken p.area_tyousyaku:before {
	margin-right:10px;
	padding:1px 5px;
	background:#B878CD;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	font-size:12px;
	color:#fff;
	vertical-align:middle;
	content:"長尺";
}
.area_teki-ken p.area_cad {
	margin-left:2px;
	padding-left:42px;
	background:url(../product/img/icon_cad.png) left top no-repeat;
}



/* テーブル要素
----------------------------------------------------------------------*/
/* ご注文番号 */
.table .no {
	font-weight:bold;
	color:#0070BD;
}
.table .no a {
	text-decoration: underline;
}
.table .no a:hover {
	text-decoration: none;
}

/* 色 */
.table .tableBg_red {background:#f90000; color:#fff;}
.table .tableBg_blue {background:#0061c1; color:#fff;}
.table .tableBg_green {background:#238c00; color:#fff;}
.table .tableBg_black {background:#000; color:#fff;}
.table .tableBg_navy {background:#0A0F4B; color:#fff;}
.table .tableBg_yellow {background:#ffe600;}
.table .tableBg_orange {background:#FFBF00;}
.table .tableBg_lightGreen {background:#EDF4E3;}
.table .tableBg_lightPink {background:#FBEDDD;}
.table .tableBg_lightBlue {background:#D6F2FF;}
.table .tableBg_lightBlue2 {background:#DBE4FB;}
.table .tableBg_lightBrown {background:#eedcb3;}
.table .tableBg_lightBluegray {background:#f4f8f9;}

/* 色 匠
.table .tableBg_takumiW{background:#F9F7EF;}
.table .tableBg_takumiA{background:#FBF2D7;}
.table .tableBg_takumiB{background:#8A7160; color:#fff;}
.table .tableBg_takumiG{background:#BCBBBA;}
.table .tableBg_takumiMP{background:#F3D29A;}
.table .tableBg_takumiC{background:#E2AA7C;}
.table .tableBg_takumiWN{background:#663E21; color:#fff;}
.table .tableBg_takumiE{background:#443B36; color:#fff;}
.table .tableBg_takumiM{background:#6D706A; color:#fff;} */

/* 改行不可 */
.table .break_none{white-space:nowrap;}


/* 製品紹介エリア
----------------------------------------------------------------------*/
.productArea h5 {
	color:#0070BD;
}
.productArea_tokutyou {
	margin-bottom:25px;
	padding:15px 0;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#95a9b6', endColorstr = '#d5e9e6');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#95a9b6', endColorstr = '#d5e9e6')";
background-image: -moz-linear-gradient(top, #95a9b6, #d5e9e6);
background-image: -ms-linear-gradient(top, #95a9b6, #d5e9e6);
background-image: -webkit-gradient(linear, center top, center bottom, from(#95a9b6), to(#d5e9e6));
background-image: -webkit-linear-gradient(top, #95a9b6, #d5e9e6);
background-image: linear-gradient(top, #95a9b6, #d5e9e6);
	border:solid #ddd 4px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-align:center;
	text-shadow:1px 1px 2px #333;
	font-size:25px;
	color:#fff;
}
.productArea_tokutyou span {
	font-size:70%;
	font-weight:normal;
	text-shadow:none;
	color:#000;
}
.productArea_tlt {
	margin-bottom:10px;
	line-height:1;
	font-size:20px;
	color:#D80000;
}
.productArea_img {
	float:left;
	width:342px;
	position:relative;
}
.productArea_point {
	float:right;
	width:360px;
}
.productArea_point ul {
	padding-left:1em;
}
.productArea_point ul li {
	margin-bottom:3px;
	font-weight:bold;
}
.productArea_point ul li:before {
	margin-left:-1em;
	content:"●";
}
.productArea_point.tokutyou{
	float:none;
	width:auto;
}
.productArea_point.tokutyou h6 {
	margin-bottom:5px;
	padding-left:0.5em;
	background:#8BBDB6;
	border:solid #DBECE9 3px;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	color:#fff;
}

/* new */
.mark_new {
	position:absolute;
	top:11px;
	left:11px;
	width:60px;
	height:60px;
	background:url(../product/img/icon_new.png) top left no-repeat;
}

.mark_new2 {
	position:absolute;
	top:5px;
	right:5px;
	width:40px;
	height:40px;
	background:url(../product/img/icon_new.png) top left no-repeat;
	background-size:cover;
}

.mark_new3 {
	position:absolute;
	top:5px;
	left:5px;
	width:50px;
	height:50px;
	background:url(../product/img/icon_new.png) top left no-repeat;
	background-size:cover;
}



/* ページ内ターゲットリンク
----------------------------------------------------------------------*/
ul.product_target {
	clear:both;
}
ul.product_target li {
	display:inline-block;
	margin-right:25px;
	padding-left:22px;
	background:url(../img/icon09.png) left center no-repeat;
	line-height:2;
	font-size:16px;
}



/* 施工例
----------------------------------------------------------------------*/
ul.product_ex li {
	margin-top:1em;
}
ul.product_ex li {
	width:350px;
	height:260px;
	overflow:hidden;
}
ul.product_ex li:nth-child(odd) {/* 奇数 */
	float:left;
}
ul.product_ex li:nth-child(even) {/* 偶数 */
	float:right;
}
ul.product_ex.h0 li {height:auto;}



/* サムネイルリスト
----------------------------------------------------------------------*/
.thumbnail_list {
	margin-bottom:12px;
}
.thumbnail_list a {
	display:inline-block;
	width:138px;
	height:98px;
	border:solid #ddd 1px;
	overflow:hidden;
}



/* 導入先
----------------------------------------------------------------------*/
/* タイトル */
.dounyu_tlt_food {/* 食品 */
	border-bottom:solid #EB708B 1px;
	color:#EB708B;
}
.dounyu_tlt_food2 {/* 食品関連 */
	border-bottom:solid #4F8CCA 1px;
	color:#4F8CCA;
}
.dounyu_tlt_confectionery {/* 製菓 */
	border-bottom:solid #EBA126 1px;
	color:#EBA126;
}
.dounyu_tlt_drink {/* 飲料 */
	border-bottom:solid #44A97F 1px;
	color:#44A97F;
}
.dounyu_tlt_facilities {/* 施設 */
	border-bottom:solid #BCA083 1px;
	color:#BCA083;
}

/* リスト */
.dounyu_list {
	margin-bottom:15px;
	padding: 20px;
	background:#eee;
	border: solid #ddd 1px;
}
.dounyu_list:after {
	content:".";
	height:0px;
	clear:both;
	display: block;
	visibility:hidden;
}
.dounyu_list img {
	float: left;
	margin-right: 13px;
}
.dounyu_list h5 {
	margin-bottom: 5px;
}
.dounyu_list a {
	display:block;
	float: right;
	margin-top: 10px;
	width:160px;
	height:36px;
	background: #0070BD;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	text-align: center;
	line-height: 36px;
	color:#fff;
}
.dounyu_list a:hover {
	text-decoration:none;
	background: #1CAEE6;
}



/* 製品一覧リスト
----------------------------------------------------------------------*/
.productIndexList li {
	float:left;
	margin-right:24px;
	margin-bottom:20px;
	width:30%;
	border:solid #ddd 4px;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	text-align:center;
	overflow:hidden;
}
.productIndexList li:hover {
	border:solid #0070BD 4px;
}
.productIndexList li:nth-child(3n+3) {
	margin-right:0;
}
.productIndexList li img {
	margin-bottom:17px;
	width:100%;
	border-bottom:solid #ddd 1px;
}
.productIndexList li a {
	display:block;
	padding-bottom:20px;
}
.productIndexList li a:hover {
	background:#eee;
	text-decoration:none;
}
.productIndexList li a:hover img {
	opacity: 1;
	-ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity = 100);
	filter: alpha(opacity = 100);
}
.productIndexList li.productIndexList_2line img {
	margin-bottom:6.5px;
}
.productIndexList li.productIndexList_2line a {
	padding-bottom:8px;
}



/* 仕様内「オンラインショップ」リンク
----------------------------------------------------------------------*/
.onlineshopLink {
	padding: 10px 0;
	text-align: right;
	clear: both;
}
.onlineshopLink a {
	padding: 5px 10px 5px 35px;
	background: url(../img/icon01.png) #33BFAE 10px center no-repeat;
	border: solid #33BFAE 1px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #fff;
}
.onlineshopLink a:hover {
	padding: 5px 10px 5px 35px;
	background: url(../img/icon02.png) #ffffff 10px center no-repeat;
	border: solid #1CAEE6 1px;
	color: #1CAEE6;
	text-decoration: none;
}



/* コンテンツ内「パンフレット・取扱説明書DL」リンクボタン
----------------------------------------------------------------------*/
.brochureDl{
	text-align:center;
}
.brochureDl li{
	display:inline-block;
	min-width:320px;
	margin:0 10px 15px;
}
.brochureDl li a{
	text-align:center;
	padding:15px 0;
	color:#fff;
	display:block;
	background-color:#0070bd;
	border-radius: 5px;
    -webkit-border-radius: 5px;  
    -moz-border-radius: 5px;
}
.brochureDl li a:hover{
	background-color:#00a0e8;
	text-decoration:none;
}
.brochureDl li.line2 a{
	padding:5px 0;
}



/* 右サイド固定バナー
----------------------------------------------------------------------*/
#side_fixBan{
	position:fixed;
	right:0;
	top:50%;
}
#side_fixBan ul{width:70px;}
#side_fixBan ul li{height:70px; margin-bottom:2px;}
.banner3{margin-top:-108px;}
.banner4{margin-top:-144px;}
.banner5{margin-top:-180px;}
.banner6{margin-top:-216px;}/*defalt*/