@charset "UTF-8";
html {/*overflow-y:scroll;*/
    }

@media print {
  a[href]:after {
    content: ""!important;
  }
  abbr[title]:after {
    content: ""!important;
  }
}



/*■ clearfix -------------------------------------------------*/
/* For modern browsers */
.clearfix:before,
.clearfix:after {content:"";
    display:table;
}

.clearfix:after {clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.clearfix {zoom:1;
}


/*■ Common Style -------------------------------------------------*/

*{box-sizing : border-box;
-moz-box-sizing : border-box;
margin:0px;
padding:0px;
font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
}

/* For MacIE Hack ?*/
*{letter-spacing: 1px;}
/* For MacIE Hack */

a{color:#2C9060;
	text-decoration:underline;
}
a:hover{text-decoration:underline;}
/*a:visited{color:#660066;}*/
img{border:none;}
hr{display: none;}

.btn {text-decoration:none;}
.accordion_head{cursor:pointer;}

a#stu_detail ,
a#stu_detail :hover{
color:#333;
text-decoration:none;
}

/* 強調したい説明文・単語 */
strong.text_alert{
	color:#FF0000;
	font-weight: normal;
}
strong.t_a_list_top{
	font-size: xx-small;
}
strong.t_a_strong{
	font-size: large;
}

.list_top{
	display: block;
	position: relative;
}

.list_top_search_box{
	display: block;
	position: absolute;
	bottom: 0;
}

/* リスト表示の説明文 */
.list_description {
	font-size:x-small;
	line-height:120%;
	margin:10px 0px 10px 0px;
	max-width:600px;

}

.list_description_column_name{
	white-space: nowrap;
}

.list_description table td{
	vertical-align: top;
	padding-left: 1em;
}



select, textarea, input[type="text"],
input[type="password"], input[type="datetime"],
input[type="datetime-local"], input[type="date"],
input[type="month"], input[type="time"],
input[type="week"], input[type="number"],
input[type="email"], input[type="url"],
input[type="search"], input[type="tel"],
input[type="color"], .uneditable-input{
padding:0 6px;
/* IE8 input-string-updown bootstrap-overwrite banzai*/
}
/*■ BASE -------------------------------------------------*/


body{background-image:url("../img/base_grad.jpg");
background-repeat:repeat-x;
background-color:#E8FBF5;
width:100%;
height:100%;
color:#333333;
font-size:14px;
text-align:center;
line-height: 1.4em;
-webkit-print-color-adjust: exact;
}

#base{background-color:#fff;
width:1215px;
margin:0px auto;
text-align:left;
}

#wrapper{border-width:0 4px 0;
border-style:solid;
border-color:#88CAAD;
padding:20px;
}

#pop_wrapper{
	border-width:4px 1px 0;
	border-style:solid;
	border-color:#88CAAD;
	padding:20px;
}

.forPrint{display:none; }



/*■ HEADER -------------------------------------------------*/

#header {margin:0 0 10px;}

#header h1{display:inline;
}

#logout{padding:3px 10px;background-color:#DAE4E7;}


/* ▼パンくず */


div#header select{width:90px;}

/*■ 画面ＩＤ -------------------------------------------------*/



/*■ CONTENT -------------------------------------------------*/

#main{border:1px solid #333;
margin-bottom:10px;
}

#pop_main{
margin-bottom:10px;
}

/* スクロールバー */
#infoBox .jspVerticalBar {width: 6px;
right: 6px;
}

#infoBox .jspDrag{background-color:#72C7B1;}

/* ▼GM */
/* ▽ナビゲーション */
#main ul#g_nav {background-color:#72C7B1;
margin-bottom:20px;
}

.ie6 #main ul#g_nav,
.ie7 #main ul#g_nav{height:36px;}

#main ul#g_nav li{float:left;
list-style-type: none;
/* 2015 SYSEVO START*/
width:166px;
/* 2015 SYSEVO END*/
border-right:2px solid #fff;
}

.ie6 #main ul#g_nav li{width:202px;}
.ie7 #main ul#g_nav li{width:231px;}

#main ul#g_nav li a{background-color:#72C7B1;
background-position:10px center;
background-repeat:no-repeat;
display:block;
padding:8px 0 8px 43px;
color:#fff;
text-decoration:none;
/* 2015 SYSEVO START*/
/*目標評価シート用に追加*/

height:40px;
/* 2015 SYSEVO END*/
}
#main ul#g_nav li a:hover{background-color:#439E8E;
text-decoration:none;
}

#main ul#g_nav li a.active{background-color:#439E8E;}

#main ul#g_nav li.first a{background-image:url("../img/icon_student.png");}
#main ul#g_nav li.second a{background-image:url("../img/icon_user.png");}
#main ul#g_nav li.third a{background-image:url("../img/icon_manage.png");}
#main ul#g_nav li.fourth a{background-image:url("../img/icon_group.png");}
#main ul#g_nav li.fifth a{background-image:url("../img/icon_control.png");}
/* 2015 SYSEVO START*/
/*目標評価シート用に追加*/
#main ul#g_nav li.six a{padding:0px 0 0px 50px; background-image:url("../img/icon_evaluation.png");}
/*ストレスチェック用*/
#main ul#g_nav li.seventh a{background-image:url("../img/icon_stress_chk.png");}
/* 2015 SYSEVO END*/

#main ul#g_nav li.first_2 a{background-image:url("../img/icon_history.png");}
#main ul#g_nav li.second_2 a{background-image:url("../img/icon_proposal.png");}
#main ul#g_nav li.third_2{padding:8px 0 8px 47px;}
/* 2015 SYSEVO START*/
/*目標評価シート用に追加*/
#main ul#g_nav li.six_2 a{padding:0px 0 0px 50px; background-image:url("../img/icon_evaluation.png");}
/*ストレスチェック用*/
#main ul#g_nav li.seventh_2 a{background-image:url("../img/icon_stress_chk.png");}
/* 2015 SYSEVO END*/

/*
#main ul#g_nav li.fourth,
#main ul#g_nav li.fifth{padding:8px 0 8px 47px;color:#72C7B1;}
#main ul#g_nav li.fifth{border-right:none;}
*/


#container{margin:0 20px 20px 20px;}
h2,h3{font-size:15px;}

#main #container #left{float:left;width:820px;}
.ie6 #main #container #left,
.ie7 #main #container #left{padding-bottom:20px;}

#main #container #right{float:right;width:302px;}

/* ▽利用者情報　ナビゲーション */
.navbar{margin-bottom:0;position:relative;top:-20px;}
.navbar-inner{-webkit-border-radius:0;border-radius:0;}

/*■ #total -------------------------------------------------*/

.container_microbox{	/* 利用者検索画面,etc */
	position:relative;
}

#main #container #total{width:1126px;}
.ie6 #main #container #total,
.ie7 #main #container #total{padding-bottom:20px;}
#total h2{margin-bottom:10px;}
#main #container #total .mydate{width:400px;font-size:12px;}

.microbox{	/* FAQ,開催予定の研修一覧*/
	position:absolute;
	width:302px;
	top:0;
	right:0;
	background-color:#FFF;
}

/*■ #left -------------------------------------------------*/

/*▼ information */
#left h2{margin-bottom:10px;}
#infoBox{/*width:398px;*/
width:370px;
font-size:12px;
}

#infoBox .info{border:1px solid #ccc;
height:100px;
padding:15px;
}

#infoBox .info dt a{color:#E88E09;text-decoration:underline;}
#infoBox .info dt span{font-weight:normal;color:#333;float:right;}
.ie #infoBox .info dt span{font-weight:normal;color:#333;float:none;margin-left:10px;}
#infoBox .info dd{border-bottom:1px solid #ccc;margin-bottom:10px;padding-bottom:10px;}
#infoBox .info dd a{color:#999;text-decoration:none;}
#infoBox .info dd a:hover{text-decoration:underline;}


