@charset 'UTF-8';
/*
 * sys.css
 *
 *  updated --- 2013.11.28 SYLLABUS-87 管理画面メニュー部分スタイル変更
 *  updated --- 2013.11.28 SYLLABUS-113 Windows8対応部分スタイル変更
 *  updated --- 2014.05.30 「アカウント設定」ボタンエリアのスタイル変更
 *  updated --- 2014.08.19 SYLLABUS-6039-247 コピーライト用スタイル追加
 *  updated --- 2014.09.09 SYLLABUS-6039-141 汎用スタイル追加
 *  updated --- 2014.10.06 SYLLABUS-6039-257 inputタグを等幅フォント：MSゴシックにするスタイル追加
 *  updated --- 2014.10.09 SYLLABUS-6039-265 Windows 8.1 / Internet Explorer 11 および、OS X Mavericks 付属の Safari 7対応
 *  updated --- 2014.11.27 6039-290 スタイルの変更
 *  updated --- 2014.12.22 汎用スタイル追加
 *  updated --- 2018.9.25 スタイル追加
 *  updated --- 2018.10.16 search_showのメニュースタイルをver3によせる修正
 */

html {
	font-size: 100%;
}

body {
	font-size:83.3%;
	font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color: #FFF;
}

#login {
/*	background-image: url(../base_sysimg/bg_login.jpg);
	background-size: cover;*/
	background-color: #e61c69;
}

#logintable {
	background-color: #FFFFFF;
	margin-top:50px;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
}

i {
	font-style:italic;
}

b {
	font-weight:bold;
}


a {
/* 130815 haishima start */
	text-decoration: underline;
/* 130815 haishima end */
	color: #663333;
}
a:hover {
/* 130815 haishima start */
	text-decoration: none;
/* 130815 haishima end */
	color: #e61c69;
}
form {
	margin : 0px;
	padding : 0px;
}
img {
	border:none;
}
/* 全体のtable button selectのフォント指定*/
table,tr,td,input,select {
	font-size:100%;
	font-family:'Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}
/* 本文編集画面のinput textの等幅フォント指定*/
th,td {
	table-layout:fixed;
	/*white-space: normal !important;*/
}
textarea,#sectionEditing input {
	font-size:100%;
	font-family : "ＭＳ ゴシック", monospace;
}
/* 20141006 h start */
/* inputタグの等幅フォント指定*/
body input {
font-family : "ＭＳ ゴシック", monospace;
padding: 5px;
}

/* 基本のinputボタン */
body .inputBtnPT01{
-webkit-appearance: none;
border: medium none;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
color: #333333;
cursor: pointer;
font-size: 1.1em;
font-weight: bold;
padding:10px 3em;
-moz-transition: background-color 0.3s ease 0s;
-o-transition: background-color 0.3s ease 0s;
-webkit-transition: background-color 0.3s ease 0s;
transition: background-color 0.3s ease 0s;
background-color:#aaaaaa;
}
body .inputBtnPT01:hover{
background-color:#ffffff;
}
/* 色分け */
body .inputBtnPT01.positive{
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, hsla(33, 90%, 70%, 0.9)), color-stop(80%, hsla(33, 100%, 55%, 0.9)));
background-image: -moz-linear-gradient(top, hsla(33, 90%, 70%, 0.9) 0%, hsla(33, 100%, 55%, 0.9) 80%);
background-image: -webkit-linear-gradient(top, hsla(33, 90%, 70%, 0.9) 0%, hsla(33, 100%, 55%, 0.9) 80%);
background-image: linear-gradient(to bottom, hsla(33, 90%, 70%, 0.9) 0%, hsla(33, 100%, 55%, 0.9) 80%);
border:1px solid hsl(33, 100%, 45%);
margin-right:1em;
}
body .inputBtnPT01.negative{
background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, hsla(0, 0%, 90%, 0.9)), color-stop(80%, hsla(0, 0%, 75%, 0.9)));
background-image: -moz-linear-gradient(top, hsla(0, 0%, 90%, 0.9) 0%, hsla(0, 0%, 75%, 0.9) 80%);
background-image: -webkit-linear-gradient(top, hsla(0, 0%, 90%, 0.9) 0%, hsla(0, 0%, 75%, 0.9) 80%);
background-image: linear-gradient(to bottom, hsla(0, 0%, 90%, 0.9) 0%, hsla(0, 0%, 75%, 0.9) 80%);
border:1px solid hsl(0, 0%, 65%);
}


