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

/* □■□ 基本タグ設定【対象タグ：body, a, p, h1】 □■□ */

body{
	padding:0;
	margin:0;
	background-color:#FFFFFF;
	background-image:url(img/back.jpg);
	color:#333333;
}

h1{
	margin:0;
	padding:2px 0 2px 0;
	font-size:80%;
	font-weight:normal;
	color:#333333;
}

/* h2タグ */


h2.s_out01{
	background:url(img/s_out_01.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.s_out02{
	background:url(img/s_out_02.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.s_out03{
	background:url(img/s_out_03.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.s_out04{
	background:url(img/s_out_04.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}	

h2.s_out05{
	background:url(img/s_out_05.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}	



h2.s_com01{
	background:url(img/s_com_02.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.s_com02{
	background:url(img/s_com_03.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.s_com03{
	background:url(img/s_com_04.jpg) no-repeat;
	width:360px;
	height:33px;
	text-indent:-9999px;
}

h2.s_com04{
	background:url(img/s_com_05.jpg) no-repeat;
	width:360px;
	height:33px;
	text-indent:-9999px;
}	
	

h2.k_res01{
	background:url(img/k_res_01.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.k_res02{
	background:url(img/k_res_02.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.k_res03{
	background:url(img/k_res_03.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}


h2.k_his01{
	background:url(img/k_his_01.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.k_his02{
	background:url(img/k_his_02.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.k_his03{
	background:url(img/k_his_04.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.k_com01{
	background:url(img/k_com_05.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.k_com02{
	background:url(img/k_com_06.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.k_com03{
	background:url(img/k_com_08.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}
	
h2.con01{
	background:url(img/con_01.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2{padding:0; margin:0 0 10px 0;}	
h3{padding:0; margin:0 0 10px 0;}
h4{padding:0; margin:0;}

p{ line-height:150%; padding:0; margin:0;}
p#topspace{ padding:10px 0 0 0; margin:0;}
p#bottomspace{ padding:0 0 20px 0; margin:0;}

ul{margin:0; padding:0; list-style:none;}
li{margin:0; padding:0; list-style:none;}
a{outline:none;}

.topspace{margin:0; padding:10px 0 0 0;}

form{margin:0; padding:0 0 20px 0}


/* □■□ 基本設定【対象クラス：wrap, header関連, グローバルメニュー】 □■□ */

.wrap{
	width:800px;
	padding:0x;
	margin:0 auto;
	background:url(img/bg.jpg) top left repeat-y;
}


/* ヘッダー関連 */

.header{
	width:760px;
	margin:0 auto 10px auto;
	padding:6px 0;
	border-top:#0050F0 solid 5px;
	border-bottom:#BFD3FB solid 3px;
	background-color:#FFFFFF;
	position:relative;
}

.header:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

#logo{
	margin:0;
	padding:0 0 0 10px;
	float:left;
}

#header{
	margin:0;
	padding:30px 10px 0 0px;
	width:410px;
	float:right;
}


/* □■□ グローバルメニュー □■□ */

.gmenuArea{
	width:740px;
	height:33px;
	padding:0;
	/*margin-bottom:3px;*/
	margin:0 30px;
	position:relative;
	z-index:1;
}

ul.gmenu{
	padding:0;
	margin:0;
	list-style:none;
	display: flex;
	align-items: center;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
}

.gmenu li{
	padding:0;
	margin:0;
	width: calc(100% / 5);
	height:33px;
	text-align: center;
	position: relative;
	border-right: 1px solid #999999;
	border-left: 1px solid #E6E6E6;
	box-sizing: border-box;
}
.gmenu li:first-child {
	border-left: none;
}
.gmenu li:last-child {
	border-right: none;
}

.gmenu li a{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-decoration: none;
	font-size: 14px;
	color: #333;
	background: linear-gradient(
		to bottom,
		#fafafa 0%,
		#f4f4f4 18%,
		#eeeeee 58%,
		#ffffff 92%,
		#ffffff 100%
	);
}

.gmenu li a:hover{
	background: linear-gradient(
		to bottom,
		#fcfcfc 0%,
		#fefefe 18%,
		#efefef 58%,
		#ffffff 92%,
		#ffffff 100%
	);
}

.gmenu li#top{
	border-top: 2px solid #0050F0;
}
.gmenu li#dk{
	border-top: 2px solid #ADDE9D;
}
.gmenu li#dt{
	border-top: 2px solid #F7C796;
}
.gmenu li#dq{
	border-top: 2px solid #98B7F7;
}
.gmenu li#dr{
	border-top: 2px solid #FF7A4D;
}


.gmenu li#top_act{
	border-top: 2px solid #0050F0;
}
.gmenu li#dk_act{
	border-top: 2px solid #ADDE9D;
}
.gmenu li#dt_act{
	border-top: 2px solid #F7C796;
}
.gmenu li#dq_act{
	border-top: 2px solid #98B7F7;
}
.gmenu li#dr_act{
	border-top: 2px solid #FF7A4D;
}


.gmenu li#top_act a{
	color: #0050F0;
}
.gmenu li#dk_act a{
	color: #ADDE9D;
}
.gmenu li#dt_act a{
	color: #F7C796;
}
.gmenu li#dq_act a{
	color: #98B7F7;
}
.gmenu li#dr_act a{
	color: #FF7A4D;
}


.gmenu li#top:hover{
	border-top: 2px solid #0050F0;
}
.gmenu li#dk:hover{
	border-top: 2px solid #ADDE9D;
}
.gmenu li#dt:hover{
	border-top: 2px solid #F7C796;
}
.gmenu li#dq:hover{
	border-top: 2px solid #98B7F7;
}
.gmenu li#dr:hover{
	border-top: 2px solid #FF7A4D;
}



/*#############################################################*/

.gmenuArea dl.sub{
	margin:0;
	padding:0;
	width: 100%;
	list-style:none;
	background-color: #FFFFFF;
	border-radius: 0 0 5px 5px;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
	overflow: hidden;
}
.sub dt{
	margin:0;
	padding:0;
	width:100%;
}
.sub a.sublink{
	margin:0;
	padding:8px 0;
	width:100%;
	display:block;
	font-size: 12px;
	text-decoration: none;
	color: #333!important;
	border-top: 1px solid #E6E6E6;
	border-bottom: 1px solid #999999;
}

/*----------------------------------------------------------
  PULL DOWN MENU
  ----------------------------------------------------------*/
/*----------1.1------------*/
/*
.sub dt#dk_01{
	background-image:url(img/gmanu_p01_01.jpg);
	height:25px;
	background-position:top left;
	background-repeat:no-repeat;
}
.sub dt#dk_01 a:hover{
	background:url(img/gmanu_p01_01_on.jpg) no-repeat;
}
*/
/*----------------------*/

/*----------1.2------------*/
/*
.sub dt#dk_02{
	background-image:url(img/gmanu_p01_02.jpg);
	height:25px;
	background-position:top left;
	background-repeat:no-repeat;
}
.sub dt#dk_02 a:hover{
	background:url(img/gmanu_p01_02_on.jpg) no-repeat;
}
*/
/*----------------------*/

/*----------1.3------------*/
/*
.sub dt#dk_03{
	background-image:url(img/gmanu_p01_03.jpg);
	height:25px;
	background-position:top left;
	background-repeat:no-repeat;
}
.sub dt#dk_03 a:hover{
	background:url(img/gmanu_p01_03_on.jpg) no-repeat;
}
*/
/*----------------------*/

/*----------2.1------------*/
/*
.sub dt#ds_01{
	background-image:url(img/gmanu_p02_01.jpg);
	height:25px;
	background-position:top left;
	background-repeat:no-repeat;
}
.sub dt#ds_01 a:hover{
	background:url(img/gmanu_p02_01_on.jpg) no-repeat;
}
*/
/*----------------------*/

/*----------2.2------------*/
/*
.sub dt#ds_02{
	background-image:url(img/gmanu_p02_02.jpg);
	height:25px;
	background-position:top left;
	background-repeat:no-repeat;
}
.sub dt#ds_02 a:hover{
	background:url(img/gmanu_p02_02_on.jpg) no-repeat;
}
*/
/*----------------------*/


.submenuArea_dk{
	width:740px;
	height:25px;
	margin:5px 30px 0 30px;
	padding:0;
	position:relative;
	background-color:#E1F3DC;
	z-index:0;
	top: 2px;
}

.submenuArea_ds{
	width:740px;
	height:25px;
	margin:5px 30px 0 30px;
	padding:0;
	position:relative;
	background-color:#FDEBD9;
	z-index:0;
}

ul.submenu{
	padding:0;
	margin:0;
	list-style:none;
}

.submenu li.sub_k_conpany{
	padding:0;
	margin:0;
	position:absolute;
	width:77px;
	height:19px;
	text-indent:-9999px;
}
.submenu li.sub_k_history{
	padding:0;
	margin:0;
	position:absolute;
	width:49px;
	height:19px;
	text-indent:-9999px;
}
.submenu li.sub_k_results{
	padding:0;
	margin:0;
	position:absolute;
	width:76px;
	height:19px;
	text-indent:-9999px;
}

.submenu li.sub_s_company{
	padding:0;
	margin:0;
	position:absolute;
	width:114px;
	height:19px;
	text-indent:-9999px;
}
.submenu li.sub_s_outline{
	padding:0;
	margin:0;
	position:absolute;
	width:76px;
	height:19px;
	text-indent:-9999px;
}

.submenu a#sublink_k_conpany{
	margin:3px 0 0 0;
	padding:0;
	width:77px;
	height:19px;
	display:block;
}
.submenu a#sublink_k_history{
	margin:3px 0 0 0;
	padding:0;
	width:49px;
	height:19px;
	display:block;
}
.submenu a#sublink_k_results{
	margin:3px 0 0 0;
	padding:0;
	width:76px;
	height:19px;
	display:block;
}

.submenu a#sublink_s_company{
	margin:3px 0 0 0;
	padding:0;
	width:114px;
	height:19px;
	display:block;
}
.submenu a#sublink_s_outline{
	margin:3px 0 0 0;
	padding:0;
	width:76px;
	height:19px;
	display:block;
}


.submenu li#k_conpany{
	left:20px;
	background-image:url(img/k_link_01.jpg);
	background-position:0 6px;
	background-repeat:no-repeat;
}
.submenu li#k_history{
	left:117px;
	background-image:url(img/k_link_02.jpg);
	background-position:0 6px;
	background-repeat:no-repeat;
}
.submenu li#k_results{
	left:186px;
	background-image:url(img/k_link_03.jpg);
	background-position:0 6px;
	background-repeat:no-repeat;
}

