@charset "UTF-8";
/*
うすいブルー：E3F0F6
うすいブルー2：f1f7fa
こいブルー：1c7dc1
--
うすいオレンジ：FFE5B2
うすいオレンジ2：fff7e8
こいオレンジ：FFA900
*/
.visible_pc { display:none; }
.visible_sp { }
/* ==============================

 nav

============================== */
#menu-trigger a {
	position:absolute;
	top:15px;
	right:5px;
	display:block;
	width:28px;
	height:18px;
	border-top:2px solid #555;
	border-bottom:2px solid #555;
	font-size:0;
	cursor:pointer;
	-webkit-transition:opacity .2s ease-in-out;
	transition:opacity .2s ease-in-out;
}
#menu-trigger a:hover { opacity:.5 }
#menu-trigger a::after {
	position:absolute;
	top:6px;
	left:0;
	content:'';
	display:block;
	width:28px;
	height:2px;
	background-color:#555
}
/* General styles for all menus */

.cbp-spmenu {
	background: #47a3da;
	position: fixed;
}
.cbp-spmenu h3 {
	color: #afdefa;
	font-size: 1.9em;
	padding: 20px;
	margin: 0;
	font-weight: 300;
	background: #0d77b6;
}
.cbp-spmenu a {
	display: block;
	color: #fff;
	font-size: 1.1em;
	font-weight: 300;
}
.cbp-spmenu a:hover { background: #258ecd; }
.cbp-spmenu a:active {
	background: #afdefa;
	color: #47a3da;
}
/* Orientation-dependent styles for the content of the menu */

.cbp-spmenu-vertical {
	width: 240px;
	height: 100%;
	top: 0;
	z-index: 1000;
}
.cbp-spmenu-vertical a {
	border-bottom: 1px solid #258ecd;
	padding: 1em;
}
.cbp-spmenu-horizontal {
	width: 100%;
	height: 150px;
	left: 0;
	z-index: 1000;
	overflow: hidden;
}
.cbp-spmenu-horizontal h3 {
	height: 100%;
	width: 20%;
	float: left;
}
.cbp-spmenu-horizontal a {
	float: left;
	width: 20%;
	padding: 0.8em;
	border-left: 1px solid #258ecd;
}
/* Vertical menu that slides from the left or right */

.cbp-spmenu-left { left: -240px; }
.cbp-spmenu-right { right: -240px; }
.cbp-spmenu-left.cbp-spmenu-open { left: 0px; }
.cbp-spmenu-right.cbp-spmenu-open { right: 0px; }
/* Horizontal menu that slides from the top or bottom */

.cbp-spmenu-top { top: -150px; }
.cbp-spmenu-bottom { bottom: -150px; }
.cbp-spmenu-top.cbp-spmenu-open { top: 0px; }
.cbp-spmenu-bottom.cbp-spmenu-open { bottom: 0px; }
/* Push classes applied to the body */

.cbp-spmenu-push {
	overflow-x: hidden;
	position: relative;
	left: 0;
}
.cbp-spmenu-push-toright { left: 240px; }
.cbp-spmenu-push-toleft { left: -240px; }
/* Transitions */

.cbp-spmenu,
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

/* Example media queries */

@media screen and (max-width: 55.1875em) {
.cbp-spmenu-horizontal {
	font-size: 75%;
	height: 110px;
}
.cbp-spmenu-top { top: -110px; }
.cbp-spmenu-bottom { bottom: -110px; }
}
 @media screen and (max-height: 26.375em) {
.cbp-spmenu-vertical {
	font-size: 90%;
	width: 190px;
}
.cbp-spmenu-left,
.cbp-spmenu-push-toleft { left: -190px; }
.cbp-spmenu-right { right: -190px; }
.cbp-spmenu-push-toright { left: 190px; }
}
/* ==============================

 top slider

============================== */
#slider {
	position:relative;
	width:100%;
	padding: 0px;
	box-shadow: 0px 2px 3px #ccc;
	-webkit-box-shadow: 0px 2px 3px #ccc;
	-moz-box-shadow: 0px 2px 3px #ccc;
}
.bx-wrapper {/*reset*/
	position: relative;
	margin: 0 0 30px;
	padding: 0;
 *zoom: 1;
}
.bx-wrapper img { display: block; }
#slider h3 {
	position: absolute;
	top: 10px;
	left: 0px;
	width: 90%;
	z-index:10;
}
#slider h3 img { }
#bxslider01 { background-image: url(../../images/main/main_bg.jpg); }
#bxslider02 { background-image: url(../../images/main/main2_bg.jpg); }
.bxslider li { display: none; }
/*.bx-viewport .bxslider li { display: block !important; }*/
.bx-wrapper .bx-viewport {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
	border:none;
	background-color:transparent;
	left: 0px;
}
.bx-wrapper { margin-bottom: 0px; }
ul.bxslider {
	padding: 0;   /* または padding-left: 0; */
	margin: 0;
}
/* ページャー */
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto { bottom: 15px; }
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #91D3F7;
	width: 20px;
	height: 20px;
	margin: 0 7px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	border: 3px solid #FFF;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active { background: #FF8800; }
