@charset "utf-8";
/* CSS Document */
@import url(pg_bar.css);

* {margin:0;padding:0}
html, body, form {width:100%; height:100%;text-align:left;}
body {
	font-size:16px;
	color: #333;
}
body, input, select, textarea, table, th, td, li, a {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro",Osaka,"MS P Gothic",sans-serif;
}
.container{margin-bottom:40px;}
.wrapper{width:980px; text-align:left}
.fullpage {padding:20px;}
.footer {background:url(../images/common/footer_bg.gif) repeat-x; height:65px; clear:both; width: 100%; min-width: 980px; margin-top:100px}
.copyright{ color:#898989;  text-align:left; padding:20px 10px;text-align:right; font-size:70%;line-height:28px;}
.privacy a{float:left; color:#898989;  text-align:left; padding:20px 10px; line-height:28px; text-decoration:none}
a {color: #1E46A0;}
.pinned{z-index:1;}
.positionR { position:relative}


.outer {margin:auto;min-height:100%;text-align:left;clear:both;
 width: 100%;
 min-width: 980px;}
.full-content {padding:0 20px}



input, select, textarea {
    box-sizing: border-box;
    padding: 5px;
    border-width: 1px;
    border-style: solid;
    border-color: #777 #CCC #CCC #777;
    font-size: 14px;
}

input [type=checkbox],[type=radio],[type=file],[type=hidden]{
    border-width: 0px;
    border-style: none;
}
input placeholder, select placeholder, textarea placeholder {color: #888;}



a:hover {text-decoration:none;opacity: 0.75;filter: alpha(;opacity=75);-ms-filter: "alpha(opacity=75)";}

.paddingR20{padding-right:20px}
.paddingR10{padding-right:10px}
.paddingB10{padding-bottom:10px}
.grey-txt{font-size:14px; color:#555}
.clear{ clear:both}
.red {color:#F00; font-weight:normal; font-size:14px}
.unstyle{ padding:0; margin:0; list-style:none}
.fRed {color:#F00}
.fontL { font-size:120%}
.floatL{ float:left}
.floatR{ float:right}
.paddingL20{padding-left:20px}
.paddingL10{padding-left:10px}
.marginB5{margin-bottom:5px}
.marginT5{margin-top:5px}
.marginT10{margin-top:10px}
.marginT20{margin-top:20px}
.sepS{height:10px}
.sep{height:20px}
.sepL{height:40px}

.inline {padding:0; margin:0; list-style:none}
.inline li{display:inline}

.header {padding:10px}
.header a, h1 a{/*font-size:14px;*/ text-decoration:none}

.lang{ padding:10px; font-size:14px;margin-bottom:5px }
.lang a{ color:#717174;text-decoration:none}

.version {background-color:#4f81bd; color:#FFF; padding:10px; }
.version-mypage {background-color:#055a94; color:#FFF; padding:12px 5px;  }
.version img, .version-mypage img{ vertical-align:middle}

.sub-btns {list-style:none; margin:0; padding:0; text-align:right}
.sub-btns li{ display:inline;margin:0 10px 0 5px}
.sub-btns li a{ text-decoration:none; color:#717174; font-weight:bold; font-size:14px; white-space:nowrap}

[class^="btn-"],
[class*=" btn"] {
  /*background-image: url("../images/common/header_icons.png");*/
background-repeat: no-repeat;
    display: inline-block;
    height: 22px;
	width: 23px;
    line-height: 22px;
    vertical-align: middle;
  	z-index:99999;
}
.btn-private{background-position:0px 0px; }
.btn-contact{background-position:-37px 0px; }
.btn-logout{background-position:-73px 0px; }


.blue-btn {
	width:100px;
	background-color: #dfe1e2;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcfcfc), to(#dfe1e2));
  background-image: -webkit-linear-gradient(top, #fcfcfc, 0%, #dfe1e2, 100%);
  background-image: -moz-linear-gradient(top, #fcfcfc 0%, #dfe1e2 100%);
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #dfe1e2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dfe1e2', GradientType=0);border:1px solid #dedede;  border-left:none;color:#717174; font-weight:bold; text-decoration:none; height:44px; line-height:44px;}
.blue-btn span{ padding:10px 5px; white-space:nowrap}  
.blue-btn-img{ background-color: #3498db; padding:10px 5px;border-left:1px solid #dedede;  border-bottom:1px solid #dedede;   }



.btn {background-color: #dfe1e2;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcfcfc), to(#dfe1e2));
  background-image: -webkit-linear-gradient(top, #fcfcfc, 0%, #dfe1e2, 100%);
  background-image: -moz-linear-gradient(top, #fcfcfc 0%, #dfe1e2 100%);
  background-image: linear-gradient(to bottom, #fcfcfc 0%, #dfe1e2 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfcfc', endColorstr='#dfe1e2', GradientType=0);border:1px solid #dedede; color:#717174; font-weight:bold; text-decoration:none;padding:10px 20px;position: relative; white-space: nowrap;}

.btn span{margin-left: 58px;}
.blue_bg { padding:11px 10px; background-color:#3498db; position:absolute; top:0; left:0}  


h1{ background-color:#4f81bd; color:#FFF; padding:20px 10px; margin-bottom:30px; font-size:26px}
h1.mypage{background-color:#055a94; color:#FFF; padding:20px 10px; margin-bottom:0px; font-size:26px}
h1 .floatR { font-size:14px}


/* ------------ login ------------*/
.login_plate {width: 820px; background: url(../images/common/login_bgT.gif) top center no-repeat #f7f7f7; text-align:left; padding-top:30px; margin-top:50px }
.login_plateBottom {width: 820px; height: 28px; background: url(../images/common/login_bgB.gif) bottom center no-repeat;}
.login_plate td{padding-bottom:20px}
.login_plate .con  table{margin:20px 30px;text-align:left}
.login_plate .forgetpw {padding:40px 20px 20px 20px; text-align:right; font-size:90%}

.system-note {width: 650px;text-align:left; font-size:14px}


.btns-horz ul li{display: inline;}

.btns-horz  a
{
    margin-top:3px;
	font-size:14px;
	display: inline-block;
	border: 1px solid #3d3d3d;
	background-color: #3697c8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3697c8), to(#25679a));
  background-image: -webkit-linear-gradient(top, #3697c8, 0%, #25679a, 100%);
  background-image: -moz-linear-gradient(top, #3697c8 0%, #25679a 100%);
  background-image: linear-gradient(to bottom, #3697c8 0%, #25679a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3697c8', endColorstr='#25679a', GradientType=0);
	color: #fff;
	text-align: center;
	float: none;
	margin-right: 5px;
	cursor:pointer;
	line-height:24px;
	padding:2px 10px;
	text-decoration: none;
	white-space:nowrap;
}
.btns-horz ul li a:hover{background:none; color:#000}



.button {
	background-color: #3697c8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3697c8), to(#25679a));
  background-image: -webkit-linear-gradient(top, #3697c8, 0%, #25679a, 100%);
  background-image: -moz-linear-gradient(top, #3697c8 0%, #25679a 100%);
  background-image: linear-gradient(to bottom, #3697c8 0%, #25679a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3697c8', endColorstr='#25679a', GradientType=0);
	color: #fff;
	text-align: center;
	float: none;
	margin-right: 5px;
	cursor:pointer;
	line-height:24px;
	padding:10px 50px;
	text-decoration: none;
	text-shadow:#333 1px 1px 1px
	}

.button-minor {
	background-color: #aaaaaa;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#c8c8c8), to(#aaaaaa));
  background-image: -webkit-linear-gradient(top, #c8c8c8, 0%, #aaaaaa, 100%);
  background-image: -moz-linear-gradient(top, #c8c8c8 0%, #aaaaaa 100%);
  background-image: linear-gradient(to bottom, #c8c8c8 0%, #aaaaaa 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c8c8c8', endColorstr='#aaaaaa', GradientType=0);
	color: #fff;
	text-align: center;
	float: none;
	margin-right: 5px;
	cursor:pointer;
	line-height:24px;
	padding:10px 30px;
	text-decoration: none;
	text-shadow:#666 1px 1px 1px
	}

.button-others {
	background-color: #448944;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#81d081), to(#448944));
  background-image: -webkit-linear-gradient(top, #81d081, 0%, #448944, 100%);
  background-image: -moz-linear-gradient(top, #81d081 0%, #448944 100%);
  background-image: linear-gradient(to bottom, #81d081 0%, #448944 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#81d081', endColorstr='#448944', GradientType=0);
	color: #fff;
	text-align: center;
	float: none;
	margin-right: 5px;
	cursor:pointer;
	line-height:24px;
	padding:10px 50px;
	text-decoration: none;
	text-shadow:#333 1px 1px 1px;
    border-radius:5px;
	}





.menu {margin:40px 0 80px 0}
.menu td{ text-align:center;padding:0 30px; width:25%}
.menu td a{display:block;color: #3a84b5; text-decoration:none}
.menu td.txt{font-weight:bold; font-size:30px; }
.menu td.sep {background: url(../images/common/menu_sep.png) no-repeat right center;}
.menu-shadow{ background: url(../images/common/menu_shadow.png) center no-repeat; height:27; width:475px; padding-top:30px }
@media (max-width: 1200px) {
.menu td.txt {font-size:22px}
}


.whatsnew{ background-color:#3a84b5; color:#FFF; padding:40px 0;text-align: center; margin:40px 0; }

.whatsnew h2 {
   text-align: center; 
   border-bottom: 1px solid #FFF; 
   line-height: 0.05em; font-size:26px;
} 

.whatsnew h2 span { 
    background:#fff; 
    padding:0 10px;
	background-color:#3a84b5;
}
.whatsnew-list{ padding:0; margin:40px auto 20px auto; list-style:none; width:800px; }
.whatsnew-list .date{
	float:left;
	width:100px;
	padding-bottom: 8px;	
}

.whatsnew-list .topic_Con{
	text-align: left; 
	margin-left:120px;
	padding-bottom: 8px;
	
}
.whatsnew-list .topic_Con a{color:#FFF; text-decoration:none}



/* NEW register*/

.color-frame {border:#9cadc2 solid 1px; border-radius:4px;  text-align:left;padding:20px}
.color-frame .remarks{color:#5f7590}

.entry-table th{vertical-align:top; text-align:left}
.entry-table td{padding-bottom:10px; text-align:left;vertical-align:top;}



.color-table{ border:1px solid #9cadc2 ; border-collapse:collapse; text-align:center; margin: 0 auto;}
.color-table td{border:#9cadc2 solid 1px;}
.color-table td.title{ font-weight:bold}
.color-table th{background-color:#dbe2e9; border:#9cadc2 1px solid; color:#546579; padding:10px}




.subtitle { color:#9E0B0F; font-weight:bold; margin-bottom:5px}


.button-proNav {
    border-radius:4px;
	background-color: #5995c0;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#6aabd9), to(#5995c0));
  background-image: -webkit-linear-gradient(top, #6aabd9, 0%, #5995c0, 100%);
  background-image: -moz-linear-gradient(top, #6aabd9 0%, #5995c0 100%);
  background-image: linear-gradient(to bottom, #6aabd9 0%, #5995c0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#6aabd9', endColorstr='#5995c0', GradientType=0);
	color: #fff;
	text-align: center;
	margin-right: 5px;
	cursor:pointer;
	padding:10px;
	text-decoration: none;
	text-shadow:#333 1px 1px 1px;
	display:block
	}
.button-proNav-active{background-color: #FFF; background-image:none; border:1px solid #5995c0;color: #5995c0;
	text-align: center;
	margin-right: 5px;
	cursor:pointer;
	padding:10px 8px;
	text-decoration: none;
	display:block}





/* Mypage*/

.nav {background-color: #e5f0f8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcfdfe), to(#e5f0f8));
  background-image: -webkit-linear-gradient(top, #fcfdfe, 0%, #e5f0f8, 100%);
  background-image: -moz-linear-gradient(top, #fcfdfe 0%, #e5f0f8 100%);
  background-image: linear-gradient(to bottom, #fcfdfe 0%, #e5f0f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdfe', endColorstr='#e5f0f8', GradientType=0);}
.nav table a{color:#327BAF;  text-decoration:none; display:block;padding:10px; }
.nav table td{border-right:1px solid #d1dce3; box-shadow: 3px 0px 8px -5px #666;}
.nav table td.active{background-color: #327bb0; box-shadow: none;font-weight:bold; 
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4998d1), to(#327bb0));
  background-image: -webkit-linear-gradient(top, #4998d1, 0%, #327bb0, 100%);

  background-image: -moz-linear-gradient(top, #4998d1 0%, #327bb0 100%);
  background-image: linear-gradient(to bottom, #4998d1 0%, #327bb0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4998d1', endColorstr='#327bb0', GradientType=0);color:#FFF}
.nav table td.active a, .nav table td.active .pg-bar-counter{color:#FFF}
.nav .pg-bar-counter{color:#327BAF;}

.nav .active .profile { background:url(../images/common/nav_profile_bgw.png) no-repeat center; background-size:60%}
.nav .profile { background:url(../images/common/nav_profile_bg.png) no-repeat center; background-size:60%}

.nav .active .profileInfo { background:url(../images/common/nav_profileInfo_bgw.png) no-repeat center; background-size:70%}
.nav .profileInfo { background:url(../images/common/nav_profileInfo_bg.png) no-repeat center; background-size:70%}

.nav .active .profileMem { background:url(../images/common/nav_profileMem_bgw.png) no-repeat 50% 20%; background-size:30%;padding:12px 0px;}
.nav .profileMem { background:url(../images/common/nav_profileMem_bg.png) no-repeat 50% 20%; background-size:30%;padding:12px 0px;}

.nav .active .search { background:url(../images/common/nav_search_bgw.png) no-repeat 50% 20%; background-size:60%;padding:12px 0px;}
.nav .search{ background:url(../images/common/nav_search_bg.png) no-repeat 50% 20%; background-size:60%;padding:12px 0px;}

.nav .active .star { background:url(../images/common/nav_star_bgw.png) no-repeat 50% 20%; background-size:40%;padding:12px 0px;}
.nav .star{ background:url(../images/common/nav_star_bg.png) no-repeat 50% 20%; background-size:40%;padding:12px 0px;}

.nav .active .message{ background:url(../images/common/nav_message_bgw.png) no-repeat 50% 40%; background-size:50%;padding:12px 0px; position:relative}
.nav .message{ background:url(../images/common/nav_message_bg.png) no-repeat 50% 40%; background-size:50%;padding:12px 0px; position:relative}

.nav .active .schedule{ background:url(../images/common/nav_schedule_bgw.png) no-repeat 50% 30%; background-size:60%;padding:12px 0px;}
.nav .schedule{ background:url(../images/common/nav_schedule_bg.png) no-repeat 50% 30%; background-size:60%;padding:12px 0px;}

.nav .ui-widget-header, .nav-pg-bar-bg .ui-widget-header{height:6px} 
.nav .pg-bar-counter, .nav-pg-bar-bg .pg-bar-counter{font-size:11px}

.nav-shadow{ height:10px; background:url(../images/common/nav_shadow.png) repeat-x top #FFF}

.message-num{ width:30px;height:30px;border-radius:15px;font-weight:bold;color:#fff;line-height:30px;text-align:center;background-color:red; position:absolute; right:10px; top:18px;}
.menu .message-num { font-size:16px;}


.nav-pg-bar-bg{background-color: #e5f0f8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#fcfdfe), to(#e5f0f8));
  background-image: -webkit-linear-gradient(top, #fcfdfe, 0%, #e5f0f8, 100%);
  background-image: -moz-linear-gradient(top, #fcfdfe 0%, #e5f0f8 100%);
  background-image: linear-gradient(to bottom, #fcfdfe 0%, #e5f0f8 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fcfdfe', endColorstr='#e5f0f8', GradientType=0);color:#FFF; text-align:left}
.nav-pg-bar-bg td{ padding:5px 10px;border-right:1px solid #d1dce3; box-shadow: 3px 0px 8px -5px #666; font-size:14px}
.nav-pg-bar-bg .pg-bar-counter, .nav-pg-bar-bg a{color:#327BAF; text-decoration:none}


.formT{line-height: 25px;width: 980px; text-align:left;table-layout: fixed;}
.formT tr td{padding: 10px;}
.formT .highlight {background-color:#EEEEEE}
.formT .dotBotLine {border-bottom:1px #d7d7d7 solid;word-wrap: break-word; }
.formT .highlightColor {background-color:#F0EEE8; font-weight:bold;}
.formT .highlightColor-Dark {background-color:#E0DCCF; font-weight:bold ; border-top:#c8c4b8 1px solid}

/* -------------- Meeting Time ----------------*/

.box, .boxL {display: -moz-inline-box;display: inline-block;vertical-align: top; }
#box1 {width:130px;float:left; background-color: #F0EEE8}
#box2, #box3, #box4 {width:130px;float:left}

.box .timeT{background-color:#003a68; color:#FFF; font-weight:bold; font-size:100%; padding:10px 0; border-right:1px solid #FFF}
.box ul{list-style:none; margin-bottom:10px }
.box ul li {padding:5px 0; border-bottom:1px dotted #444444; height:30px; line-height:30px; }

/* ---------- Add by Will ------------*/
.input-radio-flow input{
    margin-right: 5px;
    margin-left: 8px;    
}
.input-radio-table{
    width:100%;
}
.input-radio-table tr td{
    padding:0px;
    vertical-align:top;
    padding-bottom:3px;
    position:relative;
}
.input-radio-table tr td input[type="radio"],input[type="checkbox"]{
    margin-right: 5px;
    margin-left: 8px;
    float:left;
    margin-top:5px;
    margin-bottom:15px;
    border: none;
    padding-top:0px;
}
.input-radio-table tr td input[type="text"]{
    float:left;
    position:absolute;
    margin-left:10px;
}
.input-radio-table tr td div{
    margin-left:23px;
    margin-bottom:11px;
    min-height:4px;
    margin-bottom:15px\0;
}

.input-checkbox-table{
    width:100%;
}
.input-checkbox-table tr td{
    padding:0px;
    vertical-align:top;
    padding-bottom:3px;
    position:relative;
}
.input-checkbox-table tr td input[type="radio"],input[type="checkbox"]{
    margin-right: 5px;
    margin-left: 8px;
    float:left;
    margin-top:5px;
    margin-bottom:15px;
    border: none;
    padding-top:0px;
}
.input-checkbox-table tr td input[type="text"]{
    float:left;
    position:absolute;
    margin-left:10px;
}
.input-checkbox-table tr td div{
    margin-left:23px;
    margin-bottom:11px;
    min-height:4px;
    margin-bottom:15px\0;
}

.input-textarea{
    width:100%;
}
.input-textarea tr td{
    padding:0px;
    vertical-align:top;
    padding-right: 10px;
}
.input-radio input{    
    margin-right: 5px;
    margin-left: 8px;
}
.input-checkbox input{
    margin-right: 8px;
    margin-left: 10px;
}
.invisible_btn{
    visibility: hidden;
}
textarea{
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','HGMaruGothicMPRO','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 100%;
    width: 570px;
}
.halftextarea{
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','HGMaruGothicMPRO','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
    font-size: 100%;
    width: 280px;
}
.license_div{
    margin-left: 32px;
}
.license_div input{
    margin-left: 25px;
    margin-right: 8px;
}
.license_category{
    margin-left: 10px;
    cursor: pointer;
}
.progressbar{
    background:url(../images/common/pbar-ani.gif) repeat-x;
    height:22px;
}
.appointment_remarks{
    font-size: 80%;    
}
.appointment_div{
    overflow:auto;
}
.appointment_footer{
    width:100%; 
    text-align:center; 
    position:absolute; 
    bottom:0px;
    height:40px;
    background-color:White;   
}


.greytableForNews {width:100%; margin-top:15px;}
.greytableForNews .wrap{background:url(../images/common/greyTable_titleSep.gif) no-repeat; }
.greytableForNews li.greyTtitle{font-weight:bold;  background:none;border: none; height:40px}

.greytableForNews ul{list-style:none}
.greytableForNews li{
	border-top:1px solid #d5d5d5;
	display: block;
	clear:both;
	padding: 10px 20px;
}

.greytableForNews .date{ /*for news*/
	float:left;
	width:25%;
	padding-bottom: 8px;
	
}
.greytableForNews .topic_Con{/*for news*/
	float:right;
	width:75%;
	padding-bottom: 8px;
	
}

.greytableForNews .name{
	float:left;
	width:15%;
	padding-bottom: 8px;
	padding-right:20px;
}
.greytableForNews .Co-name{
	width:40%;
	float:left;
	padding-bottom: 8px;
	padding-right:20px;
}
.greytableForNews .dep{
	float:left;
	width:36%;
	padding-bottom: 8px;
}

.ui-effects-transfer { border: 3px dotted gray; background-color: #FFE2D8; opacity:0.3;-moz-opacity:0.3;-khtml-opacity: 0.3; filter:alpha(opacity=30);}

.fsuccess{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position:0 0; width:88px; height:24px;} 
.fprocess{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position:-106px 0; width:88px; height:24px;} 
.ffail{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position:-212px 0; width:88px; height:24px;} 
.ffavour{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position:-314px 0; width:88px; height:24px;} 
.fsubmit{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position: -70px -32px; width:80px; height:38px;} 
.fsubmit_accept{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position: -164px -32px; width:80px; height:38px;} 
.fcancel{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position: -255px -32px; width:80px; height:38px;} 
.fcancel_accept{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position: 0px -86px; width:80px; height:38px;} 
.fsuccess_scheduled{background:url(../../../../images/jp/matching_status_s.gif) no-repeat; display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;background-position: 0px -171px; width:80px; height:38px;} 

/* ---------- End Add by Will ------------*/

.contactP-Area{border:1px solid #9d0b0e; padding:10px 5px 5px 0px; margin-bottom: 20px}

/*.contactP ul {margin-bottom: 10px} */
.contactP ul {margin-bottom: 5px}

.contactP ul li 
{
	display: inline;
	float: none;
	margin-right: 5px;
	padding: 10px 10px 0px 10px;
}

.contactP ul li.buttons {padding:2px 0; float:right}
.contactP ul li.buttons a
{
	display: inline;
	border: 1px solid #3d3d3d;
	background-color: #3697c8;
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#3697c8), to(#25679a));
  background-image: -webkit-linear-gradient(top, #3697c8, 0%, #25679a, 100%);
  background-image: -moz-linear-gradient(top, #3697c8 0%, #25679a 100%);
  background-image: linear-gradient(to bottom, #3697c8 0%, #25679a 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3697c8', endColorstr='#25679a', GradientType=0);
	color: #fff;
	text-align: center;
	float: none;
	margin-right: 5px;
	cursor:pointer;
	line-height:24px;
	padding:2px 10px;
	text-decoration: none;
	font-size:14px;
} 
.contactP ul li.buttons a:hover{background:none; color:#000}

.contactP ul li.num {background-color:#9d0b0e; color:#FFF; font-size:140%; font-weight:bold; text-align:center;}
.contactP ul li.login-date{font-size:120%;}

.contactP-Area .greytable .wrap{background:url(../images/common/greyTable_titleNoSep.gif) no-repeat; }



.greytable {width:96%;}
.greytable2 {width: 100%;}
.greytable .wrap{}
.greytable li.greyTtitle{font-weight:bold;  background:none;border: none;}
.greytable2 li.greyTtitle{font-weight:bold;  background-color:#F0EEE8; border: none; height:20px; list-style:none;}

.greytable ul, .greytable2 ul, .greytable3 ul{ list-style:none}
.greytable li, .greytable2 li{
	/*border-top:1px solid #d5d5d5;*/
	display: block;
	clear:both;
	padding: 10px 20px;
	
}
.greytable3 li{
	border-top:1px solid #d5d5d5;
	display: block;
	clear:both;
	padding: 5px 20px ;
}

.greytable .date{
	float:left;
	width:30%;
	padding-bottom: 8px;	
}
.greytable2 .date, .greytable3 .date{
	float:left;
	width:20%;
	padding-bottom: 8px;	
}
.greytable .date ul {list-style:none; margin-left:-10px; _margin-left:10px }
.greytable .date ul li {display:block;float:left;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px}
.greytable .date li.day{background:none;text-indent:0px;} 
.greytable .date li.success{background-position:0 0; width:88px; height:24px;} 
.greytable .date li.process{background-position:-106px 0; width:88px; height:24px;} 
.greytable .date li.fail{background-position:-212px 0; width:88px; height:24px;} 
.greytable .date li.favour{background-position:-314px 0; width:88px; height:24px;} 
.msgboxicon a {background:url(../../../../images/jp/matching_status_s.gif) no-repeat -235px -86px ; width: 78px; height: 40px; 	display: block;
	clear:both; text-indent:0px; float: left;} 
.msgboxicon a:hover {background:url(../../../../images/jp/matching_status_s.gif) no-repeat -323px -86px ; width: 78px; height: 40px; 	display: block;
	clear:both; text-indent:0px; float: left;} 
<!--.greytable .date li.unread{background-position: 0 -104px; width:134px; height:24px;} -->
.greytable .date li.submit{background-position: -70px -32px; width:80px; height:38px;} 
.greytable .date li.submit_accept{background-position: -164px -32px; width:80px; height:38px;} 
.greytable .date li.cancel{background-position: -255px -32px; width:80px; height:38px;} 
.greytable .date li.cancel_accept{background-position: 0px -86px; width:80px; height:38px;} 
.greytable .date li.success_scheduled{background-position: 0px -171px; width:80px; height:38px;} 

.greytable .topic_Con{
	float:right;
	width:70%;
	padding-bottom: 8px;
	
}

.greytable2 .topic_Con {/*for news*/
	float:right;
	width:40%;
	padding-bottom: 8px;
	
}

.greytable3 .topic_Con{/*for news*/
	float: left;
	width:40%;
	padding-bottom: 8px;
	
}
.greytable2 .topic_Con2{
	float:right;
	width:40%;
	padding-bottom: 8px;	
}

.greytable .name, .greytable3 .name{
	float:left;
	width:15%;
	padding-bottom: 8px;
	padding-right:20px;
}
.greytable .Co-name, .greytable3 .Co-name{
	width:40%;
	float:left;
	padding-bottom: 8px;
	padding-right:20px;
}
.greytable .dep, .greytable3 .dep{
	float:left;
	width:36%;
	padding-bottom: 8px;
}
.greytable3 .success{background:url(../../../../images/jp/matching_status_s.gif) 0 0 no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px; width:88px; height:24px;} 
.greytable3 .process{background:url(../../../../images/jp/matching_status_s.gif) -106px 0 no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px; width:88px; height:24px;} 
.greytable3 .fail{background:url(../../../../images/jp/matching_status_s.gif) -212px 0 no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px; width:88px; height:24px;} 
.greytable3 .favour{background:url(../../../../images/jp/matching_status_s.gif) -314px 0 no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px; width:88px; height:24px;} 
.greytable3 .submit{background:url(../../../../images/jp/matching_status_s.gif) -70px -32px no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px; width:80px; height:38px;} 
.greytable3 .submit_accept{background:url(../../../../images/jp/matching_status_s.gif) -164px -32px no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px; width:80px; height:38px;} 
.greytable3 .cancel{background:url(../../../../images/jp/matching_status_s.gif) -255px -32px no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px; width:80px; height:38px;} 
.greytable3 .cancel_accept{ width:80px; height:38px; background:url(../../../../images/jp/matching_status_s.gif) 0px -86px no-repeat; display:block;float: right;text-indent:-9999px; border:none; padding:0px; margin-bottom:6px;} 



.field-validation-error {
    display:block;
    font-weight:bold;
    color:red;
    margin-top:6px;
    margin-top:8px\0;
}

.schedule_checkbox {
    width:98%;
}

.cat_icon {
    width:24px;
    display:inline-block;
    text-align:center;
    border: none;
}

.eSelection {
    border:1px dotted silver;
    padding:10px 20px 8px 20px;
    margin-bottom:20px;
}

.eSelection span.eIcon {
    margin-bottom:3px;
    color:silver;
    cursor:pointer;
    display:inline-block
}
.eSelection span.eIcon.selected {
    font-weight:bold;
    font-size:17px;
    color:black;
}

.eSelection span.eIcon .cat_icon {
    background:url(../images/common/plus_icon.jpg) no-repeat; background-size: 20px 20px;
}
.eSelection span.eIcon.selected .cat_icon {
    background:url(../images/common/min_icon.jpg) no-repeat; background-size: 20px 20px;
}

.categoryDiv {
    padding:10px 20px 8px 20px;
    border:1px dotted silver;
    display:none;
}

.categoryDiv.selected {
    display:block;
}

.categoryDiv table.input-checkbox-table{
    border:none;
    width:100%;
}

.categoryDiv table.input-checkbox-table td{
    padding-left:10px;
    border:none;
    width:50%;
    font-size:100%;
}
.categoryDiv table.input-checkbox-table td input[type=text]{
    width: 70%;
    max-width:270px;
}
.category_name {
    text-decoration:underline;
}
.cateSep {
    clear:both;
    height:13px;
    display:block;
}
.eName {
    font-size:20px;
    font-weight:bold;
    text-decoration:underline;
    margin-bottom:20px;
}

.toastError {
    width:300px;
    height:40px;
    height:auto;
    position:absolute;
    margin:0 auto;
    /*left:500px;
    top:400px;*/
    /*margin-left:-100px;
    bottom:10px;*/
    background-color: #383838;
    color: #F0F0F0;
    font-family: Calibri;
    font-size: 20px;
    padding:10px;
    text-align:center;
    border-radius: 2px;
    -webkit-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    -moz-box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    box-shadow: 0px 0px 24px -1px rgba(56, 56, 56, 1);
    z-index:99999;
}

.modal.fade.categoryModal .modal-body {
    max-height: 430px;
    max-height: -webkit-calc(100vh - 225px);
    max-height: -moz-calc(100vh - 225px);
    max-height: calc(100vh - 225px);
}

.clear_button {
    background-color: #c5dbec;
    border: 1px solid #2e6e9e;
    padding: 2px 5px 2px 5px;
    margin-left: 10px;
    cursor: pointer;
    color: #2e6e9e;
    display: inline-block;
    float:right;
}

.productImg {
    width:200px;
}


#box1L {
    width: 56%; 
    float: left;
    margin-right: 20px;
	margin-bottom:40px;
}
#box2L {
    width: 41%;
    float: right;
	margin-bottom:40px;
}
.box, .boxL {
    display: inline-block;
    vertical-align: top;
}
#box2L .greytable{width:100%}
.search-table {
    border: 1px solid #D7D7D7;
    line-height: 25px;
    text-align: left;
    margin-bottom: 40px;
}
.search-table .highlightColor {
    background-color: #F0EEE8;
    font-weight: bold;
    border-right: 1px solid #D7D7D7;
}
.search-table .highlightColor2 {
    background-color: #F0EEE8;
    font-weight: bold;
    border-bottom: 1px dotted #444;
}
.search-table tr td {
    padding: 10px;
}
.dotLine {
    border-bottom: 1px dotted #444;
}

.input-radio-table tr td, .input-checkbox-table tr td{padding:0 2px;  font-size:90%}


.blue-box{border:1px solid #327bb0}
.btns-horz-grey{margin: 10px 0 20px 0}
.btns-horz-grey2{margin:0 0 20px 0}
.btns-horz-grey img, .btns-horz-grey2 img{vertical-align:middle}
.btns-horz-grey ul li, .btns-horz-grey2 ul li{display: inline;}

.btns-horz-grey ul li a, .btns-horz-grey2 ul li a
{
	display: inline-block;
	border: 1px solid #CCC; background-color:#FFF;
	color: #000;
	text-align: center;
	float: none;
	margin-right: 5px;
	cursor:pointer;
	line-height:24px;
	padding:2px 10px;
	text-decoration: none;
	white-space:nowrap;
}
.btns-horz-grey ul li a:hover, .btns-horz-grey2 ul li a:hover{background-color:#FFF; color:#666}

.subtitleR {
    font-weight: bold;
}
.titleR, .subtitleR {
    color: #9E0B0F;
}

.favorite-ttl {color:#FFF;  text-decoration:none; display:block; background-color: #327bb0; box-shadow: none;font-weight:bold; 
  background-image: -webkit-gradient(linear, left 0%, left 100%, from(#4998d1), to(#327bb0));
  background-image: -webkit-linear-gradient(top, #4998d1, 0%, #327bb0, 100%);
  background-image: -moz-linear-gradient(top, #4998d1 0%, #327bb0 100%);
  background-image: linear-gradient(to bottom, #4998d1 0%, #327bb0 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4998d1', endColorstr='#327bb0', GradientType=0);color:#FFF;margin-bottom:25px}
.favorite-ttl .star{ background:url(../images/common/nav_star_bg.png) no-repeat ;padding:5px 0px 5px 20px; background-size:12%;}


.hide-search { border:2px solid #25679A; padding:5px 10px;margin-bottom:20px}

.search-result-title {
    background-color: #E6E9ED;
    padding: 5px 10px;
}
#companyInfo fieldset, #companyMsg fieldset {
    border: 5px solid #0054A6;
}
fieldset {
    padding: 10px 5px;
}
fieldset h3 {
    padding-bottom: 5px;
    border-bottom: 1px solid #D5DFE5;
    margin-bottom: 15px;
}

  
  .greytable2 { height: 100%; width:100%; }
.greytable2 th{background-color: #F0EEE8;}
.greytable2 td, .greytable2 th{
	vertical-align: middle;
	border: 1px solid #d5d5d5;
    padding:3px;
}

.greytable2 td table{
	width:100%;
}

.greytable2 td table tr td{
	border: 0px none #FFFFFF;
}

.greytable2 td.dateblank { width: 120px; text-align: center; vertical-align: middle;}

.greytable2 td.date { width: 128px; text-align: center; vertical-align: middle; }

.greytable2 td.time { width: 120px; vertical-align: middle; text-align: center;  }

.greytable2 td.appointment { width: 108px; padding: 0 10px; font-size: 12px; text-align: center; }
			  .appointment_title { color: #1E46A0;}

.greytable2 td.busy { width: 88px; padding: 0 20px; font-size: 15px; color: #FF9900; vertical-align: middle; text-align: center; }

.greytable2 td.blank { width: 88px; padding: 0 20px; }

.cat_desc { color:salmon; font-size:90%; }

.popuptextarea {width: 100%; height: 80px; background:none; }


.companyname {text-align: center; font-weight:bold; /*font-size: 14px;*/ padding-bottom: 10px;}
.companyinfo {text-align: left; margin: 0 auto; padding-bottom: 10px; width: 400px;}
.companymsg {text-align: center; font-weight: normal; /*font-size: 13px;*/ padding-bottom: 10px;}

.msgbox { float: left; width: 100%; margin: 20px 10px 0 10px; }
.receivebox {background:#EEE; border: 1px #000000 solid; width: 93%; height: auto; padding: 10px; text-align: left; float: left; }
.sentbox {background:#EEE; border: 1px #000000 solid; width: 93%; height: auto; padding: 10px; text-align: left; float: left;}

.titlepopup, .subtitlepopup{color: #150b9e; text-align: center; padding-bottom: 10px;}
.subtitlepopup {font-weight:bold; /*font-size: 16px;*/}

.visibleForPrintOnly {display:none;}


.presentIcon {
    margin-right:10px;
    font-size: 12px;
    text-align: center;
    color: black;
    font-weight: bold;
    background-color: #ffc000;
    box-shadow: 2px 2px 2px #1e46a0;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
}
.newProductIcon {
    margin-right:10px;
    font-size: 12px;
    text-align: center;
    color: black;
    font-weight: bold;
    background-color: #ffc000;
    box-shadow: 2px 2px 2px #1e46a0;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
}
.newDemoIcon {
    margin-right:10px;
    font-size: 12px;
    text-align: center;
    color: white;
    font-weight: bold;
    background-color: #FF003B;
    box-shadow: 2px 2px 2px #1e46a0;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
}
.newSampleIcon {
    margin-right:10px;
    font-size: 12px;
    text-align: center;
    color: white;
    font-weight: bold;
    background-color: #6B7DFD;
    box-shadow: 2px 2px 2px #1e46a0;
    border-radius: 5px;
    padding: 2px 5px 2px 5px;
}

.detailImage {
    margin-top:8px;
    /*margin-bottom:8px;*/
    border:0px;
}
.caption {
    color:gray;
    text-decoration:underline;
    font-style: italic;
}

.placeholder {
    color:grey;
}

img {
    border-width:0px;
    border-style:none;
}



.contactus .container { width:800px; margin:0px auto}

.button-save {
    background-color: #C2BB7B;
    background-image: linear-gradient(to bottom, #D2CD9D 0%, #C2BB7B 100%);
}


@media (max-width: 1199px) {
/*.header tr:nth-child(1) td:nth-child(1){width:85%}
.header tr:nth-child(1) td:nth-child(1) img{width:100%}*/
}




#meeting_schedule .box ul li {
    height: 35px;
}

.appointment_div .box ul li {
    height: 35px;
}

span.two_lines_top{
    display: block;
    margin-top: -8px;
    font-size: 12px;
}
span.two_lines_bottle{
    margin-top: -9px;
    display: block;
    font-size: 12px;
}


.select_schedule_date{
    background-color: white;
    font-weight: normal;
    color: black;
    font-size: 12px !important;
    padding: 0px 5px;
    margin-top: 2px;
    border: 1px solid red;
    border-radius: 5px;
}
.select_schedule_date:active{
    border-color:green;
}

/*============================================================*/
/*accordion*/

.accordion-item {
    background-color: #fff;
    border: 1px solid rgba(0,0,0,.125);
}
.accordion-item:first-of-type {
    border-top-left-radius: 0.25rem;
    border-top-right-radius: 0.25rem;
}
.accordion-header {
    margin-bottom: 0;
}
.collapse:not(.in) {
    display: none;
}
.collapse.in {
    display: block;
}
.accordion-item:first-of-type .accordion-button {
    border-top-left-radius: calc(0.25rem - 1px);
    border-top-right-radius: calc(0.25rem - 1px);
}
.seach_cat_item button.accordion-button {
    padding-right: 1.5rem;
    font-size: 14px;
    font-weight: bold;
}
.accordion-button:not(.collapsed) {
    color: #0c63e4;
    background-color: #e7f1ff;
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 13%);
}
button:focus:not(:focus-visible) {
    outline: 0;
}
.accordion-button:focus {
    z-index: 3;
    border-color: #86b7fe;
    outline: 0;
    box-shadow: 0 0 0 0.25rem rgb(13 110 253 / 25%);
}
@media (prefers-reduced-motion: reduce) {
    .accordion-button {
        transition: none;
    }
}
.accordion-button {
    position: relative;
    display: flex;
    align-items: center;
    width: 100%;
    padding: 1rem 1.25rem;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    background-color: #fff;
    border: 0;
    border-radius: 0;
    overflow-anchor: none;
    transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,border-radius .15s ease;
}
.accordion-button::after {
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    /*background-image: url('../images/common/down_black.svg');*/
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform .2s ease-in-out;
}
.accordion-button:not(.collapsed)::after {
    /*background-image: url('../images/common/down_blue.svg');*/
    transform: rotate(-180deg);
}
.accordion-body {
    padding: 1rem 1.25rem;
}
.w-100 {
    width: 100%!important;
}
.seach_cat_item p {
    display:block;
    clear:both;
    font-weight:bold;
}
.seach_cat_item div.form-group {
    clear:both;
}
.seach_cat_item ul.w-100 {
    clear: both;
}
.seach_cat_item li {
    width: 49%;
    list-style: none;
    float: left;
    margin-bottom: 3px;
}
.seach_cat_item li:last-child {
    margin-bottom: 10px;
}
div.responsive-cat > ul.w-100 li {
    width: 49%;
}
.seach_cat_item li:nth-child(odd) {
    margin-right: 2%;
}
.seach_cat_item li input[type=text] {
    margin-left: 20px;
    width: 90%;
}

/*accordion*/
/*============================================================*/


.Seminar_Applied{
    font-weight:bold;
    color:#ff9800;
    text-decoration:underline;
}

.Seminar_Applied_Full{
    font-weight:bold;
    color:red;
    text-decoration:underline;
}

.reset_product_button{
    border: none;
    color: white;
    padding: 3px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 12px;

    background-color: white;
    color: black;
    border: 2px solid red;
    transition-duration: 0.4s;
    cursor:pointer;

    border-radius: 4px;
}

.reset_product_button:hover {
  border-color:#f8bbd0;
}

.reset_product_button_en {
    margin-top:10px;
}
.btns-horz a{
    border-radius:2px;
}

.ProductCSS .entry-table td{
    padding-top:0px !important;
}

.not_allow_function {
    filter: grayscale(100%);
    opacity:0.5;
}
.not_allow_function a {
    cursor:not-allowed;
}

.mb-3 {
    margin-bottom: 1rem!important;
}