@charset "UTF-8";

/*
テーマ業種別
*/

.mainimg_t{
display:block;
padding-bottom:10px;
position:relative;
}

.main_title{
	font-size:28px;
       	font-weight:bold;
	line-height:40px;
        color:#636770;
	margin-bottom:20px;
}

.title_bl{
	font-size:28px;
       	font-weight:bold;
        color:#00abeb;
}

.main_title p{
	font-size:18px;
       	font-weight:normal;
	line-height:26px;
        color:#636770;
}

.subcon_title{
	font-size:22px;
       	font-weight:bold;
	line-height:30px;
        color:#636770;
        border-bottom: solid 1px #00abeb;
	margin-top:30px;
	margin-bottom:20px;
}

.subcon_titlenl{
	font-size:22px;
       	font-weight:bold;
	line-height:30px;
        color:#636770;
	margin-top:15px;
	margin-bottom:20px;
}

.pro_sub{
	height:40px;
	line-height:40px;
	font-size:22px;
	font-weight:bold;
	background-color:#8f939f;
	color:#FFFFFF;
	text-indent:8px;
}

.air_pane{
	padding-top:40px;
}

.topbox_line{
	margin-bottom:50px;
	height:165px;
}

.topbox_line:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .topbox_line {
    height: 1em;
    overflow: visible;
}
/**/

.topbox{
	display:block;
	float:left;
	width:235px;
	margin-top:16px;
	margin-right:20px;
	height:165px;

}

.topbox.last{
	margin-right:0;
}

.topbox a img {
  -webkit-transition: 0.3s ease-in-out;
     -moz-transition: 0.3s ease-in-out;
       -o-transition: 0.3s ease-in-out;
          transition: 0.3s ease-in-out;
}
.topbox a:hover img {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

a.lightb {
    padding: 10px 0;
    border: 2px solid #4fa3d9;
    display: block;
    text-align: center;
    font-size:22px;
    font-weight:bold;
    margin: 20px 20px 30px 20px;
    color: #4fa3d9;
}

a.lightb:before {
    content: '';
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url(/assets/products/subject/ja-jp/air_saving/images/arrow.jpg);
    background-size: contain;
    vertical-align: middle;
    background-repeat: no-repeat;
    margin-right: 5px;
}

a.lightb:hover {
  opacity: 0.6;
  filter: alpha(opacity=60);
}

.mb10{
        margin-bottom:10px;
}

.mb20{
        margin-bottom:20px;
}

.mb40{
        margin-bottom:40px;
}
.mb60{
        margin-bottom:60px;
}

.mb100{
        margin-bottom:100px;
}

.mb300{
        margin-bottom:300px;
}

.mb400{
        margin-bottom:400px;
}

.mb500{
        margin-bottom:500px;
}

.mb600{
        margin-bottom:600px;
}

.mb1k{
        margin-bottom:1000px;
}