.submenu li#s_company{
	left:20px;
	background-image:url(img/s_link_01.jpg);
	background-position:0 6px;
	background-repeat:no-repeat;
}
.submenu li#s_outline{
	left:154px;
	background-image:url(img/s_link_02.jpg);
	background-position:0 6px;
	background-repeat:no-repeat;
}


/* □■□ フッター関連 □■□ */

.footer_top{
	margin:0 auto;
	padding:10px;
	width:740px;
	border-top:#BFD3FB solid 3px;
	border-bottom:#BFD3FB solid 1px;
	text-align:center;
}

.footer_bottom{
	margin:0 auto;
	padding:10px;
	width:740px;
	background-color:#0050F0;
	text-align:center;
}

.pagetop{
	margin:0 auto;
	padding:10px 0;
	width:740px;
	text-align:right;
}


/* □■□ フォントサイズ □■□ */

.FontSize_mini{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:70%;
}

.FontSize_medium{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
}

.FontSize_medium_w{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	color:#FFFFFF;
}

.FontSize_med_bol{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:80%;
	font-weight:bold;
}


.FontSize_large{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size:90%;
}


.Font_gre{ color:#397512; font-weight:bold}
.Font_ore{ color:#F27B00; font-weight:bold}
.Font_red{ color:#FF0000;}
.Font_red_b{ color:#FF0000; font-weight:bold}


/* □■□ TOPページ □■□ */

#main_image{
	margin:0;
	padding:10px 0 0 0;
}

.top{
	margin:0 auto;
	padding:0 20px 10px 20px;
}


.top_main{
	margin:0 auto;
	padding:10px 30px;
}

.top_main2{
	margin:0 auto;
	padding:10px 30px;
}

.top_txt{
	margin:0;
	padding:15px 50px 5px 50px;
	text-align:left;
}

.box_left{
	float:left;
	margin:0 0 20px 0;
	padding:10px;
	border:#CCCCCC solid 1px;
	background-image:url(img/top_01_01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
}

.box_right{
	float:right;
	margin:0 0 20px 0;
	padding:10px;
	border:#CCCCCC solid 1px;
	background-image:url(img/top_02_01.jpg);
	background-position:top;
	background-repeat:no-repeat;
	text-align:left;
}

.top_link_left{
	margin:0;
	padding:10px 10px 0 0;
	float:left;
}


/* □■□ 中ページ共通 □■□ */

#topimage{
	margin:0 0;
	padding:10px 30px;
}

.contentesbody{
	margin:0;
	padding:0 30px;
}

.contentesbody:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.oneItem_ptrn0{
	zoom: 100%;
	margin:0;
	padding:0;
}

.oneItem_ptrn0:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}


.oneItem_ptrn1{
	zoom: 100%;
	margin:20px 0 0 0;
	padding:0;
}

.oneItem_ptrn1:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}

.oneItem_ptrn2{
	zoom: 100%;
	width:720px;
	margin:0;
	padding:0;
}

.oneItem_ptrn2:after { content: " "; clear: both; height: 0; display: block; visibility: hidden;}



.title_con{
	margin:10px 0 10px 0;
	padding:0;
}

.s_title{
	margin:10px 0 10px 10px;
	padding:0;
	text-align:left;
}


/* □■□ 【工業】会社案内 □■□ */

.k_com_listbox{
	margin:10px 0 0 0;
	padding:0;
}

.k_com_listbox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.k_com_listbox_left{
	margin:0 0 10px 0;
	padding:10px;
	float:left;
	background-color:#E1F3DC;
	text-align:left;
}

.k_com_listbox_left img{
	margin:0;
	padding:0 0 10px 0;
}

.com_listbox_right{
	margin:0;
	padding:0;
	float:right;
}

td.k_com_list{
	padding:0 20px 0 10px;
	vertical-align:top;
}

.img_left{
	margin:0 20px 0 0;
	padding:0;
	float:left;
}


/* □■□ 【工業】沿革 □■□ */

.k_his_list{
	margin:0;
	padding:2px 0 2px 10px;
	border-bottom:#E6E6E6 solid 1px;
	text-align:left;
	vertical-align:top;
}

.photobox_left{
	width:365px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
	text-align:center;
}

.photobox_right{
	width:365px;
	margin:0;
	padding:0;
	float:right;
	text-align:center;
}


.photobox_left p{ margin:0; padding:0 0 10px 0;}
.photobox_right p{ margin:0; padding:0 0 10px 0;}

/* □■□ 【整備】沿革 □■□ */

.s_com_listbox{
	margin:10px 0 0 0;
	padding:0;
}

.s_com_listbox:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility: hidden;
}

