@charset "UTF-8";
/****************************************************************************
	body設定
*****************************************************************************/
body{
	color: #000;
	font-size: 16px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 22px;
	text-align: center;
	background-image:url(../img/common/body_back.png);
	overflow-wrap : break-word;
	
}


a {color: #000;
	text-decoration:none;
	}
a:hover {
	color: #000;
	text-decoration:underline;
	}
img {
	margin: 0  ;
	padding: 0;}

#container{
	width:100%;
	margin: 0  ;
	text-align: center;
	
}
@media only screen and (max-width: 1050px) {
	#container{
	width:1050px;
	margin: 0 auto ;
	text-align: center;
	
}
}
/****************************************************************************
	コンテンツ設定
*****************************************************************************/

/*	ヘッダー
----------------------------------------------------------------------------*/
#header{
	background-image:url(../img/common/head_back.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	background-color:#fff;
	padding:0;
	margin:0;

}
#header_in {
	width:1025px;
	margin: 0 auto ;
	padding: 0 ;
	background-image:url(../img/common/navi.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.home #header_in {
	width:1025px;
	margin: 0 auto ;
	padding: 0 ;
	background-image:url(../img/common/navi_home.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.business #header_in {
	width:1025px;
	margin: 0 auto ;
	padding: 0 ;
	background-image:url(../img/common/navi_business.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.result #header_in {
	width:1025px;
	margin: 0 auto ;
	padding: 0 ;
	background-image:url(../img/common/navi_result.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.company #header_in {
	width:1025px;
	margin: 0 auto ;
	padding: 0 ;
	background-image:url(../img/common/navi_company.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.contact #header_in {
	width:1025px;
	margin: 0 auto ;
	padding: 0 ;
	background-image:url(../img/common/navi_contact.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
.result #header_in {
	width:1025px;
	margin: 0 auto ;
	padding: 0 ;
	background-image:url(../img/common/navi_result.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	}
#head_logo {
	width:420px;
	height:74px;
	margin:0 235px 0 23px;
	float:left;
	}
#head_tel {
	width:283px;
	float:left;
	}
h1{
	width:100%;
	height: 40px;
	margin:  0;
	font-size: 12px;
	line-height:40px;
	padding-left:23px;
	text-align: left;
}





/*	グローバルナビ
----------------------------------------------------------------------------*/

.navi{
  width:1025px;
	margin:  14px 0 0 0  ;
	display:block;
}
.navi:before, .navi:after{
  content: "";
  display: table;
}
.navi:after{
  clear: both;
}

.navi ul {
	width:1015px;
	margin: auto;
	height:50px;
	padding: 15px 5px 0 5px;
	}
.navi li{
	width:203px;
	
  	float: left;
  	display: block;
	margin: 0;
	
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	text-align: center;
	color:#ffe100;
	text-shadow:
	-1px -1px 0px #595757,
	1px -1px 0px #595757,
	1px 1px 0px #595757,
	-1px 1px 0px #595757;
 
}
.navi li span {
	font-size:12px;
	}
.navi li a{
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	text-align: center;
	color:#fff;
	text-shadow:
	-1px -1px 0px #005fad,
	1px -1px 0px #005fad,
	1px 1px 0px #005fad,
	-1px 1px 0px #005fad;
	text-decoration: none;
	}

.navi li a:hover{
	color:#ffe100;
	text-shadow:
	-1px -1px 0px #595757,
	1px -1px 0px #595757,
	1px 1px 0px #595757,
	-1px 1px 0px #595757;
	text-decoration: none;
}


/*	フッター
----------------------------------------------------------------------------*/
#footer{
	background-image:url(../img/common/foot_back.png);
	background-repeat:repeat-x;
	background-size:auto 100%;
	margin:0;
	padding:31px 0 13px 0;
	}
#footer_in {
	width:960px;
	margin:auto;
	}
#footer_logo {
	width:520px;
	margin:0 0 0 0;
	float:left;
	}
#footer_logo img {
	width:450px;
	margin:0 70px 10px 0;
	}
#footer_logo p {
	font-size:19px;
	line-height:23px;
	text-align:left;
	color:#fff;
	padding-left:86px;
	}
#footer_map {
	width:398px;
	float:right;
	text-align:right;
	}