/* 20141006 h end */


h1 {
	font-size: 100%;
	color: #FFFFFF;
	background-color: #6666CC;
	margin: 2px 0px;
	padding: 5px;
}
h2 {
	font-size: 100%;
	color: #333333;
	background-color: #D6D6F1;
	margin: 2px 0px;
	padding: 5px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #6666CC;
}
h3 {
	font-size: 100%;
	color: #6666CC;
	background-color: #ECECF9;
	margin: 2px 0px;
	padding: 1px 4px;
	font-weight: normal;
}
em {
	color:#FF6633;
	font-weight:bold;
	font-style: normal;
}
h1 em {
	color:#ffffff;
}
th {
	font-weight: normal;
	white-space:nowrap;
}

/* CustomLayout */
.sectionW {
	background-color: #F7F7F4;
	padding: 3px;
	margin-bottom: 10px;
}
.sectionL {
	background-color: #F7F7F4;
	padding: 3px;
	float: left;
	margin-bottom: 10px;
}
.sectionR {
	background-color: #F7F7F4;
	padding: 3px;
	text-align: right;
	margin-bottom: 10px;
}
.custom-menu {
	background-attachment: fixed;
	background-image: url(../sysimg/netsyllabus_custom_bg.gif);
	background-repeat: repeat-x;
}
.admin-menu {
	background-attachment: fixed;
    background-color: #F7F7F7;/* 20131128 */
	background-image: url(../sysimg/netsyllabus_admin_bg.gif);
    background-position: center bottom;/* 20131128 */
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}
.user-menu {
	background-attachment: fixed;
	background-image: url(../sysimg/netsyllabus_user_bg.gif);
	background-repeat: repeat-x;
}
.headbg1 {
	background-color: #c3c9f8;
	background-image: url(../sysimg/headbg1.gif);
	background-repeat: repeat-x;
}
.headbg2 {
	background-color: #ffcc75;
	background-image: url(../sysimg/headbg2.gif);
	background-repeat: repeat-x;
}
.headbg3 {
	background-image: url(../sysimg/headbg3.gif);
	background-repeat: repeat-x;
}
.inputbtn {
	font-family: Arial, Helvetica, sans-serif;
	width: 25px;
	text-align:center;
}
.inputbtn2 {
font-family: Arial, Helvetica, sans-serif;
width: 45px;
margin-right: 1px;/* 20141118 add h */
vertical-align: top;/* 20141118 add h */
height: 1.9em !important;/* 20141127 add h */
}
.inputbtn3 {
font-family: Arial, Helvetica, sans-serif;
width: 60px;
margin-right: 1px;/* 20141118 add h */
vertical-align: top;/* 20141118 add h */
height: 1.9em !important;/* 20141127 add h */
}
.inputbtn:hover,.inputbtn2:hover,.inputbtn3:hover {
    font-weight:normal  !important;/* 20161129 add asano*/
}
.btn_area {
	background-color: #F6F6F6;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	padding:4px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
/* 20140530 h start */
.btn_area .btn_areaInner01{
    border-left: 1px solid #A1A1A1;
    border-right: 1px solid #A1A1A1;
    margin: 0 5px;
    padding: 0 10px;
}
/* 20140530 h end */

.status_area {
	background-color: #F6F6F6;
	text-align:left;
	margin-top:4px;
	margin-bottom:4px;
	padding:4px;
}
.fielditem {
	color:#6666CC;
	text-align:right;
	white-space: nowrap;
	vertical-align: top;
}

/* TextDec */
.customnotes {
	font-size: 85%;
	color: #333333;
	line-height:135%;
	margin-top:10px;
}
.memo {
	font-size: 80%;
	color: #333333;
	line-height:135%;
}
.txtMain {
	margin:0px;
	padding:0px;
}

.txtSub {
	font-size:80%;
	margin:0px 5px;
	padding:0px;
}
.txt-blue {
	color: #6666CC;
}
.txt-red {
	color: #FF6633;
}
.message_area {
	padding: 10px;
	border: 0px solid #CCCCCC;
}
.txt_message {
	padding-left: 10px;
	color: #6666CC;
}
.footer {
	color: #666;
}
.notes {
	font-size: 80%;
	color: #6666CC;
}

.status_OK {
	color: red;
}
.status_NG {
	color: blue;
}
/* hidebox */
.hidebox,.sortbox {
	text-decoration: none;
	margin: 0 1px;
	padding: 0 3px;
	font-size: 10px;
	background-color: #ffffff;
	border-right: 1px solid #C3CBFF;
	border-bottom: 1px solid #C3CBFF;
}
.packbox {
	text-decoration: none;
	margin: 0 1px;
	padding: 0 3px;
	font-size: 10px;
	background-color: #ffffff;
	border-right: 1px solid #C3CBFF;
	border-bottom: 1px solid #C3CBFF;
	white-space: nowrap;
	text-align:center;
	width:100%;
}
.hidebox:hover,.sortbox:hover,.packbox:hover {
	text-decoration: none;
	border-right: 1px solid #E25A00;
	border-bottom: 1px solid #E25A00;
}
/* IE以外でhideboxを非表示 */
html>/**/body .hidebox,html>/**/body .btnhidebox {
	visibility: hidden;
}
/* 20131128 start */
.hidebox01{
cursor: pointer;
text-decoration: none;
margin: 0 1px;
padding: 0 3px;
font-size: 10px;
background-color: #ffffff;
border-right: 1px solid #C3CBFF;
border-bottom: 1px solid #C3CBFF;
}
.hidebox01:hover{
text-decoration: none;
border-right: 1px solid #E25A00;
border-bottom: 1px solid #E25A00;
}
.showbox01{
cursor: pointer;
}
.showbox01 img{
vertical-align: top;
}
.columnmanagerList{
display: none;
}
/* 20131128 end */

/* serach_show */
#sectionSearch {
	margin-right:300px;
}
#sectionSave {
	font-size:90%;
	float: right;
	width:290px;
	padding: 3px;
	border: 1px solid #999999;
}

