@charset "utf-8";

html, body{
	margin: 0;
	padding: 0;
	background: #fff;
	color: #000;
	font-family: "Linotype Univers", Helvetica,  Arial, sans-serif;
	font-size: 12px;
	line-height: 1.6;
	letter-spacing: 1px;
}
body, div, dl, dt, dd, ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre, code, p, blockquote, th, td, form, fieldset, legend{
  margin: 0;
  padding: 0;
}
img{
  border: none;
}
ul, ol{
	list-style: none;
}

a:link{
  color: #333333;
  text-decoration: none;
}
a:visited{
  color: #333333;
  text-decoration: none;
}
a:hover{
  color: #333333;
  text-decoration: underline;
}
a:active{
  color: #333333;
  text-decoration: none;
}

.cf:before, .cf:after{
	content: " ";
	display: table;
}
.cf:after{
	clear: both;
}
.cf{
	*zoom: 1;
}


#header{
	width: 948px;
	margin: 0 auto;
	padding: 70px 30px 80px 30px;
}
.header_left{
	float: left;
	width: 210px;
}
.header_right{
	float: left;
	width: 734px;
	text-align: right;
}
.poland_disp{
	display: none;
}
.header_right .poland_disp{
	display: none;
}
.header_right .search{
	display: inline-block;
	text-align: right;
	width: 200px;
	height: 30px;
}
.header_right .search .gsc-control-cse, 
.header_right .search .gsc-control-cse-ja,
.header_right .search .gsib_a{
    margin:0 !important;
    padding:0 !important;
}
/* テキスト入力フォームとボタンの位置 */
.header_right .search table.gsc-search-box td,
.header_right .search table.gsc-search-box input {
    vertical-align: top !important;
}
/* テキスト入力フォーム */
.header_right .search input[type="text"]{
    border: 1px solid #a9a9a9 !important;
    height:25px !important;
    padding-left: 5px !important;
}
.header_right .search input[type="text"]:focus {
    border: 1px solid #a9a9a9 !important;
    outline: 0;  /*safariの自動フォーカスを切る */
}
/* テキスト入力フォームの影を消す */
.header_right .search #gsc-iw-id1{
    border:none !important;
}
/* ボタンの色 */
.header_right .search input.gsc-search-button {
padding: 6px 10px 6px 10px !important;
background: #828182 !important;
background: -ms-linear-gradient(top,  #828182 0%,#828182 100%); /* IE10+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#828182', endColorstr='#828182',GradientType=0 ); /* IE6-9 */
border: 1px solid #a9a9a9 !important;
}
/* ボタンの位置調整と角丸消し */
.header_right .search .gsc-search-button{
    margin:0 0 0 -16px !important;
    border-radius:0;
}
/* 入力時に出る「×」ボタンの位置調整 */
.header_right .search .gsib_b a{
display: none;
}
.header_right .select{
	display: inline-block;
	width: 230px;
	text-align: right;
}
.header_right .select select{
/*
	-moz-appearance: none;
	-webkit-appearance: none;
	appearance: none;
	background: url(../img/select_arrow.jpg) right no-repeat;
	text-indent: 0.01px;
	text-overflow: '';
	padding: 0 35px 0 0;
*/
	width: 200px;
	padding: 4px 15px 5px 0;
	margin: 10px 0 5px 0;
	color: #999;
}
/*
.header_right select::-ms-expand{
	display: none;
}
*/
.header_right .select option{
	margin-right: 200px;
	font-weight: bold;
}
.header_right .select option.title{
	padding-left: 100px;
}
p.base{
	margin-top: 4px;
}
ul.language{
	margin-top: 4px;
}
ul.language li{
	border-left: 1px solid #999;
	padding-left: 6px;
	margin-left: 3px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1em;
	font-size: 0.8em;
}
ul.language li:first-child{
	border-left:none;
}
ul.language a:hover{
	color: #000;
}
ul.language .ac{
	font-weight: bold;
}
#mainvisual_content{
	width: 940px;
	margin: 0 auto;
	padding-bottom: 30px;
}
#g_menu{
	float: left;
	width: 200px;
	padding-right: 20px;
}
#g_menu li{
	font-size: 16px;
	margin-bottom: 23px;
	letter-spacing: 1.5px;
	line-height: 1.2;
}
#g_menu li a{
	color: #828182;
}
#g_menu li a:hover, #g_menu li a.ac{
	color: #000;
	text-decoration: none;
}
#g_menu li ul{
	display: none;
	padding: 10px 0 0 15px;
}
#g_menu li ul li{
	font-size: 14px;
	margin-bottom: 15px;
}
#g_menu li ul li ul{
	display: none;
	padding: 5px 0 0 15px;
}
#g_menu li ul li ul li{
	font-size: 12px;
	margin-bottom: 5px;
}
#g_menu li ul li ul li a{
	display: inline-block;
	
	padding-left: 7px;
	background: url(../img/dot01.jpg) no-repeat 0 5px;
}
#g_menu li ul li ul li a:hover, #g_menu li ul li ul li a.ac{
	background: url(../img/dot01_ac.jpg) no-repeat 0 5px;
}

