@charset "utf-8";

/* HoneyComb Techno Research Inc -------------------------

　ハニカム・テクノリサーチ
　
　Update:2018.6.26
　CSS Name:base.css

---------------------------------------------------------- */


/* Reset ------------------------------------------------- 
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,/*strong,*/th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{vertical-align:baseline;}
legend{color:#000;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}


/* ClearFix ---------------------------------------------- 
---------------------------------------------------------- */

.cf:before, .cf:after, #contWrap:after, #contentsArea:after, .tabAtcl ul li:after,
#breadcrumb ul:after, .newsList li:after, .LPbox:after
{
	content:"";
	display:table;
}
.cf:after, #contWrap:after, #contentsArea:after, .tabAtcl ul li:after,
#breadcrumb ul:after, .newsList li:after, .LPbox:after
{
	clear:both;
}
.cf{
	zoom:1;
}


/* Base Style -------------------------------------------- 
---------------------------------------------------------- */

body { font: 12px/1.6 "メイリオ", "Meiryo", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;}

a{outline:none;}
a:link,a:visited{
	color: #0059A3;
 text-decoration:none;
}

a:hover{
	color:#555;
	text-decoration:none;
}

a img { vertical-align:middle; }

a:hover img {
	opacity:0.8;
	-ms-filter: "alpha(opacity=80)";
	display:inline-block\9;/* ie8 */
	zoom: 1\9;/* ie8 */
}


.alC { text-align:center; }
.alR { text-align:right; }

hr {
	display:block;
	margin:20px 0;
	height: 1px;
	border: 0;
	border-top: 1px dotted #666;
}

.must { color:#FF0000; margin-left:5px; }


.imgR { float:right; margin:0 0 10px 10px; }
.imgL { float:left; margin:0 10px 10px 0; }

.hide { display:none; }


/* font style */
.txt10 { font-size:10px; }
.txt14 { font-size:14px; }
.txt16 { font-size:16px; }
.txt18 { font-size:18px; }
.red {color:#C00; }
.blue {color: #0067B5;}
.green {color: #00A63D;}

.mgnT10 { margin-top:10px; }
.mgnT20 { margin-top:20px; }
.mgnT40 { margin-top:40px; }
.mgnB10 { margin-bottom:10px; }
.mgnB20 { margin-bottom:20px; }
.mgnB40 { margin-bottom:40px; }

#header .logo a, #tTab li a, #tNav li a, #gNav li a,
#footer .fInfo li a, #sideContent .contact span
{
	overflow:hidden;
	text-indent: 100%;
    white-space: nowrap;
}


/* List Style */
.ltTxt {
	background:url(../images/lt_sq_blue.gif) no-repeat left 6px;
	padding:2px 0 2px 20px;
}


/* Base Layout ------------------------------------------- 
---------------------------------------------------------- */

body {
	/*background:url(../images/header-bg.jpg) repeat-x;*/
}

#wrapper, #footer .fNav {
	width:970px;
	margin:0 auto;
}

#mainContent {
	float: left;
	width: 725px;
}

#contentsArea {
	padding-bottom:40px;
}

#sideContent {
	width: 235px;
	margin-left:735px
}


/* Header ------------------------------------------------ 
---------------------------------------------------------- */

#header {
	position:relative;
}

#header .logo {
	position:absolute;
	top:58px;
	width:324px;
}

#header .logo span {
	font-size:10px;
	display:block;
	text-align:right;
	color:#616161;
}

#header .logo a {
	background:url(../images/honeycomb.gif) no-repeat;
	display:block;
	height:32px;
	width:324px;
}

/* top navigation */
#header .seo {
	position:absolute;
	font-size:10px;
	color:#FFF;
	top:10px;
}

#tTab {
	width:588px;
	position:absolute;
	top:5px;
	right:0;
	height:30px;
}

#tTab li {
	float: left;
	padding-left: 7px;
}

#tTab li a {
	height: 30px;
	width: 140px;
	display: block;
	background:url("/club/common/images/ttab.jpg?v=1.2") 0 0;
}

#tTab li.hc a { background-position:0 -30px; }
#tTab li.cs a { background-position:-140px -30px; }
#tTab li.gb a { background-position:-280px -30px; }
#tTab li.sh a { background-position:-420px -30px; }

#tTab li.hc a.current { background-position:0 0; }
#tTab li.cs a.current { background-position:-140px 0; }
#tTab li.gb a.current { background-position:-280px 0; }
#tTab li.sh a.current { background-position:-420px 0; }


#tNav {
	position:absolute;
	top:50px;
	right:0;
	width:235px;
}

#tNav ul {
	margin-left:25px;
}

#tNav li {
	float: left;
}

#tNav li a {
	height: 12px;
	width: 45px;
	display: block;
	background:url(../images/tnav.gif) 0 0;
	margin-right:27px;
}

#tNav li.recruit a {
	background-position:0 -12px;
	width: 55px;
}

#tNav li.access a {
	background-position:0 -24px;
	width: 55px;
	margin:0;
}

#tNav .serchForm input {
	margin-top:10px;
	
}

#tNav .serchForm input[type=search] {
	width:190px;
	border:none;
	height: 27px;
	padding-left: 5px; 	
	line-height: 27px !important;
	background:url(../images/btn-searchform.png) no-repeat;
}

#tNav .serchForm input[type=image] {
	position: absolute;
	right: 0;
	top: 12px;
}

/* global navigation */

#gNav {
	/*position:absolute;
	top:121px;*/
	margin-top:120px;
	height:50px;
}

#gNav li {
	position: relative;
	float: left;
	z-index:100;
}

#gNav li a {
	height: 50px;
	width: 162px;
	display: block;
	background:url(../images/gnav.png) 0 0;
}
#gNav li a:hover { opacity:1.0; -ms-filter: "alpha(opacity=100)"; } 

