@charset "UTF-8";

/* =reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block;}nav,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background:#ff9;color:#000;text-decoration:none;}mark{background:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted #000;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{clear:both;display:block;height:1px;border:0;margin:0;padding:0;}input,select{vertical-align:middle;}b,em,strong{font-style:normal;font-weight: bold;}
i,cite,em,var,address{font-style: normal;}


input[type="radio"] {
    border: 0px;
	background:none;
}
/* =links */
a{
	overflow: hidden;
	text-decoration:none;
}
a:link{
	color:#042888;
	}
a:visited{
	color:#2a0371;
	}
a:hover{
	color:#900;
	}
a:active{
	color:#600;
	}


/* =basic */
hr{
	clear:both;
	border: none;
	}
p{
	margin:1em;
	line-height: 1.4em;
	}

ul.list{
	margin: 1.4em;
	}
ul.list li{
	margin:.5em;
	padding-left:20px;
	line-height:1.4em;
	background: url(../img/common/li.png) 0 -86px no-repeat;
	}
ul.list li ul li,
ol.list li ul li{
	margin:.6em 2em;
	list-style: circle;
	background: none;
	padding-left:0;
	}
ol.list{
	margin-left:30px;
	list-style-type: decimal;
	line-height:1.3em;
	}
ol.list li{
	margin:.5em;
	}
ol.list ol.list{
	margin:.5em;
	}
ol.list ol.list li{
	margin:.5em;
	}

.signature,
.cite{
	text-align: right;
	}
.notes{
	line-height: 1.5em;
	font-size:0.8em;
	color:#666;
	}
.hide{
	display: none;
	}
p img{
	vertical-align:middle;
	}

strong.strong{
	font-size:1.2em;
	color:#111;
	}
.red,
a.red{
	color:#f00;
	}





/* =table */
div.tableWrap{
	margin:0 20px;
	}
fieldset div.tableWrap{
	margin:0;
	}

table{
	width:100%;
	}

td,th{
	padding:.6em .5em;
	vertical-align: top;
	text-align: left;
	line-height: 1.5em;
	font-size:.95em;
	border-right:solid 1px #fff;
	}
tr th:last-child,
tr td:last-child{
	border-right: none;
	}

body#login a.top_notice:link{
	color:#ffdd00;
	}
body#login a.top_notice:visited{
	color:#ffdd00;
	}
body#login a.top_notice:hover{
	color:#ffdd00;
	text-decoration: underline;
	}
body#login a.top_notice:active{
	color:#ffdd00;
	text-decoration: underline;
	}

body.compact td,th{
	padding:.5em .2em;
	font-size:.85em;
	}
body.compact.min td,th{
	padding:.4em .2em;
	font-size:12px;
	}
th{
	padding:.2em .5em;
	color:#1F3656;
	font-weight: normal;
	background:#b9cbdf;
	}
table.list tr.odd td{
	background: #f3f6fc;
	}
table.list tr.even td{
	background: #ecf0f6;
	}
table.list tr.odd td.activeuser{
	background: #ed6064;
	}
table.list tr.even td.activeuser{
	background: #ed5054;
	}
table.list tr.odd.new td{
	background:#ffddcc;
	}
table.list tr.even.new td{
	background:#ffd0c0;
	}
table.list tr.odd td.full{
	background: #808080;
	color: white;
	font-weight: bold;
	}
table.list tr.even td.full{
	background: #808080;
	color: white;
	font-weight: bold;
	}
table.list tr.odd td.hurry{
	background:#cc0000;
	color:white;
	font-weight:bold;
	}
table.list tr.even td.hurry{
	background:#cc0000;
	color:white;
	font-weight:bold;
	}
table.list tr.approved.odd td{
	background:skyblue;
	}
table.list tr.approved.even td{
	background:lightblue;
	}
table.list tr.disapproved.odd td{
	background:Salmon;
	}
table.list tr.disapproved.even td{
	background:lightSalmon;
	}
table.list tr.notDisplayed.odd td{
	background:gray;
	}
table.list tr.notDisplayed.even td{
	background:lightgray;
	}
table.list tr.hover td{
	background:#ffe0aa;
	}
table.list tr.new.hover td{
	background:#ff9c77;
	}
table.list span.new{
	display: block;
	margin:2px;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #900;
	}

/* =detail */
table.detail{
	font-size:1.1em;
	}
table.detail th,
table.detail td{
	padding:5px 8px;
	line-height:1.8em;
	border: none;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
	vertical-align:middle;
	}
table.detail th{
	text-align: right;
	background:#ecf0f6;
	width:120px;
	}
table.detail td{
	background:#f3f6fc;
	}
table.detail td.activeuser{
	background: #ed6064;
	}

table.detail.col2,
table.detail.col3,
table.detail.col4{
	float: left;
	margin:0 10px 0 0;
	}
fieldset table.detail:last-child{
	margin:0;
	}

fieldset table#detail_sp th{
	width:100%;
}



table.sub_grid th,
table.sub_grid td{
	padding:0 8px;
	line-height:1.8em;
	border: none;
	border-top:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
table.detail th{
	text-align: left;
	vertical-align:middle;
	background:#ecf0f6;
}



table ul{
	margin-left: 15px;
	list-style: disc;
	}
table ul li{
	margin:5px;
	}
table ul ul{
	margin-left: 20px;
	padding-left:10px;
	list-style: circle;
	}
table ul ul li{
	font-size:0.9em;
	}

table label{
	display:inline-block;
	}
table #dummy_label{
	display:inline-block;
	}



/* analysis 201408edit*/
table.analysis th{
  text-align: center;
  font-weight:bold;
  color:#FFFFFF;
  background:#4d4d4d;
}
table.analysis td.total{
  text-align: center;
  background: #cedde5;
  border-top:3px double #333333;
}
table.analysis td.average{
  text-align: center;
  background: #d5e5ef;
  border-top:3px double #333333;
}
table.analysis td,
table.analysis th{
  border: 1px solid #000000;
  line-height: 1.5em;
  vertical-align: middle;
}
table.analysis th{
	line-height:2.5;
	}
table.analysis{
  border: 1px solid #000000;
}

.tableWrap a.sub_title{
	display:block;
	padding:10px 15px;
	margin:30px 0 -15px 0;
	color:#FFFFFF;
	background:#0B1C4B;
	font-size:14px;
	height:1.8;
	border-radius:5px 5px 0 0;
	-moz-border-radius:5px 5px 0 0;
	-webkit-border-radius:5px 5px 0 0;
}




table.analysis td.plus_thirty{
	background:#96D1FE;
}
table.analysis td.plus_twenty{
	background:#D2ECFF;
}
table.analysis td.minus_twenty{
	background:#E6E6E6;
}
table.analysis td.minus_thirty{
	background:#C8C8C8;
}


table.list a.analysis_button.active:hover{
  background:-moz-linear-gradient(rgba(235,235,0,0.4), rgba(130,130,0,1));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,0,0.4)), to(rgba(100,100,0,0.8)));
  /*
  background:-moz-linear-gradient(rgba(240,240,0,0.2), rgba(130,130,0,0.9));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,0,0.4)), to(rgba(100,100,0,0.8)));
  */
}

table.list a.analysis_button.active{
  background:-moz-linear-gradient(rgba(235,235,0,0.4), rgba(130,130,0,1));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(255,255,0,0.4)), to(rgba(100,100,0,0.8)));
}

table.list a.analysis_button{
  color:#ffffff;
  background:#337fcc;
  font-size:1.1em;
  font-weight:bold;
  text-shadow:0 -1px 0px #225588,0 -2px 0px #225588;
  text-align:center;
  display:block;
  text-decoration:none;
  border:1px solid #225588;
  padding:9px 0 8px 0;
  border-radius:5px;
  background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.5)), to(rgba(34,85,136,1)));
  box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}
table.list a.analysis_button:hover{
  background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
  background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.4)), to(rgba(119,170,221,0.9)));
}
table.detail th.title_for_required_item.no_input{
	border-left:medium solid red;
	background-color:#ffcccc;
}
table.detail td div.item_title.title_for_required_item{
	display:inline-block;
}
table.detail td div.item_title.title_for_required_item.no_input{
	border-left:medium solid red;
	background-color:#ffcccc;
}


/* =status */
.status{
	position: relative;
	display: block;
	margin:3px 0 5px 0;
	padding:5px 10px;
	font-weight: normal;
	font-size:12px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	behavior: url(/js/PIE.htc);
	}
.status.example{
	width:200px;
	margin:5px 0;
	padding:10px;
	line-height:.9em;
	font-size: 1em;
	}

.status.A{
	color:#fff;
	}
.status.red.A{background:#db4d4b;}
.status.pink.A{background:#ea5abb;}
.status.purple.A{background:#a359ea;}
.status.blue.A{background:#3974df;}
.status.aqua.A{background:#11c3d8;}
.status.green.A{background:#4ba12c;}
.status.yellow.A{background:#e2cb14;}
.status.brown.A{background:#b37037;}
.status.gray.A{background:#c2c2c2;}

.status.B{
	background:none;
	border:solid 3px;
	}
.status.red.B{color:#db4d4b;border-color:#db4d4b;}
.status.pink.B{color:#ea5abb;border-color:#ea5abb;}
.status.purple.B{color:#a359ea;border-color:#a359ea;}
.status.blue.B{color:#3974df;border-color:#3974df;}
.status.aqua.B{color:#11c3d8;border-color:#11c3d8;}
.status.green.B{color:#4ba12c;border-color:#4ba12c;}
.status.yellow.B{color:#b8a511;border-color:#e2cb14;}
.status.brown.B{color:#b37037;border-color:#b37037;}
.status.gray.B{color:#999;border-color:#c2c2c2;}

.status.C{
	background:#fff;
	border:solid 1px #ddd;
	}
.status.red.C{color:#db4d4b;}
.status.pink.C{color:#ea5abb;}
.status.purple.C{color:#a359ea;}
.status.blue.C{color:#3974df;}
.status.aqua.C{color:#11c3d8;}
.status.green.C{color:#4ba12c;}
.status.yellow.C{color:#b8a511;}
.status.brown.C{color:#b37037;}
.status.gray.C{color:#999;}

span.status-ie6-7{
	font-size:16px;
}




/* =next back */

nav.next a,
nav.back a{
	font-size:.95em;
	}

nav.next{
	margin:5px 0;
	text-align: right;
	}
nav.next a{
	padding:10px 25px 10px 0;
	background:url(../img/common/parts.png) right -50px no-repeat;
	}
nav.next a:hover{
	background-position:right -80px;
	}

nav.back{
	margin: 20px 10px;
	}
nav.back a{
	padding:10px 0 10px 25px;
	background:url(../img/common/parts.png) 0 -110px no-repeat;
	}
nav.back a:hover{
	background-position:0 -140px;
	}

nav.next li,
nav.back li{
	padding: 5px 0;
	}

nav.back.list,
nav.back.list a{
	display: block;
	}
nav.back.list{
	margin:-1px 0 0 0;
	padding: 5px 10px;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	}
nav.back.list a{
	width: 200px;
	height:32px;
	margin:0;
	padding:0;
	background-position:0 -250px;
	text-indent:-9999px;
	cursor: pointer;
	}
nav.back.list a:hover{
	background-position:0 -300px;
	}

/* 「もどる」のみバージョン追加201301 */


nav.back2 a{
	font-size:.95em;
	}

nav.next{
	margin:5px 0;
	text-align: right;
	}
nav.next a{
	padding:10px 25px 10px 0;
	background:url(../img/common/parts.png) right -50px no-repeat;
	}
nav.next a:hover{
	background-position:right -80px;
	}

nav.back2{
	margin: 20px 10px;
	}
nav.back2 a{
	padding:10px 0 10px 25px;
	background:url(../img/common/parts.png) 0 -110px no-repeat;
	}
nav.back2 a:hover{
	background-position:0 -140px;
	}


nav.back2.prev,
nav.back2.prev a{
	display: block;
	}
nav.back2.prev{
	margin:-1px 0 0 0;
	padding: 5px 10px;
	border-top:dotted 1px #ccc;
	border-bottom:dotted 1px #ccc;
	}
nav.back2.prev a{
	width: 200px;
	height:32px;
	margin:0;
	padding:0;
	background-position:0 -1300px;
	text-indent:-9999px;
	cursor: pointer;
	}
nav.back2.prev a:hover{
	background-position:0 -1350px;
	}
/* end 「もどる」のみバージョン追加201301 */

/* =pagetop */
nav.pagetop{
	clear: both;
	position: relative;
	display: block;
	height:30px;
	margin:20px 0 0 0;
	}
nav.pagetop a{
	position:absolute;
	right:0;
	top:0;
	display: block;
	width:150px;
	height:25px;
	background: url(../img/common/parts.png) right top no-repeat;
	text-indent: -9999px;
	z-index: 50;
	cursor: pointer;
	}
nav.pagetop a:hover{
	background-position:right -25px;
	}



/* =nav_list */
.nav_list{
	clear: both;
	padding:5px 20px;
	font-size: .85em;
	color: #666;
	}
.nav_list div{
	float: left;
	display: block;
	margin:0 5px;
	padding: 15px 0 0 0;
	}
.nav_list .count b{
	color:#333;
	}
.nav_list div select{
	font-size:1em;
	}

.nav_list a.btn{
	float: right;
	}

/* =nav_pager */
.nav_list .nav_pager{
	float: left;
	display: block;
	margin: 0 10px;
	padding: 11px 0 0 0;
	text-align: center;
	font-size:.9em;
	}
.nav_pager a,
.nav_pager a:visited{
	display:inline-block;
	padding:4px 8px;
	color: #333;
	background: #e9e9e9;
	text-decoration: none;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	-o-border-radius:2px;
	-ms-border-radius:2px;
	border-radius:2px;
	}
.nav_pager a:hover{
	background: #ccc;
	}
.nav_pager a.current{
	font-weight: bold;
	color: #fff;
	background:#132748;
	}
.nav_pager a.prev,
.nav_pager a.next,
.nav_pager a.prev:hover,
.nav_pager a.next:hover{
	width: 12px;
	height:13px;
	background: none;
	background:url(../img/common/parts.png) no-repeat;
	text-indent:-9999px;
	}
.nav_pager a.prev{background-position:left -118px;}
.nav_pager a.prev:hover{background-position:left -148px;}
.nav_pager a.next{background-position:right -58px;}
.nav_pager a.next:hover{background-position:right -88px;}

.nav_pager.date a{
	padding: 5px 10px;
	font-size:1.2em;
	font-weight: bold;
	}
.nav_pager.date a span{
	margin:0 5px;
	line-height:.1em;
	font-size:1.3em;
	color:#999;
	}


.nav_list dl{
	float:right;
	width: auto;
	margin-top: 15px;
	}
.nav_list dl dt,
.nav_list dl dd{
	float:left;
	width: auto;
	}
.nav_list dl dd{
	padding:3px 10px 0 1px;
	}







/* =loading */
#loading{
	position: absolute;
	top:116px;
	left:20px;
	display: block;
	width:100px;
	height:30px;
	font-size:12px;
	color: #fff;
	}

/* =clear_children */
.tallest{
	position: relative !important;
	}
.relative{
	position: relative;
	}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}



/* =common */
html,
body{
	position:relative;
	width:100%;
	height:100%;
	text-align:left;
	}
html{
	font:86%/1.5 sans-serif;
	color:#222;
	}
body{
	}
#body,
#branding,
#footer{
	position:relative;
	display: block;
	margin:0;
	padding:0;
	width:100%;
	}
#branding{
	/* RALPH CUEVAS START 04/05/2016 */
	z-index: 51;
	top: 0;
	position: fixed;
	/* RALPH CUEVAS END 04/05/2016 */
	height:50px;
	background:url(../img/common/bg_header.png) 0 0 repeat-x #fff;
	}



#body{
	padding:0 0 20px 0;
	}
#index,
#index #body,
#index #footer{
	background:url(../img/common/bg_dashboard.jpg);
	}
#admin #body{
	background:#e3e3dd;
	}


#branding h1,
#branding h1 a,
#branding nav,
#branding li,
#branding li a,
#branding li a .hover{
	display: block;
	height:50px;
	}
#branding h1,
#branding nav,
#branding li{
	position: absolute;
	top:0;
	}
#branding h1{
	left:10px;
	}
#branding #mainMenu{
	left:220px;
	}
body.compact #branding h1{
	left:5px;
	}
body.compact #branding #mainMenu,
body.compact.min #branding #mainMenu{
	left:110px;
	}

#branding #subMenu{
	right:0;
	}

#branding nav ul{
	position: relative;
	}


#branding h1 a,
#branding li a,
#branding li a .hover,
#branding #subMenu #nav_uName{
	background:url(../img/common/header.png) 0 0 no-repeat;
	text-indent: -9999px;
	}

#branding h1,
#branding h1 a{
	width:220px;
	}
body.compact #branding h1,
body.compact #branding h1 a{
	background-position:0 -250px;
	width:100px;
	}
#branding #mainMenu li,
#branding #mainMenu li a,
#branding #mainMenu li a .hover{
	width:95px;
	}
body.compact #branding #mainMenu li,
body.compact #branding #mainMenu li a,
body.compact #branding #mainMenu li a .hover{
	width:80px;
	}
body.compact.min #branding #mainMenu li,
body.compact.min #branding #mainMenu li a,
body.compact.min #branding #mainMenu li a .hover{
	width:46px;
	}
#branding #mainMenu #nav_index,
#branding #mainMenu #nav_index a,
#branding #mainMenu #nav_index a .hover{left: 0;width:40px;}
#branding #mainMenu #nav_message,
#branding #mainMenu #nav_message a,
#branding #mainMenu #nav_message a .hover{left: 0;width:40px;}
#branding #mainMenu #nav_job{left:50px;}
#branding #mainMenu #nav_advertising{left:145px;}
#branding #mainMenu #nav_manuscript{left:145px;}
#branding #mainMenu #nav_advertisement{left:240px;}
#branding #mainMenu #nav_applicants{left:335px;}
#branding #mainMenu #nav_interview{left: 430px;}
#branding #mainMenu #nav_mail{left: 525px;}
/*
#branding #mainMenu #nav_registrants{left: 620px;}
#branding #mainMenu #nav_analysis{left:525px;}
*/
#branding #mainMenu #nav_registrants{left: 620px;}
#branding #mainMenu #nav_analysis{left:715px;}
#branding #mainMenu #nav_curu{left:810px;}

body.compact #branding #mainMenu #nav_index,
body.compact #branding #mainMenu #nav_index a,
body.compact #branding #mainMenu #nav_index a .hover{width:40px;}
body.compact #branding #mainMenu #nav_message,
body.compact #branding #mainMenu #nav_message a,
body.compact #branding #mainMenu #nav_message a .hover{width:40px;}
body.compact #branding #mainMenu #nav_job{left:50px;}
body.compact #branding #mainMenu #nav_advertising{left:130px;}
body.compact #branding #mainMenu #nav_manuscript{left:130px;}
body.compact #branding #mainMenu #nav_advertisement{left:210px;}
body.compact #branding #mainMenu #nav_applicants{left:290px;}
body.compact #branding #mainMenu #nav_interview{left:370px;}
body.compact #branding #mainMenu #nav_mail{left:450px;}
/*
body.compact #branding #mainMenu #nav_registrants{left:530px;}
body.compact #branding #mainMenu #nav_analysis{left:450px;}
*/
body.compact #branding #mainMenu #nav_registrants{left:530px;}
body.compact #branding #mainMenu #nav_analysis{left:610px;}
body.compact #branding #mainMenu #nav_curu{left:690px;}

body.compact.min #branding #mainMenu #nav_index,
body.compact.min #branding #mainMenu #nav_index a,
body.compact.min #branding #mainMenu #nav_index a .hover{width:40px;}
body.compact.min #branding #mainMenu #nav_message,
body.compact.min #branding #mainMenu #nav_message a,
body.compact.min #branding #mainMenu #nav_message a .hover{width:40px;}
body.compact.min #branding #mainMenu #nav_job{left:50px;}
body.compact.min #branding #mainMenu #nav_advertising{left:95px;}
body.compact.min #branding #mainMenu #nav_manuscript{left:95px;}
body.compact.min #branding #mainMenu #nav_advertisement{left:140px;}
body.compact.min #branding #mainMenu #nav_applicants{left:185px;}
body.compact.min #branding #mainMenu #nav_interview{left:230px;}
body.compact.min #branding #mainMenu #nav_mail{left:275px;}
/*
body.compact.min #branding #mainMenu #nav_registrants{left:320px;}
body.compact.min #branding #mainMenu #nav_analysis{left:275px;}
*/
body.compact.min #branding #mainMenu #nav_registrants{left:320px;}
body.compact.min #branding #mainMenu #nav_analysis{left:365px;}
body.compact.min #branding #mainMenu #nav_curu{left:410px;}


#branding #subMenu{
	width: 280px;
	background:url(../img/common/bg_header.png) 0 0 repeat-x;
	}
body.compact #branding #subMenu{
	width: 240px;
	}
body.compact.min #branding #subMenu{
	width: 210px;
	}

#branding #subMenu #nav_inquiry{
	left:-80px;
	}
#branding #subMenu #nav_inquiry a,
#branding #subMenu #nav_inquiry a:visited{
	display: inline;
	width: auto;
	height: auto;
	text-indent:0;
	font-size: .6em;
	color:#999;
	background: none;
	}
#branding #subMenu #nav_inquiry a:hover{
	color:#fff;
	}