ul.menu_s {
	margin: 0;
	padding: 0;
}

.menu_s  a {
	font-size: 80%;
	list-style-position: outside;
	text-indent:-10px;
    padding-left:10px;
}

.menu_s li a.now {
	color:#000000;
	font-size: 80%;
	list-style-position: outside;
	text-indent:-10px;
    padding-left:10px;
}


.menu_ss  a {
	font-size: 80%;
	list-style-position: outside;
	text-indent:-30px;
    padding-left:30px;
}



#mainvisual{
	float: left;
	width: 720px;
}
#mainvisual ul li:nth-child(n+2) {
	display: none;
}
#top_content{
	width: 940px;
	margin: 0 auto;
	padding-bottom: 20px;
	line-height: 1em;
}
.top_left{
	float: left;
	width: 665px;
	padding-right: 35px;
}
.top_right{
	float: left;
	width: 240px;
}
.top_right{
	float: left;
	width: 240px;
}


.top_right .top_login{
	width: 208px;
	padding: 15px 15px 5px;
	/*background: #e6e6e6;*/
	border: #535353 1px solid;
}
.top_right .top_login .login a{
	display: block;
	width: 210px;
	padding: 10px 0;
	background: #828282;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.top_right .top_login .login a:hover{
	text-decoration: none;
	background: #aaa;
}
.top_right .top_login .apply{
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}
.top_right .service_banner{
	border-bottom: 1px solid #666;
	margin-top: 10px;
	padding-bottom: 5px;
}
.top_right .service_banner li{
	margin-bottom: 5px;
}
.top_right .ex_banner{
	margin-top: 15px;
}
.top_right .ex_banner li{
	margin-bottom: 5px;
}
.top_left h2{
	font-size: 26px;
	font-weight: normal;
	color: #999;
	padding-bottom: 5px;
	letter-spacing: 1.5px;
}
.top_newsarea{
	border-top: 1px solid #969696;
	padding-bottom: 40px;
}
.top_newsarea div.box{
	width: 665px;
	padding: 10px 0;
	border-bottom: 1px solid #969696;
}
.top_newsarea div.box p{
	display: table-cell;
	vertical-align: middle;
}
.top_newsarea div.box p.tag span{
	display: block;
	width: 42px;
	padding: 1px 3px 0 3px;
	text-align: center;
	border: 1px solid #999;
}
.top_newsarea div.box p.tag span.new{
	display: block;
	border: none;
	width: 44px;
	padding: 1px 3px 0 3px;
	text-align: center;
	background: #e6e6e6;
}
.top_newsarea div.box p.date{
	width: 130px;
}
.top_newsarea div.box p.tx{
	width: 530px;
	padding-right: 5px;
}
.top_newsarea div.box p.tx_long{
	width: 485px;
}
.top_newsarea div.box p.img{
	width: 130px;
	text-align: center;
}
p.right_more{
	padding-top: 15px;
	text-align: right;
}
p.right_more a{
	display: inline-block;
	padding: 0 10px;
	color: #fff;
	background: #828182;
	text-decoration: none;
}
p.right_more a:hover{
	color: #fff;
	background: #ccc;
}