#gNav li.home a    { width:161px; }
#gNav li.service a { background-position:-161px 0; }
#gNav li.seminar a { background-position:-323px 0; }
#gNav li.press a   { background-position:-485px 0; }
#gNav li.company a { background-position:-647px 0; }
#gNav li.contact a { background-position:-809px 0; width:161px; }

#gNav li.home a:hover    { background-position:0 -50px; }
#gNav li.service a:hover { background-position:-161px -50px; }
#gNav li.seminar a:hover { background-position:-323px -50px; }
#gNav li.press a:hover   { background-position:-485px -50px; }
#gNav li.company a:hover { background-position:-647px -50px; }
#gNav li.contact a:hover { background-position:-809px -50px; }

#gNav li.home a.current    { background-position:0 -100px; }
#gNav li.service a.current { background-position:-161px -100px; }
#gNav li.seminar a.current { background-position:-323px -100px; }
#gNav li.press a.current   { background-position:-485px -100px; }
#gNav li.company a.current { background-position:-647px -100px; }
#gNav li.contact a.current { background-position:-809px -100px; }

#gNav li ul {
	display: none;
	background:url(../images/pd-hd.png) top center no-repeat;
	position: absolute;
	top: 50px;
	left: -20px;
	width: 207px;
	padding-top:7px;
	border-bottom:1px solid #005B9C;
}

#gNav li ul li {
	float:none;
	border:1px solid #005B9C;
	border-bottom:none;
}

#gNav li ul li a {
	overflow:visible;
	text-indent:0;
	white-space:normal;
	background:none;
	background-color:#F3F5F5;
	height:auto;
	width: 195px;	
	display: block;
	padding: 8px 5px 8px 5px;
	text-decoration: none;
}

#gNav li ul li a:hover {
	background-color: #D7F1FD;
}

/* breadcrumb navigation */

#breadcrumb {
	padding:10px 0;
}

#breadcrumb li {
	float:left;
	background:url(../images/bread_arw.gif) no-repeat 0 5px;
	margin-left:10px;
	padding-left:10px;
}

#breadcrumb li.home {
	background:url(../images/bread_top.gif) no-repeat 0 0;
	padding-left:20px;
}
	


/* Side Content ------------------------------------------ 
---------------------------------------------------------- */

#sideContent .contact, #sideContent .melmaga,
#sideContent .semlist, #sideContent .ranking,
#sideContent .sdBnr, #sideContent .sdBnrpl
{
	margin-bottom:10px;
}

#sideContent .sdBnrpl li {
	float:left;
	margin-bottom:10px;
}
#sideContent .sdBnrpl li.ev {
	margin-left:8px;
}

#sideContent .contact {
	background-color:#E9EEEF;
	padding:5px 0;
	text-align:center;
}

#sideContent .contact span {
	display:block;
	padding:4px 0;
	margin-bottom:10px;
	background:url(../images/sd-contact-ttl.png) no-repeat 50% 50% #CDD4D7;
}

#sideContent .contact a { margin-top: 10px; display:block; }


#sideContent .semlist, #sideContent .ranking {
	border:4px solid #E0E8E9;
	border-radius:4px;
	padding:2px;
}

#sideContent .semlist .ttl, #sideContent .ranking .ttl {
	background:url(../images/sd-list-ttl.jpg) repeat-x;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:9px 0;
}

#sideContent .semlist dl { margin: 5px 7px 0 7px; }
#sideContent .semlist dd { margin-bottom:10px }

#sideContent .rankTab {
	position:relative;
	height:180px;
	padding-top:5px;
}

#sideContent .tabMenu {
        width:110px;
        height:15px;
        float:left;
        padding:5px 0;
        text-align:center;
        display:block !important;
        cursor: pointer;
		border-bottom:1px solid #CDD4D7;
}

#sideContent .hover {
	border:1px solid #CDD4D7;
	border-bottom:none;
}

#sideContent .ranking ol {
	margin: 15px 0 10px 10px;
	counter-reset: li;
	position:absolute;
	top:30px;
    left:0;
}

#sideContent .ranking ol li {
    list-style:none;
    position:relative;
    margin-bottom:10px;
}

#sideContent .ranking ol.rnkno { visibility:hidden; } 

#sideContent .ranking ol li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    width:16px;
	height:16px;
    color:#fff;
    background:url(../images/lt-sq-red.png) no-repeat;
	list-style:decimal;
    text-align:center;
	
}

#sideContent .ranking ol li a {
	padding:0 0 0 20px;
	display:block;
	width:185px;
	overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}


/* side navigation */

#sdNav { margin-bottom:15px; }

#sdNav .navHd {
	background:url(../images/sdttl-bg.png) no-repeat;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	padding:10px;
	min-height:20px;
	text-align:center;
}

#sdNav li.sndChld {
	border:1px solid #BFBFBF;
	border-top:none;
}