.s_com_listbox_left{
	margin:0 0 10px 0;
	padding:10px;
	float:left;
	background-color:#FDEBD9;
	text-align:left;
}

.s_com_listbox_left img{
	margin:0 0 10px 0;
	padding:0;
}
	
.s_com_box_left{
	width:360px;
	margin:0 20px 0 0;
	padding:0 0 10px 0;
	float:left;
	text-align:left;
}

.s_com_box_right{
	margin:0;
	padding:0 0 10px 0;
	float:right;
}


/* □■□ 【整備】業務概要 □■□ */

.s_out_box{
	width:740px;
	margin:0 auto;
	padding:0 0 10px 0;
	text-align:center;
}

/* □■□ アクセスマップ □■□ */

.con_leftspace{margin:0;padding:0 0 0 5px;}

.mapbox{
	margin:0;
	padding:20px;
	height:250px;
	background-color:#E5EDFD;
}

#accessmap{
	margin:0;
	padding:0 10px 0 0;
	float:left;
}

.mapbox_right{
	margin:0;
	padding:195px 0 0 0;
	text-align:left;
}

.mapbox:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.mapbox_link{
	margin:0;
	padding:0 0 10px 0;
	vertical-align:bottom;
}

.form_left{
	margin:0;
	padding:3px 10px;
	text-align:left;
}