/* Mボタン */

.top_servicearea{
	display: table;
	padding-bottom: 20px;
	width: 665px;
}
.top_servicearea > div{
	display: table-cell;
	position: relative;
	width: 322px;
	height: 236px;
	overflow: hidden;
}
.top_servicearea > div:first-child{
	padding-right: 21px;
}
.top_servicearea > div img{
	position: absolute;
}

.top_servicearea > div .service_box{
	position: absolute;
	top: 128px;
	width: 322px;
	height: 236px;
	background-color: rgba( 255, 255, 255, 0.4 );
	z-index: 10;
}
.top_servicearea > div .service_box h2{
	text-align: center;
	text-shadow: 1px 1px 0px #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 40px;
	color: #333;
}
.top_servicearea > div .service_box p{
	padding: 0 10px;
	margin-bottom: 20px;
	line-height: 1.2em;
	color: #333;
}
.top_servicearea > div .service_box ul{
	padding: 0 15px;
}
.top_servicearea > div .service_box ul li{
	padding-left: 8px;
	background: url(../img/dot02.png) 0 7px no-repeat;
}


/* Lボタン */

.top_servicearea_2{
	display: table;
	padding-bottom: 20px;
	width: 665px;
}
.top_servicearea_2 > div{
	display: table-cell;
	position: relative;
	width: 665px;
	height: 236px;
	overflow: hidden;
}
.top_servicearea_2 > div:first-child{
	padding-right: 21px;
}
.top_servicearea_2 > div img{
	position: absolute;
}

.top_servicearea_2 > div .service_box{
	position: absolute;
	top: 118px;
	width: 665px;
	height: 118px;
	background-color: rgba( 255, 255, 255, 0.4 );
	z-index: 10;
}
.top_servicearea_2 > div .service_box h2{
	text-align: center;
	text-shadow: 1px 1px 0px #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 50px;
	color: #333;
}
.top_servicearea_2 > div .service_box p{
	padding: 0 15px;
	margin-bottom: 20px;
	line-height: 1.2em;
	color: #333;
}
.top_servicearea_2 > div .service_box ul{
	padding: 0 15px;
}
.top_servicearea_2 > div .service_box ul li{
	padding-left: 8px;
	background: url(../img/dot02.png) 0 7px no-repeat;
}



.top_column{
	padding-top: 15px;
}
.top_recruitarea{
	float: left;
	width: 315px;
	padding-right: 30px;
}
.top_recruitbox{
	padding: 0px 10px 0px 10px;
	border: 1px solid #969696;
}
.top_recruitbox h3{
	margin-top: 10px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	font-weight: normal;
}
.top_recruitbox .box{
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px solid #969696;
}
.top_recruitbox .box:last-child{
	border-bottom: none;
}
.top_recruitbox .box ul li{
	padding-left: 7px;
	font-size: 12px;
	background: url(../img/dot01_ac.jpg) no-repeat 0 7px;
}
.top_productarea{
}
.top_productarea .line{
	display: table;
	margin-bottom: 0px;
	position: relative;
}
.top_productarea .border{
	border-right: 10px solid #fff;
}
.top_productarea .line a{
	display: table-cell;
	width: 157px;
	text-decoration: none;
	border: 1px solid #969696;
	vertical-align: middle;
}
.top_productarea .line a:hover{
	color: #333;
}
.top_productarea .line a.space{
	width: 10px;
	border: none;
}
.top_productarea .box{
	border-right: 10px solid #fff;
}
.top_productarea .line .black_highlight{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 158px;
	height: 100%;
	z-index: 100;
	background-color: #bbb;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}
.top_productarea .box p{
	display: table-cell;
	vertical-align: middle;
//	word-break: break-all;
}
.top_productarea .box p.img{
	width: 65px;
	padding: 5px 0px 5px 5px;
	text-align: center;
}
.top_productarea .box p.tx{
	padding: 5px 0px 5px 5px;
}
.top_eventarea{
	float: left;
	width: 320px;
}
.top_eventbox{
	padding: 0px 10px 0px 10px;
	border: 1px solid #969696;
}
.top_eventbox .box{
	padding-top: 10px;
	border-bottom: 1px solid #969696;
}
.top_eventbox .box:last-child{
	padding-bottom: 0px;
	border-bottom: none;
}
.top_movarea{
	margin-bottom: 15px;
}
.media_link a{
	display: block;
	width: 240px;
	padding: 10px 0;
	text-align: center;
	color: #fff;
	background: #828182;
	font-size: 14px;
}
.media_link a:hover{
	color: #fff;
	background: #ccc;
	text-decoration: none;
}
.top_bnrarea p{
	margin-bottom: 15px;
}

#footer{
	width: 100%;
	min-width: 940px;
}
.footer_link{
	background: #828182;
	text-align: center;
}