/* admin_search_show */
.sectionExport {
	padding: 2px 4px;
	clear:both;
}
/* editing */
#sectionEditing textarea{
	overflow: auto;
}

/* common */
#showtools {
	font-size:90%;
	position:absolute;
	height:auto;
	z-index: 5;
	background-color:#FFF;
	border: 2px solid #999;
	padding:5px;
/*	clear:both;*/
	left: 50;
	visibility: hidden;
	text-align:left;
}
#showtools2 {
	font-size:90%;
	position:absolute;
	height:auto;
	z-index: 2;
	background-color:#FFF;
	border: 2px solid #999;
	padding:2;
	clear:both;
	left: 5;
	visibility: hidden;
}
/* IME mode */
.ime_on {
ime-mode: active;
}
.ime_off {
ime-mode: inactive;
}
.ime_dis {
ime-mode: disabled;
}

/* maxlength */
.maxlength {
	font-size:80%;
	margin-left:1em;
}
.lengthalert {
	font-size:120%;
	color:#FF6633;
	font-weight:bold;
}

/* popupwindow */
#popupwindow {
	background-color:#FFFFFF;
	margin:5px;
}

/*pagenav*/

.pagenav_area{
	clear: both;
	width: 50em;
	margin-top: 10px;
	margin-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	height: 2em;
}

.pagenav li{ border:0; margin:0; padding:0; font-size:12px; list-style:none; /* savers */ float:left; }

.pagenav a{
border:solid 1px #DDDDDD;
margin-right:4px;
}
.pagenav .previous-off,
.pagenav .next-off {
color:#666666;
display:block;
float:left;
font-weight:bold;
padding:3px 3px;
}
.pagenav .next a,
.pagenav .previous a {
font-weight:bold;
border:solid 1px #FFF;
}
.pagenav .active{
color:#820227;/*custom*/
font-weight:bold;
display:block;
float:left;
padding:4px 7px 4px 2px;
}
.pagenav a:link,
.pagenav a:visited {
	color:#666;
	display:block;
	float:left;
	padding:3px 6px;
	text-decoration:none;
}
.pagenav a:hover{
	border:solid 1px #bf2900;/*custom*/
	color: #FFF;
	background-color: #bf2900;/*custom*/
}

/* 20130705 h */
.admin-menu .textArea01{
height: 1.65em;
margin-top: 0;
vertical-align: bottom;
}