#branding #subMenu #nav_admin{
	left: 0;
	}
#branding #subMenu #nav_admin,
#branding #subMenu #nav_admin a,
#branding #subMenu #nav_admin a .hover{
	width:70px;
	}

body.compact #branding #subMenu #nav_admin,
body.compact #branding #subMenu #nav_admin a,
body.compact #branding #subMenu #nav_admin a .hover{
	width:30px;
	}

/* ヘルプ追加201212 */
#branding #subMenu #nav_help{
	left: -70px;
	}
#branding #subMenu #nav_help,
#branding #subMenu #nav_help a,
#branding #subMenu #nav_help a .hover{
	width:75px;
	}

body.compact #branding #subMenu #nav_help,
body.compact #branding #subMenu #nav_help a,
body.compact #branding #subMenu #nav_help a .hover{
	width:28px;
	left:-14px;
	}
/* end ヘルプ追加201212 */

/* アプリ追加201407 */
#branding #subMenu #nav_app{
	left: -145px;
	}
#branding #subMenu #nav_app,
#branding #subMenu #nav_app a,
#branding #subMenu #nav_app a .hover{
	width:75px;
	}

body.compact #branding #subMenu #nav_app,
body.compact #branding #subMenu #nav_app a,
body.compact #branding #subMenu #nav_app a .hover{
	width:35px;
	left:-31px;
	}
/* end マーケット追加201407 */

/* パスワード変更追加201212 */
#branding #subMenu #nav_passchg{
	left: -150px;
	}
#branding #subMenu #nav_passchg,
#branding #subMenu #nav_passchg a,
#branding #subMenu #nav_passchg a .hover{
	width:75px;
	}

body.compact #branding #subMenu #nav_passchg,
body.compact #branding #subMenu #nav_passchg a,
body.compact #branding #subMenu #nav_passchg a .hover{
	width:30px;
	left:-33px;
	}
/* end パスワード変更追加201212 */

#branding #subMenu #nav_uName{
	width:210px;
	left: 70px;
	text-indent:38px;
	background-position:-1095px 0;
	color:#fff;
	cursor: default;
	}
body.compact #branding #subMenu #nav_uName{
	width:200px;
	left:35px;
	}
body.compact.min #branding #subMenu #nav_uName{
	left:35px;
	width:160px;
	text-indent:10px;
	background: none;
	border-left:solid 1px #334466;
	}
#branding #subMenu #nav_uName b{
	display:block;
	margin:20px 0 0 0;
	font-size: .9em;
	}
#branding #subMenu #nav_uName a,
#branding #subMenu #nav_uName a:visited{
	display: inline;
	width: auto;
	height: auto;
	text-indent:0;
	font-size: .6em;
	color:#999;
	background: none;
	}
#branding #subMenu #nav_uName a:hover{
	color:#fff;
	}
#branding #subMenu #nav_logout{
	right:10px;
	top:22px;
	}
#branding #subMenu #nav_logout a,
#branding #subMenu #nav_logout a:visited{
	display: inline;
	width: auto;
	height: auto;
	text-indent:0;
	font-size: .6em;
	color:#999;
	background: none;
	}
#branding #subMenu #nav_logout a:hover{
	color:#fff;
	}




/* 設定ボタン */

#branding #subMenu #nav_admin a			{background-position:-230px 0;}
#branding #subMenu #nav_admin.disabled a:active			{background-position:-230px 0;}
#branding #subMenu #nav_admin a .hover			{background-position:-230px -50px;}
#branding #subMenu #nav_admin a.active			{background-position:-230px -100px;}
#branding #subMenu #nav_admin a:active			{background-position:-230px -100px;}

/* ヘルプボタン追加201212 */
#branding #subMenu #nav_help a			{background-position:-230px -400px;}
#branding #subMenu #nav_help.disabled a:active			{background-position:-230px -400px;}
#branding #subMenu #nav_help a .hover			{background-position:-230px -450px;}
#branding #subMenu #nav_help a.active			{background-position:-230px -500px;}
#branding #subMenu #nav_help a:active			{background-position:-230px -500px;}
/* end ヘルプボタン追加201212 */

/* アプリボタン追加201407 */
#branding #subMenu #nav_app a			{background-position:-1538px -400px;}
#branding #subMenu #nav_app.disabled a:active	{background-position:-1542px -400px;}
#branding #subMenu #nav_app a .hover			{background-position:-1538px -450px;}
#branding #subMenu #nav_app a.active			{background-position:-1538px -500px;}
#branding #subMenu #nav_app a:active			{background-position:-1538px -500px;}
/* end アプリボタン追加201407 */

/* パスワード変更追加201212 */
#branding #subMenu #nav_passchg a					{background-position:-230px -400px;}
#branding #subMenu #nav_passchg.disabled a:active	{background-position:-230px -400px;}
#branding #subMenu #nav_passchg a .hover			{background-position:-230px -450px;}
#branding #subMenu #nav_passchg a.active			{background-position:-230px -500px;}
#branding #subMenu #nav_passchg a:active			{background-position:-230px -500px;}
/* end パスワード変更追加201212 */


/* 通常 */

body #branding #mainMenu #nav_index a		{background-position:-220px -250px;}
body #branding #mainMenu #nav_message a		{background-position:-220px -250px;}
body #branding #mainMenu #nav_job a			{background-position:-350px -250px;}
body #branding #mainMenu #nav_advertising a	{background-position:-460px -250px;}
body #branding #mainMenu #nav_manuscript a	{background-position:-460px -250px;}
body #branding #mainMenu #nav_advertisement a	{background-position:-1400px -250px;}
body #branding #mainMenu #nav_registrants a			{background-position:-570px -250px;}
body #branding #mainMenu #nav_interview a	{background-position:-680px -250px;}
body #branding #mainMenu #nav_mail a			{background-position:-790px -250px;}
body #branding #mainMenu #nav_analysis a		{background-position:-900px -250px;}
body #branding #mainMenu #nav_applicants a		{background-position:-1010px -250px;}
body #branding #mainMenu #nav_curu a		{background-position:-1657px -250px;}


body #branding #mainMenu #nav_index.disabled a:active		{background-position:-220px -250px;}
body #branding #mainMenu #nav_message.disabled a:active		{background-position:-220px -250px;}
body #branding #mainMenu #nav_job.disabled a:active			{background-position:-350px -250px;}
body #branding #mainMenu #nav_advertising.disabled a:active	{background-position:-460px -250px;}
body #branding #mainMenu #nav_manuscript.disabled a:active	{background-position:-460px -250px;}
body #branding #mainMenu #nav_advertisement.disabled a:active	{background-position:-1400px -250px;}
body #branding #mainMenu #nav_registrants.disabled a:active			{background-position:-570px -250px;}
body #branding #mainMenu #nav_interview.disabled a:active	{background-position:-680px -250px;}
body #branding #mainMenu #nav_mail.disabled a:active			{background-position:-790px -250px;}
body #branding #mainMenu #nav_analysis.disabled a:active		{background-position:-900px -250px;}
body #branding #mainMenu #nav_applicants.disabled a:active		{background-position:-1010px -250px;}
body #branding #mainMenu #nav_curu.disabled a:active
{background-position:-1657px -250px;}


body #branding #mainMenu #nav_index a .hover			{background-position:-220px -300px;}
body #branding #mainMenu #nav_message a .hover			{background-position:-220px -300px;}
body #branding #mainMenu #nav_job a .hover			{background-position:-350px -300px;}
body #branding #mainMenu #nav_advertising a .hover	{background-position:-460px -300px;}
body #branding #mainMenu #nav_manuscript a .hover	{background-position:-460px -300px;}
body #branding #mainMenu #nav_advertisement a .hover	{background-position:-1400px -300px;}
body #branding #mainMenu #nav_registrants a .hover			{background-position:-570px -300px;}
body #branding #mainMenu #nav_interview a .hover		{background-position:-680px -300px;}
body #branding #mainMenu #nav_mail a .hover			{background-position:-790px -300px;}
body #branding #mainMenu #nav_analysis a .hover		{background-position:-900px -300px;}
body #branding #mainMenu #nav_applicants a .hover		{background-position:-1010px -300px;}
body #branding #mainMenu #nav_curu a .hover		{background-position:-1657px -300px;}


body #branding #mainMenu #nav_index a.active			{background-position:-220px -350px;}
body #branding #mainMenu #nav_message a.active			{background-position:-220px -350px;}
body #branding #mainMenu #nav_job a.active			{background-position:-350px -350px;}
body #branding #mainMenu #nav_advertising a.active	{background-position:-460px -350px;}
body #branding #mainMenu #nav_manuscript a.active	{background-position:-460px -350px;}
body #branding #mainMenu #nav_advertisement a.active	{background-position:-1400px -350px;}
body #branding #mainMenu #nav_registrants a.active			{background-position:-570px -350px;}
body #branding #mainMenu #nav_interview a.active		{background-position:-680px -350px;}
body #branding #mainMenu #nav_mail a.active			{background-position:-790px -350px;}
body #branding #mainMenu #nav_analysis a.active		{background-position:-900px -350px;}
body #branding #mainMenu #nav_applicants a.active		{background-position:-1010px -350px;}
body #branding #mainMenu #nav_curu a.active		{background-position:-1657px -350px;}

body #branding #mainMenu #nav_index a:active			{background-position:-220px -350px;}
body #branding #mainMenu #nav_message a:active			{background-position:-220px -350px;}
body #branding #mainMenu #nav_job a:active			{background-position:-350px -350px;}
body #branding #mainMenu #nav_advertising a:active	{background-position:-460px -350px;}
body #branding #mainMenu #nav_manuscript a:active	{background-position:-460px -350px;}
body #branding #mainMenu #nav_advertisement a:active	{background-position:-1400px -350px;}
body #branding #mainMenu #nav_registrants a:active			{background-position:-570px -350px;}
body #branding #mainMenu #nav_interview a:active		{background-position:-680px -350px;}
body #branding #mainMenu #nav_mail a:active			{background-position:-790px -350px;}
body #branding #mainMenu #nav_analysis a:active		{background-position:-900px -350px;}
body #branding #mainMenu #nav_applicants a:active		{background-position:-1010px -350px;}
body #branding #mainMenu #nav_curu a:active		{background-position:-1657px -350px;}



/* コンパクトモード */

body.compact #branding #mainMenu #nav_job a			{background-position:-350px 0;}
body.compact #branding #mainMenu #nav_advertising a	{background-position:-460px 0;}
body.compact #branding #mainMenu #nav_manuscript a	{background-position:-460px 0;}
body.compact #branding #mainMenu #nav_advertisement a	{background-position:-1400px 0;}
body.compact #branding #mainMenu #nav_registrants a			{background-position:-570px 0;}
body.compact #branding #mainMenu #nav_interview a	{background-position:-680px 0;}
body.compact #branding #mainMenu #nav_mail a			{background-position:-790px 0;}
body.compact #branding #mainMenu #nav_analysis a		{background-position:-900px 0;}
body.compact #branding #mainMenu #nav_applicants a		{background-position:-1010px 0;}
body.compact #branding #mainMenu #nav_curu a		{background-position:-1657px 0;}


body.compact #branding #mainMenu #nav_job.disabled a:active			{background-position:-350px 0;}
body.compact #branding #mainMenu #nav_advertising.disabled a:active	{background-position:-460px 0;}
body.compact #branding #mainMenu #nav_manuscript.disabled a:active	{background-position:-460px 0;}
body.compact #branding #mainMenu #nav_advertisement.disabled a:active	{background-position:-1400px 0;}
body.compact #branding #mainMenu #nav_registrants.disabled a:active			{background-position:-570px 0;}
body.compact #branding #mainMenu #nav_interview.disabled a:active	{background-position:-680px 0;}
body.compact #branding #mainMenu #nav_mail.disabled a:active			{background-position:-790px 0;}
body.compact #branding #mainMenu #nav_analysis.disabled a:active		{background-position:-900px 0;}
body.compact #branding #mainMenu #nav_applicants.disabled a:active		{background-position:-1010px 0;}
body.compact #branding #mainMenu #nav_curu.disabled a:active		{background-position:-1657px 0;}

body.compact #branding #mainMenu #nav_job a .hover			{background-position:-350px -50px;}
body.compact #branding #mainMenu #nav_advertising a .hover	{background-position:-460px -50px;}
body.compact #branding #mainMenu #nav_manuscript a .hover	{background-position:-460px -50px;}
body.compact #branding #mainMenu #nav_advertisement a .hover	{background-position:-1400px -50px;}
body.compact #branding #mainMenu #nav_registrants a .hover			{background-position:-570px -50px;}
body.compact #branding #mainMenu #nav_interview a .hover		{background-position:-680px -50px;}
body.compact #branding #mainMenu #nav_mail a .hover			{background-position:-790px -50px;}
body.compact #branding #mainMenu #nav_analysis a .hover		{background-position:-900px -50px;}
body.compact #branding #mainMenu #nav_applicants a .hover		{background-position:-1010px -50px;}
body.compact #branding #mainMenu #nav_curu a .hover		{background-position:-1657px -50px;}

