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

 top slider

============================== */
#slider {
	background-color:#FFF;
	position:relative;
	height: 500px !important;
	width:100% !important;
	padding: 0px;
	box-shadow: 0px 2px 3px #ccc;
	-webkit-box-shadow: 0px 2px 3px #ccc;
	-moz-box-shadow: 0px 2px 3px #ccc;
}
#slider h3 {
	position: absolute;
	left: 50%;
	top: 30px;
	height: 100px;
	width: 520px;
	margin-left: -480px;
	z-index:9999;
	display:none;
}
#slider li {
	height: 500px;
	background-repeat: no-repeat;
	background-position: center top;
}
.slide_inner {
	width:960px;
	margin-right: auto;
	margin-left: auto;
}
#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

============================== */
#txt_top {
	font-size:116%;
	text-align:center;
	margin-bottom:40px;
}
#txt_top a {
	color:#000000;
	font-weight: bold;
	background-color: #FF0;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
}
#txt_top a:hover { text-decoration: underline; }
#top_tel {
	width:100%;
	padding:15px 0px;
	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 30px;
}
#top_box_l { float:left; }
#top_box_r { float:right; }
#top_box_l,
#top_box_r {
	width:460px;
	padding:23px 30px 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);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:27px;
}
#top_box_r ul li {
	background-image: url(../images/icon/icon_spanner_orange.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:27px;
}
#top_box_l ul li a,
#top_box_r ul li a {
	color:#444;
	background-repeat: no-repeat;
	background-position: 350px center;
	font-size:108%;
	line-height: 1;
	display: block;
	padding: 10px 0px 10px 12px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	transition: 0.3s ease;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#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;
	background-position: 350px center;
}
#top_box_r ul li a:hover {
	color:#FFA900;
	background-color:#fff7e8;
	background-position: 350px center;
}
#top_box_l .button-bevel,
#top_box_r .button-bevel { width:330px; }
/* ==============================

 top news

============================== */
#news {
	width:460px;
	float:left;
}
#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;
}
#news2 {
	width:460px;
	float:left;
	position:relative;
}
#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 a {
	border-top: 1px dotted #CCC;
	padding: 10px;
	display:block;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}
#news2 ul li a:hover { background-color:#f1f7fa; }
#news2 ul li span.icon_repair,
#news2 ul li span.icon_faq {
	font-size: 85%;
	padding: 1px 7px;
	font-weight: bold;
	color: #FFF;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	margin-right: 5px;
	letter-spacing:0em;
}
#news2 ul li span.icon_repair { background-color: #1c7dc1; }
#news2 ul li span.icon_faq { background-color: #FFA900; }
#top_area { float:right; }
/* ==============================

 works

============================== */
.works { }
.works ul {
	width:100%;
	clear: both;
	margin: 0px auto 20px;
}
.works ul li {
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	position:relative;
	background-color:#eee;
}
.works ul li.before {
	text-align: center;
	width: 240px;
	float: left;
	border: 5px solid #eee;
}
.works ul li.after {
	width: 615px;
	margin-left: 275px;
	border: 5px 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;
	width:100%;
	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:93%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom:30px;
}
.outline dl dt {
	font-weight:bold;
	clear:both;
	float:left;
	width:30%;
	background-color:#E3F0F6;
	color:#1c7dc1;
	padding: 7px 0px 7px 15px;
	margin-bottom: 15px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	letter-spacing: 0.05em;
}
.outline dl dd {
	margin-bottom:30px;
	margin-bottom:12px;
	border-bottom: 1px dotted #CCC;
	padding: 6px 0px 17px 32%;
	letter-spacing:0em;
}
/* ==============================

 service , reform

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

 faq

============================== */
.faq_list { }
.faq_list dl { }
.faq_list dl dt { }
.faq_list dl dd { }
.faq_list2 { }
.faq_list2 dl { }
.faq_list2 dl dt {
	font: 150% "mplus_m";
	padding-bottom: 10px;
	color: #1c7dc1;
}
.faq_list2 dl dd {
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px dotted #CCC;
}
/* ==============================

 stainless

============================== */
#txt_stainless {
	text-align:center;
	clear:both;
	font-size:145%;
	margin-bottom:25px;
}
#stainless h5 {
	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: 20px;
}
.stainless_list { }
.stainless_list ul { }
.stainless_list ul li {
	border-top: 1px dotted #CCC;
	padding-top: 20px;
	padding-bottom: 20px;
	clear: both;
}
.stainless_list ul li:first-child {
	border-top: 0px dotted #CCC;
	padding-top: 0px;
}
.stainless_list ul li:last-child { padding-bottom: 0px; }
.stainless_list ul li h5 {
	font: 150% "mplus_m";
	color: #1c7dc1;
}
.stainless_list ul li p {
	margin-bottom:0.7em;
	padding-left: 20px;
}
.stainless_list ul li img {
	width:240px;
	padding-left:20px;
	padding-right:10px;
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}