@charset "utf-8";
/* CSS Document */

/*------------------
   section
------------------*/
.section01_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: url(../biofermainte/images/section01_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.section01{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: hidden;
	margin-bottom: 35px;
}

.section01 li{
	float: left;
}

.section01_02l{
	max-width: 400px;
	width: 40%;
	height: auto;
	margin:  0;
	padding: 0;	
	overflow: hidden;
}

.section01_02r{
	max-width: 500px;
	width: 56%;
	height: auto;
	padding: 0;
	margin: 15px 0 0 0;
	overflow: hidden;
	border: solid 3px #ed79ad;
	border-radius: 15px; 
	background-color: #FFFFFF;
}

.section02_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #F7F7F7;
	overflow: hidden;
}

.section02{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: hidden;
}

.section03_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	overflow: hidden;
}

.section03{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: visible;
}

.section04_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #F7F7F7;
	overflow: hidden;
}

.section04_bg_bd{
    width: 100%;
	min-height: 45px;
	margin: 20px 0;
	padding: 5px 0;
	background-color: #132b88;
	overflow: hidden;
}

.section04_bg_bd p{
	height: auto;
    margin: 10px 0 10px 0;
	padding: 0;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	font-size: 2em;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
}

.section04_bg_box{
    max-width: 900px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 20px;
	padding: 10px;
	overflow: hidden;
}

.section04_bg_box p{
	height: auto;
    margin: 0;
	padding: 0;
	text-align: center;
	font-size: 1.2em;
	line-height: 24px;
	overflow: hidden;
}

.section04{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: visible;
	position: relative;
}

.section04_cont{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 5px;
	background-color: #FFFFFF;
	border: solid 1px#FFFFFF;
	border-radius: 10px;
}

.sc04_ti{
	max-width: 371px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}

.section04_cont ul li{
    float: left;
}

.sc04_txt{
	width:65%;
	height: auto;
	margin: 10px 0 0 15px;
	padding: 0;
}

.sc04_txt02{
	width:95%;
	height: auto;
	margin: 10px 0 0 15px;
	padding: 0;
}

.sc04_txt p,.sc04_txt02 p{
    font-size: 1.5em;
	color: #777777;
	line-height: 36px;
}
.sc04_img{
	width:30%;
	height: auto;
	margin: 0;
	padding: 0;
}

.section04 img{
	width: 100%;
	}

.section05_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-image: url(../biofermainte/images/section06_bg.png);
	background-size: cover;
	background-repeat: no-repeat;
	overflow: hidden;
}

.section05{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: visible;
	background-image: url(../biofermainte/images/lp_parts05.png);
	background-repeat: no-repeat;
}

.section06_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #F7F7F7;
	overflow: hidden;
}

.section06_bg_bd{
    width: 100%;
	min-height: 45px;
	margin: 20px 0;
	padding: 5px 0;
	background-color: #132b88;
	overflow: hidden;
}

.section06_bg_bd p{
    max-width: 564px; 
	display: block;
	overflow: hidden;
    margin:0 auto;
}


.section06{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: visible;
	position: relative;
}

.section06_cont{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 5px;
	background-color: #FFFFFF;
	border: solid 1px#FFFFFF;
	border-radius: 10px;
}

.sc06_ti{
	max-width: 451px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}

.section06_cont ul li{
    float: left;
}

.sc06_txt{
	width:98%;
	height: auto;
	margin: 10px 0 0 15px;
	padding: 0;
}


.sc06_txt p{
    font-size: 1.5em;
	color: #777777;
	line-height: 36px;
}

.section06 img{
	width: 100%;
	}

.sc06_eco_midashi{
	height: auto;
    margin: 10px 0 10px 0;
	padding: 0;
	font-family: helvetica, arial, 'hiragino kaku gothic pro', meiryo, 'ms pgothic', sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	color: #EB6BA4;
	text-align: center;
	line-height: 30px;
	overflow: hidden;
}

.section07_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FAD9E7;
	overflow: hidden;
	border-bottom: #EA63A0 solid 5px;
}



.section07{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: visible;
	background-repeat: no-repeat;
}

.section08_bg{
   width: 100%;
   height: auto;
   min-height: 300px;	
   margin: 0;
   padding: 30px 0 30px 0;
   background-color: #f1f0f7;
   border-bottom: 5px solid #132b88;
}

.section08{
	max-width: 980px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: visible;
	position: relative;
}

.section08_box01{
	width: 90%;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
	padding: 5px;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 3px 4px 2px #E1E1E1;
}

.section08_box01 li{
    float: left;
}

.sc08_img{
	max-width: 152px;
	width: 15.5%;
	height: auto;
	display: block;
	margin: 0 15px 0 0;
	padding: 0;
}

.sc08_img p{
    font-size: 1em;
	color: #777777;
	line-height: 36px;
	text-align: center;
	margin: 0 auto;
}

.sc08_text{
	max-width: 750px;
	width: 80%;
	height: auto;
	display: block;
	margin: 0;
	padding: 0;
}