body.compact #branding #mainMenu #nav_job a.active			{background-position:-350px -100px;}
body.compact #branding #mainMenu #nav_advertising a.active	{background-position:-460px -100px;}
body.compact #branding #mainMenu #nav_manuscript a.active	{background-position:-460px -100px;}
body.compact #branding #mainMenu #nav_advertisement a.active	{background-position:-1400px -100px;}
body.compact #branding #mainMenu #nav_registrants a.active			{background-position:-570px -100px;}
body.compact #branding #mainMenu #nav_interview a.active		{background-position:-680px -100px;}
body.compact #branding #mainMenu #nav_mail a.active			{background-position:-790px -100px;}
body.compact #branding #mainMenu #nav_analysis a.active		{background-position:-900px -100px;}
body.compact #branding #mainMenu #nav_applicants a.active		{background-position:-1010px -100px;}
body.compact #branding #mainMenu #nav_curu a.active		{background-position:-1657px -100px;}

body.compact #branding #mainMenu #nav_job a:active			{background-position:-350px -100px;}
body.compact #branding #mainMenu #nav_advertising a:active	{background-position:-460px -100px;}
body.compact #branding #mainMenu #nav_manuscript a:active	{background-position:-460px -100px;}
body.compact #branding #mainMenu #nav_advertisement a:active	{background-position:-1400px -100px;}
body.compact #branding #mainMenu #nav_registrants a:active			{background-position:-570px -100px;}
body.compact #branding #mainMenu #nav_interview a:active		{background-position:-680px -100px;}
body.compact #branding #mainMenu #nav_mail a:active			{background-position:-790px -100px;}
body.compact #branding #mainMenu #nav_analysis a:active		{background-position:-900px -100px;}
body.compact #branding #mainMenu #nav_applicants a:active		{background-position:-1010px -100px;}
body.compact #branding #mainMenu #nav_curu a:active		{background-position:-1657px -100px;}




/* 超コンパクトモード（アイコンのみ） */

body.compact.min #branding #mainMenu #nav_index a		{background-position:-220px -250px;}
body.compact.min #branding #mainMenu #nav_message a		{background-position:-220px -250px;}
body.compact.min #branding #mainMenu #nav_job a			{background-position:-350px -400px;}
body.compact.min #branding #mainMenu #nav_advertising a	{background-position:-460px -400px;}
body.compact.min #branding #mainMenu #nav_manuscript a	{background-position:-460px -400px;}
body.compact.min #branding #mainMenu #nav_advertisement a	{background-position:-1400px -400px;}
body.compact.min #branding #mainMenu #nav_registrants a			{background-position:-570px -400px;}
body.compact.min #branding #mainMenu #nav_interview a	{background-position:-680px -400px;}
body.compact.min #branding #mainMenu #nav_mail a			{background-position:-790px -400px;}
body.compact.min #branding #mainMenu #nav_analysis a		{background-position:-900px -400px;}
body.compact.min #branding #mainMenu #nav_applicants a		{background-position:-1010px -400px;}
body.compact.min #branding #mainMenu #nav_curu a		{background-position:-1657px -400px;}

body.compact.min #branding #mainMenu #nav_index.disabled a:active		{background-position:-220px -250px;}
body.compact.min #branding #mainMenu #nav_message.disabled a:active		{background-position:-220px -250px;}
body.compact.min #branding #mainMenu #nav_job.disabled a:active			{background-position:-350px -400px;}
body.compact.min #branding #mainMenu #nav_advertising.disabled a:active	{background-position:-460px -400px;}
body.compact.min #branding #mainMenu #nav_manuscript.disabled a:active	{background-position:-460px -400px;}
body.compact.min #branding #mainMenu #nav_advertisement.disabled a:active	{background-position:-1400px -400px;}
body.compact.min #branding #mainMenu #nav_registrants.disabled a:active			{background-position:-570px -400px;}
body.compact.min #branding #mainMenu #nav_interview.disabled a:active	{background-position:-680px -400px;}
body.compact.min #branding #mainMenu #nav_mail.disabled a:active			{background-position:-790px -400px;}
body.compact.min #branding #mainMenu #nav_analysis.disabled a:active		{background-position:-900px -400px;}
body.compact.min #branding #mainMenu #nav_applicants.disabled a:active		{background-position:-1010px -400px;}
body.compact.min #branding #mainMenu #nav_curu.disabled a:active		{background-position:-1657px -400px;}


body.compact.min #branding #mainMenu #nav_index a .hover			{background-position:-220px -300px;}
body.compact.min #branding #mainMenu #nav_message a .hover			{background-position:-220px -300px;}
body.compact.min #branding #mainMenu #nav_job a .hover			{background-position:-350px -450px;}
body.compact.min #branding #mainMenu #nav_advertising a .hover	{background-position:-460px -450px;}
body.compact.min #branding #mainMenu #nav_manuscript a .hover	{background-position:-460px -450px;}
body.compact.min #branding #mainMenu #nav_advertisement a .hover	{background-position:-1400px -450px;}
body.compact.min #branding #mainMenu #nav_registrants a .hover			{background-position:-570px -450px;}
body.compact.min #branding #mainMenu #nav_interview a .hover		{background-position:-680px -450px;}
body.compact.min #branding #mainMenu #nav_mail a .hover			{background-position:-790px -450px;}
body.compact.min #branding #mainMenu #nav_analysis a .hover		{background-position:-900px -450px;}
body.compact.min #branding #mainMenu #nav_applicants a .hover		{background-position:-1010px -450px;}
body.compact.min #branding #mainMenu #nav_curu a .hover		{background-position:-1657px -450px;}



body.compact.min #branding #mainMenu #nav_index a.active			{background-position:-220px -350px;}
body.compact.min #branding #mainMenu #nav_message a.active			{background-position:-220px -350px;}
body.compact.min #branding #mainMenu #nav_job a.active			{background-position:-350px -500px;}
body.compact.min #branding #mainMenu #nav_advertising a.active	{background-position:-460px -500px;}
body.compact.min #branding #mainMenu #nav_manuscript a.active	{background-position:-460px -500px;}
body.compact.min #branding #mainMenu #nav_advertisement a.active	{background-position:-1400px -500px;}
body.compact.min #branding #mainMenu #nav_registrants a.active			{background-position:-570px -500px;}
body.compact.min #branding #mainMenu #nav_interview a.active		{background-position:-680px -500px;}
body.compact.min #branding #mainMenu #nav_mail a.active			{background-position:-790px -500px;}
body.compact.min #branding #mainMenu #nav_analysis a.active		{background-position:-900px -500px;}
body.compact.min #branding #mainMenu #nav_applicants a.active		{background-position:-1010px -500px;}
body.compact.min #branding #mainMenu #nav_curu a.active		{background-position:-1657px -500px;}

body.compact.min #branding #mainMenu #nav_index a:active			{background-position:-220px -350px;}
body.compact.min #branding #mainMenu #nav_message a:active			{background-position:-220px -350px;}
body.compact.min #branding #mainMenu #nav_job a:active			{background-position:-350px -500px;}
body.compact.min #branding #mainMenu #nav_advertising a:active	{background-position:-460px -500px;}
body.compact.min #branding #mainMenu #nav_manuscript a:active	{background-position:-460px -500px;}
body.compact.min #branding #mainMenu #nav_advertisement a:active	{background-position:-1400px -500px;}
body.compact.min #branding #mainMenu #nav_registrants a:active			{background-position:-570px -500px;}
body.compact.min #branding #mainMenu #nav_interview a:active		{background-position:-680px -500px;}
body.compact.min #branding #mainMenu #nav_mail a:active			{background-position:-790px -500px;}
body.compact.min #branding #mainMenu #nav_analysis a:active		{background-position:-900px -500px;}
body.compact.min #branding #mainMenu #nav_applicants a:active		{background-position:-1010px -500px;}
body.compact.min #branding #mainMenu #nav_curu a:active		{background-position:-1657px -500px;}







/* =mainTitle */
#mainTitle,
#mainTitle a{
	display: block;
	/*width: 100%; サポートデスク用にコメントアウト20130513 */
	margin-right:223px;/*サポートデスク用に修正20130513 */
	}
#mainTitle{
	position: relative;
	padding:15px 0;;
	border-bottom:dotted 1px #ccc;
	}
#mainTitle a{
	height:40px;
	width: 200px;
	background:url(../img/common/title.png) 20px 0 no-repeat;
	text-indent:-9999px;
	}
#mainTitle a{background-position:20px -360px;}
#index #mainTitle{display: none;}
#job #mainTitle a{background-position:20px 0;}
#advertising #mainTitle a{background-position:20px -40px;}
#manuscript #mainTitle a{background-position:20px -40px;}
#applicants #mainTitle a{background-position:20px -80px;}
#interview #mainTitle a{background-position:20px -120px;}
#mail #mainTitle a{background-position:20px -160px;}
#analysis #mainTitle a{background-position:20px -200px;}
#admin #mainTitle a{background-position:20px -240px;}
#error #mainTitle a{background-position:20px -280px;}
#registrants #mainTitle a{background-position:20px -320px;}
#web #mainTitle a{background-position:20px -400px;}
#webmypage #mainTitle a{background-position:20px -440px;}
#advertisement #mainTitle a{background-position:20px -480px;}
#app #mainTitle a{background-position:20px -520px;}
#mail #mainTitle.sms a{background-position:20px -560px;width:210px;}

/* =search */
#nav_search{
	position: absolute;
	top:70px;
	left:200px;
	width:140px;
	height:34px;
	}
#nav_search_in a{
	position: relative;
	width:140px;
	height:34px;
	}
#col_search{
	display: none;
	}
#col_search fieldset{
	margin:10px;
	text-align: center;
	background: #ddd;
	background:#053268;
	background: #f6f6f6; /* Old browsers */
	/*background: linear-gradient(top, #f6f6f6 0%,#dddddd 100%);  W3C */
	/*background: -moz-linear-gradient(top, #f6f6f6 0%,#dddddd 100%);   FF3.6+ */
	/*background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f6f6),color-stop(100%,#dddddd));  Chrome,Safari4+ */
	/*background: -webkit-linear-gradient(top, #f6f6f6 0%,#dddddd 100%);  Chrome10+,Safari5.1+ */
	/*background: -o-linear-gradient(top, #f6f6f6 0%,#dddddd 100%);  Opera11.10+ */
	/*background: -ms-linear-gradient(top, #f6f6f6 0%,#dddddd 100%);  IE10+ */
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	/*background: linear-gradient(top, #f6f6f6 0%,#dddddd 100%);  W3C */
	border: solid 1px #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow: 1px 1px 5px #ccc;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	-ms-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
	}
#col_search table{
	margin:5px 0;
	}
#col_search table th,
#col_search table td{
	padding:.3em .2em;
	background: none;
	border:none;
	line-height:20px;
	color:#111;
	}
#col_search table th{
	vertical-align: middle;
	text-align: right;
	color: #333;
	}
#col_search table th label{
	display:block;
	text-align:right;
	}
#col_search fieldset button{
	margin:0 auto;
	}

/* =localMenu */
#localMenu{
	position: absolute;
	left:0;
	top:0;
	display: block;
	width:240px;
	height:100%;
	margin:0;
	padding:0;
	background:#213147;
	}
#localMenu li,
#localMenu li a,
#localMenu li a .hover{
	position: relative;
	display: block;
	width:240px;
	height:50px;
	}
#localMenu li a,
#localMenu li a .hover{
	color:#ddd;
	text-decoration: none;
	vertical-align: middle;
	background: url(../img/common/bg_localMenu.png) 0 0 no-repeat;
	}
#localMenu li a em{
	position:absolute;
	top:18px;
	left:18px;
	display: block;
	width:200px;
	z-index:10;
	}
#localMenu li a .hover{
	background-position:0 -50px;
	}
#localMenu li a:active,
#localMenu li a.active,
#localMenu li a.active .hover{
	background-position:0 -100px;
	}
#localMenu li a.active em{
	color:#213147;
	}




/* =contents */
#contents{
	padding:0 0 10px 0;
	position:relative;
	min-height:500px;
	}
#contents h2.detail{
	margin:10px;
	padding:10px;
	font-size:1.1em;
	font-weight:normal;
	color:#999;
	}
#contents h2.detail b{
	margin:0 5px;
	font-size:1.4em;
	font-weight: bold;
	color:#111;
	}
#contents h3{
	margin:20px;
	padding:5px 10px;
	color:#162455;
	background:#f3f3f3;
	}
#contents fieldset h3{
	margin:10px 0;
	background: none;
	}
#contents p{
	font-size: .9em;
	color:#1F3454;
	}


/* =footer */
#footer{
	padding: 30px 0;
	text-align: right;
	background: #fff;
	border-top:dotted 1px #ccc;
	}
#footer #copyright{
	margin:10px 20px;
	letter-spacing:.1em;
	font-size:.65em;
	}
#footer #copyright a,
#footer #copyright a:visited{
	color:#888;
	}



/* =tab */
nav.tab{
	display: block;
	height:35px;
	margin:10px 10px 0 10px;
	border-bottom: solid 1px #fff;
	}
nav.tab ul{
	width: 100%;
	height:30px;
	border-bottom: solid 5px #142645;
	}
nav.tab li,
nav.tab li a{
	width: 160px;
	text-align: center;
	cursor: pointer;
	}
body.compact nav.tab li,
body.compact nav.tab li a{
	width: 130px;
	font-size:1em;
	}
body.compact.min nav.tab li,
body.compact.min nav.tab li a{
	width: 100px;
	font-size:.95em;
	}
nav.tab li{
	display:inline-block;
	height:30px;
	margin:0;
	overflow: hidden;
	}
nav.tab li a{
	position: relative;
	display:block;
	height:38px;
	margin: 0;
	padding:10px 0 5px 0;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	font-weight: normal;
	font-size:15px;
	color:#333;
	-moz-border-radius:6px;
	-webkit-borderradius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	border-radius:6px;

	background: #e6e6e6; /* Old browsers */
	background: -moz-linear-gradient(top, #e1e1e1 0%, #f2f2f2 3%, #eeeeee 21%, #eeeeee 41%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e1e1e1), color-stop(3%,#f2f2f2), color-stop(21%,#eeeeee), color-stop(41%,#eeeeee)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #e1e1e1 0%,#f2f2f2 3%,#eeeeee 21%,#eeeeee 41%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #e1e1e1 0%,#f2f2f2 3%,#eeeeee 21%,#eeeeee 41%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #e1e1e1 0%,#f2f2f2 3%,#eeeeee 21%,#eeeeee 41%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f6f6', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #e1e1e1 0%,#f2f2f2 3%,#eeeeee 21%,#eeeeee 41%); /* W3C */
	}
nav.tab li a:hover{
	color:#000;
	background: #ededed; /* Old browsers */
	background: -moz-linear-gradient(top, #ededed 0%, #d8d8d8 21%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ededed), color-stop(21%,#d8d8d8)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ededed 0%,#d8d8d8 21%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ededed 0%,#d8d8d8 21%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ededed 0%,#d8d8d8 21%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ededed', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ededed 0%,#d8d8d8 21%); /* W3C */
	}
nav.tab li a:active,
nav.tab li a.active{
	font-weight: bold;
	color:#fff;
	background: #2b598d; /* Old browsers */
	background: -moz-linear-gradient(top, #2b598d 0%, #2b5c91 3%, #101f4a 21%, #081a4c 41%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b598d), color-stop(3%,#2b5c91), color-stop(21%,#101f4a), color-stop(41%,#081a4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2b598d 0%,#2b5c91 3%,#101f4a 21%,#081a4c 41%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2b598d 0%,#2b5c91 3%,#101f4a 21%,#081a4c 41%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2b598d 0%,#2b5c91 3%,#101f4a 21%,#081a4c 41%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b598d', endColorstr='#081a4c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2b598d 0%,#2b5c91 3%,#101f4a 21%,#081a4c 41%); /* W3C */
	}


/* =img */
figure{
	text-align: center;
	}
figcaption{
	padding:5px 0;
	font-size: 12px;
	}
a img{
	border:none;
	}
img.img320{
	width:320px;
	height:240px;
	}
img.img320v{
	width:240px;
	height:320px;
	}
img.img240{
	width:240px;
	height:180px;
	}
img.img240v{
	width:180px;
	height:240px;
	}
img.img160{
	width:160px;
	height:120px;
	}
img.img160v{
	width:120px;
	height:160px;
	}
.floatL{
	float:left;
	margin:0 20px 20px 0;
	}
.floatR{
	float:right;
	margin:0 0 20px 20px;
	}



/* =alerts */
div.alerts{
	position: relative;
	margin: 20px;
	background:#e3efdc;
	border: solid 1px #8a8;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	behavior: url(/js/PIE.htc);
	}
div.alerts h2{
	display: block;
	height:30px;
	margin:10px;
	padding:14px 0 0 0;
	text-indent:60px;
	font-size:1.2em;
	color:#282;
	background: url(../img/common/parts.png) -170px -350px no-repeat;
	border:none;
	}
div.alerts p{
	margin: 0 0 20px 0;
	padding:0 20px 0 70px;
	line-height: 1.4em;
	font-size:.95em;
	}
div.alerts ul.list{
	margin: 0 0 20px 0;
	padding:0 20px 0 80px;
	line-height: 1.4em;
	}
div.alerts strong{
	color: #f00;
	}
div.ng{
	background: #fdc;
	border: solid 1px #f64;
	}
div.ng h2{
	color:#f30;
	background-position:  -170px -400px;
	}
div.information{
	background: #def;
	border: solid 1px #132647;
	}
div.information h2{
	color:#132647;
	background-position: -170px -450px;
	}
div.confirmation{
	background:#f5e6c5;
	border: solid 1px #993;
	}
div.confirmation h2{
	color:#000;
	background-position: -170px -500px;
	}

div.warning{
	background: #700;
	border: solid 1px #600;
	}
div.warning h2{
	color:#fff;
	background-position: -170px -550px;
	}
div.warning p{
	color:#229;
	}
div.warning ul.list{
	color: #fff;
	}
/* 警告BOX内のリンク文字変更201301 */
div.warning a{
	color:#ffff99;
	text-decoration:underline;}
div.warning a:hover{
	color:#ffff00;}
/* end 警告BOX内のリンク文字変更201301 */



div.actions{
	position: relative;
	margin: 20px;
	padding: 5px;
	font-size:.9em;
	background:#eee;
	border: solid 1px #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	behavior: url(/js/PIE.htc);
	}
div.actions .btn.s{
	float: none;
	margin:0 5px 5px 25px;
	vertical-align: middle;
	}
div.actions a{
	color:#333;
	}








/* =for effects */
#contents,
#footer{
	display:none;
	}

/* =制作中 */
#commingSoon p{
	text-align: center;
	display: block;
	width:720px;
	height:200px;
	margin: auto;
	padding:50px 0;
	color:#666;
	}



/* =TipTip CSS - Version 1.2 */
#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
	}
#tiptip_holder.tip_top {
	padding-bottom: 2px;
	}