#sdNav li.sndChld a {
	display:block;
	color:#000;
	padding: 10px 10px 10px 15px;
	text-decoration:none;
	background: url(../images/lt-tri-blu.png) no-repeat 8px 15px, -prefix-linear-gradient( top, #FFF 75%, #EBF0F1 100%);
	background: url(../images/lt-tri-blu.png) no-repeat 8px 15px, linear-gradient(to bottom, #FFF 75%, #EBF0F1 100%);
	background: url(../images/lt-tri-blu.png) no-repeat 8px 15px\9;/* ie8 */

}

#sdNav li.sndChld a:hover {
	background: url(../images/lt-tri-nvy.png) no-repeat 8px 15px, -prefix-linear-gradient( top, #F5F5F5 75%, #E5E9EA 100%);
	background: url(../images/lt-tri-nvy.png) no-repeat 8px 15px, linear-gradient(to bottom, #F5F5F5 75%, #E5E9EA 100%);
	background: url(../images/lt-tri-nvy.png) no-repeat 8px 15px #E5E9EA\9;/* ie8 */
}

#sdNav li.sndChld a.current {
	background: url(../images/lt-tri-nvy.png) no-repeat 8px 15px, -prefix-linear-gradient( top, #CCE0EF 75%, #BCD4E3 100%);
	background: url(../images/lt-tri-nvy.png) no-repeat 8px 15px, linear-gradient(to bottom, #CCE0EF 75%, #BCD4E3 100%);
	background: url(../images/lt-tri-nvy.png) no-repeat 8px 15px #CCE0EF\9;/* ie8 */
	border-top:1px solid #FFF;
}

#sdNav li.sndChld ul {
	border-top:1px solid #BFBFBF;
}

#sdNav li.sndChld ul li {
	border-left:3px solid #BCD4E3;
	border-right:3px solid #BCD4E3;
	border-bottom: 1px dashed #BFBFBF;
}

#sdNav li.sndChld ul li:last-child {
	border-bottom:3px solid #BCD4E3;
}

#sdNav li.sndChld ul li a {
	display:block;
	padding:7px 5px;
	filter: none;
	background: none;
}

#sdNav li.sndChld ul li a:hover {
	background: none;
	color: #0093D0;
	filter: none;
}	


/* Footer ------------------------------------------------ 
---------------------------------------------------------- */

.pageTop {
	text-align:right;
}
.pageTop img { vertical-align:bottom; }

#footer {
	background-color:#F2F2F2;
 border-top:1px solid #CCC;
}

#footer a { color:#333; }

#footer li.sv {
	width:230px;
	float:left;
	margin-right:12px;
}

#footer li.sv:last-child { margin-right:0; }

#footer li.sv span {
	background-color:#D8D7D7;
	text-align:center;
	padding:5px;
	font-weight:bold;
	display:block;
	margin:15px 0 10px 0;
}

#footer li.sv span.lnW { padding:14px 0; }

#footer li.sv li {
	margin:4px;
	font-size:80%;
	background:url(../images/lt-cl-blu.png) no-repeat 0 5px;
	padding-left:10px; 
}

#footer .fInfo {
	background-color:#565656;
	height:35px;
	margin-top:15px;
}

#footer .fInfo .fNav { position:relative; }

#footer .fInfo ul {
	position:absolute;
	top:12px;
	left:0;
	width:350px;
}

#footer .fInfo li {
	float: left;
}

#footer .fInfo li a {
	height: 11px;
	width: 111px;
	display: block;
	background:url(../images/fnav.png) 0 0;
	margin-right:27px;
}

#footer .fInfo li.policy a {
	background-position:0 -11px;
	width: 85px;
}

#footer .fInfo .copyright {
	color:#FFF;
	font-size:90%;
	text-align:right;
	line-height:3.0;
}


/* Main Content ------------------------------------------ 
---------------------------------------------------------- */

/* news icon */

.icoPress, .icoNews, .icoSeminar,
.icoTopics, .icoGHS, .icoKiken, .icoShinki, .icoShoku,
.icoYushutu, .icoKesho, .icoYakuhin, .icoNoyaku 
{
	width: 98px;
	height: 16px;
	float: left;
	font-size: 12px;	
	line-height: 1.5;
	text-align: center;
	margin-right:5px;
	overflow: hidden;
}

.icoPress   { border: 1px solid #3A922C; background-color:#E9F8E7; color: #3A922C; }
.icoNews    { border: 1px solid #8C4600; background-color:#F4F0EA; color: #8C4600; }
.icoSeminar { border: 1px solid #5900B2; background-color:#FBF0FF; color: #5900B2; }

.icoTopics  { border: 1px solid #005B9C; background-color:#F0F8FF; color: #005B9C; }
.icoGHS     { border: 1px solid #660066; background-color:#FCF0FD; color: #660066; }
.icoKiken   { border: 1px solid #D93701; background-color:#FFF4F0; color: #D93701; }
.icoShinki  { border: 1px solid #879429; background-color:#F5F8E7; color: #879429; }
.icoShoku   { border: 1px solid #ED9C05; background-color:#FCF3E2; color: #ED9C05; }
.icoYushutu { border: 1px solid #cc6600; background-color:#F7F2E6; color: #cc6600; }
.icoKesho   { border: 1px solid #D35A7E; background-color:#FFF0F5; color: #D35A7E; }
.icoYakuhin { border: 1px solid #2A9494; background-color:#E7F8F8; color: #2A9494; }
.icoNoyaku  { border: 1px solid #996666; background-color:#FFF4F0; color: #996666; }


#pageDtl {
	padding:0 20px;
}

#contentsArea h1 {
	background:url(../images/h1_bg.png) repeat-x;
	padding:25px 15px 20px 15px;
	margin-bottom:15px;
	font-size:32px;
	border-bottom:1px solid #BFBFBF;
}

#contentsArea h2 {
	background:url(../images/h2_bg.png) no-repeat left bottom;
	padding:5px 10px 0 0;
	font-size:20px;
	font-weight:bold;
	min-height:40px;
	margin:0 0 15px 0;
}

#contentsArea h3 {
	background:url(../images/h3_bg.png) repeat-x left bottom;
	padding: 0 0 5px 0;
	margin:25px 0 15px 0;
}

#contentsArea h3 span {
	background:url(../images/h3_hd.png) no-repeat 0 3px;
	padding:0 10px 0 20px;
	font-size:16px;
	font-weight:bold;
	display:block;
}

#contentsArea h4 {
	border:1px solid #CDCDCF;
	border-bottom:2px solid #0092D7;
	background: -prefix-linear-gradient( top, #FFF, #EDEDED 3%, #FFF 50%);
	background: linear-gradient(to bottom, #FFF, #EDEDED 3%, #FFF 50%);
	font-size: 14px;
	font-weight: bold;
	padding: 7px 10px;
	margin: 25px 0 10px 0;
}

#contentsArea h4 span {
	border-left:5px solid #0092D7;
	padding-left:5px;
}

#contentsArea h5 {
	background:url(../images/lt-cl-grn.png) no-repeat 0 6px;
	border-bottom:1px dotted #B4B4B6;
	font-size:14px;
	font-weight:bold;
	padding: 0 10px 2px 15px;
	margin:25px 0 10px 0;
}

#pageDtl p, #pageDtl ul.cmnLt, #pageDtl ol.cmnLt { margin-bottom:15px; font-size:105%; }
#pageDtl ul.cmnLtMB0, #pageDtl ol.cmnLtMB0 { font-size:105%; }

#pageDtl ol.cmnLt li, #pageDtl ol.cmnLtMB0 li {
	list-style:decimal;
	margin-left:25px;
	margin-bottom:3px;
}

#pageDtl ul.cmnLt li, #pageDtl ul.cmnLtMB0 li {
	background:url(../images/lt-cl-blu.png) 0 7px no-repeat;
	margin-left:5px;
	padding-left:12px;
	margin-bottom:3px;
}

#pageDtl ol.pkupLt {
	counter-reset: li;
}
#pageDtl ol.pkupLt li {
    position:relative;
    margin-bottom:10px;
	margin-left:27px;
}

#pageDtl ol.pkupLt li:before {
    content:counter(li);
    counter-increment:li;
    position:absolute;
    width:20px;
	height:20px;
	left:-27px;	
    background:url(../images/lt-sq-yelw.png) no-repeat;
    text-align:center;	
}

#pageDtl ol.pkupLt li .liItem {
	font-size:14px;
	font-weight:bold;
	margin-bottom:5px;
}