/* ==============================

 top box

============================== */
#top .bg_white_inner_shadow { padding-top:20px; }
#txt_top {
	font-size:100%;
	text-align:center;
	margin-bottom:20px;
	line-height:1.8;
}
#txt_top a {
	color:#000000;
	font-weight: bold;
	background-color: #FF0;
	margin-right: 2px;
	margin-left: 2px;
	padding-right: 3px;
	padding-left: 3px;
	text-decoration: none;
}
#top_tel {
	max-width:960px;
	width:100%;
	padding:10px 12px 12px;
	background-color:#1c7dc1;
	border: 3px solid #FFF;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	box-shadow: 2px 2px 6px #ccc;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	-moz-box-shadow: 2px 2px 6px #ccc;
	margin: 0px auto 15px;
}
#top_tel img { }
#top_box_l { margin-bottom:20px; }
#top_box_l,
#top_box_r {
	width:100%;
	padding:23px 25px 20px;
	background-color:#FFF;
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow: 2px 2px 6px #ccc;
	-webkit-box-shadow: 2px 2px 6px #ccc;
	-moz-box-shadow: 2px 2px 6px #ccc;
}
#top_box_l h4 img,
#top_box_r h4 img {
	vertical-align:bottom;
	margin-bottom:10px;
}
#top_box_l ul li { background-image: url(../images/icon/icon_spanner_blue.png); }
#top_box_r ul li { background-image: url(../images/icon/icon_spanner_orange.png); }
#top_box_l ul li,
#top_box_r ul li {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:27px;
	border-bottom: 1px dotted #ccc;
}
#top_box_l ul li:last-child,
#top_box_r ul li:last-child { border-bottom: 0px dotted #ccc; }
#top_box_l ul li a,
#top_box_r ul li a {
	color:#444;
	font-size:108%;
	line-height: 1;
	display: block;
	padding: 12px 0px 13px 7px;
	background-position: right center;
	background-repeat: no-repeat;
}
#top_box_l ul li a { background-image: url(../images/arrow/arrow_blue.png); }
#top_box_r ul li a { background-image: url(../images/arrow/arrow_orange.png); }
#top_box_l ul li a:hover {
	color:#1c7dc1;
	background-color:#f1f7fa;
}
#top_box_r ul li a:hover {
	color:#FFA900;
	background-color:#fff7e8;
}
#top_box_l ul,
#top_box_r ul { padding-bottom:3px; }
#top_box_l .button-bevel,
#top_box_r .button-bevel { width:85%; }
/* ==============================

 top news

============================== */
#news {
	width:100%;
	margin-bottom:20px;
}
#news p {
	font-size:131%;
	font-weight:bold;
	color:#1c7dc1;
	margin-bottom:10px;
	background-image: url(../images/icon/icon_search.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
}
#news dl {
	border-top: 1px dotted #CCC;
	padding-top:10px;
}
#news dl dt {
	font-size:85%;
	float:left;
	width:6em;
	font-weight:normal;
	letter-spacing:0.1em;
}
#news dl dd {
	padding-left:6em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #CCC;
}
#top_area { }
#top_area img { width:100%; }
/* news2 ==============================*/