.resetButton {
   background:url("img/con_03.jpg");
   width:150px;
   height:25px;
   border:none;
}

input.form_a{
	margin:0 5px;
	padding:0;
	width:200px;
}

input.form_b{
	margin:0 5px;
	padding:0;
	width:100px;
}

input.form_c{
	margin:0 5px;
	padding:0;
	width:300px;
}

input.button{
	margin:0 30px 0 0;
	padding:0;
}

textarea{
	margin:0 5px;
	padding:5px;
	width:300px;
	height:150px;
}

.button{
	margin:20px 0 0 0;
	padding:0;
	text-align:center;
}


/* □■□ 汎用ボックス □■□ */

.Box_01{
	margin:0 auto 0 auto;
	padding:10px 0;
}

.Box_01:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.Box_02{

	margin:0;
	padding:0 5px 10px 5px;
}

.Box_02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.Box_02 p{margin:0; padding:0 0 10px 0;}

.Box_03{
	margin:0;
	padding:10px 5px 0 5px;
}

.Box_03:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}


.txtbox{
	margin:0 auto;
	padding:0;
	width:700px;
	text-align:left;
}

.txtbox:after  {
	content : "";
	display : block;
	height : 0;
	clear : both;
}

.txtbox_2{
	margin:0 10px;
	padding:0;
	width:340px;
	text-align:left;
}