.sc08_text p{
    font-size: 1.5em;
	color: #777777;
	line-height: 36px;
}

.section08_02{
	max-width: 900px;
	width: 98%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: visible;
	position: relative;
}

.section08_02 li{
    float: left;
}

.section08_box02{
	width: 46%;
	height: auto;
	margin: 30px 40px 30px 0px;
	padding: 5px;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 3px 4px 2px #E1E1E1;
}

.section08_box02:last-child{margin-right: 0;}

.section08_box02 p{
    font-size: 1.5em;
	color: #777777;
	line-height: 36px;
}

.section09_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	overflow: hidden;
	border-bottom: 5px solid #ed79ad;
}

/*------------------
   cont_bg
------------------*/
.cont_bg03{
   width: 100%;
   height: auto;
   min-height: 150px;
   margin: 0;
   padding: 35px 10px 30px 10px;
   background-color:rgba(190,217,113,0.5);
	}

.cont_bg_bread{
   width: 100%;
   height: auto;
   min-height: 20px;
   margin-top: 140px;	
   padding: 0px 10px 0px 10px;
   background-color: #FFFFFF;
}


.cont_bg_bio01{
   width: 100%;
   height: auto;
   min-height: 150px;
   margin: 0;
   padding: 35px 0px 20px 0px;
   background-color:rgba(235,107,164,0.3);
	}

.cont_bg_h01{
   width: 100%;
   height: auto;
   min-height: 300px;	
   margin: 0;
   padding: 150px 0 30px 0;
  background-image: url(../../item/images/h_bg01.png);
   background-repeat: no-repeat;
   background-size: cover;
}

/*------------------
   box
------------------*/
.box_600{
	max-width: 600px;
	width: 62.5%;
	height: auto;
	padding: 30px 0 0 0;
	margin-top: 15px;
	margin-right: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}

.box_600:last-child{
     margin-right: 0px;
}

.box_500{
	max-width: 500px;
	height: auto;
	padding: 10px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
}

.box_500:last-child{
     margin-right: 0px;
}	

/*------------------
   v_area
------------------*/

.v_area{
	width: 100%;
	max-width: 600px;
	height: auto;
	padding: 0;
	margin: 0 auto;
}

.v_area03{
	width: 100%;
	max-width: 600px;
	height: auto;
	padding: 0;
	margin: 0 auto;
}

.itemname_area{
	width: 40%;
	max-width: 300px;
	height: auto;
	padding: 75px 10px;
	margin-left: 55px;
}

#txt_cont{
	width: 97%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	padding: 5px;
	border: #EFEFEF solid 1px;
}

#txt_cont p{
	font-size: 16px;
	line-height: 20px;
}

/*------------------
image_onmouse_control
------------------*/


.img_onmouse {
  margin-top: 10px;
  margin-bottom: 10px;	
  margin: 0 auto;
  overflow: visible;
  width: 99%;
  max-width: 594px;
}

.img_onmouse img {
  margin-top: 10px;
  margin-bottom: 10px;

}
.img_onmouse ul {
  padding: 0px;
  margin-top: 0px;
}
.img_onmouse ul li img {
  height: auto;
  max-width: 83px;
  width: 99%;
  padding: 2px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.img_onmouse ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
}

/*.img_onmouse {
  margin: 15px;
  overflow: visible;
  width: 82%;
  max-width: 402px;
}/*

/*------------------
  Item Cont
------------------*/



.item_ti{
    width: 100%;
	height: auto;
	text-align: center;
}

.btn{
    width: 180px;
	height: 30px;
}


.item_ti{
	width: 100%;	
	height: auto;
	margin-top: 22px;
}

.howto{
　　width: 180px;
    height: 30px;
}

.other{
	width: 100%;	
	height: auto;
	text-align: center;
}

.sengan_net_wrap{
	width: 100%;
	max-width: 310px;
	height: auto;
	margin: 0;
	padding: 0;
	display: block;
}

.sengan_net_img{
	width:99%;
	max-width: 300px;
	height: auto;
	min-height: 252px;
	margin: 10px 0 10px 0;
	padding: 0;
}



.kywd{
	width: 100%;	
	height: auto;
	border: 1px solid #EBEBEB;
	border-top-left-radius: 5px; /* 角丸の指定 */
	border-top-right-radius: 5px; /* 角丸の指定 */
	border-bottom-left-radius: 5px; /* 角丸の指定 */
	border-bottom-right-radius: 5px; /* 角丸の指定 */
	padding: 5px;
	vertical-align: bottom 20%;
}

.kywd img{
	width: 79px;
	height: 22px;
	margin-bottom: 15px;
}

#txt_cont{
	width: 100%;
	height: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}

.table_01{
width: 95%;
border-collapse: collapse;
margin-top: 5px;
margin-bottom: 20px;
margin-left: 15px;
}

.table_01 th{
width: 20%;
padding: 6px;
text-align: left;
vertical-align: top;
color: #333;
border: 1px solid #b9b9b9;
}

.table_01 td{
width: 30%;
padding: 6px;
border: 1px solid #b9b9b9;
}


