@charset 'UTF-8';
/*
 * sys.css
 *
 *  updated --- 2013.10.15 SYLLABUS-87管理画面メニュー部分スタイル変更
 *  updated --- 2013.11.20 SYLLABUS-113 Windows8対応部分スタイル変更
 *  updated --- 2014.09.09 SYLLABUS-6039-141 汎用スタイル追加
 *  updated --- 2014.10.06 SYLLABUS-6039-257 inputタグを等幅フォント：MSゴシックにするスタイル追加
 *  updated --- 2014.10.14 SYLLABUS-6039-265 Windows 8.1 / Internet Explorer 11 および、OS X Mavericks 付属の Safari 7対応
 *  updated --- 2014.11.27 6039-290 スタイルの変更
 *  updated --- 2014.12.22 汎用スタイル追加
 */

html {
	font-size: 100%;
}

body {
	font-size:83.3%;
	font-family: Geneva, Arial, Helvetica, sans-serif, "ＭＳ ゴシック";
	background-color: #FFFFFF;
}
a {
	text-decoration: none;
	color: #663333;
}
a:hover {
	text-decoration: underline;
	color: #FF6500;
}
form {
	margin : 0px;
	padding : 0px;
}
img {
	border:none;
}
/* 全体のtable buttom selectのフォント指定*/
table,tr,td,input,select {
	font-size:100%;
	font-family: Geneva, Arial, Helvetica, sans-serif, "ＭＳ ゴシック";
}
/* 本文編集画面のinput textの等幅フォント指定*/
textarea,#sectionEditing input {
	font-size:100%;
	font-family : "ＭＳ ゴシック", monospace;
}
/* 20141006 h start */
/* inputタグの等幅フォント指定*/
body input {
font-family : "ＭＳ ゴシック", monospace;
}
/* 20141006 h end */
h1 {
	font-size: 100%;
	color: #FFFFFF;
	background-color: #6666CC;
	margin: 2px 0px;
	padding: 2px 4px;
}
h2 {
	font-size: 100%;
	color: #333333;
	background-color: #D6D6F1;
	margin: 2px 0px;
	padding: 1px 4px;
	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;
}
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(https://syllabus.nihonyakka.jp/sysimg/netsyllabus_custom_bg.gif);
	background-repeat: repeat-x;
}
.admin-menu {
	background-attachment: fixed;
    background-color: #F7F7F7;/* 20131015 */
	background-image: url(https://syllabus.nihonyakka.jp/sysimg/netsyllabus_admin_bg.gif);
    background-position: center bottom;/* 20131015 */
	background-repeat: repeat-x;
	margin:0;
	padding:0;
}
.user-menu {
	background-attachment: fixed;
	background-image: url(https://syllabus.nihonyakka.jp/sysimg/netsyllabus_user_bg.gif);
	background-repeat: repeat-x;
}
.headbg1 {
	background-color: #c3c9f8;
	background-image: url(https://syllabus.nihonyakka.jp/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(https://syllabus.nihonyakka.jp/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;
}
.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;
}
.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;
}
/* 20131120 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;
}
/* 20131120 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: 1;
	background-color:#FFF;
	border: 2px solid #999;
	padding:2;
	clear:both;
	left: 5;
	visibility: hidden;
}
#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;
}

/* 20131015 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;
}
/* 20131015 end */
/* 20140909 start */
.nowrap{
white-space: nowrap;
}
/* 20140909 end */
/* 20141222 start */
.dispB{
display: block;
}
/* 20141222 end */
/* 20141014 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%;
}
/* 20141014 end */
/* 20141127 h start */
#showtools table.inputTable01 input{
height: 1.8em;
}
/* 20141127 h end */