#footer_map a {
	font-size:16px;
	line-height:26px;
	color:#fff;
	text-align:right;
	}
#footer_link {
	height:44px;
	line-height:44px;
	font-size:16px;
	text-align:center;
	margin:auto;
	padding: 0;
	color:#005fad;
	}
#footer_link a {
	color:#005fad;
	text-decoration:none;
	}
#footer_link a:hover {
	color:#005fad;
	text-decoration:underline;
	}
#footer_copy{
	height:50px;
	font-size:12px;
	line-height:50px;
	padding: 0;
	text-align:center;
	background-color:#5c5751;
	color:#fff;
	}
.page_top {
	width: 66px;
	position: fixed;
	right: 0;
	bottom: 340px;
	z-index:100;
}


/*	共通
----------------------------------------------------------------------------*/

.center{text-align: center;}
.clear{clear: both; overflow: hidden; margin:  auto;}
.int10 {
	text-indent:-1em;
	padding-left:1em;
}
.clearfix:after { content:"."; display:block; clear:both; height:0; visibility:hidden; }
.clearfix { display:inline-block; }

/*	共通
----------------------------------------------------------------------------*/

#contents{
	width:1040px;
	margin:  0 auto;
	padding:1px 0 1px 0 ;
	background-color:#fff;
}

.title {
	width:870px;
	height:44px;
	margin:50px auto 30px auto;
	text-align:left;
	font-size:18px;
	line-height:44px;
	font-weight:bold;
	padding:0 0 2px 30px;
	background-image:url(../img/common/title.png);
	background-repeat:no-repeat;
	background-position:left;
	}

/*　TOP
----------------------------------------------------------*/
.slider_wrapp {
	background-image:url(../img/top/slide_back.jpg);
	background-repeat:repeat-y;
	background-position: center;
	padding:10px 0 35px 0;
	margin:0;
	}
.top_news {
	width:607px;
	margin:50px 0 0 22px;
	float:left;
	}
.top_news_title {
	width:577px;
	height:44px;
	margin:0 auto;
	text-align:left;
	font-size:18px;
	line-height:44px;
	font-weight:bold;
	padding:0 0 3px 30px;
	background-image:url(../img/top/news_title.png);
	background-repeat:no-repeat;
	background-position:left;
	}
