@charset "UTF-8";
/* CSS Document */
/****************************************************************************
	body設定
*****************************************************************************/
body{
	color: #4d4d4d;
	font-size: 14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 25px;
	text-align: center;
}
a{
color: #4d4d4d;
text-decoration: none;
}
a:hover{
color: #4d4d4d;
text-decoration: underline;
}

h2,h3,h4{text-align: left;}

img {
	margin: 0  ;
padding: 0;}
#container{
margin: 0 auto ;
padding: 0;
text-align: center;
}

/****************************************************************************
	コンテンツ設定
*****************************************************************************/

/*	ヘッダー
----------------------------------------------------------------------------*/
h1{
	width:450px;
	height:37px;
	font-size: 12px;
	line-height:37px;
	text-align: left;
	margin: 0;
	float:left;
}
#head{
	width:1000px;
	height:105px;
	margin: 0 auto ;
	padding: 0;
	background-image:url(../img/common/navi_back.png);
	background-position:center;
	background-repeat:no-repeat;
}
#head_in{
	width: 936px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	}
#head_logo {
	width:260px;
	margin-top:0;
	text-align: center;
	float:left;
}
#head_tel {
	width:135px;
	text-align:left;
	float:right;
	margin:7px 0 0 0;
	visibility: hidden; /* 非表示にする 2020.11.25追加 */
}
#head_time{
	width:134px;
	color:#0070b1;
	font-size:10px;
	line-height:14px;
	padding-left:8px;
	float:right;
	margin:6px 0 0 0;
	visibility: hidden; /* 非表示にする 2020.11.25追加 */
}
#head_inqu {
	width:125px;
	height:33px;
	float:right;
	margin-left:20px;}
/*	グローバルナビ
----------------------------------------------------------------------------*/
#gnavi{
	width: 612px;
	margin: 0 ;
	height:50px;
	float:right;
}
#gnavi li{
	float: left;
	margin: 0 2px 0 0;
	height:50px;
}
#gnavi li ul li{
	float: left;
	margin: 0 ;
	border-top:1px solid #fff;
	
}
#gnavi li ul{
  display: none;
}
#gnavi li:hover ul{
  display: block;
}
/*	メニューバー
----------------------------------------------------------------------------*/
.dropmenu{
  *zoom: 1;
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.dropmenu:after{
  clear: both;
}
.dropmenu li{
  position: relative;
 float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
.dropmenu li a{
  display: block;
  margin: 0;
  padding: 0;
  color: #fff;
  font-size: 14px;
  text-decoration: none;
}
.dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.dropmenu li ul li{
  width: 100%;
}
.dropmenu li ul li a{
	height:36px;
	padding: 7px 5px;
  border-top: 1px solid # fff;
  background: #000;
  filter:alpha(opacity=60);
     -moz-opacity:0.6;
     -khtml-opacity: 0.6;
     opacity:0.6;
  text-align: left;
}
.dropmenu li:hover > a{
	
  /*background: #000;*/
}
.dropmenu li a:hover{
	text-decoration:underline;
 /* background: #888;*/
}

/*	フッター
----------------------------------------------------------------------------*/
#footer{
	color: #fff;
	height:174px;
	background:#4d4d4d;
	}
#footer_in{
	width: 680px;
	margin: 15px auto 0 auto;
	padding: 0;
	font-size:12px;
	text-align:center;
	color:#fff;
	}
.footer_logo {
	width:277px;
	text-align: right;
	float:left;
	height:49px;
	margin-right:15px;
}
.footer_add {
	width: 354px;
	font-size: 12px;
	height:49px;
	line-height:49px;
	padding-left:10px;
	float:left;
	text-align:left;
	}
.footer_name {
	width:277px;
	text-align: right;
	float:left;
	height:30px;
	margin-right:15px;
}
.footer_tel {
	/*width: 374px;*/
	width: 380px;
	font-size: 9px;
	line-height:30px;
	height:30px;
	text-align:left;
	float:left;
}
.footer_tel img {
	margin-right:10px;
	float:left;}


.pagetop{text-align: right; margin: 40px auto 20px auto; width:980px;}