#main #container #left .mydate{width:400px;font-size:12px;}
.dataTable{border:1px solid #ccc;width:398px;font-size:12px;}
.dataTable th,
.dataTable td{padding:5px;border-bottom:1px solid #ccc;word-break:break-all;word-wrap:break-word;}
table .data_label{background-color:#E9F6F3;}
table .data_label2{background-color:#72C7B1;color:#fff;}
table .data_label3{background-color:#FEF7EC;color:#333;}

/* 2015 SYSEVO マイナンバー対応START*/
table .data_label4 {
	background-color: #FEF7EC;
	color: #333;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
/* 2015 SYSEVO マイナンバー対応END*/

/* 2015 SYSEVO START*/
table .data_label5 {background-color: #FFFFCC;}
/* 2015 SYSEVO END*/

table .data_label_open {background-color:#F2DEDE;color:#333;}

#fl_contents{/*margin-top:30px;*/}

.dataTable2{border:1px solid #ccc;width:820px;font-size:12px;}
@supports (-ms-accelerator:true) {
.dataTable2{
  table-layout: fixed;
 }
}
.dataTable2 th,
.dataTable2 td{padding:4px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;word-break:break-all;word-wrap:break-word;}
.dataTable2 th{font-weight:normal;background-color:#D1F1E2;padding-top:7px;text-align:center;}
.dataTable2 .th_color2 th{font-weight:normal;background-color:#E9F6F3;padding-top:7px;}
.dataTable2 th img{vertical-align:-2px;margin-right:5px;}
.dataTable2 .first_line td span.day{font-size:30px;font-weight:bold;color:#3C9D96;}
.dataTable2 .first_line td span.day2{font-size:15px;font-weight:bold;color:#3C9D96;}
.dataTable2 .first_line p{font-size:14px;color:#666;line-height:150%;}
.dataTable2 .first_line td .curri_name{font-size:25px;font-weight:bold;}
.dataTable2 .first_line td .leaf_convene{font-size:13px;
font-weight:normal;
background-color:#EDD60E;
color:#000;
padding:2px 5px;
vertical-align:4px;
margin-left:5px;
}

.dataTable2 .th_color_mail th{font-weight:bold;background-color: #F5FCFC;padding-top:7px;}

.dataTable2 .first_line td .leaf_inOut{font-size:13px;
font-weight:normal;
background-color:#E88E09;
color:#fff;
padding:2px 5px;
vertical-align:4px;
margin-left:5px;
}

.dataTable2 .first_line td .leaf_closed{font-size:13px;
font-weight:normal;
background-color:#59cdff;
color:#fff;
padding:2px 5px;
vertical-align:4px;
margin-left:5px;
}
.dataTable2 .first_line td .entryDate{font-size:12px;color:#333;}
.dataTable2 .first_line td .entryDate span{display:block;}
.dataTable2 .first_line .idNum{margin-top:-5px;margin-right:-5px;margin-bottom:10px;font-size:12px;color:#333;}
.dataTable2 .first_line .idNum .idBgColor{
background-color:#D4EEE7;
display:inline-block;
padding:2px 5px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.c_change .dataTable2 .first_line .idNum .idBgColor{
background-color:#FEF7EC;
display:inline-block;
padding:2px 5px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.dataTableOpen{border:1px solid #ccc;width:820px;font-size:12px;}
.dataTableOpen th,
.dataTableOpen td{padding:4px;border-bottom:1px solid #ccc;border-right:1px solid #ccc;word-break:break-all;word-wrap:break-word;}
.dataTableOpen th{font-weight:normal;background-color:#F2DEDE;padding-top:7px;text-align:center;}
.dataTableOpen .th_color2 th{font-weight:normal;background-color:#F2DEDE;padding-top:7px;}
.dataTableOpen th img{vertical-align:-2px;margin-right:5px;}
.dataTableOpen .first_line td span.day{font-size:30px;font-weight:bold;color:#3C9D96;}
.dataTableOpen .first_line td span.day2{font-size:15px;font-weight:bold;color:#3C9D96;}
.dataTableOpen .first_line p{font-size:14px;color:#666;line-height:150%;}
.dataTableOpen .first_line td .curri_name{font-size:25px;font-weight:bold;}
.dataTableOpen .first_line td .leaf_convene{font-size:13px;
font-weight:normal;
background-color:#EDD60E;
color:#000;
padding:2px 5px;
vertical-align:4px;
margin-left:5px;
}

.dataTableOpen .first_line td .leaf_inOut{font-size:13px;
font-weight:normal;
background-color:#E88E09;
color:#fff;
padding:2px 5px;
vertical-align:4px;
margin-left:5px;
}

.dataTableOpen .first_line td .leaf_closed{font-size:13px;
font-weight:normal;
background-color:#59cdff;
color:#fff;
padding:2px 5px;
vertical-align:4px;
margin-left:5px;
}
.dataTableOpen .first_line td .entryDate{font-size:12px;color:#333;}
.dataTableOpen .first_line td .entryDate span{display:block;}
.dataTableOpen .first_line .idNum{margin-top:-5px;margin-right:-5px;margin-bottom:10px;font-size:12px;color:#333;}
.dataTableOpen .first_line .idNum .idBgColor{
background-color:#F2DEDE;
display:inline-block;
padding:2px 5px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

.c_change .dataTableOpen .first_line .idNum .idBgColor{
background-color:#F2DEDE;
display:inline-block;
padding:2px 5px;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;
}

table .data_bar td{background-color:#F8E1BE;}
table .choiceBtn p{display:inline-block;}
table .choiceBtn p .fr{padding-top:6px;}
.ie6 table .choiceBtn p .fr{padding-top:6px;margin-left:-5px;}

table .choiceBtn p .fl{margin-right:3px;width:85px;}

/* 2015 SYSEVO マイナンバー対応START*/
table .choiceBtn p .fl2 {
	margin-right: 3px;
	width: 60px;
}
/* 2015 SYSEVO マイナンバー対応END*/

.ie6 table .choiceBtn p .fr,
.ie7 table .choiceBtn p .fr{font-size:11px;letter-spacing:-1px;}

.ie6 table .choiceBtn p .fl,
.ie7 table .choiceBtn p .fl{margin-right:0px;width:55px;}

.ie6 table .choiceBtn p,
.ie7 table .choiceBtn p{
display:inline-block;
*display:inline;
*zoom:1;
width:165px;
}

table .q_text p{margin-bottom:5px;}

table .pdf_dl a:hover img{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

.dataTable2 td.mark{
padding:0;
width:35px;
vertical-align:top;
border-right:none;
background-color:#E1F3EE;
}
.dataTable2 td.mark + td{
vertical-align:top;
padding-top:8px;
width:100px;
font-weight:bold;
background-color:#E1F3EE;
}
.dataTable2 td.title{
background-color:#E1F3EE;
}

.c_change .dataTable2 td.mark{
padding:0;
width:35px;
vertical-align:top;
border-right:none;
background-color:#FEF7EC;
}
.c_change .dataTable2 td.mark + td{
vertical-align:top;
padding-top:8px;
width:85px;
font-weight:bold;
background-color:#FEF7EC;
}
.c_change .dataTable2 td.title{
/*vertical-align:top;
padding-top:8px;
width:85px;*/
background-color:#FEF7EC;
}

.c_change .dataTable2 td.mark2{
background-color:#FEF7EC;
font-weight:bold;
}

/* 印刷　研修情報,etc */
.dataPrint .dataTable2{
border:1px solid #000;
width:1124px;
font-size:30px;
line-height:35px;
}

.dataPrint .dataTable2 td{
border-bottom-color:#000;
border-right-color:#000;
vertical-align:top;
padding-top:10px;
padding-bottom:10px;
}

.dataPrint .dataTable2 td.stamp{
padding:0;
width:60px;
vertical-align:top;
border-right:none;
}

.dataPrint .dataTable2 td.headline{
text-align:center;
background-color:#ccc;
}

.dataPrint .dataTable2 .tac{
text-align:center;
text-align:-moz-center;
text-align:-webkit-center;
}

.dataTable2 td .g_map{/*width:237px;*/height:307px;text-align:center;}
.tc_l,
.tc_r{display:table-cell;vertical-align:middle;}
.tc_r{padding-left:57px;}

/* 公開／非公開 */
.dataTable2 td span.publish_mark{
	font-size: 13px;
	font-weight: normal;
	background-color:#ff99cc;
	color: #fff;
	padding: 2px 5px;
}
.dataTable2 td span.closed_mark{
	font-size: 13px;
	font-weight: normal;
	background-color:#59cdff;
	color: #fff;
	padding: 2px 5px;
}

.ie6 .tc_l,
.ie7 .tc_l{float:left;position:relative;top:18px;}

.ie6 .tc_r,
.ie7 .tc_r{float:right;}

.dataTableOpen td.mark{
padding:0;
width:35px;
vertical-align:top;
border-right:none;
background-color:#F2DEDE;
}
.dataTableOpen td.mark + td{
vertical-align:top;
padding-top:8px;
width:85px;
font-weight:bold;
background-color:#F2DEDE;
}

.c_change .dataTableOpen td.mark{
padding:0;
width:35px;
vertical-align:top;
border-right:none;
background-color:#F2DEDE;
}
.c_change .dataTableOpen td.mark + td{
vertical-align:top;
padding-top:8px;
width:85px;
background-color:#F2DEDE;
}

.c_change .dataTableOpen td.mark2{
background-color:#F2DEDE;
font-weight:bold;
}

/* 印刷　研修情報,etc */
.dataPrint .dataTableOpen{
border:1px solid #000;
width:1124px;
font-size:30px;
line-height:35px;
}

.dataPrint .dataTableOpen td{
border-bottom-color:#000;
border-right-color:#000;
vertical-align:top;
padding-top:10px;
padding-bottom:10px;
}

.dataPrint .dataTableOpen td.stamp{
padding:0;
width:60px;
vertical-align:top;
border-right:none;
}

.dataPrint .dataTableOpen td.headline{
text-align:center;
background-color:#ccc;
}

.dataPrint .dataTableOpen .tac{
text-align:center;
text-align:-moz-center;
text-align:-webkit-center;
}

.dataTableOpen td .g_map{/*width:237px;*/height:307px;text-align:center;}

/*  研修概要  受講者一覧(申込状況)  受講状況更新  変更理由   */
.ie7 .traininguserreasonwidth{ width:165px;}

/*  受講者用 研修検索・申込  研修申込 申込理由   */
.ie7 #CompanyTrainingsConfirmDiaForm #memo{ width:330px; }

/* アンケート */
.ie6 #enq_box form label input{width:15px;}
#enq_box{width:820px;border:3px solid #ccc;font-size:12px;}
#enq_box .enq_title{border-bottom:1px solid #ccc;font-weight:bold;}
#enq_box .enq_title span{font-weight:normal;font-size:12px;}
#enq_box p{padding:10px;margin-bottom:10px;}
#enq_box label{display:inline;}
#enq_box .enq_bar{background-color:#D1F1E2;}
#enq_box form{padding: 10px;}
#enq_box form input{margin-right: 5px; vertical-align: -2px;}
#enq_box form label{font-size: 12px; width: 200px;}
#enq_box form .text_input{width: 700px; height: 202px; margin-left: 20px;}
#enq_box textarea {font-size: 12px;}
#enq_box p.desc{
	width: 700px;
	height: auto;
	margin-top: 2px;
	margin-bottom: -20px;
	border: 1px solid #ccc;
	overflow-y: auto;
	color: #ff0000;
}
#enq_box div.desc_box{
	clear: left;
	margin-bottom: 10px;
}
#enq_box textarea.corr_desc_input{width: 300px; height: 280px; float: right;}
#enq_box textarea.corr_desc_input_list{width: 300px; height: 280px;}
#enq_box textarea.corr_content_input{width: 381px; height: 280px; margin-top: 20px;}

#enq_box div.corr_desc{width: 300px; height: 302px; float: right; margin-left: 10px;}

#enq_box div.corr_box{
	margin-left: 10px;
	margin-bottom: 30px;
	margin-top: -40px;
}
#enq_box div.desc_box{
	clear:left;
	margin-bottom: 30px;
}

/* アンケート_管理者画面 */
#enq_box_admin{width:820px;border:3px solid #96D5C5;font-size:12px;}
#enq_box_admin .enq_title{
background-image:url("../img/picon_quest.gif");
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #96D5C5;
font-weight:bold;
}
#enq_box_admin .enq_title p.fl{padding:8px 0 7px 40px;}
.chrome #enq_box_admin .enq_title p.fl{padding:8px 0 8px 40px;}
#enq_box_admin .enq_title p.fr{padding:8px 10px 7px;}
.chrome #enq_box_admin .enq_title p.fr{padding:8px 10px 8px;}
#enq_box_admin .enq_title span{font-weight:normal;font-size:12px;}
#enq_box_admin p{padding:10px;margin-bottom:10px;}
#enq_box_admin .enq_container{padding:20px;}
#enq_box_admin .enq_container .publish_mark{padding:0;}
#enq_box_admin .enq_container .publish_mark span{
font-size: 13px;
font-weight: normal;
background-color:#ff99cc;
color: #fff;
padding: 2px 5px;
vertical-align: 4px;
margin-left: 5px;
}
#enq_box_admin .enq_container .closed_mark{padding:0;}
#enq_box_admin .enq_container .closed_mark span{
font-size: 13px;
font-weight: normal;
background-color:#59cdff;
color: #fff;
padding: 2px 5px;
vertical-align: 4px;
margin-left: 5px;
}

.dataTable3{border:3px solid #ccc;width:775px;}
.dataTable3 th{
padding:5px;
border:1px solid #ccc;
background-color:#D4EEE7;
text-align:center;
font-weight:normal;
line-height:120%;
text-align:center;
}

.dataTable3 .th_color3 th{font-weight:normal;background-color:#E9F6F3;padding-top:7px;}

.dataTable3 td{padding:5px;border-bottom:1px solid #ccc;word-break:break-all;word-wrap:break-word;}
.dataTable3 .bb_none{border-bottom:none;}

.dataTable3 tr.line td{border:1px solid #ccc;}
#enq_box_admin .dataTable3 td.result p{margin:0;}
.dataTable3 td.result span{
display:inline-block;
padding:0 5px;
background-color:#72C7B1;
width:50px;
color:#fff;
margin-top:30px;
}


#enq_box_admin .enq_bar{background-color:#D1F1E2;}
#enq_box_admin form{padding:10px;}
#enq_box_admin form input{margin-right:5px;vertical-align:-2px;}
#enq_box_admin form label{font-size:12px;width:200px;}

.ie6 #enq_box_admin form label input{width:15px;}

/* 利用者 */

.dataTable4{width:820px;border:1px solid #ccc;}
.dataTable4 td.title{
	background-color:#FEF7EC;
	font-weight:bold;
}
.dataTable4 td.title label{
	font-weight:bold;
}
.dataTable4 td.title_green{
	background-color:#E9F6F3;
	font-weight:bold;
}
.dataTable4 td{
	padding:2px 0 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.required{
	background-image:url(../img/asterisk.png);
	background-repeat:no-repeat;
	background-position:3px;
}

.sidehead .dataTable4{width:820px;border:1px solid #ccc;}
.sidehead .dataTable4 th,
.sidehead .dataTable4 td{
	padding:4px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	word-break:break-all;
	word-wrap:break-word;
}
.sidehead .dataTable4 th{
	background-color:#FEF7EC;
	font-weight:bold;
}

/* メール作成 */
.mailBox{border:5px solid #D1F1E2;width:648px;padding:5px 10px 10px;letter-spacing:0;}
.mailBox2{border:1px solid #ccc;width:448px;padding:5px 10px 10px;letter-spacing:0;}

.mailBox p,
.mailBox2 p{
font-size:12px;
color:#777;
border-bottom:1px dotted #777;
margin-bottom:3px;
padding-bottom:3px;
}
.mailBox span,
.mailBox2 span{margin-left:0;word-break: break-all;}
.mailBox span.span_l,
.mailBox2 span.span_l{width:35px;}
.mailBox span.wardbreak,
.mailBox2 span.wardbreak{word-break: break-all;word-wrap: break-word;}

.mail_contents{border:5px solid #ccc;padding:4px;}
.mail_contents textarea{font-size:12px;color:#333;}

.mb_caption{background-color:#D1F1E2;padding:3px;font-size:12px;margin-bottom:3px;}

/* メールテンプレート　置換文字 */
.ie7 #helpbox input{ width:90%; }

#helpbox input{
	width:100%;
	border-width:0;
	background-color:transparent;
	font-size:12px;
	padding-left:0;
	padding-right:0;
	cursor:default;
}

/* 2013/11/06 会場管理ページ */
.solo_box{margin-bottom:20px;}
.solo_box label{
display:inline-block;
font-size:12px;
width:67px;
height:42px;
vertical-align:top;
padding:3px 8px;
background-color:#E9F6F3;
}
#base .solo_box textarea{width:162px;height:40px;}

/*■ #right -------------------------------------------------*/

/* ***** ▼FAQ▼ ***** */
#right #r_faq_container{
z-index:10;
background-color:#D1F1E2;
margin-top:-20px;
position:relative;
margin-bottom:30px;
}

.ie6 #right,
.ie6 #right #r_faq_container{height:1%;zoom:1;}


#right .rf_title{
margin:0 10px 10px;
padding-top:10px;
color:#447F72;
}

.ie6 #right .rf_title,
.ie7 #right .rf_title{padding-bottom:10px;}


#right .open{
cursor:pointer;
position:absolute;
bottom:0;
right:23px;
}

/*.ie6 #right .open{top:305px;}*/

#right .r_faq{
background-color:#F2FBF3;
margin:0 10px 10px;
padding-bottom:20px;
zoom:1;
}

#right .r_faq .faq_contents p{
margin:0 15px 5px;
padding-left:9px;
word-break:break-all;
word-wrap:break-word;
}

#right .r_faq .faq_contents p.accordion_head{
cursor:pointer;
color:#2C9060;
text-decoration:underline;
text-indent:-9px;
padding-left:9px;
}

#right .r_faq_tag{
font-weight:bold;
color:#fff;
width: 55px;
height: 55px;
background-color: #72C7B1;
text-align:center;
display:table-cell;
vertical-align:middle;
}
#right .r_faq .r_faq_tag2{font-weight:bold;
display:table-cell;
vertical-align:middle;
padding-left:15px;
text-indent:0;
}

.ie6 #right .r_faq_tag,
.ie7 #right .r_faq_tag{float:left;padding-top:15px;height:35px;}

.ie6 #right .r_faq_tag2,
.ie7 #right .r_faq_tag2{float:left;padding-top:15px;}

/* ***** ▼受講可能な研修一覧▼ ***** */
#right #lineupList_container{background-color:#E1F3EE;padding:10px;position:relative;}

#right #lineupList_container .lineupList{background-color:#F2FBF3;font-size:12px;}
#right #lineupList_container .lineupList .contents{padding:10px;position:relative;border-bottom:1px solid #DAE4E7;word-break:break-all;word-wrap:break-word;}
#right #lineupList_container .lineupList .contents:nth-last-child(1){border-bottom:none;}
#right #lineupList_container .lineupList a{color:#333;}
#right #lineupList_container .lineupList p.date{color:#447F72;}
#right #lineupList_container .lineupList p.date span{color:#E88E09;margin-left:10px;}
#right #lineupList_container .lineupList .lineup_tag{
position:absolute;
top:0;right:0;
background-color:#E88E09;
color:#fff;
padding:0 5px;
}

.ie6 #right #lineupList_container .lineupList .contents{width:262px;}

.lineupList_open{cursor:pointer;position:absolute;bottom:0;right:23px;}

/* ***** ▼開催予定の研修一覧▼ ***** */
#right .r_searchBox{margin-bottom:5px;}
#right .r_searchBox p{font-size:12px;}
#right span.search_more{
display:inline-block;
font-size:12px;
color:#fff;
}
#right span.search_more a{
color:#fff;
text-decoration:none;
display:block;
background-color:#72C7B1;
padding:0 5px;
}

.ie8 #right span.search_more a{width:120px;}
.ie6 #right span.search_more a{padding:3px;}
.ie6 #right span.search_more a,
.ie7 #right span.search_more a{margin-left:5px;}

#right span.search_more a:hover{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}
#right #lineupList_container .lineupList .lineup_tag_orange{
position:absolute;
top:10px;
right:10px;
background-color:#E88E09;
color:#fff;
padding:0 5px;
}
#right #lineupList_container .lineupList .lineup_tag_green{
position:absolute;
top:10px;
right:10px;
background-color:#72C7B1;
color:#fff;
padding:0 5px;
}


/*▼ 印刷ボタン*/



/*■ FOOTER -------------------------------------------------*/

div#footer {margin:0px;}

div#footer {font-size:12px;}
div#footer a{color:#000;}

div#footer p#gotop {text-align:right;}

#footer p {
	font-size: 12px;
margin-bottom: 30px;
text-align: center;
}


/*■ ページネイト---------------------------------*/



/*■ 並べ替え -------------------------------------------------*/


/*■ テーブル共通 -------------------------------------------------*/



/*■ ボタン -------------------------------------------------*/



/*■ Errors -------------------------------------------------*/
/** Notices and Errors **/
#flashMessage {clear: both;
	color: #FF0000;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #fff;
}
#flashMessageSuccess {clear: both;
	color: #00008A;
	font-size: 140%;
	font-weight: bold;
	margin-bottom: 10px;
	background-color: #fff;
}
/*div.message {clear: both;
 color: #fff;
 font-size: 140%;
 font-weight: bold;
 margin: 0 0 1em 0;
 background: #c73e14;
 padding: 5px;
}*/
div.error-message {clear: both;
	color: #fff;
	font-weight: bold;
	background-color: #DD0000;
	padding-left: 18px;
	background-image: url(../img/exclamation_red.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
}

/*■ COMMON PARTS ---------------------------------------------*/

.fl{float:left;}
.fr{float:right;}
.fn{float:none;}
.fc{clear: both;}

.clr{clear:both;
display:block;
font-size:1px;
margin:0 0 -1px;
padding:0;
height:1px;}

.ar{text-align:right;}
.ac{text-align:center;}
.al{text-align:left;}

.vat{vertical-align:top;}
.vam{vertical-align:middle;}
.vab{vertical-align:bottom;}
.va3{vertical-align:3px;}

.lh100{line-height:1em;}
.lh130{line-height:1.3em;}
.lh150{line-height:1.5em;}
.lh170{line-height:1.7em;}

.m0{margin:0px !important;}
.m2{margin:2px !important;}
.m5{margin:5px !important;}
.m10{margin:10px !important;}
.m15{margin:15px !important;}
.m20{margin:20px !important;}
.m30{margin:30px !important;}
.m40{margin:40px !important;}
.m50{margin:50px !important;}

.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt8{margin-top:8px !important;}
.mt10{margin-top:10px !important;}
.mt15{margin-top:15px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}

.ml0{margin-left:0px !important;}
.ml1{margin-left:1px !important;}
.ml5{margin-left:5px !important;}
.ml10{margin-left:10px !important;}
.ml15{margin-left:15px !important;}
.ml20{margin-left:20px !important;}
.ml30{margin-left:30px !important;}
.ml40{margin-left:40px !important;}
.ml50{margin-left:50px !important;}
.ml60{margin-left:60px !important;}
.ml70{margin-left:70px !important;}
.ml80{margin-left:80px !important;}

.mr0{margin-right:0px !important;}
.mr3{margin-right:3px !important;}
.mr5{margin-right:5px !important;}
.mr10{margin-right:10px !important;}
.mr15{margin-right:15px !important;}
.mr20{margin-right:20px !important;}
.mr30{margin-right:30px !important;}
.mr40{margin-right:40px !important;}
.mr50{margin-right:50px !important;}

.mb0{margin-bottom:0px !important;}
.mb3{margin-bottom:3px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb15{margin-bottom:15px !important;}
.mb20{margin-bottom:20px !important;}
.mb30{margin-bottom:30px !important;}
.mb40{margin-bottom:40px !important;}
.mb50{margin-bottom:50px !important;}
.mb100{margin-bottom:100px !important;}
.mb150{margin-bottom:150px !important;}

.p0{padding:0px   !important;}
.p5{padding:5px   !important;}
.p10{padding:10px !important;}
.p15{padding:15px !important;}
.p20{padding:20px !important;}
.p30{padding:30px !important;}

.pt0{padding-top:0px !important;}
.pt3{padding-top:3px !important;}
.pt5{padding-top:5px !important;}
.pt10{padding-top:10px !important;}
.pt15{padding-top:15px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt50{padding-top:50px !important;}

.pl0{padding-left:0px !important;}
.pl5{padding-left:5px !important;}
.pl10{padding-left:10px !important;}
.pl15{padding-left:15px !important;}
.pl20{padding-left:20px !important;}
.pl30{padding-left:30px !important;}

.pr0{padding-right:0px !important;}
.pr5{padding-right:5px !important;}
.pr10{padding-right:10px !important;}
.pr15{padding-right:15px !important;}
.pr20{padding-right:20px !important;}
.pr30{padding-right:30px !important;}

.pb0{padding-bottom:0px !important;}
.pb3{padding-bottom:3px !important;}
.pb5{padding-bottom:5px !important;}
.pb10{padding-bottom:10px !important;}
.pb15{padding-bottom:15px !important;}
.pb20{padding-bottom:20px !important;}
.pb30{padding-bottom:30px !important;}

.w20{width:20px; !important;}
.w30{width:30px; !important;}
.w40{width:40px; !important;}
.w50{width:50px; !important;}
.w60{width:60px; !important;}
.w70{width:70px; !important;}
.w80{width:80px; !important;}
.w90{width:90px; !important;}
.w100{width:100px; !important;}
.w110{width:110px; !important;}
.w120{width:120px; !important;}
.w130{width:130px; !important;}
.w140{width:140px; !important;}
.w150{width:150px; !important;}
.w160{width:160px; !important;}
.w170{width:170px; !important;}
.w180{width:180px; !important;}
.w190{width:190px; !important;}
.w200{width:200px; !important;}
.w210{width:210px; !important;}
.w220{width:220px; !important;}
.w230{width:230px; !important;}
.w240{width:240px; !important;}
.w250{width:250px; !important;}
.w260{width:260px; !important;}
.w270{width:270px; !important;}
.w280{width:280px; !important;}
.w290{width:290px; !important;}
.w300{width:300px; !important;}
.w310{width:310px; !important;}
.w320{width:320px; !important;}
.w330{width:330px; !important;}
.w340{width:340px; !important;}
.w350{width:350px; !important;}
.w360{width:360px; !important;}
.w370{width:370px; !important;}
.w380{width:380px; !important;}
.w390{width:390px; !important;}
.w400{width:400px; !important;}
.w410{width:410px; !important;}
.w420{width:420px; !important;}
.w430{width:430px; !important;}
.w440{width:440px; !important;}
.w450{width:450px; !important;}
.w460{width:460px; !important;}
.w470{width:470px; !important;}
.w480{width:480px; !important;}
.w490{width:490px; !important;}
.w500{width:500px; !important;}
.w580{width:580px; !important;}
.w600{width:600px; !important;}
/*2015 SYSEVO START */
.w750{width:750px; !important;}
/*2015 SYSEV OEND */
.w804{width:804px; !important;} /* banzai member_search.html accordionTable */
.w820{width:820px; !important;} /* banzai training_application datatable3 */
.w1126{width:1126px; !important;}
.w1300{width:1300px; !important;}

.h20{height:20px;}
.h350{height:350px;}

.nolink{pointer-events:none;}

.fb{font-weight:bold !important;}
.fs12{font-size:12px;}
.fs20{font-size:20px;}
.bgColor_none{background-color:transparent !important;}
.br_1sc{border-right:1px solid #ccc;}

/* 2015マイナンバー対応START*/
.br_1sq {
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #ccc;
	border-top-style: hidden;
}
/* 2015マイナンバー対応END*/

.b_1sb{border:1px solid #000;}
.display_ib{
display:inline-block;
*display: inline;
*zoom: 1;
}
.br_none{border-right:none !important;}
.bb_none{border-bottom:none !important;}

.mark_red{
	color:red;
	font-size:10px;
	font-weight: bold;
}
.mark_midium_red{
	color:red;
	font-size:12px;
	font-weight: bold;
}
/* 2015 SYSEVO START*/
.mark_big_red{
	color:red;
	font-size:20px;
	font-weight: bold;
	text-align: right;
}
/* 2015 SYSEVO END*/
.inhouse{ /* orange-box */
background-color:#E88E09;
color:#fff;
padding:3px;
}

.opensmnr{ /* green-box */
background-color:#72C7B1;
color:#fff;
padding:3px;
}

.discontinue{ /* cancel */
background-color:#EDD60E;
color:#000;
padding:3px;
}
.opensmnr{ /* green-box */
background-color:#72C7B1;
color:#fff;
padding:3px;
}

/* 受講済み判定課題・動画用、必須回答(視聴)用マーク */
.essential_mark_com{
font-size: 11px;
background-color:#2e8b57;
color:#fff;
padding:3px;
}
.ui-corner-all .ui-state-focus{ /* autocomplete-backcolor banzai 2013/12/12 */
	border: 1px solid #999999;
	background: #dadada url(../img/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}

.mandatory {color:#FF0000;}

input.ime_a,textarea.ime_a{
	ime-mode:active;
}

input.ime_i,textarea.ime_i{
	ime-mode:inactive;
}

input.ime_d,textarea.ime_d{
	ime-mode:disabled;
}

/* 格納資料_管理者画面 */
/*
#upload_file_admin{width:820px;border:3px solid #96D5C5;font-size:12px;}
#upload_file_admin .file_title{
background-image:url("../img/icon_file.png");
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #96D5C5;
font-weight:bold;
}
#upload_file_admin .file_title p.fl{padding:8px 0 7px 40px;}
.chrome #enq_box_admin .file_title p.fl{padding:8px 0 8px 40px;}
#upload_file_admin .file_title p.fr{padding:5px 10px 7px;}
.chrome #enq_box_admin .file_title p.fr{padding:8px 10px 8px;}
#upload_file_admin .file_title span{font-weight:normal;font-size:12px;}
#upload_file_admin p{padding:10px;margin-bottom:10px;}
#upload_file_admin .file_container{padding:20px;}
#upload_file_admin .file_container .publish_mark{padding:0;}
#upload_file_admin .file_container .publish_mark span{
font-size: 13px;
font-weight: normal;
background-color:#ff99cc;
color: #fff;
padding: 2px 5px;
vertical-align: 4px;
margin-left: 5px;
}
#upload_file_admin .file_container .closed_mark{padding:0;}
#upload_file_admin .file_container .closed_mark span{
font-size: 13px;
font-weight: normal;
background-color:#59cdff;
color: #fff;
padding: 2px 5px;
vertical-align: 4px;
margin-left: 5px;
}
*/
.dataTable5{border:2px solid #ccc;width:775px;}
.dataTable5 th{
padding:5px;
border:1px solid #ccc;
background-color:#D4EEE7;
text-align:center;
font-weight:normal;
line-height:120%;
text-align:center;
}

.dataTable5 .th_color3 th{font-weight:normal;background-color:#D1F1E2;padding-top:7px;}

.dataTable5 td{
	padding:5px;
	border-bottom:1px solid #ccc;
	word-break:break-all;
	word-wrap:break-word;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.dataTable5 .bb_none{border-bottom:none;}

.dataTable5 tr.line td{border:1px solid #ccc;}
#upload_file_admin .dataTable5 td.result p{margin:0;}
.dataTable5 td.result span{
display:inline-block;
padding:0 5px;
background-color:#72C7B1;
width:50px;
color:#fff;
margin-top:30px;
}

/*
#upload_file_admin .file_bar{background-color:#D1F1E2;}
#upload_file_admin form{padding:10px;}
#upload_file_admin form input{margin-right:5px;vertical-align:-2px;}
#upload_file_admin form label{font-size:12px;width:200px;}

.ie6 #upload_file_admin form label input{width:15px;}
*/
.file_table {
	width: 170px; /* テーブルの横幅 */
	height: 180px;
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #c3d69b solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	background-color: #FFFFFF; /* 背景色 */
}

.file_table TD {
	border: 1px #c3d69b solid; /* セルの枠線（太さ・色・スタイル） */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
    /*white-space: nowrap;横幅のMAXに達しても改行しない */
	overflow: hidden; /* ハミ出した部分を隠す */
	text-overflow: ellipsis; /* 「…」と省略 */
	border-bottom:0px;
}

.file_table2 {
	width: 170px; /* テーブルの横幅 */
	height: 220px;
	border-collapse: collapse; /* 枠線の表示方法 */
	border: 1px #c3d69b solid; /* テーブル全体の枠線（太さ・色・スタイル） */
	background-color: #FFFFFF; /* 背景色 */
}

.file_table2 TD {
	border: 1px #c3d69b solid; /* セルの枠線（太さ・色・スタイル） */
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	/*white-space: nowrap; 横幅のMAXに達しても改行しない */
	overflow: hidden; /* ハミ出した部分を隠す */
	text-overflow: ellipsis; /* 「…」と省略 */
	border-bottom:0px;
}
/* 2015 SYSEVO START*/
/* 目標評価シート内容画面 */
.dataTable6{
	/*border:2px solid #ccc;*/
	width:1120px;
	max-width:none;
}
.dataTable6 th{
	font-size:13px;
	padding:5px;
	border-bottom:1px solid #ccc;
	word-break:break-all;
	word-wrap:break-word;
	padding-top: 7px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #d1f1e2; /* 背景色 */
	border:1px solid #ccc;
	text-align:center;
	font-weight:normal;
/*padding:5px;
border:1px solid #ccc;
background-color:#D4EEE7;
text-align:center;
font-weight:normal;
line-height:120%;*/
}
.dataTable6 th.gray{
	background-color:#F5F5F5 ;
}
.dataTable6 th.green{
	background-color:#00FA9A;
}
.dataTable6 th.pale_yellow{
	background-color:#FFFF99;
}
.dataTable6 .th_color3 th{font-weight:normal;background-color:#D1F1E2;padding-top:7px;}

.dataTable6 td{
	font-size:13px;
	padding:5px;
	border-bottom:1px solid #ccc;
	word-break:break-all;
	word-wrap:break-word;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF; /* 背景色 */
	border:1px solid #ccc;
}

.dataTable6 td.beige{
	background-color:#e9f6f3;
}
.dataTable6 td.gray{
	background-color:#e9f6f3 ;
}
.dataTable6 td.green{
	background-color:#ffffff;
}
.dataTable6 td.pale_yellow{
	background-color:#FFFF99;
}
.dataTable6 .bb_none{border-bottom:none;}

.dataTable6 tr.line td{border:1px solid #ccc;}
/* 2015 SYSEVO END*/

/* 2015 SYSEVO START*/
/* 目標評価シート内容画面(利用者) */

.dataTable7{width:820px;border:1px solid #ccc;}
.dataTable7 td.title{
	background-color:#D4EEE7;
	font-weight:bold;
	width:140px;
	height:30px;
}
.dataTable7 td.bigLine{
	height:40px;
}
.dataTable7 td.title label{
	font-weight:bold;
}
.dataTable7 td.title_green{
	background-color:#E9F6F3;
	font-weight:bold;
}
.dataTable7 td{
	padding:2px 0 2px 5px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	font-size:12px;
}
.required{
	background-image:url(../img/asterisk.png);
	background-repeat:no-repeat;
	background-position:3px;
}

.dataTable7 td.mark{
padding:0;
width:35px;
border-right:none;

}
.dataTable7 td.mark + td{
vertical-align:top;
padding-top:8px;
width:85px;

}

.dataTable7 td.curri{
font-size:16px;
/* font-weight:bold;*/
padding:2px 0 2px 5px;
width:600px;
border-right:none;
}

.dataTable7 td.number{
text-align: right;
width:200px;
padding:1px;
}
/* 2015 SYSEVO END*/
.greenbackcolor { background:#e9f6f3; }
.orangeinputbackcolor { background:#FDF5E6; }
.div_evaluation_admin {
  border: 3px solid #96d5c5;
  width: 1126px;
  padding-top:5px;
}
.dataTable7 td span.publish_mark{
	font-size: 13px;
	font-weight: normal;
	background-color:#ff99cc;
	color: #fff;
	padding: 2px 5px;
	vertical-align: 4px;
	margin-left: 5px;
	margin-right: 5px;
}
.dataTable7 td span.closed_mark{
	font-size: 13px;
	font-weight: normal;
	background-color:#59cdff;
	color: #fff;
	padding: 2px 5px;
	vertical-align: 4px;
	margin-left: 5px;
	margin-right: 5px;
}


/* 2015 SYSEVO START ストレスチェック*/
.ml88{margin-left:-88px !important;}
.mr45{margin-right:-45px !important;}
.w114{width:110px; !important;}
.ml35{margin-left:-35px !important;}
.ml65{margin-left:-65px !important;}
.ml75{margin-left:-75px !important;}
.ml100{margin-left:-100px !important;}
.mr55{margin-right:-55px !important;}
.ml350{margin-left:350px !important;}
.stresschecktable {
  border: 0px #000080 solid;
  table-layout:fixed;
  text-align: center;
  font-weight:bold;
}
.stresschecktable td { border: 1px #000000 solid;width:85x;hight:200px;text-align: center;}
.stresschecktable td.gray{
	background-color:gray !important;
}
.stresschecktable th {font-weight:normal;font-size:10px;}

.th_title { border: 0px;}

.nl {border: 0px;width:300px;text-align:left;}
.nr {border: 0px;width:300px;text-align:right;padding-right:20px;font-weight:bold;}
#show_description p{text-indent:2em}

.dataTable8{
	font-size:12px;
	width:400px;
	border:2px solid #ccc;
	}
.dataTable8 .th_color8 th{
	font-weight:normal;
    background-color:#E9F6F3;
    padding-top:7px;}

.dataTable8 td{
	padding:5px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	word-break:break-all;
	word-wrap:break-word;
	}

.dataTable8 .bb_none{border-bottom:none;}

.dataTable8 tr.line td{border:1px solid #ccc;}
#enq_box_admin .dataTable8 td.result p{margin:0;}
.dataTable8 td.result span{
	display:inline-block;
	padding:0 5px;
	background-color:#72C7B1;
	width:50px;
	color:#fff;
	margin-top:30px;
}

.dataTable9{
	  float:left;
	  font-size:12px;
      width:300px;
      border:2px solid #ccc;
	}
.dataTable9 td{
	padding:2px 0 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.dataTable9 td.title{
	background-color:#FEF7EC;
	width:140px;
 	font-weight:bold;
 }

.dataTable10{
	  margin-left:30px;
	  float:left;
	  font-size:12px;
      width:300px;
      height:162px;
      border:2px solid #ccc;
	}
.dataTable10 td{
	padding:2px 0 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	width:168px;
}
.dataTable10 td.title{
	background-color:#FEF7EC;
	border-right:1px solid #ccc;
	width:130px;
	height:155px;
}


/*格納資料*/
.dataTable11{
	  margin-top:30px;
	  margin-left:30px;
	  float:left;
	  font-size:12px;
      width:602px;
      border:2px solid #ccc;
      border-right:0px;
	}
#dataTabletr11{
	padding:2px 0 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	with:600px;
	height:170px;
}
.dataTable11 td{
	padding:2px 0 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	with:150px;
	height:170px;
}
.dataTable11 td.title{
	background-color:#D4EEE7;
	font-weight:bold;
	width:130px;
	height:140px;
}
.dataTable11 td.title label{
	font-weight:bold;
}

 /* 対象者と回答状況 */
.dataTable12{
	white-space:nowrap !important;
	float:left;
	font-size:12px;
	border:2px solid #ccc;
}
.dataTable12 td{
	padding:2px 2px 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
}
.dataTable12 td.title{
	vertical-align: middle;
	background-color:#E9F6F3;
	font-size:15px;
	height:40px;
	padding-left:2px;
}



.dataTable14{
	width:820px;
	border:2px solid #ccc;
	margin-top:-40px;
	margin-bottom:10px;
	font-size:12px;
	}

.dataTable14 td.title{
	background-color:#FEF7EC;
	font-weight:bold;
}
.dataTable14 td.title label{
	font-weight:bold;
}
.dataTable14 td.title_green{
	background-color:#E9F6F3;
	font-weight:bold;
}
.dataTable14 td{
	padding:2px 0 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	border-right:2px solid #ccc;
}

.dataTable15{
	  white-space:nowrap !important;
	  float:left;
	  font-size:12px;
      width:1000px;
      border:2px solid #ccc;
      background-color:#ccc;
	}
.dataTable15 td{
	padding:2px 0 2px 15px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	width:100px;
}
.dataTable15 td.title{
	background-color:#E9F6F3;
	width:100px;
	height:40px;
}

/* ----------------------------------------------------------------------- */
/* 受検者_個人カルテと個人カルテ　*/
.infoTable1{
    width: 820px;
    font-size:12px;
    border-top:2px solid #ccc;
    border-left:2px solid #ccc;
    border-right:2px solid #ccc;
}
.infoTable1 td{
    height:30px;
}

.infoTable2{
    width: 820px;
    font-size:12px;
    border:2px solid #ccc;
}
.infoTable2 td{
    height:35px;
}
.infoTable2 td.title{
    width:100px;
    height:35px;
    text-align: center;
    background-color: #FEF7EC; /* 背景色 */
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
}

.question_table{
    width: 790px;
    font-size:12px;
    margin-bottom:20px;
    margin-left:5px;
}

.question_table td.title{
    height:30px;
    background-color: #E8FBF5; /* 背景色 */
}

.question_table td{
    height:20px;
}

.question_table td.radio label{
   font-size:12px !important;
}
.question_table td.radio{
	padding-left:0px !important;
}
.question_table td.radio div{
   padding-left:5px !important;
}

.result_table{
	text-align: center;
	width:857px;
	font-size:12px;
	border-left: 0px;
	border-top: 0px;
	border-right:2px solid #ccc;
}
.result_table tr.bgb{
	background-color:#E8FBF5;
}
.result_table td.title{
	height:25px;
	font-weight:bold;
}
.result_table td.bt2{
	border-top:2px solid #ccc;
}
.result_table td.bl2{
	border-left:2px solid #ccc;
}
.result_table td.brn{
	border-right:none;
}
.result_table td{
	height:25px;
	width:100px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
}
.infoTable{
  font-size:12px;
  width:820px;
  border:2px solid #ccc;
  margin-bottom:10px;
}
.infoTable td{
  height:35px;
  border-bottom:1px solid #ccc;
}
.infoTable td.title{
	width:140px;
	height:35px;
	background-color: #FEF7EC;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding-left:15px;
}

table.tablesorter thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.tablesorter thead tr .headerSortUp {
	background-image: url(../img/arrow_down.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(../img/arrow_up.gif);
}

/* 点数検索 */
.pointTable{
	white-space:nowrap !important;
	float:left;
	font-size:12px;
	width:770px;
	border:2px solid #ccc;
}
.pointTable td{
	padding:2px 0 2px 15px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	height:40px;
}
.pointTable td.title{
	background-color:#E9F6F3;
	height:40px;
	text-align:center;
}

/* 面談状況 */
.interviewTable{
	white-space:nowrap !important;
	float:left;
	font-size:12px;
	width:350px;
	border:2px solid #ccc;
	table-layout:fixed;
}
.interviewTable td{
	padding:2px 0 2px 0px;
	word-break:break-all;
	word-wrap:break-word;
	border-bottom:1px solid #ccc;
	width:90px;
	height:45px;
}
.interviewTable td.title{
	text-align: center;
	background-color:#E9F6F3;
	width:90px;
	word-break:break-all;
	word-wrap:break-word;
}

/* ------------------------------------------------------------------------- */
/* 2015 SYSEVO END */


/* 子研修_管理者画面 */
/*
#child_box_admin{width:1136px;border:3px solid #96D5C5;font-size:12px;}
#child_box_admin .child_title{
background-image:url("../img/picon_seminar.gif");
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #96D5C5;
font-weight:bold;
}
#child_box_admin .child_title p.fl{padding:8px 0 7px 40px;}
.chrome #child_box_admin .child_title p.fl{padding:8px 0 8px 40px;}
#child_box_admin .child_title p.fr{padding:8px 10px 7px;}
.chrome #child_box_admin .child_title p.fr{padding:8px 10px 8px;}
#child_box_admin .child_title span{font-weight:normal;font-size:12px;}
#child_box_admin .child_title p{padding:10px;margin-bottom:10px;}
*/
.tagbutton{
     font: bold 11px/normal Helvetica;
     padding: 2px 8px;
     margin: 1px 1px;
     border-radius:5px 3px 5px 6px;
     border: 2px solid rgb(255, 255, 255);
     border-image: none;
     color: rgb(255, 255, 255);
     font-size-adjust: none;
     font-stretch: normal;
     box-shadow: 0px 0px 4px #8c878c;
     white-space: nowrap;
}
#tag_div{
	padding:20px,20px;
	margin:20px,20px;
}
.line_div{
    width:300px;
    margin:2px 2px;
    padding:2px 2px;
}

/* 動画再生 */

#video_box {margin: 0px auto;width:auto;border: 3px solid #ccc;font-size: 12px;}
.video_attention li {margin-left: 1em; list-style: none;}
.video_attention li:before {margin-right: 0.5em; content: '■';}
.video_attention li li {margin-left: 2em; list-style: inherit;}
.video_attention li li:before {margin :0; content: '';}


.ie6 #video_box form label input{width:15px;}
#video_box{border:3px solid #ccc;font-size:12px;}
#video_box .video_title{border-bottom:1px solid #ccc;font-weight:bold;}
#video_box .video_title span{font-weight:normal;font-size:12px;}
#video_box p{padding:10px;margin-bottom:10px;}
#video_box label{display:inline;}

#video_box .v_b_container{margin: 10px;}
#video_box .video_bar{background-color:#D1F1E2;}

#video_box form{padding:10px;}
#video_box form input{margin-right:5px;vertical-align:-2px;}
#video_box form label{font-size:12px;width:200px;}
#video_box form .text_input{width: 700px; height: 202px;margin-left: 20px}
#video_box textarea {font-size:12px;}
#video_box p.desc{
	width:700px;
	height:90px;
	margin-top: 2px;
	margin-bottom: -20px;
	border:1px solid ;
	overflow-y: scroll;
	border-color:#ccc;
	color: #ff0000;
}
#video_box div.desc_box{
	clear:left;
	margin-bottom: 10px;
}
#video_box textarea.corr_desc_input{width: 300px; height: 280px; float:right }
#video_box textarea.corr_desc_input_list{width:300px;height:280px;}
#video_box textarea.corr_content_input{width:381px;height:280px;margin-top: 20px;}

#video_box div.corr_desc{width:300px;height:302px;float:right;margin-left: 10px;}

#video_box div.corr_box{
	margin-left:10px;
	margin-bottom:0px;
	margin-top:-40px;
}
#video_box div.desc_box{
	/*clear:left;*/
	margin-bottom: 30px;
}

/*
#video_box_admin{width:820px;border:3px solid #96D5C5;font-size:12px;}
#video_box_admin .video_title{
background-image:url("../img/picon_display.png");
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px solid #96D5C5;
font-weight:bold;
}
#video_box_admin .video_title p.fl{padding:8px 0 7px 40px;}
.chrome #video_box_admin .video_title p.fl{padding:8px 0 8px 40px;}
#video_box_admin .video_title p.fr{padding:8px 10px 7px;}
.chrome #video_box_admin .video_title p.fr{padding:8px 10px 8px;}
#video_box_admin .video_title span{font-weight:normal;font-size:12px;}
#video_box_admin p{padding:10px;margin-bottom:10px;}
#video_box_admin .video_container{padding:20px;}
#video_box_admin .video_container .publish_mark{padding:0;}
#video_box_admin .video_container .publish_mark span{
font-size: 13px;
font-weight: normal;
background-color:#ff99cc;
color: #fff;
padding: 2px 5px;
vertical-align: 4px;
margin-left: 5px;
}
#video_box_admin .video_container .closed_mark{padding:0;}
#video_box_admin .video_container .closed_mark span{
font-size: 13px;
font-weight: normal;
background-color:#59cdff;
color: #fff;
padding: 2px 5px;
vertical-align: 4px;
margin-left: 5px;
}
*/

.holder_video {
	margin: 15px 0;
}
	
.holder_video a {
	font-size: 12px;
	cursor: pointer;
	margin: 0 5px;
	color: #333;
}
	
.holder_video a:hover {
	background-color: #222;
	color: #fff;
}
	
.holder_video a.jp-previous { margin-right: 15px; }
.holder_video a.jp-next { margin-left: 15px; }
	
.h.holder_video a.jp-current, a.jp-current:hover { 
	color: #FF4242;
	font-weight: bold;
}
	
.holder_video a.jp-disabled, a.jp-disabled:hover {
	color: #bbb;
}
	
.holder_video a.jp-current, a.jp-current:hover,
.holder_video a.jp-disabled, a.jp-disabled:hover {
	cursor: default; 
	background: none;
}
	
.holder_video span { margin: 0 5px; }

/* リスト中の動画アイコン */
.video_icon{
	height: 17px;
	vertical-align: bottom;
	margin: 1px 3px;
}


/*****************************
	資料閲覧
*****************************/
/*.doc_file_box_hidden{visibility:hidden} */
.doc_file_box {position: relative;margin: 0px auto;width:auto;border: 3px solid #ccc;font-size: 12px;}
.doc_file_box_loading{
	position: absolute;
	top: 0;
	left: 0;
	background-color: #ffffff;
	width: 100%;
	height: 100%;
}
.doc_file_box_loading_center_box{
	position: absolute;
	top: 47.5%;
	left: 47.5%;
	font-size: 1.4em;
	white-space: nowrap;
	text-align: center;
}
.doc_file_box_loading_center_box img{
	width: 60px;
	margin: 10px auto;
}
.doc_file_box_hidden{position: relative;display: none;}
/*
.doc_file_attention li {margin-left: 1em; list-style: none;}
.doc_file_attention li:before {margin-right: 0.5em; content: '■';}
.doc_file_attention li li {margin-left: 2em; list-style: inherit;}
.doc_file_attention li li:before {margin :0; content: '';}
*/

.ie6 .doc_file_box form label input{width:15px;}
.doc_file_box{border:3px solid #ccc;font-size:12px;}
.doc_file_box .doc_file_title{border-bottom:1px solid #ccc;font-weight:bold;}
.doc_file_box .doc_file_title span{font-weight:normal;font-size:12px;}
.doc_file_box p{padding:10px;margin-bottom:10px;}
.doc_file_box label{display:inline;}

.doc_file_box .d_b_container{margin: 10px;}
.doc_file_box .doc_file_bar{background-color:#D1F1E2;}

.doc_file_box form{padding:10px;}
.doc_file_box form input{margin-right:5px;vertical-align:-2px;}
.doc_file_box form label{font-size:12px;width:200px;}
.doc_file_box form .text_input{width: 700px; height: 202px;margin-left: 20px}
.doc_file_box textarea {font-size:12px;}
.doc_file_box p.desc{
	width:700px;
	height:90px;
	margin-top: 2px;
	margin-bottom: -20px;
	border:1px solid ;
	overflow-y: scroll;
	border-color:#ccc;
	color: #ff0000;
}
.doc_file_box div.desc_box{
	clear:left;
	margin-bottom: 10px;
}
.doc_file_box textarea.corr_desc_input{width: 300px; height: 280px; float:right }
.doc_file_box textarea.corr_desc_input_list{width:300px;height:280px;}
.doc_file_box textarea.corr_content_input{width:381px;height:280px;margin-top: 20px;}

.doc_file_box div.corr_desc{width:300px;height:302px;float:right;margin-left: 10px;}

.doc_file_box div.corr_box{
	margin-left:10px;
	margin-bottom:0px;
	margin-top:-40px;
}
.doc_file_box div.desc_box{
	/*clear:left;*/
	margin-bottom: 30px;
}


.doc_file_box .slick-current{outline: solid 1px #CCCCCC;}
.doc_file_box .slider-nav .slick-current{outline: solid 2px #3333FF;}
.doc_file_box .slick-next:before{content: ''}
.doc_file_box .slick-prev:before{content: ''}
.doc_file_box .slick-prev,.doc_file_box .slick-next {
	width:40px;
	height:80px;
}
.doc_file_box .doc-fullscreen{
	background-color: #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	height: 100%;
	width:100%;
}
.doc_file_box .slide-pic {
	display: block;
	margin: auto;
}
.doc_file_box .attention-esc-exit {
	outline: solid 1px #FFFFFF;
	padding: 1em;
	font-size: 2em;
	word-wrap: none;
	color: #FFFFFF;
	background-color: #666;
	position: fixed;
	top: 10%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 101;
}



/*****************************
	枠
*****************************/

.box_frame {
	border:3px solid #96D5C5;
}
.box_background {
	background-color:#FEF7EC;
}


/*****************************
	アイコン
*****************************/

/* ロゴ */
img.system_logo {
	max-width :288px;
	max-height: 98px;
}

/* ミニアイコン */
img.icon_mini {
	background-color: #439E8E;
	width : 16px;
	height: 16px;
	vertical-align: text-bottom;
}

/* 標識アイコン */
.mark img {
    background-color: #72C7B1;
}
div.icon_mark {
	background-color: #72C7B1;
	background-position:left top;
	background-repeat:no-repeat;
	padding:0;
	margin :0;
	width :35px;
	height:35px;
	float :left;
	display:inline;
}
div.icon_mark.seminar {background-image:url("../img/picon_seminar.png");}
div.icon_mark.enquete {background-image:url("../img/picon_quest.png");}
div.icon_mark.file    {background-image:url("../img/picon_folder.png");}
div.icon_mark.video   {background-image:url("../img/picon_display.png");}
div.icon_mark.doc     {background-image:url("../img/picon_doc.png");}

/* 矢印アイコン */
div.icon_arrow {
	background-color: #72C7B1;
	background-position:right center;
	background-repeat:no-repeat;
	width :18px;
	height:18px;
	float :right;
	display:inline;
}
div.icon_arrow.down {background-image:url("../img/leaf_switch.gif");}


/*****************************
	アコーディオン
*****************************/

/* アコーディオン全体枠 */
.accordion_box {
	width:820px;
	border:3px solid #96D5C5;
	font-size:12px;
	margin-bottom:30px;
}

/* タイトル枠 */
.accordion_box .accordion_title {
	background-position:left top;
	border-bottom:1px solid #96D5C5;
	cursor:pointer;
}

/* タイトルの名称 */
.accordion_box .accordion_title p.title_name {
	padding:8px 0 0 5px;
	margin-bottom:0;
	font-size:14px;
	font-weight:bold;
	float:left;
}

/* タイトルの矢印アイコン */
.accordion_box .accordion_title div.title_arrow {
	background-image:url("../img/leaf_switch.gif");
	background-color: #72C7B1;
	background-position:right top;
	margin:8px 10px 5px 5px;
	margin-left :10px;
	margin-right:10px;
	vertical-align:middle;
	width :18px;
	height:18px;
	display:inline;
	float :right;
}
/* 公開／非公開 */
.accordion_box .accordion_title span.publish_mark {
	font-size: 13px;
	font-weight: normal;
	background-color:#ff99cc;
	color: #fff;
	padding: 2px 5px;
}
.accordion_box .accordion_title span.closed_mark {
	font-size: 13px;
	font-weight: normal;
	background-color:#59cdff;
	color: #fff;
	padding: 2px 5px;
}

/* 受講済み判定課題・動画用、必須回答(視聴)用マーク */
.accordion_box .accordion_title span.essential_mark {
	font-size: 12px;
	font-weight: normal;
	background-color:#2e8b57;
	color: #fff;
	padding: 2px 5px;
}

/* アコーディオンコンテンツ */
.accordion_box .accordion_container {
	padding:20px;
}

/* 公開／非公開 */
.accordion_box .accordion_container .publish_mark {padding:0;}
.accordion_box .accordion_container .publish_mark span {
	font-size: 13px;
	font-weight: normal;
	background-color:#ff99cc;
	color: #fff;
	padding: 2px 5px;
	vertical-align: 4px;
	margin-left: 5px;
}
.accordion_box .accordion_container .closed_mark {padding:0;}
.accordion_box .accordion_container .closed_mark span{
	font-size: 13px;
	font-weight: normal;
	background-color:#59cdff;
	color: #fff;
	padding: 2px 5px;
	vertical-align: 4px;
	margin-left: 5px;
}

/* 受講済み判定課題・動画用、必須回答(視聴)用マーク */
.accordion_box .accordion_container .essential_mark {padding:0;}
.accordion_box .accordion_container .essential_mark span{
	font-size: 12px;
	font-weight: normal;
	background-color:#2e8b57;
	color: #fff;
	padding: 2px 5px;
	vertical-align: 4px;
	margin-left: 5px;
}

/* アコーディオン内テーブル */
.accordionTable input[type="checkbox"]{
	width:13px;
	vertical-align:-2px;
}
.accordionTable th{
	border:1px solid #ccc;
	font-weight:normal;
	background-color:#E9F6F3;
	padding-top:5px;
	padding-bottom:5px;
	text-align:center;
}
.accordionTable td{
	font-size:12px;
	padding:1px 0 1px 10px;
}