/*------------------
  Visual Area_sp
------------------*/
@media screen and (max-width:640px) and (min-width: 320px) {
#visual_area{
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0;
	display: block;
	background-color: #F29D7E;
}

#v_img{
	max-width: 640px;
	width: 100%;
	height: auto;
	margin: 0 auto;
	left: 100%;
	right: 100%;
	padding: 0;
}

/*------------------
   section
------------------*/	

.section01_02l{
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: hidden;
}

.section01_02r{
	width: 95%;
	height: auto;
	margin: 0 auto;
	padding: 0;	
	overflow: hidden;
	border: solid 3px #ed79ad;
	border-radius: 15px; 
	background-color: #FFFFFF;
}
	
.section04_bg_box p,.sc04_txt p,.sc04_txt02 p,.sc06_txt p{
    font-size: 16px;
	color: #777777;
	line-height: 24px;
}

.sc08_img{
	width: 50%;
	height: auto;
	display: block;
	margin: 0 15px 0 0;
	padding: 0;
}	
	
.section09_bg{
    width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	overflow: hidden;
	border-bottom: 5px solid #ed79ad;
}	
/*------------------
  Index Cont_sp
------------------*/

.c_box,.c_box_980{
	width: 90%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	margin: 0 auto;
	padding-top: 0px;
	padding-right: auto;
	padding-bottom: 0px;
	padding-left: 0;
	overflow: hidden;
}




/*------------------
   box
------------------*/
.box_850_ctr{
	width: 90%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	margin: 0 auto;
	padding: 0px;
	overflow: hidden;
}

.box_850_b_ctr{
	width: 90%;
	height: auto;
	margin-top: 20px;
	margin-bottom: 30px;
	margin: 0 auto;
	padding: 10px;
	overflow: hidden;
	border: 1px solid #CCCCCC;
}
	
	
	
.box_300{
	width: 90%;
	height: auto;
	padding: 0;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}

.box_300:last-child{
     margin-right: 0px;
}

.box_200{
	width: 90%;
	height: auto;
	padding: 0px;
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	overflow: hidden;
}
	
.box_200:last-child{
     margin-right: 0px;
}
	
	
.section08_box02{
	width: 90%;
	height: auto;
	margin: 30px 40px 30px 0px;
	padding: 5px;
	background-color: #FFFFFF;
	border: solid 1px #FFFFFF;
	border-radius: 10px;
	box-shadow: 0px 3px 4px 2px #E1E1E1;
}	

/*------------------
image_onmouse_control
------------------*/


.img_onmouse {
  margin-top: 10px;
  margin-bottom: 10px;	
  margin: 0 auto;
  overflow: visible;
  width: 99%;
  max-width: 594px;
}

.img_onmouse img {
  margin-top: 10px;
  margin-bottom: 10px;

}
.img_onmouse ul {
  padding: 0px;
  margin-top: 0px;
}
.img_onmouse ul li img {
  height: auto;
  max-width: 83px;
  width: 99%;
  padding: 2px;
  margin-right: 5px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.img_onmouse ul li {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
}



}

/*------------------
  key_word
------------------*/
.kw_wrap{
	width: 100%;
	height: auto;
	margin: 0;
	padding-left: 10px;
}

.kw_wrap p{
	width: auto;
	height: auto;
	padding-left: 15px;
	line-height: 20px;
	
}

/*------------------
  key_word_kaisetsu
------------------*/

.kaisetsu_wrap{
	width: 90%;
	height: auto;
	margin: 0 auto;
	padding: 0;
}

.kaisetsu_wrap li{
	width: 90%;
	height: auto;
	margin-left: 0px;
	margin-bottom: 15px;
	padding: 0;
}

.kaisetsu_ti{
	width: 13px;
	height: 14px;
	margin: 0;
	padding: 0;
	display: block;
	background-image: url(../../images/pt_gd.jpg);
	background-repeat: no-repeat;
}

.kaisetsu_ti p{
	width: 100%;
	height: auto;
	padding-left: 20px;
	margin: 0;
	vertical-align: top;
}

.wait_wrap{
	width: 90%;
	height: 600px;
	margin: 0 auto;
	padding: 0;
}

/*------------------
  font
------------------*/

h3 p{
	font-size: 16px;
	line-height: 18px;
	display: inline-block;
	margin-bottom: 10px;
}

p{
	line-height: 20px;	
}

th p{
	width: auto;
	align: left;
	line-height: 20px;	
}

td p{
	align: right;
	line-height: 20px;	
}

.set_price{color: #FF0033; font-size: 18px; font-family:"Helvetica Neue","游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN",メイリオ,Meiryo,sans-serif;word-wrap: break-word; word-break: break-all; line-height: 18px; letter-spacing: 2px; text-align: center;}

h5 p strong{font-size: 25px; font-weight: bold; color: #52A9DC; display:inline; line-height: 30px; text-align: center;}
h5 strong{font-size: 22px; font-weight: bold; color: #555555; display:inline; line-height: 32px;}
h6 p{font-size: 15px; font-weight: normal; display: inline;}