/* box style */

.boxCmnBlu {
	background-color: #E0F3FE;
	padding: 10px 15px 1px 15px;
	margin-bottom:15px;
}

.boxCmnGry {
	border:5px solid #EEE;
	padding:10px 15px;
	margin-bottom:15px;
}

.boxAttentArea {
	background-color: #FCEBF0;
	padding: 10px;
}

.boxRegArea {	
	width: 480px;
	padding:15px;
	margin:10px auto;
	border: 2px solid #0092D7;
	text-align:center;
	background: #ffffdf;
}

/* Pagination */

.pagination {
	border-top:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
	padding:8px 0;
	margin-bottom:30px;
}

.pagination p {
	float:left;
	width:150px;
	font-size:14px;
}
.pagination ul {
	height:100%;
	overflow:hidden;
	list-style-type:none; }
.pagination ul li {
	float:left;
	margin-left:5px;
	padding-bottom:1px;
}
.pagination ul li:first-child { margin-left:0px; }
.pagination ul li a {
	display: block;
	text-decoration: none;
	border: solid 1px #CCC;
	border-radius: 3px;
	padding: 5px 9px 5px 9px;
	color: #005B9C;
	background-color: #E9EEEF;
}
.pagination ul li a img { border:none; }

.pagination ul li a:hover,
.pagination ul li a.current {
	color:#FFFFFF;
	box-shadow:0px 1px #EDEDED;
	border-color: #3D6DC3;
	background: #27AEEA;	
	background: -prefix-linear-gradient( top, #74CCF2 1px, #27AEEA 1px, #418CBD);
	background: linear-gradient(to bottom, #74CCF2 1px, #27AEEA 1px, #418CBD);
}

.newsList ul {
	margin-bottom:30px;
}

.newsList li {
	border-bottom:1px dotted #B4B4B6;
	padding:7px 0;
}

.newsList li .date {
	display: block;
	float:left;
	width:90px;
}

.newsList li .nTtl {
	width:585px;
	margin-left:90px;
	background:url(../images/lt-tri-org.png) 0 6px no-repeat;
	padding-left:10px;
}

.nDtlDate {
	width: 90px;
	background-color: #CDD4D7;
	padding: 4px;
	margin-top: 10px;
	border-radius: 5px 5px 0 0;
	text-align: center;
}

h1.newsTitle {
	background:url(../images/h1-bg-news.jpg) repeat-x;
	padding: 12px 10px 8px 10px;
	font-size: 18px;
	font-weight:bold;
	min-height:30px;
	margin-bottom:25px;
	border-top: 3px solid #0093D0;
	border-bottom: 1px solid #0093D0;
}


/* Table Style */

.cmnTbl {
	width:100%;
	margin:15px 0;
	border-top:1px solid #BFBFBF;
	border-left:1px solid #BFBFBF;
}

.cmnTbl th, .cmnTbl td {
	padding:8px 5px;
	border-right:1px solid #BFBFBF;
	border-bottom:1px solid #BFBFBF;
}

.cmnTbl th {
	background: -prefix-linear-gradient( top, #ECF0F1 2%, #ECF0F1 90%, #DCE4E7 100%) ;
	background: linear-gradient(to bottom, #ECF0F1 2%, #ECF0F1 90%, #DCE4E7 100%);
	background:  #ECF0F1\9; /*IE8*/;
}

.bsTbl th { width:170px; }

.infoTbl th {
	background: -prefix-linear-gradient( top, #DBEBFC 2%, #DBEBFC 90%, #C5DFFB 100%) ;
	background: linear-gradient(to bottom, #DBEBFC 2%, #DBEBFC 90%, #C5DFFB 100%);
	background:  #DBEBFC\9; /*IE8*/
	text-align:center;
	width:110px;
}

.infoTbl td.dtlth { background-color: #9BC8F9; }
.infoTbl td.dtltd { background-color:#ECECEC; }

.srvsTbl td {
	background:url(../images/srvs-alllist-lt.png) no-repeat 5px center;
	padding-left:20px;
}

.cntliTbl td {
	width:25%;
	padding:5px;
	text-align:center;
}

.cntliTbl tr:nth-child(even) {
	background-color: #E2EBF1;
}


.btnSet { margin-top:10px; }
.cmnTbl a img { margin-right: 7px; }

.infoTbl .semTtl {
	font-size:120%;
	font-weight:bold;
}


/* Form Style */

.ex { font-size:85%; margin-left:10px; }

.w180 { width:180px; }
.w250 { width:250px; }
.w300 { width:300px; }
.w450 { width:450px; }
.w600 { width:600px; }

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

#wrapper button, input[type="button"], input[type="reset"], input[type="submit"] {
	margin:0 15px;
	text-align: center;
	padding: 10px 60px;
	font-size:14px;
	font-weight:bold;
	text-shadow: 0 1px 1px rgba(0,0,0,.5);
	border-radius: 5px;
	box-shadow: 0 1px 2px rgba(0,0,0,.3);
	color: #FFF;
	border: solid 1px #003155;
	background: #178CD2;
	background: -prefix-linear-gradient( top, #178CD2, #005B9C) ;
	background: linear-gradient(to bottom, #178CD2, #005B9C);
	-pie-background: linear-gradient(#178CD2, #005B9C);
}

#wrapper button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover {
	background: #005B9C;
	background: -prefix-linear-gradient(top, #005B9C, #178CD2);
	background: linear-gradient(to bottom, #005B9C, #178CD2);
	-pie-background: linear-gradient(#005B9C, #178CD2);
}

input[type="reset"], input.backBtn {
	border: solid 1px #5F6B74;
	background: -prefix-linear-gradient( top, #959FA5, #788690) ;
	background: linear-gradient(to bottom, #959FA5, #788690);
	-pie-background: linear-gradient(#959FA5, #788690);
}

input[type="reset"]:hover, input.backBtn:hover {
	background: -prefix-linear-gradient( top, #788690, #959FA5) ;
	background: linear-gradient(to bottom, #788690, #959FA5);
	-pie-background: linear-gradient(#788690, #959FA5);
}


/* Service ----------------------------------------------- 
---------------------------------------------------------- */

.srvs-search {
	padding:15px 0;
	background-color:#E9EEEF;
	position:relative;
	text-align:center;
	z-index:10;
}

.srvs-search input[type=search] {
	width:400px;
	border:none;
	height: 27px;
	padding-left:5px;
	line-height: 27px !important;
	background:url(../images/btn-searchform.png) no-repeat;
}

.srvs-search input[type=image] {
	position: absolute;
	right: 113px;
	top: 15px;
}

.srvs-box {
	border:4px solid #0092D7;
	border-radius:5px;
	margin:20px 0 15px 0;
}

.srvs-box .ttl {
	background-color:#0092D7;
	padding:5px 10px;
	color:#FFF;
	font-size:16px;
	font-weight:bold;
}

.srvs-box .dtl {
	background:url(../images/srvs-alllist-hd.png) no-repeat 10px 0;
	padding:14px 10px 3px 10px;
}

.srvs-box li a {
	display:block;
	border:1px solid #CCC;
	border-radius:4px;
	padding:10px;
	margin-bottom:10px;
	color:#000;
	text-decoration:none;
	background: url(../images/srvs-alllist-bg.png) no-repeat 657px center, -prefix-linear-gradient( top, #FFF 50%, #F4F4F4 100%);
	background: url(../images/srvs-alllist-bg.png) no-repeat 657px center, linear-gradient(to bottom, #FFF 50%, #F4F4F4 100%);
	background: url(../images/srvs-alllist-bg.png) no-repeat 657px center, #FFF\9;/* ie8 */
	-pie-background: linear-gradient(#FFF 50%, #F4F4F4 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}

.srvs-box li a:hover {
	background: url(../images/srvs-alllist-bg.png) no-repeat 660px center, -prefix-linear-gradient( top, #F4F4F4 50%, #F0F0F0 100%);
	background: url(../images/srvs-alllist-bg.png) no-repeat 660px center, linear-gradient(to bottom, #F4F4F4 50%, #F0F0F0 100%);
	background: url(../images/srvs-alllist-bg.png) no-repeat 660px center, #F4F4F4\9;/* ie8 */
	-pie-background: linear-gradient(#F4F4F4 50%, #F0F0F0 100%);
}

.srvs-box li a .srvsN {
	display:block;
	font-size:14px;
	font-weight:bold;
	border-left:3px solid #0092D7;
	padding:2px 0 2px 5px;
}

.srvs-box li a .srvsT {
	display:block;
	margin-top:7px;
	padding: 7px 0 0 8px;
	border-top:1px solid #CCC;
	width:632px;
}

.srvsContact {
	background-color:#EFEFEF;
	padding:14px 0;
	margin:20px 0;
	text-align:center;
}

.srvsContact img { margin:0 15px; }


/* Seminar ----------------------------------------------- 
---------------------------------------------------------- */

.semLtTbl thead th {
	text-align:center;
	background: -prefix-linear-gradient( top, #CED5D6 2%, #CED5D6 90%, #B7C2C7 100%) ;
	background: linear-gradient(to bottom, #CED5D6 2%, #CED5D6 90%, #B7C2C7 100%);
	background:  #CED5D6\9; /*IE8*/
}

.semLtTbl tbody th {
	text-align:center;
	width:100px;
}

.semLtTbl .itemT {
	text-align: center;
	width: 60px;
	background-color: #CEE9FB;
}

.semLtTbl .orgC { width:330px; }

.semLtTbl .semTtl {
	font-size:110%;
	font-weight:bold;
}

.semLtTbl .speaker {
	padding:4px 0;
	margin:4px 0;
	border-top:1px dotted #BBB;
	border-bottom:1px dotted #BBB;
}

.semLtTbl .sponsor {
	font-size:85%;
	text-align:right;
}

.semLtTbl .semDtl {
	padding: 7px;
	margin-top: 5px;
	background-color: #E7F2F8;
}

.semLtTbl .states {
	width:65px;
	text-align:center;
}

.semLtTbl .states a img {
	margin-right: 0;
}

.noSeminr {
	border:2px dotted #EC84A8;
	padding:15px 180px 0 15px;
	margin-bottom:60px;
	min-height:125px;
	background:url(../images/nosmr-bg.png) top right no-repeat;
}


/* LP ---------------------------------------------------- 
---------------------------------------------------------- */

.LPbox {
	margin-top:40px;
	border:1px solid #CFCFCF;
	padding:15px 15px 0 15px;
	background: url(../images/rbn-pickup.png) no-repeat top right, -prefix-linear-gradient( top, #FFF 50%, #F4F4F4 100%);
	background: url(../images/rbn-pickup.png) no-repeat top right, linear-gradient(to bottom, #FFF 50%, #F4F4F4 100%);
	background: url(../images/rbn-pickup.png) no-repeat top right, #FFF\9;
	-pie-background: linear-gradient(#FFF 50%, #F4F4F4 100%);
	box-shadow: 0 1px 3px rgba(0,0,0,.2);
}


.LPbox .LPsrvsbtn {
	text-align:right;
}



/* New CSS --------------------------------------------- 
	
  Add:2018.6.14
  Update:2018.6.20

---------------------------------------------------------- */

/* basic style
---------------------------------------------------------- */
div.mainWrapper, div.contWrapper {
 width:1000px;
 margin:0 auto;
 position:relative;
}
div.mainWrapper *, div.contWrapper * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;  
}
div.contWrapper article {
 width:720px;
 float:left;
}
div.contWrapper .aside{
 width:250px;
 margin-bottom:40px;
 float:right;
}

/* header 
---------------------------------------------------------- */
header {
 /*background:url(../images/nav_bg_out.gif) repeat-x left bottom;*/
 height:155px;
}
header .logo {
 width:380px;
 position:absolute;
 top:40px;
}
header .logo div {
 font-size:11px;
 text-align:right;
}
header .hdBtn {
 position:absolute;
 right:0;
 top:10px;
 width:450px;
}
header .hdBtn .langLink  {margin-top:4px; }
header .hdBtn .langLink a {
 padding:2px 10px; 
 border-right:1px dotted #CCC;
}

header .serchForm { 
position:absolute;
top:0;
right:0;
}
header .serchForm input[type=search] {
	width:230px;
	border:none;
	height: 27px;
	padding-left: 5px; 	
	line-height: 27px !important;
 background:url(../images/btn-searchform.png) no-repeat;
}
header .serchForm input[type=image] {
	position: absolute;
	right: 0;
	top: 0;
}
header .chemispart {
 background-color:#42A731;
 border:1px solid #388B29;
 padding:4px 10px 0;
 margin-top:10px;
 color:#FFF;
 position:relative;
}
header .chemispart .stxt { font-size:11px; }
header .chemispart .ltxt {
 font-size:22px;
 font-weight:bold;
}
header .chemispart button { position:absolute; width:110px; height:30px; border:none; font-weight:bold; }
header .chemispart button::after {
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    content: "\f138";
    margin-left:5px;
  }
header .chemispart button.newmember {
 background-color:#DBEFF8;
 top:22px;
 right:130px;
 color:#005A9B;
}
header .chemispart button.memberlogin {
 background-color:#E2F3E0;
  top:22px;
  right:10px;
  color:#3B972D
}
#glblNav {
 background:url(../images/nav_bg_in.gif) repeat-x left bottom;
 height:45px;
 position:absolute;
 top:110px;
 width:1000px;
 border-left:1px solid #005287;
 border-right:1px solid #7FB8DC;
}
#glblNav li {
 position:relative;
 float:left;
 z-index: 105;
}
#glblNav li a {  
  display: block;
  width: 166px;
  height: 45px;
  padding:12px 0 0;
  box-sizing:border-box;
  color:#FFF;
  text-align:center;
  display:block;
  border-left:1px solid #7FB8DC;
  border-right:1px solid #005287;
  font-size:13px;
}
#glblNav li.contact a { width:168px; }

#glblNav li ul {
	display: none;
	background:url(../images/pd-hd.png) top center no-repeat;
	position: absolute;
	top: 45px;
	left: -20px;
	width: 207px;
	padding-top:7px;
	border-bottom:1px solid #005B9C;
}

#glblNav li ul li {
	float:none;
	border:1px solid #005B9C;
	border-bottom:none;
}

#glblNav li ul li a {
	overflow:visible;
	text-indent:0;
	white-space:normal;
	background:none;
	background-color:#F3F5F5;
	height:auto;
	width: 205px;
	display: block;
	padding: 8px 5px 8px 5px;
	text-decoration: none;
 color:#005B9C;
 border:none;
 font-size:12px;
}

#glblNav li ul li a:hover {
	background-color: #D7F1FD;
}


/* right contents 
---------------------------------------------------------- */

div.contWrapper .aside .sideBtn {
  margin-bottom:10px;
}

div.contWrapper .aside .semlist {	margin-top:30px; }
div.contWrapper .aside .semlist {
	border:4px solid #E0E8E9;
	border-radius:4px;
	padding:2px;
}
div.contWrapper .aside .semlist .ttl {
	background:url(../images/sd-list-ttl.jpg) repeat-x;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding:9px 0;
}
div.contWrapper .aside .semlist dl { margin: 5px 7px 0 7px; }
div.contWrapper .aside .semlist dd { margin-bottom:10px }

span.semTokyo, span.semOsaka {
  color:#FFF;
  padding:1px 5px;
  font-size:11px;
}
span.semTokyo { background-color:#0071B9; }
span.semOsaka { background-color:#42A731; }


/* contents 
---------------------------------------------------------- */

article h1 {
	background:url(../images/h1_bg.png) repeat-x;
	padding:25px 15px 20px 15px;
	margin-bottom:15px;
	font-size:32px;
	border-bottom:1px solid #BFBFBF;
}
article h2 {
 border-bottom: 3px solid #EDEDED;
 margin: 10px 0 20px 0;
}
article h2 span {
    font-weight: bold;
    font-size: 22px;
    border-bottom: 3px solid #015B9A;
    display: inline-block;
    padding: 4px;
    position: relative;
    bottom: -3px;
}

.info-icoNews, .info-icoLows, .info-icoSeminar, .info-icoStore, .info-icoChemi {
    width: 120px;
    height: 24px;
    float: left;
    font-size: 11px;
    color:#FFF;
    line-height:2.4;
    margin-right:10px;
    text-align: center;
    overflow: hidden;
}

.info-icoNews {
 background-color:#0071B9;
}
.info-icoLows {
 background-color:#0FABDE;
}
.info-icoSeminar {
 background-color:#5900B2;
}
.info-icoStore {
 background-color:#0041B9;
}
.info-icoChemi {
 background-color:#42A731;
}

.goList  a{
 border:1px solid #CFD6DA;
 width:100px;
 text-align:center;
 padding:3px 0;
 margin:20px 0 0 auto;
 display:block;
 color:#333;
}
.goList  a::after {
	font-family: "Font Awesome 5 Free";
 font-weight: 900;
 content: "\f138";
 margin-left:5px;
 color:#005A9B;
}


/* service list ------------------------------------------- */

#serviceList .svBtn {
 width:350px;
 height:80px;
 display:inline-block;
  background-color:#0071B9;
  border-radius:4px;
  margin:20px 15px 0 0;
  padding:0 35px 0 16px;
 color:#FFF;
 font-size:16px;
 position:relative;
}
#serviceList .svBtn:nth-child(even){ margin-right:0; }
#serviceList .svBtn::before {
  position:absolute;
 top:30px;
 right:10px;
 font-size:16px;
 font-family: "Font Awesome 5 Free";
 font-weight: 700;
 content: "\f13a";
 margin-left:5px;
 color:#FFF;
}
#serviceList .svBtn span {
 display:table-cell;
 vertical-align:middle;
 width:350px;
 height:80px;
}
#serviceList .svBtn:hover { cursor:pointer; }
#serviceList .svBtn:hover::before { content: "\f139";}

#serviceList .svBtn > ul {
 position:absolute;
 left:0;
 top:78px;
 width:350px;
 z-index:200;
 box-shadow:1px 1px 4px #999;
  border-bottom:1px solid #0071B9;
}
#serviceList .svBtn > ul > li {
 border:1px solid #0071B9;
 border-bottom: none;
 background-color:#FFF;
 padding:10px;
 font-size:13px;
}


/* case study ------------------------------------------- */

#casestudyList li {
    float: left;
    width:33.33%;
    box-sizing: border-box;
    margin-top: 20px;
    padding: 0 10px;
}
.caseDtl {
    overflow: hidden;
    border: 1px solid #BBB;
    border-radius: 4px;
}
.caseImg {
    position: relative;
    overflow: hidden;
    height: 0;
    padding-top: 60%;
    border-bottom: 1px solid #BBB;
}
.caseImg > img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
.caseExp {
    padding: 15px 10px;
}
.caseTitle {
 margin: 0 0 15px;
 width:197.97px;
 height:77px;
 display: -webkit-box;
 -webkit-box-orient: vertical;
 -webkit-line-clamp: 4;
 overflow: hidden;
}

#cases { margin:20px 0; }
#cases .comImg {
 float:right;
 margin:0 0 20px 15px;
}
#cases .comName {
 background:#CCE9F5;
 padding:10px;
 font-size:24px;
}
#cases .comOffice, #cases .comStaff {
 font-size:18px;
 margin:30px 0 0 20px;
}
#cases h3 {
 border-left:5px solid #005B9C;
 padding:0 10px;
 font-size:18px;
 font-weight:bold;
 margin:50px 0 25px 0;
}
#cases p {
 font-size:14px;
 line-height:1.6;
}
#cases p strong { color:#D83500; }


/* employment ------------------------------------------- */

.employTtl {
 display:table-cell;
 width:1000px;
 height:235px;
 text-align:center;
 vertical-align:middle;
 font-size:45px;
 color:#FFF;
 text-shadow:2px 2px 4px #333;
 background:url(../images/employment_ttl.png) no-repeat;
 border-bottom:40px solid #FFF;
}

#employList li {
    float: left;
    width:50%;
    box-sizing: border-box;
    margin-bottom: 20px;
    padding: 0 10px;
}
.employDtl {
    overflow: hidden;
    border: 1px solid #41A632;
    border-radius: 4px;
}
.employInfo{
    overflow: hidden;
    border: 1px solid #015B9A;
    border-radius: 4px;
}
.employIcon {
 text-align:center;
 padding:15px 0;
}
.employDtl  .employIcon, .employDtl .employTitle, .icoGreen { color:#41A632; }
.employInfo  .employIcon, .employInfo .employTitle, .icoBlue { color:#005B9C; }

.employTitle {
 font-size:24px;
 text-align:center;
 padding:10px 0 0;
 font-weight:bold;
}
.employSTitle {
 font-size:16px;
 text-align:center;
 padding:0 0 15px;
 color:#333;
}

ul.employMenu li a {
 display:block;
 background-color:#EDEDED;
 border-top:1px solid #FFF;
 border-bottom:1px solid #CFD6DA;
 padding: 16px 20px;
 font-size:13px;
 color:#333;
}
ul.employMenu li a:hover { background-color: #DFDFDF; }
ul.employMenu li a i { font-size:16px; margin-right:10px;}

.employDtlTtl, .employInfoTtl {
 display:table-cell;
 position:relative;
 width:720px;
 height:130px;
 padding:0 0 0 20px;
 vertical-align:middle;
 font-size:24px;
 color:#FFF;
}
.employDtlTtl { background:url(../images/employ_dtl_ttl.png) no-repeat;}
.employInfoTtl { background:url(../images/employ_info_ttl.png) no-repeat;}
.employDtlTtl span, .employInfoTtl span {
 position:absolute;
 top:55px;
 right:20px;
 font-size:20px;
}

.overview { margin:25px 0; }
.overview p  { font-size:13px; margin-bottom:15px; }
article .overview h2 span {
    font-size: 18px;
    border-bottom: 3px solid #41A632;
    margin-top:20px;
}
.overview h3 {
 font-size:15px;
 font-weight:bold;
 margin-bottom:15px;
}

.cmnBtn {
 width:350px; 
 font-size:14px;
 margin-bottom:10px;
}
.cmnBtn a {
 color:#FFF;
 padding:13px 15px;
 display:block;
 position:relative;
}
.cmnBtn a:hover{ opacity:0.8; }
.cmnBtn a::after {
 font-family: "Font Awesome 5 Free";
 font-weight: 900;
 content: "\f138";
 position:absolute;
 right:15px;
}
.btnL { float:left; }
.btnR { float:right; }
.btnGreen { background-color:#41A632; }
.btnBlue  { background-color:#005B9C; }
.btnRed { background-color:#FF4000; }
.btnGray { background-color:#777; }
.btnEmploy {
 background-color: #FF8000;
 margin: 0 auto;
 font-size: 22px;
}
.btnTtl {
 width:350px;
 float:left;
 padding:13px 0;
 margin-bottom:10px;
 font-size:14px;
 font-weight:bold;
}
.occuName {
 font-size:24px;
 font-weight:bold;
 color:#41A632;
 margin:40px 0 0 0;
}

.overview .cmnTbl { font-size:14px; }
.overview .cmnTbl th { width:15%; }

.flowBox {
 width:160px;
 height:130px;
 border:1px solid #CFD6DA;
 text-align:center;
 position:relative;
 margin-left:26px;
 float:left;
 margin-bottom:15px;
}
.flowBox::after {
 position:absolute;
 top:35px;
 right:100%;
 content: '';
 width: 0; 
  height: 0; 
  border-top: 26px solid transparent;
  border-bottom: 26px solid transparent;  
  border-left: 26px solid #CFD6DA
}
.flowBox:nth-child(4n+1){ margin-left:0; }
.flowBox:nth-child(4n+1)::after { border:0; }
.flowBox .flowStep {
 background-color:#FFB700;
 padding:2px 0;
 border-bottom:1px solid #CFD6DA;
 font-size:16px;
}
.flowBox .flowTtl {
 background-color:#FFF1CC;
 padding:10px 0;
 font-size:16px;
}
.flowBox .flowDtl {
 padding:8px 0;
}

.messeImg {
 float:left;
 width:250px;
 text-align:center;
}
.messeImg p {
 margin:15px 0 10px;
 font-size:14px;
}
.messeTxt {
 float:right;
 width:440px;
 font-size:14px;
 line-height:1.6;
}
.messeTxt h4 {
 font-size:16px;
 color:#00599A;
 font-weight:bold;
 margin:20px 0 0;
}
.intarviewList { margin-bottom:40px; }
.intarviewList li {
 float:left;
 width:350px;
 margin:40px 5px 0;
 display:table;
}
.intarviewList li img {
 border-radius: 50%;
 height: 160px;
 width: 160px;
 -moz-box-sizing: border-box;
 box-sizing: border-box;
 color: #fff;
}
.intarviewList li a { color:#333; }
.intarviewList li .memberImg, .intarviewList li .memberInfo {
 display:table-cell;
 vertical-align:middle;
}
.intarviewList li .memberImg { padding-right:20px; }
.intarviewList li .memberInfo { width:160px; }
.intarviewList li .memberName {
 font-size:20px; 
}
.intarviewList li .memberDept {
 margin: 10px 0 0;
 padding:10px 0 0;
 border-top: 1px solid #CFD6DA;
}

.intarviewMem { margin:40px 0; }
.intarviewMem .memberImg {
 float:left;
 width:300px;
 text-align:center;
}
.intarviewMem .memberInfo {
 float:right;
 width:400px;
}
.intarviewMem .memberRoma {
 font-size:14px;
 color:#0071B9;
}
.intarviewMem .memberName {
 font-size:26px;
 margin-bottom:10px;
}
.intarviewMem .memberCatch {
 margin-top:20px;
 padding-top:20px;
  border-top: 1px solid #CFD6DA;
  font-size:20px;
}
.memberDtl {
 font-size:14px;
 line-height:1.6;
 margin:40px 0;
}
.memberDtl .memberTtl {
 margin:40px 0 10px;
 padding:0 0 0 5px;
 border-left:5px solid #0071B9;
 font-size:18px;
 font-weight:bold;
}

#scheduleFlow dl {
    display: table;
    margin: 0;
    width: 100%;
}
#scheduleFlow dt {
    display: table-cell;
    border: 0;
    margin: 0;
    padding: 0 15px 15px 15px;
    width: 32px;
    background: url(../images/timetable_line.png) repeat-y 38px 0;
}
#scheduleFlow dt.lastChild { padding-bottom:0; }
#scheduleFlow dt span {
    display: block;
    width: 50px;
    height: 50px;
    font-size: 12px;
    line-height: 50px;
    background-color:#BFDBED;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    text-align: center;
}
#scheduleFlow dd {
    display: table-cell;
    line-height: 1.7;
}
#scheduleFlow h5 {
    margin: 0;
    padding: 0;
    font-weight: bold;
}