/* 20130809 h */
table td.adminIconBtn01{
white-space: nowrap;
}
table td.adminIconBtn01 img{
padding-right: 3px;
vertical-align: middle;
}
/* 20131128 start */
.menuTable01{
margin-top: 15px;
}
.menuTable01 td{
vertical-align: middle;
}
.menuTable01 td.btnBox01{
padding-right:5px;
vertical-align: top;
white-space:nowrap;
text-align: right;
}
.menuTable01 td.btnBox01 p{
margin-top:5px;
}
.menuTable01 td.btnBox01 p a{
text-decoration: underline;
}
.menuTable01 td.btnBox01 p a:hover{
text-decoration: none;
}
.menuTable01 td p.columnBox01{
line-height:140%;
margin-left:10px;
}
.menuTable01 td p.columnBox01 input{
margin:1px 0;
}
.menuTable01 .column01{
white-space:nowrap;
}
/* 20131128 end */
/* 20140819 start */
.copyright{
font-size: 0.75em;
padding: 10px 0;
}
/* 20140819 end */
/* 20140909 start */
.nowrap{
white-space: nowrap;
}
/* 20140909 end */
/* 20141222 start */
.dispB{
display: block;
}
/* 20141222 end */
/* 20141009 start */
body.editok2Body {
margin: 0;
padding: 0;
overflow:hidden;
height: 100%;
}
.editok2Body .editok2_box01{
float: left;
height: 100%;
overflow: auto;
width: 30%;
}
.editok2Body .editok2_box01 .message_area{
margin: 0;
}
.editok2_box02{
float: left;
height: 100%;
width: 70%;
}
.editok2Body .editok2_box02 iframe{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
height: 100%;
width: 100%;
}
/* 20141009 end */
/* 20141127 h start */
#showtools table.inputTable01 input{
height: 1.8em;
}
/* 20141127 h end */
/* 20120830 h */
.caution{
color:red;
vertical-align:2px;
}
.caution02{
color: red;
display: block;
margin: 3px;
}
.disp_in{
display:inline;
}
.head_menu_btn {
margin-right:5px;
display: inline-block;
}
.head_menu_btn a{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
padding:3px 5px;
text-decoration: none;
display:inline-block;
}
.head_menu_btn a:hover{
background:#EFEFEF;
color:#482424;
border: 1px solid #ACACAC;
}
.custom-menu .custom-menu_list .head_menu_btn a{
line-height:1.1;
}
.custom-menu .custom-menu_list a{
line-height:1.2;
}
.custom-menu .head_menu_btn {
margin-top: 3px;
margin-bottom:1px;
}

.admin-menu_list{
padding:3px 3px;
display:inline-block;
}

html>/**/body .admin-menu_list{
padding:0;
display:inline;
}

/* 20160517 h */
#main_table.itemdispConfTable td,
#main_table.itemdispConfTable th,
.adminSearchShowTable td,
.adminSearchShowTable th{
padding:5px;
}
#sectionSearch table td,
#sectionSearch table th{
padding-bottom:10px;
}
body .editTable01{
border:none;
padding:10px;
}
body .editTable01 td,
body .editTable01 th{
padding-bottom:8px;
}
body .editTable01 .requiredText01{
color:#ff6633;
}
body .editTable01 *+.requiredText01,
body .editTable01 *+.noteText01{
display:inline-block;
margin-top:5px
}
body .editTable01 .footerText01,
body .editTable01 .noteText01 {
font-size: 90%;
color: #6666CC;
}

/* mediaTable */
body .mediaTableMenu{
background: #f8f8f8 none repeat scroll 0 0;
border: 1px solid #dddddd;
margin: 0 0 20px;
padding: 15px;
}
body .mediaTableMenu a {
background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
background-image: url(../sysimg/ui-check-boxes.png);  
background-repeat: no-repeat; 
background-position: top left;  
border: medium none;
font-size: 1em;
margin: 0;
padding: 0 0 5px 20px;
text-decoration: underline;
color: #663333;
font-weight:bold;
cursor: pointer;
}
body .mediaTableMenu a:hover {
	text-decoration: none;
	color: #FF6500;
}