#tiptip_holder.tip_bottom {
	padding-top: 2px;
	}
#tiptip_holder.tip_right {
	padding-left: 2px;
	}
#tiptip_holder.tip_left {
	padding-right: 2px;
	}
#tiptip_content{
	position: relative;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding:6px 10px;
	line-height: 1.4em;
	font-size:12px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#111));
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 0 1px 2px #888;
	-webkit-box-shadow: 0 1px 2px #888;
	-ms-box-shadow: 0 1px 2px #888;
	box-shadow: 0 1px 2px #888;
	behavior: url(/js/PIE.htc);
	}
#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
	}
#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #fff;
	border-top-color: rgba(255,255,255,0.35);
	}
#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #fff;
	border-bottom-color: rgba(255,255,255,0.35);
	}
#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #fff;
	border-right-color: rgba(255,255,255,0.35);
	}
#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #fff;
	border-left-color: rgba(255,255,255,0.35);
	}
#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
	}
#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
	}
#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
	}
#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
	}
/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner {
		border-bottom-color: rgba(45,45,45,0.88);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner {
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* m5ImgViewer（画像拡大） */
#m5ImgViewerBlocker {
	position: fixed;
	top: 0;
	left: 0;
	background: url(../img/m5ImgViewer/blank.gif) repeat;
}

.m5ImgViewerPrev {
	box-shadow: 5px 5px 10px #666;
	-moz-box-shadow: 5px 5px 10px #666;
	-webkit-box-shadow: 5px 5px 10px #666;
}

#m5ImgViewerLoadingIcon {
	margin: -32px 0 0 -32px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	width: 64px;
	height: 64px;
	position: absolute;
	top: 50%;
	left: 50%;
	background: #000 url(../img/m5ImgViewer/m5imageviewerloading.gif) no-repeat center center;
	opacity: .8;
	filter: alpha(opacity=80);
}
#m5ImgViewerClose {
	margin: -10px 0 0 -10px;
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/m5ImgViewer/m5imageviewerclose.png) no-repeat;
	z-index: 100;
	cursor: pointer;
}


/* =login */
#login{
	background:#ececec;
	}
#login #body{
	padding:0;
	height:100%;
	}
#login #contents{
	position: relative;
	height:auto;
	background:#fff;
/*
	margin:20px;
	-webkit-box-shadow: 1px 1px 5px #ccc;
	-ms-box-shadow: 1px 1px 5px #ccc;
	box-shadow: 1px 1px 5px #ccc;
*/
	}


#login article{
	margin:0 450px 30px 50px;
	padding:60px 0;
	}
#login article h1{
	display: block;
	width: 520px;
	height:100px;
	margin:0 0 50px 0;
	background: url(../img/common/header.png) 0 -150px no-repeat;
	text-indent:-9999px;
	}

#login section div.alerts{
	border: none;
	background:#fff;
	}
#login section div.alerts h2{
	color:#111;
	}
#login section div.alerts p,
#login section div.alerts ul li{
	color:#666;
	}
#login p.notes{
	margin-top:60px;
	}
#login article #footer{
	position: absolute;
	bottom:0;
	right:0;
	width:500px;
	margin:0;
	padding:0;
	text-align: left;
	background: none;
	border: none;
	z-index: 10;
	}
#login article #footer #copyright a,
#login article #footer #copyright a:visited{
	display: block;
	width:500px;
	padding:8px 0 30px 0;
	text-indent:140px;
	color:#fff;
	background: url(../img/common/parts.png) 0 -200px no-repeat;
	}
#loginForm{
	position: absolute;
	top:0;
	right: 0;
	width: 400px;
	height: 100%;
	background:#053268;
	background: #2b598d; /* Old browsers */
	background: -moz-linear-gradient(top, #2b598d 0%,#081a4c 41%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#2b598d),color-stop(41%,#081a4c)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #2b598d 0%,#081a4c 41%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #2b598d 0%,#081a4c 41%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #2b598d 0%,#081a4c 41%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2b598d', endColorstr='#081a4c',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #2b598d 0%,#081a4c 41%); /* W3C */
	}
#loginForm form{
	margin-top:200px;
	}
#loginForm fieldset{
	border:none;
	}
#loginForm fieldset label{
	display: block;
	float: left;
	width: 100px;
	padding:7px 10px 0 0;
	text-align: right;
	color: #fff;
	border:none;
	}
#loginForm fieldset input{
	margin-bottom:10px;
	}
#loginForm fieldset .login{
	margin: 0 0 0 108px;
	}



/* =index */
#index div.col{
	position: relative;
	float: left;
	display: block;
	margin: 20px 0 0 20px;
	padding: 0 0 10px 0;
	background: #fff;
	-moz-box-shadow: 1px 1px 5px #333;
	-webkit-box-shadow: 1px 1px 5px #333;
	-ms-box-shadow: 1px 1px 5px #333;
	box-shadow: 1px 1px 5px #333;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-o-border-radius:3px;
	-ms-border-radius:3px;
	border-radius:3px;
/* 	behavior: url(/js/PIE.htc); */
	}

#index div#col_msg a{
	text-decoration: underline;
	}


/* 201608 バージョン情報表示に利用 */
#index div#col_help{
	position: absolute;
	right:0;
	top:0;
	margin:20px;
	}
#index div#col_help form{
	margin: 0;
	padding: 10px;
	text-align: center;
	background:#eee;
	border-bottom:solid 1px #ddd;
	}
#index div#col_help input{
	font-size:1.1em;
	margin: 0;
	padding:2px;
	border: solid 1px #666;
	}
#index div#col_help input.submit{
	font-size:1em;
	margin: 0;
	padding:1px 10px;
	border: solid 1px #666;
	}
/* 201608追加 */
#col_help h3{
	color:#c00;
	background: none;
	}
#index div#col_help a.releasenote{
	text-decoration:underline;
	line-height:1.6;
	position:relative;
	padding:0 0 0 20px;
	}
#index div#col_help a.releasenote:before{
	content:url(../img/common/ico_note_s_gr.png);
	position:absolute;
	top:2px;
	left:0;
}


#index div#col_account{
	position: absolute;
	right:0;
	top:0;
	margin:20px;
	}
#index div#col_account form{
	margin: 0;
	padding: 10px;
	text-align: center;
	background:#eee;
	border-bottom:solid 1px #ddd;
	}
#index div#col_account input{
	font-size:1.1em;
	margin: 0;
	padding:2px;
	border: solid 1px #666;
	}
#index div#col_account input.submit{
	font-size:1em;
	margin: 0;
	padding:1px 10px;
	border: solid 1px #666;
	}

#col_account h3{
	color:#c00;
	background: none;
	}

#index div#col_version{
	position: absolute;
	right:0;
	top:250px;
	margin:20px;
}




#col_helpDetail h3{
	margin:20px;
	font-size:1.4em;
	}
#col_helpDetail p{
	margin:10px 25px;
	line-height:2em;
	font-size:1em;
	color:#333;
	}


span.pin{
	position: absolute;
	top:-17px;
	display: block;
	width:32px;
	height: 32px;
	background: url(../img/common/parts.png) -135px -350px no-repeat;
	}
span.pin.L{
	left:0;
	}
span.pin.R{
	right:-10px;
	}

#index div.col h2{
	position: relative;
	display: block;
	margin: 0;
	padding:12px 0;
	text-indent:30px;
	font-size:1.1em;
	color:#fff;
	background:#163457;
	}
#index div.col h2 span{
	position: absolute;
	top:4px;
	left:30px;
	display: block;
	width:32px;
	height: 32px;
	background: url(../img/common/parts.png) no-repeat;
	}

#index div.col h2.job span{background-position:-135px -390px;}
#index div.col h2.advertising span{background-position:-135px -430px;}
#index div.col h2.manuscript span{background-position:-135px -430px;}
#index div.col h2.registrants span{background-position:-135px -470px;}
#index div.col h2.interview span{background-position:-135px -510px;}
#index div.col h2.mail span{background-position:-135px -550px;}
#index div.col h2.analysis span{background-position:-135px -590px;}
#index div.col h2.applicants span{background-position:-135px -630px;}
#index div.col h2.help span{background-position:-135px -670px;}
#index div.col h2.advertisement span{background-position:-135px -1129px;}


#index div.col h2.help{
	text-indent:60px;
	}
#index div.col h2.applicants{
	text-indent: 70px;
	}
#index div.col h2.interview{
	text-indent: 70px;
	}
#index div.col h2.mail{
	text-indent: 65px;
	}

#index div.col h2.advertisement{
	text-indent: 70px;
	}

#index div.col h2.manuscript{
	text-indent: 70px;
	}


#index div.col nav.next{
	margin:0;
	}
#index div.col .tableWrap{
	margin:10px 5px 0 5px;
	}
#index div.col table th{
	background:#fff;
	}
#index div.col table td{
	padding:3px 10px;
	}
#index #footer{
	border:none;
	}
#index #footer a,
#index #footer a:visited{
	color:#111;
	}


/* =interview */
table.list.cal{
	margin:10px 0 20px 0;
	}
table.list.cal th,
table.list.cal td{
	border: solid 1px #bbb;
	}
table.list.cal th{
	padding:5px 0;
	text-align: center;
	font-size: 1.1em;
	font-weight: bold;
	color:#333;
	background:#ccc;
	}
table.list.cal th.wd7{
	color:#163c68;
	background: #77a9d5;
	}
table.list.cal td.wd7{
	background:#d1e0ff;
	}
table.list.cal tr.hover td.wd7{
	background:#a0b6d7;
	}
table.list.cal th.wd1{
	color:#a9382d;
	background:#ea9287;
	}
table.list.cal td.wd1{
	background:#ffc4c0;
	}
table.list.cal tr.hover td.wd1{
	background:#dda19f;
	}
table.list.cal tr.odd,
table.list.cal tr.even{
	background:#f6f6f6;
	}
table.list.cal tr.odd.hover,
table.list.cal tr.even.hover{
	background:#ddd;
	}

table.list.cal tr td:first-child{
	padding:5px;
	text-align: center;
	color: #666;
	background:#ccc;
	}
table.list.cal ul,
table.list.cal li{
	list-style: none;
	}
table.list.cal ul{
	margin:0;
	}
span.icon16{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right:3px;
	background: url(../img/common/parts.png) no-repeat;
	text-indent:-9999px;
	}
span.icon16.reserved{background-position:-99px -829px; }
span.icon16.pending{background-position:-99px -849px; }
span.icon16.cancel{background-position:-99px -869px; }
span.icon16.empty{background-position:-99px -889px; }
span.icon16.webrsvd{background-position:-99px -909px; }

/* witc 面接一覧で応募者と登録者を見分けるアイコン */
span.icon_apl{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right:3px;
	background: url(../img/common/witc_o18.png) no-repeat;
	text-indent:-9999px;
	}
span.icon_rgst{
	display: inline-block;
	width: 18px;
	height: 18px;
	margin-right:3px;
	background: url(../img/common/witc_t18.png) no-repeat;
	text-indent:-9999px;
	}

/* フォロー履歴用微調整201301 */
span.icon16.cancel.vmdl{vertical-align:middle;margin-left:8px;}
/* end フォロー履歴用微調整201301 */






/* =admin */
#admin #contents{
	margin:0 20px 0 260px;
	padding:20px 0 0 0;
	}
#admin nav.tab{
	margin:0;
	}
#admin #contents h2.detail{
	padding:5px 0 20px 10px;
	font-size:1.4em;
	font-weight: bold;
	color:#142034;
	}
#admin div.col{
	margin:0;
	padding:10px 0 20px 0;
	background: #fff;
	}
#admin fieldset{
	padding:0;
	background: #fff;
	border: none;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	border-radius:0;
	}
#admin .tableWrap{
	margin:0;
	}
#admin table{
	font-size:1.2em;
	}

/* =analysis */
#analysis #contents{
	margin:0 20px 0 260px;
	padding:20px 0 0 0;
}


/* =error */
#error #contents{
	position: relative;
	margin:30px;
	padding: 60px 0;
	text-align: center;
	background:#f6f6f6;
	border:solid 1px #ddd;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	border-radius:4px;
	behavior: url(/js/PIE.htc);
	}
#error h2{
	font-size: 1.3em;
	}


/* =Applicants フォロー履歴 */
table.list th.sys {
    background: url("../img/ico_sys.gif") no-repeat scroll 0 0 #C1D1EA;
    border-bottom: 0 none;
    line-height: 24px;
    padding: 0;
    text-align: left;
    text-indent: 40px;
}

table.list th.man {
    background: url("../img/ico_man.gif") no-repeat scroll 0 0 #DEF3EB;
    border-bottom: 0 none;
    line-height: 24px;
    padding: 0;
    text-align: left;
    text-indent: 40px;
}

table.list td.followdtl {
    padding-left: 40px;
}

table.list th.followin {
    background: none repeat scroll 0 0 #FFFFCC;
    border-bottom: 2px solid #333333;
    border-right: 1px solid #CCCCCC;
    color: #444444;
    font-size: 12px;
    margin: 0;
    padding: 4px 8px;
    text-align: center;
}

/* 追加アイコン（ライブテキスト用） */
span.iconJ a{border:1px solid #CCCCCC;
	font-weight:bold;
	font-size:12px;
	padding:0;
	color:#737373;
	background:#EAEAEA;
	margin:2px 0 0 2px;
	float:left;
	padding:3px 8px;
	display:block;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;}

span.iconJ a:hover{background:#BDBDBD;
	border:1px solid #6D6D6D;}

.popup_help {
  padding: 0 3px;
  color: #217bc0;
  font-weight: bold;
  cursor: pointer;
}
.popup_help_window {
  max-width: 800px;
  position: absolute;
  padding: 6px 15px;
  background-color: #fff;
  border: 2px solid #ccc;
  display: none;
  color: #217bc0;
  font-size: 13px;
  font-weight: bold;
  line-height: 1.5em;
  border-radius: 10px;
  box-shadow: 5px 5px 5px #ccc;
}


/* システム設定-ログイン中アカウント確認用201301 */
.sys_account{float:left;margin-right:20px;}
.sys_accountcheck{padding:7px;margin:0;line-height:30px;float:left;}
.sys_accountcheck .user{margin-right:5px;}
/* end システム設定-ログイン中アカウント確認用201301 */

/* サポートデスク表示20130513 */
#support_center{
	border:1px solid #333333;
	border-top:0;
	float:right;
	margin:0 10px 0 0;
	width:210px;height:70px;
	font-size:12px;z-index:4;
   	background: url("../img/common/bg_supportcenter.jpg") no-repeat;
	}
#support_center p{
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	padding:0 0 0 24px;
	}
#support_center p.tel{
   	background: url("../img/common/ico_supporttel.jpg") left top no-repeat;
	color:#cc0000;
	margin:22px 0 0 20px;
	}
#support_center p.tel span{
	color:#666666;
	font-size:12px;
	font-weight:normal;
	}
#support_center p.mail{
	line-height:22px;
   	background: url("../img/common/ico_supportmail.jpg") left top no-repeat;
	margin:1px 0 0 20px;
	padding:0 0 0 26px;
	}
#support_center p.mail a:hover{
	text-decoration:underline;
	}
/* end サポートデスク表示20130513 */

/* サービスデスク表示20130530 */
#servicedesk{
	float:right;
	margin:0;

	}
#servicedesk_top{
	margin:20px 0 0 70px;
	}
#servicedesk a:hover img,
#servicedesk_top a:hover img{
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha(opacity=80)";
	}
#servicedesk a:hover img{

	}
/* end サービスデスク表示20130530 */

fieldset.analysis_squeeze{
	margin:10px 10px 30px 10px;
	line-height:1.5em;
}
fieldset.analysis_squeeze legend{
	margin:0;
	padding:0;
}
.analysis_squeeze div.conteiner{
	padding:0 0 0 20px;
	text-align:center;
}
.analysis_squeeze div.conteiner ul li{
	padding:0 5px 0 0;
}
.analysis_squeeze div.conteiner ul li a{
	margin:0 auto;
}
.analysis_squeeze div.conteiner ul li a b{
	margin:8px 0;
}

ul.horizontal li{
	float:left;
}

