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



/*パンくず*/
ol{width:100%; height: 30px; margin: auto; max-width: 1100px; min-width: 1000px; line-height: 30px;}
ol li{width:auto; height: auto; float: left; margin: 0px 10px 0px 0px; font-size:90%; color: #272727;}



/*下層ページ基本レイアウト*/
/*左側カラム*/
.page-l{width:200px; height: auto; float: left; margin-top: 0px;}

/*サイドメニュー*/
ul.side-menu{width:200px; height: auto; float: left; padding: 0;}
ul.side-menu li{width:200px; height: 50px; margin-bottom: 5px;}


/*右側カラム*/
.page-r{width:780px; height: auto; float: right; margin: 10px 0px 0px 20px;}




/*サービス*/
#service-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/service-top.jpg); background-size:cover;}
.service{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.service_area{width:780px; height:auto; float:left; margin:10px 0px 30px 0px;}
.servie-title{font-size:14px; margin-bottom: 10px;}
.service-led{width:780px; height: 250px; float: left; margin-bottom: 20px; background: url(../images/service-led-bg.png) no-repeat; background-size: contain;}
.service-aircon{width:780px; height: 250px; float: left; margin-bottom: 20px; background: url(../images/service-aircon-bg.png) no-repeat; background-size: contain;}
.service-amamori{width:780px; height: 250px; float: left; margin-bottom: 20px; background: url(../images/service-amamori-bg.png) no-repeat; background-size: contain;}

.service-about{width:450px; height: 200px; float: left; margin-left: 310px;}
.service-about h1,h2{font-size:20px; font-weight: bold; padding: 0; color: #021B5E;}
.service-text{font-size:14px; letter-spacing: 0.1em; line-height: 24px;}
.service-site-link{width:450px; height:30px; float: left; margin-left: 310px;}
.service-site-link img{width:250px; height: 30px; float: right;}




/*企業情報*/
#about-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/about-top.jpg); background-size:cover;}

.our-company{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.about-company{width:780px; height: auto; float: left; margin: 10px 0px 30px 0px;}
.company-item{width:110px; height: 50px; float: left; background: #fff; line-height: 50px; margin-bottom: 2px; padding-left: 15px;}
.company-outline{width:643px; height: 50px; float: right; background: #fff; line-height: 50px; margin-bottom: 2px; padding-left: 10px;}

.company-item2{width:110px; height: 100px; float: left; background: #fff; line-height: 50px; margin-bottom: 2px; padding-left: 15px;}
.company-outline2{width:643px; height: 100px; float: right; background: #fff; line-height: 20px; margin-bottom: 2px; padding-left: 10px;}

.access-map{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}




/*代表挨拶*/
#greeting-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/greeting-top.jpg); background-size:cover;}

.ceo-greeting{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.greeting-area{width:780px; height: 1500px; float: left; margin: 10px 0px 30px 0px; background: url(../images/greeting-bg.png) no-repeat; background-size: contain;}
.message{width:660px; height: 600px; float: left; margin: 735px 40px 0px 70px; font-size: 14px; letter-spacing: 0.1em;}





/*代理店募集*/
#agents-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/agents-top.jpg); background-size:cover;}

.agents-wanted{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.agents-area{width:780px; height: auto; float: left; margin: 10px 0px 30px 0px; background: #fff; padding: 0;}
	.agents-title{width:760px; height: 30px; float: left; margin:20px 10px 0px 0px;}
	.agents-title img{width:120px; height: 30px; float: right; margin:0; padding: 0;}
	.agents-title h3{font-size:26px; line-height: 30px; display: inline; padding: 0;}
	.agents-image{width: 760px; height: 150px; float: left; margin: 10px 10px 10px 10px;}
	.agents-text{width:720px; height: 120px; float: left; margin: 0px 30px 10px 30px;}

	.agents-6merit-title{width:740px; height: 80px; float: left; margin: 10px 20px 10px 20px;}
	ul.merit-list{width:740px; height: 330px; float: left; margin:0px 20px 40px 20px; padding: 0;}
	ul.merit-list li{width:360px; height: 100px; float: left; margin-bottom: 10px;}
	ul.merit-list li.merit-r{width:360px; height: 100px; float: right; margin: 0px 0px 10px 20px;}
	ul.merit-list li h4{display:inline; padding: 0; margin: 0;}

	.agents-support-title{width:740px; height: 80px; float: left; margin: 10px 20px 10px 20px;}
	.support-text{width:720px; height: 70px; float: left; margin: 0px 30px 10px 30px;}
	ul.support-list{width:740px; height: 820px; float: left; margin:0px 20px 40px 20px; padding: 0;}
	ul.support-list li.sup1{width:360px; height: 300px; float: left; margin-bottom: 10px; background:url(../images/support-bg1.png) no-repeat; background-size: contain;}
	ul.support-list li.sup2{width:360px; height: 300px; float: right; margin: 0px 0px 10px 20px; background:url(../images/support-bg2.png) no-repeat; background-size: contain;}
	ul.support-list li.sup3{width:360px; height: 300px; float: left; margin-bottom: 10px; background:url(../images/support-bg3.png) no-repeat; background-size: contain;}
	ul.support-list li.sup4{width:360px; height: 300px; float: right; margin: 0px 0px 10px 20px; background:url(../images/support-bg4.png) no-repeat; background-size: contain;}
	ul.support-list li.sup5{width:740px; height: 200px; float: left; margin: 0px 0px 10px 0px; background:url(../images/support-bg5.png) no-repeat; background-size: contain;}

	.support-title{font-size:20px; font-weight: bold; color: crimson; text-align: center; padding: 180px 20px 5px 20px;}
	.support-description{font-size:14px; padding: 0px 20px 0px 20px;}
	.support-title2{font-size:20px; font-weight: bold; color: crimson; text-align: left; padding: 20px 20px 5px 380px;}
	.support-description2{font-size:14px; padding: 0px 20px 0px 380px;}

	.agents-contact{width:640px; height: 150px; float: left; margin: 0px 70px 50px 70px; background: url(../images/agents-contact-bg.png) no-repeat; background-size: contain;}
	ul.agents-contact-select{width:570px; height: 50px; float: left; margin: 90px 35px 0px 35px;}
	ul.agents-contact-select li{width:275px; height: 50px; float: left;}
	ul.agents-contact-select li.acs-r{width:275px; height: 50px; float: right; margin: 0px 0px 0px 20px;}




/*採用情報*/
#recruit-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/recruit-top.jpg); background-size:cover;}

.recruit-main{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.recruit-area{width:780px; height: auto; float: left; margin: 10px 0px 30px 0px; background: #fff;}
.recruit-message{width:740px; height: auto; float: left; margin: 30px 20px 30px 20px; }
p.message-title{font-size:30px;  color: #023C8E;}
p.message-title-jp{font-size:20px; font-weight: bold;  color: #000;}
.recruit-info{width:740px; margin: 20px 0px 10px 0px; line-height:40px; color: #023C8E;}

.recruit-about{width:740px; height: auto; float: left; margin: 10px 20px 30px 20px;}
p.rec-about-title{font-size:30px; text-align: center; letter-spacing: 0.2em; color: #023C8E;}

table.type01 {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
}
table.type01 th {
	width: 250px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	color: #023C8E;
	border: 2px solid #023C8E;
	text-align: left;
}
table.type01 td {
	width: 450px;
	padding: 10px;
	color: #023C8E;
	vertical-align: top;
	border: 2px solid #023C8E;
}





/*お問い合わせ*/
#contact-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/contact-top.jpg); background-size:cover;}
.contact-us{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.contact_form{width:780px; height:550px; float:left; margin:10px 0px 30px 0px;}
.form_set{width:780px; height:auto; margin:auto;}

	/*form css*/
	#formWrap {
		width:780px;
		margin:0 auto;
		color:#000;
		line-height:200%;
		font-size:90%;
	}
	table.formTable {
		width:100%;
		margin:0 auto;
		border-collapse:collapse;
	}
	table.formTable td, table.formTable th {
		border:1px solid #ccc;
		padding:10px;
		background: #fff;
	}
	table.formTable th {
		width:30%;
		color: #fff;
		font-weight:normal;
		background:#023C8E;
		text-align:left;
	}







/*個人情報保護方針*/
#privacy-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/privacy-top.jpg); background-size:cover;}
.privacy-policy{width:780px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.privacy-section{width:750px; height: auto; float: left; margin: 10px 0px 50px 30px; font-size:14px;}
.privacy-title{width:750px; height: 40px; float: left; font-size:16px; font-weight: bold; color:black; line-height: 40px;}
.privacy-section hr{ width:680px; height: 1px; float: left; border: 0.5px dotted #333; padding: 0; margin: 0;}



/*サイトマップ*/
#sitemap-top{width:100%; height: 350px; margin: auto; min-width: 1000px; background: url(../images/sitemap-top.jpg); background-size:cover;}
.site-map{width:1000px; height: 40px; font-size: 28px; line-height: 40px; float: left; border-bottom:#A2A2A2 0.5px solid;}
.sitemap-title{width:1000px; height: 40px; float: left; font-size:18px; font-weight: bold; color:black; line-height: 40px;}
.sitemap-section{width:1000px; height: auto; margin: auto; margin:0;}
ul.sitemap-menu{width:1000px; height: 50px; float: left; margin:0px 0px 10px 0px; padding: 0;}
ul.sitemap-menu li{width:200px; height: 50px; float: left; margin: 0px 15
	px 10px 0px;}