body .mediaTableMenu ul {
margin: 0.8rem 0 0 0;
padding: 0;
}
body .mediaTableMenu ul::before,
body .mediaTableMenu ul::after {
content: "";
display: table;
}
body .mediaTableMenu ul::after {
clear: both;
}
body .mediaTableMenu ul::before,
body .mediaTableMenu ul::after {
content: "";
display: table;
}
body .mediaTableMenu ul li {
float: left;
list-style: outside none none;
padding-left:1.25em;
}

body .mediaTableMenu ul li label {
/*cursor: pointer;
position: relative;
padding-bottom: 1px;
padding-left: 28px;
margin-right:25px;
overflow:hidden;
position:relative;
padding-left:28px;
display:inline-block;
box-sizing:border-box;*/
}
body .mediaTableMenu ul li label:before {
/*content:'';
position:absolute;
width:20px;
height:19px;
left:0px;
top:0;
border:1px solid #B3B3B3;
z-index:3;*/
}
body .mediaTableMenu ul li label:after {
/*content:'';
position:absolute;
top:35%;
left:6px;
display:block;
margin-top:-6px;
width:6px;
height:10px;
border-right:4px solid #3a85e7;
border-bottom:4px solid #3a85e7;
transform:rotate(45deg);
-webkit-transform:rotate(45deg);
-moz-transform:rotate(45deg);
z-index:1;*/
}
body .mediaTableMenu ul li label input[type="checkbox"] {
/*-moz-appearance: none;
-webkit-appearance: none;
position:absolute;
left:-40px;
width:20px;
height:20px;
display:block;
box-shadow:41px 0px #FFF;
z-index:2;
margin:0px;
padding:0px;*/
}
body .mediaTableMenu ul li label input[type="checkbox"]:checked {
/*box-shadow:none;*/
}
body .mediaTableMenu ul li label input[type="checkbox"]:checked:focus {
/*box-shadow:40px 0px #666;
opacity:0.1;*/
}
body .mediaTableMenu ul li label input[type="checkbox"]:focus {
/*box-shadow:41px 0px #EEE;*/
}
/* simplesearch detailsearch */
#simplesearch,
#detailsearch{
border: 10px solid #e4e4f6;
margin: 10px 0 30px;
padding: 10px;
}
#simplesearch .menuTable01 .columnBox01{
margin: 0 10px;
}
#simplesearch .menuTable01 .column01 {
display: inline-block;
margin-bottom: 12px;
white-space: nowrap;
}
/* adminSearchShowTableWrap */
#adminSearchShowTableWrap{
border-top: 5px solid #aaaaaa;
padding-top: 10px;
}
#adminSearchShowTableWrap .sectionL,
#adminSearchShowTableWrap .sectionR{
padding:10px;
}

/* pgadmin サイドメニュー化 20181017 asa 左カラム固定・右カラム可変 */
.l_col_fix {
  float: left;  /* 左方向にフロート */
  width: 200px; /* 左カラムをpxで固定 */
  background: #EFEFEF;
}
 
.r_col_liquid {
  float: right; /* 右方向にフロート */
  width: 100%;  /* 左カラムで指定した100px以外の幅を保持 */
  margin: 0 0 0 -200px; /* 左カラムと同じ幅をマイナス指定し横並びに */
}
 
.r_contents {
  margin: 0 0 0 220px; /* 左カラムとの左マージンを調整 */
}

.wrapper:after,
.wrapper:before {
    content: "";
    display: table;
}
.wrapper:after {
    clear: both;
}

.side_menu_btn a{
background: none repeat scroll 0 0 #FFFFFF;
border: 1px solid #DDDDDD;
padding:4px 6px;
text-decoration: none;
display: block;
width:175px;
margin:3px 5px;
}
.side_menu_btn a:hover{
background:#EFEFEF;
color:#482424;
border: 1px solid #ACACAC;
}

/* カレンダー */
img.ui-datepicker-trigger {
margin-right:1rem;
}

.inputerror {
background-color:red;
color:#FFF;
padding:2px 5px;
margin-right:6px;
}
.inputerror a{
color:#FFF;
}
.over {
font-weight:bold;
}
/* カスタム設定などの大きなtableのヘッダー固定*/
.fixed01,
.fixed02{
  position: sticky;
  top: 0;
  left: 0;
}
.fixed01{
  z-index: 2;
}
.fixed02{
  z-index: 1;
  background-color:#f1f1ed;
}