@charset "utf-8";

/* SOKEN飾屋
name::	common.css
date::	2018/03 */

h1,h2,h3,h4,h5 {
	margin: 0px;
	padding: 0px;
	}
a {outline: 0;}
table {
	font-size: 100%;
	line-height: 1.6;
	}
.clear {clear: both;}

/* text layout */
.left { text-align:left;}
.center { text-align:center;}
.right { text-align:right;}

/* img layout */
.imgright img { float:right;}

.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */



/*----------------------------------------------------
	h
----------------------------------------------------*/
h2 {
	background-image: url(../img/top/h2_bio-bg.jpg);
	font-size: 20px;
	color: #0671AB;
	padding-bottom: 5px;
	margin-bottom: 10px;
	overflow: hidden;
	font-weight: bold;
	background-repeat: no-repeat;
	background-position: bottom;
	padding-top: 10px;
}
h3 {
	background-image: url(../img/common/menu_bg.jpg);
	font-size: 20px;
	color: #FFFFFF;
	margin-bottom: 15px;
	border-bottom: 2px solid #499300;
	padding: 7px 0px 5px;
	text-indent: 0.5em;
}
h3.green {
	background-image: url(../img/common/side_bg.jpg);
	border-bottom: 2px solid #069;
}
h4 {
	background-image: url(../img/common/h4_bg.jpg);
	font-size: 20px;
	color: #069;
	margin-bottom: 15px;
	border-bottom: 2px solid #499300;
	padding: 7px 0px 5px;
	text-indent: 0.5em;
	font-weight: 400;
}

h5 {
	font-size: 17px;
	margin-bottom: 15px;
	border-left: 5px solid #690;
	border-bottom: 1px dotted #006699;
	padding: 0px 0px 0px;
	text-indent: 0.5em;
	font-weight: bold;
}

/*----------------------------------------------------
	link style
----------------------------------------------------*/
a:link, a:visited {
	text-decoration: underline;
	color: #045179;
	}
a:hover {
	color: #288B9F;
	/*background-color: #FFF;*/
	}

a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