/*imeモード*/
/*
.ime_auto { ime-mode: auto; }
.ime_active { ime-mode: active; }
.ime_inactive { ime-mode: inactive; }
.ime_disabled { ime-mode: disabled; }
*/

/* -----------------------------------------------
Marketページ [App]に変更
------------------------------------------------ */

#app .clearfix {width:100%;}
#app .clearfix:after{
    content: "";
    display: block;
    clear: both;}
/* テキストタイトル */
#app #contents{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}
#app p{
	margin:20px 0 0 20px;
	}
#app p.newdev{
	width:940px;
	margin:0 0 0 20px;
	text-align:right;
	}
#app p.newdev a{
	text-decoration:underline;
	}

#app .act{
	color:#FF6600;
	}
#app .itd{
	color:#CCCCCC;
	}

/*没
#app dl{
	width:960px;
	height:100%;
	margin:50px 0 0 20px;
	font-size:14px;
	line-height:1.8;
	}
#app dt,
#app dd{
	float:left;
	}
#app dt{
	clear:both;
	display:block;
	width:100px;
	min-height:50px;
	margin:0 25px 30px 0;
	font-size:18px;
	line-height:1.2;
	text-align:center;
	vertical-align: middle;
	padding:10px;
	color:#FFFFFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0.98, #FF9900),
	color-stop(1, #B88612)
);
background-image: -o-linear-gradient(bottom, #FF9900 98%, #B88612 100%);
background-image: -moz-linear-gradient(bottom, #FF9900 98%, #B88612 100%);
background-image: -webkit-linear-gradient(bottom, #FF9900 98%, #B88612 100%);
background-image: -ms-linear-gradient(bottom, #FF9900 98%, #B88612 100%);
background-image: linear-gradient(to bottom, #FF9900 98%, #B88612 100%);
	background:#FF9900\9;
	}
#app dt.introduced{
	color:#666666;
	background:#CCCCCC;
	font-size:18px;
	}
#app dd{
	width:800px;
	margin:0 0 30px 0;
	vertical-align:middle;
	}
#app dd p{
	width:500px;
	margin:0;
	float:left;
	}

#app p.contact{
	float:right;
	width:250px;
	margin:10px auto;
	text-align:center;
	}
#app p.contact a{
	display:block;
	height:40px;
	color:#FFFFFF;
	font-size:16px;
	line-height:40px;
	text-align:center;
	text-decoration:none;
	border:1px solid #2B7CFF;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(0.03, #0FB7FF),
		color-stop(1, #2B7CFF)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #0FB7FF 3%, #2B7CFF 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #0FB7FF 3%, #2B7CFF 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #0FB7FF 3%, #2B7CFF 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #0FB7FF 3%, #2B7CFF 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #0FB7FF 3%, #2B7CFF 100%);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	background:#1B9EFF\9;
	}
#app p.contact a:hover{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(0.03, #0B98D4),
		color-stop(1, #0F4AA8)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #0B98D4 3%, #0F4AA8 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #0B98D4 3%, #0F4AA8 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #0B98D4 3%, #0F4AA8 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #0B98D4 3%, #0F4AA8 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #0B98D4 3%, #0F4AA8 100%);
	background:#0D6BBB\9;
	}
*/


/* アプリページに改訂 201409-201412 */
#app #mainapp,
#app #options{
	clear:both;
	width:100%;
	min-width:700px;
	height:100%;
	margin:30px;
	}
#app #options{
	padding-top:30px;
	}
#app h2{
	min-width:700px;
	margin-right:5%;
	padding:10px 15px;
	background:#162455;
	color:#FFFFFF;
	}
#app ul.applist{
	width:100%;
	min-width:700px;
	}
#app ul.applist li{
	float:left;
	width:22%;
	min-height:180px;
	margin:10px 12px 0 0;
	text-align:center;
	font-size:12px;
}
#app ul.applist li a{
	display:block;
	padding:20px;
	min-height:140px;
	border:1px solid #DBDBDB;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FCFCFC),
		color-stop(0.96, #E3E3E3),
		color-stop(1, #CFCFCF)
	);
	background-image: -o-linear-gradient(bottom, #FCFCFC 0%, #E3E3E3 96%, #CFCFCF 100%);
	background-image: -moz-linear-gradient(bottom, #FCFCFC 0%, #E3E3E3 96%, #CFCFCF 100%);
	background-image: -webkit-linear-gradient(bottom, #FCFCFC 0%, #E3E3E3 96%, #CFCFCF 100%);
	background-image: -ms-linear-gradient(bottom, #FCFCFC 0%, #E3E3E3 96%, #CFCFCF 100%);
	background-image: linear-gradient(to bottom, #FCFCFC 0%, #E3E3E3 96%, #CFCFCF 100%);
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	}
#app ul.applist li a:hover{
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #FAFAFA)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #FAFAFA 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #FAFAFA 100%);
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	}
#app ul.applist li a:hover img{
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.6;
	}
#app ul.applist li h3{
	background:none;
	margin:10px auto;
	padding:0;
	font-size:16px;
	}
#app ul.applist li a:hover h3{
	text-decoration:underline;
	}
#app ul.applist li p{
	height:55px;
	margin:0;
	text-align:left;
	}

/* 導入済 */
#app ul.applist li.introduced{
	display:block;
	float:left;
	width:22%;
	margin:10px 12px 0 0;
	text-align:center;
	font-size:12px;
	display:block;
	border:1px solid #E6E6E6;
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0, #FFF3E3),
	color-stop(1, #FFB387)
);
background-image: -o-linear-gradient(top, #FFF3E3 0%, #FFB387 100%);
background-image: -moz-linear-gradient(top, #FFF3E3 0%, #FFB387 100%);
background-image: -webkit-linear-gradient(top, #FFF3E3 0%, #FFB387 100%);
background-image: -ms-linear-gradient(top, #FFF3E3 0%, #FFB387 100%);
background-image: linear-gradient(to top, #FFF3E3 0%, #FFB387 100%);
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	position:relative;
	}
#app ul.applist li.introduced img{
	margin-top:20px;
	}
#app ul.applist li.introduced p{
	margin-right:20px;
	margin-left:20px;
	margin-bottom:18px;
	}
#app ul.applist li.introduced:after{
	content:url(../img/common/ico_introduced.png);
	position:absolute;
	top:0;
	left:0;
	}


/*分析データタブ 201408*/
#tab_data_wrap{
	clear:both;
	height:71px;
	margin:0 20px;
	padding:0;
	border-bottom:2px solid #456796;
	}
#tab_data_wrap.yearonly{
	height:35px;
	border-bottom:4px solid #213147;
	}
#tab_data_wrap.yearonly .tab_data_year .slide a{
	margin-right:0;
	}
#tab_data_wrap.yearonly .tab_data_year .slide a.this{
	color:#333333;
	background:#FFFFFF;
	border-top:3px solid #213147;
	}

.tab_data_year{
	height:35px;
	width:850px;
	}
.tab_data_month{
	clear:both;
	height:32px;
	width:850px;
	}
.tab_data_year .slide,
.tab_data_month .slide{
	float:left;
	}
.tab_data_year .slide a,
.tab_data_month .slide a{
	display:block;
	padding:12px 25px;
	color:#FFFFFF;
	background:#213147;
	font-size:14px;
	text-align:center;
	}
.tab_data_year .slide a:hover,
.tab_data_month .slide a:hover{
	color:#333333;
	background:#b9cbdf;
	}
.tab_data_year .slide a{
	height:15px;
	margin-right:1px;
	}
.tab_data_year .slide a.this,
.tab_data_year .slide a.this:hover{
	color:#FFFFFF;
	background:#456796;
	}
.tab_data_month .slide a{
	background:#456796;
	padding:10px 0;
	width:70px;
	height:14px;
	}
.tab_data_month .slide a.this,
.tab_data_month .slide a.this:hover{
	color:#333333;
	background:#FFFFFF;
	border-top:2px solid #456796;
	padding:10px 0;
	width:70px;
	border-bottom:none;
	}

/*凡例*/
.data_explanatory{
	clear:both;
	width:800px;
	padding:30px 20px 30px;
	}
.data_explanatory p{
	float:left;
	margin:0 10px 0 0;
	padding:0;
	font-size:12px;
	}
.data_explanatory span{
	display:block;
	float:left;
	width:80px;
	padding:5px;
	margin:0 0 0 10px;
	font-size:12px;
	text-align:center;
	}
.data_explanatory span.over130{
	background:#96D1FE;
	}
.data_explanatory span.over120{
	background:#D2ECFF;
	}
.data_explanatory span.under80{
	background:#E6E6E6;
	}
.data_explanatory span.under70{
	background:#C8C8C8;
	}

/* radioボタン化（ボタン弱め） */
.buttonRadio input{
	display: none;
}
.buttonRadio label{
	display: block;
	float: left;
	cursor: pointer;
	margin: 0 5px 5px 0;
	padding: 10px 15px;
	background: #bdc3c7;
	color: #666666;
	font-size: 14px;
	text-align: center;
	line-height: 1;
	transition: .2s;
	border-radius: 3px;
	border:1px solid #CCCCCC;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #E8E8E8)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #E8E8E8 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E8E8E8 100%);
	}
.buttonRadio label:first-of-type{
	}
.buttonRadio label:last-of-type{
	}
.buttonRadio input[type="radio"]:checked + label {
	background-color: #a1b91d;
	color:#000000;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFD900),
		color-stop(1, #FFB300)
	);
	background-image: -o-linear-gradient(bottom, #FFD900 0%, #FFB300 100%);
	background-image: -moz-linear-gradient(bottom, #FFD900 0%, #FFB300 100%);
	background-image: -webkit-linear-gradient(bottom, #FFD900 0%, #FFB300 100%);
	background-image: -ms-linear-gradient(bottom, #FFD900 0%, #FFB300 100%);
	background-image: linear-gradient(to bottom, #FFD900 0%, #FFB300 100%);
	border-radius: 3px;
	border:none;
	border:1px solid #333333;
	}

#applicants table.detail td .buttonRadio{
	width:100%;
	display:block;
	}
#applicants .buttonRadio input#sex1[type="radio"]:checked + label{
	color:#000000;
	background:#87ceeb;
	}
#applicants .buttonRadio input#sex2[type="radio"]:checked + label{
	color:#000000;
	background:#fa8072;
	}

#user_dup_result_msg {
     line-height: 1.4;
     margin: -10px 0px 0px;
     padding: 0px;
}

.alerts.confirmation.active {
     background: #ffe6e6 none repeat scroll 0% 0%;
     border: 1px solid #993300;
     float: left;
     margin: 20px 0px 0px;
     min-height: 75px;
     width: 45%;
}

.alerts.confirmation.active h2 {
     line-height: 20px;
     padding: 15px 0px 0px;
}

.alerts.confirmation.active.only {
     margin: 20px;
     width: 99%;
}

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


input[type="checkbox"]{
	vertical-align: middle;
}
input[type="radio"]{
	vertical-align: middle;
  	margin-top:-3px !important;
}

td label.active,
#interview .search_IntHall label.active  {
	padding: 2px 5px !important;
	background:#FFFFFF !important;
	border: 2px solid #6B9CFA;
}

td label.no-data,
#interview .search_IntHall label.no-data{
	margin; 0;
	padding: 2px 5px !important;
	background:#e4e4e4 !important;
	border: 2px solid #F6F6F6;
}

td label.no-data.chk,
#interview .search_IntHall label.no-data.chk{
	border: 2px solid #6B9CFA;
}

fieldset select.active,
#interview .search_IntHall select.active {
	background:#FFFFFF !important;
	border: 2px solid #6B9CFA;
  	border-radius:3px;
}

fieldset input.active[type="text"],
fieldset textarea.active,
#interview .search_IntHall input.active[type="text"],
#interview .search_IntHall textarea.active {
	padding:4px 3px !important;
	background:#FFFFFF !important;
	border: 2px solid #6B9CFA;
  	border-radius:3px;
}

/* 201604-フォロー履歴移動 */
div#wrap_for_follow{
	width:100%;
	background:#F3F6FC;
	border-bottom:1px solid #CCCCCC;
}

div#wrap_for_follow #resizable{
	width:80%;
	float:left;
	overflow:hidden;
	background:#FFFFFF;
	border-bottom:1px dotted #ccc;
}

div#wrap_for_follow div#sidebar_follow{
	float:right;
	margin:0 0 0 20px;
	width:18%;
	padding:1%;
	background:#F3F6FC;
}
div#wrap_for_follow div#sidebar_follow fieldset{
	display:block;
	width:auto;
	margin:0;
	padding:0;
	border:none;
}
div#wrap_for_follow div#sidebar_follow textarea{
	width:90% !important;
	background:#FFFFFF !important;
	border-radius:3px;
	font-size:12px;
	padding:10px;
}
div#wrap_for_follow div#sidebar_follow table.list{
	width:100%;
	min-width:235px !important;
	margin:20px 0;
	font-size:12px;
	padding:1%;
}
div#wrap_for_follow div#sidebar_follow table.list td{
	border-bottom:6px solid #F0F0F0;
	padding:1% 2%;
}
div#wrap_for_follow div#sidebar_follow table.list th{
	font-size:12px;
	padding:5px 3px 3px 3px;
	line-height:1.5;
}
body.compact.min div#wrap_for_follow div#sidebar_follow table.list td{
	font-size:10px;
	padding:1% 2%;
}

div#wrap_for_follow div#sidebar_follow table.list th a.follow_delete{
	margin:0 5px 2px 10px;
}

div#wrap_for_follow div#sidebar_follow table.list td.followdtl{
	background-color:#FFFFFF !important;
	padding:5px;
}
div#wrap_for_follow div#sidebar_follow table.list th span.title{
	margin:0 0 0 38px;
}
div#wrap_for_follow div#sidebar_follow table.list th.sys{
	background-position:0 3px;
}
div#wrap_for_follow div#sidebar_follow table.list th.man{
	background-position:0 3px;
}

div#wrap_for_follow div#sidebar_follow span.mentionedname {
	padding: 3px !important;
	background: #E6E6E6 !important;
	border: 2px solid #D4D4D4;
	border-radius: 3px;
	margin: 2px;
	display: inline-block;
}

.ui-layout-resizer-open-hover,
.ui-layout-resizer-dragging{
	background:#add8e6 !important;
}
.ui-layout-pane{
	border:none !important;
}
.ui-layout-resizer{
	width:17px !important;
	background:url(../img/common/bg_ui-layout-resizer.png) #FFFFFF repeat-y !important;
	border:none !important;
}
.ui-layout-resizer-dragging{
	border:none !important;
}
.ui-layout-toggler-open{
	border:none !important;
	width:17px !important;
	background:url(../img/common/bt_ui-layout-resizer_close.png) no-repeat !important;
}
.ui-layout-toggler-closed{
	border:none !important;
	width:17px !important;
	background:url(../img/common/bt_ui-layout-resizer_open.png) no-repeat !important;
}

/* 201606-フォロー履歴閉じるボタン */
div#wrap_for_follow div#sidebar_follow{
	position:relative;
}
div#wrap_for_follow div#sidebar_follow img.follow-close{
	cursor:pointer;
	position:absolute;
	top:0;
	right:0;
}
div#wrap_for_follow div#sidebar_follow img.follow-close:hover{
	text-decoration:underline;
	filter:alpha(opacity=70);
	opacity:0.7;
	}

/* 201604-検索条件の保存 */
a#btnSrch{
	display:block;
	float:left;
	width:26px;
	height:26px;
	margin:2px 0 0 6px;
	text-indent:-9999px;
	background:url(../img/common/ico_save.png);
}
a#btnSrch:hover{
	background-position:-30px 0;
}
.saved-search{
	display:display;
	height:auto;
	margin:-15px 0 25px 0;
	padding:15px 15px 2px 15px;
	background:#FFFFFF;
	overflow:hidden;
	border-radius:3px;
	box-shadow:1px 1px 2px #999999;
}
.saved-search .saved-search-title{
	display:table-cell;
	float:left;
	margin:3px 15px 0 0;
	font-weight:bold;
	vertical-align:middle;
}
.saved-search ul,
ul.saved-search-erase{
	float:left;
	list-style:none;
}
.saved-search li,
ul.saved-search-erase li{
	display:inline-block;
	margin:0 5px 8px 0;
}
.saved-search li a,
ul.saved-search-erase li a{
	display:inline-block;
	padding:2px 8px;
	border-radius:2px;
}

ul.saved-search-erase li a{
	padding:6px 8px;
	font-size:12px;
	font-family:sans-serif;
}
.saved-search li.mine-search a,
ul.saved-search-erase li.mine-search a{
	color:#3399CC;
	border:1px solid #3399CC;
	position:relative;
}

ul.saved-search-erase li.mine-search a{
	padding:6px 25px 6px 8px;
}
ul.saved-search-erase li.admin-search a:before{
	content:url(../img/common/ico_team.png);
	position:absolute;
	top:3px;
	left:4px;
}
.saved-search li.mine-search a:hover,
ul.saved-search-erase li.mine-search a:hover{
	color:#FFFFFF;
	background:#3399CC;
}
.saved-search li.admin-search a,
ul.saved-search-erase li.admin-search a{
	padding:2px 8px 2px 28px;
	color:#666666;
	border:1px solid #666666;
	position:relative;
}
ul.saved-search-erase li.admin-search a{
	padding:6px 25px 6px 25px;
}
.saved-search li.admin-search a:hover,
ul.saved-search-erase li.admin-search a:hover{
	color:#FFFFFF;
	background:#777777;
}
.saved-search li.admin-search a:hover:before,
ul.saved-search-erase li.admin-search a:hover:before{
	content:url(../img/common/ico_team_hv.png);
}