.footer_link ul{
	margin-top: 15px;
	padding: 5px 12px 5px 0;
}
.footer_link ul li{
	border-left: 1px solid #fff;
	padding-left: 12px;
	margin-left: 9px;
	display: -moz-inline-box;
	display: inline-block;
	*display: inline;
	*zoom: 1;
	line-height: 1em;
	font-size: 0.8em;
}
.footer_link ul li:first-child{
	border-left:none;
}
.footer_link ul li a{
	color: #fff;

}
.copyright{
	padding: 25px 0;
}
.copyright p{
	text-align: center;
	font-size: 0.8em;
	line-height: 1.8em;
	margin:0;
	padding:0;
}
#modal-content{
	display: none;
	width: 660px;
	padding: 30px 40px;
	position: absolute;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	z-index: 100;
	background: url(bg_map.jpg) no-repeat center center #fff;
}
#modal-content p.lead{
	font-size: 20px;
	margin-bottom: 20px;
	text-align: center;
}
#modal-content div{
	width: 100%;
}
#modal-content div{
	display: table-cell;
	width: 220px;
	padding-top: 10px;
}
#modal-content ul + ul{
	padding-top: 20px;
}
#modal-content ul li{
	margin-bottom: 5px;
	padding-left: 22px;
}
#modal-content ul li.title{
	padding-left: 0px;
	background: none;
	font-weight: bold;
}
#modal-content ul li.Netherlands{ background: url(flag/Netherlands.png) 0 2px no-repeat; }
#modal-content ul li.Poland{ background: url(flag/Poland.png) 0 2px no-repeat; }
#modal-content ul li.China{ background: url(flag/China.png) 0 2px no-repeat; }
#modal-content ul li.India{ background: url(flag/India.png) 0 2px no-repeat; }
#modal-content ul li.Indonesia{ background: url(flag/Indonesia.png) 0 2px no-repeat; }
#modal-content ul li.Japan{ background: url(flag/Japan.png) 0 2px no-repeat; }
#modal-content ul li.Korea{ background: url(flag/Korea.png) 0 2px no-repeat; }
#modal-content ul li.Philippines{ background: url(flag/Philippines.png) 0 2px no-repeat; }
#modal-content ul li.USA{ background: url(flag/USA.png) 0 2px no-repeat; }
#modal-content ul li.others{ background: none; }
#modal-overlay{
	display: none;
	width: 100%;
	height: 120%;
	position: fixed;
	top: 0;
	left: 0;
	text-align: center;
	background-color: #000;
	z-index: 90;
}
#pagetop{
	position: fixed;
	width: 35px;
	height: 35px;
	bottom: 40px;
	right: 40px;
	cursor: pointer;
}
#single_page{
	width: 670px;
	margin: 0 auto;
	padding: 0 20px;
}
.single_logo{
	padding: 60px 0 50px;
}


/* 2016年5月追加 */


/*  TOPページ　*/

.menu_head {
	background-color: #535353;
	text-align: center;
	line-height: 3em;
	color: #ffffff;
	font-size: 14px;
}

.shinsei {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 95%;
}

.presslist {
	width: 50px;
	background-color: #535353;
	color: #FFFFFF;
	text-align: center;
	margin-top: -35px;
	padding: 5px;
	float: right;
	display: block;

}

.presslist a {
	color: #FFFFFF;
}


/*  下層ページサイドメニュー  */