/*----------------------------------------------------
	font style
----------------------------------------------------*/
.fontred { color:#F00;}
.fontgreen {color:#690;}
.fontblue {color: #069;}
.fontwhite {color: #FFF;}
.fontlb {color: #CC9900;}

.font80 { font-size: 80%;}
.font90 { font-size: 90%;}
.font110 { font-size: 110%;}
.font120 { font-size: 120%;}
.font130 { font-size: 130%;}
.font140 { font-size: 140%;}
.font150 { font-size: 150%;}
.font160 { font-size: 160%;}

/* 文字装飾（背景・枠等） */
.bg_blue {background-color: #E6FAFF;}
.bg_black {background-color: #000;}
.bg_gray {background-color: #F6F6F6;}
.bg_ly {background-color: #FDF7DF;}
.bg_lp {background-color: #FFECF5;}
.bg_lo {background-color: #FFF7EE;}
.bg_lg {background-color: #F1F8E9;}


.boder_blue {border: 1px solid #0CF;}
.boder_gray {border: 1px solid #CCC;}


/*----------------------------------------------------
	.clearfix
----------------------------------------------------*/
.clearfix {zoom:1;}
	.clearfix:after {
		content: ""; 
		display: block; 
		clear: both;}
		* html .clearfix { height: 1%; }

/*----------------------------------------------------
	.pad .mar
----------------------------------------------------*/
.padmarall0{padding: 0px;margin: 0px !important; }
.padt5 {padding-top: 5px !important; }
.padt10 {padding-top: 10px !important; }
.padt14 {padding-top: 14px !important; }
.padt20 {padding-top: 20px !important; }
.padt30 {padding-top: 30px !important; }

.padr5 {padding-right: 5px !important; }
.padr10 {padding-right: 10px !important; }
.padr20 {padding-right: 20px !important; }
.padr30 {padding-right: 30px !important; }

.padb5 {padding-bottom: 5px !important; }
.padb10 {padding-bottom: 10px !important; }
.padb20 {padding-bottom: 20px !important; }
.padb30 {padding-bottom: 30px !important; }
.padb40 {padding-bottom: 40px !important; }
.padb50 {padding-bottom: 50px !important; }

.padl5 {padding-left: 5px !important; }
.padl10 {padding-left: 10px !important; }
.padl20 {padding-left: 20px !important; }
.padl30 {padding-left: 30px !important; }
.padl60 {padding-left: 60px !important; }

.padall5 {padding: 5px !important; }
.padall10 {padding: 10px !important;}
.padall20 {padding: 20px !important;}
.padall30 {padding: 30px !important;}
.padall40 {padding: 40px !important;}
.padall50 {padding: 50px !important;}

.mart5 {margin-top: 5px !important; }
.mart10 {margin-top: 10px !important; }
.mart20 {margin-top: 20px !important; }
.mart30 {margin-top: 30px !important; }
.mart40 {margin-top: 40px !important; }
.mart50 {margin-top: 50px !important; }

.marr5 {margin-right: 5px !important; }
.marr10 {margin-right: 10px !important; }
.marr20 {margin-right: 20px !important; }
.marr30 {margin-right: 30px !important; }

.marb0 {margin-bottom: 0px !important; }
.marb5 {margin-bottom: 5px !important; }
.marb10 {margin-bottom: 10px !important; }
.marb20 {margin-bottom: 20px !important; }
.marb30 {margin-bottom: 30px !important; }
.marb40 {margin-bottom: 40px !important; }
.marb50 {margin-bottom: 50px !important; }
.marb60 {margin-bottom: 60px !important; }

.marl5 {margin-left: 5px !important; }
.marl10 {margin-left: 10px !important; }
.marl20 {margin-left: 20px !important; }
.marl30 {margin-left: 30px !important; }


/*----------------------------------------------------
	ol
----------------------------------------------------*/
ol.oldecimal {
	list-style-type: decimal;
	list-style-position: outside;
	margin:0px;
	padding:0 0 0 20px;
	}
	ol.oldecimal li {
		text-indent: 0em;
		padding-left:1em;
		}



/*----------------------------------------------------
	li
----------------------------------------------------*/
ul.style02 {
	margin-top: 0px;
}
	ul.style02 li{
		margin-right: 10px;
		margin-bottom: 10px;
		border: 1px solid #0E75AE;
		background: #F2F2F2;
	}
	ul.style02 li a {
		display:block;
		padding: 10px;
	}


ul.style01 li {
	padding: 0 0 10px 15px;
	text-indent: -1.1em;
		}
		
	ul.style01 li::before {
	  content: '\2022';
	  color: green;
	  padding: 0 8px 0 0;
	}

@media screen and (min-width: 768px) {
	ul.style02 {
		width: 100%;
	}
	ul.style02 li{
		float:left;
		margin-right: 2%;
		margin-bottom: 10px;
		border: 1px solid #0E75AE;
		background: #F2F2F2;
		width: 47%;
	}
	ul.style02 li a {
		display:block;
		padding: 10px;
	}
}
/*----------------------------------------------------
　　もっと見る .more
----------------------------------------------------*/

.more {
	text-align:center;
	border: 2px solid #C00;
	max-width: 400px;
	margin-right: auto;
	margin-left: auto;
	background: #FFECEE;
}
.more a {
	display:block;
	padding: 15px;
	color: #333;
}
.more a:link {
	display:block;
	padding: 15px 0 15px 0;
}
.more a:hover {
	text-decoration: none;
	font-weight: bold;
}


/*----------------------------------------------------
pagetop
----------------------------------------------------*/

.pagetop
    {
    position: fixed;
    bottom: 5%;
    right: 2%;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}


/*----------------------------------------------------
固定 注文・問合せ
----------------------------------------------------*/

.bt_order
    {
    position: fixed;
    top: 10px;
    right: 0px;
    }
 
.bt_order a
    {
    display: block;
    text-decoration: none;
    }
 
.bt_order:hover
{
    opacity: 0.85 ;
}

.bt_con
    {
    position: fixed;
    top: 190px;
    right: 0px;
    }
 
.bt_con a
    {
    display: block;
    text-decoration: none;
    }
 
.bt_con:hover
{
    opacity: 0.85 ;
}


/*
業務案内・バイオクリーニングとはで使用
*/	
dl.dltokucho {
	padding: 15px;
	background-color: #FEF8E2;
	margin-bottom: 20px;
}
	dl.dltokucho dt {
	padding: 0;
	font-weight: bold;
	color: #FF0000;
	font-size: 120%;
	float: left;
	width: 7em;
	}
	dl.dltokucho dd {
		padding: 0px 0 0 30px;
	}

dl.dltoyou {
	padding: 30px 20px 20px;
	border: 2px dotted #CCCCCC;
	margin: 30px 0px;
}
	dl.dltoyou dt {
	padding: 0 0 5px 25px;
	background-image: url(../img/common/icongreen.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	font-weight: bold;
	color: #ff6600;
	font-size: 120%;
	}
	dl.dltoyou dd {
	padding: 0;
	}
	dl.dltoyou dd span {
		color:#0099cc;
		font-weight: bold;
	}
	dl.dltoyou dd ul {
		padding-top: 5px;
	}
.dltoyou .ddend {
	margin-bottom: 0px;
	padding-bottom: 20px;
}
.dltoyou .ddend2 {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
/*
一時的に注文停止のお知らせ
*/
.teishi {
	padding: 20px 20px 5px;
	border: 2px solid #F00;
	background-color: #FED;
	margin-top: 20px;
	margin-bottom: 20px;
}