.saved-search li.admin-search a:before,
ul.saved-search-erase li.admin-search a:before{
	content:url(../img/common/ico_team.png);
	position:absolute;
	top:3px;
	left:4px;
}


.saved-search li.mine-search.this a{
	padding:2px 28px 2px 8px;
	color:#FFFFFF;
	background:#3399CC;
}
.saved-search li.mine-search.this a:after{
	content:url(../img/common/ico_check_wh.png);
	position:absolute;
	top:2px;
	right:4px;
}
.saved-search li.admin-search.this a{
	padding:2px 28px 2px 25px;
	color:#FFFFFF;
	background:#777777;
}
.saved-search li.admin-search.this a:after{
	content:url(../img/common/ico_check_wh.png);
	position:absolute;
	top:2px;
	right:4px;
}
.saved-search li.admin-search.this a:before{
	content:url(../img/common/ico_team_hv.png);
}

ul.saved-search-erase li.mine-search a:after,
ul.saved-search-erase li.admin-search a:after{
	content:url(../img/common/close_button.png);
	position:absolute;
	top:4px;
	right:3px;
}

a#btnDel{
	display:inline-block;
	margin:4px 0 0 20px;
}
a#btnDel span.icon16.cancel{
	margin:-2px 4px 0 0;
	vertical-align:middle;
}
.ui-dialog{
	background:#FFFFFF !important;
}
.ui-dialog-titlebar{
	padding:10px !important;
	border:none !important;
	background:#1D3557 !important;
}
.ui-dialog .btn.text span{
	font-weight:normal !important;
	display:inline-block !important;
	margin-top:-3px !important;
}

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

 201605-システム設定デザイン改善
 201609-input要素背景白へ変更
 HTML側：div.colに.form-basic追加でデザイン変更

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

#admin div.col.form-basic{
	min-width:600px;
	padding:15px;
}
#admin #contents div.col.form-basic h3{
	margin:0 0 20px 0;
	padding:15px;
	font-size:16px;
	border-top:1px solid #CCCCCC;
}
#admin #contents div.col.form-basic h4{
	background:#B9CBDF;
	margin:-20px 0 20px 0;
	padding:10px 15px;
}
#admin #contents div.col.form-basic p{
	margin:0 0 10px 0;
	padding:0 15px;
	color:#333333;
	font-size:14px;
	line-height:1.6;
}
#admin #contents div.col.form-basic p.media-caution{
	margin:10px 20px;
	padding:15px;
	color:#FF0000;
	font-size:16px;
	background:#FFFFCC;
	border:2px solid #FF0000;
	border-radius:5px;
}
#admin #contents div.col.form-basic p.media-caution br{
	line-height:0.8;
}

#admin #contents div.col.form-basic p a{
	text-decoration:underline;
}
#admin #contents div.col.form-basic nav.back.list{
	margin:0 0 25px 0;
}
#admin #contents div.col.form-basic legend{
	font-size:16px;
}
#admin #contents div.col.form-basic .red{
	color:#FF0000;
}
#admin #contents div.col.form-basic .red a:hover{
	text-decoration:underline;
}
#admin #contents div.col.form-basic .center{
	text-align:center;
}
#admin div.col.form-basic input,
#admin div.col.form-basic select,
#admin div.col.form-basic textarea{
	font-size:14px;
	padding:10px;
	background:#FFFFFF;
	border-radius:3px;
}
#admin div.col.form-basic select{
	margin:0 5px 0 0;
	padding:8px 10px;
}
#admin div.col.form-basic textarea{
	width:90% !important;
	background:#FFFFFF !important;
}
#admin div.col.form-basic textarea:focus{
	background:#FFFFFF;
}

#admin #contents div.col.form-basic table.list{
	margin:0 0 20px 0;
}
#admin #contents div.col.form-basic table.list,
#admin #contents div.col.form-basic table.list th,
#admin #contents div.col.form-basic table.list td{
	font-size:14px;
}
#admin #contents div.col.form-basic table.list td,
#admin #contents div.col.form-basic table.list th{
	padding:10px !important;
	vertical-align:middle;
}
#admin #contents div.col.form-basic table.list th{
	width:20%;
	min-width:150px;
	max-width:250px;
	font-size:14px;
	font-weight:bold;
	border-bottom:1px solid #F3F6FC;
}
#admin #contents div.col.form-basic table.list td{
	min-width:70%;
}
#admin #contents div.col.form-basic table.list td small{
	font-size:12px;
}
#admin #contents div.col.form-basic table.list th.title{
	color:#FFFFFF;
	background:#1D3C6C;
}
#admin #contents div.col.form-basic table.list tr.additionalrow td{
	padding:20px 0;
	background:#F6F6F6;
	border-top:1px solid #CCCCCC;
	text-align:center;
}
#admin #contents div.col.form-basic table.list a.btn_to_addrow{
	display:inline-block;
	margin:auto;
	padding:8px 25px 8px 45px;
	font-size:14px;
	color:#333333;
	background:#FFFFFF;
	border:2px solid #CCCCCC;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	border-radius:5px;
	position:relative;
	transition: 0.2s;
}
#admin #contents div.col.form-basic table.list a.btn_to_addrow:before{
	content:url(../img/common/ico_plus.png);
	position:absolute;
	top:10px;
	left:15px;
}
#admin #contents div.col.form-basic table.list a.btn_to_addrow:hover{
	background:#FFFFCC;
	border-right:2px solid #666666;
	border-bottom:2px solid #666666;
}

#admin #contents div.col.form-basic table.list td p{
	margin:5px 0;
}
#admin #contents div.col.form-basic .btnWrap{
	margin:30px 0;
}
#admin #contents div.col.form-basic .btn.text b{
	margin:0 !important;
	padding:0 !important;
	line-height:35px;
}

#admin #contents div.col.form-basic nav.back.normal a{
	padding:10px 25px 10px 25px;
	color:#333333;
	background-position:0 -107px;
}
#admin #contents div.col.form-basic nav.back.normal a:hover{
	color:#c62828;
	background-position:0 -137px;
}

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

 201605-件数ナビサイズ変更

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

.nav_list{
	padding:20px;
	font-size:14px;
}
.nav_list .count{
	padding:14px 0 0 0;
}
.nav_list .count b{
	font-size:20px;
}
.nav_list .chgpgmax{
	margin:8px 15px;
	padding:0;
}
.nav_list .chgpgmax select{
	padding:3px 5px;
	font-size:16px;
}
.srch_line_setting_id{
	position:relative;
	top:10px;
}
.nav_list .srch_line_setting_id select{
	padding:3px 5px;
	font-size:16px;
	width:150px;
}
.nav_list .nav_pager{
	margin:-3px 0 0 0;
	font-size:16px;
}
.nav_list .nav_pager a{
	padding:8px 10px;
}
.nav_pager a.next{
	padding:8px;
	background-position:right -53px;
}
.nav_pager a.next:hover{
	background-position: right -83px;
}
.nav_pager a.prev{
	padding:8px;
	background-position:left -114px;
}
.nav_pager a.prev:hover{
	background-position:left -144px;
}

.nav_pager span.ellipsis{
	display:inline-block;
	vertical-align:top;
	padding:8px 10px;
}


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

 201605-新規応募者●名います通知

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

body#applicants{
	position:absolute;
}
#noty_popup{
	display:none;
	width:50%;
	position:absolute;
	top:63px;
	left:25%;
	z-index:4;
	cursor: pointer;
	transition: 0.2s;
}
.noty_pupop_close{
	width:16px;
	position:absolute;
	top:15px;
	right:15px;
	z-index:53;
}
.noty_pupop_content{
	height:25px;
	line-height:25px;
	text-align:center;
	padding:10px;
	background:url(../img/common/bg_notypopup.png) repeat;
	color:#FFFFFF;
	font-size:16px;
	border-radius:22px;
	box-shadow:1px 1px 2px #666666;
}
.noty_pupop_content:hover{
	background:#2697C9;
}
.noty_pupop_content span{
	font-size:22px;
	font-weight:bold;
}

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

 201605-重複・アクティブコメント調整

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


#user_dup_result{
	margin:20px 10px;
	text-align:center;
}
#user_dup_result_active,
#user_dup_result_dup{
	height:60px !important;
	float:left !important;
	width:48% !important;
	min-width:400px !important;
	margin:0 1% 0 1% !important;
	padding:0 !important;
	position:relative !important;
	text-align:left !important;
}
@media screen and (max-width:1225px){
#user_dup_result_active,
#user_dup_result_dup{
	float:none;
	width:96% !important;
	margin-bottom:10px !important;
	}
}

#user_dup_result_active.alerts.confirmation.active{
	height:60px !important;
	min-height:60px !important;
}

#user_dup_result_active{
	color:#FFFFFF;
	border:none;
	background:url(../img/common/ico_msg_active.png) #E53935 8px 6px no-repeat;
}
#user_dup_result_active h2,
#user_dup_result_dup h2{
	color:#FFFFFF;
	background:none;
	margin:0;
	display:table-cell;
	vertical-align:middle;
}
#user_dup_result_dup{
	color:#FFFFFF;
	border:none;
	background:url(../img/common/ico_msg_dup.png) #666666 5px 6px no-repeat;
}
#user_dup_result_dup #user_dup_result_msg{
	margin:-3px 0 0 0;
}
#user_dup_result_active h2 div{
	margin:-3px 0 0 0;
}

#user_dup_result_dup h2 ul{
	margin:2px 0 0 60px;
}
#user_dup_result_active h2 ul{
	margin:1px 0 0 60px;
}
#user_dup_result_active h2 ul li,
#user_dup_result_active h2 ul li a,
#user_dup_result_dup h2 ul li,
#user_dup_result_dup h2 ul li a{
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
}
#user_dup_result_active h2 ul li,
#user_dup_result_dup h2 ul li{
	float:left;
	text-indent:0 !important;
	margin-right:10px;
}

#user_dup_result_active h2 ul li a,
#user_dup_result_dup h2 ul li a{
	text-decoration:underline;
}
#user_dup_result_active h2 ul li a:hover,
#user_dup_result_dup h2 ul li a:hover{
	color:#FFF176;
}


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

 201608-応募者詳細右サイド：タグ機能、フォロー履歴調整

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

#follow-edit{
	padding:15px 0 0 0;
	border-top:1px solid #FFFFFF;
}
#tag-edit{
	padding:0 0 20px 0;
	border-bottom:1px solid #CCCCCC;
	height:auto;
}
#tag-edit p.exp{
	margin:3px 0 0;
	font-size:.9em;
}

#follow-edit legend,
#tag-edit legend{
	font-size:14px;
}
#tag-edit ul.tagit, #applicants #col_search #srch_hashtag_list{
	background-color:#FFF;
}

.list_tag{
	margin:5px 6px;
	padding:0;
	font-size:12px;
	list-style:none;
	line-height:1.1;
}
#tag-edit .list_tag{
	margin:5px 0 0 0;
}
td .list_tag{
	max-width:150px;
}
.list_tag li{
	display:inline-block;
	margin:0 8px 5px 0;
	padding:0;
}
.list_tag li a
,a.hashtag{
	cursor: pointer;
	display:inline-block;
	margin:0;
	padding:6px;
	color:#4987FA;
	background:#FFFFFF;
	border:1px solid #6C9DFA;
	border-radius:3px;
}
.list_tag li a:hover {
	background:#C5D9FD;
}
#tag-edit p.exp.fixedtag{
	margin:13px 0 0;
	font-size:.9em;
	font-weight: bold;
}

#hashtags-list .list_tag li a{
	padding:6px 23px 6px 6px;
	position:relative;
}
#hashtags-list .list_tag li a:hover{
	color:#444444;
	background:#CCCCCC;
	border:1px solid #CCCCCC;
}
#hashtags-list .list_tag li a:after{
	content:url(../img/common/close_button.png);
	position:absolute;
	top:4px;
	right:3px;
}
.init_tag{
	display:none;
}

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

 201612-タグ機能 多色対応
 ※tagit.ui-zendesk.css も変更必須です

---------------------------------------------------*/
.slct_hashtag_color ,.slct_hashtag_color.default{
	color:#4987FA;
	background-color:#FFFFFF;
	font-weight: normal;
}

.list_tag li a.red
,a.red.hashtag
,.slct_hashtag_color.red {
	background-color: #ffcdd2;
	border-color:#c62828;
	color:#b71c1c;
	font-weight: bold;
}

.list_tag li a.red:hover
,a.red.hashtag:hover {
	background-color: #e57373;
}

.list_tag li a.green
,a.green.hashtag
,.slct_hashtag_color.green {
	background-color: #C8E6C9;
	border-color:#2E7D32;
	color:#1B5E20;
	font-weight: bold;
}
.list_tag li a.green:hover
,a.green.hashtag:hover {
	background-color: #AED581;
}

.list_tag li a.yellow
,a.yellow.hashtag
,.slct_hashtag_color.yellow {
	background-color: #FFF9C4;
	border-color:#F9A825;
	color:#F57F17;
	font-weight: bold;
}
.list_tag li a.yellow:hover
,a.yellow.hashtag:hover {
	background-color: #FFF176;
}

.list_tag li a.purple
,a.purple.hashtag
,.slct_hashtag_color.purple {
	background-color: #E1BEE7;
	border-color:#6A1B9A;
	color:#4A148C;
	font-weight: bold;
}
.list_tag li a.purple:hover
,a.purple.hashtag:hover {
	background-color: #BA68C8;
}

.list_tag li a.blue
,a.blue.hashtag
,.slct_hashtag_color.blue {
	background-color: #BBDEFB;
	border-color:#1565C0;
	color:#0D47A1;
	font-weight: bold;
}
.list_tag li a.blue:hover
,a.blue.hashtag:hover {
	background-color: #64B5F6;
}

.list_tag li a.orange
,a.orange.hashtag
,.slct_hashtag_color.orange {
	background-color: #FFE0B2;
	border-color:#E65100;
	color:#EF6C00;
	font-weight: bold;
}
.list_tag li a.orange:hover
,a.orange.hashtag:hover {
	background-color: #FFB74D;
}

.list_tag li a.gray
,a.gray.hashtag
,.slct_hashtag_color.gray {
	background-color: #CFD8DC;
	border-color:#263238;
	color:#37474F;
	font-weight: bold;
}
.list_tag li a.gray:hover
,a.gray.hashtag:hover {
	background-color: #90A4AE;
}

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

 201608-ログイン後のバージョンUPメッセージ

---------------------------------------------------*/
body#index .modal-after-login{
	width:600px;
	margin:auto;
	padding:40px;
	background:#FFFFFF;
	border-radius:5px;
	box-shadow:1px 1px 3px #666666;
}
body#index .modal-after-login .ui-dialog-titlebar{
	display:none;
}

#vup-message {
    padding: 30px 25px;
    width: 650px !important;
}
#vup-message h2{
	margin:0 0 25px 0;
	padding:0 0 0 55px;
	font-size:20px;
	position:relative;
}
#vup-message h2 b{
	font-size:26px;
}
#vup-message h2:before{
  	content: url(../img/common/ico_update.png);
	position:absolute;
	top:-5px;
	left:0;
}
#vup-message p{
	margin:0 0 20px 0;
	padding:0;
	line-height:1.6;
}
#vup-message .bt-releasenote{
	float:right;
	display:inline-block;
	width:190px;
	height:45px;
	padding:0 0 0 20px;
	color:#FFFFFF;
	background:#4FC4DE;
	text-align:center;
	line-height:45px;
	border-radius:3px;
	border-right:2px solid #3C96AA;
	border-bottom:2px solid #3C96AA;
	position:relative;
}
#vup-message .bt-releasenote:before{
	content:url(../img/common/ico_note.png);
	position:absolute;
	top:9px;
	left:7px;
}
#vup-message .bt-releasenote:hover{
	background:#2EBAD8;
}
#vup-message .erase,
#vup-message .close{
	text-align:center;
}
#vup-message .erase{
	margin:40px 0 0 0;
	font-size:12px;
}
#vup-message .erase input[type="checkbox"]{
	margin:0 5px 0 0;
}
#vup-message .close{
	margin:10px 0 0 0;
}
#vup-message .close span{
	display:inline-block;
	padding:9px 80px;
	color:#FFFFFF;
	background:#666666;
	border-radius:3px;
	cursor:pointer;
	position:relative;
	border-right:1px solid #333333;
	border-bottom:1px solid #333333;
}
#vup-message .close span:before{
	content:url(../img/common/ico_close_circle.png);
	position:absolute;
	top:8px;
	left:25px;
}
#vup-message .close span:hover{
	background:#333333;
}

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

 201609-システム設定「広告・媒体」

---------------------------------------------------*/
/* リスト */
#admin #contents div.col.form-basic .box-action{
	clear:both;
	overflow:hidden;
	width:100%;
	min-height:70px;
	min-width:600px;
	text-align:center;
}
#admin #contents div.col.form-basic .box-action p{
	color:#333333;
}
#admin #contents div.col.form-basic .box-action input[type="text"]{
	width:202px;
	font-size:14px;
	margin:0 0 0 10px;
	padding:8px 10px;
	border-radius:3px;
}
#admin #contents div.col.form-basic p.floatR a.bt_list-edit{
	display:inline-block;
	padding:5px 20px 5px 35px;
	text-align:center;
	text-decoration:none;
	color:#333333;
	border:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-radius:3px;
	background:#FAFAFA;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.16, #FFFFFF),
		color-stop(1, #F0F0F0)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 16%, #F0F0F0 100%);
	position:relative;
}

