@charset "utf-8";
/* CSS Document */
.o_item_wrap {
    margin: 0 0 30px 0;
    width: 730px;
    padding: 0px;
    font-size: 16px;
    line-height: 2em;
    overflow: hidden;
    text-align: left;
}

#conditioning {
	background-color: #ffffff;
	color: #353535;
	font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro," メイリオ", Meiryo, Osaka," ＭＳ Ｐゴシック", MS PGothic," sans-serif";}	

#conditioning .cl:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

#conditioning .cl {
  min-height: 1px;
}

* html #conditioning .cl {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
#conditioning ul li {
	list-style-type: none;
	margin: 15px 0px;
}

#conditioning p{overflow: visible !important;}

#conditioning .fl{float: left;}
#conditioning .fr{float: right;}

#conditioning .tc {text-align: center;}

#conditioning .center {display: block; margin: 0px auto;}

#conditioning .mla {margin-left: auto;}
#conditioning .mra {margin-right: auto;}

#conditioning .pl15{padding-left: 15px;}
#conditioning .pb15{padding-bottom: 15px;}

#conditioning .ml15{margin-left: 15px;}
#conditioning .mr15{margin-right: 15px;}
#conditioning .mb15{margin-bottom: 15px;}
#conditioning .mb30{margin-bottom: 30px;}
#conditioning .mt8{margin-top: 8px;}
#conditioning .mt15{margin-top: 15px;}
#conditioning .mt25{margin-top: 25px;}


#conditioning .small{font-size: 0.83em;}
#conditioning .min{font-family: "ＭＳ Ｐ明朝", MS PMincho,"ヒラギノ明朝 Pro W3", Hiragino Mincho Pro, serif;}

#conditioning section.area01 {
	background-image: url(bg_01.png) ;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 100%;
	height: 315px; 
}

#conditioning .txtArea01 {
	width: 520px;
	margin: 15px 0px 10px 15px ;
}

#conditioning .txtArea02 {
	color: #ffffff;
	width: 520px;
	margin: 41px 0px 10px 3px;
	font-size: 14px;
	text-align: right;
}


#conditioning section.area02 {
	background-color: #F6F6F6;
}

#conditioning .txtArea03 {
	display: block;
	width: 700px;
	margin: 10px auto;
}

#conditioning .listPoint {
    text-align: center;
	width: 700px;
	margin: 0px auto;
    padding-bottom: 20px;
}

#conditioning .listPoint li {
	display: inline-block;
}

#conditioning section.area03 {
	margin: 20px auto;
}

#conditioning .point {
	margin: 20px auto 15px;
}

#conditioning .ttlPt01 {
	background-image: url(bg_ttl_point01.png);
}

#conditioning .ttlPt02 {
	background-image: url(bg_ttl_point02.png);
}

#conditioning .ttlPt03 {
	background-image: url(bg_ttl_point03.png);
}

#conditioning .ttlPt04 {
	background-image: url(bg_ttl_point04.png);
}

#conditioning .ttlPt05 {
	background-image: url(bg_ttl_point05.png);
}

#conditioning .ttlPt01,#conditioning .ttlPt02,#conditioning .ttlPt03,#conditioning .ttlPt04,#conditioning .ttlPt05 {
	color: #FF7E3E;
	font-size: 2em;
	font-weight: bolder;
	padding: 18px 0px 15px 85px;
	background-repeat: no-repeat;
	background-position: center center;
	height: 65px;
}

#conditioning .green {
	background-color: #f3fce7;
	margin: 15px auto;
	padding-bottom: 20px;
}

#conditioning .green .img01{
	display: block;
	margin: 15px auto;
	padding: 20px 15px;
}

#conditioning section.area04 {
	background-image: url(bg_ningen_icon.png);
	background-repeat: no-repeat;
	background-position: center center;
}
#conditioning section.area04 .area04_inner{
	width: 585px;
    margin: 0px auto;
    padding: 15px;
}
#conditioning section.area04 .area04_inner .try {
	margin: 0px auto;
	border-bottom: 1px solid #ff5400;
	display: inline;
}