#news2 {
	width:100%;
	float:none;
	position:relative;
	margin-bottom:30px;
}
#news2 h4 {
	font-size:140%;
	font-weight:bold;
	color:#1c7dc1;
	letter-spacing:0.03em;
	margin-bottom:5px;
	background-image: url(../images/icon/icon_search.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 35px;
	padding-top:7px;
}
#news2 ul { border-bottom: 1px dotted #CCC; }
#news2 ul li { position:relative; }
#news2 ul li a {
	border-top: 1px dotted #CCC;
	padding: 10px 10px 10px 45px;
	display:block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
	line-height:1.3;
}
#news2 ul li a:hover { background-color:#f1f7fa; }
#news2 ul li span.icon_repair,
#news2 ul li span.icon_faq {
	font-size: 92%;
	padding: 1px 7px 2px;
	font-weight: bold;
	color: #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	position:absolute;
	left: 0px;
	top: 11px;
}
#news2 ul li span.icon_repair { background-color: #1c7dc1; }
#news2 ul li span.icon_faq { background-color: #FFA900; }
#news2 .btn_more { top: 11px; }
/* ==============================

 works

============================== */
.works { }
.works ul {
	width:100%;
	clear: both;
	margin: 0px auto 20px;
}
.works ul li {
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	position:relative;
	background-color:#eee;
}
.works ul li.before {
	text-align: center;
	width: 240px;
	border: 10px solid #eee;
	margin-bottom:15px;
}
.works ul li.after {
	width: 100%;
	border: 10px solid #FFE5B2;
}
.works ul li span {
	color: #FFF;
	letter-spacing:0.1em;
	position: absolute;
	top: 4px;
	right: 4px;
	border: 2px solid #FFF;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	line-height: 1;
	padding: 7px 10px 5px 15px;
}
.works ul li.before span {
	background-color: #999;
	font-size:85%;
}
.works ul li.after span {
	background-color: #d00;
	font-size: 115%;
}
.works ul li img {
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	float: none !important;
	vertical-align: bottom;
	margin: 0px !important;
	padding: 0px;
}
.works dl {
	clear:both;
	padding: 15px 20px;
	background-color:#fff7e8;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border: 10px solid #FFE5B2;
}
.works dl dt {
	font-size:124%;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ddd;
	color: #F60;
	background-image: url(../images/arrow/arrow_orange.png);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding-left: 23px;
}
.works dl dt p { margin-bottom:0px !important; }
.works dl dd { }
.works dl dt,
.works dl dd { }
.works .box_inner {
	padding-bottom: 35px;
	padding-top: 30px;
}
/* ==============================

 outline

============================== */
.outline { }
.outline dl {
	width:100%;
	margin-bottom:0px;
	font-size:92%;
}
.outline dl dt {
	font-size:92%;
	font-weight:bold;
	clear:both;
	float:left;
	width:35%;
	background-color:#E3F0F6;
	color:#1c7dc1;
	padding: 7px 0px 5px 7px;
	margin-bottom: 20px;
	white-space: nowrap;
	letter-spacing: -0.1em;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.outline dl dd {
	margin-bottom:30px;
	margin-bottom:13px;
	border-bottom: 1px dotted #CCC;
	padding: 5px 0px 20px 38%;
}
#outline_map {
	clear:both;
	float:none;
	padding:0px !important;
	width:100%;
}
.outline dl dd span { font-size:85%; }
/* ==============================

 service , reform

============================== */
#service .box3 li { }
#service .box3 li .box_inner,
#reform .box3 li .box_inner {
	border: 5px solid #E3F0F6;
	height:auto;
}
#service .box .box_inner img,
#reform .box .box_inner img { width:320px; }
#txt_reform {
	color:#ff8800;
	margin-bottom:20px;
}
#txt_reform a { text-decoration: underline; }
/* ==============================

 stainless

============================== */
#txt_stainless {
	text-align:center;
	clear:both;
	font-size:130%;
	margin-bottom:10px;
}
#stainless h5 {
	font: 116%/1.3 "mplus_m";
	color: #1c7dc1;
	margin-bottom: 5px;
	background-image: url(../images/arrow/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}
.stainless_list { }
.stainless_list ul { }
.stainless_list ul li {
	border-bottom: 1px dotted #CCC;
	margin-bottom: 20px;
	padding-bottom: 15px;
}
.stainless_list ul li:last-child {
	border-bottom: 0px dotted #CCC;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.stainless_list ul li p {
	margin-bottom:0.7em;
	padding-left: 20px;
}
/* ==============================

 faq

============================== */
#faq dt {
	font: 130% "mplus_m";
	color: #1c7dc1;
	margin-bottom: 5px;
	background-image: url(../images/arrow/arrow_blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 17px;
}