/*	共通
----------------------------------------------------------------------------*/
.style_bold {
	font-weight:bold;}
.style_right {
	text-align:right;
	}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}
.mb30{margin-bottom: 30px;}
.mb50{margin-bottom: 50px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt50{margin-top: 50px;}
.ml10{margin-left: 10px;}
.ml20{margin-left: 20px;}
.ml30{margin-left: 30px;}
.ml50{margin-left: 50px;}
.ml60{margin-left: 60px;}
.mr10{margin-right: 10px;}
.mr20{margin-right: 20px;}
.mr30{margin-right: 30px;}
.mr50{margin-right: 50px;}
.center{text-align: center;}
.clear{clear: both; overflow: hidden; margin:  auto;}
.int10 {
	text-indent:-1em;
	padding-left:1em;
}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font15 {font-size:15px;}
.font16 {font-size:16px;}
.font17 {font-size:17px;}
.font18 {font-size:18px;}
.space {
	letter-spacing: normal;
}
button{ background-color:transparent; border:none; padding:0; }
/*	共通
----------------------------------------------------------------------------*/
#contents_top{
	margin:  0 auto;
	padding: 0;
	background-image:url(../img/top/body_back.png);
	background-repeat:no-repeat;
	background-position:center;
	background-color:#4388eb;
}
#contents{
	width:1000px;
	margin: 0 auto;
	padding: 0 0 40px 0;
	
}

#main {
	width:980px;
	text-align:center;
	margin:auto;
	}