#conditioning .midCont {
	background-color: #f7f8f8;
	padding: 15px;
	margin-bottom: 30px;
}
#conditioning .midCont02 {
	background-color: #f7f8f8;
	padding: 15px;
}
#conditioning .midCont_inner{margin-bottom: 30px;padding-bottom: 15px;}
#conditioning .midCont p {
	padding: 5px 20px;
}
#conditioning .reason01 h3{
	background-image: url(ttlReason01.png);
	background-repeat: no-repeat;
	width: 280px;
    height: 30px;
	margin-bottom: 15px;
    padding: 18px 0px 5px 85px;
	font-size: 1.3em;
}
#conditioning .reason02 h3{
	background-image: url(ttlReason02.png);
	background-repeat: no-repeat;
	width: 280px;
    height: 30px;
	margin-bottom: 15px;
    padding: 18px 0px 5px 85px;
	font-size: 1.3em;
}
#conditioning .reason03 h3{
	background-image: url(ttlReason03.png);
	background-repeat: no-repeat;
	width: 280px;
    height: 30px;
	margin-bottom: 15px;
    padding: 18px 0px 5px 85px;
	font-size: 1.3em;
}
#conditioning .point01 h3{
	background-image: url(ttlPoint01.png);
	background-repeat: no-repeat;
	width: 270px;
    height: 50px;
	margin-bottom: 15px;
    padding: 18px 0px 0px 86px;
	font-size: 1.3em;
}
#conditioning .point02 h3{
	background-image: url(ttlPoint02.png);
	background-repeat: no-repeat;
	width: 270px;
    height: 50px;
	margin-bottom: 15px;
    padding: 18px 0px 0px 86px;
	font-size: 1.3em;
}
#conditioning .point03 h3{
	background-image: url(ttlPoint03.png);
	background-repeat: no-repeat;
	width: 270px;
    height: 50px;
	margin-bottom: 15px;
    padding: 18px 0px 0px 86px;
	font-size: 1.3em;
}
#conditioning .wt_base {
	background-color: #ffffff;
	padding: 15px 15px 0px 15px;
    margin: 15px 0px;
}
#conditioning .wt_base02 {
	background-color: #ffffff;
	padding: 15px;
	margin: 15px;
}
#conditioning .menu01,#conditioning .menu02 {width: 100%;margin-bottom: 18px;}
#conditioning .menu01 h3,#conditioning .menu02 h3 {
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: #535353 solid 1px;
	padding: 5px 2px;
}
#conditioning .menu01 {
	background-image: url(menu1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 5px 0px 10px 77px;
	width: 88%;
}
#conditioning .menu02 {
	background-image: url(menu2.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding: 5px 0px 10px 77px;
	width: 88%;
}
#conditioning .ttl_menu{
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: #535353 solid 1px;
}
#conditioning .menu_list{width: 365px;}
#conditioning .menu_list ol li {margin-bottom: 10px;}
#conditioning .plus {
	position: relative;
	width: 100%;
	height: 400px;
}
#conditioning .plus p {
	background-color: rgba(255,255,255,0.70);
    width: 50%;
    position: absolute;
    top: 76px;
    left: 40px;
    font-size: 1.15em;
    line-height: 180%;
    padding: 15px;
}
#conditioning .w330 {width: 330px;}
#conditioning .btnArea {
	margin: 20px auto;
	text-align: center;
}
#conditioning .btnArea02 {
	margin: 20px auto 2px;
	text-align: center;
}
#conditioning .btnArea img:hover{
	opacity: 0.8;
}
#conditioning .linkTxt_r {
	text-align: right;
	margin-right: 65px;
}

#conditioning .linkTxt_r a,#conditioning .linkTxt_r a:visited {
	color: #212121;
	text-decoration: none;
}
#conditioning .linkTxt_r a:hover {
	color: #212121;
	text-decoration: underline;
}