.top_right_2{
	float: left;
	width: 180px;
	margin-top: 20px;
}



.top_right_2 .top_login{
	width: 148px;
	padding: 15px 15px 5px;
	/*background: #e6e6e6;*/
	border: #535353 1px solid;
}
.top_right_2 .top_login .login a{
	display: block;
	width: 150px;
	padding: 10px 0;
	background: #828282;
	text-align: center;
	font-size: 14px;
	color: #fff;
}
.top_right_2 .top_login .login a:hover{
	text-decoration: none;
	background: #aaa;
}
.top_right_2 .top_login .apply{
	margin-top: 10px;
	text-align: center;
	font-size: 14px;
}
.top_right_2 .service_banner{
	border-bottom: 1px solid #666;
	margin-top: 10px;
	padding-bottom: 5px;
}
.top_right_2 .service_banner li{
	margin-bottom: 5px;
}
.top_right_2 .ex_banner{
	margin-top: 15px;
}
.top_right_2 .ex_banner li{
	margin-bottom: 5px;
}

/*  企業情報　*/

.tb101 ol li {
	padding-left: 5px;
	margin-left: 20px;
	list-style-type: decimal;
	list-style-position: outside;
	
}

#mapField {
  width: 700px;
  height: 350px;
}


.group {
	margin-bottom: 40px;
	text-align: center;
	font-size: 110%;
}

.button {
	display: inline-block;
	width: 80%;
	height: 55px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}


/* サービス一覧 */

.w_over a:hover img{
	opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
	
}



/*  お知らせ一覧　*/


.under_newsarea{
	border-top: 1px solid #969696;
	padding-bottom: 40px;
}
.under_newsarea div.box{

	padding: 10px 0;
	border-bottom: 1px solid #969696;
}
.under_newsarea div.box p{
	display: table-cell;
	vertical-align: middle;
}
.under_newsarea div.box p.tag span{
	display: block;
	width: 42px;
	padding: 1px 3px 0 3px;
	text-align: center;
	border: 1px solid #999;
}
.under_newsarea div.box p.tag span.new{
	display: block;
	border: none;
	width: 44px;
	padding: 1px 3px 0 3px;
	text-align: center;
	background: #e6e6e6;
}
.under_newsarea div.box p.date{
	width: 130px;
}
.under_newsarea div.box p.tx{

	padding-right: 5px;
}
.under_newsarea div.box p.tx_long{

}
.under_newsarea div.box p.img{
	width: 130px;
	text-align: center;
}



.reason {
	font-size: 130%;
	text-align: center;
	color:#108DD3;
	border-bottom: 1px dotted 108DD3;
	margin-bottom: 15px;
}

.blue {
	color:#108DD3;
}

.flow {
	border: 1px dashed #108DD3;
	margin-top: 10px;
	padding-top: 13px;
	padding-left: 10px;
}

.btn_l {
	border: 1px solid #108DD3;
	margin-top: 10px;
	margin-left: 30px;
	padding: 5px 20px;
	width: 270px;
	text-align: center;
	float: left;
	display: block;
}

.btn_l:hover {
	background-color: #108DD3;
	color: #FFFFFF;
}

.btn_r {
	border: 1px solid #108DD3;
	margin-top: 10px;
	margin-right: 30px;
	padding: 5px 20px;
	width: 270px;
	text-align: center;
	float: right;
}

.btn_r:hover {
	background-color: #108DD3;
	color: #FFFFFF;
}

.now {
	color: #000000;
	font-size: 80%;
}


.f-w120 {
	font-size: 120%;
}

.con_btn {
	background-color: #8B8A8A;
	color: #ffffff;
}

.contact_area03{
	width: 300px;
	margin: 0;
}

.contact_area03 a{
	display: inline-block;
	margin-left: 30px;
	padding: 3px 15px;
	color: #fff !important;
	font-size: 14px;
	background: #828182;
}
.contact_area03 a:hover{
	background: #ccc;
	text-decoration: none;
}
.indent03 {
padding-left:3.2em;
text-indent:-3.2em;
}


@media print {
	#pagetop{
		display: none;
	}
}