@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:15px;
	margin-bottom:20px;
}

.subcon_titlebl{
	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:135px;
}

.topbox_line2{
	margin-bottom:50px;
	height:135px;
}

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

.topbox_line2:after {
    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:135px;
}

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

.topbox2{
	display:block;
	float:left;
	width:362px;
	margin-top:16px;
	margin-right:20px;
	height:135px;
	text-align:center;
}

.topbox2.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);
}

.topbox2 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;
}
.topbox2 a:hover img {
  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;
}