#admin #contents div.col.form-basic p.floatR  a.bt_list-edit:before{
	content:url(../img/common/ico_menu.png);
	position:absolute;
	top:8px;
	left:10px;
}
#admin #contents div.col.form-basic p.floatR  a.bt_list-edit:hover{
	color:#888888;
	border:1px solid #CCCCCC;
}
#admin ul.media-display{
	min-width:600px;
	height:40px;
	margin-top:-55px;
	font-size:14px;
	text-align:center;
}
#admin ul.media-display li{
	display:inline-block;
}
#admin ul.media-display li:first-child:after{
	content:" ｜ ";
}
#admin ul.media-display li.now:before{
	content:"▼ ";
	color:#5083BA;
}
#admin ul.media-display li a{
	color:#999999;
}
#admin ul.media-display li.now a{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
}
#admin ul.media-display li a:hover{
	color:#5083BA;
	text-decoration:underline;
}
#admin table.media-list{
	min-width:600px;
	border-bottom:1px solid #CCCCCC;
}
#admin table.media-list tr{
	border-top:1px solid #CCCCCC;
}
#admin table.media-list tr.inner{
	border:none;
}
#admin table.media-list th,
#admin table.media-list td{
	padding:10px;
	vertical-align:middle;
	font-size:12px;
	border-right:none;
}
#admin table.media-list.no{
	background:#E6E6E6;
}

#admin table.media-list img{
	border-radius:3px;
}
#admin table.media-list a:hover img{
	filter:alpha(opacity=80);
	opacity:0.8;
}
#admin table.media-list tr td:nth-child(1){
	text-align:center;
}
#admin table.media-list tr:hover{
	background:#FFFFCC;
}
#admin table.media-list td b.title-disp{
	font-size:14px;
	line-height:1.6;
}
#admin table.media-list a.bt_media-detail{
	display:inline-block;
	width:80px;
	padding:10px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#FFFFFF;
	background:#28568A;
	border-right:1px solid #081A4C;
	border-bottom:1px solid #081A4C;
	border-radius:3px;
}
#admin table.media-list td a.bt_media-detail:hover{
	filter:alpha(opacity=80);
	opacity:0.8;
}
#admin table.media-list tr.inner td a.bt_media-detail{
	width:90px;
	padding:8px 5px;
	font-weight:normal;
	background:#5083BA;
	border-right:1px solid #3D5187;
	border-bottom:1px solid #3D5187;
}


/* リスト編集 */
#admin .box-action p.bt_save{
	display:inline-block;
	margin:auto;
	text-align:center;
}
#admin .box-action p.bt_save a{
	color:#333333;
	font-weight:bold;
	text-indent:0;
	line-height:36px;
	text-decoration:none !important;
}
#admin .box-action p.bt_save a:hover{
	color:#28568A;
}

.box-sort{
	width:100%;
	min-width:600px;
	padding:0 0 20px 0;
	text-align:center;
}
#admin .display,
#admin .displayno{
	display:inline-block;
	min-width:270px;
	border:2px solid #CCCCCC;
	border-radius:5px;
	padding:10px;
}
#admin .displayno{
	background:#CCCCCC;
}
#admin .csv_item_list .csv_item_list_input{
	display: none;
}
#admin .display h5,
#admin .displayno h5{
	font-size:16px;
	padding:10px 10px 20px 10px;
}
#admin table.media-sort{
	border-bottom:1px solid #CCCCCC;
}
#admin table.media-sort tr{
	border-top:1px solid #CCCCCC;
}
#admin table.media-sort tr.inner{
	border:none;
}
#admin table.media-sort th,
#admin table.media-sort td{
	background:#FFFFFF;
	padding:2px 10px;
	vertical-align:middle;
	font-size:12px;
	text-align:left;
}
#admin table.media-sort tr td:nth-child(1){
	width:40px;
}
#admin table.media-sort tr td:nth-child(1) img{
	max-width:40px;
}
#admin table.media-sort tr td:nth-child(2){
	max-width:140px;
	overflow:hidden;
	white-space:nowrap;
	text-overflow:ellipsis;
}
#admin table.media-sort tr td:nth-child(2) img{
	max-width:120px;
}
#admin table.media-sort tr td:nth-child(3){
	text-align:right;
	padding:10px 15px 10px 10px;
}
#admin table.media-sort.custom_csv_media_sort th,
#admin table.media-sort.custom_csv_media_sort td{
	height: 50px;
}
#admin table.media-sort.custom_csv_media_sort tr.donotmovedummy td{
	height: 15px;
}


/* 新規媒体登録 */
#admin #contents div.col.form-basic #srch_baitai_info{
	padding:8px 25px 8px 10px;
	background:url(../img/common/ico_search_bk.png) 210px center no-repeat;
}

#admin #contents div.col.form-basic b.media-name{
	font-size:22px;
}
#admin #contents div.col.form-basic .media-none{
	float:right;
}
@media screen and (max-width:1215px) {
#admin #contents div.col.form-basic .media-none{
	float:left;
	margin:0 0 20px 0;
	}
}
#admin #contents div.col.form-basic .media0{
	display:inline-block;
	vertical-align:middle;
	margin:0px 0 0 0;
	padding:12px 10px 12px 15px;
	background:#EDEDED;
	border:2px solid #CCCCCC;
	border-right:2px solid #999999;
	border-bottom:2px solid #999999;
	border-radius:5px;
	cursor:pointer;
}
#admin #contents div.col.form-basic .media0 input{
	margin:0 10px 0 0;
}
#admin #contents div.col.form-basic .media0:hover{
	background:#FFF5BB;
}
#admin #contents div.col.form-basic .media0.active{
	background:#FFF5BB;
}

#admin #contents div.col.form-basic .media-select{
	clear:both;
	width:102%;
}
#admin #contents div.col.form-basic .media-item{
	text-align:center;
	display:inline-block;
	max-width:150px;
	margin:0 5px 10px 0;
	padding:10px;
	border:1px solid #CCCCCC;
	border-radius:5px;
	box-shadow:1px 1px 3px #DDDDDD;
}
#admin #contents div.col.form-basic .media-item img{
	width:100%;
	margin:0 0 8px 0;
}
#admin #contents div.col.form-basic .media-item h6{
	min-height:33px;
	margin:0 0 8px 0;
	text-align:left;
	line-height:1.2;
}
#admin #contents div.col.form-basic .media-item .media-num{
	width:100%;
	display:inline-block;
	background:#EEEEEE;
	padding:10px 0;
	cursor:pointer;
	border-radius:15px;
}
#admin #contents div.col.form-basic .media-item .media-num:hover{
	background:#FFF5BB;
}
#admin #contents div.col.form-basic .media-item .media-num.active{
	background:#FFF5BB;
}

/* 新規媒体選択をaに変更 */
#admin #contents div.col.form-basic .media-item a.media-item-choose{
	display:inline-block;
	color:#333333;
	background:#ffffee;
	padding:10px 20px;
	border-radius:5px;
	border:2px solid #FFCA28;
}
#admin #contents div.col.form-basic .media-item a.media-item-choose:hover{
	background:#FFCA28;
	font-weight:bold;
}

#admin #contents div.col.form-basic a.media-item-choose-none{
	display:inline-block;
	color:#333333;
	background:#ffffee;
	padding:10px;
	border-radius:5px;
	border:2px solid #FFCA28;
	text-decoration:none;
}
#admin #contents div.col.form-basic a.media-item-choose-none:hover{
	background:#FFCA28;
	font-weight:bold;
	border:2px solid #FFCA28;
}


/* 新規媒体登録-連携情報 */
#admin #contents div.col.form-basic .media-adalert{
	margin:10px 10px 25px 10px;
	background:#FFF8DB;
	border:3px solid #FFCC00;
	border-radius:8px;
	overflow:hidden;
}
#admin #contents div.col.form-basic .media-adalert h4{
	height:50px;
	margin:10px;
	padding:10px;
	font-size:16px;
	line-height:1.5;
	background:none;
	display:table;
}
#admin #contents div.col.form-basic .media-adalert h4:before{
	content:url(../img/common/ico_alert_yw.png);
	vertical-align:middle;
	display:table-cell;
	padding:0 10px 0 0;
}
#admin #contents div.col.form-basic .media-adalert ul{
	height:auto;
	margin:20px;
	padding:0 0 0 0;
	text-align:left;
	overflow:hidden;
}
#admin #contents div.col.form-basic .media-adalert ul li{
	padding:10px 0 10px 0;
	float:left;
	text-align:center;
	margin:0 5px 6px 0;
	line-height:1.2;
}
#admin #contents div.col.form-basic .media-adalert ul li.done{
	background:#CCCCCC;
	padding:9px 10px 9px 35px;
	border-radius:4px;
	position:relative;
	margin:1px 5px 6px 0;
}
#admin #contents div.col.form-basic .media-adalert ul li.done:before{
	content:"済";
	color:#666666;
	font-weight:bold;
	background:#E6E6E6;
	padding:4px;
	position:absolute;
	top:5px;
	left:6px;
	border-radius:3px;
}
#admin #contents div.col.form-basic .media-adalert ul li a{
	background:#FFFFFF;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #FFFFFF),
		color-stop(1, #F5F5F5)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 0%, #F5F5F5 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #F5F5F5 100%);
	padding:6px 15px 6px 40px;
	color:#333333;
	text-align:left;
	font-weight:bold;
	border:1px solid #999999;
	border-radius:5px;
	position:relative;
}
@supports (-ms-accelerator:true) {
#admin #contents div.col.form-basic .media-adalert ul li a{
	padding:9px 15px 9px 40px;
	}
}

#admin #contents div.col.form-basic .media-adalert ul li a:before{
	content:url(../img/common/ico_addad_s.png);
	position:absolute;
	top:5px;
	left:6px;
}
#admin #contents div.col.form-basic .media-adalert ul li a:hover{
	background:#C8E6C9;
	border:1px solid #81C784;
}
#admin #contents div.col.form-basic .btnWrap .bt_medialink{
	margin:15px 15px 0 0;
	padding:10px 25px 10px 55px;
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
	border:1px solid #2E7D32;
	border-radius:5px;
	background:#43A047;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #66BB6A),
		color-stop(1, #43A048)
	);
	background-image: -o-linear-gradient(bottom, #66BB6A 0%, #43A048 100%);
	background-image: -moz-linear-gradient(bottom, #66BB6A 0%, #43A048 100%);
	background-image: -webkit-linear-gradient(bottom, #66BB6A 0%, #43A048 100%);
	background-image: -ms-linear-gradient(bottom, #66BB6A 0%, #43A048 100%);
	background-image: linear-gradient(to bottom, #66BB6A 0%, #43A048 100%);
	position:relative;
}
#admin #contents div.col.form-basic .btnWrap .bt_medialink:before{
	content:url(../img/common/ico_medialink_wh.png);
	position:absolute;
	top:3px;
	left:10px;
}
#admin #contents div.col.form-basic .btnWrap .bt_medialink:hover{
	background:#66BB6A;
	border:1px solid #66BB6A;
}
#admin #contents div.col.form-basic .btnWrap .bt_saveonly{
	margin:15px 0 0 0;
	padding:10px 45px;
	font-size:16px;
	text-align:center;
	text-decoration:none;
	color:#333333;
	border:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-radius:5px;
	background:#FAFAFA;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.16, #FFFFFF),
		color-stop(1, #F0F0F0)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 16%, #F0F0F0 100%);
}
/* 媒体情報編集 */
#admin #contents div.col.form-basic .media-delete{
	text-align:right;
	margin:20px 15px;
}
#admin #contents div.col.form-basic .media-delete a{
	display:inline-block;
	padding:12px 15px 12px 40px;
	color:#FFFFFF;
	background:#666666;
	border:1px solid #333333;
	border-radius:5px;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0, #666666),
		color-stop(1, #333333)
	);
	background-image: -o-linear-gradient(bottom, #666666 0%, #333333 100%);
	background-image: -moz-linear-gradient(bottom, #666666 0%, #333333 100%);
	background-image: -webkit-linear-gradient(bottom, #666666 0%, #333333 100%);
	background-image: -ms-linear-gradient(bottom, #666666 0%, #333333 100%);
	background-image: linear-gradient(to bottom, #666666 0%, #333333 100%);
	position:relative;
}
#admin #contents div.col.form-basic .media-delete a:hover{
	background:#333333;
}
#admin #contents div.col.form-basic .media-delete a:before{
	content:url(../img/common/ico_trash_wh.png);
	position:absolute;
	top:7px;
	left:10px;
}


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

 201609-メールに添付機能

---------------------------------------------------*/
/* リスト */
body#mail table.list th{
	padding:8px;
	font-weight:bold;
}
body#mail table.list td{
	padding:8px;
	vertical-align:middle;
}
body#mail table.list td.dealt{
	text-align: center;
}
td.attached{
	text-align:center;
}


/* 詳細 */
ul.attached{
	margin:5px auto;
	list-style:none;
}
ul.attached li{
	float:left;
	margin:0 5px 5px 0;
	line-height:1.5;
}
ul.attached li.dl_all{
	clear:both;
}
ul.attached li a{
	display:block;
	min-width:150px;
	margin:0;
	padding:6px 10px 6px 30px;
	color:#333333;
	background:#FFFFFF;
	border:1px solid #DDDDDD;
	border-right:1px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-radius:3px;
	box-shadow:1px 1px 3px #CCCCCC;
	position:relative;
}
ul.attached li a:before{
	content:url(../img/common/ico_attached.png);
	position:absolute;
	top:7px;
	left:8px;
}
ul.attached li a:hover{
	background:#FFF5BB;
	border:1px solid #CCCCCC;
	box-shadow:none;
}
ul.attached li.dl_all a{
	min-width:100px;
	background:#CCCCCC;
	padding:5px 10px 5px 50px;
	border-right:1px solid #666666;
	border-bottom:1px solid #666666;
}
ul.attached li.dl_all a:before{
	content:url(../img/common/ico_dlall.png);
	position:absolute;
	top:-3px;
	left:-2px;
}
ul.attached li.dl_all a:hover{
	background:#DDDDDD;
	border-top:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
}
ul.attached li.spam{
	color:#FF0000;
	background:#DDDDDD;
	margin:1px 5px 5px 0;
	padding:6px 10px 6px 32px;
	border-radius:3px;
	position:relative;
}
ul.attached li.spam:before{
	content:url(../img/common/ico_attached-spam.png);
	position:absolute;
	top:7px;
	left:8px;
}


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

 201609-ログインエラーダッシュボード表示

---------------------------------------------------*/
#baitai-login-alert{
	margin-bottom:12px !important;
	background:#FFFFFF;
	border:3px solid #FF0000;
	border-radius:8px;
	box-shadow:1px 1px 3px #333333;
	background:url(../img/common/ico_alert_rd.png) #FFFFFF 20px 25px no-repeat !important;
}
#baitai-login-alert h2{
	margin:10px 0 0 65px !important;
	padding:12px 20px 12px !important;
	line-height:1.4 !important;
	text-indent:0;
	background:none;
}
#baitai-login-alert h2+h2{
	margin:-18px 0 0 65px !important;
	text-decoration:underline;
	background:none;
}
#baitai-login-alert h2 a{
	color:#FF0000;
}
#baitai-login-alert h2 a:hover{
	color:#ff8a80;
}
#baitai-login-alert ul{
	margin:10px 20px 20px !important;
}
#baitai-login-alert span.icon16.cancel.vmdl{
	margin:0 0 0 -2px !important;
}


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

 201609-ログイン画面ログインエラー通知

---------------------------------------------------*/
body#login a#btnNoticeModal{
	color:#FF0000;
	text-decoration:underline;
}
body#login a#btnNoticeModal:hover{
	color:#ff8a80;
}

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

 201609-ドラッグアンドドロップアップロード

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


.dropzone{
	background:#FFFFFF;
	text-align:center;
	padding:20px;
	position:relative;
	border-radius:2px;
	border:2px dotted #2284E6;

}
.dropzone:before{
	position:absolute;
	top:-5px;
	left:18px;
	background:#F3F6FC;
	line-height:1;
	padding:0 3px;
}
.dropzone input{
	position:absolute;
	opacity:0;
	top:0;
	left:0;
}

.dropzone p{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
.dropzone.mouse-over{
	background:#FFFFCC;
}

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

 201609-ログインに関するお知らせポップアップ

---------------------------------------------------*/
#login .ui-widget-content{
	min-width:700px;
	margin:0;
	padding:5px;
}
#login .ui-widget-content #addsearch_items_dialog ul{
	margin:-5px 0 15px 20px;
}
#login .ui-widget-content #addsearch_items_dialog ul li a{
	display:inline-block;
	color:#FF0000;
	font-weight:bold;
	text-decoration:underline;
	line-height:1.6;
}
#login .ui-widget-content #addsearch_items_dialog ul li a:hover{
	color:#ff8a80;
}
#login .ui-widget-content p{
	margin:10px;
}

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

 201609-ログインに関するお知らせ右下も調整

---------------------------------------------------*/
#login .login-info p{
	color:#FFFFFF;
}