.top_news_cont {
	width:607px;
	height:225px;
	background-image:url(../img/top/news_bar.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	}
.top_news_list {
	font-size:14px;
	text-align:right;
	color:#005fad;
	margin-top:5px;
	}
.top_news_list a {
	color:#005fad;
	text-decoration:none;
	}
.top_news_list a:hover {
	color:#005fad;
	text-decoration:underline;
	}
.top_bt {
	width:311px;
	margin:88px 36px 0 0;
	float:right;
	}
.top_bt img {
	margin-bottom:15px;
	}
.top_point {
	width:760px;
	margin:50px auto 15px auto ;
	}
.top_point img {
	width:184px;
	float:left;
	margin:0 16px 0 0;
	}
.top_point_read {
	font-size:31px;
	font-weight:bold;
	line-height:42px;
	text-align:left;
	color:#005fad;
	margin:30px 0 10px 0;
	}
.top_point_text {
	font-size:16px;
	line-height:29px;
	color:#005fad;
	text-align:left;
	}
.top_point_text span {
	background-image:url(../img/top/point_text.png);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 5px 0;
	}
.top_point_comm {
	font-size:20px;
	font-weight:bold;
	line-height:35px;
	color:#005fad;
	text-align:center;
	}
.top_point_bt {
	width:225px;
	margin:25px auto;
	}
.top_title {
	width:950px;
	height:44px;
	margin:30px auto 45px auto;
	text-align:left;
	font-size:18px;
	line-height:44px;
	font-weight:bold;
	padding:0 0 0 30px;
	background-image:url(../img/top/title.png);
	background-repeat:no-repeat;
	background-position:left;
	}
.top_link {
	width:900px;
	margin:30px auto 0 auto;
	}
.top_link_l {
	width:216px;
	float:left;
	margin:0 12px 0 0 ;
	padding:0 0 10px 0;
	background-color:#5c5751;
	position:relative;
	}
.top_link_r {
	width:216px;
	float:left;
	margin:0 0 0 0 ;
	padding:0 0 10px 0;
	background-color:#5c5751;
	position:relative;
	}
.top_link_text {
	width:216px;
	position:absolute;
	padding:0 24px 20px 24px;
	text-align:left;
	font-size:22px;
	line-height:22px;
	color:#fff;
	top:158px;
	left:0;
	}
.top_link_title {
	width:192px;
	text-align:center;
	font-size:21px;
	line-height:22px;
	padding:5px 0;
	border-bottom:1px solid #fff;
	margin-bottom:10px;
	position:absolute;
	color:#fff;
	top:158px;
	left:12px;
	}
.top_biz_list {
	padding:30px 0 70px 80px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	line-height:38px;
	color:#005fad;
	}
/*　製品案内
----------------------------------------------------------*/
.business .head_img {
	border-top:1px solid #005fad;
	border-bottom:1px solid #005fad;
	background-image:url(../img/business/head_img.jpg);
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	padding:78px 0;
	}
.biz_box {
	width:844px;
	margin:30px auto 40px auto;
	font-size:16px;
	line-height:22px;
	text-align:left;
	} 
.biz_box img {
	margin-bottom:10px;}
.biz_box_img_l {
	width:270px;
	margin:25px 17px 0 0;
	text-align:center;
	float:left;
	}
.biz_box_img_ll {
	width:270px;
	margin:25px 17px 0 135px;
	text-align:center;
	float:left;
	}
.biz_box_img_r {
	width:270px;
	margin:25px 0 0 0;
	text-align:center;
	float:left;
	}	
/*　施工実績
----------------------------------------------------------*/
.result .head_img {
	border-top:1px solid #005fad;
	border-bottom:1px solid #005fad;
	background-image:url(../img/result/head_img.jpg);
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	padding:78px 0;
	}
.result_link {
	width:800px;
	margin: 0 auto;
	padding-top:40px;
	}
.result_link li {
	width:198px;
	float:left;
	text-align:left;
	font-size:21px;
	color:#005fad;
	padding-bottom:10px;
	}
.result_link li a {
	font-size:21px;
	color:#005fad;
	text-decoration:underline;
	}
.result_box {
	width:920px;
	margin:30px auto 40px auto;
	font-size:16px;
	line-height:22px;
	padding-left:70px;
	text-align:left;
	} 
/*　会社概要
----------------------------------------------------------*/
.company .head_img {
	border-top:1px solid #005fad;
	border-bottom:1px solid #005fad;
	background-image:url(../img/company/head_img.jpg);
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	padding:78px 0;
	}
.comp_table1 {
	width:700px;
	margin:40px auto;
	}
.comp_table1 table {
	border-top:1px dotted #828282;
	}
.comp_table1 th {
	width:180px;
	padding:14px 20px;
	text-align:left;
	font-size:16px;
	line-height:22px;
	border-bottom:1px dotted #828282;
	}
.comp_table1 td {
	padding:14px 20px;
	text-align:left;
	font-size:16px;
	line-height:22px;
	border-bottom:1px dotted #828282;
	}
.comp_comm {
	width:630px;
	margin:40px auto;
	font-size:16px;
	line-height:22px;
	text-align:left;
	}
.comp_comm p {
	font-size:26px;
	font-weight:bold;
	margin:0 0 15px 0;
	color:#005fad;
	}
.comp_table2 {
	width:575px;
	margin:40px auto;
	}
.comp_table2 table {
	border-top:1px dotted #828282;
	}
.comp_table2 th {
	width:385px;
	padding:14px 20px;
	text-align:left;
	font-size:16px;
	line-height:22px;
	border-bottom:1px dotted #828282;
	}
.comp_table2 td {
	padding:14px 20px 14px 0;
	text-align:right;
	font-size:16px;
	line-height:22px;
	border-bottom:1px dotted #828282;
	}
.comp_table2_img {
	width:575px;
	margin:40px auto 0 auto;
	}
.comp_comm2 {
	width:730px;
	margin:40px auto;
	font-size:26px;
	line-height:39px;
	font-weight:bold;
	text-align:left;
	color:#005fad;
	}
.comp_comm2 img {
	width:708px;
	margin:30px auto;
	font-size:26px;
	line-height:39px;
	font-weight:bold;
	text-align:left;
	}
.comp_table3_title {
	font-size:20px;
	line-height:39px;
	text-align:left;
	}
.comp_table3_title span {
	font-size:16px;
	line-height:39px;
	text-align:left;
	}
.comp_table3 {
	width:700px;
	margin:40px auto 0 auto;
	}
.comp_table3 table {
	border-top:1px dotted #828282;
	}
.comp_table3 th {
	width:430px;
	padding:14px 20px;
	text-align:left;
	font-size:16px;
	line-height:22px;
	border-bottom:1px dotted #828282;
	}
.comp_table3 td {
	padding:14px 20px 14px 0;
	text-align:right;
	font-size:16px;
	line-height:22px;
	border-bottom:1px dotted #828282;
	}
.comp_comm3 {
	width:660px;
	margin:20px auto 60px;
	font-size:16px;
	line-height:22px;
	text-align:left;
	color:#e50012;
	}
.comp_comm4 {
	width:500px;
	margin:30px auto 60px auto;
	font-size:22px;
	line-height:32px;
	text-align:center;
	}
.comp_comm4 span {
	font-size:14px;
	}
.comp_comm4 p {
	font-size:30px;
	font-weight:bold;
	text-align:center;
	margin: 8px 0;
	color:#005fad;
	}
.left-combox-1 {
float:left;
margin-right:20px;
margin-left:100px;
text-align:left;
width:640px;
}
.left-combox-2 {
float:left;
width:220px;
}	
.com_img01 {
border:solid 1px #cccccc;
padding:3px;
}
	
	
	
/*　お問い合わせ
----------------------------------------------------------*/
.contact .head_img {
	border-top:1px solid #005fad;
	border-bottom:1px solid #005fad;
	background-image:url(../img/contact/head_img.jpg);
	background-repeat:no-repeat;
	background-position:center;
	overflow:hidden;
	padding:78px 0;
	}
.contact_comm {
	font-size:26px;
	font-weight:bold;
	line-height:39px;
	text-align:center;
	margin:20px auto 50px auto;
	color:#005fad;
	}
.contact_tel {
	width:646px;
	margin:40px auto 40px auto;
	text-align:center;
	}
.contact_tel img {
	margin-bottom:25px;
	}
.contact_comm2 {
	width:650px;
	margin:0 auto;
	font-size:16px;
	line-height:22px;
	text-align:left;
	}
.contact_red {
	width:3em;
	padding:1px 3px;
	background-color:#d41133;
	font-size:16px;
	text-align:center;
	color:#fff;
	}

.contact_table {
	width:700px;
	margin:40px auto 70px auto;
	text-align:left;
	}
.contact_table table {
	margin:16px 0 0 0;
	border-top:1px solid #231815;
	}
.contact_table th {
	width:130px;
	font-size:16px;
	text-align:left;
	padding:17px 10px;
	border-bottom:1px solid #231815;
	vertical-align:top;
	}	
.contact_table td {
	padding:15px 5px;
	text-align:left;
	border-bottom:1px solid #231815;
	vertical-align:top;
	}
 .submit_btn {
	border: none;
	margin:30px 30px ;
    	width: 225px;
    	height: 62px;
	background: url(../img/contact/send.png) no-repeat;
	cursor:pointer;
	cursor:hand;
	}
 .submit_btn:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	}
 .reset_btn {
	border: none;
	margin:30px 20px ;
    	width: 225px;
    	height: 62px;
	background: url(../img/contact/reset.png) no-repeat;
	cursor:pointer;
	cursor:hand;
	}
 .reset_btn:hover{
	filter:alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
	}
.form_style {
	width:96%; 
	height:30px;
	padding:5px  ;
	margin:0 2%;
	vertical-align:middle; 
	font-size:16px; 
	border:1px solid #b5b5b6;
	box-sizing:border-box;
	}
.form_style_s {
	width:60%; 
	height:30px;
	padding:5px  ;
	margin:0 2%;
	vertical-align:middle; 
	font-size:16px; 
	border:1px solid #b5b5b6;
	box-sizing:border-box;
	}
.form_style_tarea{
	width:96%; 
	height:220px; 
	padding:5px ;
	margin:0 2%;
	vertical-align:middle; 
	font-size:16px; 
	border:1px solid #b5b5b6;
	box-sizing:border-box;
	}