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

body,table,input,textarea,select {font-family: Verdana,"メイリオ",Meiryo,Arial, "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, sans-serif; }
body { text-align:center; color:#000000; font-size:93.75%; line-height: 1.6; -webkit-text-size-adjust:100%; min-width:1120px;}
a{ color:#0078ac; text-decoration:none;}
a:hover{ text-decoration:underline;}

/*----------header----------*/
#header{ width:980px; margin:0 auto 26px; padding-top:18px;}
#header .logo{ float:left;}
#header .hdMenu{ width:553px; float:right;}
#header .lang{ float:left; margin-right:10px;}
#header .lang ul li{ float:left; margin:0 20px 0 0;}
#header .hdCntct{ float:left;}
#header .hdSearch{ width:223px; float:right;}

#header .hdSearch #ss-search-form {
	position: relative;
}
#header .hdSearch #SS_searchQuery {
	width: 223px;
	box-sizing: border-box;
	background: #f8f8f8;
	font-size: 13px;
	margin-bottom: 4px;
	border: 1px solid #e6e7eb;
	padding: 0 12px;
	line-height: 1.6;
	height: 32px;
	position: relative;
}
#header .hdSearch #SS_searchSubmit {
	position: absolute;
	top: 1px;
	right: 1px;
	border: none;
	width: 30px;
	height: 30px;
	padding: 0;
	background: url(//www.uniadex.co.jp/shared/img/btn_search.gif) no-repeat #f8f8f8;
	text-indent: -9999px;
	overflow: hidden;
	cursor: pointer;
}

/*----------globalNav----------*/
#globalNav{ position:relative; line-height:0.1;}
#globalNav ul{ width:980px; margin:0 auto;}
#globalNav ul li{ float:left;}
#globalNav ul li a{ display:block; height:35px; overflow:hidden;}
#globalNav ul li a img{ position:relative; top:0px;}
#globalNav ul li a:hover img,#globalNav ul li a.current img,#globalNav ul li a.open img{ top:-35px;}
#globalNav .dropMenu{ position:absolute; top:35px; left:0px; width:100%; background:url(../img/drop_bgr.gif) top center repeat-x #373f5a; color:#ffffff; z-index:9999; display:none; line-height: 1.6;}
#globalNav .dropMenu a{ color:#ffffff;}
#globalNav .dropMenu .dropList{ background:url(../img/drop_bg.gif) top center no-repeat; padding:33px 0 32px;}
#globalNav .dropMenu .dropItem{ width:980px; margin:0 auto; text-align:left; background:url(../img/drop_line.gif) top center repeat-y; padding:5px 0 10px;}
#globalNav .dropMenu .dropL{ width:300px; float:left; margin-right:40px;}
#globalNav .dropMenu .dropR{ width:300px; float:left;}
#globalNav .dropMenu h2{ font-size:120%; font-weight:bold; padding:5px 0 0 77px; min-height:40px; margin:0 0 44px;}
#globalNav .dropMenu h2.service1{ background:url(../img/icon_drop1.png) 10px 0 no-repeat;}
#globalNav .dropMenu h2.service2{ background:url(../img/icon_drop2.png) 10px 0 no-repeat;}
#globalNav .dropMenu h2.service3{ background:url(../img/icon_drop3.png) 10px 0 no-repeat;}
#globalNav .dropMenu h2.service4{ background:url(../img/icon_drop4.png) 10px 0 no-repeat;}
#globalNav .dropMenu h2.service5{ margin-top: -15px; background:url(../img/icon_drop5.png) 10px 0 no-repeat;}
#globalNav .dropMenu h2 a{ display:inline-block; background:url(../img/icon_arrow_drop.png) right 0.5em no-repeat; padding-right:20px;}
#globalNav .dropMenu ul{ width:auto; margin:-35px 0 0 77px;}
#globalNav .dropMenu ul li{ float:none; margin:7px 0 0;}
#globalNav .dropMenu ul li a{ font-weight:bold; display:inline-block; background:url(../img/icon_arrow_drop.png) right 0.3em no-repeat; padding-right:20px;}
#globalNav .dropBtns{ background:#3d4664;}
#globalNav .dropBtnsArea{ width:980px; margin:0 auto; text-align:left; padding:10px 0;}
#globalNav .dropBtns .topBtn{ float:left; display:inline-block; font-size:120%; font-weight:bold; background:url(../img/icon_arrow_drop.png) right 0.5em no-repeat; padding-right:20px;}
#globalNav .dropBtns .closeBtn{ float:right; display:inline-block; width:20px; height:20px; background:url(../img/icon_drop_close.png) no-repeat; text-indent:-9999px; overflow:hidden; cursor:pointer; margin-top:0.2em;}

/*----------footer----------*/
#footer{ font-size:93.3%;}
#footer p{ margin:0;}
#footer .ftNav{ background:#5d6789;}
#footer .ftNav .ftNavInner{ width:980px; margin:0 auto; text-align:left; padding:28px 0;}
#footer .ftNav ul{ width:205px; float:left; margin:0 15px 0 0;}
#footer .ftNav ul li{ margin: 0 0 20px;}
#footer .ftNav ul li:last-child{ margin-bottom: 0; }
#footer .ftNav ul a{ display:inline-block; color:#ffffff; padding:7px 0 8px 47px; background-position: left; background-repeat: no-repeat;}
#footer .ftNav ul .service a{ background-image: url(../img/ft_service.gif); }
#footer .ftNav ul .casestudy a{ background-image: url(../img/ft_casestudy.gif); }
#footer .ftNav ul .news a{ background-image: url(../img/ft_news.gif); }
#footer .ftNav ul .company a{ background-image: url(../img/ft_company.gif); }
#footer .ftNav ul .contact a{ background-image: url(../img/ft_contact.gif); }
#footer .ftNav ul .pdf a{ background-image: url(../img/ft_pdf.gif); }
#footer .ftNav ul .headoffice a{ background-image: url(../img/ft_headoffice.gif); }
#footer .ftNav ul .office a{ background-image: url(../img/ft_office.gif); }
#footer .ftNav ul .nextalk a{ background-image: url(../img/ft_nextalk.gif); }
#footer .ftNav ul .facebook a{ background-image: url(../img/ft_facebook.gif); }
#footer .ftNav ul .youtube a{ background-image: url(../img/ft_youtube.gif); }
#footer .ftNav ul a img{ vertical-align:middle;}
#footer .ftNav .fbArea{ width:316px; float:right; background:#ffffff;}
#footer .ftArea{ width:980px; margin:15px auto 50px; text-align:left;}
#footer .ftArea .subNav{ margin:0 0 30px;}
#footer .ftArea .subNav li{ float:left; margin:0 28px 0 0;}
#footer .ftArea .cmpName{ float:left;}
#footer .ftArea .cmpCopy{ float:right;}
#pageTop{ position:fixed; bottom:110px; right:40px; display:none;}

/*----------contactArea----------*/
#contactArea{ background:url(../img/contact_bg.png) top center no-repeat #f3e6ba; margin-top:50px; padding:30px 0 55px;}
#contactArea h2{ font-size:173.3%; font-weight:bold; width:980px; margin:0 auto 10px;}
#contactArea p{ font-size:120%; width:980px; margin:0 auto 20px;}
#contactArea a.cntBtn,#contentArea a.cntBtn{ display:inline-block; background:#0096d7; color:#ffffff; font-size:140%; border-radius:30px; border-bottom:3px solid #0078ac; font-weight:bold; padding:12px 10px; text-align:center; min-width:290px;}
#contactArea a.cntBtn:hover,#contentArea a.cntBtn:hover{ background:#0078ac; border-bottom:3px solid #005a81; text-decoration:none;}

/*----------topicPath----------*/
#topicPath{ background:#5d6789; color:#ffffff; font-size:86.6%; padding:8px 0; border-bottom:1px solid #9ea4b8;}
#topicPath p{ width:980px; margin:0 auto; text-align:left;}
#topicPath a{ color:#ffffff;}

/*----------pageTitle----------*/
#pageTitle{ border-bottom:3px solid #8694c2; background:url(../img/ptitle_bg.gif) top center repeat-x #f5f5f5; margin-bottom:30px;}
#pageTitle.bl{ background:url(../img/ptitle_bg_bl.gif) top center repeat-x #e9f1f5;}
#pageTitle .service{ background:url(../img/ttl_service.jpg) top center no-repeat;}
#pageTitle .service.nobg{ background:url(../img/ttl_service_nobg.gif) top center no-repeat;}
#pageTitle .approach{ background:url(../img/ttl_approach.jpg) top center no-repeat;}
#pageTitle .approach.nobg{ background:url(../img/ttl_approach_nobg.gif) top center no-repeat;}
#pageTitle .solution{ background:url(../img/ttl_solution.jpg) top center no-repeat;}
#pageTitle .solution.nobg{ background:url(../img/ttl_solution_nobg.gif) top center no-repeat;}
#pageTitle .casestudy{ background:url(../img/ttl_casestudy.jpg) top center no-repeat;}
#pageTitle .pdf{ background:url(../img/ttl_pdf.jpg) top center no-repeat;}
#pageTitle .company{ background:url(../img/ttl_company.jpg) top center no-repeat;}
#pageTitle .news{ background:url(../img/ttl_news.jpg) top center no-repeat;}
#pageTitle .news.detail{ background:url(../img/ttl_news.gif) top center no-repeat;}
#pageTitle .event{ background:url(../img/ttl_event.jpg) top center no-repeat;}
#pageTitle .event.detail{ background:url(../img/ttl_event.gif) top center no-repeat;}
#pageTitle .recruit{ background:url(../img/ttl_recruit.jpg) top center no-repeat;}
#pageTitle .ttlArea{ width:980px; margin:0 auto; text-align:left; position:relative;}
#pageTitle .subtop .ttlArea,#pageTitle .pdetail .ttlArea{ height:111px;}
#pageTitle .nobg .ttlArea{ height:auto;}
#pageTitle .ttlArea .pTtl{ font-size:186.6%; font-weight:bold; position:absolute; top:50%; left:15px; margin-top:-0.6em; line-height: 1.2;}
#pageTitle .nobg .ttlArea .pTtl{ position:relative; top:0px; left:0px; margin:0; padding:35px 15px 40px;}
#pageTitle .detail .ttlArea{ padding:35px 0 15px;}
#pageTitle .detail .ttlArea .pTtl{ position:relative; top:0px; left:0px; margin:0; padding:0 300px 0 15px;}
#pageTitle .detail .ttlArea .pCatch{ margin:0 300px 5px 15px; font-size:120%;}
#pageTitle .detail .ttlArea .pCat{ margin:5px 300px 0 15px;}
#pageTitle .detail .ttlArea .snsBtn{ position:absolute; right:0px; bottom:50px;}
#pageTitle .detail .ttlArea .snsBtn .fb_iframe_widget{ float:right;}
#pageTitle .detail .ttlArea .snsBtn .fb_iframe_widget > span { vertical-align: baseline !important;}
#pageTitle .detail .ttlArea .snsBtn .twitter-share-button{ float:right; width:100px !important;}

#pageTitle .service.detail .ttlArea{ padding:45px 0 50px;}

#pageTitle .special .ttlArea .snsBtn{ position:absolute; right:0px; bottom:35px;}
#pageTitle .special .ttlArea .snsBtn .fb_iframe_widget{ float:right;}
#pageTitle .special .ttlArea .snsBtn .fb_iframe_widget > span { vertical-align: baseline !important;}
#pageTitle .special .ttlArea .snsBtn .twitter-share-button{ float:right; width:100px !important;}

#pageTitle .casestudyDetail{ background:url(../img/ttl_casestudy_nobg.gif) top center no-repeat;}
#pageTitle .casestudyDetail .ttlArea{ padding:10px 0 15px; }
#pageTitle .casestudyDetail .ttlArea .pTtl{ position:relative; top:0px; left:0px; margin:0; padding:0 300px 0 0px; font-size: 226%; }
#pageTitle .casestudyDetail .ttlArea .ttlDesc{ margin:10px 300px 5px 0; color: #006; font-size:160%; font-weight: bold; line-height: 1.4; }
#pageTitle .casestudyDetail .ttlArea .ttlCategory{ display: inline-block; margin-bottom: 15px; padding: 3px 35px; background: #32a178; color: #fff; font-size:83.3%; }
#pageTitle .casestudyDetail .ttlArea .ttlDate{ position: absolute; right: 0; top: 10px; }
#pageTitle .casestudyDetail .ttlArea .snsBtn{ position:absolute; right:0px; bottom:50px;}
#pageTitle .casestudyDetail .ttlArea .snsBtn .fb_iframe_widget{ float:right;}
#pageTitle .casestudyDetail .ttlArea .snsBtn .fb_iframe_widget > span { vertical-align: baseline !important;}
#pageTitle .casestudyDetail .ttlArea .snsBtn .twitter-share-button{ float:right; width:100px !important;}

/*----------contentArea----------*/
#contentArea{ width:980px; margin:0 auto 15px; text-align:left; position:relative;}
#contentArea.company{ background:url(../img/bg_company.gif) top center repeat-y; margin:-30px auto 0; padding:35px 0;}
#contentArea.company.sub{ background:url(../img/bg_company_sub.gif) top center repeat-y;}
#contentArea.company.sub:before{ content:''; display:block; position:absolute; top:0px; bottom:0px; left:-60px; width:60px; background:url(../img/bg_side_grd.gif) top left repeat-y;}
#contentArea #mainArea{ width:732px;}
#contentArea.company #mainArea{ float:right;}
#contentArea.event #mainArea{ float:left;}
#contentArea.service #mainArea{ float:left;}
#contentArea p{ margin:0;}

/*----------sideArea----------*/
#sideArea{ width:210px; position:relative;}
#sideArea.company{ float:left;}
#sideArea.company h2{ font-weight:bold; margin:0 0 30px 37px;}
#sideArea.company ul{}
#sideArea.company ul li a{ display:block; color:#000000; padding:10px 20px 10px 15px; transition: all 0.3s ease;}
#sideArea.company ul li a:hover,#sideArea.company ul li a.current{ text-decoration:none; background:#5d71ae; color:#ffffff;}
#sideArea.company.sub{}
#sideArea.company.sub ul{ margin-left:37px;}

#sideArea.event{ float:right; margin-top:-64px;}
#sideArea.event h2{ background:#e2e2e2; font-weight:bold; margin:14px 0 10px; padding:15px;}
#sideArea.event ul li{ border-bottom:1px solid #606060;}
#sideArea.event ul li a{ display:block; color:#000000; padding:45px 10px 10px 15px; transition: all 0.3s ease;}
#sideArea.event ul li.seminar a{ background:url(../img/icon_event_seminar.gif) 0 10px no-repeat;}
#sideArea.event ul li.event a{ background:url(../img/icon_event_event.gif) 0 10px no-repeat;}
#sideArea.event ul li.info a{ background:url(../img/icon_news_info.gif) 0 10px no-repeat;}
#sideArea.event ul li.press a{ background:url(../img/icon_news_press.gif) 0 10px no-repeat;}
#sideArea.event ul li a span{ display:block;}
#sideArea.event ul li a .evTtl{ font-weight:bold; color:#0078ac; margin-bottom:3px;}
#sideArea.event ul li a .evTtl span{ display:inline-block;}
#sideArea.event ul li a .evTtl span.eventPdf{ display:inline-block; width:12px; height:17px; background:url(../img/icon_dl_bl.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-left:3px;}
#sideArea.event ul li a .evTtl span.eventUrl{ display:inline-block; width:16px; height:13px; background:url(../img/icon_ex_bl.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-left:3px;}
#sideArea.event ul li a .evTtl span.eventNew{ font-size:83.3%; display:inline-block; background:#f34675; color:#ffffff; line-height:1.2; padding:0 2px 2px; vertical-align:middle;}
#sideArea.event ul li a:hover{ text-decoration:none; background:#e5f4fb;}
#sideArea.event ul li.seminar a:hover{ background:url(../img/icon_event_seminar.gif) 0 10px no-repeat #e5f4fb;}
#sideArea.event ul li.event a:hover{ background:url(../img/icon_event_event.gif) 0 10px no-repeat #e5f4fb;}
#sideArea.event ul li.info a:hover{ background:url(../img/icon_news_info.gif) 0 10px no-repeat #e5f4fb;}
#sideArea.event ul li.press a:hover{ background:url(../img/icon_news_press.gif) 0 10px no-repeat #e5f4fb;}

#sideArea.service{ float:right; margin-top:-64px;}
#sideArea.service h2{ background:#ececec; font-weight:bold; margin:35px 0 0; padding:15px;}
#sideArea.service ul li{ margin:1px 0 0; padding:0;}
#sideArea.service ul li a{ display:block; background:#f5f5f5; color:#000000; padding:0 8px 0 0;}
#sideArea.service ul li a span{ display:block; background:url(../img/icon_arrow.png) right no-repeat; padding:10px 15px 10px 15px;}
#sideArea.service ul li a:hover{ background:#e5f4fb; text-decoration:none; color:#0078ac;}
#sideArea.service ul.sidenewsList{}
#sideArea.service ul.sidenewsList a{ color:#000000; transition: all 0.3s ease;}
#sideArea.service ul.sidenewsList a span.newsDate{ padding:10px 2px 10px 15px; background:none; font-size:93.3%;}
#sideArea.service ul.sidenewsList li.info a span.newsDate{ background:url(../img/icon_news_info.gif) 5px 10px no-repeat; padding:12px 2px 10px 80px;}
#sideArea.service ul.sidenewsList li.press a span.newsDate{ background:url(../img/icon_news_press.gif) 5px 10px no-repeat; padding:12px 2px 10px 80px;}
#sideArea.service ul.sidenewsList a span.newsTtl{ background:none; padding-top:2px; padding-right:2px;}
#sideArea.service ul.sidenewsList a span.newsTtl span{ display:inline-block; padding:0; text-indent:-9999px; overflow:hidden; margin-left:3px;}
#sideArea.service ul.sidenewsList a span.newsTtl span.eventPdf{ width:12px; height:17px; background:url(../img/icon_dl_bl.png) no-repeat;}
#sideArea.service ul.sidenewsList a span.newsTtl span.eventUrl{ width:16px; height:13px; background:url(../img/icon_ex_bl.png) no-repeat;}

#sideArea a.linkBack{ display:block;}
#sideArea .backBtn{ position:absolute; left:0px; top:155px;}

/*-----sitemap-----*/
#contentArea ul.sitemapL{ width:470px; float:left; margin:0;}
#contentArea ul.sitemapR{ width:470px; float:right; margin:0;}

/*-----interviewList-----*/
#contentArea ul.interviewList{ margin-bottom:50px;}
#contentArea ul.interviewList li{ float:left; background:none; padding:0; width:233px; margin:0 16px 16px 0;}
#contentArea ul.interviewList li.btnR{ margin-right:0;}
#contentArea ul.interviewList li a.linkBtn{ display:block;}

/*-----catList-----*/
#contentArea ul.catList{ margin:0;}
#contentArea ul.catList li{ width:316px; margin:0 16px 42px 0; padding:0; background:none; float:left;}
#contentArea ul.catList.columtwo li{ width:356px;}
#contentArea ul.catList li.catR{ margin-right:0;}
#contentArea ul.catList li a{ display:block; background:#f5f5f5; color:#000000; transition: all 0.3s ease;}
#contentArea ul.catList li a:hover{ text-decoration:none; background:#e5f4fb;}
#contentArea ul.catList li a span{ display:block;}
#contentArea ul.catList li a .catName{ font-size:120%; font-weight:bold; color:#0078ac; padding:10px 15px;}
#contentArea ul.catList li a .catDsc{ padding:0 15px 10px;}

/*-----pdfList-----*/
#contentArea ul.pdfList{ margin:0;}
#contentArea ul.pdfList li{ width:482px; float:left; margin:0 0 29px; background:none; padding:0;}
#contentArea ul.pdfList li.pdfR{ float:right;}
#contentArea ul.pdfList li a{ display:block; background:#f5f5f5; padding:17px 14px 18px; color:#000000; transition: all 0.3s ease;}
#contentArea ul.pdfList li a:hover{ text-decoration:none; background:#e5f4fb;}
#contentArea ul.pdfList li a .pdfImg{ float:right; margin-left:15px;}
#contentArea ul.pdfList li a .pdfName{ display:block; color:#0096d7; font-weight:bold; overflow:hidden; margin-bottom:10px;}
#contentArea ul.pdfList li a .pdfName span{ font-weight:normal; display:inline-block;}
#contentArea ul.pdfList li a .pdfName span:after{ content:''; display:inline-block; width:12px; height:17px; background:url(../img/icon_dl_bl.png) no-repeat; vertical-align:middle;}
#contentArea ul.pdfList li a .pdfName img{ vertical-align:middle;}
#contentArea ul.pdfList li a .pdfDate{ display:block; margin-bottom:10px;}
#contentArea ul.pdfList li a .pdfDsc{ display:block; overflow:hidden;}
#contentArea .grArea ul.pdfList li{ width:337px; margin:0 0 10px;}
#contentArea .grArea ul.pdfList li a{ background:#ffffff;}
#contentArea .grArea ul.pdfList li a:hover{ background:#e5f4fb;}

/*-----news-----*/
#newsSort{ background:#303030; padding:9px; margin:-42px 0 28px;}
#newsSort .ySelect{ float:left; width:390px;}
#newsSort .selectArea{ background:#505050; color:#ffffff; font-weight:bold; width:224px; float:left; margin-right:10px; position:relative;}
#newsSort .selectArea:after{ content:''; width:0px; height:1px; display:inline-block; border-top:7px solid #ffffff; border-right:8px solid #505050; border-left:8px solid #505050; position:absolute; top:13px; right:10px;}
#newsSort .selectArea .selectBox{ display:block !important; z-index:100;}
#newsSort .selectArea select.selectBox{ background:#ffffff;}
#newsSort .selectArea .selectBox .customSelectInner{ padding:5px 30px 5px 14px; display:block !important; width:auto !important;}
#newsSort .ysBtn{ background:#0096d7; color:#ffffff; font-weight:bold; border:none; border-radius:16px; padding:5px 20px; cursor:pointer; float:left;}
#newsSort .ysBtn:hover{ background:#0078ac;}
#newsSort ul{ float:left; margin:0; padding:0; width:540px;}
#newsSort ul li{ float:left; margin:0 3px 0 0; background:none; padding:0;}
#newsSort ul li span{ display:block; background:#505050; color:#ffffff; font-weight:bold; padding:5px 13px; text-align:center; min-width:124px; cursor:pointer; position:relative;}
#newsSort ul li span:hover{ background:#606060;}
#newsSort ul li span.selected{ background:#ffffff; color:#0096d7;}
#newsSort ul li span.selected:after{ content:''; width:1px; height:1px; display:inline-block; border-top:6px solid #ffffff; border-right:6px solid #303030; border-left:6px solid #303030; position:absolute; bottom:-7px; left:50%; margin-left:-7px;}
#newsSort .rssBtn{ float:right; display:inline-block; margin-top:3px;}
#contentArea .newsSwitch{ text-align:right; margin:-15px 0 20px;}

#contentArea ul.newsList{ margin:0 0 20px; padding:0; border-top:1px solid #606060;}
#contentArea ul.newsList li{ border-bottom:1px solid #606060; background:none; padding:0; margin:0;}
#contentArea ul.newsList li a,#contentArea ul.newsList li .nolink{ display:block; padding:15px 9px; transition: all 0.3s ease; margin: 0;}
#contentArea ul.newsList li a span,#contentArea ul.newsList li .nolink span{ display:block;}
#contentArea ul.newsList li .newsIcon{ float:left; margin-right:15px;}
#contentArea ul.newsList li .newsInfo{ overflow:hidden;}
#contentArea ul.newsList li .newsDate{ color:#000000; margin:-0.2em 0 10px;}
#contentArea ul.newsList li .newsNm{ color:#000000; margin:0.2em 0px 0px; font-size:86.6%;}
#contentArea ul.newsList li .newsTtl{ font-weight:bold;}
#contentArea ul.newsList li .newsTtl .newsPdf{ display:inline-block; width:12px; height:17px; background:url(../img/icon_dl_bl.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-left:3px;}
#contentArea ul.newsList li .newsTtl .newsUrl{ display:inline-block; width:16px; height:13px; background:url(../img/icon_ex_bl.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-left:3px;}
#contentArea ul.newsList li a:hover{ text-decoration:none; background:#e5f4fb;}
#contentArea ul.newsList.noborder{ border-top: none;}
#contentArea ul.newsList.noborder li{ border-bottom:none;}

#contentArea ul.eventList{ margin:0 0 20px; padding:0; border-top:1px solid #606060;}
#contentArea ul.eventList li{ border-bottom:1px solid #606060; background:none; padding:0; margin:0;}
#contentArea ul.eventList li a{ display:block; padding:25px 9px; transition: all 0.3s ease;}
#contentArea ul.eventList li a:hover{ text-decoration:none; background:#e5f4fb;}
#contentArea ul.eventList li a span{ display:block;}
#contentArea ul.eventList li a .eventIcon{ width:67px; float:left; margin-right:15px; line-height:0.1;}
#contentArea ul.eventList li a .eventIcon img{ display:block; margin:0 0 12px;}
#contentArea ul.eventList li a .eventInfo{ overflow:hidden;}
#contentArea ul.eventList li a .eventTtl{ font-size:120%; font-weight:bold; margin:-0.2em 0 10px;}
#contentArea ul.eventList li a .eventTtl .eventNew{ font-size:83.3%; display:inline-block; background:#f34675; color:#ffffff; line-height:1.2; padding:0 2px 2px; vertical-align:middle;}
#contentArea ul.eventList li a .eventTtl .eventPdf{ display:inline-block; width:12px; height:17px; background:url(../img/icon_dl_bl.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-left:3px;}
#contentArea ul.eventList li a .eventTtl .eventUrl{ display:inline-block; width:16px; height:13px; background:url(../img/icon_ex_bl.png) no-repeat; text-indent:-9999px; overflow:hidden; margin-left:3px;}
#contentArea ul.eventList li a:hover .eventTtl .eventPdf{ background:url(../img/icon_dl_wh.png) no-repeat;}
#contentArea ul.eventList li a:hover .eventTtl .eventUrl{ background:url(../img/icon_ex_wh.png) no-repeat;}
#contentArea ul.eventList li a .newsDate{ color:#000000;}

#contentArea .relatedInfo{ background:#f5f5f5; padding:0;}
#contentArea .relatedInfo h3{ background:#e2e2e2; margin:0; border:none; padding:10px 15px; font-size:100%;}
#contentArea .relatedInfo ul{ margin:0; padding:12px 17px;}

#contentArea .entryClosed{ border: 10px solid #f1f3d5; padding: 30px; text-align: center; margin: 25px 0 40px; font-size: 133%; color: #FF4500; }
#contentArea .entryBox{ background:#f1f3d5; text-align:center; padding:30px 50px 40px; margin:25px 0 40px;}
#contentArea .entryBox p{ background:url(../img/entry_bg.png) bottom no-repeat; margin:0 0 12px; padding:0 0 35px;}

/*-----service-----*/
#contentArea .pickupBox{ border-bottom:2px solid #d8d8d8; padding-bottom:10px;}
#contentArea .pickupBox h3{ margin:0 0 10px; text-align:center; border:none; padding:0; line-height:0.1;}
#contentArea .pickupBox ul.puLinks{ margin:0 0 30px;}
#contentArea .pickupBox ul.puLinks li{ width:245px; margin:0; padding:0; float:left; line-height:1.4; background: #fafafa; background: -moz-linear-gradient(-45deg,  #fafafa 0%, #ececec 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fafafa), color-stop(100%,#ececec)); background: -webkit-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: -o-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: -ms-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: linear-gradient(135deg,  #fafafa 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ececec',GradientType=1 );}
#contentArea .pickupBox ul.puLinks li a{ display:block; color:#000000; font-weight:bold; text-align:center; padding:14px 45px 20px;}
#contentArea .pickupBox ul.puLinks li a:hover{ text-decoration:none; color:#0096d7;}
#contentArea .pickupBox ul.puLinks li a span{ display:block; padding-top:100px; position:relative;}
#contentArea .pickupBox ul.puLinks li a span:before{ content:''; display:block; position:absolute; top:0px; left:0px; width:155px; height:82px;}
#contentArea .pickupBox a.linkPage{ font-weight:bold; color:#000000; margin-right:14px;}
#contentArea .pickupBox a.linkPage:hover{ text-decoration:none; color:#0096d7;}

#contentArea .srvList{ width:648px; float:left;}
#contentArea .srvList a{ display:block; width:316px; color:#000000; font-weight:bold; font-size:120%; background: #fafafa; background: -moz-linear-gradient(-45deg,  #fafafa 0%, #ececec 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fafafa), color-stop(100%,#ececec)); background: -webkit-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: -o-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: -ms-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: linear-gradient(135deg,  #fafafa 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ececec',GradientType=1 );}
#contentArea .srvList a:hover{ text-decoration:none; color:#0096d7;}
#contentArea .srvList a.btnMnfc{ float:left;}
#contentArea .srvList a.btnName{ float:right;}
#contentArea .srvList a span{ display:block; margin-right:15px; padding:35px 100px 35px 25px; position:relative;}
#contentArea .srvList a.btnMnfc span:after{ content:''; display:block; width:71px; height:65px; background:url(../img/icon_manufacturer.png) 0 0 no-repeat; position:absolute; right:0px; top:50%; margin-top:-32px;}
#contentArea .srvList a.btnMnfc span:hover:after{background:url(../img/icon_manufacturer.png) 0 -65px no-repeat;}
#contentArea .srvList a.btnName span:after{ content:''; display:block; width:70px; height:49px; background:url(../img/icon_name.png) 0 0 no-repeat; position:absolute; right:0px; top:50%; margin-top:-25px;}
#contentArea .srvList a.btnName span:hover:after{background:url(../img/icon_name.png) 0 -49px no-repeat;}
#contentArea .srvKey{ width:316px; float:right;}
#contentArea .srvKey .srvSerach{ background: #fafafa; background: -moz-linear-gradient(-45deg,  #fafafa 0%, #ececec 100%); background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#fafafa), color-stop(100%,#ececec)); background: -webkit-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: -o-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: -ms-linear-gradient(-45deg,  #fafafa 0%,#ececec 100%); background: linear-gradient(135deg,  #fafafa 0%,#ececec 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#ececec',GradientType=1 ); padding:27px 20px;}

#contentArea .srvKey #SS_searchQuery2 { margin-right:2px; border:2px solid #e6e7eb; background:#ffffff !important; width:210px; padding:10px 5px;  vertical-align: middle;}
#contentArea .srvKey #SS_searchSubmit2 { border:none; border-radius:0px; width:44px; height:44px; overflow:hidden; padding:0; background:url(../img/btn_search_service.png) no-repeat #354d9a; text-indent:-9999px; overflow:hidden; cursor:pointer; vertical-align: middle; }
#contentArea .srvKey #SS_searchSubmit2:hover{ background-color:#0096d7;}

#serviceFilter{ background:#303030; margin:0 0 28px; padding:9px 22px; color:#ffffff; text-align:center; position:relative;}
#serviceFilter .srvCount{ font-size:140%; font-weight:bold; position:absolute; top:7px; left:10px;}
#serviceFilter #srvReset{ font-weight:bold; position:absolute; top:7px; right:10px; background:#505050; border-radius:20px; padding:5px 15px; cursor:pointer;}
#serviceFilter #srvReset:hover{ background:#0096d7;}
#serviceFilter #srvSelect{ display:inline-block; background:#505050; font-size:120%; font-weight:bold; text-align:center; margin:0 0 auto; padding:2px 60px 2px 35px; position:relative; cursor:pointer;}
#serviceFilter #srvSelect:after{ content:''; width:0px; height:1px; display:inline-block; border-top:7px solid #ffffff; border-right:8px solid #505050; border-left:8px solid #505050; position:absolute; top:13px; right:10px;}
#serviceFilter #srvSelect.open:after{ border-top:none; border-bottom:7px solid #ffffff;}
#serviceFilter #srvSelect.open:before{ content:''; position:absolute; left:0px; bottom:-9px; right:0px; height:9px; display:block; background:#505050;}

#srvCatList{ position:relative; text-align:left; background:#505050; margin:0 -22px;}
#srvCatList ul{ margin:9px 0 -9px; padding:15px 22px 10px; display:none;}
#srvCatList ul li{ background:none; margin:0 0 10px; padding:0; float:left; width:312px;}
#srvCatList ul li span{ display:block; margin-right:20px; cursor:pointer; padding:5px;}
#srvCatList ul li span:hover,#srvCatList ul li span.selected{ background:#0096d7; color:#ffffff;}

#contentArea ul.serviceList{ margin:0;}
#contentArea ul.serviceList li{ width:316px; float:left; margin:0 16px 16px 0; background:none; padding:0;}
#contentArea ul.serviceList.detail li{ width:357px;}
#contentArea ul.serviceList li.srvR{ margin-right:0;}
#contentArea ul.serviceList li a{ display:block; background:#f5f5f5; padding:14px; color:#000000; transition: all 0.3s ease;}
#contentArea ul.serviceList li a:hover{ text-decoration:none; background:#e5f4fb;}
#contentArea ul.serviceList li a .srvName{ display:block; font-size:120%; font-weight:bold; color:#0078ac; margin:0 0 10px;}
#contentArea ul.serviceList li a .srvInfo{ display:block; margin:0 0 10px; font-weight:bold;}
#contentArea ul.serviceList li a .srvCat{ display:inline-block; background:#b2dff3; font-size:86.6%; margin:0 5px 5px 0; padding:2px 12px 5px;}
#contentArea ul.serviceList li a .srvTagBox{ display:block;}
#contentArea ul.serviceList li a .srvTag{ display:inline-block; background:#d9d9d9; font-size:86.6%; margin:0 5px 5px 0; padding:2px 12px 5px;}

#contentArea ul.movList{ margin:0;}
#contentArea ul.movList li{ width:316px; float:left; margin:0 16px 30px 0; background:none; padding:0;}
#contentArea ul.movList li.movR{ margin-right:0;}
#contentArea ul.movList li a{ display:block; color:#000000;}
#contentArea ul.movList li a:hover{ text-decoration:none;}
#contentArea ul.movList li a span{ display:block;}
#contentArea ul.movList li a .movName{ font-size:120%; font-weight:bold; color:#0096d7; margin:10px 0;}
#contentArea .grArea ul.movList{ margin:0 10px;}
#contentArea .grArea ul.movList li{ margin:0 0 10px 0;}
#contentArea .grArea ul.movList li.movR{ margin-right:0; float:right;}
#contentArea .grArea ul.movList li a .movName{ font-size:100%;}
#contentArea ul.relatedList{ margin:0;}
#contentArea ul.relatedList li{ margin:18px 0; background:none; padding:0;}
#contentArea ul.relatedList li a{ display:block; background:#ffffff; padding:14px; color:#000000; transition: all 0.3s ease;}
#contentArea ul.relatedList li a:hover{ text-decoration:none; background:#e5f4fb;}
#contentArea ul.relatedList li a .srvName{ display:block; font-size:120%; color:#0078ac; font-weight:bold;}
#contentArea ul.relatedList li a .srvCatch{ display:block; margin-top:5px; font-weight:bold;}
#contentArea ul.relatedList li a .srvInfo{ display:block; margin-top:5px;}

#contentArea .relatedManu{ background:#ffffff; padding:10px 20px 5px;}

#contentArea ul.tabNav{ margin:-64px 0 0 0 !important;}
#contentArea ul.tabNav li{ margin:0; padding:0; background:none; float:left;}
#contentArea ul.tabNav li + li{ border-left:1px solid #ffffff;}
#contentArea ul.tabNav li a{ display:block; background:#606060; color:#ffffff; font-weight:bold; padding:10px 15px 12px; position:relative;}
#contentArea ul.tabNav li a:hover{ text-decoration:none; background:#808080;}
#contentArea ul.tabNav li a.active{ background:#0096d7;}
#contentArea ul.tabNav li a.active:after{ content:''; width:1px; height:1px; display:inline-block; border-top:6px solid #0096d7; border-right:6px solid #ffffff; border-left:6px solid #ffffff; position:absolute; bottom:-7px; left:50%; margin-left:-7px;}

#contentArea ul.exList{ margin:0;}
#contentArea ul.exList li{ margin:0 0 10px; padding:0; background:none;}
#contentArea ul.exList li a{ display:block; background:#ffffff; padding:15px; color:#000000;}
#contentArea ul.exList li a:hover{ text-decoration:none; background:#e5f4fb;}
#contentArea ul.exList li .exImg{ float:left; margin-right:12px;}
#contentArea ul.exList li a span{ display:block;}
#contentArea ul.exList li a .exName{ font-size:120%; font-weight:bold; color:#0096d7; margin-bottom:5px;}

#contentArea .caseDetail { margin-top: 23px; }
#contentArea .caseDetail .detailContent { float: left; width: 800px; }
#contentArea .caseDetail .detailContent .wysiwyg > :first-child { margin-top: 0 !important; }
#contentArea .caseDetail .detailPic { float: right; width: 150px; margin-top: 7px; }

#contentArea .caseDetail .casePic { margin: 0; }
#contentArea .caseDetail .casePic li { margin: 15px 0 0 0; padding: 0; background: none; }
#contentArea .caseDetail .casePic li:first-child { margin-top: 0; }
#contentArea .caseDetail .casePic dl dd { margin-top: 5px; font-size:86.6%; }
/* #contentArea .caseDetail .casePic dl dt img { border: 1px solid #716966; } */

#contentArea .caseProf h2 { margin-bottom: 15px; }
#contentArea .caseProf dl { float: left; width: 235px; margin-right: 35px; }
#contentArea .caseProf dl dt { font-size: 126%; font-weight: bold; }
#contentArea .caseProf p { overflow: hidden; }

#contentArea .caseAtten { font-size:86.6%; text-align: left; }
#contentArea .caseAtten li { padding-left: 0; background: none; }

#contentArea .pagination { margin-top: 30px; text-align: center; letter-spacing: -0.3em; }
#contentArea .pagination li { display: inline-block; margin: 0 5px; padding: 0; background: none; vertical-align: middle; letter-spacing: normal; }
#contentArea .pagination li a,
#contentArea .pagination li span { display: block; padding: 10px; border: 1px solid #ccc; line-height: 1; }
#contentArea .pagination li span { font-weight: bold; }

/* add 2021/01 */
#recruitNav{
	position: relative;
	margin: -30px 0 30px;
}
#recruitNav .navPosition{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	background: #0096d7;
	z-index: +1;
}
#recruitNav.is-fixed .navPosition{
	position: fixed;
}
#recruitNav .navPosition .navArea{
	width: 980px;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #ffffff;
}
#recruitNav .navPosition .navArea a{
	color: #ffffff;
}
#recruitNav .navL ul{
	display: flex;
}
#recruitNav .navL ul li{
	position: relative;
}
#recruitNav .navL ul li + li:before{
	content: '';
	display: inline-block;
	position: absolute;
	left: 0px;
	top: 50%;
	width: 1px;
	height: 2em;
	background: #ffffff;
	margin-top: -1em;
}
#recruitNav .navL a{
	display: block;
	padding: 23px 16px;
	font-weight: bold;
}
#recruitNav .navL a:hover{
	background: #0078ac;
	text-decoration: none;
}
#recruitNav .navR{
	display: flex;
	align-items: center;
}
#recruitNav .navR h2{
	font-size: 160%;
	font-weight: bold;
}
#recruitNav .navR ul{
	margin-left: 24px;
	display: flex;
}
#recruitNav .navR ul li a{
	display: block;
	text-align: center;
	padding: 10px 0 0;
}
#recruitNav .navR ul li a:hover{
	text-decoration: none;
}
#recruitNav .navR ul li a.btnBl{
	background: #354d9a;
}
#recruitNav .navR ul li a.btnOr{
	background: #ff7335;
}
#recruitNav .navR ul li a.btnBl:hover{
	background: #283a73;
}
#recruitNav .navR ul li a.btnOr:hover{
	background: #e35a1d;
}
#recruitNav .navR ul li a .btnLabel{
	display: inline-block;
	font-weight: bold;
	position: relative;
	padding-left: 26px;
}
#recruitNav .navR ul li a .btnLabel:before{
	content: '';
	display: inline-block;
	width: 16px;
	height: 16px;
	background: url(../img/icon_entry.png) center no-repeat;
	position: absolute;
	left: 0px;
	top: 50%;
	margin-top: -8px;
}
#recruitNav .navR ul li a .btnYear{
	margin-top: 9px;
	display: block;
	border-top: 1px solid rgba(255,255,255,0.25);
	font-size: 80%;
	font-weight: bold;
	padding: 4px 20px;
}