.title {
	width:980px;
	margin: 45px auto;
	height:45px;
	text-align:center;
	font-size:21px;
	line-height:45px;
	font-weight:bold;
	background-image:url(../img/top/title.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#fff;}
.title_s {
	width:930px;
	margin: 30px auto;
	height:37px;
	text-align:center;
	font-size:19px;
	line-height:37px;
	font-weight:bold;
	background-image:url(../img/top/title_s.png);
	background-repeat:no-repeat;
	background-position:center;
	color:#fff;}
	
.bar {width:980px;
	margin: 0 ;}


/*　TOP
----------------------------------------------------------*/
.top_img {
	position:relative;
	width:980px;
	
	margin:0 auto;
	}
.top_img_comm {
	position: absolute;
	text-align: left;
	font-size: 14px;
	line-height: 24px;
	width: 575px;
	left: 133px;
	top: 131px;
	z-index: 10;
	height: 58px;
}
.top_img_comm1 {
	position: absolute;
	width: 127px;
	left: 21px;
	top: 399px;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	z-index: 60;
}	
.top_img_comm2 {
	position: absolute;
	width: 134px;
	left: 669px;
	top: 235px;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	z-index: 70;
}
.top_img_comm3 {
	position: absolute;
	width: 146px;
	left: 824px;
	top: 296px;
	font-size: 11px;
	line-height: 17px;
	text-align: center;
	height: 64px;
	z-index: 80;
}
.top_img_a {
	position: absolute;
	width: 345px;
	z-index: 10;
	left: 6px;
	top: 369px;
}
.top_img_b {
	position: absolute;
	width: 310px;
	z-index: 20;
	left: 502px;
	top: 200px;
}
.top_img_c {
	position: absolute;
	width: 365px;
	z-index: 30;
	left: 621px;
	top: 338px;
}
.top_img_c_balloon {
	position: absolute;
	width: 150px;
	z-index: 31;
	left: 819px;
	top: 275px;
}
.top_img_d {
	position: absolute;
	width: 146px;
	z-index: 40;
	left: 613px;
	top: 411px;
}
.top_img_e {
	position: absolute;
	width: 146px;
	z-index: 50;
	left: 336px;
	top: 318px;
}
.top_news_box {
	border: 1px solid #b9b9b9;
	padding: 3px;
	margin:  20px ;
	text-align: left; 
	width: 689px;
	height:254px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	background: #fff;
	behavior: url(../pie/PIE.htc);
	float:left;}

.top_new_comm {
	padding:20px;}
.top_new_comm dl{
	width:619px;
	margin:5px 20px; 
	height:214px; 
	overflow:hidden;;
}
.top_new_comm dt em{
	color:#ff0000;
	margin-right:0;
}
.top_new_comm dt {width:120px;
padding: 5px 0 ;
float:left;
border-bottom:#666 dotted 1px;
}
.top_new_comm dd{
	width:497px;
	padding: 5px 0;
	float:left;
	border-bottom:#666 dotted 1px;
}
.top_dl_box {
	background-repeat:repeat-x;
	padding: 15px 3px;
	margin:20px 0;
	text-align: left; 
	width: 212px;
	height:230px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#c9eaff), to(#4397FF));
background: -webkit-linear-gradient(#c9eaff, #4397FF);
background: -moz-linear-gradient(#c9eaff, #4397FF);
background: -ms-linear-gradient(#c9eaff, #4397FF);
background: -o-linear-gradient(#c9eaff, #4397FF);
background: linear-gradient(#c9eaff, #4397FF);
-pie-background: linear-gradient(#c9eaff, #4397FF);
	behavior: url(../pie/PIE.htc);
	float:left;}

.top_link {
	margin:auto;
	padding:0 5px;}
.top_seo {
width:960px;
margin:20px auto 20px auto;
font-size:15px;
line-height:24px;
text-align:left;}
/*　会社概要
----------------------------------------------------------*/
.comp_aisatsu_box {
	width:854px;
	margin:30px auto;}
.comp_aisatsu_box_img {
	float:right;}
.comp_aisatsu_box_text {
	width:100%;
	padding:20px 0 0 0;
	text-align:left;
	float:left;}
.comp_aisatsu_name {
	font-size:19px;
	text-align:right;}
.comp_rinen {
	width:920px;
	font-size:17px;
	text-align:center;
	margin:30px auto;}
.top_kanri {
	width:954px;
	margin:auto;
	position:relative;}
.top_kanri_text1 {
	position: absolute;
	width: 792px;
	left: 80px;
	top: 26px;
	font-size: 24px;
	text-align:center;
}	
.top_kanri_text2 {
	position: absolute;
	width: 206px;
	left: 98px;
	top: 323px;
	font-size: 17px;
	text-align: left;
}
.top_kanri_text3 {
	position: absolute;
	width: 157px;
	left: 463px;
	top: 323px;
	font-size: 17px;
	text-align: left;
}
.top_kanri_text4 {
	position: absolute;
	width: 148px;
	left: 780px;
	top: 323px;
	font-size: 17px;
	text-align: left;
	height: 27px;
}
.top_comp {
	width: 754px;
	margin:10px auto;
}
.top_comp_top_l {
	width:158px;
	padding:6px 0 6px 22px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	color:#fff;
	background-color:#496ca7;
	background-image:url(../img/top/comp_icon.png);
	background-repeat:no-repeat;
	background-position:left;
	border-bottom: 1px solid #fff;
	}
.top_comp_top_r {
	padding:6px 0 6px 12px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	border-top: 1px solid #929292;
	border-right: 1px solid #929292;
	border-bottom: 1px solid #929292;
	}
.top_comp_body_l {
	width:158px;
	padding:6px 0 6px 22px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	color:#fff;
	background-color:#496ca7;
	border-bottom: 1px solid #fff;
	background-image:url(../img/top/comp_icon.png);
	background-repeat:no-repeat;
	background-position:left;
	}
.top_comp_body_r {
	padding:6px 0 6px 12px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	border-right: 1px solid #929292;
	border-bottom: 1px solid #929292;
	}
.top_comp_top_e {
	padding:6px 0 6px 12px;
	font-size:14px;
	line-height:26px;
	text-align:center;
	border-top: 1px solid #929292;
	border-right: 1px solid #929292;
	border-bottom: 1px solid #929292;
	background-color:#e7eef8;
	widows:160px;
	}
.top_comp_body_e {
	padding:6px 0 6px 12px;
	font-size:14px;
	line-height:26px;
	text-align:center;
	border-right: 1px solid #929292;
	border-bottom: 1px solid #929292;
	background-color:#e7eef8;
	widows:160px;
	}
.top_enkaku {
	width: 770px;
	margin:20px auto 80px auto;
	text-align:left;
}
/*　業務実績
----------------------------------------------------------*/
.works_doboku_box {
	width:930px;
	margin:30px auto 50px auto;}
.works_doboku_img {
	float:right;
	margin:0 40px 0 0;}
.works_doboku_text {
	width:540px;
	padding: 0;
	text-align:left;
	float:left;}
.works_doboku_title {
	font-size:20px;
	text-align:left;}
.works_doboku_blue {
	width:490px;
	margin: 10px 0 10px 0;
	padding:22px;
	text-align:left;
	font-size:14px;
	line-height:23px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #ddeaff;
	behavior: url(../pie/PIE.htc);
	}
.works_doboku_img2 {
	widows:860px;
	margin:0 auto 0 auto;
	position:relative;}
.works_doboku_img2_text1 {
	position: absolute;
	font-size: 16px;
	line-height: 22px;
	color: #fff;
	text-align: left;
	left: 54px;
	top: 95px;
	width: 400px;
	height: 52px;
}
.works_doboku_img2_text2 {
	position: absolute;
	font-size: 19px;
	line-height: 22px;
	color: #fff;
	text-align: left;
	left: 532px;
	top: 102px;
	width: 352px;
	height: 38px;
}
.works_doboku_img2_text3 {
	position: absolute;
	font-size: 13px;
	line-height: 16px;
	color: #e31414;
	text-align: left;
	left: 55px;
	top: 161px;
	width: 418px;
}
.works_doboku_img2_text4 {
	position: absolute;
	font-size: 13px;
	line-height: 16px;
	color: #e31414;
	text-align: left;
	left: 532px;
	top: 160px;
	width: 355px;
	height: 40px;
}
.works_rinen {
	width:920px;
	font-size:17px;
	text-align:center;
	margin:30px auto;}
.work_hanbai_text {
	width:930px;
	margin:15px auto 15px auto;
	text-align:left;}

.work_hanbai_box {
	width:956px;
	margin:30px auto 30px auto;}
.work_hanbai_waku {
	border: 1px solid #b0b0b0;
	padding: 0 0 8px 0;
	margin:0 8px 15px 8px;
	text-align: left; 
	width: 460px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	background: #fffadc;
	behavior: url(../pie/PIE.htc);
	float:left;
	box-sizing:border-box;}

.work_hanbai_title {
	height:50px;
	margin:0 ;
	background:#4d4d4d;
	padding-left:20px;
	line-height:50px;
	font-size:20px;
	text-align:left;
	color:#fff;}
.work_hanbai_title_s {
	padding-left:20px;
	font-size:15px;
	color:#fff;}
.work_hanbai_waku_in {
	padding:15px;
	line-height:22px;
	font-size:15px;	
	text-align:left;}
.work_hanbai_waku img {
	float:right;}	
.work_hanbai_yoto {
	margin-top:20px;
	padding:0;
	line-height:21px;
	font-size:12px;	
	text-align:left;}
.work_hanbai_yoto_icon {
	width:65px;
	height:25px;
	margin:8px 0;
	font-size:16px;
	line-height:25px;
	text-align:center;
	background:#e8e8e8;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	behavior: url(../pie/PIE.htc);
}
.work_hanbai_waku2 {
	border: 1px solid #b0b0b0;
	padding:  0 0 8px 0 ;
	margin:0 8px 15px 8px;
	text-align: left; 
	width: 920px;
	-webkit-box-shadow: #666 0px 0px 10px;
	-moz-box-shadow: #666 0px 0px 10px;
	box-shadow: #666 0px 0px 10px;
	background: #fffadc;
	behavior: url(../pie/PIE.htc);
	position:relative;
	}
.work_hanbai_waku2_icon {
	position: absolute;
	width: 476px;
	left: 473px;
	top: -250px;
	}
.work_hanabi_waku2_text {
	font-size:20px;
	line-height:25px;
	margin-top:10px;}
.work_hanabi_waku2_text_s {
	font-size:15px;
	line-height:25px;}
.work_hanbai_waku2_in {
	float:left;
	margin:0;
	width:190px;
	padding:16px ;
	}
.work_hanbai_bt {
	float:right;
	margin-right:130px;
	margin-left:20px;}
.work_hanbai_bt_text_l {
	font-size:20px;}
.work_hanbai_bt_text_s {
	font-size:13px;}
.work_unpan_title {
	font-size:28px;
	color:#de5a24;
	font-weight:bold;
	margin-bottom:10px;}
.work_unpan_table {
	width:690px;
	margin:20px auto 50px 0;
	position:relative;
	padding-left:30px;}
.work_unpan_table_top_l {
	width:150px;
	padding:6px 0 ;
	font-size:20px;
	text-align:center;
	color:#fff;
	background:#496cac;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #000;
	}
.work_unpan_table_top_r {
	padding:6px 0 6px 12px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	}
.work_unpan_table_body_l {
	width:150px;
	padding:6px 0 ;
	font-size:20px;
	text-align:center;
	color:#fff;
	background:#496cac;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	}
.work_unpan_table_body_r {
	padding:6px 0 6px 12px;
	font-size:14px;
	line-height:26px;
	text-align:left;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	}
.work_unpan_icon1 {
	width: 176px;
	position: absolute;
	left: 586px;
	top: 23px;
}
.work_unpan_icon2 {
	width: 316px;
	position: absolute;
	left: 640px;
	top: -73px;
}
.work_koguchi_img {
	width:891px;
	position:relative;
	margin:auto;}
.work_koguchi_img_text1 {
	position: absolute;
	font-size: 12px;
	line-height: 21px;
	left: 400px;
	top: 68px;
	width: 453px;
	height: 60px;
	text-align: left;
}
.work_koguchi_img_text2 {
	position: absolute;
	font-size: 13.6px;
	line-height: 21px;
	transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	behavior: url(../pie/PIE.htc);
	left: 107px;
	top: 57px;
	text-align: left;
	width: 281px;
}
.work_koguchi_box {
	width:852px;
	margin:15px auto 15px auto;
	text-align:left;}

.work_koguchi_waku {
	width:414px;
	margin:0 24px 0 0;
	position:relative;
	float:left;}
.work_koguchi_waku_r {
	width:414px;
	margin:0 0 0 0;
	position:relative;
	float:left;}
.work_koguchi_title {
	height:33px;
	font-size:18px;
	line-height:33px;
	padding-left:10px;
	background:#666;
	color:#fff;
	margin-bottom:5px;}
.work_koguchi_text_l {
	width:80px;
	float:left;
	font-size:14px;
	line-height:20px;
	margin:5px 5px 0 0;}
.work_koguchi_text_r {
	width:325px;
	float:left;
	font-size:14px;
	line-height:20px;
	margin:5px 0 0 0;}
.work_zando_bold {
	font-size:18.5px;
	font-weight:bold;
	}
.works_zando_waku {
	width:886px;
	margin:20px 32px ;
	}
.works_zando_text {
	border:7px solid #937c52;
	width:740px;
	margin: 0 auto 10px auto;
	padding:32px 50px 32px 50px;
	text-align: left;
	font-size: 18px;
	line-height: 30px;
	-webkit-border-radius: 26px;
	-moz-border-radius: 26px;
	border-radius: 26px;
	behavior: url(../pie/PIE.htc);
	
}
.works_exte_box {
	width:930px;
	margin:30px auto 50px auto;}
.works_exte_img {
	float:right;
	margin:0 0 0 0;}
.works_exte_text {
	width:480px;
	padding: 0;
	text-align:left;
	float:left;}
.works_exte_blue {
	width:356px;
	margin: 0 0 10px 0;
	padding:22px;
	text-align:left;
	font-size:14px;
	line-height:23px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	background: #ddeaff;
	behavior: url(../pie/PIE.htc);
	}
.works_exte_sekou_img {
	width:302px;
	float:left;
	margin:10px 12px 30px 0;
	text-align:left;
	line-height:30px;
	}
.works_exte_sekou_img_r {
	width:302px;
	float:left;
	margin:10px 0 30px 0;
	text-align:left;
	line-height:30px;
	}
.z1{
	position:absolute;
	top:10px;
	left:10px;

}