#login .login-info ul{
	margin:0 0 0 15px;
	font-size:12px;
	line-height:1.8;
}
#login .login-info ul li a{
	text-decoration:underline;
}
#login .login-info ul li a:hover{
	color:#FFFFCC;
}
#login .login-info ul li:before{
	content:"・";
}
body#login .remodal a.link-in-modal{
	color:#182A3C;
	text-decoration:underline;
}
body#login .remodal a.link-in-modal:hover{
	opacity:0.7;
	background:none;
	text-decoration:underline;
}

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

 201610-応募者詳細画面 - 面接枠を作成して面接予約する

---------------------------------------------------*/
#add_messageboard_dialog {
	display: none;
}

#create-waku-and-reserve {
	display: none;
}
#create-waku-detail table th,
#create-waku-detail table td{
	border:1px solid #DDD;
}
#create-waku-detail table th{
	min-width:15%;
}
#create-waku-detail .insbutton{
	text-align: center;
}
#create-waku-detail .insbutton a,
#create-waku-detail .insbutton img{
	margin:auto;
}
#create-waku-detail .insbutton img{
	display: none;
}
#create-waku-info-message {
	text-align:center;
	display: none;
}
#create-waku-info-message a {
	text-decoration: underline;
}

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

 202101-応募者詳細画面 - エージェントメッセージ

---------------------------------------------------*/
#add_oubosha_message_dialog,
#add_oubosha_comment_dialog{
	display: none;
	position: fixed;
	z-index: 1001;
	width: 60%;
	max-width: 1240px;
	top: 45px;
	padding: 20px;
	background:#fff;
	border-radius: 5px;
	border: 5px solid #ddd;
	overflow-y: auto;
	max-height: 85%;
	cursor: default;
}

#add_oubosha_message_dialog .oubosha_message,
#add_oubosha_comment_dialog .oubosha_comment{
	clear: both;
	margin: 0 0 20px 0;
	/* border: 3px solid #ddd;
	border-radius: 8px; */
}
#add_oubosha_message_dialog .oubosha_message .inner,
#add_oubosha_comment_dialog .oubosha_comment .inner{
	background: #f6f6f6;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
}
#add_oubosha_message_dialog .oubosha_message .history,
#add_oubosha_comment_dialog .oubosha_comment .history{
	padding: 10px;
	max-height: 300px;
	overflow: auto;
}
#add_oubosha_message_dialog .oubosha_message .info,
#add_oubosha_comment_dialog .oubosha_comment .info{
	display: inline-block;
	width: 100%;
	margin: 8px 0;
    padding-right: 10px;
	text-align: right;
	font-size: 0.8rem;
	font-weight: bold;
}
#add_oubosha_message_dialog .oubosha_message .message,
#add_oubosha_comment_dialog .oubosha_comment .comment{
	padding: 8px 14px;
	font-size: 0.9rem;
	background: #fff;
	border-radius: 18px;
	word-wrap: break-word;
	word-break: break-all;
	white-space: normal;
}
#add_oubosha_message_dialog .oubosha_message .sent .message{
	background: #C5E1A5;
}

.messageMention{
	background: #e4e4e4;
    border-radius: 5px;
    margin-right: 0px;
    padding: 2px 7px;
    font-size: 10px;
    color: #2a65ca;
    margin-bottom: 5px;
    display: inline-block;
}

.oubosha_message .sent {
    width: 90%;
    margin-left: auto;
}

.oubosha_message .recieved {
    width: 90%;
}

#add_oubosha_message_dialog .oubosha_message .input,
#add_oubosha_comment_dialog .oubosha_comment .input{
	margin: 0 2%;
}
#add_oubosha_message_dialog .oubosha_message .input textarea,
#add_oubosha_comment_dialog .oubosha_comment .input textarea{
	margin: 0 0 2px 0;
	font-size: 0.9rem;
	display: block;
	width: 100%;
}
#add_oubosha_message_dialog .oubosha_message .input .edit-cancel,
#add_oubosha_comment_dialog .oubosha_comment .input .edit-cancel{
	text-align: center;
	margin-top: 10px;
	cursor: pointer;
	cursor: hand;
	display: block;
	display: none;
}
#add_oubosha_message_dialog .oubosha_message #submit-message,
#add_oubosha_comment_dialog .oubosha_comment #submit-comment{
	display: block;
	margin: auto;
}
#add_oubosha_message_dialog .oubosha_message #edit-message,
#add_oubosha_comment_dialog .oubosha_comment #edit-comment{
	display: none;
	margin: auto;
}
#add_oubosha_message_dialog .oubosha_message .exp-txt,
#add_oubosha_comment_dialog .oubosha_comment .exp-txt{
	color: #666;
	display: inline-block;
	margin: 20px auto;
	font-size: 0.9rem;
    line-height: 1.4;
}
#add_oubosha_message_dialog .oubosha_message .form-control,
#add_oubosha_comment_dialog .oubosha_comment .form-control{
	border: 1px solid #666;
}
#add_oubosha_message_dialog .oubosha_message .form-control::placeholder,
#add_oubosha_comment_dialog .oubosha_comment .form-control::placeholder{
	color: #bbb;
}
#add_oubosha_message_dialog .oubosha_message .form-control:-ms-input-placeholder,
#add_oubosha_comment_dialog .oubosha_comment .form-control:-ms-input-placeholder{
	color: #bbb;
}
#add_oubosha_message_dialog .oubosha_message .form-control::-ms-input-placeholder,
#add_oubosha_comment_dialog .oubosha_comment .form-control::-ms-input-placeholder{
	color: #bbb;
}
#add_oubosha_message_dialog .oubosha_message .text-muted.count,
#add_oubosha_comment_dialog .oubosha_comment .text-muted.count{
	text-align: right;
	display: block;
}

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

 201610-[設定]-[システム]-[項目] - 表示・並び順設定を変更するボタン

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

#admin #contents a.btn-list-edit{
	display:inline-block;
	padding:9px 15px 10px 35px;
	text-align:center;
	text-decoration:none;
	color:#333333;
	border:1px solid #CCCCCC;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	border-radius:3px;
	background:#FAFAFA;
	background-image: -webkit-gradient(
		linear,
		left top,
		left bottom,
		color-stop(0.16, #FFFFFF),
		color-stop(1, #F0F0F0)
	);
	background-image: -o-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -moz-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -webkit-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: -ms-linear-gradient(bottom, #FFFFFF 16%, #F0F0F0 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 16%, #F0F0F0 100%);
	position:relative;
}

#admin #contents a.btn-list-edit b{
	margin: 0 8px;
}

#admin #contents a.btn-list-edit::before{
	content: url(../img/common/ico_menu.png);
	position: absolute;
	top: 8px;
	left: 10px;
}

#admin #contents div.buttons-float-left{
	float: left;
	margin: 0px 23px 20px;
}

#admin #contents div.buttons-float-right{
	float: right;
	margin: -5px 23px 20px;
}

#admin #contents div.buttons-float-right select#slct_free_form_type{
	vertical-align: 12px;
	padding: 7px;
	border-radius: 3px;
	background-color: #FFF;
}

#mail #contents #mail_subject,
#mail #contents #mail_body {
	line-height: 1.45;
}

/*
	メールの既存タグ
*/
#mail #contents #mail_subject .mail-keyword,
#mail #contents #mail_body .mail-keyword,
#admin #addsearch_items_dialog #mailtemplate_subject_modal .mail-keyword,
#admin #addsearch_items_dialog #mailtemplate_body_modal .mail-keyword {
	border: 1px solid #AAA;
	border-radius: 2px;
	padding: 0 4px;
	margin: 1px;
	color: #555;
	background: #CCC;
}

#admin #addsearch_items_dialog #mailtemplate_subject_modal,
#admin #addsearch_items_dialog #mailtemplate_body_modal {
	white-space:pre-wrap;
	line-height: 1.5;
}


/* 201611 権限の詳細設定 */
#admin #contents table.detail td a.bt_permissiondetail{
	font-size:12px;
	color:#1F3656;
	background:#B9CBDF;
	display:inline-block;
	vertical-align:middle;
	line-height:1.2;
	padding:3px 5px;
	margin:0 0 0 8px;
	border-radius:3px;
	border-top:1px solid #D2DEEB;
	border-left:1px solid #D2DEEB;
	border-right:1px solid #616B75;
	border-bottom:1px solid #616B75;
}
#admin #contents table.detail td a.bt_permissiondetail:hover{
	border:1px solid #D2DEEB;
	background:#D2DEEB;
	border-right:1px solid #B9CBDF;
	border-bottom:1px solid #B9CBDF;
}
.permissionDetailBox.ui-dialog-content{
	padding:10px 5px !important;
}
.permissionDetailBox.ui-dialog-content table.detail{
	margin:0 0 20px 0;
}
.permissionDetailBox.ui-dialog-content table.detail th,
.permissionDetailBox.ui-dialog-content table.detail td{
	padding:10px;
}
.permissionDetailBox.ui-dialog-content table.detail th{
	font-size:14px;
	font-weight:bold;
	line-height:1.6;
	width:auto;
}
.permissionDetailBox.ui-dialog-content table.detail td{
	font-size:14px;
	line-height:1.6;
}
.permissionDetailBox.ui-dialog-content table.detail td.cell-radio{
	text-align:center;
	vertical-align:middle;
}
.permissionDetailBox.ui-dialog-content table.detail th.t-center{
	text-align:center;
}

/* 201703 v446- 添付ファイル検索機能 */
tr.attached-file-search-result td span.quote {
	margin-left : 30px;
}
tr.attached-file-search-result td span.quote .quote-emphasis{
	background-color: #ffff87;
	padding:4px;
}
tr.attached-file-search-result td img {
	margin-bottom : -7px;
}

/* 201704 solasto-Kenexa数値表示 */
#kenexa{
	overflow: hidden;
	padding: 10px;
	min-width: 615px;
}
#kenexa .resultRetire,
#kenexa .resultAptitude{
	float: left;
	border: 1px solid #ccc;
	border-radius: 5px;
	margin: 0 0 10px 10px;
	display:block;
}
#kenexa .resultRetire li,
#kenexa .resultAptitude li{
	float: left;
	text-align: center;
	min-width: 150px;
}

#kenexa .resultRetire li h3,
#kenexa .resultAptitude li h3{
	width: auto;
	margin: 0;
	padding: 10px 0;
	border-radius: 5px 5px 0 0;
}
#kenexa .resultRetire li p,
#kenexa .resultAptitude li p{
	font-size: 18px;
	background: #fff;
	margin: 10px;
}
#kenexa .resultRetire li p.result_normal,
#kenexa .resultAptitude li p.result_normal{
	font-size: 24px;
	color: #3eb370;
	font-weight: bold;
}
#kenexa .resultRetire li p.result_ng,
#kenexa .resultAptitude li p.result_ng{
	font-size: 24px;
	color: #e53935;
	font-weight: bold;
}
#kenexa .resultRetire li p.result_bad,
#kenexa .resultAptitude li p.result_bad{
	font-size: 24px;
	color: #ee7800;
	font-weight: bold;
}
#kenexa .resultRetire li p.result_good,
#kenexa .resultAptitude li p.result_good{
	font-size: 24px;
	color: #4CAF50;
	font-weight: bold;
}



/* 201702 LINE機能 - 201704add */
.line-wrapper{
	max-width: 680px;
	margin: auto;
	padding: 10px;
	background: #7B9AC6;
	border: 5px solid #e6e6e6;
	border-radius: 8px;
}
.line-wrapper ul.line-log{
	padding:10px;
	margin: 0 0 5px 0;
	font-family: "メイリオ", sans-serif;
}
.line-wrapper textarea{
	font-family: "メイリオ", sans-serif;
}


.line-wrapper ul.line-log li {
	clear: both;
	overflow: hidden;
	margin: 0 0 12px 0;
	position:relative;
}

.line-wrapper ul.line-log li div.text {
	padding: 8px 18px;
	border-radius: 20px;
	max-width: 300px;
	margin: 7px;
	line-height: 1.75;
	clear:both;
	word-break: break-all;
}

.line-wrapper ul.line-log li.receive {
	text-align: left;
}

.line-wrapper ul.line-log li.receive div.text {
	background-color: #fff;
	float: left;
}


.line-wrapper ul.line-log li.send {
	text-align: right;
}

.line-wrapper ul.line-log li.send div.text {
	float: right;
	background: #85E249;
	clear: both;
	text-align: left;
}

.line-wrapper ul.line-log li div.type {
	padding-top:8px;
	font-size:0.8em;
	margin: 0 0 5px 0;
}
.line-wrapper ul.line-log li div.type,
.line-wrapper ul.line-log li div.datetime{
	line-height:1.2;
	color: #fff;
}

.line-wrapper .line-submit-form {
	width: 100%;
	text-align: center;
}

.line-wrapper .line-submit-form textarea {
	width: 94.5%;
	padding: 8px;
	margin:3px auto 11px;
	border-radius:5px;
}

.line-wrapper .line-submit-form a.btn{
	margin:0 auto;
}

.line-wrapper .line-submit-form a.btn b{
	margin:11px 0 0;
}


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

 201704-LINE管理リスト画面調整

---------------------------------------------------*/
/* リスト */
body#line table.list th{
	padding:8px;
	font-weight:bold;
}
body#line table.list td{
	padding:8px;
	vertical-align:middle;
}
body#line table.list td.dealt{
	text-align: center;
}






/* 201708 CITicon表示 */
.cti_icon a{
	display: inline-block;
	vertical-align: middle;
	margin: 8px 0 10px 10px;
	padding: 10px 15px 10px 50px;
	color: #000;
	background: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	border-radius: 30px;
	border: 1px solid #ddd;
	box-shadow: 1px 1px 3px #ccc;
	position: relative;
}
.cti_icon a:before{
	content: url(../img/common/ico_cti_wh.png);
	position: absolute;
	top: 0;
	left: 0;
	background: #40C84E;
	padding: 5px;
	border-radius: 30px;
}
.cti_icon a:hover{
	color: #31AA3D;
	background: #E3F7E6;
	box-shadow: 1px 1px 3px #E3F7E6;
}

.hide_client_table{
	margin:20px;
	padding-bottom: 10px;
    font-size: 1.1em;
    font-weight: normal;
    color: #999;
	position:fixed;
	z-index:52;
	top:30px;
	border-bottom: solid 5px #142645;
	background:white;
	display: none;
}

.hide_client_table .client_cd b,
.hide_client_table .client_name b,
.hide_client_table .register_cd b,
.hide_client_table .register_name b,
.hide_client_table .order_cd b{
	margin: 0 5px;
	font-size: 1.4em;
	font-weight: bold;
	color: #111;
}
/* Required field showing div in web.application_form*/
.requiredElementCount{
    background: #2A65CA;
    color: #ffffff;
    padding: 15px;
    width: 15%;
    right: 9px;
    position: fixed;
    top: 50vh;
    border-radius: 5px;
}
.full_len{
	width:100%;
}
/*display none class*/
.d-none{
	display: none;
}

.engage-align-top-parts{
	display: flex;
	justify-content: space-between;
	align-items: center;
	max-width: 1020px;
}

.engage-align-top-parts-radio{
	width: 300px;
	border-bottom: 2px solid #4472C4;
	height: 22px;
}

.staff-tab{
	display:flex;
	margin-top: 45px;
}
.staff-tab-item{
	margin-right: 5px;
}
.staff-tab-item a{
	display: flex;
	padding: 8px 15px;
}
.staff-tab-item.acrive a{
	background: #e0f0f8;
	border: 2px solid #acc3ea;
}

.kintai-tab{
	display:flex;
	margin-top: 20px;
}
.kintai-tab-item{
	margin-right: 5px;
}
.kintai-tab-item a{
	display: flex;
	padding: 11px 15px;
	background: #F6F6F6;
	border: 2px solid #ddd;
	color: #000033;
}
.kintai-tab-item.active a{
	background: #e0f0f8;
	border: 2px solid #acc3ea;
}

.icon-seikyu-payment{
	background-color:#FEE8A0;
	width: 90px;
	padding: 3px;
	border-radius: 5px;
	text-align: center;
}
.icon-seikyu{
	background-color:#C2DCC9;
	width: 50px;
	padding: 3px;
	border-radius: 5px;
	text-align: center;
}
.icon-payment{
	background-color:#98D2FF;
	width: 50px;
	padding: 3px;
	border-radius: 5px;
	text-align: center;
}

@media screen and (max-width:1380px){
	.engage-align-top-parts-radio{
		text-align: left !important;
	}
	.engage-align-top-parts {
		justify-content: flex-start;
	}
}

/* 設定画面 box-sort設定 */
.box-sort{
	display: flex;
	align-items: stretch;
	justify-content: flex-start;
}
#admin .display, #admin .displayno{
	height: auto;
	min-height: 100%;
	width: 40%;
}
#admin .display, #admin .displayno{
	min-height: 100%;
	width: 40%;
}
#sortable_dsp > tr > td:first-child{
	display: none;
}
#sortable_nodsp > tr > td:first-child{
	display: none;
}
.sortable_space{
	width: 100%;
	height: 100%;
}
#admin .display h5, #admin .displayno h5{
	font-size: 14px;
	padding: 0px 10px 6px 10px;
}
#admin table.media-sort tr td:nth-child(3){
	text-align: right;
	padding: 2px 15px 2px 10px;
}
#admin table.media-sort tr td:nth-child(3) img{
	width: 13px;
	margin-top: 4px
}
@media screen and (max-width:1380px){
	#admin .display, #admin .displayno{
		width: 50%;
	}
}