.txtbox_3{
	margin:0 auto;
	padding:0 0 20px 0;
	width:65%;
	text-align:left;
}



.txtbox_b_left{
	margin:0;
	padding:0;
	width:350px;
	float:left;
}

.txtbox_b_right{
	margin:0;
	padding:0;
	width:350;
	float:right;
}

/*-------------2010/9/7----------------*/
/*top*/
.top_imgbox{
	padding:10px 5px 20px 15px;
	height:100px;
	display: flex;
	justify-content: center;
}

.top_imgbox img{
	margin-right:8px;
	float:left;
	border:1px solid #CCC;
}

.top_text{
	font-size:80%;
	padding-left:15px;
}

.top_leftbox{
	width:440px;
	float:left;
}

.top_rightbox{
	width:300px;
	float:left;
	text-align:center;
}

h2.top01{
	background:url(img/top_01.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

.clear{clear:both;}

.pb12{padding-bottom:12px;}

/*recruit.html*/
.recruit_text{
	font-size:80%;
	float:right;
	width:450px;
	margin-bottom:15px;
}

.recruit_img{
	float:left;
	width:270;
	padding-left:15px;
}

.recruit_box{
	padding:10px 0px 5px;
	height:150px;	
}

.recruit_box img,.recruit_box2 img{
	border:1px solid #CCC;
}

.recruit_box2{
	width:300px;
	float:left;
	text-align:center;
}

.recruit_imgbox{
	padding:10px 5px 20px 15px;
	height:110px;
}

.recruit_imgbox img{
	margin-right:8px;
	float:left;
	border:1px solid #CCC;
}

h2.recruit_tit1{
	background:url(img/recruit_tit1.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.recruit_tit2{
	background:url(img/recruit_tit2.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

h2.recruit_tit3{
	background:url(img/recruit_tit3.jpg) no-repeat;
	width:740px;
	height:33px;
	text-indent:-9999px;
}

.mapbox2 {
    display: flex;
}

.mapbox2_map_main {
    margin-right: 10px;
}

p.mapbox2_text_main_img {
    margin-bottom: 16px;
}

.mapbox_contact{
	margin: 0;
    padding: 20px;
    height: 532px;
    background-color: #E5EDFD;
}

p.mapbox2_text_main_text{
	font-family: "?? ?????", Osaka, "?????? Pro W3";
    font-size: 80%;
}