@charset "UTF-8";

* {
 margin: 0;
 padding: 0;
font-family:'ヒラギノ角ゴ Pro W3','Arial','メイリオ',Verdana,'ＭＳ Ｐゴシック',sans-serif;
/* font-family:Helvetica,Arial,Verdana,sans-serif;*/

}

#tpanel_movable {
  position:relative;
}

/* リンク */
a img {
 border-style:none;
 text-decoration: none;
outline: medium none;
}
a:link {
color:#2449a8;
 text-decoration: none;
}    
a:visited {
color:#2449a8;
 text-decoration: none;
}  
a:active {
color:#2449a8;
 text-decoration: none;
}   
a:hover {
color:#4c85e4;
text-decoration:underline;
}   

.unread a{
color: #EC683F;

}
span.unreadcount a,span.unreadcount{
 color: #EC683F;
}
.unread a:hover{
color:#f1815f;
text-decoration:underline;
}
.recent a,
.news-box-recent a{
/*color:#F29714;*/
    /*background: url("icon_recent.png") no-repeat scroll 0 0 transparent;
padding-left:15px;*/
/*color:#BF74CA;*/
}
.recent a:hover,
.news-box-recent a:hover{
/*color:#BF74CA;*/
/*text-decoration:underline;*/
}
.recent .news-group a{
padding-left:0;
background-image:none;
}

html{
 overflow-y:scroll;
 color:#lalala;
} 

#RptStartTime_iframe html{
 overflow-y:auto !important;
} 

img.inline{
 vertical-align: middle;
}
/*
+- - - - - - - - - - - - - - - - - - - - -+
	 基本構造
+- - - - - - - - - - - - - - - - - - - - -+
*/

#container{
 position: relative;
 margin: 0px auto;
 min-width: 720px;
 width: 720px;
}

#header{

}


#pagebody{
	width: 720px;
	position: relative;
}



/*#FFFFFF url(header-school.gif) no-repeat scroll left bottom
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		header
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
/* header > orgheader*/
#orgheader {
 background:#fff url(header-school.gif) no-repeat 0% 63%;
 width: 720px;
 height: 70px;
}

.orgheader-link a {
position: absolute;
 display: inline-block;
 width:180px;
 height: 50px;
 margin-top: 13px;
}

#orgheader div {
 color:#FF0044;
 font-size:20pt;
 position:relative;
 text-indent:250px;
 width:100%;
}
/*header > manualbox*/
#manualbox{
 width: 200px;
 height: 20px;
 position: absolute;
 left: 190px;
 top: 42px;
 color:#666666;
text-align:right;
}

.admin #manualbox{
 position: absolute;
 right:4px;
 top: 42px;

}
#header #searchbox input#searchtext{
 width: 130px;
}

#header #searchbox select{
 width: 130px;
}
#header #searchbox input#button_start{
 width: 40px;
}




#manualbox img{
 padding-right: 2px;
}

/*header > searchbox*/
#searchbox {
 position: absolute;
 right: 0px;
 top: 35px;
}

#serchbox #searchtext form{
  border: 1px solid #534b8f;
  padding-left:2px;
}

/*header > myheader*/
#myheader {
 width: 718px;
 height: 38px;
 position: relative;
 background: url(bg-myheader.gif);
 background-position: 0px top;
 border-right:1px solid #DDDDDD;
 border-left:1px solid #DDDDDD;

 color: #666666;
 font-size: 12px;
 font-family: verdana;
}

#myheader #mypagelogo {
	position: absolute;
	top:13px;
	left:7px;
}

#myheader #mymemoicon {
	position: absolute;
	top: 15px;
	left:125px;
}

#myheader #myadmin {
	position: absolute;
	top: 21px;
	left: 210px;
}

#myheader #mylinks {
	position: absolute;
	right: 50px;
	top: 25px;
}


#myheader #mylinks span.mylinks-sep {
	color: #999;
	padding: 4px 5px 0px 5px;
}

#myheader #mylinks #mylinks-myfont {
	padding: 0 1px 0 1px;
	position: relative;
	top: 5px;
}

#myheader #mylinks #mylinks-myfont a {
	outline: none;
}

#myheader #myhelpicon {
	position: relative;
	top: 5px;
	z-index: 2;
 /* visibility: hidden; */
	cursor: pointer;
}

#myheader #mylinks-mydate{
	position: absolute;
	right: 50px;
	top: 5px;
}

#myheader img{
	position: absolute;
	top: 5px;
	right: 5px;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		pageheader
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.pageheader{
	width: 720px;
	height: 77px;
	position: relative;
	margin-top: 10px;
}

#pageheader-mypage{
	background: url(bg-pageheader-mypage.gif) no-repeat;
}
#pageheader-mypageV2{
	height:120px !important;
	background: url(bg-pageheader-mypageV2.gif) no-repeat;
}

#pageheader-user{
	background: url(bg-pageheader-user.gif) no-repeat;
}
#pageheader-userV2{
	height:120px !important;
	background: url(bg-pageheader-userV2.gif) no-repeat;
}

#pageheader-course{
	background: url(bg-pageheader-course.gif) no-repeat;
}

#pageheader-community{
	background: url(bg-pageheader-community.gif) no-repeat;
}

#pageheader-admin{
	height: 33px;
        margin-top: 0px;
	width: 900px;	
/*	background: url(bg-pageheader-admin.gif) no-repeat;*/
}

.pageheader .pageheader-icon{
	width: 32px; 
	height: 32px;
	position: absolute;
	top: 27px;
	left: 25px;
}

#pageheader-mypageV2 .pageheader-icon,
#pageheader-userV2 .pageheader-icon{
	width: 80px; 
	height: 80px;
	position: absolute;
	top: 24px;
	left: 29px;
}


#pageheader-course .pageheader-icon,
#pageheader-community .pageheader-icon{
	width: 60px;
	height: 60px;
	position: absolute;
	top:16px;
	left:13px;
}

.pageheader .pageheader-closed{
    position:absolute;
    top: 13px;
    left: 80px;
    height: 18px;
    color: red;
    font-size: 8pt;
}
.pageheader .pageheader-name{
	position:absolute;
	top: 29px;
	left: 80px;
	height: 18px;
}
#pageheader-mypageV2 .pageheader-name ,
#pageheader-userV2 .pageheader-name {
	top: 52px;
	left: 140px;
}
.pageheader .pageheader-name a{
	display: block;
	border-bottom: dotted 1px #5b5b5b;
	font-size: 14px;
	font-weight: normal;
	color: #5b5b5b;
	letter-spacing:1px;
}

#pageheader-userV2 .pageheader-name .student-maillink {
    border: medium none;
    padding-top: 2px;
    position: relative;
    width: 18px;
   background: none repeat scroll 0 0 transparent;
}

.pageheader .pageheader-name a:hover {
	text-decoration: none;
	background-color: #e5e5dc;
	border-bottom: dotted 1px #5b5b5b;
}

.user .pageheader .pageheader-name a:hover {
	text-decoration: none;
	background-color: #e5f2f8;
	border-bottom:1px dotted #5B5B5B;
}

.pageheader .pageheader-name .communitystate {
	width:72px;
	position:absolute;
	top:-15px;
	left:0px;
}

.pageheader .pageheader-info{
	width:128px;
	height:48px;
	position: absolute;
	top: 18px;
	right:0px;
	padding:10px 0 0 10px;
	border-left: 1px solid #cccccc;
	color: #7c7c7c;
}

#pageheader-mypageV2 .pageheader-info,
#pageheader-userV2 .pageheader-info{
	height:91px;
}

.pageheader .pageheader-reportunsbmitted{
	width: 490px;
	position:absolute;
	left:80px;
	top: 43px;
	text-align:right;
}

#pageheader-community .pageheader-button{
	width: 114px;
	height: 29px;
	position: absolute;
	top: 21px;
	left: 450px;
}

.pageheader .pageheader-button{
	width: 72px;
	height: 29px;
	position: absolute;
	top: 21px;
	left: 500px;
}

.pageheader .pageheader-courserole {
	width: 150px;
	height: 29px;
	position: absolute;
	top: 21px;
	left: 300px;
}

.pageheader  .pageheadernavi-botton{
	width: 444px;
	height: 29px;
	position: absolute;
	top: 49px;
	left:0px;
	padding: 0 140px 0 136px;
}

#pageheader-userV2 .pageheadernavi-botton{
	position:absolute;
	top:92px;
}

#pageheader-admin  .pageheadernavi-botton{
	width: 900px;	
	height: 33px;
	padding: 0px;
        position:static;
}

#pageheader-course   .pageheadernavi-botton div.pageheadernavi-bottun-report,
#pageheader-course  .pageheadernavi-botton div.pageheadernavi-bottun-grade{
	float: left;
	position: relative;
}

#pageheader-course   .pageheadernavi-botton div.pageheadernavi-bottun-bbs,
#pageheader-course  .pageheadernavi-botton div.pageheadernavi-bottun-collection{
	float: right;
	position: relative;
}

#pageheader-user  .pageheadernavi-botton div.pageheadernavi-button-management,
#pageheader-userV2  .pageheadernavi-botton div.pageheadernavi-button-management{
	float: left;
	position: relative;
}

#pageheader-user  .pageheadernavi-botton div.pageheadernavi-button-course,
#pageheader-user  .pageheadernavi-botton div.pageheadernavi-button-collection,
#pageheader-user  .pageheadernavi-botton div.pageheadernavi-button-communities,
#pageheader-userV2  .pageheadernavi-botton div.pageheadernavi-button-course,
#pageheader-userV2  .pageheadernavi-botton div.pageheadernavi-button-collection,
#pageheader-userV2  .pageheadernavi-botton div.pageheadernavi-button-communities{
	float: right;
	position: relative;
}

#pageheader-admin .pageheadernavi-botton  div{
	width: 113px;
	float: left;
}

img#reportstatus {
	bottom:4px;
	left:73px;
	/*opacity:0.5;*/
	position:absolute;
	z-index:99;
}

#communitycategory{
 position: absolute;
 top: 54px;
 left: 100px;
 color: #7c7c7c;
 font-size:12px;
}

#communityadd {
 position: absolute;
 top: 60px;
 right:150px;
 font-size: 12px;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		mypage menu
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#mynavi-button  {
	position: relative;
	width: 713px;
	height:46px;
	padding-left: 5px;
	background: url(bg-mynavi-button.gif) no-repeat 0px top;
	border-right:1px solid #DDDDDD;
	border-left:1px solid #DDDDDD;
}

/* ボタン配置 */
#mynavi-button .mynavi-button-courses,
#mynavi-button .mynavi-button-communities,
#mynavi-button .mynavi-button-portfolio{
	width: 236px;
	height: 33px;
	float: left;
	padding-top:5px;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		drawable
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.drawable{
	width: 680px;
	min-height:300px; 
	height:auto !important;
	height:300px; 
	padding: 22px 20px 20px 20px;
	position: relative;
	/*background: url(bg-drawable.gif) repeat-y;*/
}

.drawable h1 {
/* width: 550px;*/
 margin: 0 0 24px 0;
 padding: 0 0 0 10px;
 border-left: solid 5px #81c4ff;
/* font-size: 120%;*/
 font-size: 14px;
 text-align: left;
}

.home .drawable h1 {
  border-left: solid 5px #81c4ff;
}

.user .drawable h1 {
  border-left: solid 5px #6CCFEB;
}

.course .drawable h1{
  border-left: solid 5px #959487;
}

.user .mypage h2 ,
.user .profiledetail h2 {
 	background: url(marker-h2-user.gif) no-repeat left center;
	padding-left: 10px;
	clear: both;
	margin-bottom: 5px;
	color: #67624f;
}

.home .profile h2,
.home .profileedit h2{
 	background: url(marker-h2-home.gif) no-repeat left center;
	padding-left: 10px;
	clear: both;
	margin-bottom: 5px;
	color: #67624f;
}
.profileedit{
/*  border-left: 1px #dcdcdc solid;
  border-right: 1px #dcdcdc solid;*/
  padding-top: 20px;
  width:948px;
 position: relative;
}


div.rightmostbutton {
    clear: both;
    float: none;
    margin: 10px 0 4px;
    text-align: right;

  position:absolute;
  top:18px;
  right:0;
}

div.rightmostbutton-in-h1 {
  float:right;
  margin: -5px 0 5px 0;
   font-size: 12px;
    font-weight: normal;
}
div.rightmostbutton-in-h1-home{
  margin-top:-15px;
}

.message div.rightmostbutton{
    top: 10px;
    right: 25px;
}
.news-maintenance div.rightmostbutton{
    top: -10px;
    right: 0px;
}

 .bottom-button{
    background-color: #EEEEEE;
    padding: 5px 0;
    text-align: center;
}



/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	ログイン、ログアウト画面
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.login #myheader,
.logout #myheader{
	background: url(bg-header-login.gif);
	border: 0px;
	position:relative;
}

.login .drawable,
.logout .drawable{
	background: #ffffff;
	margin: auto;
}

.login .drawable h1{
	display: none;
}

.login  #login-card {
	width:403px;
	height:200px;
	margin: auto;
	padding: 80px 0 0 20px;
	position:relative;
	color: #666666;
}

.login  .login-card-en {
}


.login  #login-card table{
	padding-top: 10px;
	color: #52cef5;
}

.login  #login-card table td{
	padding-bottom: 3px;
	line-height:1.2;
}

.login  #login-card table td.text{
	padding-top: 30px;
}

.login  #login-card  .login-card-bottun{
	width: 100px;
	position: absolute;
	right: 0px;
	top: 170px;
}
.login .description{
	width: 370px;
}
.login .news{
	width:670px;
	background-color:#F9F9F9;
	border:1px solid #DDDDDD;
	color:#645e51;
	margin:auto;
	margin-top: 5px;
	font-size: 12px;
	padding: 5px;
	overflow:hidden;
}

.login .login-description{
	color:#645e51;
	margin-top: 5px;
	padding-left: 58px;
}
.login .qrcode-description{
	width: 455px;
	height: 96px;
	background: url(bg-folio-qrcode.gif) no-repeat left center;
	float: left;
	color:#645e51;
	margin-top: 5px;
	padding-left: 58px;
	font-size: 12px;
}

.login .qrcode-description img{
	padding-top: 5px;
	float:left;
}
.login .qrcode-description dl{
	float:left;
	width: 270px;
	padding: 10px 5px 5px 5px;
}

.login .qrcode-description dt{
	float:left;
	width: 80px;
line-height:1.3;
padding-bottom: 5px;
}

.login .qrcode-description dd{
	float:left;
	width: 190px;
line-height:1.3;
padding-bottom: 5px;
}
.login  #footer,
.logout  #footer{
   background :url(bg-footer-login.gif) no-repeat;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		news-list
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.news-list{
	clear: both;
	background-color: #f9f9f9;
	border: solid 1px #ddd;
	margin-bottom: 5px;
}

.course .news-list{
	margin: 20px 0 10px 0;
}

.news-list .news-list-title{
	width: 648px;
	border-bottom: solid 1px #ddd;
	padding: 3px 0 0 30px;
}
.news-list .news-list-title h2{
	font-size: 12px;
	font-weight: normal;
}

.news-list .news-list-title-none{
	display: none;
}

.news-list .news-list-body{
	width: 648px;
	padding: 3px 0 3px 30px;
}

.news-list .news-list-body li{
	width: 597px;
	display: block;
	clear: right;
	float: right;
	padding: 0 0 0 30px;
	background: url(folioicon-announce-s-on.gif)  no-repeat 0 5px;
	color: #666;
	font-size: 12px;
}

.news-list-alert .news-list-body li a{
	color:  red;
	font-weight: bold;
}

.news-list .news-list-body li.GRIread {
	background: url(folioicon-announce-s.gif) no-repeat 0 5px;
}
.news-list .news-list-body li.GRIrecent {
	background: url(folioicon-announce-s-recent.gif) no-repeat 0 5px;
}
.news-list .news-list-body li.GRIunread{
	background: url(folioicon-announce-s-on.gif) no-repeat 0 5px;
}
.description ul.privatemessage li{
	background: url(icon-msg.gif)  no-repeat 0 5px;
}
.description ul.alertlist li{
	background: url(alert_announce.gif)  no-repeat 0 5px;

}
.description ul.alertlist li a{
	color: #ff0000 !important;
}
.alertlist{
padding-bottom: 10px;
}
.alertlist ul li{
    background: url("icon_alert.png") no-repeat scroll 0 1px transparent;
    min-height: 22px;
    margin-left: 5px;
    padding-left: 17px;
    padding-top: 2px;
    color: #ff0000 !important;
}
.alertlist ul li a,
.alertlist  a,
.alertlist span.unread
{
	color: #ff0000 !important;
}
.news-list .news-list-body-date{
	float: left;
	width: 80px;
	min-height: 13px;
	height: auto !important;
	height: 13px;
	padding-top: 4px;
	color: #4e92a9; 
}

.news-list .news-list-body-text{
	width: 475px;
	min-height: 13px;
	height: auto !important;
	height: 13px;
	float:left;
	padding-top: 4px;
	padding-left: 20px;
}



/*
+- - - - - - - - - - - - - - - - - - - - -+
	 基本設定
+- - - - - - - - - - - - - - - - - - - - -+
*/

ul {
 list-style: none;
 line-height: 1.3;
}

/* リスチE*/
ol {
 font-size: 100%;
 list-style: decimal inside none;
}

.nocssonly {
 display: none;
}

div.align {
 clear: both;
 float: none;
 height: 0px;
}



/* various heading tags */

h1 {
 margin: 12px 0 8px 0;
 padding: 0 0 0 6px;
 border-left: solid 5px #81c4ff;
/* font-size: 120%;*/
 font-size: 14px;
 text-align: left;
}

h2 {
 margin: 4px 0px 0px 0px;
/* font-size: 120%;*/
 font-size: 14px;
 text-align: left;

}

h3,h4,h5 {
 margin: 1px 0px 0px 0px;
 font-size: 110%;
 text-align: left;

}

.admin h1 {
 border-left: solid 5px #c66;
}

.admin  h2 {
 color: #c66;
}

.admin h3,
.admin h4,
.admin h5 {
 color: #c66;
}
.admin ul{
padding-left:8px;
margin-left:4px;
margin-top:0.5em;
}

ul.forwlink { 
	margin-bottom:15px;
	margin-left:8px;
	text-align:left;
}

body.teacherview h1 {
 border-left: solid 5px #74c2ef;
}

body.teacherview h2 {
 color: #0051ad;
}

 /*
+- - - - - - - - - - - - - - - - - - - - -+
	form tags
+- - - - - - - - - - - - - - - - - - - - -+
*/

h2 input {
 font-weight: normal;
}

.bottom-button input,
.msg-mainrerance input,
.dm-panel-footer input,
input[type=submit],
input[type=button]{
    height: 30px;
    margin: 0 5px;
    padding: 0 10px;
}
input.no-padding-button{
padding:0;
}

input.form-input-readonly{
 background-color: #F9F9F9;
}

input.form-input-text,
input.editable,
#RptForm input,
select{
 padding: 1px;
 border:1px solid #969485;
  background-color:#f6fbe5;
vertical-align:middle;
}


.reporttitle input.editable{
width: 480px;
}

.querytitle input.editable{
width: 412px;
}

.drilltitle input.editable{
width: 480px;
}

.grade_title input.editable{
width: 300px;
}

.projecttitle input.editable{
width: 430px;
}

.PageSetTitle{
width: 465px !important;
}
#PageTitle{
width: 650px !important;
}

select{
background-color:#ffffff;
}
input.form-input-calendar,
table.edit td input.form-input-calendar{
 width: 151px !important;
 padding: 1px;
 border:1px solid #969485;
}

input.radio{
 background-color: #ffffff;
 border:0px solid #ffffff !important;
 color: #ffffff;
}

input.checkbox {
 background-color: #ffffff;
 border:0px solid #ffffff  !important;
 color: #ffffff;
}

input.cancel, input.back {
/* color:#777777;*/
}

textarea {
 border:1px solid #969485;
 padding: 1px;
 background-color: #f6fbe5;
}

textarea.memo0 {
 border: none;
 padding: 4px;
}

textarea.memo1 {
 border: none;
 padding: 4px;
}

textarea.memo2 {
 border: none;
 padding: 4px;
}

textarea.memo3 {
 border: none;
 padding: 4px;
}

/* status of textbox is shown by color */
.readonly {
 background-color: #FFFFDD;
}
.saved {
 background-color: #fff;
}

/* admin */

div.tempedit {
  padding: 12px 48px 12px 48px;
  background-color: #f8fff8;
}

div.tempedit_readonly {
  padding: 12px 48px 12px 48px;
  background-color: #fffff0;
}

div.editauxbuttonlist {
 margin:0pt 0pt 0pt 220px;
 position:absolute;
}

div.editprimarybutton {
 padding:0pt;
 width:200px;
}

div.editauxbutton {
 clear:none; 
 float:left;
}




/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		エラーメッセージ
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

div.errmsg {
 font-weight: bold;
 color: red;
 list-style-image: url(/icon-stop.gif);
}

ul.errmsg {
 line-height: 1.3;
 margin-top: 0.5em;
 margin-left: 4px;
 list-style-position: inside;
/* list-style-image: url(/icon-stop.gif);*/
}

ul.errmsg li {
 font-weight: bold;
 color: red;
 list-style-image: url(/icon-stop.gif) !important;
 padding-left: 0px !important;
}

ul.system-msg {
/* padding-left: 20px;*/
 padding-top: 10px;
 padding-bottom:5px;
}
ul.system-msg li{
 padding-left: 0px !important;
 color: red;
  list-style: none !important;
}
.contentbody-s ul.system-msg {
 padding-left: 0px;
}

.asterisk-text{
 color:red;
}

.text-right{
text-align:right !important;
}

.text-left{
text-align:left !important;
}

.text-center{
text-align:center !important;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		admin header
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.admin ul li {
 list-style-image:url(marker-triangle-red.gif);
 list-style-position:outside;
 list-style-type:none;
}

.admin ul.backlink li {
 list-style-image:none;
}
span.id {
 font-weight:bold;
 text-align:left;
 width:2.2em;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		メモ
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.nodisplay {
 display: none;
}

.memobutton {
 float: right;
 border: none;
 padding-right: 2px;
}
.memobody {
 background-color:#FFFFFF;
 padding:4px 12px;
}
#memoclosebutton {
position:absolute;
right:8px;
top:8px;
}
table.stdlist tr td .memo0,
table.stdlist tr td .memo1,
table.stdlist tr td .memo2,
table.stdlist tr td .memo3{
 height: 62px;
 margin-bottom: 1px;
}

table.stdlist tr td .memo0 img,
table.stdlist tr td .memo1 img,
table.stdlist tr td .memo2 img,
table.stdlist tr td .memo3 img{
 padding: 0;

}

.memo{
	width:100%;
	padding: 4px 0px 4px 12px;
	margin-top: 5px;
	margin-bottom:5px;
	float:left;
	text-align: left;
}
.bbsmemo {
}
.collpagememo{
	width: 468px;
}
.courseheadermemo{
    background-color: #efefef;
     background-image: url('/bg-memo-none.gif');
    border-bottom: 1px solid #c8c8c8;
    border-left: 8px solid #c8c8c8;
    margin-bottom: 0;
    margin-top: -20px;
}

.memo0 {  /* 黄 */
	background-image: url('/bg-memo-0.gif');
	border-left: solid 8px #fcd86b;
        padding-left:4px;
}
input.memo0 {
 border: none;
}
table.stdlist  input.inline{
vertical-align:middle;
}

.memo0d {  /* 黄 */
 background-image: url('/bg-memo-0.gif');
 color: #666;
}

.memo1 {  /* "赤" */
	background-image: url('/bg-memo-1.gif');
	border-left: solid 8px #f7d0d0;
        padding-left:4px;
}
input.memo1 {
 border: none;
}
.memo1d {  /* "赤" */
	background-image: url('/bg-memo-1.gif');
	color: #666;
}
.memo2 {  /* 緑 */
	background-image: url('/bg-memo-2.gif');
	border-left: solid 8px #a9db3d;
        padding-left:4px;
}

.memo2d {  /* 緑 */
 background-image: url('/bg-memo-2.gif');
 color: #666;
}
input.memo2 {
 border: none;
}
.memo3 {  /* 青 */
	background-image: url('/bg-memo-3.gif') ;
	border-left: solid 8px #7dc8db;
        padding-left:4px;
}
.memo3d {  /* 青 */
 background-image: url('/bg-memo-3.gif');
 color: #666;
}
input.memo3 {
 border: none;
}
.colorbox { /* 色ボックス */
 border: 1px solid #666;
 padding: 0 8px 0 8px;
}
#memopaneltop {
 margin: 8px 0 4px 0;
}

#memopanelbottom {
 text-align: center;
 width: 100%;
}

#memodeletebutton {
 float: right;
 margin: 4px 8px 0 0;
}
#memoupdatebutton {
 font-size: 100%;
 margin: 4px 0 0 0;
 padding: 0;
 width: 6em;
}

.memo-search{
background-color:#F9F9F9;
 border:1px solid #DDDDDD;
 margin:5px 0pt;
 padding:5px 8px;
 width:662px;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	table.excel
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.excel {
 border-collapse: collapse;
 border: solid 1px #888;
 padding: 0px;
 text-align: left;
 background-color: #fff;
}

table.excel td {
 border: solid 1px #ccc;
 padding: 2px;
 text-align: left;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	table.edit
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.edit{

 border-collapse: collapse;
 border: solid 1px #999999;
 text-align: left;
    border: 1px solid #89C8FF;
    margin-bottom: 0;
    width: 100%;
}

table.edit th{
 width: 140px;

 padding: 10px 10px 10px 5px;
 text-align: right;
    background-color: #E6F4FF;
    color: #1960AD;
    vertical-align: top;
    width: 25%;
   border-bottom: 1px solid #89C8FF;

}
table.edit .no-top-border td,table.edit .no-top-border th,.eventlist tr.no-top-border td{
    border-top: medium none !important;
}

table.edit b{
    color: #3EA0F6;
    display: inline-block;
    text-align: right;
}


table.edit th.title{
 width: 100%;
background-color:#E6F4FF;
 padding: 10px 0 5px 0;
 border-bottom: solid 2px #89C8FF;
 color: #1960AD;
 font-weight: bold;
 text-align: center;
}

table.edit td{
 padding: 10px 5px 10px 20px;
    border-bottom: 1px solid #89C8FF;
}

table.edit td input.form-input-text{
 width: 350px;
}

table.edit tr.edit-doublecolumn td input.form-input-text{
 width: 220px;
}

#CollData_iframe{
  width: 410px;
  height: 300px;
}

table.edit td textarea{
  width: 480px;
  height: 300px;
}

table.edit tr.edit-doublecolumn td textarea{
  width: 240px;
}


table.edit-reportaddform td textarea.form-input-text,
table.edit-reportmodform td textarea.form-input-text{
/*  width: 410px;
  height: 150px; */
}

table.edit-reportaddform td iframe#RptForm_iframe,
table.edit-reportmodform td iframe#RptForm_iframe{
 /* width: 410px !important;
  height: 300px;*/
}
table.edit-reportaddformv2 td div{
  padding-left:5px;
}
     table.edit-reportaddformv2 td div div{
      padding-left:0;
     }

 .course div.reportsubmit-preview{
background-color: #FFDBB8;
}

.reportsubmit-hr{
    background-color: #CCCCCC;
    border: medium none;
    border-top: 1px none #CCCCCC;
    height: 1px;
    margin-bottom: 10px;
/*    margin-left: -14px; */
    margin-top: 10px;
width: 100%; 
}


#Text_iframe{
/*  width: 480px; */
  height: 300px;
}

.form textarea{
  width: 480px;
  height: 300px;
}

/* 先生が見たとぁE*/
body.teacherview table.edit {
 border-top: solid 1px #74c2ef;
 border-left: solid 1px #74c2ef;
 border-right: solid 2px #74c2ef;
 border-bottom: solid 2px #74c2ef;
 margin:8px 0px;
}

body.teacherview table.edit th.title{
 border-bottom: solid 2px #74c2ef;
}

#buttons {
 float:right;
 padding-top: 10px;
 padding-right: 10px;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	table.form
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.form {
 padding:0px;
 border-collapse:collapse;
 border-width:0px;
 text-align:left;
}

table.form tr {
 background-color:#FFFFFF;
}

table.form th.left {
 padding:2px 4px 2px 8px;
 background-color:#EEEEDD;
 border-bottom:1px solid #EEEEDD;
 border-top:0px none #EEEEDD;
 text-align:right;
 font-weight:normal;
}

table.form td {
 padding:2px;
 border-bottom:1px solid #EEEEDD;
 border-style:none none solid;
 border-top:0px none #EEEEDD;
}

.admin table.form tr td.small{
 padding-left: 5px;
}

.form .reportsubmit-form{
  width: 480px;
  padding: 20px;
  margin: auto;
  margin-top:20px;
  background-color: #ffffff;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	table.layout
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.layout {
 padding: 0px;
 border-collapse: collapse;
 border: 0px;
 text-align: left;
}


#admin table.layout {
border-color: #CC6666;
}

ul.attachments{
 margin: 0px !important;
}

ul.attachments li,
.articlebody ul.attachments li,
.pagebody .articlebody ul.attachments li  {
 height: auto !important;
 min-height: 27px;
 height: 27px;
 padding-left: 35px;
 padding-top:5px;
 margin: 0px;
 list-style: outside ;
 list-style-image: none;
 list-style-type: none;
 background: url(/portalicon-file.gif) no-repeat left center;
}

.form table.layout tr th,
.form table.layout tr td{
 padding-bottom: 5px;
 padding-left: 5px;
}

.small {
 font-size:11px;
}

.space{
 height: 180px;
}

table.layout th.top {
 background-color:#7B7660;
 border-bottom:1px solid #CCCCCC;
 color:#FFFFFF;
 text-align: left;
}

table.layout tr.searchlist{
 border-bottom: solid 1px #CCCCCC;
}

table.layout tr td{
 padding-right: 5px;
}

body.community table.layout tr{
 border-bottom: solid 1px #CCCCCC;
 }

.admin table.layout tr.searchlist{
 background-color: #fafafa;
}

#systemdebug table.layout tr{
 background-color: #ffffff !important;
}

.admin table.layout tr th{
 font-weight:normal;
}

.form table.layout-preview tr th {
   padding-right:15px;
}

.board  #afform {
  width: 612px;
}

.board  #afform body{
margin: auto;
}

#admin table.layout .closed{
 color:#999999;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	table.stdlist
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.stdlist{
 border-collapse: collapse;
 text-align: left;
 border: solid 1px #89c8ff;
 width: 100%;
}
#admin table.stdlist,
#admin table.stdlist tr td,
#admin table.stdlist tr th{
border-color:#CC6666;
}

#admin table.stdlist tr.title th{
background-color:#F8F8F8;
color:#CC6666;
}

table.stdlist a{
 text-decoration: none;
}

table.stdlist img{
 vertical-align:middle;
 text-decoration: none;
}

table.stdlist tr.row,
table.stdlist tr.row0{
 background-color: #f7f7f7
}

table.stdlist tr.title{
 height: 30px;
 background-color: #dff0ff;
 border-bottom: solid 3px #89c8ff;
    color: #1960AD;
}
table.stdlist tr.title th{
 border-bottom: solid 3px #89c8ff;
    background-color: #dff0ff;
}

table.stdlist tr th{
 padding:3px;
 border-left: solid 1px #89c8ff;
 border-right: solid 1px #89c8ff;
 font-weight: bold;
 text-align: center;
}

table.stdlist tr td h3 span img{
 padding-left: 5px;
}

table.stdlist tr td.bordernone,
table.stdlist tr th.bordernone{
 border-left: solid 0px #89c8ff;
 border-right: solid 0px #89c8ff;
}

table.stdlist tr td .source{
 font-size:80%;
}

table.stdlist tr td{
 padding: 4px;
 height: 20px;
 border-left: solid 1px #89c8ff;
 border-right: solid 1px #89c8ff;
 vertical-align: middle;
}

.user .mypage table.stdlist tr td,
.home .collection table.stdlist tr td,
.home .mycollection table.stdlist tr td{
 border-bottom: solid 1px #89c8ff;
}

table.stdlist tr td.row,
table.stdlist tr td.row0{
 background-color: #f7f7f7;
 padding-left: 8px;
}

table.stdlist td.left {
padding-left:8px;
text-align:left;
}
table td.center {
text-align:center;
}

table.stdlist tr td.tunread a,
table.stdlist tr td .nunread a,
table.stdlist tr td .nunread{
 color: #e50007;
}

table.stdlist tr td .nunread a:hover{
 color: #e50007;
 text-decoration: underline;
}

table.stdlist tr td.tunread,
table.stdlist tr td.center{
 text-align: center;
}

th.left {
 text-align:right;
}

.collection table.stdlist tr.title th.left,
.mycollection table.stdlist tr.title th.left,
.mypage  table.stdlist tr.title th.left{
  width: 135px;
}

.contents-preview #header,
.contents-preview .pageheader-groupV2 ,
.contents-preview .pageheader-groupV3,
.contents-preview .pagebuttons,
.contents-preview .articleauthor-pageedit,
.contents-preview .contents-subscribe{
 display:none;
}
.contents-preview .pagebody{
padding-top: 0px !important;
}

.contents-admin table.stdlist .unpublishd{
background-color:#e5ecf2;
}

.contents ul.infomsg{
     padding-left: 20px;
    padding-top: 10px;
}

.contents ul.infomsg li{
 list-style:none !important;
 color:red !important;
}

/* collectionlist*/
table.stdlist .stdlist-collection{
	width: 525px;
	padding-bottom: 2px;
	float:left;
	clear: both;
}

table.stdlist .stdlist-collection .stdlist-collection-title{
	width: 220px;
	float:left;
}

table.stdlist .stdlist-collection .stdlist-collection-files{
	width: 100px;
	float:left;
	text-align: center;
}

table.stdlist .stdlist-collection .stdlist-collection-date{
	width: 110px;
	float:left;
	text-align: center;
}

table.stdlist .stdlist-collection .stdlist-collection-comments{
	width: 90px;
	float:left;
	text-align: center;
}

.home .update {
 color: red ;

 font-weight: bold;
}

.home a.update:hover{
 color: red ;
}

table.stdlist  .stdlist-collection a:hover{
 text-decoration: underline;
}
/* レポートの設定　*/


table.stdlist h3 {
 color:#333333;
 font-size:100%;
 font-weight:bold;
}

table.stdlist tr td.reportinfo{
 font-weight:bold;
}

table.stdlist ul.status {
 margin: 0px;
}

table.stdlist ul.status li {
 /*margin:0pt 0pt 5px;*/
 list-style-image: none;
 list-style-position: outside;
 list-style-type:none;
 font-size:100%;
}

.period ,
.reportstatus{
 color:#5a5a5a;
/* font-size:80%;*/
 font-size:11px;
}

.deadline ,
table.stdlist ul.status-a li,
table.stdlist ul.status-p li{
 color:red;
}

table.stdlist ul.status-c li {
 color:#999999;
}

table.stdlist ul.status-u li {
color:#556FB5;
}

table.stdlist ul.buttons {
 margin:0pt auto;
 padding:4px 0pt;
}

table.stdlist ul.buttons li {
 width:67px;

 padding:2px 20px;
 background-color:#FFFFFF;
 border:1px solid #CCCCCC;
 display:inline;

 font-size:100%;
 text-align:center;
}

table.stdlist ul.buttons li a:hover{
 text-decoration: underline;
}

table.stdlist tr .border {
 border-right: solid 1px #cccccc;
/* font-size: 90%; */
 text-align: left; 
}

table.stdlist tr .bordertop {
 height: 25px;

 padding-left: 10px;
 border-top: solid 1px #cccccc;
/* font-size: 90%; */
 text-align: left; 
}

table.stdlist tr .borderbottom {
 height: 25px;
 padding-left: 10px;
 border-bottom: solid 1px #cccccc;
/* font-size: 90%; */
 text-align: left; 
}

.description {
 background-color:#F9F9F9;
 border:1px solid #DDDDDD;
 margin:5px 0 5px 0;
 padding:5px 8px;
    border-radius: 4px 4px 4px 4px;
}

/* リマインダ設定*/

table.remindersetting th {
 padding-right: 8px;
 padding-bottom:15px !important;
 text-align: right;
 vertical-align: baseline;
}

table.remindersetting td {
 padding-left: 8px;
 padding-bottom:15px !important;
 text-align: left;
 vertical-align: baseline;
}

table.remindersetting {
 border:2px solid #89C8FF;
    border-collapse: separate;
   padding:0;
}

table.remindersetting tr.remindersetting-title th ,
table.remindersetting tr.remindersetting-title td {
 border-top:1px solid #89C8FF;
}
table.remindersetting  th ,
table.remindersetting td {
/* padding-bottom: 20px !important; */
 border-top:1px dotted #89C8FF;
   border-bottom: medium none;
}

table.remindersetting  .remindersetting-comment {
 font-size: 11px;
 padding-top:5px;
}
/*
先生、adminが見たとぁE
*/

body.teacherview table.stdlist .border {
 border-right: solid 1px #74c2ef;
}

body.teacherview table.stdlist .borderbottom {
 border-bottom: solid 1px #74c2ef;
}

body.teacherview table.stdlist .bordertop {
 border-top: solid 1px #74c2ef;
}

body.teacherview table.stdlist{
 border: solid 1px #74c2ef;
}

body.teacherview table.stdlist tr.title{
 background-color:#D6F0FE;
 border-top: solid 1px #74c2ef;
 border-bottom: solid 3px #74c2ef;
 color: #221964;
}

body.teacherview table.stdlist tr th{
 border-left: solid 1px #74c2ef;
 border-right: solid 1px #74c2ef;
 border-bottom: solid 3px #74c2ef;
}

body.teacherview table.stdlist tr td{
 border-left: solid 1px #74c2ef;
 border-right: solid 1px #74c2ef;
}

body.teacherview table.stdlist tr.row,
body.teacherview table.stdlist tr.row0{
 background-color: #f7f7f7;
 padding-left: 8px;
}

body.teacherview table.stdlist tr td.row,
body.teacherview table.stdlist tr td.row0{
 background-color: #f5f6fe;
}
table.stdlist-attendlist td.no-right,
table.stdlist tr td.no-right{
border-right:medium none !important;
}
table.stdlist-attendlist td.no-left,
table.stdlist tr td.no-left{
border-left:medium none !important;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		table.mblist
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.mblist{
 width: 100%;
 border-collapse: collapse;
 text-align: left;
 border: solid 1px #89c8ff;

}

table.mblist tr{
 text-align: center;
}

table.mblist tr.nolink{
 cursor: default;
}

table.mblist tr.title th{
 height: 30px;
background-color:#dff0ff;
 border-bottom: #89c8ff solid 3px;
 color: #1960AD;
 cursor: default;
 padding: 0 5px;
}

table.mblist td{
 padding: 4px 0 4px 0;
 height: 20px;
}

table.mblist a:hover{
 text-decoration: none;
}

table.mblist td.username img{
 vertical-align:middle;
 text-decoration: none;
 padding-right:5px;
}

table.mblist td.username,
table.mblist th.username{
 width: 30%;
}

table.mblist th.usergrade,
table.mblist td.usergrade,
table.mblist th.userorg,
table.mblist td.userorg{
  width: 20%;
 }

table.mblist tr.row1{
 background-color: #f7f7f7;
}

.coursemember,
.communitymember{
  padding-top: 15px;
}

.communitymember a.useradd{

 float: right;
 background: url(marker-jump.gif) no-repeat left center;
 padding-left: 20px;
}



/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	div.form
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
div.form {
 background-color: #E6F4FF;
 border: solid 1px #89C8FF;
 border-top: solid 3px #89C8FF;
 margin: 8px 0 8px 0;
 padding: 8px;
}
#admin div.form{
border-color:#CC6666;
background-color:#F8F8F8;
}
#admin div.wizard-form{
   background-color:#fff;
}

#admin .wizard-form div.form,
.course .wizard-form div.form{
   border-color: #999999;
    border-top-width: 1px;
    padding: 10px;
}

div.form h3{
 margin-top: 10px;
}

.admin div.form h3{
color:#7D765A;
}

div.form .section{
 padding-left: 50px;
}

div.form .section table td{
 padding-left: 10px;
}

div.form-button {
  text-align:center;
}
.upload_area{
 margin:5px 0 10px 15px;
}

.upload_area input{
 margin-bottom:2px;
}

body.teacherview div.form {
 border: solid 1px #74c2ef;
 border-top: solid 3px #74c2ef;
}

.textcenter{
 padding-left: 80px;
 padding-right: 80px;
}

.textcenter p{
 padding: 15px 0 15px 50px;
}

.form .reportweb{
 margin:0pt auto;
 padding: 24px 48px 24px 48px;
 width:495px;
 border: solid 1px #74c2ef;
 background-color:#F5F6FE;
}

.form .reportweb .reportwebinner{
 background: #fff;
 padding: 10px 15px 10px 15px;
}

.form .buttons{
 padding: 10px;
}

.form .upload{
  padding: 5px 0 5px 0;
  border-bottom: 1px dotted #ccc;
  vertical-align: middle;
}

.formtitle{
  margin-bottom: -8px;
  padding: 6px 8px 3px 8px;
  border: solid 1px #89C8FF;
  text-align: center;
  font-size: 110%;
  color: #666666;
}

#admin .formtitle{
border-color:#CC6666;
}
body.teacherview div.formtitle {
 border: solid 1px #74c2ef;
  color: #74c2ef;
}


.bbspostform{
 margin: 0 auto;
 width: 620px;
 font-weight: normal;
}

.expired {
 color:#5a5a5a;
}

/*
+- - - - - - - - - - - - - - - -+
	成績
+- - - - - - - - - - - - - - - -+
*/

span.circle {
 position:relative;
}
span.circle span.number {
 color:#FFFFFF;
 left: 6px;
 position: absolute;
 top: 1px;
font-weight: normal;
}
th.grade-circle-th {
 vertical-align: top!important;
 text-align: right!important;
}
span.circle img {
 vertical-align: middle;
}

#qtstatus {
 background-color:#FFFFFF;
 border:1px solid #74C2EF;
 clear:right;
 float:right;
 margin:22px 8px 0pt 5px;
 padding:4px 8px;
 width:180px;
}

#qtstatus h2{
 color: #0051AD;
 font-size:100%;
}

span.circlenumber {
 background:transparent url(/circle20x20blue.gif) no-repeat scroll 0%;
 color:#FFFFFF;
 display:inline;
 font-size:10pt;
 padding:2px 12px 4px 6px;
 width:20px;
 font-weight: normal;
}
.admin span.circlenumber{
 background-image:url(/circle20x20red.gif) ;
}

#rptgrade dl dt {
 margin-top:8px;
}

div#rptgrade dl dd {
padding:2px 2px 2px 20px;
}

#rptdlall,
form#rptdlzip {
display:inline;
}

ul.infomsg {
 line-height:1.3;
 padding-left:4px;
 padding-bottom: 0.5em;
 margin-top:0.5em;
 margin-left:16px;
}

.icon ul.infomsg {
 font-weight:bold;
}

.icon div{
 padding-bottom: 5px;
}

ul.infomsg li {
 list-style-image: url(mkfolio-triangle.gif);
 list-style-position:outside;
 list-style-type:none;
}
.preferences ul.infomsg li {
 list-style-image: url(mkfolio-triangle.gif);
 color: red;
 font-weight: bold;
}
/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	掲示板
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
/* 未読既読 */

div.GRIrecent {
 border-left: solid 4px #ffdbb8;
}
div.GRIread {
 border-left: solid 4px #fff;
 border-color: transparent;
}

tr.row0 .GRIread,
tr.row .GRIread {
 border-left: solid 4px #f5f6fe;
}

div.GRIunread {
 border-left: solid 4px #F6AA81;
}

h2.topictitle{
 padding-left: 15px;
 font-size: 90%;
 
}

/* メッセージ外枠 */
.articlecontainer {
 margin-top: 0px;
 margin-bottom: -1px;
 margin-left:  0px;
 padding-left: 3px;
}

#mypage .articlecontainer{
 margin-top: 0;
}

/* メッセージヘッダー */
.articleheader {
 margin-left: -3px;
    border: 1px solid #70BCFF;
    background-color: #DDF2FF;
}

h3.articlenumber {
 width: 43px;
 height: 26px;
 margin: 0;
 padding-top: 7px;
    background-color: #70BCFF;
 font-size: 110%;
 font-weight: bold;
 text-align:center;
 color: #fff;
 float: left;
 clear: left;
}

.articlesubject {
clear:none;
float:left;
font-size:110%;
font-weight:normal;
height:auto !important;
min-height:24px;
overflow:hidden;
padding:7px 0 0 8px;
position:relative;
}

.course .threadV3  div.button-switchview{
float:left;
}


.threadV3 .articlesubject {
width :350px;
}

.threadV3 .articleauthor{
width: 220px;
float: right;
padding-right: 10px;
padding-top: 12px;
text-align: right;
}

.thread-new .articleauthor {
 display:none;
}
.thread-new  .articlesubject {
width :630px;
}


.threadV3 .articleauthor .articleauthor-name,
.threadV3 .articleauthor a{
 display: inline-block;
 width: 100px;
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
vertical-align: text-bottom;
 padding-left: 10px;
}

.threadV3 .articleinfo ,
.threadV3 .articleauthor{
 color:#5A5A5A;
}
/* メッセージ */
.articletext-management{
 height: auto !important;
 height: 200px;
 min-height: 200px;
}

.articlebody {
border: 1px solid #70BCFF;;
 margin: -1px 0 0 -3px;
 padding: 10px 0 0 42px;
 position: relative;
}
.centernews  .articlebody{
 padding: 10px 0 10px 42px;

}

/* editbox　公開後 */
.thread .articlebody{
    padding: 17px 0 5px 54px;
}

.thread .articlebody div.articlebody-msgbody{
/*    color: #333333;*/
    font-size: 13px;
    line-height: 1.6;
    padding-right: 30px;
    padding-bottom: 20px;
}
.msg-text h1,body.rteditor h1,.articlebody h1,.articletext h1{
    background: url("bg_h1_msg-text.gif") repeat-y scroll 0 0 #E8F3FC;
    border: medium none !important;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 5px 5px 5px 15px;
}
.msg .msg-title-important{
 padding-bottom:5px !important;
 position:relative;
}
.msg .msg-important{
    clear: both;
    color: red;
    font-size: 12px;
    font-weight: bold;
    right: 20px;
    text-align: right;
}
.msg .msg-kinkyu{
   background-color: #005ABB;
    color: #FFFFFF;
    font-size: 14px;
    font-weight: bold;
    padding: 3px 0;
    text-align: center;
}


.msg-text h2,body.rteditor h2,.articlebody h2,.articletext h2{
    color: #3EA0F6;
    font-size: 14.5px;
    margin-bottom: 10px;
}
.msg-text h3,body.rteditor h3,body.rteditor h3,body.rteditor h4,body.rteditor h5,.articlebody h3,.articletext h3{
    border-left: 5px solid #81C4FF;
    margin-bottom: 10px;
    padding-left: 5px;
}
.msg-text ul, .msg-text ol,body.rteditor ol,body.rteditor ul,.articlebody ul,.articletext ul,.articlebody ol,
.previewpanel .articletext ol{
    padding-bottom: 10px;
    margin-left: 5px;
}
.msg-text ul li,body.rteditor ul li,.articlebody ul li,ul.queryconfirm li, .querypaper ul li,
.previewpanel .articletext ul li{
    line-height: 1.6;
    list-style: disc inside url("marker-diamond.gif");
    padding-left: 15px;
}

.msg-text ol li,body.rteditor ol li,.articlebody ol li,
.previewpanel .articletext ol li{
    line-height: 1.6;
    padding-left: 15px;
    list-style: decimal inside none !important;
}
.queryadm .queryv4 hr, .msg-text hr ,body.rteditor hr,.articletext hr,.articlebody hr{
   border-width: 1px 0px 0px 0px; 
   border-style: solid;
   border-color:#89c8ff;
   height: 1px; 
}
.queryv4 hr.webat-page-sep,
.msg-text hr.webat-page-sep,
body.rteditor hr.webat-page-sep,
.articletext hr.webat-page-sep,
.articlebody hr.webat-page-sep {
    border-top-style: dashed;
    border-top-width: 3px;
    margin: 10px;
}
.msg-text p ,body.rteditor p,body.rteditor p,.articlebody p,.articletext p{
    line-height: 1.4em;
    margin-top: 2px;
}
.msg-text pre,body.rteditor pre,.articlebody pre,.articletext pre{

}
.msg-text blockquote ,body.rteditor blockquote,.articlebody blockquote,.articletext blockquote{
    background-color: #f7f7f7;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding: 13px 13px 13px 15px;
}

/* attachment*/
.pageattachments ul li{
   list-style:none;
    height: auto !important;
    list-style: none outside none;
    margin: 0;
    min-height: 27px;
    padding-left: 35px;
    padding-top: 5px;
}

.user .mypage  .pageattachments table.stdlist tr td,
.home  .collection .pageattachments table.stdlist tr td,
.home  .mycollection .pageattachments table.stdlist tr td{
 border-bottom: medium none;
}



.articlebody textarea ,
.articletext textarea,
.articlebody input ,
.articletext input {
 width: auto;
 height: auto;
/* border:1px solid #969485;*/
 padding:1px;
}

input.radio ,
input.checkbox ,
.yesnoselection label{
margin-right: 4px;

}


.articlefiles-reporthtml textarea,
 .articlefiles-reporthtml input{
 border:1px solid #CCCCCC;
}
.articlefiles-reporthtml .radio,
 .articlefiles-reporthtml .checkbox{
 border:0px;
 }
 
 .articlefiles-reporthtml li.checked{
  font-weight: bold;
 }

.authoricon {
    margin-left: -48px;
    position: absolute;
    top: 5px;
}

.articleinfo {
 border-top: solid 1px #cccccc;
 margin: 10px 10px 0 0;
 padding-top: 2px;
 text-align: right;
}

.threadV3 .articleinfo {
 border-top: dotted 1px #cccccc;
 margin: 0px;
 padding-top:5px;
}

.threadV3 .articleinfo img{
 margin-left: 5px;
}

.threadV3 .articleinfo .posted-time{
 padding: 0 5px;
}

.threadV3 .articlebody div.articlebody-msgbody{
padding-bottom:10px;
padding-right: 0;
}

.threadV3 .articlebody div.articlebody-msgbody .parentmsg-no a,
.thread-print .articlebody div.articlebody-msgbody .parentmsg-no a{
   background: url("icon_bbs_replay.png") no-repeat scroll 0 center  ;
 font-weight: bold;
 font-size: 14px;
}
.threadV3 .articlebody div.articlebody-msgbody .parentmsg-no a:hover,
.thread-print .articlebody div.articlebody-msgbody .parentmsg-no a:hover{
   background: url("icon_bbs_replay-hover.png") no-repeat scroll 0 center  ;
text-decoration:none;
}
.thread-tree div.articlebody-msgbody .parentmsg-no{
 display:none;
}

.threadV3 .articlebody div.articlebody-msgbody .parentmsg-no  a span,
.thread-print .articlebody div.articlebody-msgbody .parentmsg-no  a span{
background-color: #70BCFF;
border-radius: 2px 2px 2px 2px;
    height: auto;
    margin: 4px 5px 4px 13px;
    padding: 0px 7px;
    width: 30px;
color: #ffffff;
}
.threadV3 .articlebody div.articlebody-msgbody .parentmsg-no  a:hover span,
.thread-print .articlebody div.articlebody-msgbody .parentmsg-no  a:hover span{
background-color: #9fcf3a;
}

.threadV3  .articlebody{
padding-top:5px;
padding-right:10px;
}

.articleinfo-deleted{
 display: block;
 position:absolute;
 bottom:0px;
 right:0px;
 width: 500px;
 color: #888;
 text-align: right;
 font-size:12px;
}

#mypage p.articleinfo{
 padding-bottom: 5px;
}

.articlebuttons {
 width: 100%;
 text-align: right;
 margin: 0 0 -10px 0;
 padding: 20px 0 0 0;
}

.articlecontainer .articlebody  #msgdelete{
  text-align: right;
 margin: 0 10px 10px 0;
}

.thread {
 margin:0pt auto;
 padding:0pt;
}

.thread-title{
cursor: pointer;
}

/*admin articlebody*/

.admin .articlebody{
border-color:#CC6666;
    padding-bottom: 10px;
}
.admin .articlebody h3 {
    color: #1a1a1a;
}
#admin .articlebody ul li{
list-style: inside url("marker-diamond1.gif") disc;
}
/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		community
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#communityinfo{
  width: 300px;
  min-height: 459px;
  height: auto !important;
  height: 450px;
  float: left;
  
  margin: 12px 7px 10px 0;
  padding: 5px 10px 5px 10px;
  border: solid 1px #a9a9a9;
}

#communityinfo h2{
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px #a9a9a9;
  font-weight: normal;
}
/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	プロフィール
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.tpanel_frame .profile,.tpanel_frame .profileedit,.pagebody div.profile{
    background: none repeat scroll 0 0 #b6ddff;
    border-radius: 5px 5px 5px 5px;
    margin: 20px auto;
    padding: 35px 5px 40px;
    width: 492px;
    text-align: left;
    box-shadow: 1px 1px 5px #727272;
}
.pagebody div.profile{
    box-shadow:none;
}

.profile .prof-panel,.profileedit .prof-panel{
    background-color: #FFFFFF;
    padding: 10px 20px;
    position: relative;
}
.profile .prof-box-header,.profileedit .prof-box-header{
    left: 160px;
    position: absolute;
    top: 50px;
}
 .profile .prof-header, .pagebody .prof-header{
    height: 130px;
}

.profile .prof-setting-button{
    position: absolute;
    right: 10px;
    top: 135px;
    width: 120px;
}

 .profile .prof-header h2, .pagebody .prof-header h2, .profileedit .prof-header h2{
    color: #71A2D6;
    left: 5px;
    position: absolute;
    top: -30px;
}
.profile .prof-box-header h3,.profileedit .prof-box-header h3,
.user div.username h3
{
    color: #1960AD;
    font-size: 18px;
    padding-bottom: 5px;
}

.profile .prof-header img,.profileedit .prof-header img{
    border: 1px solid #ABABAB;
    float: left;
    margin-top: 15px;
    text-align: left;
}

.prof{
  width: 648px;
  border: 6px solid #f0efea;
  padding: 10px;
  margin-bottom: 10px;
}

.prof .notyet{
	color: #7C7C7C;
}

.prof dl dt{
	color:#67624F;
	font-weight: bold;
}

.prof dl dd{
	padding: 0 0 20px 20px;
}
.tpanel_frame .profile .prof-footer .prof-close-button,.pagebody .profile .prof-footer .prof-close-button{
    bottom: -35px;
    position: absolute;
    right: 199px;
    width: 102px;
}
.tpanel_frame .profileedit .prof-footer,.pagebody .profileedit .prof-footer{
padding-top:10px;
width:200px;
margin:0 auto;
    text-align: center;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	編集画面
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.edit{
  width: 648px;
  border: 6px solid #f0efea;
  padding: 10px;
  margin-bottom: 10px;
}

.edit dl dt{
	color:#67624F;
	font-weight: bold;
	padding-bottom: 5px;
}

.edit dl dd{
	padding: 0 0 20px 20px;
}

.edit dl dd .form-input-text{
	width: 550px;
}

.edit dl dd .form-textarea{
	width: 550px;
	height: 160px;
}
/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		コレクション
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.contents {
 margin: 16px 0 0 0;
}

.collectioncontainer ,
.pagecomcontainer{
 position: relative;
/* width: 480px;*/
 clear: both;
}
.course .collectioncontainer {
 width: 680px;
}

.collectioncontainer h1.collection {
 width: 475px;
 margin: 0 0 5px 0;
 padding:0 0 0 5px;
 border-bottom: solid 1px #FE6B59;
}


.home .collectioncontainer h1{
}

.user .collectioncontainer h1{
 border-left:5px solid #6CCFEB;
}
.user .collectioncontainer h1.collection {
 border-bottom: solid 1px #6CCFEB;
}

.course .collectioncontainer h1.collection {
 border-bottom: solid 1px #959487;
}

.course .collectioncontainer h1 {
  border-left:5px solid #959487;

}


.collectioncontainer h1.collection img{
 vertical-align:middle;
 margin-right: 7px;
}

.collectioncontainer h1.collection img.collection-icon{
 margin-right: 2px;
}

.collectioncontainer .userinfo,
.collectioncontainer .collectioninfo{
 width:478px;
 position: relative;
 padding-bottom: 10px;
}

.collectioncontainer .userinfo h2,
.collectioncontainer .collectioninfo h2{
font-size:100%;
color:#666666;
}
.collectioncontainer .to_usercoll{
 width:478px;
 position: absolute;
 top: 0px;
 text-align: right;
}


.collectioncontainer h2.category{
 width:478px;

 margin-bottom: 10px;
 color: #e50007;
 text-align: right;
 font-size: 100%;
}

.articleunread {
 border-left: solid 4px #ff9933;
}

.articlecomment {
 width: 60px;
 height: 28px;

 padding: 4px 10px 0 0;
 float: left;
 clear: none;
 display: none;
}

.articleinfolist {
 color: #888;
}

.articletext{
 width: 480px;
 padding: 5px;
}
.contentbody-left .articletext{
 width:610px;
} 
.contentbody-left  .pagecomcontainer  .articletext,
.syllabus-comments .pagecomcontainer .articletext,
.previewpanel .pagecomcontainer .articletext
{
 width:575px;
 padding-left: 15px;
 padding-right: 10px;
}
.reporttext{
 border: 1px solid #9fcf3a;
 min-height: 10px;
/* min-height: 100px;*/
 height: auto !important;
 height:10px;
/* height: 100px;*/
 margin-top: 5px;
    margin-bottom: 15px;
}
.reporttext-title{
 background: #f4fbe2;
 padding-left: 10px;
 font-weight: bold;
 padding-top: 3px;
}
.reporttext-body{
 padding:10px;
}
.reporttext-body .reportinfo{
    border-top: 1px dotted #BFBFBF;
    margin-top: 5px;
    padding-top: 5px;
}
.query-form .reporttext{
  width: 600px;
  margin:10px auto
}


/*レポート詳細*/
. report-collection-info{
 width: 480px;
 padding: 5px;
}

.report-submit-list{
position:relative;
   padding-bottom: 10px;
}
.report-submit-list h3, h3.reportauthor,
h3.querysubmitter{
    background-color: #ECFCD7;
    border: medium none;
    font-size: 14px;
    padding: 5px 10px;
 margin-bottom: 0;
}
.report-submit-list .report-submit-link{
  padding-left: 20px;
   height: 20px;
}
.report-submit-list .report-delete-button{
    border: medium none;
    bottom: 9px;
    cursor: pointer;
    height: 21px;
    line-height: 0;
    position: absolute;
    right: 5px;
}


/*レポートをwebで成績登録*/
.editgrade{
  border: 1px solid #FBB372;
}
.editgrade h2.editgrade-title{
    background: none repeat scroll 0 0 #FFF3E2;
    color: #1A1A1A;
    margin-top: 0;
    padding: 3px 5px;
}
.editgrade .editgrade-text{
    padding-bottom: 10px;
    padding-left: 20px;
    text-align: left;

}
.editgrade .editgrade-body h3{
    background: #FFF3E2;
    border: medium none;
    color: #F6440D;
    margin: 0 15px;
    padding: 5px 5px 5px 5px;
  font-size:14px;
  width: 579px;
}
.editgrade .editgrade-body table{
    border-collapse: collapse;
        margin: 0 15px 20px;
    width: 589px;
}
.editgrade .editgrade-body table.grade-open{
}

.editgrade .editgrade-body table input{

}
.editgrade .editgrade-body table th{
        padding: 5px 10px;
    text-align: right;
    width: 100px;
}
.editgrade .editgrade-body table td{
        padding: 5px 10px;
}
.editgrade .editgrade-body table.grade-open td,.editgrade .editgrade-body table.grade-open th{
   background-color:#FFF3E2;
}
.editgrade .editgrade-body table.report-grade{
    border: 1px solid #FBB372;

}
.editgrade .editgrade-body table.report-grade td{
    background-color: #FFFFFF;
}
.editgrade .editgrade-body table.report-grade td strong{
    color: #F6440D;
    font-size: 16px;
}
.editgrade .editgrade-body table.report-grade-teacher tr:last-child td{
    background-color: #FFFFFF;
    border-top: 1px solid #FBB372;
}
.editgrade .editgrade-body table.report-grade-teacher tr:last-child th{
    background-color: #EEEEEE;
    border-top: 1px solid #FBB372;
}

.articleimage {
 display: block;
 margin: 0;
 overflow: scroll;
 padding: 0;
 vertical-align: middle;
}

.articlegrade {
background-color:#D6F0FE;
border:1px solid #74C2EF;
margin:0px 0pt 0pt;
padding:4px 10px;
width:465px;
}
.collectionauthor {
 width: 490px;
 margin: 0 0 4px 0;
 padding-top: 7px;
 border-top: solid 1px #ccc;
 color: #888;
}

.collectionauthor a img{
 vertical-align:bottom;
}

.messagerenewal{
 width: 490px;
 margin: 10px 0 4px 0;
 padding-top: 2px;
 color: #888;
}

div.attachments{
 width: 480px;
 border-top: 1px dotted black;
 padding-top: 8px;
 margin-top: 16px;
}

.captionbottom{
 padding-bottom: 15px;
}

.articlefiles{
  padding-bottom: 15px;
}

.collectionindex {
 float: right;
 width: 174px;
}

.collectionnote {
 padding: 1px 0 1px 0;
 font-size: 90%;
 color: red;
}

ul.collectionlist {
 margin: 0 0 0 16px;
 padding: 0;
}
ul.collectionlist li {
 margin: 2px 0 2px 0px;
 list-style: outside url(mkfolio-triangle.gif) none;
}

ul.collectionlist li a:hover{
 text-decoration: underline;
}

ul.collectionlist li.current {
 margin-left: 0px;
 background-color: #E6E6DD !important;
}

ul.collectionlist li.GRIunread {
 list-style-image: url(marker-triangle-unread.gif) !important;
}

ul.collectionlist li.GRIrecent {
 list-style-image: url(marker-triangle-recent.gif) !important;
}

/*
+- - - - - - - - - - - - - - - - - - - - -+
	コレクションの掲示板
+- - - - - - - - - - - - - - - - - - - - -+
*/

.pageattachments {
/* width: 480px;*/

 margin: 16px 0 0 0;
 padding: 8px 0 0 0;
 border-top: dotted 1px #000;
} 

.pagecomment {
/* width: 460px;*/
 margin: 0px;
 margin-left: 20px;
 padding: 4px 0px 4px 0px;
 border: 1px solid #CCC;
 background-color: #f7f7f7;
 clear:both;
}

.pagecomlist {
/* margin-top: 8px;*/
 clear:both;
}

.pagecomentry {
/* width:465px;*/
 padding-top: 2px;
 border-bottom: dotted 1px #ccc;
 min-height: 5ex;
}

.pagecomentry-deleted {
color:#A9A9A9;
height: 29px !important;
min-height: 29px !important;
}
.pagecomseqno {
 clear: left;
 float: left;

 margin: 2px 4px 0 0;
 padding: 0 3px 0 3px;
 background-color:#7B7660;
 font-size: 80%;
 color: #fff;
}
.pagecomsubject{
 font-size: 14px;
 padding-right: 10px;
 padding-top: 5px;
 padding-bottom: 3px;
}
.pagecomviewall{
    padding: 5px 0 0;
    text-align: right;
}

.pagecomentry-deleted .pagecomseqno {
background-color:#A9A9A9;
}
.pagecommessage {
 width: 460px;
 clear: both;

 padding-top: 5px;
 padding-bottom: 8px;
}

/*
.pagecommessage ul li {
 list-style-image:url(mkfolio-triangle.gif);
 list-style-position:outside;
 list-style-type:none;
 margin-left:12px;
}

.pagecommessage blockquote{
 background-color:#f7f7f7;
 border-color:#CCCCCC;
 border-style:solid none solid solid;
 border-width:1px;
 margin:0.5em 0pt 0.5em 2em;
 padding:1px 0pt 1px 2px;
}
*/
.pagecomauthor {
 margin-top: -2px;
 margin-bottom: 4px; 
 color: #888;
 font-size: 90%;
 text-align: right;
}

.pagecomcontainer  .pagecomauthor{
padding-right: 10px;
}


/*添付ファイル*/
.pagecomment .attachments{
 width: 462px;
}

/*コメント投稿*/

#pagecomform{
 padding-top:30px; 
}
.commentbutton-container{
position:relative;
}
#pagecomform #CommentSubject{
width: 610px;
}

.bt-bottom-good{
position: relative;
}

.bt-bottom-good input{
position: absolute; 
top: 11px;
right: 200px;
border: 0px;
    width: 87px;
    height: 31px;
    background: url(button_good.png) left top no-repeat;
    text-indent:-5000px;
}

.bt-bottom-good input:hover{
    background: url(button_good-focus.png) left top no-repeat;

}

/* message */

.privatemessage .pagecomment{
  border: 0px;
}

.privatemessage .pagecomentry{
 width:445px;
 border:1px solid #CCCCCC;
 padding:10px;
 margin-bottom:10px;
}

.privatemessage .pagecommessage{
 width:440px;
 border-top:1px dotted #CCCCCC;
}


/* レポート　ボタン */
span.querypanel {
 width:150px;
 margin-right:2px;

 border:thin outset;
 background-color:#EEEEEE;
 cursor:pointer;
 font-size:100%;
 color:#444444;
 text-align:center;
}

/* ナビ */

div.navigator {
 padding: 1px 1px 2px 4px;
 margin: 8px 0px 8px 0px;
 border-top: solid 1px #ccc;
 border-right: solid 1px #F8F8FF;
 border-bottom: solid 1px #F8F8FF;
 border-left: solid 1px #ccc;
 background-color: #F8F8F8;
}

.navigator .bbspagerlinks{
  float: right;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	list
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
#upload  table{
font-size: 12px;
}

table.list {
 border-collapse: collapse;
 border-width: 0px;
 padding: 0px;
 text-align: left;
}

table.list th.top {
 padding: 1px 2px 1px 2px;
 background-color: #eee;
 border-top: 0px none #eee;
 border-bottom: 1px solid #ccc;
 text-align: left;
}

table.list th.left {
 padding: 2px 8px 2px 4px;
 background-color: #eee;
 border-top: 0px none #eee;
 border-bottom: 1px solid #ccc;
 text-align: right;
}

table.list tr.row{
 background-color: #F5F5F1;
 padding-left: 8px;
}

.admin table.list tr th.top{
 font-weight: normal;
}

.admin table.list tr{
 background-color: #fafafa;
}

table.list td {
 border-style: none;
 border-top: 0px none #eee;
 border-bottom: 1px solid #eee;
 padding: 2px;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	upload
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/


body#upload {
 background-color: #ffffff;
}

body#upload div.container {
 margin: 4px auto 0 auto;
 width: 430px;
}

body#upload ul.uploadtype {
 margin: 0;
 padding: 0 0 4px 0;
}

body#upload ul.uploadtype li {
 border-right: 1px solid #ccc;
 color: #556fb5;
 display: inline;
 font-size: 80%;
 margin: 0;
 padding: 2px 4px 2px 12px;
}

body#upload ul.uploadtype li.current span {
 border-bottom: dotted 1px #556fb5;
}

body#upload ul.uploadtype li.last {
 border-right: none;
}

body#upload ul.uploadcmds {
 clear: left;
 float: right;
}

body#upload .uploadstatus {
 font-size: 80%;
}

body#upload .uploadstatus-a .uploadstatus {
 color: #999;
}

body#upload .uploadstatus-p .uploadstatus {
 color: red;
}

body#upload .uploadfilename {
 clear: left;
 float: left;
 width:270px;
 padding-right: 20px;
 font-weight: bold;
}

body#upload .uploadstatus-p .uploadfilename {
 color: #999;
}

body#upload .uploadsize {
 float: left;
 clear: both;
 width:270px;
}

body#upload .uploadstatus-p .uploadsize {
 color: #999;
}

body#upload .uploadmtime {
 display: none;
}

body#upload .uploadstatus-p .uploadmtime {
 color: #999;
}

body#upload .uploadcomment {
 clear: left;
 float: none;
}

body#upload .uploadstatus-p .uploadcomment {
 color: #999;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	コース、コミュニティ参加リスチE
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

/* 検索結果　*/
p.searchresultcount{
  padding-left: 10px;
  color: #e50007;
}

/*
+- - - - - - - - - - - - - - - - - - - - -+
	コミュニティ一覧
+- - - - - - - - - - - - - - - - - - - - -+
*/

.section .coursecard-role{
	color:#aa0000 !important;
}

.section  .coursecard .course-card{
	border: 0px;
	margin: 0px;
}

.section .course-card dt .course-card-img{
	position: absolute;
	top: 10px;
	left: 10px;
}

.section .course-card dt {
	font-size: 16px;
	padding: 10px 0 10px 0;
}

.section .course-card dd div{
	padding-bottom: 2px;
}

.section .course-card dd div .label{
	color: #666;
}

.section .course-card  .course-card-status {
 width: 150px;
 position: absolute;
 bottom:5px;
 left: 160px;
text-align: right;
}

.section  .coursecard .course-card-right{
 width: 300px;
 height: 107px;
 float: left;
 padding: 5px 10px 0px 15px;
 border-left: 1px dotted #999999;
}

.section  .coursecard .course-card-right ul li{
	height: 18px;
	padding: 3px 0 0 0;


	clear: both;
	border-bottom: 1px dotted #999;
	vertical-align:middel;
/*	background:transparent url(icon-mypage-list.gif) no-repeat scroll left center !important;
	padding: 3px 0 0 20px*/
	font-size: 12px;
}
.section  .coursecard .course-card-right ul.unread-list{
     width:400px;
     clear:both;
}

.section  .coursecard .course-card-right ul li img{
	vertical-align:middle;
}

.section  .coursecard .course-card-right ul li .course-card-right-title{
	width: 190px;
	height: 17px;
	float:left;
}
.section  .coursecard .course-card-right ul li .course-card-right-subtitle{
	width: 110px;
	height: 17px;
	float:left;
	color:#666666;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	リスチE
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

/* 設定　*/
ul.prefmenu{
 padding-left: 10px;
}

ul.prefmenu_short{
 width: 250px;
}
ul.prefmenu_short_right{
 width: 300px;
 float: right;
}

ul.prefmenu_short_left{
 border-right:1px dashed #666666;
}

ul.prefmenu li {
 list-style: none outside  url(mkfolio-triangle.gif);
 padding-bottom: 5px;
 margin-left: 10px;
}
/* 前の画面に戻る*/
ul.backlink {
 clear: both;
 padding-top: 10px;
 text-align: right;
}

ul.backlink li a{
 background: url(marker-jump.gif) no-repeat left 65%;
 padding-left:16px;
}

#admin ul.backlink li a{
 background:none;
 padding-left:0px;
}



/* コースニュース */
.group-top .info-list-cardl .info-list-card-header,
.group-top .info-list-cardr .info-list-card-header,
.group-top .top-contents-list .top-contents-list-header {
    position: relative;
}
.info-list-addbutton{
    height: 24px;
    position: absolute;
    right: 7px;
    top: 3px;
    width: 110px;
    text-align: right;
}

table.stdlist ul.status li.date {
 color:#666666;
 font-size:90%;
}

table.stdlist ul.status li.date img{
 vertical-align:middle;
}

table.stdlist ul.status li {
 /*margin:0pt 0pt 5px;*/
 list-style-image:none;
 list-style-position:outside;
 list-style-type:none;
 font-size:100%;
}

.newsauthor {
 margin:10px 0pt 4px;
 padding-top:2px;
 border-top:1px solid #CCCCCC;
 text-align:right;
 color:#CCCCCC;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	ボタン
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.button-h1-right{
 top:  21px;
 right: 20px;
 text-align:right;
}

.button-h1-right2{
float: none;
 clear: both;
 top:  51px;
 right: 20px;
 text-align:right;
padding-bottom:10px;
}

.text-h1-right{
float: none;
 clear: both;
 top:  51px;
 right: 20px;
 text-align:right;
padding-bottom:5px;
}


div.newcondition {
 clear: right;
 cursor: pointer;
 float: right;
 font-weight: normal;
 font-size: 80%;
}

.bt-bottom{
 clear: both;
 width: 680px;
 text-align:right;
 padding-top:5px;
}

.pagecomicon{
/*  width:480px;*/
 width: 621px;
}

.pageadmicon {
  width:480px;
}
.pageadmicon a img{
  vertical-align:middle;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	userlist
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/


dl.userlist{
 border: 1px solid;
}

dl.userlist dt {

 font-weight: bold;
 margin-top: 2px;
 padding: 2px 0 0 8px;
}

dl.userlist dd {
 text-indent: 8em;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	admin/stat
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.glist{
 width: 460px;
 border: 3px solid #CCCCCC;
 border-collapse:collapse;
 margin: auto;
 background: #FFFFFF;
}

table.glist th{
 padding: 5px 10px 5px 10px;
 border-bottom: 1px dotted #CCCCCC;
 border-right: 1px solid #CCCCCC;
 background:#F5F5F1;
 text-align: right;
}

.articletext table.glist th{
 width: 30%;
}

table.glist td{
 padding: 5px 10px 5px 10px;
 border-bottom: 1px dotted #CCCCCC;
 text-align: left;
}

.articletext table.glist td{
 width: 70%;
}

p.g_course{
 padding-bottom: 5px;
 color:#666666;
}

table.glist tr.g_score th,
table.glist tr.g_score td{
  border-bottom: 2px solid #CCCCCC;
}

table.glist tr.g_review th,
table.glist tr.g_review td{
 border-top: 2px solid #CCCCCC;
}


.admin table.glist th{
 text-align: center;
 border-left:1px dotted #CCCCCC;
}

.admin table.glist td{
 text-align: center;
 border-left:1px dotted #CCCCCC;
}

.admin .glist_menu{
 width: 150px;
 float: left;
 clear: left;
 padding-right: 10px;
}

.admin .glist_table{
 width: 470px;
 float: left;
 
 padding: 0 20px 20px 20px;
 background: #ffeeee;
}

.admin .glist_table h1{
 width: 480px;
 border: 0px;
}

/* calendar classes */
iframe.calendar {
 border: 1px solid #888;
}
.calbody {
 background-color: #fff;
}
.calbody  p {
	line-height:1.4;
	margin-left:4px;
	margin-top:0.5em;
	white-space:normal;

}
.caltable {
 background-color: #ffffff !important;
 margin: auto;
 margin-top: 4px;
 padding: 4px;
}
.caltable td{
padding:1px 2px;
}
.caldaybox {
 font-size: 12px;
 height: 16px;
 text-align: right;
 width: 16px;
 border: solid 1px #fff;
}
.calheading {
 font-size: 14px;
 font-weight: bold;
 text-align: center;
}
.calholiday {
 color: #f04;
 font-weight: normal;
 background-color: transparent;
}
.calweekday {
 color: #666;
 font-weight: normal;
 background-color: transparent;
}
.caltoday {
 font-weight: bold;
 text-decoration: underline;
 background-color: transparent;
}
.calbody select {
 color: #666;
 font-size: 10px;
}
.calbody option {
 color: #666;
 font-size: 10px;
 width: 2em;
}
.calbody input {
 font-size: 12px;
}

div.calendar {
 background-color: white;
 border: 1px solid #888888;
}
div.calendar img.icon-left {
 width: 16px;
 height: 16px;
}
div.calendar img.icon-right {
 width: 16px;
 height: 16px;
}
div.calendar select{
padding:0;
margin-top:3px;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	ヘルプ
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.ondemandhelp {
 clear: both;
 display: none;
 margin: 2px 0px 8px 0px;
 padding: 4px 10px 4px 40px;
 border: 1px dashed #1851f7;
 background: #e7e7e7 url(/icon-guide.gif) 5px 5px no-repeat;
 color: #1851f7;
}

div.ondemandhelp h1, h2, h3 {
	font-size:100%;
	font-size:100%;
}

.notes{
	color: #666666;
}

.attention{
	color: red;
}

.showmore{
	clear: both;
	padding-right:20px;
	text-align: right;
    height: 1.6em;
}
.showmore img{
   vertical-align: middle;
}
/* reminder panel*/
#imageviewer_back  {
 background-color: #000000;
 filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;
}

#panel_frame{
    background: none repeat scroll 0 0 #b6ddff;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 4px 3px 5px #404040;
    padding: 14px 5px;
}

#panel_frame .reminderpanel{
    background-color: #FFFFFF;
    padding: 40px 20px 20px;
    text-align: center;
}
#panel_frame .custompanel .reminderpanel{
    padding: 30px 10px 10px;
}

#panel_frame .pagesetaddpanel{
    background-color: #FFFFFF;
    padding: 20px 20px 0;
    text-align: center;
}
#panel_frame .confirmpanel{
    background-color: #FFFFFF;
    padding: 40px 20px 20px;
    text-align: center;
}
#panel_frame .panelbuttons{
    background-color: #FFFFFF;
    padding: 10px;
    text-align: center;
}
#panel_frame .pagesetaddpanel input{
margin-bottom: 0.5em;
}
#panel_frame .pagesetaddpanel input#panel_button2{
margin-bottom: 1em;
}

.panel_groupnews_confirm{
background-color: #DFF0FF;
 border: 1px solid #A8D6FF;
}
.panel_groupnews_confirm .reminderpanel{
    border: 1px solid #D7DFE7;
}


/*panel*/
div.tpanel_back{
 width: 100%;
 height: 100%;
 position: fixed;
 top: 0;
/* background-color: #ffffff; */
 background-color: #404040;
/* filter:alpha(opacity=70); -moz-opacity:0.7; opacity: 0.7;*/
 filter:alpha(opacity=50); -moz-opacity:0.5; opacity: 0.5;
z-index:10;
}

div.tpanel_screen{
 width:100%;
 position:absolute;
 text-align:center;
 top: 0px;
 z-index: 100;
}
div.tpanel_frame{
 margin-top: 80px;
 width: 662px !important;
 width: 320px;
 margin-left:auto;
 margin-right:auto;
}

div#tpanel_movable ,.pagebody .board-msg-status{
 width: 652px !important;
 width: 320px;
 margin-left:auto;
 margin-right:auto;
   margin-bottom: 80px;
}

#panel_message {
 margin-bottom: 1em;
}


.panelmsg_board_preview_confirm strong{
font-weight: normal;
color:red;
}

/* panel > msg */


.tpanel_frame .msg,.pagebody .msg{
 background: #b6ddff;
 border-radius: 5px ;
 padding: 35px 5px 5px 5px ;
 text-align: left;
 filter: alpha(opacity=100); -moz-opacity:1.00; opacity:1.00;
 position: relative;
 box-shadow: 4px 3px 5px #404040;
}
.pagebody .msg{
box-shadow:none;
}


.tpanel_frame .msg .msg-header{

}
.tpanel_frame .msg .msg-title h2.msg-subject,.pagebody .msg .msg-title h2.msg-subject{
    float: left;
    margin-top: 0;
   width: 477px;
min-height:25px;
height: auto !important;
height: 25px;
}
.tpanel_frame .msg .msg-title .msg-date,.pagebody .msg .msg-title .msg-date{
    display: block;
    float: right;
    font-size: 13px;
    padding: 2px 10px 0 0;
    text-align: right;
    width: 140px;
}

.tpanel_frame .msg .msg-header a,.pagebody .msg .msg-header a{
    display: block;
    height: 19px;
    position: absolute;
    right: 6px;
    text-align: right;
    top: 8px;
    width: 82px;
}


.tpanel_frame .msg-body,.pagebody .msg-body {
 background: #ffffff;
}
.tpanel_frame .msg-body .msg-icon,.pagebody .msg-body .msg-icon{
    position: absolute;
    top: 6px;
    left:8px;
}

.tpanel_frame .msg-body .msg-number,.pagebody .msg-body .msg-number{
    color: #1960AD;
    left: 15px;
    margin-left: 20px;
    position: absolute;
    top: 9px;
}
.tpanel_frame .msg-body .msg-number span,.pagebody .msg-body .msg-number span{
 color:#71a2d6;
}
.tpanel_frame .msg-body .msg-title,.pagebody .msg-body .msg-title{
    min-height: 20px;  
    height: auto !important;  
    height: 20px; 
 font-size: 16px;
 border-bottom: 1px solid #cfcfcf;
 padding: 10px 10px 10px 15px;
}

.tpanel_frame .msg-body .msg-info,.pagebody .msg-body .msg-info{
 min-height: 27px;
 border-bottom: 3px solid #cfcfcf;
    position: relative;
}


.msg-info .msg-mark{
    position: absolute;
    right: 15px;
    text-align: right;
    top: 7px;
}

.tpanel_frame .msg-body .msg-info .msg-info-caption,.pagebody .msg-body .msg-info .msg-info-caption{
 display: inline-block;
 width: 80px;
 padding: 5px 5px 5px 10px;
 background: #dff0ff;
 height: 17px;
}
span.msg-info-caption{
margin-right:10px;
}

.tpanel_frame .msg-body .msg-info .msg-info-caption a,.pagebody .msg-body .msg-info .msg-info-caption a{
 padding: 5px 0 5px 5px;
}
.msg-author-info{
padding-left:10px;
}

.tpanel_frame .msg-text,.pagebody .msg-text{
    font-size: 13px;
    height: 350px;
    line-height: 1.6;
    overflow-y: auto;
    padding: 30px 45px 15px 30px;
}
.tpanel_frame .msg-text-admin,.pagebody .msg-text-admin{
height:311px;
}
/* 単一表示*/



.tpanel_frame .msg-lastmod,.pagebody .msg-lastmod{
 padding: 5px;
 text-align: right;

}

.tpanel_frame .msg .msg-footer{

}

.tpanel_frame .msg .msg-footer .msg-mainrerance,.pagebody .msg .msg-footer .msg-mainrerance{
 
    background-color: #ECECEC;
}
.tpanel_frame .msg .msg-footer .msg-mainrerance h3,.pagebody .msg .msg-footer .msg-mainrerance h3{
    background: url("button_newsmenu_close.gif") no-repeat scroll 600px 50% transparent;
    margin: 0;
    padding: 10px 10px 10px 15px;
    cursor: pointer;
}
.tpanel_frame .msg .msg-footer .msg-mainrerance h3:hover,.pagebody .msg .msg-footer .msg-mainrerance h3:hover{
    background-image: url("button_newsmenu_close-focus.gif") ;
}

.tpanel_frame .msg .msg-footer #news-maintenance-menu ,.pagebody .msg .msg-footer #news-maintenance-menu {
    background-color: #cbcbcb;
    border-bottom: 1px solid #B0B0B0;
    border-top: 1px solid #B0B0B0;
    padding: 10px 0;
}
.msg .msg-footer .msg-mainrerance  ul,.tpanel_frame  .groupnews-msg .msg-footer ul{
    float: right;
    padding-left: 20px;
    padding-right:5px;
}
.msg .msg-footer .msg-mainrerance  ul li,.tpanel_frame  .groupnews-msg .msg-footer ul li{
    float: left;
    padding-right: 5px;
}
 .msg .msg-footer .msg-mainrerance h3.news-maintanance-open{
    background-image: url("button_newsmenu_open.gif") ;
}
 .msg .msg-footer .msg-mainrerance h3.news-maintanance-open:hover{
    background-image: url("button_newsmenu_open-focus.gif");
}
.msg .msg-footer .msg-navi,.pagebody .msg .msg-footer .msg-navi{
 height: 40px;
 padding-left: 175px;
}

 .msg .msg-footer .msg-navi img,.pagebody .msg .msg-footer .msg-navi img{
    display: inline-block;
    float: left;
    padding-top: 10px;
    text-align: center;
}

.tpanel_frame .msg .msg-footer .msg-closebutton,.pagebody .msg .msg-footer .msg-closebutton{
width:102px;margin:0 auto;padding-left:0;
padding-top:10px;
}

.tpanel_frame .msg .msg-footer .msg-navi .msgnavi-prev{
}
.tpanel_frame .msg .msg-footer .msg-navi .msgnavi-close{
}
.tpanel_frame .msg .msg-footer .msg-navi .msgnavi-next{
}

.reminderpanel #panel_rem {
 margin-bottom: 0.5em;
}
.reminderpanel #panel_norem {
 margin-bottom: 1.5em;
}
/*panel > msg >status*/
 .board-msg-status{
    background-color: #d9d9d9 !important;
}
 .board-msg-status .msg-number{
   color:#3c3c3c;
}
 .board-msg-status .msg-text{
    overflow: hidden;
    height: auto;
}

 .board-msg-status .msg-status,.groupnews-msg .msg-status{
    background-color: #ECECEC;
    padding: 10px 15px;
    text-align: right;
}
.tpanel_frame .msg .msg-percentage,.pagebody .msg .msg-percentage{
    color: #1960AD;
    font-size: 15px;
    font-weight: bold;
    padding-left: 15px;
}
 .board-msg-status .msg-footer .msg-navi{
    margin: 0 auto;
    padding: 0;
    width: 132px;
}
 .board-msg-status .stdlist{
    width: 500px;
}
 .board-msg-status .stdlist th{
    background-color: #E8E8E8;
    border-bottom: 1px solid #CCCCCC;
    font-size: 11px;
}
.board-msg-status .stdlist td{
}
.msg-status-noread{
    background-color: #FEEFE3 !important;
}
.msg-status-noread td.read-status{
   color:#ec7855;
}
/*msg-unread*/
.tpanel_frame .msg .msg-unread,.pagebody .msg .msg-unread{
  border-left:5px solid #f6aa81 !important;
}
.tpanel_frame .msg .msg-recent,.pagebody .msg .msg-recent{
  border-left:5px solid #FFDBB8 !important;
}
 .msg-unread  .msg-text{
 padding: 30px 45px 15px 25px !important;
}
 .msg-unread .msg-title{
padding-left:10px !important;
}
 .msg-unread .msg-title h2.msg-subject{
width:472px !important;
}
 .msg-unread  .msg-info .msg-info-caption{
padding-left:5px !important;
}
 .msg-unread  .msg-lastmod{
padding-left:0 !important;
}

/*msg-browserstatus*/
 .msg-browserstatus .msg-body{
    height: 500px;
    overflow-y: auto;
    padding: 18px 30px 30px;
}
 .msg-browserstatus .contentbody-footer{
text-align:center;
}
 .msg-browserstatus .msg-status{
    background-color: #FFFFFF;
    position: absolute;
    right: 5px;
    top: 50px;
    width: 170px;
}

.pagebody .browserstatus-inpagebody{
    width:652px;
    margin:10px auto 20px;
}


/* RTEditor */

body.rteditor {
 background-color: #FFFFFF;
 scrollbar-face-color: #EEEEEE;
 scrollbar-track-color: #F8F8F8;
 scrollbar-arrow-color: #CC0066;
 scrollbar-shadow-color: #EEEEEE;
 scrollbar-darkshadow-color: #CCCCCC;
 scrollbar-3dlight-color: #FFFFFF;
 scrollbar-highlight-color: #EEEEEE;
 scrollbar-width: 4px;
 padding: 1px;
 font-size: 10pt;
 line-height: 1.4;
}

#CollData h1 {
  /*border-left: solid 5px #fe6b59 !important;*/
}

#RptForm  h1,
#Text h1{ 
  border-left: solid 5px #959487;
}

body.rteditor .queryselection {
 background-color: #efe;
}

body.rteditor .multiselection,
body.rteditor .powerselection {
     background-color: #eef;
}

body.rteditor .pulldownselection {
 background-color: #fee;
}

body.rteditor div.annotation {
 background-color: #936;
 color: #fff;
}

/* event color */

/* InputFocus/InputBlur
 * all input/textarea element */
input.inputfocus {
  background-color: #ecf8ce !important;
}
textarea.inputfocus {
  background-color: #ecf8ce !important;
}
/* texthilite/textfocus/textunfocus
 * div.paper#t[0-9] */
div.texthilite {
  background-color: #e8f0ff !important;
}
div.textfocus {
  background-color: #e8f0ff !important;
}
/* highlight/dim
 * a#[0-9] */
a.highlight {
  color: #ff0000 !important;
}
/* hilite
 * tr, li, td */
body .hilitecolor,
body tr.hilitecolor td {
  background-color: #f4fbe2 !important;
}

body.teacherview .hilitecolor,
body.teacherview tr.hilitecolor td {
  background-color: #f2f9fc !important;
}
body.adminview .hilitecolor,
body.adminview tr.hilitecolor td {
  background-color: #ffeeee !important;
}
body .hilitemblsit,
body tr.hilitemblsit td {
  background-color: #eaeaea !important;
}
body.teacherview .hilitemblsit,
body.teacherview tr.hilitemblsit td {
  background-color: #f2f9fc !important;
}
body.adminview .hilitemblsit,
body.adminview tr.hilitemblsit td {
  background-color: #ffeeee !important;
}
/* HiliteArticle
 * div.articlecontainer ... */
div.hilitearticle {
   background-color:#f4fbe2 !important;
}
div.hilitearticle div.articleheader {
 background-color: #f4fbe2 !important;
  border-color:#9fcf3a !important;
}

div.hilitearticle div.articleheader .articlesubject{
 color:#2e7c40;
}
.threadchildlist div.hilitearticle div.articleheader .articlesubject{
 color:#3C69C3 !important;
}

.threadchildlist div.hilitearticle div.articleheader-havemsgbody .articlesubject{
 color:#2e7c40 !important;
}

.threadchildlist div.hilitearticle div.articleheader {
 background-color: #ffffff !important;
  border-color:#D7D7D7 !important;
}

.threadchildlist div.hilitearticle div.articleheader-havemsgbody {
 background-color: #f6fce8 !important;
  border-color:#9fcf3a !important;
}



.threadchildlist div.hilitearticle h3.articlenumber {
 background-color: #ABD9FF !important;
}

.threadchildlist div.hilitearticle .articleheader-havemsgbody h3.articlenumber {
 background-color:#b8dc6c !important;
}

div.hilitearticle div.articlebody {
  border-color:#9fcf3a !important;
  background-color: #ffffff !important;
}
div.hilitearticle div.articlesubject {
  color: #2e7c40 !important;
}
div.hilitearticle h3.articlenumber {
 background-color: #9fcf3a !important;
}
/* hilite2
 * tr */
tr.hilite2 {
  background-color: #ddccff !important;
}
/* MarkAsRead
 * hilite.childNodes [class=="GRIunread"] */
.markasread {
  border-left-color: #ffcccc !important;
}
/* HiliteAsLink/UnhiliteAsLink
 * td.caldaybox */
.hiliteaslink {
  background-color: #ffffdd !important;
}
/* CourseFocus/CourseBlur
 * div.student-status-?/coursecard/communitycard */
.coursecard-focus {
  background-color: #f2f2f2 !important;
  border-top:    1px solid #999999 !important;
  border-right:  1px solid #999999 !important;
  border-bottom: 1px solid #999999 !important;
}
.coursestatus-c .coursecard-focus {
  background-color: #F8F0E0 !important;
  border-top:    1px solid #D1C0A5 !important;
  border-right:  1px solid #D1C0A5 !important;
  border-bottom: 1px solid #D1C0A5 !important;
}
.communitycard-focus {
  background-color: #e5f2f8 !important;
  border-top:    1px solid #64b8d2 !important;
  border-right:  1px solid #64b8d2 !important;
  border-bottom: 1px solid #64b8d2 !important;
}
/* MenuFocus/MenuBlur
 * li */
.menufocus {
  background-color: #ffffff !important;
  border-top:    1px solid #cccccc !important;
  border-left:   1px solid #cccccc !important;
  border-right:  1px solid #f8f8f8 !important;
  border-bottom: 1px solid #ffffff !important;
}
/* MenuBarFocus/MenuBarBlur
 * ??? */
.menubarfocus {
  background-color: #ffffff !important;
}
/* SelectDate
 * td.caldaybox */
.selectdate {
  border-color: #880000 !important;
}
/* SetTitleColor
 * ??? */
/* InPlaceConfirm
 * ??? */
/* FlashWarn/FlashWarnEnd
 * ??? */
.flashwarn {
  background-color: #ff0000 !important;
}


/* form */
span.query_wordform {
 background-color: #CCCCFF;
 border: 1px solid blue;
}
ul.query_textform {
 background-color: #CCCCFF;
 border: 1px solid blue;
}
ul.queryselection, ul.multiselection, ul.pulldownselection,
ul.powerselection {
 background-color: #CCCCFF;
 border: 1px solid blue;
}

input.queryslider {
 background-color: #ff88ff;
 display: block;
 padding: 4px 8px 4px 8px;
}
table.queryslider {
 border: 0;
 border-collapse: collapse;
}
table.queryslider tr.radiobuttons {
 background-color: #ffffff;
}
table.queryslider tr.radiobuttons td {
 background-color: #ffffff;
 border: 0;
 line-height: 1;
 padding: 0 ! important;
}
table.queryslider tr.radiobuttons td input {
 background-color: #ffffff;
 color: #ffffff;
 margin: 0 !important;
 padding: 0 !important;
}
table.queryslider tr.labels {
 background-color: #ffffff;
}
table.queryslider tr.labels td {
 background-color: #ffffff;
 border: 0;
 font-size: 80%;
 line-height: 1;
 padding: 0 ! important;
}

/*past course*/
ul.straight {
float:right;
margin-top:12px;
}

ul.straight li {
float:left;
margin-right:8px;
}

.drawable h1.past {
border-left:5px solid #D1C0A5 !important;
}

.studentstatus-c {
background-color:#FFFFFF !important;
border-color:#D1C0A5 !important;
border-style:dotted dotted dotted solid !important;
border-width:1px 1px 1px 4px !important;
}

.studentstatus-c-focus {
background-color:#F8F0E0 !important;
border-bottom:1px solid #D1C0A5 !important;
border-right:1px solid #D1C0A5 !important;
border-top:1px solid #D1C0A5 !important;
}
ul.straight li.selected {
border-bottom:1px dotted #7D765A !important;
background-color:#D8D6D6;
}

/*追加------------*/
table.mblist td.usernamev2,table.mblist th.usernamev2{
width:30%;
}
table.mblist td.userorgv2, table.mblist th.userorgv2,
table.mblist td.usergradev2,table.mblist th.usergradev2{
width:35%;
}

table.mblist-r td.username,table.mblist-r th.username{
    padding-left: 40px !important;
    text-align: left;
    width: 30%;
}

table.mblist-edit th.username,table.mblist-edit td.username{
 padding-left: 5px !important;
}
table.mblist-edit th.userid,table.mblist-edit td.userid{
 padding:5px;
 text-align:left;
}


table.mblist-r td.username input,table.mblist-r th.username input{
  margin-right: 10px;
}

table.mblist-r td.userorg, table.mblist-r th.userorg,
table.mblist-r td.usergrade,table.mblist-r th.usergrade{
width:15%;
}
table.mblist-r td.l-border,table.mblist-r th.l-border{

border-left:1px solid #89C8FF;
}
table.mblist tr.title th.reminder{
border-bottom:1px solid #89C8FF;
border-left:1px solid #89C8FF;
}



/*bbs new class -2009-05-27-*/
.articlecontainer-msgtop{
 clear: both;
}

.msgtop{
 clear: both;
}


.articlecontainer-msgtop div.articlecontainer {
  background-color: #f2f9fc !important;
}

.articlecontainer-msgtop div.articleheader {
  background-color: #eeeeee !important;
  border-color: #b9b9b9 !important;
  border-top:2px solid #b9b9b9;
  border-left:2px solid #b9b9b9;
  border-right:2px solid #b9b9b9;
  border-bottom:1px solid #b9b9b9;
}

.articlecontainer-msgtop-first div.articleheader {
  border-bottom:2px solid #74C2EF;
}

.articlecontainer-msgtop div.articlesubject a{
 font-weight: nomal;
}

.articlecontainer-msgtop div.articlesubject a:hover{
 text-decoration: none;
}
.articlecontainer-msgtop h3.articlenumber {
  background-color: #b9b9b9 !important;
}

.articlecontainer-msgtop div.articlebody {
  border-color: #b9b9b9 !important;
  border-left:2px solid #b9b9b9;
  border-right:2px solid #b9b9b9;
  border-bottom:2px solid #b9b9b9;
}
.articlecontainer-msgtop div.articlesubject {
  color: #0051ad !important;
}

.articlecontainer-deleted div.articlecontainer {
  background-color: #f2f9fc !important;
}

.articlecontainer-deleted div.articleheader {
    background-color: #EEEEEE !important;
    border-color: #B9B9B9 !important;
}
.articlecontainer-deleted h3.articlenumber {
    background-color: #B9B9B9 !important;
  margin:0;
  height:19px;
  padding-top:2px;
  font-size: 13px;
}

.articlecontainer-deleted div.articlesubject{
     background-color: #EEEEEE !important;
    color: #5a5a5a !important;
    font-size: 13px;
    height: 19px !important;
    margin: 0;
    min-height: 19px;
    padding-bottom: 0;
    padding-top: 2px;
}

.threadcommentbutton-top{
/*  margin-top: -20px !important;*/
  padding-bottom: 10px;
}

.threadcommentbutton {
 clear:both;
 float:none;
 height:26px;
 margin:10px 0 4px;
 text-align:right;
}

.bbspagerlinks{
 clear:both;
 float:right;
}

/* text/html diff feature */

div#diffbox {
  padding: 13px 50px 12px 50px;
  background-color: #f8f8f8;
}

table.editauxbutton td {
  text-align: center;
}

div.diff {
 white-space: pre-wrap;
 white-space: -moz-pre-wrap;
 white-space: -pre-wrap;
 white-space: -o-pre-wrap;
 word-wrap: break-word;
 margin: 0px;
 padding: 0px;
 line-height: normal;
}

div.diffframe { /* template diff frame */
 height: 30em;
 overflow: scroll;
 color: #000000;
 width: 100%;
 background-color: #eeeeee;
 margin: 0px;
 padding: 0px;
}

div.diff_d { /* deleted block */
 color: #eeeeee;
 background-color: #444444;
}

div.diff_a {  /* added block */
 color: #cc0000;
 background-color: #ffffff;
}

ins.diff_block {  /* contents etc. added block */
 background-color: #eeeeee ! important;
 text-decoration: none;
 display: block;
}

ins.diff_inline {  /* contents etc. added inline */
 background-color: #eeeeee ! important;
 text-decoration: none;
 display: inline;
}

del.diff_block {  /* contents etc. deleted block */
 background-color: #444444 ! important;
 color: #cccccc;
 text-decoration: none;
 display: block;
}

del.diff_inline {  /* contents etc. deleted inline */
 background-color: #444444 ! important;
 color: #cccccc ! important;
 text-decoration: none;
 display: inline;
}


/* required items for query form */
.hilite_required_on .required {
 border: solid 1px red;
}

.hilite_required_on input.required {
 border: solid 2px red;
}

.hilite_required_on textarea.required {
 border: solid 2px red;
}

/* home_userlist*/
.home div.userlistitem {
 cursor:pointer;
 float:left;
 height:125px;
 margin:0 20px 25px 0;
 padding:3px;
 width:104px;
 border-color:#a9a9a9;
 border-style:solid;
 border-width:1px 3px 3px 1px;
}


.home div.userlistitem.teacher {
background:transparent url(back-teacher.gif) no-repeat scroll 0 0;
}



.home div.userlistitem.recentd {
 border-color:#fe6d38;
 background-color:#ffd1af !important;
 border-style:solid;
 border-width:1px 3px 3px 1px;
}

.home div.userlistitem .teacher {
background:#ffffff url(back-teacher.gif) no-repeat scroll 0 0;
}

.home div.userlistitem.recentd .teacher {
background:#ffd1af url(back-teacher-hover-recentd.gif) no-repeat scroll 0 0;
}

.home div.userlistitem.recentw {
 border-color:#FF9933;
 background-color:#fff0cf;
 border-style:solid;
 border-width:1px 3px 3px 1px;
}

.home div.userlistitem.recentw .teacher {
background:#fff0cf url(back-teacher-hover-recentw.gif) no-repeat scroll 0 0;
}

.home div.userlistitem img.usericon{
background:transparent url(back-img.gif) no-repeat scroll 0 0;
margin-top:5px;
padding:5px;
}
.home div.userlistitem .username {
 font-size: 110%;
 text-align: center;
 border-bottom: 1px dotted;
}
div.userlistitem .username-hover {
 background-color:#f2aa73;
}
.home .userlistitem .username,.home  .userlistitem .userinfo{
color:#5B5B5B;
display:block;
font-size:12px;
text-align:center;
padding:2px;
}

table.ritssports_mypagelink{
border:1px solid #999999;
border-collapse:collapse;
text-align:left;
width:676px;
height:90px;
margin-top:6px;
margin-bottom:10px;
}

table.ritssports_mypagelink tr{
cursor:pointer;
text-align:left;
}

table.ritssports_mypagelink  tr.row{
background-color:#E8F4FC;
}

table.ritssports_mypagelink td{
width:32%;
}

table.ritssports_mypagelink td.tdleft{
padding-left:30px;
width:36%;
}


/*------ICU Portal---------------*/
/*-------------------------------*/
#container {
    margin: 0 auto;
    min-width: 950px;
    position: relative;
    width: 950px;
}


/* ----------------header*/
#header {
width:950px;
position:relative;
}
#header hr{
display:none;
}
#orgheader {
    background: url("header-school.gif") no-repeat scroll 0 63% #FFFFFF;
    height: 70px;
    width: 950px;
}


#header #mylang{
    height: 22px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 75px;
    width: 82px;
}
#header #mylang a{
    display: block;
    height: 22px;
    width: 82px;
   text-indent:-9999px;
outline : medium none; 
}

#header .mylang-ja a{
    background-image: url("button_mylang_ja.gif");
}
#header .mylang-ja a:hover{
    background-image: url("button_mylang_ja-focus.gif");
}
#header .mylang-en a{
   background-image: url("button_mylang_en.gif");
}
#header .mylang-en a:hover{
   background-image: url("button_mylang_en-focus.gif");
}
body.respon #header .mylang-ja a{
    background: url("button_respon_mylang_ja.png") no-repeat;
}
body.respon #header .mylang-ja a:hover{
    background: url("button_respon_mylang_ja-focus.png") no-repeat;
}
body.respon #header .mylang-en a{
   background: url("button_respon_mylang_en.png") no-repeat;
}
body.respon #header .mylang-en a:hover{
   background: url("button_respon_mylang_en-focus.png") no-repeat;
}
#header #myheader{
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    position: absolute;
    right: 0;
    top: 20px;
    width: 400px;
    text-align: right;
}

#header #mysearch{
    height: 22px;
    position: absolute;
    right: 96px;
    top: 75px;
    width: 32px;
}

#header #mysearch a{
    background: url("button_searchV2.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 22px;
    text-indent: -9999px;
    width: 31px;
}
#header #mysearch a:hover{
    background-image: url("button_searchV2-focus.gif") ;
}



/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		 portal
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/


/* mynavi-button */
.mynavi-button-home,.mynavi-button-board,.mynavi-button-group,.mynavi-button-message,.mynavi-button-opencontents, .mynavi-button-course, .mynavi-button-portfolio,.mynavi-button-library{
    float: left;
    padding-top: 2px;
    height:28px;
}
.mynavi-button-boardmoderator{
 width: 140px;
 text-align:right;
 position:absolute;
 top:78px;
 right: 105px;
}

#mynavi{
    background: url("bg_header.gif") no-repeat scroll 0 0 transparent;
    height: 33px;
    width: 950px;
}

#header .header-linklist,#admin .header-linklist{
 border-left: 1px solid #DCDCDC;
 border-right: 1px solid #DCDCDC;
 background: url("bg-linklist.gif") no-repeat scroll 0 0 transparent;
 height:22px;
 padding-top: 5px;
 text-align: right;
}

#header .header-linklist a,#admin .header-linklist a{
  background: url("icon_header-linklist.png") no-repeat scroll 0 center transparent;
  margin-left: 10px;
  padding-left: 20px;
  padding-right: 20px;
}

.home .pagebody,
.group .pagebody,
.board .pagebody,
.user .pagebody,
.page .pagebody,
.course .pagebody,
.syllabus .pagebody,
.docx .pagebody,
.childcourse .pagebody,
.psyllabus .pagebody{
  border-left: 1px #dcdcdc solid;
  border-right: 1px #dcdcdc solid;
  padding-top: 20px;
 /* overflow: hidden;*/
  width:948px;
 position: relative;
 padding-bottom: 30px;
}

#blockrandom .course .pagebody{
 border: 0px;
}

.pagefooter{
   width: 950px;
   height: 35px;
   margin-bottom: 30px;
   background: url("bg_footer.png") no-repeat ;
    position:relative;
}

.pagefooter #systemversion {
  width:100px;
  position:relative;
  top:4px;
  left:-5px;
  color:#797979;
  font-size:11px;
  text-align: right;
}
/*new logo*/
.pagefooterV2{
   background-image: url("bg_footerV2.png") ;
}
.pagefooterV3{
   background-image: url("bg_footerV3.png") ;
}
.respon-footer{
  background-image: url("bg_footerV4.png") ;
  height:50px;
}
.openmanaba-footer{
  background-image: url("bg_footerOM.png") ;
  height:50px;
}
.openmanabaV2-footer{
  background-image: url("bg_footerOMR.png") ;
  height:50px;
}
.openmanabaV3-footer{
  background-image: url("bg_footerOM2.png") ;
  height:50px;
}

.home h1.pagetitle,
.board h1.pagetitle{
 display:none;
}
.homecollection h1.pagetitle{
 display:block;
}


.pagebody .contentbody-right .news-ranking{
 width: 230px;
 height: 179px;
 background: url("bg-boardlist-ranking.gif") no-repeat center;
 margin-bottom: 20px;
 padding-top: 35px;
}
.pagebody .contentbody-right .news-ranking-en{
background-image: url("bg-boardlist-ranking-en.gif");
}
.pagebody .contentbody-right .news-ranking .news-ranking-body-list{
 border-bottom: 1px dotted #D7D1D0;
 clear: both;
 overflow: hidden;
 padding: 10px;

}

.pagebody .contentbody-right .news-ranking .news-ranking-body-list .news-title a{
 display: inline-block;
 font-size: 15px;
    height: 17px !important;
    width: 200px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news-title .news-title-date{
    display: inline-block;
    width: 32px;
}

.pagebody .contentbody-right .news-ranking .news-ranking-body-list-group{
    height: 17px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px;
    float: left;
    font-size: 12px;
}

.pagebody .contentbody-right .news-ranking .news-ranking-body-list-date{
    width: 110px;
    float: left;
    text-align: right;
    font-size: 12px;
}


.pagebody .contentbody-right .contents-ranking{
    margin-bottom: 20px;
    margin-left: 20px;
    width: 230px;
}
.pagebody .contentbody-right .contents-ranking .contents-ranking-title{
    background: url("bg-contents-ranking-ja.png") no-repeat scroll 0 top transparent;
    height: 31px;
    text-indent: -999999px;
}

.pagebody .contentbody-right .contents-ranking-en .contents-ranking-title{
 background-image: url("bg-contents-ranking-en.png") ;
}
.pagebody .contentbody-right .newgroup-list{
    margin-bottom: 20px;
    margin-left: 20px;
    width: 230px;
}
.pagebody .contentbody-right .newgroup-list .newgroup-list-title{
    background: url("bg-newgroup-list.gif") no-repeat scroll 0 top transparent;
    height: 31px;
    text-indent: -999999px;
}

.pagebody .contentbody-right .newgroup-list-en .newgroup-list-title{
 background-image: url("bg-newgroup-list-en.gif");
}
.pagebody .contentbody-right .news-ranking .news-ranking-title{
 text-indent: -999999px;
 display: none;
}

.pagebody .contentbody-footer{
 clear: both;
 margin-bottom: 20px;
 padding: 5px 20px 5px 5px;
 text-align: right;
}

.pagebody .contentbody-footer2{
 padding-right: 0px;
}

.rightmostlink{
 text-align: right;
}


.pagebody .contentbody-footer2 a{
background:transparent;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		ICU portal mypage
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.home .pagebody .pageheader-home, .board .pagebody .pageheader-board{
 height: 35px;
 width: 920px;
 padding: 0 15px 20px 15px;
 clear: both;
 overflow: hidden;
}


.pagebody .pageheader-home .news-ranking,
.board .pagebody .pageheader-board .news-ranking{
  height: 35px;
  width: 715px;
  float: left;
}

.home .pagebody .pageheader-home .news-ranking .news-ranking-title,
.board .pagebody .pageheader-board .news-ranking .news-ranking-title{
  background: url("icon_bestnews-ja.png") no-repeat left;
  width: 130px;
  height: 35px;
  text-indent: -9999px;
  float: left;
}
/*
.board .pagebody .pageheader-board .news-ranking .news-ranking-title{
  width: 180px;
  background: url("icon_bestnews_board.gif") no-repeat left;
}
*/
.home .pagebody .pageheader-home .news-ranking .news-ranking-title-en,
.board .pagebody .pageheader-board  .news-ranking .news-ranking-title-en{
background-image:url("icon_bestnews-en.png");
}


.home .pagebody .pageheader-home .news-ranking .news-ranking-body,
.board .pagebody .pageheader-board .news-ranking .news-ranking-body{
  width: 570px;
  padding: 9px 5px 1px;
  height: 23px;
  border: 1px solid #d9d9d9;
  border-left: 0px solid #d9d9d9;
  float: left;
}
/*
.board .pagebody .pageheader-board .news-ranking .news-ranking-body{
    width: 467px !important;
}
*/
.home .pagebody .pageheader-home .news-ranking .news-ranking-body a,
.board .pagebody  .pageheader-board .news-ranking .news-ranking-body a{
 display:inline-block;
 width: 165px;
 font-size: 11px;
 padding-right: 5px;
 height: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}
.home .pagebody .pageheader-home .news-ranking .news-ranking-body a:hover
.board .pagebody .pageheader-board .news-ranking .news-ranking-body a:hover{
  background-color:#f4fbe2 !important;
}


.home .pagebody .pageheader-home .news-maintenance{
 float: right;
}

.pagebody .board-box-s{
 width: 450px;
 position: relative;
}
.pagebody .board-box-s-row0{
    clear: left;
    float: left;
    padding-left: 15px;
}
.pagebody .board-box-s-row1{
    clear: right;
    float: right;
    padding-right: 15px;
}

/*
.pagebody  .boarddata-box-list .row0{
 float: left;
}
.pagebody .boarddata-box-list  .row1{
 float: right;
}
*/

.pagebody .board-box-s-header{
 background: url("bg_msg_header-s.gif") no-repeat ;
 width: 450px;
 height: 60px;
}

.pagebody .board-box-s-header .board-box-s-header-icon{
 position: absolute;
 top: 10px;
 left: 25px;
}
.pagebody .board-box-s .importantcount,.pagebody .board-box-l .importantcount,.pagebody .board-box-ss .importantcount{
    background-color: #EC683F;
    border-radius: 11px 11px 11px 11px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 3px 7px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.pagebody .board-box-s-row1 .importantcount{
    right: 30px;
}

.pagebody .board-box-l .importantcount{
    right: 145px;
}
.pagebody .board-box-ss .importantcount{
    right: 10px;
    top: 10px;
}
.pagebody .board-box-s-row1 .board-box-s-header .board-box-s-header-icon{
 left: 10px;
}
.pagebody .board-box-s-header .board-box-s-header-icon img{
width: 50px;
}

.pagebody .board-box-s-header h2{
 color:#3172b7;
 padding:10px 0px 0px 70px;
 font-size:16px;
}

.pagebody .board-box-s-header .board-box-s-info{
 padding:0px 0px 0px 70px;
 font-size: 10px;
 line-height: 1.1;
}

.pagebody .board-box-s-body {
 background-color:#ffffff;
}

.pagebody .board-box-s-body .news-list{
  background-color:#ffffff;
  width: 450px;
  height: 300px;
  margin: 0px;
  border-collapse: collapse;
  border: solid 1px #89c8ff;
}

.pagebody .board-box-s-body .news-list .news-th{
display: none;
}

.pagebody .board-box-s-body .news-list td{
 padding: 0 5px;
 border: 0px;
 border-left: solid 1px #89c8ff;
 width: 170px;
 height: 20px;
}

.pagebody .board-box-s-body .news-list .row1{
  background-color:#f7f7f7;
}

table.stdlist tr.row1:hover, table.stdlist tr.row0:hover, table.stdlist tr.row:hover, table.mblist tr:hover,.pagebody .board-box-s-body .news-list tr:hover, table.stdlist-news tr:hover,.course-tasklist tr:hover{
  background-color:#f4fbe2 !important;
}

table.table-nohover tr.row:hover,
table.table-nohover tr.row0:hover{
  background-color: #f7f7f7 !important;
}
body.respon table.table-nohover tr.row:hover,
body.respon table.table-nohover tr.row0:hover,
body.respon table.table-nohover tr.row1:hover{
  background-color: #fff2c1 !important;
}
table.table-nohover tr.row1:hover{
background-color:#ffffff !important;
}

.pagebody .board-box-s-body .news-list .row1 td img{
 vertical-align: middle;
}

.pagebody .board-box-s-body .news-list td.news-clip{
 width: 25px;
 text-align: center;
}

.pagebody .board-box-s-body .news-list td.news-title{
 width: 170px;
}


.pagebody .board-box-s-body .news-list td.news-title a{
 display:inline-block;
 width: 170px;
 height: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.pagebody .board-box-s-body .news-list td.news-icon{
 width: 16px;
}

.pagebody .board-box-s-body .news-list td.news-group a{
 display: inline-block;
 width: 95px;
 height: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}


.pagebody .board-box-s-body .news-list .unread td a,
.home .pagebody .pageheader-home .news-ranking .news-ranking-body a.unread,
.pagebody .contentbody-right .news-ranking .news-ranking-body-list .news-title a.unread,
.pagebody .more-list span.unread,table.stdlist-news td.news-title a.unread,
.pagebody .board-boxV2-body  .unread .news-title a,
.pagebody .news-listV3 .unread .news-title a,
.messagenavi-list .unread a
{
 color: #ec683f;

}
.pagebody .board-box-s-body .news-list .recent td a,
.home .pagebody .pageheader-home .news-ranking .news-ranking-body a.recent,
.pagebody .contentbody-right .news-ranking .news-ranking-body-list .news-title a.recent,
.pagebody .more-list span.recent,table.stdlist-news td.news-title a.recent{
 /*color: #F29714; */
}


.pagebody .board-box-s-body .news-list .unread td.news-group a,
.pagebody .board-box-l-body .news-box .news-group a{
color: #4071c1;
font-weight:normal;
}

.pagebody .more-list{
    border:1px solid  #89c8ff;
    color: #B1B1B1;
    font-size: 90%;
    height: 17px;
    overflow: hidden;
    padding: 5px;
}
.pagebody .more-list:hover{
  background-color:#f4fbe2 !important;
 cursor: pointer;
}

.pagebody .more-list span{
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 160px;
}
.pagebody .board-box-s-footer{
 background: url("bg_msg_footer-s.gif") no-repeat ;
 width: 450px;
 height: 48px;
}

.pagebody .board-box-s-footer .more{
    font-size: 11px;
    padding: 5px 5px 0 0;
    text-align: right;
}
.news-list-pager{
 position: absolute;
 text-align: center;
left: 25px;
 bottom:25px;
}
/*
.news-list-pager span{
 width: 15px;
 display: inline-block;
}
*/
.news-list-pager span img{
vertical-align: middle;
}

.news-list-pager span a{

}

/*news-listV2*/
.pagebody .board-box-s-body .news-listV2 td.news-clip{

}

.pagebody .board-box-s-body .news-listV2 td.news-title{
width:275px;
}
.pagebody .board-box-s-body .news-listV2 td.news-title a{
width:275px;
}
.pagebody .board-box-s-body .news-listV2 td.news-date{
width:100px;
text-align: center;
}
.pagebody .board-box-s-body .news-listV2  .recent td.news-title a{
width:260px;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		ICU portal board 
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.pagebody .contentbody-s{
 width:662px;
 min-height: 300px;
 height: auto ! important;
 height: 300px;
 margin : auto;
 padding-bottom: 30px;
 position: relative;
 padding-top: 20px;
}

.home .pagebody .contentbody-s,
.user .pagebody .contentbody-s,
.docx .pagebody .contentbody-l{
 padding-top:0px;
}

.pagebody .contentbody-s h1{
    min-height: 23px;
}

.pagebody .contentbody-s li{
    line-height: 1.6;
    padding-left: 15px;
}
.pagebody .contentbody-s ul li{
    list-style: disc inside url("marker-diamond.gif");
}

#admin ul li{
    list-style: none outside url("/marker-triangle-red.gif");
 padding-left: 0px;
}

.pagebody .contentbody-s li label{
 padding-left: 10px;
}
.pagebody .contentbody-l{
 width:800px;
 min-height: 400px;
 height: auto ! important;
 height: 400px;
 margin : auto;
 padding-bottom: 30px;
 position: relative;
 padding-top: 20px;
}

.home .pagebody .contentbody-l{
 padding-top: 0px;
}

.pagebody .contentbody-header{
 clear: both;
  position: relative;
}
.pagebody .contentbody-left{
 width: 658px;
 padding-left: 15px;
 float: left;
}
.board .pagebody  .contentbody-left{
padding:0 20px 20px;
}

.pagebody .contentbody-right{
 padding-right: 15px;
 width: 260px;
 float: left;
 clear: right;
}

.board .pagebody .contentbody-right{
    padding-right: 20px;
    width: 230px;
}

.pagebody .board-box-l{

 position: relative;
}

.pagebody .board-box-l-header{
 background: url("bg_msg_header-l.gif") no-repeat ;
 width: 655px;
 height: 60px;

}
.pagebody .board-box-l-header .board-box-l-add a{
 display: block;
 width: 120px;
 height: 27px;
 position: absolute;
 top: 10px;
 left: 520px;
}


.pagebody .board-box-l-header h2{
 color:#3172b7;
 padding:10px 0px 5px 70px;
 font-size:16px;
}

.pagebody .board-box-l-header .board-box-l-header-icon{
 position: absolute;
 top: 5px;
 left: 10px;
}
.pagebody .board-box-l-header .board-box-l-header-icon img{
width: 50px;
}


.pagebody .board-box-l-header .board-box-l-info{
 padding:0px 0px 0px 70px;
}

.pagebody .board-box-l-body {
 background: #9ac3e8;
}

.pagebody .board-box-l-footer{
 background: url("bg_msg_footer-l.gif") no-repeat ;
 width: 655px;
 height: 48px;
 text-align: center;
}

.pagebody .board-box-l-body .news-box{
 border-bottom: 1px solid #d7d1d0;
 overflow: hidden;
 background: #ffffff;
 border-left: 5px solid #ffffff;
}

.pagebody .board-box-l-body .news-box:hover{
  background-color:#f4fbe2 !important;
}
.pagebody .board-box-l-body .news-box .news-box-header{
 padding: 8px 0 0 0;
}

.pagebody .board-box-l-body .news-box .news-clip{
    padding: 2px;
    position: absolute;
}

.pagebody .board-box-l-body .news-box .news-title{
 font-size: 15px;
 width: 340px;
 float: left;
 padding: 0 22px 0 25px;
 height: 19px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.pagebody .board-box-l-body .news-box .news-group{
 padding: 0 10px;
 padding-top:2px;
 text-align: left;
 width: 95px;
 float: left;
 height: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
}

.pagebody .board-box-l-body .news-date{
 text-align: right;
 width: 95px;
 float: left;
 padding-top: 2px;
}



.pagebody .board-box-l-body .news-box .news-icon{
 float: left;
 width: 32px;
 text-align: right;
 padding-top:4px;
}

.pagebody .board-box-l-body .news-box .news-box-body{
  padding: 10px 22px 5px 25px;
 width: 604px;
 clear: both;
}


.pagebody .board-box-l-body .news-box .news-box-body .news-text,
.pagebody .board-boxV2-body .news-listV3 .news-text{
 height: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 font-size: 12px;
color:#808080;
}
.pagebody .board-boxV2-body .news-listV3 .news-text{
    display: inline-block;
    padding-left: 30px;
    vertical-align: middle;
    width: 610px;
}

.pagebody .board-box-l-body .news-box .news-box-footer{

}

.pagebody .board-box-l-body .news-box-unread{
 border-left: 5px solid #f6aa81;
}


.pagebody .board-box-l-body .news-box-recent{
 border-left: 5px solid #FFDBB8;
}

.pagebody .board-box-l-body .news-list .unread a{
 color: #ec683f;
}

.pagebody .board-box-l-body .row1{
background-color: #F7F7F7 !important;
}

.pagebody .board-box-ss-list{
clear:both;
}
.pagebody .board-box-ss-list .board-box-ss{
 width: 230px;
 height: 40px;
 background: #c4e3ff;
 border-radius : 5px;
 margin-bottom: 10px;
 position: relative;
}

.pagebody .board-box-ss-list .board-box-ss .board-box-ss-icon{
 position: absolute;
 top: 5px;
 left: 10px;
}

.pagebody .board-box-ss-list .board-box-ss .board-box-ss-icon img{
width : 30px;
}

.pagebody .board-box-ss-list .board-box-ss h2{
 display:inline-block;
 padding:10px 0 10px 50px
}

/*news maintenance */
.home .pagebody .news-maintenance{
width:850px;
}

.news-maintenance .news-maintenancegroup-change{
width:400px;
height:30px;
 position: absolute;
 top : 30px;
 right: 0px;
 text-align:right;
}
.news-maintenance .news-clip img{
    padding: 0 2px;
}
 .news-maintenance .news-title{
padding-left:15px;
    border-right: medium none;
}
 .news-maintenance .news-clip{
    border-left: medium none;
}
.news-maintenance  .news-author{
width:10%;
}
.home .pagebody .news-maintenance .navigator{
    background-color: #F2F2F2;
    border: medium none;
    padding: 5px 0;
    text-align: center;
}

table.stdlist-news td{
    height: 17px !important; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;
}

table.stdlist-news td.news-title{ width: 240px;}
table.stdlist-news td.news-title a{ display:inline-block; width: 240px; height: 17px !important; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
table.stdlist-news td.news-group div{ width: 85px;height: 17px !important; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
table.stdlist-news td.news-board div{ width: 85px;height: 17px !important; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}

table.stdlist-news td.news-status div{ height: 17px !important; overflow: hidden;text-overflow: ellipsis; white-space: nowrap;}
table.stdlist-news td.news-author,table.stdlist-news td.news-group{
   white-space: normal;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		ICU portal board-searchbox
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.board-searchbox{
 background: #ececec;
 border-radius: 5px;
 width: 635px;
 height: 30px;
 padding : 10px;
 margin: 5px 0 5px 15px;
 display: none;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		ICU portal add news
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
table.addnews th{
    width: 30%;
}
table.addnews b{
padding-right:10px;
color:#1960AD;
}
table.addnews p{
    padding-bottom: 8px;
}
table.addnews .editbox2 b{
    color: #1960AD;
}
table.addnews  div.editbox2{
padding-bottom:15px;
}


/* editbox2 common styles */

.editbox2 .editbox2tab,
.editbox2 .editbox2tab .tabtext {
 width: 112px;
 display: inline-block;
 margin: 0; padding: 0;
}
.editbox2 .editbox2tab {
 height: 32px;
}
.editbox2 .editbox2tab .tabtext,
.editbox2 .tabph1 .tabtext {
 height: 22px;
 padding-top: 10px;
}
.editbox2 .editbox2tab .tabtext {
 text-align: center;
}
.editbox2 .tabph1 .tabtext {
 display: inline-block;
 text-align: right;
}

.editbox2 .editbox2tab.fgtab {
 color: black;
 cursor: default;
 background-image: url('/icon2_tabs_all.png');
 background-position: 0px 0px;
}
.editbox2 .editbox2tab.bgtab {
 color: gray;
 cursor: pointer;
 background-image: url('/icon2_tabs_all.png');
 background-position: 0px -32px;
}

.editbox2 .editbuffer_htmltab_vspacer,
.editbox2 .htmlpanel {
 background-color: #e5e5e5;
 border-color: #afafaf;
 border-width: 0 1px;
 border-style: none solid;
}

.editbox2 .plainformpanel {
 padding: 0;
 margin: 0 0 5px 0;
}

.editbox2c110 .plainformpanel,
.editbox2c110 .editbuffer_htmltabrow { width: 664px; }
.editbox2c110 .editbuffer_htmltab_vspacer,
.editbox2c110 .htmlpanel {
 width: 662px;
}

.editbox2c102 .plainformpanel,
.editbox2c102 .editbuffer_htmltabrow { width: 616px; }
.editbox2c102 .editbuffer_htmltab_vspacer,
.editbox2c102 .htmlpanel {
 width: 614px;
}

.editbox2c81 .plainformpanel,
.editbox2c81 .editbuffer_htmltabrow { width: 628px; }
.editbox2c81 .editbuffer_htmltab_vspacer,
.editbox2c81 .htmlpanel {
 width: 626px;
}

.editbox2c80 .plainformpanel,
.editbox2c80 .editbuffer_htmltabrow { width: 622px; }
.editbox2c80 .editbuffer_htmltab_vspacer,
.editbox2c80 .htmlpanel {
 width: 620px;
}


.editbox2 .editbuffer_htmltab_vspacer {
 height: 10px;
}

.editbox2 .tabph0,
.editbox2 .tabph1 {
 margin: 0; padding: 0;
 display: inline-block;
 height: 32px;
 background-image: url('/icon2_tabs_all.png');
 background-position: 0px -64px;
}

.editbox2 .tabph0 { width: 5px; }
.editbox2c110 .plainformtorich, .editbox2c110 .tabph1, .editbox2c110 .tabph1 .tabtext { width: 435px;}
.editbox2c102 .plainformtorich, .editbox2c102 .tabph1, .editbox2c102 .tabph1 .tabtext { width: 387px;}
.editbox2c81  .plainformtorich, .editbox2c81  .tabph1, .editbox2c81  .tabph1 .tabtext { width: 261px;}
.editbox2c80  .plainformtorich, .editbox2c80  .tabph1, .editbox2c80  .tabph1 .tabtext { width: 393px;}

.editbox2 .plainformcap {
 width: 229px;
 text-align: left;
}
.editbox2 .plainformtorich {
 text-align: right;
}

.editbox2 .plainformcap,
.editbox2 .plainformtorich {
 margin: 0; padding: 0; display: inline-block;
}

.editbox2 .tabph0,
.editbox2 .tabph1,
.editbox2 .editbox2tab  {
 vertical-align: bottom;
}

.editbox2 .htmlpanel .editbuttonrow {
 padding-left: 10px;
}
.editbox2 .htmlpanel .editbuttonrow.editbox2_buttonsmall {
 padding-left: 7px;
}

.editbox2 .htmlpanel .editbutton,
.editbox2 .htmlpanel .editbuttonsep {
 display: inline-block; padding: 0;
}
.editbox2 .editbuttonsep {
 margin: 0 5px;
 width: 1px; height: 23px;
 background-image: url('/icon2s_line2.png');
}
.editbox2 .editbox2_buttonsmall .editbuttonsep {
 margin: 0 4px;
 height: 21px;
}

.editbox2 .disabled .editbuttonsep {
 background-position: -1px 0px;
}

.editbox2 .editbutton {
 margin-left: 3px;
}
.editbox2 .editbox2_buttonsmall .editbutton {
 margin-left: 2px;
}
.editbox2 .leftmost .editbutton,
.editbox2 .leftmost .editbox2_buttonsmall .editbutton {
 margin-left: 0px;
}
.editbox2 .editbox2_buttonwide .editbutton,
.editbox2 .editbox2_buttonwide .editbutton .buttoncontent {
 width: 58px;
 height: 23px;
}

.editbox2 .editbutton {
 margin-bottom: 5px;
}

.editbox2 .editbutton,
.editbox2 .editbutton .buttoncontent {
 width: 25px;
 height: 23px;
}
.editbox2 .editbox2_buttonsmall .editbutton,
.editbox2 .editbox2_buttonsmall .editbutton .buttoncontent {
 width: 23px;
 height: 21px;
}

.editbox2ja .editbutton {
 background-image: url('/icon2_buttons_all_ja.png');
}
.editbox2en .editbutton {
 background-image: url('/icon2_buttons_all_en.png');
}
.editbox2 .editbox2_buttonsmall .editbutton {
 background-image: url('/icon2_buttons_all_s.png');
}

.editbox2 .enabled .editbutton {
 cursor: pointer;
}


/* query panel */
.editbox2 span.query-type-title{
 display:inline-block;
 padding-right:2px;
 margin-right:2px;
 text-align:right;
 width:100px;
 font-weight:bold;
 background-color:#EEEEEE;
}
.editbox2 .query-requirement .query-type-title{
 background-color:#F7D0D0;
}
.editbox2 .query-requirement span.querypanel{
background-color:#F7D0D0;
}

.editbox2 .disabled span.querypanel,
.editbox2 .disabled span.query-type-title,
.editbox2 .disabled .query-requirement span.querypanel {
 cursor: default;
 color: #949494;
 border-color: #cccccc;
}
.editbox2 .disabled span.querypanel,
.editbox2 .disabled span.query-type-title {
 background-color: #eaeaea;
}
.editbox2 .disabled .query-requirement span.querypanel{
 background-color: #eedada;
}



/* button splites generated BEGIN */

.editbox2 .enabled .icon2_p {
 background-position: 0px 0px;
}
.editbox2 .enabled .hover .icon2_p,
.editbox2 .enabled .icon2_p:hover {
 background-position: -25px 0px;
}
.editbox2 .disabled .icon2_p {
 background-position: -50px 0px;
}

.editbox2 .enabled .icon2_h1 {
 background-position: 0px -23px;
}
.editbox2 .enabled .hover .icon2_h1,
.editbox2 .enabled .icon2_h1:hover {
 background-position: -25px -23px;
}
.editbox2 .disabled .icon2_h1 {
 background-position: -50px -23px;
}

.editbox2 .enabled .icon2_h2 {
 background-position: 0px -46px;
}
.editbox2 .enabled .hover .icon2_h2,
.editbox2 .enabled .icon2_h2:hover {
 background-position: -25px -46px;
}
.editbox2 .disabled .icon2_h2 {
 background-position: -50px -46px;
}

.editbox2 .enabled .icon2_h3 {
 background-position: 0px -69px;
}
.editbox2 .enabled .hover .icon2_h3,
.editbox2 .enabled .icon2_h3:hover {
 background-position: -25px -69px;
}
.editbox2 .disabled .icon2_h3 {
 background-position: -50px -69px;
}

.editbox2 .enabled .icon2_pre {
 background-position: 0px -92px;
}
.editbox2 .enabled .hover .icon2_pre,
.editbox2 .enabled .icon2_pre:hover {
 background-position: -25px -92px;
}
.editbox2 .disabled .icon2_pre {
 background-position: -50px -92px;
}

.editbox2 .enabled .icon2_ol {
 background-position: 0px -115px;
}
.editbox2 .enabled .hover .icon2_ol,
.editbox2 .enabled .icon2_ol:hover {
 background-position: -25px -115px;
}
.editbox2 .disabled .icon2_ol {
 background-position: -50px -115px;
}

.editbox2 .enabled .icon2_ul {
 background-position: 0px -138px;
}
.editbox2 .enabled .hover .icon2_ul,
.editbox2 .enabled .icon2_ul:hover {
 background-position: -25px -138px;
}
.editbox2 .disabled .icon2_ul {
 background-position: -50px -138px;
}

.editbox2 .enabled .icon2_indent_i {
 background-position: 0px -161px;
}
.editbox2 .enabled .hover .icon2_indent_i,
.editbox2 .enabled .icon2_indent_i:hover {
 background-position: -25px -161px;
}
.editbox2 .disabled .icon2_indent_i {
 background-position: -50px -161px;
}

.editbox2 .enabled .icon2_indent_d {
 background-position: 0px -184px;
}
.editbox2 .enabled .hover .icon2_indent_d,
.editbox2 .enabled .icon2_indent_d:hover {
 background-position: -25px -184px;
}
.editbox2 .disabled .icon2_indent_d {
 background-position: -50px -184px;
}

.editbox2 .enabled .icon2_r {
 background-position: 0px -207px;
}
.editbox2 .enabled .hover .icon2_r,
.editbox2 .enabled .icon2_r:hover {
 background-position: -25px -207px;
}
.editbox2 .disabled .icon2_r {
 background-position: -50px -207px;
}

.editbox2 .enabled .icon2_b {
 background-position: 0px -230px;
}
.editbox2 .enabled .hover .icon2_b,
.editbox2 .enabled .icon2_b:hover {
 background-position: -25px -230px;
}
.editbox2 .disabled .icon2_b {
 background-position: -50px -230px;
}

.editbox2 .enabled .icon2_i {
 background-position: 0px -253px;
}
.editbox2 .enabled .hover .icon2_i,
.editbox2 .enabled .icon2_i:hover {
 background-position: -25px -253px;
}
.editbox2 .disabled .icon2_i {
 background-position: -50px -253px;
}

.editbox2 .enabled .icon2_u {
 background-position: 0px -276px;
}
.editbox2 .enabled .hover .icon2_u,
.editbox2 .enabled .icon2_u:hover {
 background-position: -25px -276px;
}
.editbox2 .disabled .icon2_u {
 background-position: -50px -276px;
}

.editbox2 .enabled .icon2_s {
 background-position: 0px -299px;
}
.editbox2 .enabled .hover .icon2_s,
.editbox2 .enabled .icon2_s:hover {
 background-position: -25px -299px;
}
.editbox2 .disabled .icon2_s {
 background-position: -50px -299px;
}

.editbox2 .enabled .icon2_color {
 background-position: 0px -322px;
}
.editbox2 .enabled .hover .icon2_color,
.editbox2 .enabled .icon2_color:hover {
 background-position: -25px -322px;
}
.editbox2 .disabled .icon2_color {
 background-position: -50px -322px;
}

.editbox2 .enabled .icon2_sup {
 background-position: 0px -345px;
}
.editbox2 .enabled .hover .icon2_sup,
.editbox2 .enabled .icon2_sup:hover {
 background-position: -25px -345px;
}
.editbox2 .disabled .icon2_sup {
 background-position: -50px -345px;
}

.editbox2 .enabled .icon2_sub {
 background-position: 0px -368px;
}
.editbox2 .enabled .hover .icon2_sub,
.editbox2 .enabled .icon2_sub:hover {
 background-position: -25px -368px;
}
.editbox2 .disabled .icon2_sub {
 background-position: -50px -368px;
}

.editbox2 .enabled .icon2_hr {
 background-position: 0px -391px;
}
.editbox2 .enabled .hover .icon2_hr,
.editbox2 .enabled .icon2_hr:hover {
 background-position: -25px -391px;
}
.editbox2 .disabled .icon2_hr {
 background-position: -50px -391px;
}


/* wide button splites BEGIN */
.editbox2 .enabled .icon2_file {
 background-position: -75px 0px;
}
.editbox2 .enabled .hover .icon2_file,
.editbox2 .enabled .icon2_file:hover {
 background-position: -75px -23px;
}
.editbox2 .disabled .icon2_file {
 background-position: -75px -46px;
}
/* wide button splites END */

/*file button V2*/
.editbox-filebuttonv2 .enabled .icon2_file {
 background-position: -75px -69px;
}
.editbox-filebuttonv2 .enabled .hover .icon2_file,
.editbox-filebuttonv2 .enabled .icon2_file:hover {
 background-position: -75px -92px;
}
.editbox-filebuttonv2 .disabled .icon2_file {
 background-position: -75px -115px;
}


/* button splites generated END */



.editbox2 > textarea {
 border-style: solid;
 border-color: #afafaf;
}
.editbox2 iframe {
 border-style: solid;
 border-color: #afafaf;
}
.editbox2 > textarea { border-width: 1px; }
.editbox2 iframe   { border-width: 2px; }


/* rteditor_editboxv2 */
body.rteditor_editboxv2 {
 border-style: none;
}

/*------------news edit----------------------*/
.news-edit h2{
     color: #3EA0F6;
    font-size: 14.5px;
    margin-bottom: 5px;
    margin-top: 15px;
}
.news-edit h3{
    padding: 10px 0 3px;
}
.news-edit .editbox2{
padding-bottom:15px;
}
.news-edit .news-about-box,.group .news-about-box{
    background-color: #E8F3FC;
    border: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    margin-top: 10px;
    padding: 10px 20px 30px;
    width: 576px;
    margin-bottom: 15px;
}
/*-------inline file ----------*/
.custompanel{
    background-color: #FFFFFF;
    padding: 1em 1em 0;
}
.custompanel table th{
    padding-right: 15px;
    text-align: right;
    width: 40%;
}
.custompanel table input{
    width: 200px;
}

/*2024 0318 add*/
.custompanel table input[type=radio]{
    width: auto;
}

.custompanel em{
    color: #FC4709;
}

.custompanel  .panelbuttons{
    margin: 0 auto;
    text-align: center;
    width: 150px;
}
.rteditor .inlineattachment {
    max-width: 300px;
    min-height: 36px;
    padding-left: 3em;
    background-image: url("/portalicon-file.gif");
    background-position: 3px 50%;
    background-repeat: no-repeat;
    border: 2px solid #73BAF9;
}

.rteditor_textwordwrapbreakinlineattachment .inlineattachment {
    word-wrap: break-word;
} 

.rteditor .inlineattachment:hover {
    background-image: url("/portalicon-file-hover.gif");
}
.articlebody .inlineattachment,.msg-text .inlineattachment,.querybody .inlineattachment,
.previewpanel .inlineattachment,
.report-form-formreport .inlineattachment,
.report-comment .inlineattachment{
    line-height:1.3;
    color:#3c3c3c;
    position: relative;
}
.articlebody .inlineattachment .file,.msg-text .inlineattachment .file,.querybody .inlineattachment .file,
.slotcontent .inlineattachment .file,.previewpanel .inlineattachment .file,
.report-form-formreport .inlineattachment .file,
.report-comment .inlineattachment .file 
{
    position: absolute;
}
.articlebody .inlineattachment .inlineaf-description,.msg-text .inlineattachment .inlineaf-description, .querybody .inlineattachment .inlineaf-description,
.slotcontent .inlineattachment .inlineaf-description,
.previewpanel .inlineaf-description,
.queryadm .inlineaf-description,
.report-form-formreport .inlineaf-description,
.report-comment  .inlineaf-description{
     padding-left: 30px;
}
.articlebody .inlineattachment .inlineaf-image-description,.articlebody .inlineattachment .inlineaf-object-description,
.msg-text .inlineattachment .inlineaf-image-description,.msg-text .inlineattachment .inlineaf-object-description,
.querybody .inlineattachment .inlineaf-image-description,.querybody .inlineattachment .inlineaf-object-description,
.previewpanel .inlineattachment .inlineaf-object-description,
.report-form-formreport  .inlineattachment .inlineaf-object-description,
.report-comment .inlineattachment .inlineaf-object-description{
padding-left:0;
}
.inlineaf-object-description2{
    background: rgba(0, 0, 0, 0) url("/icon-file_movie.png") no-repeat scroll left center;
     min-height:29px;
}
.inlineaf-object-description2:hover{
    background-image:url("/icon-file_movie-focus.png") 
}

.rteditor .embedded-mathjax {
    border: solid #73BAF9;
    border-width: 1px 10px;
    background-color: #CCDDF9;
}
.rteditor .embedded-mathjax,
.rteditor .embedded-mathjax * {
    font-family: "Courier New",Courier,fixed,monospace !important;
}

.rteditor div.embedded-mathjax {
    padding: 10px;
}

.inlineaf-image-description,.inlineaf-object-description{
    display: none;
}
 span.manaba_variable{
    background-color: #f0d4e6;
    border-color: #df8ccf;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    padding: 0 3px;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		ICU portal login
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.login{
    min-width: 809px  !important;
    width: 809px !important;
}

.login #header{
    border-bottom: 3px solid #005ABB;
    height: 90px;
    width: 809px;
}
.login #contentbody{
    width: 809px;
}

.login #header #myheader{
    right: 40px;
    text-align: right;
    top: 25px;
}
.login #header #mylang{
    top: 30px;
    right:0;
    z-index: 10;
}
.login #orgheader{
    background: url("header-school-login.gif") no-repeat scroll left 30px transparent;
    height: 90px;
}
.login .orgheader-link img{
margin-top: 29px;
    position: absolute;
    top: 1px;
 }

.login #header #mylang a {
  width:80px;
  height:20px;
}
body.respon6 .login #header #mylang a {
  height: 22px;
}

.login #header .mylang-ja a{
    background-image: url("button_mylang_login_ja.gif");
}
.login #header .mylang-ja a:hover{
    background-image: url("button_mylang_login_ja-focus.gif");
}
.login #header .mylang-en a{
   background-image: url("button_mylang_login_en.gif");
}
.login #header .mylang-en a:hover{
   background-image: url("button_mylang_login_en-focus.gif");
}

body.respon6 .login #header .mylang-ja a{
    background-image: url("button_respon_mylang_login_ja.png");
}
body.respon6 .login #header .mylang-ja a:hover{
    background-image: url("button_respon_mylang_login_ja-focus.png");
}
body.respon6 .login #header .mylang-en a{
   background-image: url("button_respon_mylang_login_en.png");
}
body.respon6 .login #header .mylang-en a:hover{
   background-image: url("button_respon_mylang_login_en-focus.png");
}
body.respon6 .attend-query-edit .attend-card-info table {
 background-color: #F9F9F9;
}


.login .login-body{
    height: 403px;
    margin: 14px 0;
    position: relative;
    width: 809px;
}


.login #header #mynavi,
.login #myheader img{
display:none;
}

/* login box*/
.login #login-image01{
    position: absolute;
    left:0;
    top:0;
}
.login #login-image02{
    position: absolute;
    right: 0;
}
.login #login-image03{
    position: absolute;
    left: 406px;
    top:203px;
}
.login #login-form-box{
    border: 1px solid #89C8FF;
    height: 148px;
    left: 406px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 50px;
    position: absolute;
    width: 168px;
}

.login h1{
    background: url("bg_h1_login.gif") no-repeat scroll 0 0 transparent;
    border: medium none;
    color: #005ABB;
    font-size: 19px;
    height: 26px;
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 8px;
    padding-left: 28px;
    padding-top: 0;
    width: 147px;
}
.login h3{
    color: #005ABB;
}

.login #login-form-box input{
    font-size: 12px;
    width: 96px;
}
.login #login-form-box input#login{
height:25px;
}
.login #login-form-box table th,.login #login-form-box table td{
    color: #005ABB;
    font-size: 12px;
    text-align: left;
    padding-bottom: 5px;
}

.login #login-systemnews-box, .systemnews_frame #login-systemnews-box{
    background-color: #F0F8FF;
    border: 1px solid #89C8FF;
    color: #3C3C3C;
    height: 168px;
    left: 0;
    padding: 15px 20px;
    position: absolute;
    top: 203px;
    width: 361px;
    line-height: 1.3;
    overflow:auto;
}
.login #login-information-box ,#admin #login-information-box{
    background-color: #F0F8FF;
    border: 1px solid #89C8FF;
    height: 168px;
    padding: 15px;
    position: absolute;
    right: 0;
    top: 203px;
    width: 168px;
    overflow: auto;
}
.login .informationentry li,#admin .informationentry li{
    background: url("listicon_info.png") no-repeat scroll 3px 5px transparent;
    padding-bottom: 15px;
    padding-left: 13px;
}
.login .newsentry{
   padding-bottom:10px;
}

.login .description{
    background-color: #FFE9CE;
    border: medium none;
    margin: 14px 0;
    padding: 10px;
    width: auto;

}
.login .description ul.errmsg {
    margin: 0;
    text-align: center;

}
.login .description ul.errmsg li {
    color: #EC683F;
    list-style: none outside none !important;
}


.login #systemdebug{
display: none;
}

/* login-footer */
.login .login-footer{
    background: url("login_footer.gif") no-repeat scroll 0 0 transparent;
    height: 80px;
    width: 809px;

}

.login .login-footer #notice{
 padding: 5px;
}
.login .pagefooter{
 display: none;
}

.login .login-footerV2{
    background: url("login_footer_2.gif") no-repeat scroll 0 0 transparent;
   height: 80px;
  position: relative;
}
.login .login-footerV2 .keitai_code{
      color: #464646;
    font-size: 12px;
    height: 96px;
    padding-left: 7px;
/*    padding-top: 5px;*/
    width: 455px;
}
.login .login-footerV2 .keitai_code img{
    float: left;
    padding-top: 5px;
}
.login .login-footerV2 .keitai_code dl {
    float: left;
    padding: 5px;
    width: 320px;
}
.login .login-footerV2 .keitai_code dt ,.login .login-footerV2 .keitai_code dd{
    float: left;
    line-height: 1.3;
    padding-bottom: 2px;
   /* width: 75px;*/
}
.login .login-footerV2 .keitai_code dd{
  width: 240px;
}
.login .login-footerV2 .keitai_codeV2 dl{
  padding:10px 5px 5px;
}

.login .login-footerV2 .keitai_codeV2 dd{
  width:400px;
}


.login .login-footerV2 .notice-bata{
     color: #666666;
    position: absolute;
    right: 0;
    top: 18px;
    width: 400px;
}

.login .login-footerV2 .notice-bata #systemversion{
    color: #999999;
    font-size: 13px;
    position: absolute;
    right: 11px;
    text-align: right;
    top: 38px;
    width: 400px;
}

.login  #copyright{
  display:none;
}



.login .login-footerV2 #copyright{
  display:block;
    position: absolute;
    right: 9px;
    top: 86px;
    width: 262px;
}
/*ログイン*/
.login #header {
    border-bottom: 3px solid #529C09;
}

/*ログインフッター*/
.login .login-footer{
background-image:url("login_footerV3.png");
    height: 89px;
position:relative;
}
/*new logo*/
.login .login-footer #notice {
   color:#5a5a5a;
    bottom: 8px;
    padding: 0;
    position: absolute;
    right: 5px;
}
/*new logo*/
.login .login-footerV3{
    background: url("login_footerV4.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    border-top: 2px solid #E6E6E6;
    height: auto;
    min-height: 59px;
    padding-bottom: 49px;
}

.login div.login-footerV3 .keitai_code img{
    padding-bottom: 5px;
    padding-top: 2px;
}
.login .login-footerV3 .keitai_code{
 height:auto;
}
.login .login-footerV3 .notice-bata #systemversion{
    bottom: 0;
    font-size: 12px;
    right: 5px;
}
.login .login-footerV3 #notice{
  position:static;
    bottom: 30px;
}

.login .login-footerV3 .notice-bata{
    bottom: 92px;
    color: #666666;
    position: absolute;
    right: 0;
    top:auto;
}
.login .login-footerV3 .notice-bata #systemversion {
    color: #5A5A5A;
    font-size: 12px;
    right: 5px;
    top: 48px;
}
.login .login-footerV4{
    background-image: url("login_footerV5.png") ;
}



.login .login-attend-button{
    position: absolute;
    right: 2px;
    top: 55px;
}
.login .login-attend-button-image{
    width: 80px;
    height: 20px;
    z-index:10;
}
.login .login-attend-button-image-en{
    width: 102px;
    height: 20px;
    z-index:10;
}
.login .login-attend-button-image a{
    background: url("button_attend_login-ja.gif") no-repeat;
    display: block;
    width: 80px;
    height: 20px;
    text-indent: -9999px;
   outline:medium none;
}
.login .login-attend-button-image a:hover{
    background-image: url("button_attend_login-ja-focus.gif") ;
}
.login .login-attend-button-image-en a{
    width: 102px;
    height: 20px;
    background: url("button_attend_login-en.gif") no-repeat ;
    display: block;
    text-indent: -9999px;
   outline:medium none;
}
.login .login-attend-button-image-en a:hover{
    background-image: url("button_attend_login-en-focus.gif") ;
}

body.respon6 .login .login-attend-button-image {
    height: 22px;
}
body.respon6 .login .login-attend-button-image-en {
    height: 22px;
}
body.respon6 .login .login-attend-button-image a {
    height: 22px;
    background: url("button_respon_login.png") no-repeat;
}
body.respon6 .login .login-attend-button-image a:hover {
    height: 22px;
    background-image: url("button_respon_login-focus.png") ;
}
body.respon6 .login .login-attend-button-image-en {
    height: 22px;
    width: 80px;
}
body.respon6 .login .login-attend-button-image-en a {
    height: 22px;
    background: url("button_respon_login.png") no-repeat;
}
body.respon6 .login .login-attend-button-image-en a:hover {
    height: 22px;
    background-image: url("button_respon_login-focus.png") ;
}

/*★★あとで変更　ログイン画面ヘッダーのリンク*/
.login .header-linklist{
    display: none;

}
/* */
/* baloon */
body .userballoon,
.reactionballoon{
z-index:100;
}

body .userballoonframe, body .contentsballoonframe,
 .reactionballoon .balloonframe{
    width: 260px;
    height: 200px;
    background-color: white;
    border: 3px solid #73BAF9;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 5px #727272;
   overflow:hidden;
}

body .userballoonframe_plusr{
 height: 120px;
}

body  .userballoonframe-nodetail{
   height: 100px;
}

.userballooncontent,
.reactionballoon .ballooncontent{
    height: 150px;
    margin: 10px 15px 10px 5px;
    overflow-x: hidden;
     overflow-y: auto;
    width: 230px;
}
.userballoon .baloonclose ,
.contentsballoon .baloonclose,
.reactionballoon .baloonclose{
    height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
   cursor:pointer;
}

.userballoon .balloonpointer,
.contentsballoon .balloonpointer,
.reactionballoon .balloonpointer{
    background: url("balloon_pointer.png") no-repeat scroll 0 0 transparent;
    height: 15px;
    left: 23px;
    position: absolute;
    top: -12px;
    width: 25px;
    z-index: 10;
}
.userballoon .userballooncontent table{
    width: 100%;
}
.userballoon .userballoonfooter,
.contentsballoon .contentsballoonfooter{
    background-color: #F0F0F0;
    font-size: 90%;
    height: 25px;
    padding: 5px 10px 5px 0;
    text-align: right;
}
.userballooncontent hr{

}
.userballooncontent table th{
     color: #99BAF1;
    padding: 3px 0 3px 3px;
    text-align: center;
    vertical-align: top;
 
}
.userballooncontent table td{
    color: #3c3c3c;
    padding: 3px;
}
 .baloon-message-menu li{
    float: left;
}
 .unreadcount-baloon{
    background: url("icon_unread_message-s.gif") no-repeat scroll 3px 2px transparent;
    display: inline-block;
    height: 23px;
    padding: 0 3px;
    position: relative;
    width: 34px;
}
 .unreadcount-baloon span.my-unreadcount{
    left: 22px;
    position: absolute;
    top: -6px;
}

/* contents baloon*/
.contentsballoon .balloonpointer{
    background-image: url("balloon_pointer-contents.png");
}
.contentsballoon .contentsballoon-header{
    background-color: #E9F4FF;
    padding: 5px;
}
.contentsballoon .contentsballoon-header h1{
    background: url("icon_book.gif") no-repeat scroll 5px 50% transparent;
    border-left: medium none;
    color: #1960AD;
    margin: 0;
    padding-left: 25px;
}
.contentsballoon .contentslist{
    padding: 5px 0;
}
.contentsballoon .contentslist a{

}
.contentsballoon-body{
    height: 120px;
    margin: 10px 15px 10px 5px;
    overflow-x: hidden;
   overflow-y:auto;
    width: 230px;
}

.contentsballoon .contentsballoon-footer{
    font-size: 90%;
    height: 25px;
    padding: 5px 10px 5px 0;
    text-align: right;
}


/*linkbaloon*/

.linkballoon {
 /*  height: 50px;*/
    height: 70px;
    background-color: white;
    border: 3px solid #73BAF9;
    border-radius: 10px 10px 10px 10px;
    box-shadow: 1px 1px 5px #727272;
    overflow:hidden;
    z-index : 100;
}
.linkballoon iframe{

}
a.baloon-link{

}

/*bbsbaloon*/

.bbsballoon {
background-color: white;
    border: 3px solid #73BAF9;
border-radius: 2px 2px 2px 2px;
    box-shadow: 1px 1px 5px #727272;
    overflow: hidden;
    z-index: 100;
}

.bbsballoon .contentbody-s-700{
max-height: 400px;
/*    margin: 10px 15px;*/
    overflow-y: auto;
/*    padding: 10px; */
    width: 700px;
}
.bbsballoon .articlebody {

height: auto !important;
min-height:50px;
border: medium none;
/*padding-bottom: 10px; */
/* margin-bottom:15px;*/
}
.bbsballoon .articlecontainer {
 margin-bottom:5px;
}
.bbsballoon div.GRIread{
border-left: 0px;
}
.bbsballoon .articlesubject,
.bbsballoon .articleheader{
 background-color: #ffffff;
 color:#2449A8;
}
.bbsballoon .articleheader{
 margin: 0 11px 0 2px;
}
.bbsballoon .articlenumber{
border-radius: 2px 2px 2px 2px;
margin: 6px 5px 4px 0px;
    padding: 0 7px;
height: 18px;
 width: 25px;
 padding-top: 3px;
}
.bbsballoon .articleinfo{
 border-top: none;
}

.bbsballoon .articleheader{
 border-left:none;
 border-right:none; 
 border-top:none;
border-bottom: 1px dotted #73BAF9;
}

/* prof-box*/
.prof-box table.stdlist {
    border: 1px solid #89c8ff;
    width: 100%;
    margin-top: 20px;
}
.prof-box table.stdlist tr td {
    border-bottom: 1px solid #89c8ff;
    border-left: medium none;
    padding-left: 10px;
}
.prof-box table.stdlist tr th {
    background-color: #E7F4FF;
    border-bottom: 1px solid #89c8ff;
    border-right: medium none;
    color: #1960AD;
    font-weight: bold;
    padding: 3px 3px 3px 15px;
    text-align: left;
   width:30%
}
.prof-box .prof-detail-box{
    border: 1px solid #89c8ff;
    margin-top: 20px;
}
.prof-box .prof-detail-box h2{
    background-color: #E7F4FF;
    border-bottom: 1px solid #89c8ff;
    margin: 0;
    padding: 5px 10px;
}
.prof-box .prof-detail-box-body{
    padding: 10px;
}
.prof-box .prof-detail-box-body-text{
    height: 100px;
    overflow-y: auto;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		ICU portal group
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.home .groupnews-header,
.group .info-list-card-header,
.top-contents-list-header{
    height: 25px;
    padding-top: 6px;
}

.home .groupnews-header,
.course .info-list-card-header,
.top-contents-list-header{
    height: 25px;
    padding-top: 6px;
}

.home .groupnews-header,.group .info-list-card-header,.top-contents-list-header{
 margin-bottom: 0px;
}

.home .groupnews-header h2,
.group .info-list-card-header h2,
.top-contents-list-header h2{
/* padding: 2px 0 0 25px;
 color: #266ab2;*/
}
.home .groupnews-body,.group .info-list-card-body,
.course .info-list-card-body{
 border-left: 1px solid #a8d6ff ;
 border-bottom: 1px solid #a8d6ff ;
 border-right: 1px solid #a8d6ff ;

 margin-bottom: 20px;
}
/*  mygroup  menu*/
.newgroup-list .newgroup-list-title h2,.contents-ranking .contents-ranking-title h2{
margin-top:0;
}

.newgroup-list div.newgroup-list-body,.contents-ranking div.contents-ranking-body{
    border:  1px solid #D2D2D2;
    border-width: 0 1px 1px;
    padding: 0 5px;
}

.newgroup-list table ,.contents-ranking table{
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
.newgroup-list table tr ,.contents-ranking table tr ,.my-infolist-subscribecontents  table tr{
    border-bottom: 1px dotted #BFBFBF;
}
.contents-ranking table tr:last-child,.newgroup-list table  tr:last-child{
        border-bottom: medium none;
} 

.contents-ranking table tr td.contents-icon, .my-infolist-subscribecontents .contents-icon{
    background: url("icon_contents1-s.gif") no-repeat scroll 3px 7px transparent;
   vertical-align: top;
}
.contents-ranking table tr th{
    height: 60px;
}

.newgroup-list table th ,.contents-ranking table th{
    text-align: center;
    width: 39px;
}
.newgroup-list table td,.contents-ranking table td , .my-infolist-subscribecontents table td {
    padding: 7px 3px;
}
.newgroup-list table td .newgroup-title,.contents-ranking table .contents-title,
.my-infolist-subscribecontents .contents-title
{
    height: 17px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 130px;
}
.my-infolist-subscribecontents .my-infolist-body{
    padding: 0 5px;
}


/* mygroup new*/
.home .pagebody .contentbody-left {
   padding-left: 20px;
}
.home .pagebody .contentbody-right {
    float: left;
    padding-right: 20px;
    width: 230px;
}

.home .mygroups-header{
    background: url("bg_mygroups-header.gif") no-repeat scroll 0 0 transparent;
    border: 0 none;
    height: 31px;
    margin-bottom: 12px;
}
.home .mygroups-header h2{
    color: #266AB2;
    padding: 7px 0 0 35px;
}
.group  .content-body h1{
margin-top:0;
}

.group h2{

}
.group  .content-body  .description{
margin-bottom:20px;
}
.pagebody .my-groupV2{
width:680px;
margin:0 auto;
}
.pagebody .my-groupV2 .rightmostbutton{
top:0;
 margin: 0 0 4px;
}

.pagebody .my-groupV2 .my-infolist-thread .my-infolist-header{
background-image:url("bg_mygroup_list_header.gif");
}
.home .my-groupV2 .mygroups-header{
background-image:url("bg_mygroup_list_header.gif");
}
.home .my-groupV2 .my-infolist-groupadd .my-infolist-header{
background-image:url("bg_mygroup_add_header.gif");
}
.home .my-groupV2 .my-infolist-groupadd .my-infolist-body{
border:medium none;
}
.home .my-groupV2 .my-infolist-groupadd .my-infolist-body th{
    background: url("marker-diamond.gif") no-repeat scroll 6px center transparent;
    font-weight: normal;
    padding-left: 20px;
    padding-top: 5px;
    text-align: left;
}
 .home .my-groupV2 .groupthreadlist th a{
width:220px;
}

.groupcard{
    border-color: #70BCFF;
    border-style: dotted dotted dotted solid;
    border-width: 1px 1px 1px 4px;
    float: left;
    height: 55px;
    margin-bottom: 10px;
    margin-right: 15px;
    padding: 5px;
    position: relative;
    width: 193px;
}

.groupcard:hover{
background-color:#f4fbe2 !important;
    border-color: #9fcf3a;
cursor: pointer;
}
.groupcard-h{
    border-color:#999999;
}
.groupcard-h:hover{
   background-color:#f8f8f8;
    border-color:#999999;
}

.groupcard .group-card-img{
    display: block;
    position: absolute;

}
.groupcard .group-card-alert{
   font-size:10px;
   position: absolute;
   top: 30px;
   left: 55px;
   color: red;
}

.groupcard .group-card-title ,.contents-card .contents-card-title{

  position: absolute;
  top: 10px;
  left: 55px;
    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 125px;
}


.groupcard .group-card-title a,.contents-card .contents-card-title a{
    height: 17px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.course .contents-card .contents-card-title a{
 font-size: 13px;
}

.course .contents-card{
  height: 55px;
}
.groupcard .group-card-attention{
    bottom: 0;
    color: #B1B1B1;
    font-size: 10px;
    position: absolute;
}

.groupcard .group-card-status{
    height: 22px;
    position: absolute;
    right: 3px;
    text-align: right;
    top: 47px;
    width: 80px;
}

.my-groupV2 .groupcard{
    height: 60px;
    width: 201px;
/*   background:#eeeeee;*/
}
.my-groupV2 .groupcard .group-card-status{
    top: auto;
    bottom: 0;
    height: 19px;
}

.default-groupmenu {
    background-color: #E6E6E6;
    height: 30px;
    margin-bottom: 15px;
    margin-top: -25px;
    padding-left: 15px;
    padding-right: 30px;
    padding-top: 10px;
    position: relative;
    width: 903px;
}

.default-groupmenu .default-groupmenu-grouplist,
.default-groupmenu .default-groupmenu-contentslist,
.default-groupmenu .default-groupmenu-contentsranking{
 width: 142px;
 padding-left: 5px;
 float: left;
}

.default-groupmenu-close{
    height: 10px;
    position: absolute;
    right: 10px;
    text-indent: -99999px;
    top: 10px;
    width: 10px;
}
.default-groupmenu-close a{ background: url("icon_groupmenu_close.gif") no-repeat ;display: block;width:10px;height: 10px;text-indent: -99999px;outline: medium none;}

.default-groupmenu-close a.group-header-closed{
 background: url("icon_groupmenu_open.png") no-repeat ;
 display: block;
 width:21px;
 height: 19px;
 text-indent: -99999px;
  position: absolute;
  right: -5px;
  top: -10px;
 z-index: 5;
}

.pageheader-group{
 background: url("bg_header_grouptop.gif") no-repeat #e6e6e6;
 position:relative;
 height: 105px;
 width: 950px;
 margin-top:-20px;
}
.pageheader-groupV2{
/* background-image: url("bg_header_grouptopV2.gif");*/
/*background-image: url("bg_header_grouptopV3.gif");*/
background-image: url("bg_header_grouptopV4.gif");
 margin-left: -1px;
}


.pageheader-group .pageheader-group-groupname{
 position: absolute;
 top:10px;
/* left: 80px;*/
 left : 105px;
 font-size: 16px;
}



.pageheader-group .pageheader-group-groupicon{
 width: 60px;
 height: 60px;
 position: absolute;
 top:8px;
 left: 10px;
}
.pageheader-groupV2 .pageheader-group-groupicon{
    height: 50px;
/*    left: 13px;*/
    left:43px;
    position: absolute;
    top: 13px;
    width: 50px;
}


.pageheader-group .pageheader-group-groupinfo{
 position: absolute;
 top:30px;
 left: 685px;
 font-size: 11px;
 width: 260px;
}

.pageheader-group .pageheader-group-groupadmin,
.pageheader-course .pageheader-course-courseteacher
{
 position: absolute;
 top:10px;
 left: 685px;
 font-size: 11px;
}

.pageheader-course .pageheader-course-courseteacher{
 font-size: 12px;
 line-height: 1.5;
}
.pageheader-course .pageheader-course-courseteacher span.courseteacher-name,
.pageheader-course .pageheader-course-courseteacher span.coursedata-info,
.pageheader-course .pageheader-course-courseteacher span.courselocation-info{
    display: block;
    margin: 0 0 0.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 165px;
}
.pageheader-course .pageheader-course-courseteacher span.coursedata-infoV2,
.pageheader-course .pageheader-course-courseteacher span.courselocation-info{
  margin-bottom:0;
}
.pageheader-course .pageheader-course-courseteacher span.courselocation-info,
.pageheader-course .pageheader-course-courseteacher span.courseteacher-info{
    display: inline-block;
    max-width: 90px;
    vertical-align: middle;
    width: auto;
}
.pageheader-course .pageheader-course-courseteacher span.courseteacher-info{
       max-width: 70px;
}


.pageheader-group .pageheader-group-parentgroup{
 position: absolute;
 top:23px;
/* left: 15px; */
 left: 20px;
 font-size: 10px;
 width: 530px;
}


.pageheader-group .pageheader-group-childrengroup{
 position: absolute;
 top:39px;
/* left: 15px; */
 left: 20px;
 width: 300px;
 font-size: 10px;

 height: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
white-space: nowrap;
}

.pageheader-group .pageheader-group-childrengroup a{
 padding-right: 15px;
}

.group-menu{
 width: 900px;
 height: 34px;
 position: absolute;
 top: 71px;
/* left: 30px; */
left: 42px;
}

.group-menu-nonmember{
 width: 619px;
 padding-left:281px
}

.group-menu .group-menu-news{
 width: 152px;
 float: left;
}

.group-menu .group-menu-bbs{
 width: 129px;
 float: left;
}

.group-menu .group-menu-contents{

 float: left;
}

.group-menu .group-menu-memberlist{
 width: 151px;
 float: left;
}

.group-menu .group-menu-boardnews{
 width: 154px;
/*    padding-left: 54px;*/
 padding-left: 42px;
 float: left;
}
.group-menu .group-menu-admin{
 width: 79px;
 float: left;
}
.group-menu-en .group-menu-news {
width:142px;
}
.group-menu-en .group-menu-boardnews{
    padding-left: 75px;
}
.group-menu-admin-V2{
    height: 25px;
    position: absolute;
    right: 337px;
    top: 8px;
    width: 91px;
}

.pageheader-groupV3{
background-image: url("bg_header_grouptopV4.gif");
 margin-left: -1px;
    height: 104px;
}
.pageheader-groupV3 .pageheader-group-groupicon{
    left: 34px;
}
.pageheader-groupV3 .pageheader-group-groupname{
    left: 95px;
}
.pageheader-groupV3 .group-menu {
    top: 72px;
    left: 95px;
}
.pageheader-groupV3 .group-menu-admin-V2{
    width: 89px;
    right: 301px;
    top: 9px;
}
.pageheader-groupV3 .group-menu .group-menu-news,
.pageheader-groupV3 .group-menu .group-menu-bbs,
.pageheader-groupV3 .group-menu .group-menu-memberlist{
width:auto;
}
/* small header*/
.pageheader-group-s{
    background-image: url("bg_header_grouptop-s.gif");
    height: 69px;
}
.pageheader-group-s .pageheader-group-parentgroup,
.pageheader-group-s .pageheader-group-childrengroup,
.pageheader-group-s .pageheader-group-groupadmin,
.pageheader-group-s .pageheader-group-groupinfo{
display:none;
}
.pageheader-group-s  .group-menu {
    top: 37px;
}

.pageheader-groupV3  .group-menu .group-menu-boardnews{
    padding-left: 24px;
}

.pageheader-group-nomember{
height:74px;
 /*background-image: url("bg_header_grouptop-nomember.gif");*/
 background-image: url("bg_header_grouptop-nomemberV2.gif");
}


/* group-tree */
.grouptree-frame {
 border-collapse: collapse;
 position: relative;
 margin-left: 10px;
}

.grouptree-hspacer{
 width: 9px;
}

.grouptree-vspacer{
 border-left: 1px #3d3d3d solid;
 height: 5px;
 vertical-align: top;
}

.grouptree-vspacer div{
 width: 15px;
 height: 5px;
 background: url("bg_grouplist-line01.gif") no-repeat scroll -1px 1px transparent;
 margin-left: -6px;
}

.grouptree-hspacer-hasnext {
 padding-left: 5px;
 height: 13px;
 border-left: 1px #3d3d3d solid;
 vertical-align: top;
}

.grouptree-hspacer-hasnext div{
 width: 15px;
 height: 13px;
 background: url("bg_grouplist-line02.gif") no-repeat scroll 0px 5px transparent;
 margin-left: -6px;

}

.grouptree-hspacer-last{
 padding-left: 5px;
 height: 13px;
 vertical-align: top;
}

.grouptree-hspacer-last div{
 width: 15px;
 height: 13px;
 background: url("bg_grouplist-line03.gif") no-repeat scroll 0 1px transparent;
 margin-left: -6px;
 margin-top: -1px;
}

.grouptree-node-marked {
 color: red;
}

/*---------group top----------------------------------------------------------*/
.group .content-body{
padding:20px;
    height: auto !important;
    margin: auto;
    min-height: 300px;

}
.course .content-body{
padding:20px;
    height: auto !important;
    margin: auto;
    min-height: 300px;
position: relative;
}

/**/
.course .content-body .rightmostbutton{
margin-top: 0;
position: static;
text-align: right;
    padding-bottom: 10px;
  /* color: #2449A8;*/
    padding-right: 5px;
}
.course .content-body .rightmostbutton a{
    font-size: 13px;
    text-align: left;
    padding: 0 2px;
}
.course .content-body .rightmostlink img{
padding-left:10px;
}
/* no-member*/
.group .contentbody-nomember{
position:relative;
}
.group .contentbody-nomember div.rightmostbutton{
    position: static;
    right: 25px;
    top: 14px;
}

.info-list-card-body ul ,.info-list-card-body .groupnewslist,.groupnews-body .groupnewslist,.groupthreadlist{
    height: 160px;
    padding: 5px 15px 0 16px;
}
.info-list-card-body .showmore{
height:19px;
}

.info-list-card-body .no-info{
    height: 164px;
    padding: 10px;
}

.info-list-card-body .no-info .showmore{
  padding-right:0;
}

.info-list-card-body ul li ,.groupnewslist tr,.groupthreadlist tr{
    border-bottom: 1px dotted #999999;
    height: 22px;
    padding: 6px 0 0 20px;
}
.groupnewslist th,.groupthreadlist th,.info-list-card-body ul li {
    background: url("marker-diamond.gif") no-repeat scroll left center transparent;
}
.showmore {
    clear: both;
    padding-right: 20px;
    text-align: right;
}
.info-list-cardr{
    float: right;
    width: 317px;
}
.info-list-cardr .info-list-card-body ul li {
width:265px;
}
.info-list-cardl{
    float: left;
    width: 565px;
}
.info-list-card-body .info-list-card-title{
    height: 16px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
   width:235px;
    float: left;
}

.info-list-card-body span.unread{
 display:inline-block;
width: 20px;
text-align: right;
}

.groupnewslist table,.groupthreadlist table{
    border-collapse: collapse;
    width: 100%;
}
.groupnewslist tr ,.groupthreadlist tr {
    height: 29px;
}
.groupnewslist th,.groupthreadlist th{
    border-bottom: 1px dotted #BFBFBF;
    font-weight: normal;
    padding-left: 20px;
    padding-top: 6px;
    text-align: left;
    width: 45%;

}
.groupnewslist th a ,.groupthreadlist th a{
    display: inline-block;
    height: 17px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 220px;
}

.groupnewslist td, .groupthreadlist td{
    border-bottom: 1px dotted #BFBFBF;
    padding: 6px 5px 0;
    text-align: left;
}

.groupthreadlist  td.news-date,
.groupthreadlist td.news-date,
.groupnewslist td{
    text-align: right;
}
/* group top new 120315*/

.group-top .info-list-cardl,.group-top .info-list-cardr{
width:444px;
}
.group-top .info-list-cardl .info-list-card-header{
    background-image: url("bg_groupnews_header.gif");
}
.group-top .info-list-cardr .info-list-card-header{
    background-image: url("bg_groupthread_header.gif");
}
.group-top  .top-contents-list .top-contents-list-header{
    background-image: url("bg_groupcontents_header.gif");
}
.group-top .groupnewslist th a, .group-top .groupthreadlist th a{
width:250px;
}



/*contents list*/
.top-contents-list-body{
    background-color: #E6E6E6;
    border-bottom: 1px solid #DCDCDC;
    padding: 12px 2px 4px 10px;
}
.course .top-contents-list-body{
border-bottom:medium none;
    background-color: #EEEEEE;
}
.top-contents-list-footer{
    border: 0 none;
    height: 23px;
    padding-top: 7px;
}
.group-top .top-contents-list-footer{
background-image:url(bg_groupcontents_footer.gif);
    border-radius: 0 0 3px 3px;
}
.course .group-top .top-contents-list-footer{
    background: none repeat scroll 0 0 #EEEEEE;
    padding-top: 0;
}

.contents-card{
    background: url("icon_contents1.gif") no-repeat scroll 6px 7px #FFFFFF;
    box-shadow: 1px 1px 1px #C5C5C5;
    float: left;
    height: 69px;
    margin-bottom: 10px;
    margin-right: 10px;
    padding: 5px;
    position: relative;
    width: 204px;
}
.contents-card .contents-card-img{
    display: block;
    height: 40px;
    left: 17px;
    position: absolute;
    top: 16px;
    width: 40px;
}
.contents-card .contents-card-title{
    left: 65px;
}

 .contents-card .contents-card-status{
    bottom: 2px;
    height: 22px;
    position: absolute;
    right: 5px;
    text-align: right;

    width: 80px;
}
 .contents-card .contents-card-status img{
    vertical-align: middle;
}

/* ----subscribe list-- */
.top-subscribe-list{
    margin: 0 auto;
    width: 908px;
}
.top-subscribe-list .top-contents-list-body {
padding-left: 15px
}
.top-subscribe-list .top-contents-list-header h2{
    /*background-image: url("icon_subcribe.gif");
    background-position: 5px 2px;*/
}
.top-subscribe-list .contents-card {
    background: url("icon_contents1.gif") no-repeat scroll center 7px #FFFFFF;
    height: 75px;
    margin-right: 14px;
    width: 124px;
}
.top-subscribe-list .contents-card .contents-card-img {
    margin: 0 auto;
    padding: 10px 0 0 11px;
   position: static;

}
.top-subscribe-list .contents-card .contents-card-title {
    padding-left: 5px;
 top: 58px;
    left: 0;
   text-align: center;
}
.top-subscribe-list  .contents-card .contents-card-status{
    visibility: hidden;
}
.home-subscribe-list .top-contents-list-body .home-subscribe-list-body{
background:url("bg_subscribe_contentslist-body.gif") repeat scroll 0 0 transparent;
height:475px;
width:720px;
}
 .home-subscribe-list-body .contents-card{
box-shadow:none;
}

.top-subscribe-list .contents-card .contents-card-title .unread{

}

/*------------------group setting---------------------------------------------*/

.group div.group-setting-box{
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    margin: 10px 0;
    padding: 10px 20px;
    /*width:400px;*/
}
.group div.member-maintenance-menu{
    background-color: #F0F0F0;
    border: 1px solid #CCCCCC;
    margin: 10px 0;
    padding: 10px 20px;
    width:400px;
}
div.member-setting .msg-body{
    height: 400px;
    overflow-y: auto;
    padding: 10px;
}
div.member-setting .msg-footer .msg-navi{
    margin: 0 auto;
    padding-left: 0;
    width: 102px;
}


/*------------------------group contents -------------------------------------------------------*/
div.contents,div.coursecollection,div.homecollection{
margin-top:0;
}
 .pagebody div.contents .contentbody-left,
 .pagebody div.coursecollection .contentbody-left,
 .pagebody div.homecollection .contentbody-left,
.pagebody div.project .contentbody-left 
{
    padding: 24px 30px 20px 25px;
    width: 621px;
}

.pagebody div.coursecollection .contentbody-left{
 padding-top: 38px;
}
 .pagebody div.homecollection .contentbody-left{
float: none;
margin:auto;
}

.pagebody div.contents  .contentbody-right,
.pagebody div.coursecollection .contentbody-right,
.pagebody div.homecollection .contentbody-right,
.pagebody div.project .contentbody-right
{
    padding: 20px 12px 12px 0;
    width: 254px;
}
.pagebody div.coursecollection .contentbody-right{
padding-top:0px;
}
.pagebody div.homecollection .contentbody-right{
   position: absolute;
    right: 150px;
    top: -30px;
float: none;
}

.pagebody .groupmap-link{
text-align:right;
padding-bottom:10px;
}


div.contents .articlebody, div.coursecollection .articlebody,div.homecollection .articlebody{
    border: medium none;
    margin: 0px;
    padding: 0px;
}
div.contents .articletext,div.coursecollection .articletextm,div.homecollection .articletext,
.previewpanel .articletext{
    color: #1E1E1E;
    font-size: 12px;
    line-height: 1.8;
    padding: 0 0 0 5px;
/*    width: 100%;*/
}
div.contents .articlebody{
position:static;
}


.articleindex {
    float: right;
    width: 174px;
}

.attention-text {
 color:red;
 padding-top: 10px;
}

/*2020 12-11 add*/
.homecollection-backlink{
text-align: right;
margin: 0 auto;
width:622px;
}


/* contents list*/
.opencontents-menu {
    background-color: #ECECEC;
    border-radius: 3px 3px 3px 3px;
    margin-bottom: 10px;
    padding: 5px 10px;
    position: relative;
}
.opencontents-menu img{
vertical-align:middle;
}
.opencontents-menu .select-opencontents{
    padding-right: 15px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 5px;
    width: 300px;
}
.opencontents-menu .select-opencontents span{
    padding-left: 10px;
}
.tabletitle h3{
    background-color: #F1F1F1;
    color: #1960AD;
    margin-top: 5px;
    padding: 5px 10px 5px;
}


.groupnews_frame_newsstatus .stdlist-coursemember{
margin-bottom:20px;
}
.groupnews_frame td,.msg .msg-body .msg-eventinfo  td,
.pdetail-panel .msg-info td
{
    padding: 5px 5px 5px 10px;
}
.groupnews_frame .groupnews-msg .msg-info td.msg-info-caption, 
.msg .msg-body .msg-eventinfo  td.msg-info-caption,
.tpanel_frame .pdetail-panel .msg-info td.msg-info-caption, 
.pagebody .pdetail-panel .msg-info td.msg-info-caption, 
.pdetail-panel .msg-body .msg-eventinfo  td.msg-info-caption{
    display: table-cell;
    vertical-align: top;
}
.stdlist-coursemember td.name,.qtdrillstat td.name{
padding-left:10px;
}
.stdlist-coursemember td.name .coursemember-mailaddr{
 color: #666666;
    font-size: 90%;
}

.page .tabletitle h3, .group .tabletitle img{
    padding-right: 5px;
    vertical-align: top;
}
table.contentslist,div.opencontentslist{

    border: 1px solid #A8D6FF;
    width: 100%;
    margin-bottom: 10px;
/*    border-width: 3px 3px 1px;*/
}
div.opencontentslist{
/*border-width: 0px !important;*/
   background: #F7F7F7; /* 2012-2-29 add */
}
table.contentslist th,div.opencontentslist .img-contents{
    background: url("icon_contents1.gif") no-repeat scroll 10px 7px transparent;
/*    border-bottom: 2px solid #A8D6FF;*/
border-bottom: 1px solid #A8D6FF;
    height: 65px;
    padding: 16px 0 0 21px;
    text-align: left;
    vertical-align: top;
    width: 45px;
}
table.contentslist th{
    padding: 0;
    width: 66px;
    height: 65px;
}

table.contentslist th img{
   padding:16px 0 0 21px;
}
 table.contentslist td{
/*    border-bottom: 2px solid #A8D6FF;*/
    border-bottom: 1px solid #A8D6FF;
    padding: 10px 10px 0 10px;
}
table.contentslist tr:last-child td,table.contentslist tr:last-child th{
border-bottom:0px;
}

  table.contentslist .about-contents{
    vertical-align: top;
}
  table.contentslist .about-contents a,div.opencontentslist .about-contents a{
    font-size:15px;
}
  table.contentslist .about-contents span,table.contentslist .about-contents a{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:   432px;
    display: block;
}
 table.contentslist .info-contents{
    background-color: #e6f4ff;
   position: relative;
    vertical-align: top;
}
 table.contentslist .info-contents div{
position:relative;
}
 table.contentslist .info-contents .contents-group-title{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100px;
    padding-bottom: 3px;
}
 table.contentslist .hilitecolor .info-contents{
   background-color: #e3f6b7 !important;
}
 table.contentslist .info-contents a{

}
 table.contentslist .info-contents img{
    bottom: 1px;
    position: absolute;
    right: 0;
}
/* open contents list order by group*/
div.opencontentslist{

/*   border: 3px solid #A8D6FF; */
border: 1px solid #A8D6FF; 
}

h2.contents-orderbygroup{
    color: #1960AD;
    margin-bottom: 0px;
    padding-top: 2px;
}

div.opencontentslist .contentslist-box{
    border: 1px solid #A8D6FF;
    border-top: 0px solid #A8D6FF;
    float: left;
/* 2012-2-29
    margin-bottom: -1px;
    margin-right: -1px;
    border-bottom: 1px solid #A8D6FF;
    border-right: 1px solid #A8D6FF;
    width: 329px;
*/
    width: 328px; /* 2012-2-29 */
    background:#ffffff; /* 2012-2-29 */
    position: relative;
 z-index:10;
}

div.opencontentslist .contentslist-box:hover{
   background-color: #F4FBE2 !important;
 z-index:5;
}
div.opencontentslist .contentslist-box-1{
    border-left: 0px solid #A8D6FF;
    margin-bottom: -1px;
}
div.opencontentslist .contentslist-box-3{
    border-left: 0px solid #A8D6FF;
    border-top: 1px solid #A8D6FF;
    border-bottom: 0px solid #A8D6FF;
}

div.opencontentslist .contentslist-box-2{
    border-right: 0px solid #A8D6FF;
    border-left: 0px solid #A8D6FF;
    margin-bottom: -1px;
}
div.opencontentslist .contentslist-box-4{
    border-right: 0px solid #A8D6FF;
    border-left: 0px solid #A8D6FF;
    border-top: 1px solid #A8D6FF;
    border-bottom: 0px solid #A8D6FF;
    margin-bottom: -1px;
}


div.opencontentslist .img-contents{
    border-bottom: medium none;
    float: left;
    height: 50px;
}
div.opencontentslist .about-contents{
    float: left;
    padding: 10px;

   width: 241px;/* 2012-2-29*/ 
/*    width: 242px; */

}
div.opencontentslist .about-contents a,div.opencontentslist .about-contents span{
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 199px;
}
div.opencontentslist .about-contents  img{
    bottom: 15px;
    position: absolute;
    right: 10px;
   top: 33px;
}

/* contents header*/
div.newcondition{
    position: absolute;
    right: 0;
    top: 31px;
}

.contents .contentsheader{
    border-bottom: 1px solid #CFE8FE;
    margin-top: -20px;
    position: relative;
    background-color: #ECF6FF;
}
.contents .contentsheader h1{
    border-left: medium none;
/*    color: #1960AD;*/
    padding: 10px 10px 5px 85px;
    width: 400px;
}
.contents .contentsheader .contentsheader-about-contents{
    background: url("bg_contents_header.gif") no-repeat scroll 0 0 #ECF6FF;
    margin-top: -16px;
    min-height: 65px;
    position: relative;
}

.contents .contentsheader .contents-icon{
    height: 40px;
    left: 20px;
    padding: 5px;
    position: absolute;
    top: 12px;
    width: 40px;
}
.contents-admin  .contentsheader .contents-icon{
    left: 19px;
}
.contents .contentsheader .contents-imformation{
     font-size: 11px;
    padding-bottom: 5px;
    padding-left: 85px;
    width: 432px;
}
.contents .contentsheader .contents-editinfo{
    top: 10px;
    position: absolute;
    right: 222px;
    width: 121px;
    height: 30px;
}
.contents .contentsheader  .contents-modtime{
    bottom: 8px;
    position: absolute;
    right: 57px;
    width: 205px;
    font-size: 11px;
}

.contents .contentsheader .contentsheader-about-contents-2{
    background: url("bg_contents_header.gif") no-repeat scroll 0 0 #ECF6FF;
}

.contents .contentsheader .contentsheader-about-contents-2 h1{
    padding: 10px 10px 5px 95px;
}

.contents .contentsheader  .contentsheader-about-contents-2 .contents-imformation{
    padding-left: 95px;
}



.contents .contentsheader  .contentsheader-about-contents-2 .contents-icon{
   left: 38px;
}

.contents .contentsheader .contents-viewrange{
    bottom: 7px;
    color: #FC4709;
    position: absolute;
    right: 25px;
    text-align: right;
    width: 205px;
}
.contents .contentsheader div.newcondition{
    right: 5px;
    top: 3px;
}
.contents .contentsheader div.newconditionEN{
    right: 280px;
    top: 8px;
}

.contents .contentsheader div.newconditionV2{
    right: 21px;
    top: 8px;
}
.contents .contentsheader .contents-subscribe{
    position: absolute;
    right: 12px;
    top: 8px;
    width: 250px;
}
.contents .contentsheader .contentsheader-about-group{
    background-color: #E6E6E6;
    border-bottom: 1px solid #CCCCCC;
    border-left: 2px solid #DFDFDF;
    padding: 5px;
    position: relative;
    height: 20px;
}
.contents .contentsheader .contentsheader-about-groupV2{
    background-color: #eeeeee;
    border-left: 0px solid #DFDFDF;
}
.contents .contentsheader .contentsheader-about-group-img{
    padding-left: 40px;
    position: absolute;
}

.contents .contentsheader .contentsheader-about-group h3{
/*    padding-left: 40px; */
   padding-left: 70px; 
    padding-right: 10px;
    width: 600px;
}
.contents .contentsheader .contentsheader-about-group a{
    padding-right: 10px;
}
.contents .contentsheader .contentbody-footer {
    margin-bottom: 0;
    position: absolute;
/*    right: 10px;*/
    left: 660px;
    top: 0;
    width: 200px;
}

/* contents page admin*/
.contents-admin .contentsheader{
margin-top:0;
}
.contents-admin  .contentsheader .contentsheader-about-contents{
    background: url("icon_contents1.gif") no-repeat scroll 13px 8px transparent;
    margin-top: 0;
}
.contents-admin  .contentsheader .contents-modtime{
    right: 10px;
    top: 30px;
}
.contents-admin  .contentsheader .contents-accesscount{
    position: absolute;
    right: 10px;
    top: 45px;
    width: 205px;
    font-size: 11px;
}

.contents-admin  .contentsheader .contents-viewrange{
    color: #1960AD;
    right: 10px;
    text-align: left;
    top: 10px;
    font-size: 11px;
}
.contents-admin  .contentsheader .contents-viewrange img{
    padding-right: 5px;
    vertical-align: middle;
}
.contents-admin .contentsadm-button{
    padding: 5px 0;
    text-align: right;
}
.articleindex,.contents .articleindex {
    box-shadow: 1px 1px 1px #E0E0E0;
    width: 100%;
}

 .articleindex .contentspagelist th, contentspagelist th{
    background: url("icon_book.gif") no-repeat scroll 10px 9px #E9F4FF;
    padding: 6px 10px 5px 25px;
    text-align: left;
}
.articleindex .contentspagelist th.stdlist-title-authpageedit{
    padding: 6px 80px 5px 25px;
}
.articleindex .pagebuttons{
    position: absolute;
    right: 25px;
    top: 25px;
}
 .contentbody-right .pagebuttons{
   margin-top: -5px;
   margin-bottom: 5px;
}
.articleindex .contentspagelist td{
}
.articleindex .contentspagelist ul ,.contentsballooncontent ul{
    margin-left: 20px;
}
.coursecollection .articleindex .contentspagelist ul{
    max-height: 400px;
    overflow-y: auto;
   margin-left:5px;
}
 .articleindex .contentspagelist li, .contentsballooncontent .contentslist li{
    list-style: disc outside url("icon_pagelist.gif");
}
.coursecollection .articleindex .contentspagelist ul li {
list-style: disc inside url("icon_pagelist1.gif");
}
.coursecollection .articleindex .contentspagelist ul li.ungraded {
list-style: disc inside url("icon_pagelist-unread.gif");
}

.articleindex .contentspagelist .unread,
.articleindex .contentspagelist .GRIunread ,
.contentsballooncontent .contentslist .GRIunread{
    list-style: disc outside url("icon_pagelist-unread.gif");
   color:#ec683f;
}
 .articleindex .contentspagelist .GRIrecent,
.contentsballooncontent .contentslist .GRIrecent{
    list-style: disc outside url("icon_pagelist-unread.gif");
    color: #4071C1;
}

.contents .articleauthor,
.coursecollection .articleauthor,
.homecollection .articleauthor{
    border-top: 1px solid #d7d7d7;
    color: #505050;
    margin: 40px 0 4px 5px;
    padding-top: 15px;
    position: relative;
}
.contents .articleauthorV2{
     border-color:#a8d6ff;
     padding-top:0;
}

 .articleauthor .topagetop{
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
}
.contents .articleauthorV2 .contentpage-navi{
    background-color: #ecf6ff;
    height: 20px;
    margin-bottom: 10px;
    padding: 3px 15px;
    text-align: center;
}
.contents .articleauthorV2 .contentpage-navi a{
  padding:0 10px;
}
.contents h1.pagetitle,
.coursecollection h1.pagetitle,
.homecollection h1.pagetitle,
.project h1.pagetitle{
    background: none repeat scroll 0 0 transparent;
    border-bottom: 2px solid #81C4FF !important;
    border-left: 5px solid #81C4FF !important;
    font-size: 16px;
    margin: 0 0 20px 5px;
    padding: 0 0 0 10px;
}
ul.contentslist li a:hover{
text-decoration: underline;
}

ul.contentslist li.current {
    background-color: #f4fbe2 !important;
    margin-left: 0;
}
ul.contentslist li{
    padding: 5px 0 5px 10px;
}
#pagehistory {
    height: 200px;
    margin-right: 10px;
    overflow-y: scroll;
    padding: 8px 20px;
    width: 400px;
}

/*page new*/
.contentspostform{
width:500px;
margin:0 auto;
}
/*contents admin*/
.contents-admin .createcontents{
    padding-right: 130px;
    text-align: right;
}


.invisible {
    visibility: hidden;
}
/*----------------------group news--------------------*/
.stdlist .newstext{
padding:5px 10px 5px;
}
.groupnews_frame .groupnews-msg {
    background-color: #DFF0FF;
    border: 1px solid #A8D6FF;
    box-shadow: none;
    margin: 8px auto;
    padding-top: 20px;
    width: 660px;
}
.groupnews_frame .groupnews-msg .msg-body{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #D7DFE7;
}
.groupnews_frame .groupnews-msg .snumber{
    color: #797979;
    display: inline-block;
    padding-right: 10px;
    font-size: 11px;
    left: 10px;
    position: absolute;
    top: 5px;
}
.groupnews_frame .groupnews-msg .msg-text{
height:auto;
min-height:200px;
}
.groupnews_frame .groupnews-status .msg-text{
    height: 350px;
}
.groupnews_frame .groupnews-msg  .msg-info .msg-info-caption{
    background-color:#F1F1F1;
    width: 105px;
}
.groupnews_frame .groupnews_frame .groupnews-msg #news-maintenance-menu{
background-color:#D4D4D4 !important;
   padding: 8px 0 5px;
    border-bottom: 0 none;
}
.groupnews_frame  .groupnews-msg .msg-footer{
margin-top:-1px;
}
.groupnews_frame .groupnews-msg .msg-footer ul {
    width: 630px;
}
.groupnews_frame  .groupnews-msg .msg-footer ul li{
list-style:none;
  float: right;
}

/* group new*/
table.new-group{
    border: 1px solid #89C8FF;
    margin-bottom: 0;
    width: 100%;
}
table.new-group td,table.new-group th{
    border-bottom: 1px solid #89C8FF;
}
table.new-group th{
    background-color: #E6F4FF;
    color: #1960AD;
    vertical-align: top;
    width: 20%;
}
table.new-group td b{
    color: #3EA0F6;
    display: inline-block;
    text-align: right;
    width: 70px;
}
table.new-group td input.form-input-text{
    width: 250px;
}
table.new-group td p{
    padding-bottom: 8px;
}


/*--------------------------------------------------------------*/
/* direct message */
/*--------------------------------------------------------------*/
.message .pagebody{
    background: url("bg_message_pagebody.gif") repeat-y scroll 0 0 transparent;
    clear: both;
    overflow: hidden;
    position: relative;
    width: 950px;
   min-height: 500px;
   padding-bottom: 40px;
}
.message h1{
    margin-bottom: 15px;
}

.message div.navigator, .dm-panel div.navigator{
border:medium none;
background-color:#fff;
}


.pagebody #messagecontainer{
    clear: both;
    min-height: 300px;
   padding-bottom:20px;
}

.pagebody .msg-contentbody-right{
    clear: right;
    float: left;
    padding-right: 25px;
    padding-top: 10px;
    width: 740px;
}

.pagebody .msg-contentbody-left{
    float: left;
    padding-right: 25px;
    padding-top: 16px;
    width: 160px;
}


/*message-list*/
.message .pagebody .search-message-form{
    position: absolute;
    right: 25px;
    top: 23px;
}
table.msglist tr.title,table.msglist tr.title th{
border-width:1px;
    text-align: left;
}

.dm-panel-body table.msglist tr.title th{
 font-size: 11px;
}

table.msglist tr th, table.msglist tr td{
    border: medium none;
}

table.msglist tr td.searchsummary-result{
 color: #808080;
}

table.msglist tr td.searchsummary-result div{
 padding-left: 10px;
}

table.msglist .msglist-remove ,table.mblist .msglist-remove,table.mblist .msglist-remove a {
 color:#B1B1B1 !important;
}

table.msglist .msglist-remove span{
 padding-right: 10px;
}

/*message navi*/
.message-navi{
    position: relative;
}

.message-navi li{
    display: block;
    position: absolute;
}
.message-navi li .my-unreadcount{
    left: 135px;
    position: absolute;
    top: 8px;
}
.message-navi li.messagenavi-list {

}
.message-navi li.messagenavi-send {
 top: 35px;
}
.message-navi li.messagenavi-draft {
 top: 70px;
}
.message-navi li.messagenavi-address {
 top: 105px;
}
.message-navi li.messagenavi-addmessage{
    left: 9px;
    top: 156px;
}
/*current*/
.messagecontainer-list .message-navi li.messagenavi-list,
 .messagecontainer-submitlist .message-navi li.messagenavi-send,
 .messagecontainer-draftlist .message-navi li.messagenavi-draft,
 .messagecontainer-dir .message-navi li.messagenavi-address{
z-index:1;
}
/* add message*/

table.addmessage th{
width:15%;
}
/* msg detail*/
.message .pagebody div#tpanel_movable{
    float: left;
    margin-left: 40px;
    margin-top: 20px;
}
.tpanel_frame .dm-msg, .pagebody .dm-msg{
    background: url("icon_message_panel.png") no-repeat scroll 9px 10px #b6ddff;
}

.tpanel_frame .dm-msg .msg-footer .msg-mainrerance, .pagebody .dm-msg  .msg-footer .msg-mainrerance,
.tpanel_frame .pdetail-panel .msg-footer .msg-mainrerance, 
.pagebody .pdetail-panel .msg-footer .msg-mainrerance{
    background-color: #F1F1F1;
    padding: 5px 10px 3px;
    text-align: right;
}

/* dm panel*/
.tpanel_frame .dm-panel, .pagebody .dm-panel{
    background: none repeat scroll 0 0 #FFFFFF;
 padding: 0;
}
 .targetlist-table{
    max-height: 222px;
    overflow-y: auto;
    padding: 0;
}

.tpanel_frame .dm-panel h2, .pagebody .dm-panel h2{
    color: #3EA0F6;
/* font-size: 120%;*/
 font-size: 14px;
    padding: 30px 30px 0;
}
.dm-panel .dm-panel-body{
    max-height: 400px;
    overflow-y: auto;
    padding: 30px;
   background-color:#fff;
}
.dm-panel .dm-panel-body .msglist td{
    height: 35px;
    padding-left: 8px;
}
.dm-panel .dm-panel-body .msglist td input{
   margin-right: 5px;
}
.dm-panel .search-check-button{
    padding: 5px 0 10px;
    text-align: center;
    background-color: #fff;
}

.dm-panel .dm-panel-footer{
    background-color: #EEEEEE;
    padding: 5px 0;
    text-align: center;
}
.dm-panel p{
   padding-bottom: 10px;
}
.message .description ul.member-edit ,.group .description ul.member-edit ,.dm-panel .description ul.member-edit {
overflow:hidden;
}
.message .description ul li,.dm-panel .description ul li,  .teacherview .description ul li{
    line-height: 1.6;
    list-style: disc inside url("marker-diamond.gif");
    padding-left: 15px;
}

.message .description-member-edit ,.group .description-member-edit,
.course .description-member-edit  {
 margin-top:25px;
 background-color: #ececec;
 border: 0px;
 border-radius:3px 3px 3px 3px;
 padding-left: 15px;
}

.message .description ul.member-edit li,.group .description ul.member-edit li,
.course .description ul.member-edit li{
    width: 200px;
    float:left;
    list-style: none outside none;
    padding-left : 0px;
}

.message .description ul.member-edit li img,.group .description ul.member-edit li img
,.course .description ul.member-edit li img{
  padding-right:10px;
}

/* add addresslist*/
.message .form table.stdlist tr.row1{
background-color:#fff;
}
.form .bottom-button{
background-color:transparent;
}

/*-----------------------------------------------------------------------------------------*/
/*-------new layout my page ---------*/
/*-----------------------------------------------------------------------------------------*/
.home .pagebody{

}

span.my-unreadcount{
    background-attachment: scroll;
    background-clip: border-box;
    background-image: url("/bg_unreadicon.gif");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: auto auto;
    border: 2px solid #FFFFFF;
    border-radius: 12px 12px 12px 12px;
    box-shadow: 2px 2px 1px #E3E3E3;
    color: #FFFFFF;
    padding: 0 4px;
    font-size: 11px;
}
span.unread-comment{
     background: url("/icon_coursethread_on.png") no-repeat;
      padding-left:15px;
      color:#ff0000;
       padding-right:3px;
     font-weight:normal;
}

span.unread-comment-b{
     background-image: url("/icon_comment_s.png");
}


#mypagebody-l{
    float: left;
    padding-left: 16px;
    width: 746px;
}
#mypagebody-r{
    float: left;
    padding-left: 16px;
    width: 170px;
}
/* my alertlist*/

.my-alertlist {
    padding: 0 16px 16px;
}
.my-alertlist ul{

}
.my-alertlist ul li{
    color: #ff0000;
    float: left;
    height: 25px;
    padding-left: 55px;
    padding-top: 7px;
    position: relative;
    width: 230px;
}
.my-alertlist ul li a{
    color: #ff0000;
   font-weight:bold;
}
.my-alertlist ul li.my-alertlist-mesage{
 background: url("/icon_unread_message.gif") no-repeat;
}
.my-alertlist ul li.my-alertlist-groupnews{
background: url("icon_unread_groupnews.gif") no-repeat;
}
.my-alertlist ul li span.my-unreadcount{
    height: 14px;
    left: 30px;
    position: absolute;
    top: -5px;
}


.my-infolist{
    padding-bottom: 16px;
}
.my-infolist-header,.home .top-contents-list-header{
    height: 25px;
    padding-top: 6px;
}
.my-infolist-header h2, .top-contents-list-header h2, .info-list-card h2 {
    background: none repeat scroll 0 0 transparent;
    color: #1960AD;
    margin: 0;
    padding-left: 33px;
}
.my-infolist-body{
    border-color: #90C7F9;
    border-style: solid;
    border-width: 0 1px 1px;
}
.my-infolist-body table,.board-boxV2  table{
    border-collapse: collapse;
    text-align: left;
    width: 100%;
}
.my-infolist-body td{
 padding:0 5px;
 height:28px;
}
.my-infolist-body .showmore,.board-boxV2 .board-boxV2-body .showmore{
    height: 25px;
    padding-top: 5px;
}

.my-infolist-news .my-infolist-body, .my-infolist-event .my-infolist-body{
   height: 310px;
   overflow:hidden;
}
.my-infolist-news{
    float: left;
    width: 500px;
}
.my-infolist-event{
    /*float: right;*/
   /* margin-left: 16px;*/
    width: 230px;
}
#newsbody-r .my-infolist-event  .my-infolist-body,
.contentbody-right .my-infolist-event  .my-infolist-body{
height:auto;
max-height:310px;
}
.my-infolist-news .my-infolist-header{
    background-image: url("/myinfo_back_news.gif");
}
.my-infolist-event .my-infolist-header{
    background-image: url("/myinfo_back_event.gif");
}
.my-infolist-thread .my-infolist-header{
    background-image: url("myinfo_back_thread.gif");
}
.my-infolist-searchall .my-infolist-header{
    background-image: url("/bg_search_all_header.gif");
}

.my-infolist-importantnews {
color:#3C3C3C;
}
.my-infolist-importantnews h2{
padding-left:10px;
color:#3C3C3C;
}
.my-infolist-importantnews .my-infolist-header{
    background-image: url("bg_importantlist.gif");
    height: 23px;
    padding-top: 8px;
}
.my-infolist-importantnews .my-infolist-body{
    border-color: #FFB97B;
  padding: 0 10px;
}
.my-infolist-importantnews .my-infolist-body tr{
    border-top: 1px dotted #999999;
padding: 6px 0 0;
}
 .my-infolist-importantnews .my-infolist-body tr .news-title {
     background: url("/icon_importantlist.gif") no-repeat scroll 3px 50% transparent;
    padding-left: 25px;
    display: inline-block;
    height: 19px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 400px;
}

.my-infolist-kinkyu .my-infolist-header{
    background-color: #005ABB;
    border-radius: 5px 5px 0 0;
    height: 23px;
    padding-top: 8px;

}
.my-infolist-kinkyu .my-infolist-header h2{
    color: #FFFFFF;
    height: 19px;
    padding-left: 0;
    text-align: center;
}
.my-infolist-kinkyu .my-infolist-body{
    border-color: #005ABB;
    border-width: 2px;
    padding: 0 10px;
}
.my-infolist-kinkyu .my-infolist-body tr{
    padding: 6px 0 0;
}
 .my-infolist-kinkyu .my-infolist-body tr .news-title {
     background: url("/icon_kinkyulist.gif") no-repeat scroll 3px 50% transparent;
    padding-left: 25px;
    display: inline-block;
    height: 19px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 400px;

}
 .my-infolist-kinkyu .my-infolist-body tr .news-title a{
    color:#ff0000;
}


.home .board-box-inportant,.board .board-box-inportant{
    padding-bottom: 16px;
}
.board .board-box-inportant{
width:230px;
}

 .board-box-inportant  .my-infolist-header{
   background-image: url("bg_importantlist-board.gif");
    height: 22px;
}
 .board-box-inportant  .my-infolist-body td{
    height: 27px;
    padding: 0;
}

 .board-box-inportant  .my-infolist-header{
border:medium none;
}
 .board-box-inportant  .my-infolist-body{
    border: medium none;
    padding: 5px 10px 0;
}
 .board-box-inportant  .my-infolist-body tr{
   border-bottom: 1px dotted #999999;
    border-top: medium none;
}
.board-box-inportant  .my-infolist-body tr:last-child{
border-bottom:medium none;
}
.board-box-inportant .my-infolist-body tr .news-title {
    background-image: none;
    padding-left: 0;
    width: 200px;
}
.home .top-subscribe-list{
    width: 746px;
}
.home .top-contents-list-header{
    background: url("/myinfo_back_contents.gif") repeat scroll 0 0 transparent;
    border: 0 none;
}
.home  .top-contents-list-footer{
    background: url("/myinfo_back_contents_footer.gif") repeat scroll 0 0 transparent;
    border: 0 none;
    height: 23px;
    padding-top: 7px;
}

.home .top-subscribe-list .contents-card{
    width: 120px;
    position: relative;
 cursor: pointer;
}

/* banner list*/
.home .banner-list{

}
.home .banner-list ul{

}
.home .banner-list ul li{
    padding-bottom: 6px;
}
.home .banner-list ul li.showmore{
    padding-right: 5px;
}

.home .banner-list table td.right{
    text-align:right;
}

/* thread list*/
.my-infolist-thread th{

}
/* thread list my group page*/
.contentbody-right .my-infolist-thread,.contentbody-right .my-infolist-subscribecontents{
    margin-bottom: 16px;
    margin-left: 20px;
    width: 230px;
    padding-bottom: 0;
}
.contentbody-right .my-infolist-subscribecontents th{
    height: 54px;;
}

/* thread list my page*/
.my-infolist-thread-list{
    margin: 0 auto;
    width: 700px;
    margin-top: 10px;
   padding-bottom:10px;
}

.home .my-infolist-thread-list .my-infolist-header{
   background: url("myinfo_back_thread-list.gif") no-repeat scroll center top transparent;
}
.home  .my-infolist-thread-list .groupthreadlist{
    height: auto;
    padding-bottom: 5px;
}
.home  .my-infolist-thread-list  .my-infolist-body{
}
.home  .my-infolist-thread-list  .groupthreadlist td,
.home  .my-infolist-thread-list  .groupthreadlist th{
border-bottom:medium none;
}

.home  .my-infolist-thread-list  .groupthreadlist tr:last-child {
border-bottom:medium none;
}


.home  .my-infolist-thread-list .my-infolist-footer{
 background: url("/myinfo_back_thread-list-footer.gif") repeat scroll 0 0 transparent;
    height: 31px;
}
.home  .my-infolist-footer .navigator,.top-subscribe-list .top-contents-list-footer div.navigator{
    background-color: transparent;
    border: medium none;
    margin: 0;
    padding: 5px;
    text-align: center;
}


.contentbody-right .my-infolist-thread th{
    background-position: 3px 10px;
}
.contentbody-right .my-infolist-thread  span.my-unreadcount{
    position: absolute;
}
.contentbody-right .my-infolist-thread .thread-date{
    display: inline-block;
    height: 17px;
    overflow: hidden;
    padding-left: 5px;
}

.contentbody-right .my-infolist-thread .my-infolist-header{
    background-image: url("myinfo_back_thread-group.gif");
}
.contentbody-right .groupnewslist th a, .groupthreadlist th a{
   width: 140px;
}
.contentbody-right .my-infolist-thread .groupthreadlist{
height:auto;
}
.contentbody-right .my-infolist-subscribecontents .my-infolist-header{
    background-image: url("myinfo_back_contents-opencontents.gif");
}

/* new news*/
.news-listV3 .row1{
    background-color: #F7F7F7;
}
.news-listV3 tr:hover{
    background-color:  #f4fbe2 !important;

}
.news-listV3 td{
    border-bottom: 1px solid #EDEDED;
    vertical-align: middle;
}

.news-listV3 td.news-title{
height: 19px;
}
.news-listV3 td.news-title a{
    display: inline-block;
/*    height: 19px !important;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 240px;
    vertical-align: middle ;
}
.news-listV3 td.news-clip{
    text-align: top;
    padding: 0px;
}

.news-listV3 td.news-clip .news-clip-div{
    width: 20px;
    padding-left:3px;
}

.news-listV3 td.news-clip img{
  padding-top: 2px;
}

.news-listV3 td.news-title {
    width: 240px;
}
.news-listV3 td.news-icon{
    width: 15px;
}

.news-listV3 td.news-boardinfo span{
    display: inline-block;
/*    height: 17px !important;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 95px;
}

.news-listV3 td.news-date{
    text-align: center;
    width: 80px;
}
/* event list*/
.my-infolist-event td{
    border-top: 1px solid #F1F1F1;
}
.my-infolist-event td.event-title a{
    display: inline-block;
/*    height: 17px !important;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 155px;
vertical-align:middle;
}
.my-infolist-event  tr.bordertop td{
border-top:dotted 1px #90c7f9;
}

.my-infolist-event .showmore{
border-top:dotted 1px #90c7f9;
}

.eventlist table.edit td{
    border-top: 1px solid #E9E9E9;
    border-bottom: medium none;
}

.eventlist{
/*padding-bottom:10px;*/
}


.eventlist .eventlist-day{
    font-weight: bold;
    color:#1960AD;
}

.eventlist table.edit th{
    border-bottom: medium none;
    padding-left: 15px;
    text-align: left;
    width: 90px;
}
.eventlist table.edit th span{
    font-size: 15px;

}
.eventlist table.edit .event-list-top-border td, .eventlist table.edit .event-list-top-border th{
border-top:1px solid #89C8FF;
}

/*event list today*/
.eventlist table  .event-list-today tr{

}
.eventlist table  .event-list-today th{
    background-color: #FFEAC7;
    border-top: 1px solid #FFEAC7;
}
.eventlist table  .event-list-today td{
    background-color: #FFF8EA;
    border-top: 1px solid #FFEAC7;
}
/* group thread*/

.home  .groupthreadlist{
height:145px;
}
/*sabscribe list*/
.top-contents-list span.my-unreadcount,.top-subscribe-list span.my-unreadcount{
    height: 14px;
    position: absolute;
    right: 34px;
    top: 0;
}
 .group .top-contents-list span.my-unreadcount{
    right: 156px;
    top: 6px;
}
 .group .contentslist th span.my-unreadcount{
    left: 45px;
    position: absolute;
    top: 6px;
    font-weight:normal;
}


.home .top-contents-list .contents-card-title{
    position: static;
    width: 110px;
   padding-top:5px;
}

/* new news page */

#newsbody-l{
    float: left;
    padding:0 20px 20px;
    width: 658px;
}
#newsbody-r{
    float: right;
    padding-right: 20px;
    width: 230px;
}
.home .pagebody .pageheader-home,.board .pagebody .pageheader-board{
width:658px;
    padding: 0 0 12px;
}
.home .pagebody .pageheader-home .news-ranking,.board .pagebody .pageheader-board .news-ranking{
width:658px;
}
.home .pagebody .pageheader-home .news-ranking .news-ranking-body,
.board .pagebody .pageheader-board .news-ranking .news-ranking-body{
width:517px;
}

.home .pagebody .pageheader-home .news-ranking .news-ranking-body a,
.board .pagebody .pageheader-board .news-ranking .news-ranking-body a{
width:145px;
}

/* board-box v2*/

.pagebody .board-boxV2{
 width: 658px;
 position: relative;
    padding-bottom: 16px;
}
.pagebody .board-boxV2 .news-listV3 .news-th{
display: none;
}

.pagebody .board-boxV2-header{
 background: url("bg_boardboxV2_header.gif") no-repeat ;
 width: 658px;
 height: 61px;

}
.home .pagebody .board-boxV2-header{
     cursor: pointer;
}

.pagebody .board-boxV2-header .board-boxV2-header-icon{
 position: absolute;
 top: 10px;
 left: 10px;
}
.pagebody .board-boxV2-header .board-boxV2-add{
    position: absolute;
    right: 15px;
    top: 10px;
}

.pagebody .board-boxV2 .importantcount,.pagebody .board-box-l .importantcount,.pagebody .board-boxV2s .importantcount{
    background-color: #EC683F;
    border-radius: 11px 11px 11px 11px;
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding: 3px 7px;
    position: absolute;
    right: 15px;
    top: 15px;
}
.pagebody .board-boxV2 .importantcount{
    right: 30px;
}
.pagebody .board-boxV2-header .board-boxV2-header-icon img{
width: 40px;
}

.pagebody .board-boxV2-header h2{
 color:#3172b7;
 padding:10px 0px 0px 65px;
 font-size:16px;
}
.pagebody .board-boxV2-header h2 a{
display:block
}
.pagebody .board-boxV2-header .board-boxV2-info{
 padding:0px 0px 0px 65px;
 font-size: 10px;
 line-height: 1.1;
}

.pagebody .board-boxV2-body {
    background-color: #FFFFFF;
    border-color: #90C7F9;
    border-style: solid;
    border-width: 0 1px;
}

.pagebody .board-boxV2 td{
 padding:0 5px;
/* height:28px;*/
}


.pagebody .board-boxV2-body .news-list .row1 td img{
 vertical-align: middle;
}

.pagebody .board-boxV2 .news-listV3 tr{
height:28px;
}
.pagebody .board-boxV2 .news-listV3 tr.board-box-V2-td-tr1{
height:auto;
}


.board .pagebody .board-boxV2 .news-listV3 .board-box-V2-td .board-box-V2-td-tr2{
height:22px;
}
.pagebody .board-boxV2 .news-listV3 td{
 padding:0 5px;
/* height:28px;*/
}
.board .pagebody .board-boxV2 .news-listV3 td{
padding:0px;
}


/* add 2012-3-7 */
.news-listV3 .unread a{
 color:#4071C1 !important;
}

.news-listV3 .unread td.news-title a{
 font-weight:bold !important;
}

.news-listV3 td.news-clip{
 padding: 0px !important;
}
.news-listV3 td.news-clip .news-clip-div{
 border-left:3px solid transparent;
 height: 28px;
 margin-top:-1px;
}
.news-listV3 td.news-clip .news-clip-div img{
 padding-top: 5px;
}
.news-listV3 .board-box-V2-td-news-text-div{
height:100%;
}
.news-listV3 .unread td.news-clip .news-clip-div,.news-listV3 .unread td.board-box-V2-td-news-text .board-box-V2-td-news-text-div{
 border-left:3px solid #F6AA81 !important;
}
.news-listV3 .recent td.news-clip .news-clip-div,.news-listV3 .recent td.board-box-V2-td-news-text .board-box-V2-td-news-text-div{
 border-left:3px solid #FFDBB8 !important;
}


.board-boxV2-body .news-listV3 .unread  .news-text,
.board-boxV2-body .news-listV3 .recent  .news-text{
    padding-left: 27px;
}
.board  .pagebody .board-boxV2 .news-listV3  table.board-box-V2-td td{
   border-bottom: medium none;
 vertical-align: middle;
    padding: 0 5px;
}
.board  .pagebody .board-boxV2 .news-listV3 .board-box-V2-td-news-text{
 height:22px;
padding:0 !important;
vertical-align: top !important;
}

.pagebody .board-boxV2-body .news-listV3 .news-title a{
 display:inline-block;
 width: 350px;
 height: 17px !important;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
 vertical-align: middle;
}

.pagebody .board-boxV2-body .news-listV3 .news-icon{
 width: 16px;
}

.pagebody .board-boxV2-body .news-listV3 .news-group a,
.pagebody .board-boxV2-body .news-listV3 .news-group span{
 display: inline-block;
 width: 120px;
/* height: 17px !important;*/
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
    vertical-align: middle;

}
.pagebody .board-boxV2-body .news-listV3 span.news-clip img{
    padding-right: 5px;
    vertical-align: middle;
}


.pagebody .board-boxV2-footer{
    background: url("bg_boardboxV2_footer.gif") no-repeat scroll 0 0 transparent;
    height: 26px;
    padding-top: 3px;
    width: 658px;
}

.pagebody .board-boxV2-footer .more{
    font-size: 11px;
    padding: 0 8px 0 0;
    text-align: right;
}
/*more-list*/
.pagebody  .board-boxV2 .more-list{
border-width:0 1px;
}

/* news-maintenance button*/
#newsbody-r .news-maintenance-button, .contentbody-right .news-maintenance-button  {
text-align:center;
padding-bottom:16px;
}

#newsbody-r .news-maintenance .home_maintenance{

}
#newsbody-r .my-infolist-event{
}
/* board box ss*/
.pagebody .board-box-ss-list .board-box-ssV2{
    background: url("bg_board-box-ssV2.gif") repeat scroll 0 0 transparent;
    border-radius: 0 0 0 0;
    height: 39px;
      cursor: pointer;
}
/*subscribe list box */
.home .subscribe-list-box {
    background: url("bg_subscribe_contentslist.gif") repeat scroll 0 0 transparent;
    border: 3px solid #A8D6FF;
    margin-top: 15px;
    min-height: 491px;
}
.home .subscribe-list-box  .contents-card{
    background: url("icon_contents1.gif") no-repeat scroll center 12px transparent;
    box-shadow: none;
    height: 75px;
    padding-top: 10px;
    width: 107px;
}
.home .subscribe-list-box .contents-card .contents-card-title {
    padding-left: 0;
    padding-top: 5px;
    position: static;
    top: 63px;
    width: 110px;
}
.top-contents-list span.my-unreadcount, .top-subscribe-list span.my-unreadcount {
    right: 37px;
    top: 6px;
}

/*リマインダ設定*/

.reminder-detail-dimmed{
 color: #808080;

}


.reminder-detail-dimmed th{
 background-color:#E6E6E6 !important;
 color: #808080 !important;
border-color: #808080 !important;
}
.reminder-detail-dimmed td{
border-color: #808080 !important;
}

.remindersetting  td .reminder-on{
display:block;
}
.remindersetting  td .reminder-off{
 display:none;
}


.reminder-detail-dimmed td .reminder-on{
 display:none;
}
.reminder-detail-dimmed td .reminder-off{
display:block;
color:red;
}

.hidden {
    display: none;
}


/* admin systemnews*/
.systemnews_frame #login-systemnews-box{
    position: static;
    margin: 0 auto;
}
.systemnews_frame #login-systemnews-box h3{
    color: #005ABB;
   font-weight:bold;
}
.systemnews_frame ul li{
}
/* admin link setting*/
 table.linksetting th,
 table.linksetting td{
border-top:1px solid #89C8FF;
   border-bottom: medium none;
   border-bottom: medium none;
}

#admin #login-information-box{
    margin: 0 auto 15px;
}
#admin #login-information-box ul{
margin:0;
padding-left:0;
}

 table.linksetting td input.editable{
width:350px;
}
 #admin .informationentry li , #admin .banner-list li{
    list-style: none outside none;
}
 #admin .mobile-preview{
    border: 1px solid;
    font-size: 15px;
    margin: 0 auto 15px;
    padding: 15px 0;
    width: 240px;
}
 #admin .mobile-preview a, #admin .mobile-preview a:hover{
    text-decoration: underline;
}
 #admin .header-linklist{
    margin-bottom: 15px;
    margin-left: -145px;
    width: 948px;
}
#admin .banner-list li{
    padding-bottom: 6px;
}

.admin table.linksetting,
.admin table.linksetting tr td, 
.admin table.linksetting tr th {
    border-color: #cc6666;
}
.admin table.linksetting tr th {
    background-color: #ebedef;
    color: #1a1a1a;
}



/* search box */
.message .search-box{
    padding: 5px 0;
 /*   position: absolute;*/
    right: 173px;
    text-align: right;
    top: 16px;
  /*  width: 400px;*/
}

.message .search-box-resurt{
    text-align: left;
}

.search-box #message_list_search,
.search-box #message_submitlist_search{
width: 70px;
}

/* course */

.pageheader-course{
 background-image: url("bg_header_coursetop.gif");
 position:relative;
 height: 104px;
 width: 950px;
margin-top: -20px;
 margin-left: -1px;
}

.pageheader-courseV2{
background-image: url("bg_header_coursetopV2.gif");
}


.pageheader-courseV2 .pageheader-course-courseteacher{
left: 770px;
   width: 170px;
}
.pageheader-courseV2 .course-menu-admin{
 right: 225px;
}
.pageheader-course-memo{
    margin-top:0;
}

.pageheader-course .pageheader-course-coursename{
    font-size: 16px;
    height: 50px;
    left: 95px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 10px;
    white-space: nowrap;
    width: 530px;
}

.pageheader-course .pageheader-course-courseicon{
 width: 60px;
 height: 60px;
 position: absolute;
 top:8px;
 left: 34px;
}

body.respon .pageheader-course .course-menu  {
 display: none;
}
.pageheader-course .course-menu  {
 position: absolute;
width: 900px;
height: 34px;
    top: 71px;
    left: 94px;
}
.pageheader-course .course-menu  div{
float:left;
position: relative;
}
.pageheader-course .course-menu div.course-menu-bbs{
padding-left: 8px;
}

.pageheader-courseV2 .course-menu div.course-menu-bbs{
padding-left: 89px;
}

span#examstatus, span#reportstatus,span#gradestatus,span#surveystatus{
position: absolute;
    right: 0;
    top: -4px;
    z-index: 5;
}

.pageheader-course .course-menu-admin{
right: 226px;
    top: 9px;
    width: 89px;
height: 25px;
    position: absolute;
}
/* small header*/
.pageheader-course-s{
    background-image: url("bg_header_coursetop-s.gif");
    height: 69px;
}
.pageheader-course-sV2{
 background-image: url("bg_header_coursetop-sV2.gif");
}
.pageheader-course-s .pageheader-course-courseteacher,
.pageheader-course-s .pageheader-course-courseinfo{
 /*display:none;*/
 top:2px;
}

.pageheader-course-s  .course-menu {
    top: 36px;
}
.pageheader-course-s .pageheader-course-courseteacher span.courseteacher-name{
margin:0;
}

.pageheader-course-sV3{
 background-image: url("bg_header_coursetop-sV3.gif");
  height:89px;
}
.pageheader-course-sV3 .course-menu{
    top: 55px;
}
.course-menu-h{
  display:none;
}

/*course用margin設定*/
.course .teacherview h1{
/*margin-bottom:12px;*/
} 
.course .description{
margin-bottom:10px;
}


/*切り替え*/
.course div.button-switchview,
.home div.button-switchview {
background: none repeat scroll 0 0 #F2F2F2;
    border-radius: 3px 3px 3px 3px;
    float: right;
    font-size: 11px;
    margin: 0 0 10px 4px;
    padding: 3px 10px;
    text-align: right;
}
.course div.button-switchview img,
.course div.button-switchview span{
float:left;
}
.course div.button-switchview span{
padding:5px 5px 0;
font-weight:bold;
}

/*追加ボタン*/
.course .teacherview div.rightmostbutton{
right: 240px;
position: static;
margin:0 0 10px 0;
}
.course .teacherview div.rightmostbutton a img{
margin-left:3px;
}

/*コンテンツの管理トップ（例外）*/
.course .teacherview .contents div.rightmostbutton
{
position: absolute;
margin: 10px 0 4px;
right:0;
}
/* 教員用色指定*/
div.teacherview{
background: url("bg_teacherview.gif") repeat scroll 0 0 transparent;
    border-bottom: 30px solid #EBEBEB;
   padding-bottom:0 !important;
   z-index:1;
}
 .course .teacherview h1,
 .course .teacherview table.stdlist,
 .course .teacherview table.stdlist tr.title,
  .course .teacherview table.stdlist tr td,
 .course .teacherview  table.stdlist tr.title th,
 .course .teacherview table.edit,
 .course .teacherview table.edit tr.title,
 .course  .teacherview table.edit tr td,
 .course .teacherview  table.edit tr th,
 .course .teacherview table.stdlist th,
  .course  .teacherview .formtitle,
 .page .teacherview h1,
 .page .teacherview table.stdlist,
 .page .teacherview table.stdlist tr.title,
  .page .teacherview table.stdlist tr td,
 .page .teacherview  table.stdlist tr.title th,
 .page .teacherview table.stdlist th,
 .page .teacherview table.edit,
 .page .teacherview table.edit tr.title,
 .page .teacherview table.edit tr td,
 .page .teacherview  table.edit tr th,
  .page .teacherview .formtitle,
 .syllabus .teacherview h1,
 .syllabus .teacherview table.stdlist,
 .syllabus .teacherview table.stdlist tr.title,
  .syllabus .teacherview table.stdlist tr td,
 .syllabus .teacherview  table.stdlist tr.title th,
 .syllabus .teacherview table.stdlist th,
 .syllabus .teacherview table.edit,
 .syllabus .teacherview table.edit tr.title,
 .syllabus .teacherview table.edit tr td,
 .syllabus .teacherview  table.edit tr th,
  .syllabus .teacherview .formtitle,
  .course .teacherview table.mblist,
.home .my-infolist-deactivecourse table.stdlist,
.home .my-infolist-deactivecourse table.stdlist tr.title,
.home .my-infolist-deactivecourse table.stdlist tr th,
.home .my-infolist-deactivecourse table.stdlist tr td,
 .childcourse .teacherview h1,
 .childcourse .teacherview table.stdlist,
 .childcourse .teacherview table.stdlist tr.title,
  .childcourse .teacherview table.stdlist tr td,
 .childcourse .teacherview  table.stdlist tr.title th,
 .childcourse .teacherview table.edit,
 .childcourse .teacherview table.edit tr.title,
 .childcourse  .teacherview table.edit tr td,
 .childcourse .teacherview  table.edit tr th,
 .childcourse .teacherview table.stdlist th,
  .childcourse .teacherview table.mblist,
  .childcourse  .teacherview .formtitle{
border-color:#BABFC4;

}
  .course .teacherview table.stdlist tr.title,
 .course  .teacherview table.stdlist tr.title th,
 .course  .teacherview table.edit tr.title,
 .course  .teacherview table.edit tr th,
  .course  .teacherview div.form,
  .page .teacherview table.stdlist tr.title,
 .page  .teacherview table.stdlist tr.title th,
 .page  .teacherview table.edit tr.title,
 .page  .teacherview table.edit tr th,
  .page  .teacherview div.form,
  .syllabus .teacherview table.stdlist tr.title,
 .syllabus  .teacherview table.stdlist tr.title th,
 .syllabus  .teacherview table.edit tr.title,
 .syllabus  .teacherview table.edit tr th,
  .syllabus  .teacherview div.form,
  .course .teacherview table.mblist tr.title,
 .course  .teacherview table.mblist tr.title th,
.home .my-infolist-deactivecourse table.stdlist tr.title th,
.my-infolist-deactivecourse h3.course-type,
  .childcourse .teacherview table.stdlist tr.title,
 .childcourse  .teacherview table.stdlist tr.title th,
 .childcourse  .teacherview table.edit tr.title,
 .childcourse  .teacherview table.edit tr th,
  .childcourse  .teacherview div.form,
  .childcourse .teacherview table.mblist tr.title,
 .childcourse  .teacherview table.mblist tr.title th
 {
background-color: #EBEDEF;
color: #3C3C3C;
border-color:#BABFC4
}

  .course .teacherview .mode-preview h1,
 .course .teacherview .mode-preview table.stdlist,
 .course .teacherview .mode-preview table.stdlist tr.title,
  .course .teacherview .mode-preview table.stdlist tr td,
 .course .teacherview .mode-preview  table.stdlist tr.title th,
 .course .teacherview .mode-preview table.edit,
 .course .teacherview .mode-preview table.edit tr.title,
 .course  .teacherview .mode-preview table.edit tr td,
 .course .teacherview .mode-preview  table.edit tr th,
  .course  .teacherview .mode-preview .formtitle{
border-color:#89C8FF;

}
  .course .teacherview .mode-preview table.stdlist tr.title,
 .course  .teacherview .mode-preview table.stdlist tr.title th,
 .course  .teacherview .mode-preview table.edit tr.title,
 .course  .teacherview .mode-preview table.edit tr th,
  .course  .teacherview .mode-preview div.form
 {
background-color: #DFF0FF;
color: #1960AD;
border-color:#89C8FF;
}
.my-infolist-deactivecourse h3.course-type{
   background-color:#fff;
}


/*小テスト画面*/
table.query,
table.queryframe {
    border: 1px solid #89C8FF;
    border-collapse: collapse;
    padding: 0;
    text-align: left;
    width: 100%;
}
table.query tr,
table.queryframe tr {
    height: 28px;
}
table.query tr.row0, tr.row,
table.queryframe tr.row0, tr.row,
ul#target_courses li.row0 {
    background-color: #F8F8F8;
}
table.query tr.row1,
table.queryframe tr.row1 {
    background-color: #FFFFFF;
}
table.query tr.title,
table.queryframe tr.title {
    vertical-align: middle;
   height:30px;
}
table.stdlist-reportV2 tr.row0, table.stdlist-reportV2 tr.row, table.stdlist-reportV2 tr.row1 {
    background-color: #FFFFFF;
}

table.query tr.title th,
table.queryframe tr.title th {
    border-bottom: 3px solid #89C8FF;
    border-right: 1px solid #89C8FF;
    color: #666666;
    font-size: 110%;
    font-weight: normal;
    line-height: 1.3;
    padding: 1px 3px;
    text-align: center;
    white-space: normal;
}
table.query td,
table.queryframe td.querybody,
table.queryframe td.querystatus {
    background-color: #DFF0FF;
    border-right: 1px solid #89C8FF;
    padding: 4px 20px;
    text-align: center;
    vertical-align: middle;
}
table.queryframe table.uploaded-query-files td{
    border-right: 1px solid #89C8FF;
    padding: 4px 20px;
    text-align: center;
    vertical-align: middle;
}

table.query td.querybody,
table.queryframe td.querybody {
    color: #333333;
    padding: 24px 30px !important;
    text-align: left;
}
td.querybody .articlebody {
    border: 0 none !important;
}
table.query td.left,
table.queryframe td.left {
    padding-left: 8px;
    text-align: left;
}
table.query td.right,
table.queryframe td.right {
    padding-right: 8px;
    text-align: right;
}
table.excel {
    background-color: #FFFFFF;
    border: 1px solid #888888;
    border-collapse: collapse;
    padding: 0;
    text-align: left;
}
table.excel td {
    border: 1px solid #CCCCCC;
    padding: 2px;
    text-align: left;
}
tr.record th {
    border-bottom: 1px solid #EEEEEE;
}
tr.record td {
    border-bottom: 1px solid #EEEEEE;
}
#queryouterframe {
    text-align: center;
}
div.queryouterframe {
    text-align: center;
}
#queryinnerframe {
    margin: 0 auto;
    padding: 8px 0;
    width: 100%;
}
div.queryinnerframe {
    margin: 0 auto;
    padding: 8px 0;
    width: 100%;
}
#querynavi {
    padding: 0px 0 8px;
    position: relative;
    text-align: left;
    margin-top:-10px;
}
#queryposition {
    left: 100px;
    position: absolute;
    top: 3px;
}

table.query td.querystatus,
table.queryframe td.querystatus{
    text-align: right;
border-bottom:1px solid #89C8FF;
font-size:14px;
background-color:#F2F2F2;
}

.querystatus span{
font-weight:bold;
padding:3px 5px;
    background-color: white;
color:#1960AD;
margin-right:12px;
}
.querystatus span.timercontent,
.querystatus span#webat-QuerySpentSecClock{
 margin-right:0;
}

.querypaper {
    background-color: white;
    padding: 24px 48px;
    font-size:13px;
}
.queryv4 .articletext{
max-height:480px;
width:auto;
overflow-y: auto;
overflow-x: hidden;
}


.queryshow .querypaper {
    padding-bottom: 0;
}
.querybody .querypaper {
    color: #333333;
    padding: 10px;
}
.rteditor_input_solid_border input, .rteditor_input_solid_border textarea, .query_solid_border input.queryinput, .query_solid_border textarea.queryinput {
    border: 2px solid #003300;
}
.queryshow span.pointform{
padding-right:5px;
    color: #ff0000;
    font-size: 13px !important;
   vertical-align: middle;
}
.queryshow span.calcpointform{
padding-right:5px;
    color: #ff0000;
    font-size: 13px !important;
   vertical-align: middle;
}
.queryshow span.answermeta-or{
padding-left:5px;
padding-right:5px;
    color: #ff0000;
    font-size: 10px !important;
   vertical-align: middle;
}
.queryshow span.answermeta-flags{
padding-left:5px;
padding-right:5px;
    color: #ff0000;
    font-size: 10px !important;
   vertical-align: middle;
}

.queryshow input.point {
background-color: #FFFFDD;
    border: 1px solid #ff0000;
    color: #ff0000;
    font-family: "Courier New",Courier,fixed !important;
    font-size: 13px !important;
    font-weight: bold !important;
    padding: 1px 2px;
    text-align: right !important;
    width: 2em;
  height:20px;
margin-left: 5px;
    margin-right: 2px;
}
.queryshow span.incorrect {
    color: blue;
    font-size: 30px;
    vertical-align: middle;
}
.queryshow span.percent {
    font-size: 16px;
    font-weight: bold;
    vertical-align: middle;
}
.queryshow span.correct {
    color: red;
    font-size: 30px;
    font-weight: bold;
    vertical-align: middle;
}
.queryshow .pulldownselection {
    margin-right: 5px;
}
.queryshow input.calcpoint {
    border-width: 1px !important;
    border-style: solid !important;
    border-color: #FFFFFF #FFFFFF #FF0000 #FFFFFF !important;
    color: #CC0000;
    font-family: "Courier New",Courier,fixed !important;
    font-size: 8pt !important;
    font-weight: bold !important;
    text-align: right !important;
    width: 24px;
    height: 12px;
    margin-bottom: 3px;
}
.querybuttons {
    padding: 12px;
    text-align: center;
}
.queryshow .querybuttons {
    padding: 24px !important;
}
.querybuttons p.querytotalpoint {
    background-color: #FFFFFF;
    border: 2px solid #8CC62B;
    font-size: 1.2em;
    margin: 0 auto 10px;
    padding: 5px 0;
    width: 40%;
}
/*小テストのedit box*/
body.rteditor_queryv4 ol.queryselection, body.rteditor_queryv4 ol.multiselection, body.rteditor_queryv4 ol.permutation,body.rteditor_queryv4 ol.powerselection {
    background-position: right top;
    background-repeat: no-repeat;
    padding-top: 30px;
}
body.rteditor_queryv4 ol.pulldownselection, body.rteditor_queryv4 ol.yesnoselection, body.rteditor_queryv4 ol.queryselection, body.rteditor_queryv4 ol.multiselection, body.rteditor_queryv4 ol.permutation,body.rteditor_queryv4 ol.powerselection
 {
    border-color: #BFBFBF;
    border-style: solid;
    border-width: 1px;
}
body.rteditor_queryv4 ol.queryselection {
    background-color: #F0F9E5;
}
body.rteditor_queryv4 ol.multiselection {
    background-color: #E4F8FD;
}
body.rteditor_queryv4 ol.powerselection {
    background-color: #e4ecfd;
}

body.rteditor_queryv4 ol.permutation {
 background-color: #f9f0f8;
}
body.rteditor_queryv4 ol.matchingselection,
body.rteditor_queryv4 ol.matchingpowerselection {
 margin-bottom: 0px;
 margin-top: 10px;
 background-color: #fef5e3;
 list-style-type:lower-alpha;
}
body.rteditor_queryv4 ol.matchingselection li,
body.rteditor_queryv4 ol.matchingpowerselection li,
body.rteditor_queryv4 ol.powerselection li{
 list-style: lower-alpha inside none !important;
}
body.rteditor_queryv4 ol.matching-list {
 margin-top: 0px;
 background-color: #f8f8f8;
}
body.rteditor_queryv4 div.matching-frame ol.matching-list, 
body.rteditor_queryv4 div.matching-frame ol.matchingselection,
body.rteditor_queryv4 div.matching-frame ol.matchingpowerselection {
 margin-left: 0px;
}
body.rteditor_queryv4 div.matching-frame {
 border-color: #BFBFBF;
 border-style: solid;
 border-width: 1px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 5px;
}
div.matching-frame select{

}

body.rteditor_queryv4 ol.tabularrow {
 margin-bottom: 0px;
 margin-top: 10px;
 background-color: #fef5e3;
 list-style-type:lower-alpha;
}
body.rteditor_queryv4 ol.tabularcolumn li{
 list-style: lower-alpha inside none !important;
}
body.rteditor_queryv4 ol.tabularcolumn {
 margin-top: 0px;
 background-color: #f8f8f8;
}
body.rteditor_queryv4 div.tabular-frame ol.tabularcolumn,
body.rteditor_queryv4 div.tabular-frame ol.tabularrow {
 margin-left: 0px;
}
body.rteditor_queryv4 div.tabular-frame {
 border-color: #BFBFBF;
 border-style: solid;
 border-width: 1px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 5px;
}
div.tabular-frame select{

}

body.rteditor_queryv4 ol.rubricrow {
 margin-bottom: 0px;
 margin-top: 10px;
 background-color: #fef5e3;
 list-style-type:lower-alpha;
}
body.rteditor_queryv4 ol.rubriccolumn li{
 list-style: lower-alpha inside none !important;
}
body.rteditor_queryv4 ol.rubriccolumn {
 margin-top: 0px;
 background-color: #f8f8f8;
}
body.rteditor_queryv4 div.rubric-frame ol.rubriccolumn,
body.rteditor_queryv4 div.rubric-frame ol.rubricrow {
 margin-left: 0px;
}
body.rteditor_queryv4 div.rubric-frame {
 border-color: #BFBFBF;
 border-style: solid;
 border-width: 1px;
 margin-top: 10px;
 margin-bottom: 10px;
 margin-left: 5px;
}
div.rubric-frame select{

}

body.rteditor_queryv4 ol.required, body.rteditor_queryv4 div.required {
    border-color: #FF6666;
}
body.rteditor_queryv4_ja ol.genc_s__ {
   /* background-image: url("/queryv4-qs-vertical-ja.png");*/
    background-image: url("/queryv4-qs-vertical-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_m__ {
   /*  background-image: url("/queryv4-ms-vertical-ja.png");*/
background-image: url("/queryv4-ms-vertical-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_sh_ {
   /*  background-image: url("/queryv4-qs-horizontal-ja.png");*/
background-image: url("/queryv4-qs-horizontal-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_mh_ {
  /*   background-image: url("/queryv4-ms-horizontal-ja.png");*/
background-image: url("/queryv4-ms-horizontal-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_s_h {
  /*   background-image: url("/queryv4-qs-vertical-hover-ja.png");*/
background-image: url("/queryv4-qs-vertical-hover-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_m_h {
  /*   background-image: url("/queryv4-ms-vertical-hover-ja.png");*/
background-image: url("/queryv4-ms-vertical-hover-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_shh {
   /*  background-image: url("/queryv4-qs-horizontal-hover-ja.png");*/
 background-image: url("/queryv4-qs-horizontal-hover-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_mhh {
   /*  background-image: url("/queryv4-ms-horizontal-hover-ja.png");*/
background-image: url("/queryv4-ms-horizontal-hover-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_p__ {
   /*  background-image: url("/queryv4-ms-vertical-ja.png");*/
background-image: url("/queryv4-ra-vertical-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_ph_ {
   /*  background-image: url("/queryv4-ms-horizontal-ja.png");*/
background-image: url("/queryv4-ra-horizontal-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_p_h {
  /*   background-image: url("/queryv4-ms-vertical-hover-ja.png");*/
background-image: url("/queryv4-ra-vertical-hover-jaV2.png");
}
body.rteditor_queryv4_ja ol.genc_phh {
   /*  background-image: url("/queryv4-ms-horizontal-hover-ja.png");*/
background-image: url("/queryv4-ra-horizontal-hover-jaV2.png");
}
body.rteditor_queryv4_en ol.genc_s__ {
  /*   background-image: url("/queryv4-qs-vertical-ja.png");*/
 background-image: url("/queryv4-qs-vertical-enV2.png");
}
body.rteditor_queryv4_en ol.genc_m__ {
  /*   background-image: url("/queryv4-ms-vertical-ja.png");*/
background-image: url("/queryv4-ms-vertical-enV2.png");
}
body.rteditor_queryv4_en ol.genc_sh_ {
 /*    background-image: url("/queryv4-qs-horizontal-ja.png");*/
background-image: url("/queryv4-qs-horizontal-enV2.png");
}
body.rteditor_queryv4_en ol.genc_mh_ {
   /*  background-image: url("/queryv4-ms-horizontal-ja.png");*/
background-image: url("/queryv4-ms-horizontal-enV2.png");
}
body.rteditor_queryv4_en ol.genc_s_h {
   /*  background-image: url("/queryv4-qs-vertical-hover-ja.png");*/
 background-image: url("/queryv4-qs-vertical-hover-enV2.png");
}
body.rteditor_queryv4_en ol.genc_m_h {
  /*   background-image: url("/queryv4-ms-vertical-hover-ja.png");*/
background-image: url("/queryv4-ms-vertical-hover-enV2.png");
}
body.rteditor_queryv4_en ol.genc_shh {
  /*   background-image: url("/queryv4-qs-horizontal-hover-ja.png");*/
background-image: url("/queryv4-qs-horizontal-hover-enV2.png");
}
body.rteditor_queryv4_en ol.genc_mhh {
  /*   background-image: url("/queryv4-ms-horizontal-hover-ja.png");*/
background-image: url("/queryv4-ms-horizontal-hover-enV2.png");
}
body.rteditor_queryv4_en ol.genc_p__ {
  /*   background-image: url("/queryv4-ms-vertical-ja.png");*/
 background-image: url("/queryv4-ra-vertical-enV2.png");
}
body.rteditor_queryv4_en ol.genc_ph_ {
  /*   background-image: url("/queryv4-ms-horizontal-ja.png");*/
background-image: url("/queryv4-ra-horizontal-enV2.png");
}
body.rteditor_queryv4_en ol.genc_p_h {
 /*    background-image: url("/queryv4-ms-vertical-hover-ja.png");*/
background-image: url("/queryv4-ra-vertical-hover-enV2.png");
}
body.rteditor_queryv4_en ol.genc_phh {
 /*    background-image: url("/queryv4-ms-horizontal-hover-ja.png");*/
background-image: url("/queryv4-ra-horizontal-hover-enV2.png");
}

/*power selection*/
body.rteditor_queryv4_ja ol.powerselection.genc_w__ {
   /*  background-image: url("/queryv4-ms-vertical-ja.png");*/
background-image: url("/queryv4-ps-vertical-jaV2.png");
}
body.rteditor_queryv4_ja ol.powerselection.genc_wh_ {
  /*   background-image: url("/queryv4-ms-horizontal-ja.png");*/
background-image: url("/queryv4-ps-horizontal-jaV2.png");
}
body.rteditor_queryv4_ja ol.powerselection.genc_w_h {
  /*   background-image: url("/queryv4-ms-vertical-hover-ja.png");*/
background-image: url("/queryv4-ps-vertical-hover-jaV2.png");
}
body.rteditor_queryv4_ja ol.powerselection.genc_whh {
   /*  background-image: url("/queryv4-ms-horizontal-hover-ja.png");*/
background-image: url("/queryv4-ps-horizontal-hover-jaV2.png");
}
body.rteditor_queryv4_en ol.powerselection.genc_w__ {
  /*   background-image: url("/queryv4-ms-vertical-ja.png");*/
background-image: url("/queryv4-ps-vertical-enV2.png");
}
body.rteditor_queryv4_en ol.powerselection.genc_wh_ {
   /*  background-image: url("/queryv4-ms-horizontal-ja.png");*/
background-image: url("/queryv4-ps-horizontal-enV2.png");
}
body.rteditor_queryv4_en ol.powerselection.genc_w_h {
  /*   background-image: url("/queryv4-ms-vertical-hover-ja.png");*/
background-image: url("/queryv4-ps-vertical-hover-enV2.png");
}
body.rteditor_queryv4_en ol.powerselection.genc_whh {
  /*   background-image: url("/queryv4-ms-horizontal-hover-ja.png");*/
background-image: url("/queryv4-ps-horizontal-hover-enV2.png");
}

.queryv4 ol.horizontal li {
    display: inline;
margin-right:10px;
}
.queryv4 ol.horizontal.permutation li {
cursor: pointer;
display: inline-block;
padding: 4px 5px;
margin-bottom:6px;
margin-right: 1em;

}
.queryv4 ol.horizontal.permutation li  .horizontal-marker{
 color:#00A1E7;
}
.queryv4 ol.horizontal.permutation li.permutation-chosen .horizontal-marker{
color: #B9B9B9;
}

.queryv4 ol.genc_p__ {
padding-bottom:5px;
}
 .queryv4 ol.genc_p__ li{
border-width: 1px 1px 0;
padding: 3px 4px;
cursor:pointer;
}
 .queryv4 ol.genc_p__ li:last-child{
border-bottom-width:1px;
}

.queryv4 ol.horizontal li br {
    display: none;
}
.queryv4 ol.horizontal li .horizontal-marker {
    font-weight: bold;

}
.queryv4 ol.horizontal li.hori-first {
/*    margin-left: 0;*/
}
.queryv4 ol.horizontal li.hori-notfirst {
 /*   margin-right: 1.5em;*/
}
/* permutation & matching */
.queryv4 div.permutation-choice {
padding:5px 0;
}
.queryv4 div.permutation-choice-header {
    background: url("bg_header_permutation-choice-ja.png") no-repeat scroll 0 0 transparent;
    height: 20px;
    margin-bottom: 7px;
    position: relative;
    text-indent: -9999px;
}
.queryv4 .querybody-en div.permutation-choice-header {
background-image: url("bg_header_permutation-choice-en.png") ;
}

.queryv4 div.permutation-choice-header span.undo-img {
 position:absolute ;
text-indent: 0;
 left: 55px;
 width: 18px;
 height: 18px;
cursor: pointer;
}
.queryv4 .querybody-en div.permutation-choice-header span.undo-img {
left:70px;
}
.queryv4 div.permutation-choice {
padding-bottom:5px
}

.queryv4 div.permutation-choice.required.unfilled {
  border: solid 2px red;
}
.queryv4 div.permutation-response {
  padding: 5px 0;
}
.queryv4 div.permutation-response-header {
background: url("bg_header_permutation-response-ja.png") no-repeat scroll 0 0 transparent;
margin-bottom: 5px;
text-indent: -9999px;
height:20px;
}
.queryv4 .querybody-en div.permutation-response-header {
background-image: url("bg_header_permutation-response-en.png") ;
}

.queryv4 div.permutation-response .permutation-response-default{
color:#5a5a5a;
}
.queryv4 .permutation-unchosen {
 border: 1px solid #66c7f1;
 color: #00A1E7;
 background-color: #FFFFFF;
font-weight:bold;
}
.queryv4 .permutation-unchosen  label{
color: #1A1A1A;
font-weight:normal;
}

.queryv4 .permutation-chosen {
 border: 1px solid #d9d9d9;
 color: #b9b9b9;
}
.queryv4 .permutation-chosen label{
 color: #b9b9b9;
}
.queryv4 div.permutation-response-field {
background-color: #ECFCD7;
border: 1px solid #FFFFFF;
color: #1960AD;
height: 20px;
padding: 3px 4px;
}
.queryv4 .horizontal div.permutation-response-field {
display: inline-block;
margin-bottom: 5px;
margin-right: 1em;
}
.queryv4 ol.matchingselection,
.queryv4 ol.matchingpowerselection {
background-color: #E8FAFF;
border: 1px solid #66C7F1;
list-style-type: lower-alpha !important;
margin-bottom: 5px;
padding: 8px 10px;
}


body .queryv4 ol.matchingselection li,
body .queryv4 ol.matchingpowerselection li {
  list-style-type: lower-alpha !important;
}
.queryv4 ol.matching-select-form.required.unfilled {
  border: solid 1px red;
}
.queryv4 ol.horizontal li:hover, .queryv4 ol.queryselection li:hover, .queryv4 ol.multiselection li:hover,  .queryv4 ol.permutation li:hover, .queryv4 ol.horizontal li:hover input, .queryv4 ol.queryselection li:hover input, .queryv4 ol.multiselection li:hover input,
.queryv4 ol.powerselection li:hover , .queryv4 ol.powerselection li:hover input{
    background-color: #DFF0FF;
}
body.rteditor_queryv4 textarea {
    background-position: left bottom;
    background-repeat: no-repeat;
}
body.rteditor_queryv4 textarea, body.rteditor_queryv4 input {
    border: 1px solid #003300;
   background-color:#fff;
}
body.rteditor_queryv4 textarea.required, body.rteditor_queryv4 input.required {
    border: 1px solid #FF6666;
}
body.rteditor_queryv4_ja textarea {
    background-image: url("/queryv4-textarea1-countnone-ja.png");
}
body.rteditor_queryv4_ja textarea.query_count_chars {
    background-image: url("/queryv4-textarea1-countchars-ja.png");
}
body.rteditor_queryv4_ja textarea.query_count_words {
    background-image: url("/queryv4-textarea1-countwords-ja.png");
}
body.rteditor_queryv4_en textarea {
    background-image: url("/queryv4-textarea1-countnone-en.png");
}
body.rteditor_queryv4_en textarea.query_count_chars {
    background-image: url("/queryv4-textarea1-countchars-en.png");
}
body.rteditor_queryv4_en textarea.query_count_words {
    background-image: url("/queryv4-textarea1-countwords-en.png");
}
body.rteditor_queryv4 .textarea_sanae_b textarea {
    background-image: url("/queryv4-textarea2-countnone-ja.png");
}
body.rteditor_queryv4 .textarea_sanae_b textarea.query_count_chars {
    background-image: url("/queryv4-textarea2-countchars-ja.png");
}
body.rteditor_queryv4 .textarea_sanae_b textarea.query_count_words {
    background-image: url("/queryv4-textarea2-countwords-ja.png");
}
body.rteditor_queryv4 .textarea_sanae_c textarea {
    background-image: url("/queryv4-textarea3-countnone-ja.png");
}
body.rteditor_queryv4 .textarea_sanae_c textarea.query_count_chars {
    background-image: url("/queryv4-textarea3-countchars-ja.png");
}
body.rteditor_queryv4 .textarea_sanae_c textarea.query_count_words {
    background-image: url("/queryv4-textarea3-countwords-ja.png");
}
.queryv4 input.queryinput, .queryv4 textarea.queryinput {
    border: 1px solid #003300;
vertical-align: bottom;
}
.queryv4 .hilite_required_on input.required, .queryv4 .hilite_required_on_submit input.unfilled, .queryv4 .hilite_required_on textarea.required, .queryv4 .hilite_required_on_submit textarea.unfilled {
    border: 1px solid #FF6666;
}
.queryv4 .textarea_wordcount, .queryv4 .textarea_charcount {
    color: #8CC62B;
    font-size: large;
}
.qid {
    color: red !important;
    font-size: 120% !important;
    font-weight: bold !important;
}

/*文字数表示*/
div.form .textarea-char-counter ,
div.form .textarea-word-counter,
.report-submit-list div.queryv4  .textarea-char-counter ,
.report-submit-list div.queryv4 .textarea-word-counter{
display:inline-block;
    padding-right: 15px;
}

/*レポートフォーム*/
div.form .report-form{
padding-left: 16px;
width:484px;
margin:0 auto;
text-align: center;
color: #1A1A1A;
}

div.form  .report-formV2{
text-align: left;
}
div.form .report-formV2 .upload{
text-align: center;
}

div.form .report-form-formreport{
width:684px;
}


/*経過時間*/
.query-time{
text-align:right;
}
.query-time span{
/* font-size: 120%;*/
 font-size: 14px;
}

/*入力必須*/
.hilite_required_on .required, .hilite_required_on_submit .unfilled {
    border: 1px solid red;
}
/*セルフテスト*/
.query-score-message{
background-color: #FFE9CE;
    border: medium none;
    margin: 14px 0;
    padding: 10px;
    width: auto;
color: #EC683F;
font-weight:bold;
font-size:20px;
text-align: center;
}
.query-score{
background-color: white;
    border: 2px double #89C8FF;
    font-size: 30px;
    margin: 0 auto;
    text-align: center;
    width: 60%;

}

table.querysubmitted{
}

table.querysubmitted tr.title{
background-color: #DFF0FF;
}
table.querysubmitted tr.title th{
color: #1960AD;
    font-size: 14px;
    text-align: center;

}

/*●×の位置調整*/
.querysubmitted .articlebody ol,
.querysubmitted .articlebody ul{
padding-bottom:0;
}


/*正解を表示*/
table.queryanswer tr.title th h3{
    font-size: 17px;
}
.queryanswermode #header,
.queryanswermode .pageheader-course,
.queryanswermode .pagefooter,
.queryanswermode #systemdebug,
.queryanswermode  .course-submenu,
.dm-panel .course-submenu {
    display: none;
}{
display:none;
}
.queryanswermode .pagebody{
border:medium none;
}
.queryanswermode div.teacherview{
background:none;
}


h3.queryanswerrtitle{
font-size: 14px;
    text-align: center;
}
.queryanswerspan{
background-color: #FFFFFF;
    font-size: 14px;
    margin-left: 15px;
    margin-top: -2px;
    padding: 1px 5px;
}
table.queryanswer li.checked label,.queryanswer .yesnoselection span input.checked + label{
font-weight:bold;
color:#ff0000;
}

/* FilePreviewMode */
.filepreviewmode #header,
.filepreviewmode .pageheader-course,
.filepreviewmode .pagefooter,
.filepreviewmode #systemdebug  {
display:none;
}
.filepreviewmode .pagebody{
 border:medium none;
 margin: 0px;
 padding: 0px;
 width: 1024px;
}
.filepreviewmode div.teacherview{
background:none;
}

body.filepreviewmode {
 background-color: #7f7f7f;
}

.filepreviewmode #container {
 width: 1024px;
 margin: 0px auto;
}
.filepreviewmode table.filepreviewtable {
 background-color: white;
 margin: 40px 190px;
 padding: 60px;
 width: 644px;
    box-shadow: 0 1px 4px #666666;
}

.filepreviewmode table.filepreviewtable 
td.filepreviewcontent {
 background-color: #FFFFFF;
 font-size: 10pt;
}

.filepreviewmode table.filepreviewtable 
.filepreviewheader {
 background-color: #FFFFFF;
 border: double 3px red;
 padding 2px;
}
/*成績*/
table.gradelist td.grade {
    text-align:center;
    font-size: 110%;
    font-weight: bold;
}
table.gradelist .gradetitle {
    font-size: 13px;
    font-weight: bold;
    padding-left: 8px;
    margin-left: -8px;
}

table.gradelist  .borderbottom {
    border-bottom: 1px solid #89C8FF !important;
}

dl.gradesummary div.dates {
    clear: both;
    color: #999999;
    float: none;
    text-align: right;
}

dl.gradesummary .gradecomment {
    background: url("icon-grade-teacher.png") no-repeat scroll 0 3px transparent;
    border-top: 1px dotted #999999;
    color: #005dc6;
    padding: 3px 3px 3px 25px;
}

dl.gradesummary dt.statistics {
    display: none;
}
table.gradelist td.gradebar {
    background-color: #0000CC;
    text-align: center;
    height:20px;
}
table.gradelist td.gradebar span {
    color: #FFFFFF;
}

.gradelist .form td,
.gradelist .form th,
.gradelist .form table{
border: none;
}

table.gradelist td.gradebar{
background: url("bg_gradebar.gif") repeat-x scroll 0 0 transparent;
}
.gradelist .bordertop tr.nolink{
background: url("bg_gradebar_back.gif") no-repeat scroll 0 0 transparent;
border-left: 1px solid #A5A5A5;
height:26px;
}
.gradelist .bordertop tr.nolink td{
padding:0;

}

/*コースコレクション*/
.coursecollection .pagecomseqno,
.homecollection .pagecomseqno,
.contents .pagecomseqno,
.previewpanel .pagecomseqno{
border-radius: 2px 2px 2px 2px;
    height: auto;
    padding: 2px 1px;
    width: 30px;
    background-color: #70BCFF;
    text-align: center;
    font-weight: bold;
    margin-left: 10px;
    margin-top:7px;
}

.coursecollection .pagecomentry:last-child,
.homecollection .pagecomentry:last-child,
.contents .pagecomentry:last-child{
  border-bottom: 0px;
}

.coursecollection .contentbody-left .pageattachments,
.homecollection .contentbody-left .pageattachments,
.contents .contentbody-left .pageattachments,
.project .contentbody-left .pageattachments{
    border-bottom: 1px dotted #BFBFBF;
    border-top: medium none !important;
    margin: 0 5px 5px;
}

/*コレクション 一覧*/
.collectiontop-teacherview tr.notsubmit{
 background-color: #F7F7F7;
 color:#5a5a5a;
}

.collectiontop-teacherview td.notsubmit {
}
.collectiontop-teacherview  table.stdlist td.name
{
padding-left:20px;
}
.collectiontop-teacherview  table.stdlist td.name img{
padding-right:5px;
}


.collectiontop-teacherview tr.lastcomment-student
 {
 background-color: #FFF0D5;
}

.collectiontop-teacherview tr.lastcomment-student .commentsnumber{
 color: #E50007;
font-weight:bold;
}

.collectiontop-teacherview table.stdlist {
 border:1px solid #89C8FF;
 text-align:center;
}

.collectiontop-teacherview table.stdlist a {

/*background:url("/marker-diamond.gif") no-repeat scroll 0% 50% transparent;　*/
}

.collectiontop-teacherview table.stdlist td {
border-bottom:1px dotted #89C8FF;
}
table.collldatalist tr:hover{
background-color:#f4fbe2 !important;
}


.collectiontop-teacherview table.stdlist .listcollection_td_left{
border-right:1px solid #89C8FF;
}

.collectiontop-teacherview .notsubmit .listcollection_td_left{
border-right:1px solid #89C8FF;
}
.collectiontop-teacherview table.stdlist .listcollection_th_left{
border-right:1px solid #BABFC4 !important;
}

.collectiontop-teacherview table.stdlist tr.title th,
.collectiontop-teacherview table.stdlist tr td {
    border-left: medium none;
    border-right: medium none;
}


.collectiontop-teacherview table.stdlist .lastcomment-student:hover,
.collectiontop-teacherview table.stdlist .lastcomment-teacher:hover{
background-color:#f4fbe2 !important;
}

/* コースメンバーリスト*/
ul.view-menu li .selected {
    background-color: #F4FBE2 !important;
padding: 2px;
}

.tr-title-small table.stdlist tr.title th{
    font-size: 85%;
}


/* コース一覧*/
h3.course-type{
    border-bottom: 1px solid #99cf3e;
    border-left: medium none;
    color: #2e7c40;
    margin-bottom: 5px;
    margin-right: 18px;
    margin-top: 10px;
    padding: 0 8px 2px;
}
h3.course-type a {
    vertical-align: middle;
}

.alertlist div{
 margin: 0px 20px 5px 15px;
 padding-left: 20px;
 height: 16px;
 background: url(icon-alertlist.png) no-repeat  0 center;
 color:#ff4040;
 font-weight: bold;
}

.pagebody  .my-course .contentbody-left{
 width: 686px;
 padding-left: 15px;
 float: left;
}



.pagebody  .my-course .contentbody-right{
 width: 230px;
 padding-right: 15px;
 float: left;
}

.pagebody .my-infolist-mycourses .my-infolist-header {
    background: url("bg_mycourse_list_header.gif")  no-repeat 0 0;
margin-bottom: 12px;
position: relative;
}
.pagebody .my-infolist-mycourses .my-infolist-header .rightmostbutton{
    margin: 0;
    right: 25px;
    top: 6px;
}

.pagebody .my-infolist-mycourses .my-infolist-header h2{
 padding-left: 43px;
}
.section  .coursecard{
	width: 303px;
        height: 79px;
	border: 1px dotted #70bcff;
	border-left: 4px solid #70bcff;
	margin-bottom: 10px;
        float: left;
        margin-right: 12px;
        padding:10px;
        position: relative;
}
.section  .coursecardV2{
    height: 88px;
}

.section  .coursecard:hover{
    background-color:#f4fbe2 !important;
    border-color: #9fcf3a;
    cursor: pointer;
}
.section  .coursecard-noclick:hover{
  cursor:default;
}


.div.coursecard .course-card-img{
    display: block;
    position: absolute;
}

div.coursecard .course-card-title{
    position: absolute;
    top: 10px;
    left: 80px;
    width: 230px;
}

div.coursecard .course-card-title a,
div.coursecard .course-card-title .course-title-span{
    display: block;
    font-size: 15px;
    height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 230px;
}
div.coursecardV2 .course-card-title a,
div.coursecardV2 .course-card-title .course-title-span{
    height:auto;
    line-height: 1.2em;
    max-height: 2.4em;
    overflow-y: hidden;
    text-overflow: clip;
    white-space: normal;
    margin-bottom: 4px;
}
div.coursecard .course-card-status {
    height: 17px;
    position: absolute;
    right: 11px;
    bottom: 8px;
    text-align: right;
    width:100px;
}
div.coursecardV2 .course-card-status {
      bottom: 5px;
}
div.coursecard .course-card-fav {
    height: 16px;
    position: absolute;
    right: 10px;
    top: 11px;
    width: 16px;
}
div.coursecard .course-card-status img{
    margin-left:6px;
vertical-align: middle;
}
.div.coursecard .courseitems {
    font-size: 10pt;
    line-height: 1;
    margin: 9px 0 0 90px;
}
.div.coursecard .courseitems{
   padding-top:10px;
}

div.coursecard .course-card-statusV2 img{
/* add 2025-07*/
    margin-left:2px;
}

dt.courseitemtext {
    clear: left;
    color: #5a5a5a;
    float: left;
    margin: 0 0.5em 0 0;
}

dd.courseitemdetail {
    display: block;
    height: 15px;
    margin: 0 0 0.25em;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 200px;
}
div.coursecardV2 dd.courseitemdetail {
   margin-bottom:0;
}

div.coursecard-en dd.courseitemdetail {
width:150px;
}
.coursecard-courselocation-info,
.coursecard-courseteacher-info{
    display: inline-block;
    height: 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 100px;
}
.coursecard-courseteacher-info{
   max-width:80px;
}

div.coursecard .course-settings{
    bottom: 27px;
    position: absolute;
    right: 9px;
}
 div.coursecode {
    color: #999999;
   font-size:12px;
   height:15px;
}
.pagebody .my-infolist-tasklistqr .my-infolist-header {
    background: url("bg_mycourse_tasklists_header.gif") no-repeat scroll 0 0 transparent;
}
.pagebody .my-infolist-attend .my-infolist-header {
    background: url("bg_mycourse_attend_header.gif") no-repeat scroll 0 0 transparent;
}



.pagebody .my-infolist-tasklistqr .my-infolist-body,
.pagebody .my-infolist-attend .my-infolist-body,
.pagebody .my-infolist-attend .my-infolist-tips
{
    margin-top: -1px;
    width: 208px;
    padding:10px;
   font-size: 11px;
}

.pagebody .my-infolist-tasklistqr .my-infolist-body img{
  float:left;
  padding-right: 5px;
}

.pagebody .my-infolist-project .my-infolist-header {
    background: url("bg_mycourse_project_header.gif") no-repeat scroll 0 0 transparent;
}

.pagebody .my-infolist-project .my-infolist-body{
    margin-top: -1px;
    width: 228px;
}

.pagebody .my-infolist-project .my-infolist-body table tr td{
  border-bottom: 1px dotted  #90C7F9; 
  padding:5px 10px;
}
.pagebody .my-infolist-project .my-infolist-body table  tr:last-child td{
 border-bottom: 0px dotted  #90C7F9;
}


.my-infolist-project .infolist-project-date{
color: #5a5a5a;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
width: 200px;
}

.my-infolist-project .infolist-project-title{
font-size: 12px;
text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
width: 190px;
padding-bottom: 5px;
}

.my-infolist-project .infolist-project-title a{
    overflow: hidden;
    text-overflow: ellipsis;
vertical-align: bottom;
white-space: nowrap;
width: 190px;
display: inline-block;
}

.my-infolist-project .infolist-project-body{

}
.my-infolist-project .infolist-project-body img{
padding-right: 10px;
}
.pagebody .my-infolist-tasklist .my-infolist-header {
    background: url("bg_mycourse_tasklist_header.gif") no-repeat scroll 0 0 transparent;
}

.pagebody .my-infolist-tasklist .my-infolist-body{
    margin-top: -1px;
    width: 668px;
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr td{
 border-bottom: 1px dotted  #90C7F9;
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr.tasklist-teacher{
position: relative;
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount div{
position: relative;
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount{
 width: 220px;
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount div span{
position: absolute;
  left: 80px;
 width: 100px;
 height: 20px;
 z-index: 10;
 top:2px;
 color:#055faf;
 font-weight:bold;
}


.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount table{
/* border: 1px solid #90C7F9;*/
 position: absolute;
 top: 0px;
 left: 116px;
 height:18px;
 width: 100px;
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount table tbody{
width: 100%;
}
.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount table tr{
 width: 98px;
 background: #DFF0FF;
 height: 18px;
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount table tr td,
.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount table tr td:hover{
 height: 100%; 
 table-layout:fixed;
  background:#DFF0FF;
}
.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount table tr td.submit,
.pagebody .my-infolist-tasklist .my-infolist-body table tr td.tasklist-querycount table tr td.submit:hover{
 background: #1960AD
}

.pagebody .my-infolist-tasklist .my-infolist-body table tr.deadline-soon td{
/* background: #fff8ea;*/
}


.pagebody .my-infolist-tasklist .my-infolist-body table tr:last-child td{
 border-bottom: 0px dotted  #90C7F9;
}

.pagebody .my-infolist-tasklist .my-infolist-body .tasklist-name{
 display: inline-block;
 overflow: hidden;
 text-overflow: ellipsis;
white-space: nowrap;
 vertical-align: bottom;
width:115px;
padding-right: 10px;
padding-left:25px;
}


.pagebody .my-infolist-tasklist .my-infolist-body a {
 width: 300px;
display: inline-block;
 overflow: hidden;
 text-overflow: ellipsis;
white-space: nowrap;
 vertical-align: bottom;
}

.course-tasklist-teacher .tasklist-teacher a{
 width: 265px !important;
}

.pagebody .my-infolist-tasklist .my-infolist-body a img{
 padding-right: 5px; 
}

.pagebody .my-infolist-tasklist .my-infolist-body .tasklist-type{
 width: 75px;
}

.pagebody .my-infolist-tasklist .my-infolist-body  span.self-test {
    background-color: #FFC694;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 1px 1px 1px #E3E3E3;
    color: #FFFFFF;
    margin-right: 3px;
    padding: 2px;
vertical-align: text-top;
}

.pagebody .my-infolist-tasklist .my-infolist-body  a:hover span.self-test,
.pagebody .my-infolist-tasklist .my-infolist-body  a span.self-test:hover{
   text-decoration:none !important;
}
.pagebody .my-infolist-tasklist .my-infolist-body .tasklist-date{
 width: 120px;
 text-align:right;
}

.pagebody .my-infolist-tasklist .my-infolist-body .tasklist-date .tasklist-deadline {
 padding-left: 10px;
 width: 25px;
 text-align:center;
display: inline-block;
}

.pagebody .my-infolist-tasklist .my-infolist-body .tasklist-date .tasklist-deadline img{
 padding-right: 5px;
}
.pagebody .my-infolist-tasklist .my-infolist-body .tasklist-date  .tasklist-deadline-soon{
 color:#ff4934;
}
.pagebody .my-infolist-tasklist .my-infolist-body  .tasklist-info{
 width :60px;
}



/*ツリー表示*/
.threadV3 .forwlink{
padding-left: 5px;
padding-bottom:10px;
}

.course .thread-tree .threadcommentbutton{
margin-top: 0;
padding-bottom: 10px;
}


.thread-tree .msgcontainerbody{
 padding-bottom: 50px;
}

.pagebody .contentbody-s-700{
width:700px;
}
.thread-tree .articleheader{
border-width: 1px;
}
.thread-tree .articlecontainer-msgtop div.articleheader{
border-width: 1px 1px 0;
margin-bottom: 0;
}

.thread-tree h3.articlenumber{
border-radius: 2px 2px 2px 2px;
    height: auto;
   margin: 4px 5px;
    padding: 2px 1px;
    width: 30px;
}
.thread-tree .articlecontainer-msgtop div.articlesubject a{
border-bottom:medium none;
}
.thread-tree .articleheader .articlesubject{
padding-top: 5px;
 color:#3c69c3;
overflow: hidden;
 text-overflow: ellipsis;
 vertical-align: text-bottom;
 white-space: nowrap;
 width: 350px;
}

.thread-tree .articleheader .articlesubject-havemsgbody{
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    white-space: normal;
    width:580px;
}

.thread-tree .articleheader .articleauthor{
padding-top: 5px;
padding-right: 55px;
text-align:left
}

.thread-tree .threadchildlist .articleheader .articleauthor{
 padding-top: 6px;
padding-right: 40px;
}

.thread-tree .articleheader .button_tree_open{
position: absolute;
    right: 10px;
    top: 4px;
}

.thread-tree div..articlebody{
border-width: 0 1px 1px;
}
.thread-tree .articlecontainer-msgtop div.articlebody{
border-width: 0 1px 1px;
}
.thread-tree .authoricon{

}
.thread-tree  .articlebody div.articlebody-msgbody{

}
.thread-tree .msgcontainer .articleheader{
position: relative;
height:auto !important;
min-height:22px;
 background: #e7f6ff;
border-left: 0 none;
  border-right: 0 none;
}
.thread-tree .msgcontainer .articlecontainerV2  .articleheader:hover{
cursor: pointer;
}
.thread-tree .msgcontainer .articlecontainerV2 .articleheader{
 background: url("button_board_box-open.gif") no-repeat scroll 634px center #E7F6FF;
}

.thread-tree .msgcontainer .articlecontainerV2 .articleheader:hover{
 background: url("button_board_box-open-focusV2.png") no-repeat scroll 634px center #E7F6FF;
}

.thread-tree .threadchildlist .articlecontainerV2 .articleheader,
.thread-tree .threadchildlist .articlecontainerV2 .articleheader:hover{
 background: #ffffff;
 background-image: none;
 cursor: auto;
}

.thread-tree .msgcontainer .articlecontainerV2 .articleheader-havemsgbody{
 background: url("button_board_box-close.gif") no-repeat scroll 634px center #E7F6FF;
}

.thread-tree .msgcontainer .articlecontainerV2 .articleheader-havemsgbody:hover{
 background: url("button_board_box-close-focus.png") no-repeat scroll 634px center #E7F6FF;
}

.thread-tree .threadchildlist .articlecontainerV2 .articleheader-havemsgbody,
.thread-tree .threadchildlist .articlecontainerV2 .articleheader-havemsgbody:hover{
 background: #ffffff;
 background-image: none;
 cursor: auto;
}

/*未読*/
.thread-tree  .GRIunread .articleheader .articlesubject{
/* color: #EC683F !important; */
}


.msgcontainer .thread-tree-top .articleheader{
margin-bottom: 5px;
}


.thread-new .bbsmenulinks{
min-height: 45px;  
    height: auto !important;  
    height: 45px; 
  position: relative;
}

.thread-tree .bbsmenulinks{
   position: relative;
    border-left: 1px solid #B9B9B9;
    padding-left: 5px;
margin-left: 15px;
min-height: 50px;  
    height: auto !important;  
    height: 50px; 
}

.thread-tree .bbsmenulinks .threadcommentbutton{
   position: absolute;
   top:10px;
   right: 0px;
}

.thread-new .bbsmenulinks .threadcommentbutton{
   position: absolute;
   top:0px;
   right: 0px;
}


.thread-tree .msgcontainer{
background: url("line_thread_tree_child.png") no-repeat scroll -1px 0 transparent;
    border-left: 1px solid #B9B9B9;
    padding-left: 5px;
}
.thread-tree .msgcontainer:last-child{
background-position: 0 0;
    border-left: medium none;
    padding-left: 6px;
}
.thread-tree .msgcontainer .msgcontainer,
.thread-tree .msgcontainer .msgcontainer:last-child{
background: none;
    border-left: none;
    padding-left: 0;
}


/*子コメント*/
.threadchildlist{
padding-bottom: 10px;
    margin-left: 25px;
}
.threadchildlist .thread-child{
background: url("line_thread_tree_child.png") no-repeat scroll -1px 0 transparent;
    border-left: 1px solid #B9B9B9;
    padding-left: 10px;
}
.threadchildlist .thread-child:last-child {
background-position: 0 0;
    border-left: medium none;
    padding-left: 11px;
}

.threadchildlist .articleheader .articlesubject{
width: 320px;
min-height: 19px;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: text-bottom;
white-space: nowrap;
padding-top: 5px;
}
.threadchildlist .articleheader .articlesubject-havemsgbody{
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    white-space: normal;
    width:585px;
}
.threadchildlist  .articlecontainer .articleheader {
background-color: #FFFFFF;
    border-bottom-color: #D7D7D7;
    border-width: 0 0 1px;
    margin-bottom: 0;
   font-size: 11px;
}
.threadchildlist  h3.articlenumber{
background-color: #ABD9FF;
padding: 1px 1px;
    width: 25px;
  font-size: 11px;
}


.thread-tree .msgcontainer .articleheader-child{

}
.msgcontainer .threadchildlist .articlecontainer{
margin-bottom:0;
}
.msgcontainer .threadchildlist div div:last-child .articlecontainer{
border-bottom:medium none;
}

/*オープン時*/

.thread-tree .msgcontainerbody{

} 
.thread-tree .msgcontainer .articlecontainer{
margin-bottom:0;
}


.thread-tree .msgcontainerbody .articleheader{
border-width: 1px 1px 0;
    margin-bottom: 0;
background-color: #FFFFFF;

}
/*削除時*/
.thread-tree .msgcontainerbody .articlecontainer-deleted .articleheader{
/*border-width: 1px 1px 1px;*/
}

.thread-tree .msgcontainerbody  .articlecontainer .articleheader{
background-color: #e7f6ff;
margin-bottom: 0;
}

.thread-tree .msgcontainerbody .articlebody{
border-width: 0 1px 1px;
margin-bottom: 0;
    margin-top: 0;
}
/*子コメントオープン時*/
.thread-tree .msgcontainerbody .threadchildlist .articleheader{
border-color: #D3D3D3;
    border-width: 0 1px;
}
.thread-tree .msgcontainerbody .articleheader-havemsgbody{
 border-left: 1px solid #70BCFF;
 border-right: 1px solid #70BCFF;

}

/*---削除時*/
.thread-tree .msgcontainerbody .articlecontainer-deleted .articleheader{
/*border-width: 1px 1px 0px;*/
}
.thread-tree .msgcontainerbody .threadchildlist .articlebody{
border-color: #D3D3D3;
    border-width: 0 1px 1px;
}
/*コメントフォーム*/
#commentform{
margin-left:5px;
}


/*タイトル省略*/
.project-title, .report-title, .question-title, .drill-title, .grade-title, .syllabus-coursetitle,
.courselink-coursetitle-b{
    overflow: hidden;
    table-layout: fixed;
    text-overflow: ellipsis;
    white-space: nowrap;
  display: block;
}
.project-title{
    width:250px;
}
 .report-title{
width:380px;
}
.question-title{
width:225px;
}
.drill-title{
width:150px;
}
.grade-title {
width:320px;
}
.courselink-coursetitle{
    overflow: hidden;
   display: block;
    overflow: hidden;
   max-height:3em;
line-height: 1.5em;
}
.courselink-coursetitle-inline {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    table-layout: fixed;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

/*プロジェクト*/


.pagebody .project{
min-height:450px;
}

.project-body{
/*height:500px;*/
    background: none repeat scroll 0 0 #FFFFFF;
}
.pagebody .pdetail-panel .msg-title h2.msg-subject,
.tpanel_frame .pdetail-panel .msg-title h2.msg-subject{
width:auto;
}
.tpanel_frame .pdetail-panel .msg-body .msg-info .msg-info-caption, 
.pagebody .pdetail-panel .msg-body .msg-info .msg-info-caption{
width:95px;
}

/*ポートフォリオ*/
.portfolio-user-record{
background: none repeat scroll 0 0 #ECECEC;
    border-radius: 3px 3px 3px 3px;
    float: right;
    font-size: 11px;
    margin: 0 0 10px;
    padding: 3px 10px;
    position: absolute;
    right: 1px;
    text-align: right;
    top: 0;
}
.user .portfolio-user-record{
top: 100px;
}
.sum-detail-info{
padding-right: 20px;
}

.user .collist{
/*padding-top: 35px;*/
}

.portfolio-record-count{
background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #1960AD;
    display: inline-block;
    min-width: 15px;
    padding: 2px 5px;
    text-align: right;
}

.collist .collist-year{
 background: url("bg_portfolio_list_header.gif") no-repeat scroll 0 0 transparent;
 width: 700px;
 height: 33px;
 padding-top: 3px;
 color:#1960ad;
 position: relative;
}
.collist .collist-year:first-child{

}
span.collyear-open{
background: url("/button_board_box-close.gif") no-repeat scroll 0 0 transparent;
 cursor: pointer;
    display: block;
    height: 22px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 7px;
    width: 31px;
}
span.collyear-open:hover{
background-image: url("/button_board_box-close-focus.gif");

}
span.collyear-close{
background-image: url("/button_board_box-open.gif");
}
span.collyear-close:hover{
background-image: url("/button_board_box-open-focus.gif");
}




.collist .collist-year h2{
 font-size: 14px;
  display:inline-block;
  width: 300px;
  padding-left: 15px;
}
.collist .collist-year .collist-year-record{ 
display: inline-block;
    text-align: right;
    width: 320px;
}

.collist .collist-year  a{
   display:block;
 position: absolute;
 width: 32px;
 height: 22px;
 top: 7px;
 right: 10px;
} 

.collist .collist-year-box{
  border: 1px #90C7F9 solid;
border-width: 1px 1px 1px;
  margin-top :-3px;
}
.collist div#year-mycoll{
    margin-bottom:15px;
}


.collist-course .collist-courseinfo{
  border-bottom: 3px solid #90C7F9;
  border-top: 1px solid #90C7F9;
  background: #f0f9ff;
  padding: 5px;
}
.collist-course .collist-courseinfo .collist-course-name{
    color: #6A96C7;
    display: block;
    float: left;
    font-size: 14px;
    font-weight: bold;
    overflow: hidden;
    padding-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 385px;
}
.collist-course .collist-courseinfo .collist-course-teacher,
.collist-course .collist-courseinfo .collist-course-term{
float: left;
padding-right: 15px;
}
.collist-course .collist-courseinfo .collist-course-teacher{
/*    color: #1960AD; */
/*    font-weight: bold;*/
    overflow: hidden;
    text-align: right;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 180px;
}
.collist-course .collist-courseinfoV2 .collist-course-term{
  padding-right:0;
}
.collist-course .collist-courseinfo  .colllist-coursedata-info{
    display: block;
    width: 115px;

    overflow: hidden;
    margin-left: 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.collist-course .collist-courseinfoV2 .collist-course-name{
}
.collist-course .collist-courseinfoV2 .collist-course-teacher{
}
.colllist-short-title .collist-courseinfoV2  .colllist-coursedata-info{
    width: 130px;
}

.collist-course .collist-course-sum {
  border-bottom: 1px #90C7F9 solid;
padding: 5px 10px;
}

.collist-course .collist-course-sum div.collist-course-sum-detail{
    background: none repeat scroll 0 0 #ECECEC;
    border-radius: 3px 3px 3px 3px;
    padding: 3px 30px;
    position: relative;
 }
.collist .collist-course-deactive .collist-courseinfo {
    background-color: #EEEEEE;
    border-color: #999999;
    color: #AAA;
}
.collist .collist-course-deactive .collist-courseinfo .collist-course-name{
    color: #AAA;
}

/*colllist table*/


.collldatalist{
width:100%;
border-collapse: collapse;
}
.collldatalist tr:last-child td{
border-bottom: medium none;
}
.collldatalist td{
border-bottom: 1px dotted #90C7F9;
    height: 28px;
    padding: 0 5px;
}
.collldatalist td.colltitle{
padding-left: 40px;
    width: 380px;
}
.collldatalist td.colltitle a{
display: inline-block;
    height: 17px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 350px;
}
.collldatalist td.collcomment div{
vertical-align:center;
min-height:18px;
padding: 3px;
}

.collldatalist td.collcommentV2 div{
  background: url("icon_collist_comment.png") no-repeat scroll 25px center transparent;
}

.collldatalist td.collcomment div.update{
background: url("icon_collist_comment.png") no-repeat scroll 25px center transparent;
    color: #EC683F;
    font-weight: bold;
}
.collldatalist td.collcommentV2 div.update{
  background-image: url("icon_collist_updatecomment.png") ;
}

.collldatalist td.colldate{
text-align: right;
    width: 145px;
}
.collldatalist td.collcomment{
text-align:center;
}
.collldatalist td.collcomment span.u{
}
.collldatalist td.colllink-right{
padding-left:475px;
}
.colllist-short-title .collldatalist td.colllink-rightV2 {
    padding-left: 442px;
}
/*担当している授業*/
.user .collist-course .collist-course-sum,
.user .collist-course .collldatalist tr{
/*background-color:#fffeeb;*/
}
/*担当していない授業*/
.user .collist-course-disable{
/*color:#808080;*/
}
.user .collist-course-disable .collist-course-sum,
.user .collist-course-disable .collldatalist tr{
background-color:#ffffff;
}
/*タイトルを少し短く*/

.colllist-short-title .collist-courseinfo .collist-course-name{
width:350px;
}
.colllist-short-title .collldatalist td.colltitle{
width: 347px;
}
.colllist-short-title .collldatalist td.colltitle a{
 width: 325px;
}
.colllist-short-title .collist-courseinfoV2 .collist-course-name{
}


/*ユーザページ*/
.userpage-top{
background: url("bg_userpage_top.png") no-repeat scroll left top transparent;
    height: 70px;
    padding: 10px;
    width: 680px;
}
.userpage-top img{
float: left;
    height: 60px;
    width: 60px;
}
.home .userpage-top div.username,
.user .userpage-top div.username{
float: left;
}

.home .userpage-top div.username h3,
.user .userpage-top div.username h3{
font-size: 16px;
    margin-top: 0;
    padding: 0 10px;
    width: 410px;
    padding-top:10px;
}
.user .userpage-top .management-link,
.home .userpage-top .management-link{
padding-left:10px;
}


.userpage-top .userinfo{
float: right;
    padding: 0 10px;
    width: 153px;

padding-top:10px;
}
/*ユーザのポートフォリオ*/
.homecollection .userpage-top{
margin:0 auto;
}
.homecollection .userpage-top h3{

}

.homecollection .userpage-top .userinfo{

}
.homecollection h2{
 /*width: 685px;
 border-left: 5px solid  #81c4ff;
 background: #ececec;
 margin:auto;
 margin-top: 12px;
 padding: 0 0 0 6px;
 font-size: 14px;*/
}


/*ガイドのテキスト*/
.guidetext{
 padding: 10px 15px;
 background:#fffbc9;
 box-shadow: 1px 2px 2px #E0E0E0;
 margin: 5px 0 10px 0;
position: relative;
}

.project-detail .guidetext{
 margin:10px 20px 15px 15px !important;
}

.course .guidetext{
 margin-bottom:0px;
}
.my-course .guidetext{
 margin: 10px 20px 15px 15px;
}

.guidetext .guidetext-title{
 font-weight: bold;
 font-size: 14px;
 padding-left: 30px;
 margin-bottom: 5px;
 background: url(icon_guidetitle.png) no-repeat 0 center ;
 height: 25px;
}
.gude-text-qrcode img{
position: absolute;
    right: 7px;
    top: 10px;
}
.gude-text-qrcode .guidetext-body{
width: 700px;
height: 45px;
}



/* 開発用 */
table.dev-edit {
 border-collapse: collapse;
 border: solid 1px black;
 padding: 0px;
 margin: 5px;
 text-align: left;
 background-color: #fff;
}
table.dev-edit th,
table.dev-edit td {
 border-collapse: collapse;
 border: solid 1px black;
 padding: 5px;
}
table.dev-edit th {
 text-align: center;
}
table.dev-edit .queryv4 .query_render_serial {
 font-weight: bold;
 color: blue;
}

/*エディター新レイアウト 02*/
 table.edit .editlayout2 td{
padding:10px 0;
}
.editlayout2 .editbox2{
width:776px;
margin :0 auto;
}
.editlayout2 .editbox2  .editbuffer_htmltabrow{
width:776px;
}

.editlayout2 .editbox2 .tabph1{
width:547px;
}
.editlayout2 .editbox2  .editbuffer_htmltab_vspacer{
    width: 774px;
}
.editlayout2 .editbox2 .htmlpanel{
    display: block;
    float: right;
    height: 400px;
    width: 158px;
    border-bottom: 1px solid #AFAFAF;
}
.editlayout2  #Text_iframe{
  height:397px;
}
.editlayout2 #ProjectText_iframe,.editlayout2 #ProjectText,.editlayout2 #Text
 {
    height: 397px !important;
}

.editlayout2 .edixbox-explanation .htmlpanel{
    min-height: 445px;
    height:auto;
}
.edixbox-explanation #Text_iframe{
    height: 442px;
}
.edixbox-explanation #ProjectText_iframe,
.edixbox-explanation #ProjectText,
.edixbox-explanation #Text,
.edixbox-explanation #RptForm_iframe,
.edixbox-explanation #RptForm
 {
    height: 442px !important;
}



/*ボタン*/
.editlayout2 .editbox2 .editbuttonsep{
display:none;
}
.editlayout2 .editbox2   span.query-type-title, .editlayout2 .editbox2  .query-requirement .query-type-title{
    background: url("line_editlayout_title2.png") no-repeat scroll center center transparent;
    display: block;
    text-align: center;
    width: auto;
margin-top: 5px;
}
.editlayout2 .editbox2 .editbutton{
margin-left: 0;
margin-right:3px;

}
.editlayout2 .editbox2  span.querypanel{
    display: inline-block;
    height: 20px;
    line-height: 20px;
    margin-right: 3px;
    width: 67px;
}
span.querypanel-l{
   padding:2px
}

.editlayout2 .editbox2 .edit-querybutton-en span.querypanel{
/*width: 76px;
font-size: 80%;
margin-right: 0;
margin-left:0;*/
}


.editlayout2 .editbox2 span#yesnoselectionform, 
.editlayout2 .editbox2 span#fileuploadform{
      letter-spacing: -0.1em;
}
.editlayout2 .editbox2 span#rubricform{
      letter-spacing: -0.1em;
}
.editbuttonrow2 hr{
    background: none repeat scroll 0 0 #C2C2C2;
    border-width: 0;
    height: 1px;
    margin: 0 6px 6px 4px;
}
.editlayout2 .editbutton{
background-image: url("/icon2_buttons_all_jaV2.png");
}
.editlayout2 .editbox2en .editbutton{
background-image: url("/icon2_buttons_all_enV2.png");
}

.editlayout2 .editbox2 .editbox2_buttonwide .editbutton, .editlayout2 .editbox2 .editbox2_buttonwide .editbutton .buttoncontent{
    width: 81px;
}

.editboxlimitview {
padding-top: 16px;
}

.editboxlimitview .instruction{ 
 color: #2E7C40;
width: 60px;
}
.editboxlimitview .instruction,
.editboxlimitview .viewstarttime,
.editboxlimitview .viewendtime{
float: left;
}

/*ドリル*/
table.edit table.stdlist th{
width:auto;
}
.query-drill .reporttext{
    margin-bottom: 15px;
}
.query-drill .reporttext-body{
background-color:#fff;
}
.query_render_serial{
color:#2449A8;
font-weight: bold;
font-size:20px;
}
table.stdlist .period{
width:110px;
}
table.stdlist div.buttons a, table.stdlist td.button-block-setting input{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    display: inline-block;
    font-size: 11px;
    margin: 0 5px 3px;
    padding: 1px 6px;
 color: #2449A8;
cursor:pointer;
}
table.stdlist td.button-block-setting input{
padding:1px 3px;
}
 table.stdlist td.button-block-setting input:hover,table.stdlist div.buttons a:hover{
 color: #4C85E4;
}
 table.stdlist td.button-block-setting span{
font-size:25px;
}
table.stdlist td.edit-menu img{
    vertical-align: top;
}
table.stdlist td.button-block-setting input.group-icon{
  border:medium none;
  background: none;
}

/*page break*/
.editbox2 .enabled .page_break,
.editlayout2 .editbox2en .editbutton .page_break {
background-image:url(icon2_buttons_pagebreak.png);
 background-position: 0px 0px;
}
.editbox2 .enabled .hover .page_break,
.editbox2 .enabled .page_break:hover {
 background-position: -25px 0px;
}
.editlayout2 .editbox2en .disabled .page_break,
.editbox2 .disabled .page_break{
background-image:url(icon2_buttons_pagebreak.png);
 background-position: -50px 0px;
}
/*add link*/
.editbox2 .enabled .icon2_addlink,
.editlayout2 .editbox2  .editbox2_buttonwide .icon2_addlink,
.editlayout2 .editbox2en .editbox2_buttonwide .icon2_addlink {
background-image:url(icon2_buttons_addlink.png);
 background-position: 0px 0px;
width:58px;
vertical-align: middle;
}
.editbox2 .enabled .hover .icon2_addlink,
.editbox2 .enabled .icon2_addlink:hover {
 background-position: 0 -23px;
}
.editbox2 .editbox2en .disabled .icon2_addlink,
.editbox2 .disabled .icon2_addlink,
.editlayout2 .editbox2 .editbox2en .disabled .icon2_addlink,
 .editlayout2 .editbox2 .disabled .icon2_addlink{
background-image:url(icon2_buttons_addlink.png);
 background-position: 0px -46px;
width:58px;
}
.editlayout2  .editbox2en .enabled .icon2_addlink,
.editbox2en .enabled .icon2_addlink {
  background-position:58px 0px;
}
.editbox2en .enabled .hover  .icon2_addlink,
 .editbox2en .enabled .icon2_addlink:hover {
  background-position:58px -23px;
}
 .editbox2en .disabled .icon2_addlink,
 .editlayout2  .editbox2en .disabled .icon2_addlink{
 background-position: 58px -46px;
}

/*select template*/
.editbox2 .enabled .icon2_template,
.editlayout2 .editbox2en .editbutton .icon2_template {
background-image:url(icon2_buttons_template.png);
 background-position: 0px 0px;
width:58px;
vertical-align: middle;
}
.editbox2 .enabled .hover .icon2_template,
.editbox2 .enabled .icon2_template:hover {
 background-position: 0 -23px;
}
.editlayout2 .editbox2en .disabled .icon2_template,
.editbox2 .disabled .icon2_template{
background-image:url(icon2_buttons_template.png);
 background-position: 0px -46px;
width:58px;
}
.editbox2en .enabled .icon2_template {
  background-position:58px 0px;
}
.editbox2en .enabled .hover  .icon2_template,
 .editbox2en .enabled .icon2_template:hover {
  background-position:58px -23px;
}
 .editbox2en .disabled .icon2_template{
 background-position: 58px -46px;
}





/*受験条件設定*/
table.query-trigger tr th{
background-color: #DFFABD;
vertical-align: top;
 border-bottom: 2px solid;
}
table.query-trigger tr td{
background-color: #FFFFFF;
    padding: 10px 15px;
}
table.stdlist td.query-title .deadline{
display:block;
padding-top:5px;
}
/*web上で採点*/
.pagebody div.queryadm .contentbody-left{
    padding-left: 35px;
    width: 651px;
}
.pagebody div.queryadm .contentbody-right{
    padding-top: 35px;
    width: 195px;

}

 .pagebody div.queryadm form#queryform textarea{
height:95px;
}

.pagebody div.queryadm .articleindex .contentspagelist th {
    background-image: none;
}
.pagebody div.queryadm h1.pagetitle{
border-color: #BABFC4 !important;
}
.pagebody div.queryadm .contentbody-left .queryv4{
    max-height: 500px;
    overflow-y: auto;
    overflow-x: hidden !important;
}

.pagebody div.gradeadm h1.pagetitle{
    border-color: #BABFC4 !important;
}
.pagebody div.gradeadm .articleindex .contentspagelist th {
    background-image: none;
}
.pagebody div.gradeadm .contentbody-right {
    padding-top: 10px;
    width: 195px;
}
.gradeadmV2 h2.editgrade-title{
 display:none;
}
.gradeadmV2  .editgrade{
   border:medium none;
}

.dm-panel-body #blockercandtable,
.dm-panel-body .blockercandtable{
max-height:300px;
overflow-y: auto;
}
.dm-panel-body #blockertypeselect{
    padding: 5px;
    text-align: center;
}

/*project---------------*/
.project-header-s,.project-detail-panel .msg-title {
    background: none repeat scroll 0 0 #F0FAE0;
    border-bottom: 1px solid #D6ECBA;
    min-height: 48px;
   position:relative;
}
.project-header-s h1{
    background: url("icon_h1_project.png") no-repeat scroll 30px 13px transparent;
    border: 0 none;
    color: #005ABB;
    font-size: 15px;
    margin-top: 0;
    padding: 13px 230px 13px 50px;
}

.course .project-header-s div.rightmostbutton,
.course .teacherview .project .project-header-s div.rightmostbutton{
    margin-top: 5px;
    position: absolute;
    right: 65px;
    text-align: left;
    top: 0;
}
.project-detail .msg-text{
height:auto;
} 
 .tpanel_frame .project-detail-panel, .pagebody.project-detail-panel{
    padding-top: 20px;
}
.tpanel_frame .project-detail-panel .msg-body .msg-title, .pagebody .project-detail-panel .msg-body .msg-title{
padding:0;
}
.project-detail-panel .msg-body .msg-title h2.msg-subject{
 width: 402px;
}
.project-detail-panel .msg-body .msg-title .msg-date{
padding-top:7px;
}
.project-detail-panel .msg-footer .msg-navi img{
float:none;
}
.project-body .contentbody-left #commentform .editbox2{
padding-top:10px;
}


.project-team-info {
    margin: 10px 10px 10px;
}
.project-team-info-header {
    background-color: #DFFABD;
    border: 1px solid #9ECF4C;
    font-size: 12px;
    height: 31px;
    padding: 0;
}
.project-team-info-header h2 {
    background: url("icon_project_team1.png") no-repeat scroll 7px 7px #DFFABD;
    border: medium none;
    font-size: 14px;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 34px;
    width:auto;
}
.project-team-info-body {
    border-color: #99CF3E;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 10px;
}

.pagebody div.project.contentbody-left {
    padding-top: 20px;
    position: relative;
}
.pagebody div.project .contentbody-right {
    padding-top: 20px;
}
.pagebody div.project-detail .contentbody-left .rightmostbutton{
position:static;
margin-bottom:10px
}
.pagebody div.project-detail .contentbody-left  #pagecomform{
padding:0;
}
.pagebody div.project-detail .contentbody-left  #pagecomform .editbox2{
padding-bottom:5px;
}
.pagebody div.project-detail .contentbody-left  .thread .articleinfo form,
.pagebody div.project-detail .contentbody-left .pagecomauthor form{
display:inline-block;
vertical-align:middle;
}

.pagebody div.project-detail .contentbody-left .report-submit-list{
    padding-left: 10px;
}


.pagebody div.project-detail .contentbody-right .rightmostbutton,.ryugakulink-button{
    background-color: #FFE9CE;
    border-radius: 5px 5px 5px 5px;
    margin-bottom: 10px;
    padding: 15px 10px;
    position: static;
    text-align: center;
}
.pagebody div.project .contentbody-right table{
width:100%;
}
.pagebody div.project .contentbody-right .articleindex{
margin-bottom:15px;
}

.project .articleindex ul.contentslist ul.team-memberlist li {
    border-bottom: medium none;
    list-style-image: url("icon_memberlist1.png");
    /*padding-left: 0;*/
}

.pagebody div.project-detail .contentbody-right .articleindex table th{
background: url("icon_project_team.png") no-repeat scroll 7px 7px #E9F4FF;
}
.pagebody div.project-detail .articleindex .team-mblist li{
 list-style: disc outside url("icon_memberlist.png");
}
.teacherview .project-body{
 margin-bottom: -30px;
min-height: 420px;
}
 .project-edit .contentbody-left p{
padding:10px 0 0;
}
 .project-edit .contentbody-left table.stdlist{

}

 .project-edit .articleindex table.team-mblist:first-child{
border-top:medium none;
}
 .project-edit .articleindex table.team-mblist:last-child{
border-bottom:medium none;
}

 .project-edit .articleindex .team-mblist tr th,
 .project-edit .articleindex .team-mblist tr td{
padding: 5px 10px;
}
 .project-edit .articleindex .team-mblist tr.title{
    border-width: 1px;
}
 .project-edit  table.edit td,
 .project-edit  table.edit th{
    font-size: 15px;
    padding: 3px 10px;
}

 .project-edit .articleindex .team-mblist .showmore{
    padding-right: 5px;
}
.pagebody div.project-edit .contentbody-right .articleindex{
/*    max-height: 400px;*/
/*    overflow-y: auto;*/
    border-top: 1px solid #BABFC4;
    border-bottom: 1px solid #BABFC4;
}
div.announce-all-team{
    background: url("icon_thread_team_all.png") no-repeat scroll 5px 4px transparent;
    padding-left: 26px;
}

div.hilitearticle div.announce-all-team{
 background-image: url("icon_thread_team_all1.png")
}

table.stdlist td.zipmhtdownload div{
    padding-left: 270px;
}

/*成績登録*/
.grade-edit dl{
    padding: 10px;
}
.grade-edit dl dt{
    font-weight: bold;
    margin-bottom: 5px;
}
.grade-edit dd{
    padding-bottom: 10px;
   padding-left: 20px;
}
.grade-edit dd img{
margin-right:3px;
}
.grade-edit dd input{
margin-left:0;
}
.grade-edit dd:first-child{
padding-left:3px;
}
.grade-edit-status{
    border-color: #BABFC4;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 5px;
    text-align: center;
}
.grade-edit  p{
padding-top:5px;
}


/*アンケート・小テストのコメント*/
.queryadm .pagecomcontainer, .querycollection .pagecomcontainer,
.homecollection .pagecomcontainer{
width:621px;
padding-top:20px;
}
.queryadm .pagecomcontainer{
    padding-left: 20px;
}
.queryadm .pagecomicon{
    padding-left: 20px;
}
.queryadm #pagecomform {
    padding-left: 40px;

}
.queryadmV3 #pagecomform{
   clear:both;
}
.queryadmV3 #pagecomform,
.queryadmV3 .pagecomicon,
.queryadmV3 .pagecomcontainer
{
  padding-left:0;
}



/*過去のコース これからのコース*/
.my-infolist-mypastcourses .section .coursecard{
border-color:#D1C0A5;
}
.my-infolist-mycourses .section .coursecard-r,
.my-infolist-mycourses .section .coursecard-a{
border-color:#D1C0A5 !important;
}
.my-infolist-mycourses .section .coursecard-b{
border-color: #74C2EF !important;
}



/*コースコメント*/
.homecollection .coursecomment-container{
    border: 1px solid #99CF3E;
    margin-bottom: 10px;
}

.homecollection .coursecomment-header{
    background-color: #E9FBD1;
    border-bottom: 1px solid #99CF3E;
    min-height: 30px;
    position: relative;
}
.homecollection .coursecomment-header h3{
    background: url("icon_h3_collcoment.png") no-repeat scroll 6px 3px transparent;
    border-left: medium none;
    font-size: 14px;
    margin-bottom: 0;
    padding: 3px 120px 5px 30px;
    min-height: 16px;
    margin-top: 0;
}

.homecollection .coursecomment-header .commtype{
    font-size: 100%;
    position: absolute;
    right: 10px;
    top: 3px;
}
.homecollection .coursecomment-header .commtype span{
    background-color: #FFFFFF;
    border-radius: 3px 3px 3px 3px;
    color: #2E7C40;
    display: inline-block;
    line-height: 20px;
    padding: 1px 0;
    text-align: center;
    width: 90px;
}

.homecollection div.coursecomment-body{
    padding: 10px;
}
.homecollection div.coursecomment-text{
padding-left:30px;
}
.homecollection .coursecomment-body .coursecomment-info{
    border-top: 1px dotted #C8C8C8;
    margin-top: 10px;
    padding-top: 5px;
  text-align: right;
}
.homecollection .queryv4 .articletext{
max-height: none;
overflow-y: visible;
}

/*削除されたコメント*/
.homecollection .coursecomment-deleated{
border-color: #B9B9B9;
}
.homecollection .coursecomment-deleated .coursecomment-header{
    background-color: #EEEEEE;
    border-bottom: medium none;
    color: #5A5A5A;
    min-height: auto;
}
.homecollection .coursecomment-deleated .coursecomment-header h3{
       background-image: none;
    font-size: 100%;
    min-height: auto;
}
.homecollection .coursecomment-deleated .coursecomment-body{
display:none;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		プルダウンメニュー用
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
/* 親divのoverflow:hidden対策 */
.pulldown-menu {
  overflow: visible !important;
}

/* リストの全体 */
.pulldown-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
/*
  position: absolute;
*/
}

/* 1段目 */
.pulldown-menu ul li {
  float: left;
  white-space: nowrap;
  margin-left: 3px;
/*
  position: absolute;
*/
  width: 20px;
  height: 20px;
}

/* 2段目(プルダウンリスト) */
.pulldown-menu ul ul {
  display: none;
  position:relative;
  top: 20px;
  right: 150px;
  z-index: 1000 !important;
  width: 200px;

border-radius:5px;
border:1px solid #A1A5A9;
    overflow: hidden;
}

/* 2段目(プルダウンリスト項目) */
.pulldown-menu li li {
  clear: left;
  position: relative;
  width: 200px;
  height: 30px;
  margin-left: 0;
}

/* 1段目メニューのマウスオーバー時に
　 プルダウンリストを表示 */
/* マウスクリック時にプルダウンリストを表示に変更のため削除
.pulldown-menu ul li:hover > ul {
  display: block;
  z-index: 1000 !important;
}
*/

/* マウスオーバー時の文字色 */
.pulldown-menu li a:hover,
.pulldown-menu ul ul li:hover {
 color: #4C85E4;
}



/* 1段目のメニュー文字 */
.pulldown-menu ul a {
  font-size: 13px;
  line-height:15px;
  color: #2449A8;
  text-decoration: none;
  text-align: center;
  background-color: #ffffff;
  display: block;
  position: absolute;
}

/* 2段目のプルダウンリストの文字 */
.pulldown-menu ul ul a,
.pulldown-menu ul ul div {
  line-height: 1;
  text-align: left;

  border-bottom: solid 1px #E3E5E7;
  border-top: solid 1px #E3E5E7;
  color: #2449A8;
  background-color: #ffffff;
  position: relative;
  padding: 5px 10px;
  /*width: 200px;*/
}
.pulldown-menu ul ul li:first-child a,
.pulldown-menu ul ul li:first-child div {
border-top:medium none;
}
.pulldown-menu ul ul li:first-child  a,
.pulldown-menu ul ul li:first-child  div{
border-radius:5px 5px 0 0;
}
.pulldown-menu ul ul li:last-child a,
.pulldown-menu ul ul li:last-child,
.pulldown-menu ul ul li:last-child div{
border-radius:0 0 5px 5px;
}

.pulldown-menu li li img, .pulldown-menu li li input {
  vertical-align: middle !important;
}

.pulldown-menu ul ul label {
  padding-right: 100px;
  font-size: 13px;
cursor:pointer;
}
/*hover背景色*/
.pulldown-menu ul ul a:hover,
.pulldown-menu ul ul div:hover {
background-color:#EFFBFF !important;
}

.pulldown-menu ul ul label:hover {
 color: #4C85E4;
}
.thread-title,
.ellipsis-title{
   cursor: pointer;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 400px;
}
.ellipsis-title{
  width:auto;
}

.codicil {
    font-size:90%;
    color: #333;
}
.pulldown-menu-center ul li {
    float: none;
    margin: 0 auto;
}



/*マニュアルリンク*/
.pagefooter .footer-manual-link{
    position: absolute;
    left: 260px;
    text-align: right;
    top: 10px;
}
div.tpanel_frame .drawable {
    background-color: #FFFFFF;
    text-align: left;
    width: auto;
}
.manual .explicithelp-pdf{
    padding-top: 20px;
color: #666666;
}
.manual  .pagebody ul {
    line-height: 1.3;

}
.manual .pagebody .contentbody-s ul li{
    border-bottom: 1px solid #DDDDDD;
    list-style: none outside none;
    height: 22px;
    padding: 6px 0 0 20px;
}
.manual .pagebody .contentbody-s ul li span,
.manual .pagebody .contentbody-s ul li img{
padding-right:10px;
}

/* inported collection*/
.homecollection .contentbody-left .mycollection .pageattachments{
    border-bottom: medium none;
    border-top: 1px dotted #BFBFBF !important;
    margin: 16px 0 0;
    padding-top: 0;
}

.homecollection .contentbody-left .mycollection h1,
.homecollection .contentbody-left .gradecollection h1,
.homecollection .contentbody-left .formreport-collection h1{
   padding: 2px 2px 2px 15px;
}
.formreport-collection .pageattachments ul li{
    min-height: auto;
 padding-left: 15px;
    padding-top: 0px;
}
.homecollection .coursecomment-body .pageattachments {
    border-bottom: medium none;
}
.homecollection .coursecomment-body .pageattachments ul{
    padding-bottom:0;
}
.homecollection .drawable{
width:auto;
}

/*attend css*/
ul.attend-card-view {
display: inline-block;
height: 30px;
margin: 0 0 0 1px;
padding-left: 59px;
width: 100%;
}

.attend-card-open ul.attend-card-view {
background: url("bg_attend-card-view-open.gif") no-repeat 0 0;
}

ul.attend-card-view li {
float: left;
margin-left: 0;
margin-right: 10px;
position: relative;
}
body ul.attend-card-view li {
list-style: none outside none;
}
body ul.attend-card-view li span {
color: #666666;
display: block;
left: 93px;
position: absolute;
top: 7px;
}

.attend-card-list {
width: 660px;
margin: 0 auto;
padding: 10px 0 20px;
}

.attend-card-open h2, .attend-card-closed h2 {
color: #666666 !important;
font-size: 110%;
border-left: 5px solid #6FC2F1;
margin-bottom: 20px;
padding-left: 7px;
}


.attend-card-open h2 {
border-color: #6FC2F1;
}

div.button-h1-right {
position: relative;
float: right;
text-align: right;
margin: 0 0 0 0;
right: 4px;
}

.attend-status-a {
border-color: #6FC2F1;
}
.attend-card {
border-style: solid;
border-width: 1px;
margin: 0 0 10px 0;
background: url("bg_attend-card.gif") repeat scroll 0 0 transparent;
}
.attend-card .attend-card-info {
float: left;
min-height: 110px;
width: 470px;
position: relative;
}

.attend-card .attend-card-type {
height: 18px;
position: absolute;
right: 5px;
top: 3px;
width: 62px;
}
.attend-card .attend-card-type-anonymous{
    text-align: right;
    width: 150px;
}
.attend-card .attend-card-type-anonymous img{
    vertical-align: middle;
}
span.atttype-anonymous{
    background: #635d50 none repeat scroll 0 0;
    border-radius: 2px;
    color: #fff;
    font-size: 10.5px;
    line-height: 1em;
    margin-right: 3px;
    padding: 2px 7px;
    vertical-align: middle;
}


.attend-status-a span.attend-number {
background-color: #6FC2F1;
}
span.attend-number {
background-color: #74C2EF;
color: #FFFFFF;
font-weight: bold;
height: 20px;
line-height: 20px;
padding: 2px 1px;
position: absolute;
text-align: center;
width: 35px;
}

.attend-card .attend-card-title {
background: url("bg_attend-card-open_h3.gif") repeat scroll 0 0 transparent;
color: #666666;
line-height: 24px;
padding: 0 67px 0 43px;
display: inline-block;
height: 24px !important;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: middle;
white-space: nowrap;
width: 360px;
}


.attend-card .attend-card-info table {
  border-bottom: 1px dotted #AAAAAA;
  border-collapse: collapse;
  color: #666666;
  margin: 7px 0 0 40px;
  width: 420px;
}

body.respon6 .attend-card .attend-card-info table {
  border-bottom: none;
}

.attend-card .attend-card-info table {
border-collapse: collapse;
color: #666666;
}


.attend-card .attend-card-info table th {
width: 5em;
}

.attend-card .attend-card-info table td {
padding-bottom: 4px;
}


.attend-card .attend-card-number {
font-size: 18px;
}

.attend-card .attend-card-number .attend-card-subcount {
font-size: 12px;
}

.attend-card .attend-card-memo {
background: url("icon_attend_memo-on.gif") no-repeat scroll 0 3px transparent;
color: #33AEE9;
margin-left: 40px;
padding: 3px 30px 3px 20px;
}

.attend-card .attend-card-menu {
background-color: #F8F8F8;
float: left;
min-height: 80px;
padding-top: 30px;
text-align: center;
width: 188px;
}

.attend-card .attend-card-button, .stdlist-attendlist .attend-card-button {
background-color: #FFFFFF;
border: 1px solid #CCCCCC;
color: #556FB5;
display: inline-block;
font-size: 12px;
height: 16px;
margin-bottom: 5px;
padding: 4px 6px;
}

.attend-status-e .attend-card-memo {
color: #666666;
background-image: url("icon_attend_memo-closed.gif");
}

.attend-card .attend-card-memo-off {
background-image: url("icon_attend_memo-off.gif");
height: 17px;
}

.attend-query-edit {
background: none repeat scroll 0 0 transparent;
margin: 15px auto;
width: 658px;
}

.attend-query-edit .attend-query-edit-body {
padding: 0 30px 20px 60px;
}


.attend-query-edit .attend-query-edit-body p {
padding: 15px 0;
}


.attend-query-edit .attend-card-info {
width: 658px;
}

.attend-query-edit .attend-card-title {
width: 548px;
}

.attend-query-edit .attend-query-edit-form {
position: relative;
padding-bottom: 10px;
}



.attend-query-edit .attend-card-info table {
background-color: #F5F5F5;
border-bottom: 0 none;
margin-left: 0;
width: 100%;
color: #3C3C3C;
}

.attend-card-bulksurvey .attend-card-menu,
.attend-card-bulksurvey .attend-card-info{
   padding-bottom:10px;
}

.attend-card-bulksurvey .attend-query-edit-form-editable table {
   background-color:#ECFCD7;
}

.attend-query-edit .attend-card-info table th {
padding-bottom: 10px;
padding-left: 10px;
padding-top: 5px;
width: 100px;
}

.attend-query-edit .attend-card-info table h3 {
color: #0a95d7;
font-weight: bold;
font-size: 16px;}


.attend-query-edit input.attend-query-delete {
position: absolute;
right: 5px;
top: 8px;
}
.attend-query-edit .attend-query-edit-footer {
background-color: #F5F5F5;
padding: 10px;
text-align: center;
}
.attend-query-edit .attend-card-info table td {
padding-bottom: 10px;
padding-top: 5px;
}

.attend-query-edit .attend-card-info table input.querytitle, .attend-query-edit .attend-card-info table textarea {
background-color: #FFFFFF;
width: 280px;
margin-left: 0;
}

.attend-card-open .button-h1-right,.attend-card-closed .button-h1-right  {
top: 0; !important
right: 20px;
text-align: right;
font-weight:normal;
}

.attend-card-closed ul.attend-card-view {
background: url("bg_attend-card-view-closed.gif") no-repeat 0 0;
}

.attend-card-closed h2 {
border-color: #FBB372;
}

.attend-status-e {
border-color: #FBB372;
background-color: #ffffff;
width: auto;
clear: both;
min-height: 0;
position:relative;
}

.attend-status-e span.attend-number {
background-color: #FBB372;
}
.attend-status-e .attend-card-title {
background: url("bg_attend-card-closed_h3.gif") repeat scroll 0 0 transparent;
}

.attend-status-e .attend-card-info table {
height: 58px;
}

.attend-status-e .attend-card-number {
color: #666666;
}
.dm-panel .attend-status-e .attend-card-number {
 color: #EC683F;
}


.attend-card-period {
color: #EC683F;
}
.dm-panel .attend-status-e .attend-card-info table {
height:auto;
}
.attend-card .attend-card-info b {
font-size: 120%;
}
span.attend-delete {
bottom: 1px;
position: absolute;
right: 4px;
vertical-align: text-top;
display:block;
width:20px;
height:24px;
}

/*総合出席表*/
div.attend-card-result-list .attend-card{
 width: 600px;
   margin-bottom:0;
}
 div.attend-card-result-list .attend-card .attend-card-title a{
    color: #666666;
    text-decoration: underline;
}
 div.attend-card-result-list .attend-card .attend-card-type{
    color: #666666;
    width: auto;
}


 div.attend-card-result-list .attend-card .attend-card-info table{
    height: auto;
    margin-left:0;
    width: auto;
   margin-top:0;
}

 div.attend-card-result-list .attend-card .attend-card-info table th{
    font-size: 11px;
    text-align: right;
    width: 45px;
   padding-right:3px
}
 div.attend-card-result-list .attend-card .attend-card-info table  .attend-card-memo{
 margin-left:0;
}

 div.attend-card-result-list .attend-card .attend-card-info table th p{
   color:#999999;
}

/*respon-card*/
.respon-card-open div, .respon-card-closed div, 
.respon-card-open h2,.respon-card-closed h2,
.respon-card-open .attend-card .attend-card-info table{
   color: #453E30;
}

.respon-card-open a:link,
.respon-card-closed a:link,
.respon-card-open a:visited,
.respon-card-closed a:visited,
.attend-qr-respon #attend-qr-content  a{
 color:#009AF3;
}

.respon-card-open h2{
  border-color:#f08200;
}
.respon-card-open .attend-status-a{
   border-color:#F3B200;
}
.respon-card-open .attend-status-a span.attend-number{
   background-color:#F3B200;
}

.respon-card-open  .attend-card .attend-card-title{
   background-image:url(bg_respon-card-open_h3.gif);
}
.respon-card-open ul.attend-card-view{
  background-image:url(bg_respon-card-view-open.gif);
}
.respon-card-closed ul.attend-card-view{
  background-image:url(bg_respon-card-view-closed.gif);
}

.respon-card-closed h2,
.respon-card-closed .attend-status-e{
   border-color:#949494;
}
.respon-card-closed .attend-status-e span.attend-number{
   background-color:#949494;
}

.respon-card-closed  .attend-card .attend-card-title{
   background-image:url(bg_respon-card-closed_h3.gif);
}
body.respon6 .respon-card-closed  .attend-card .attend-card-title {
   background-color: #f1f1f1;
   background-image: none;
}
body.respon6 .respon-card-closed  .attend-card .attedited {
   background-color: #fff2c1 ! important;
}
.respon-card-closed ul.attend-card-view{
  background-image:url(bg_respon-card-view-closed.gif);
}
div.respon-alert{
  background-color: #ffe9ce;
  color: #F08200;
  font-weight: bold;
  padding: 5px 10px;
}
div.respon-alert-hidden {
  background-color: #ffe9ce;
  color: #F08200;
  font-weight: bold;
  padding: 5px 10px;
  display: none;
}

.dm-panel-body .notice {
line-height: 19px;
color: rgb(236,104,63);
margin-bottom:10px;
}
.msg.dm-panel .dm-panel-body .attend-card .attend-card-info table tbody tr td h3 {
	color: rgb(236,104,63);
}
.msg.dm-panel .attend-card{
	height: 60px;
}

.msg.dm-panel .attend-card .attend-card-info,
div.attend-card-result-list .attend-card-info{
	width: 590px;
	min-height: 60px;
}
.msg.dm-panel .attend-card .attend-card-title,
div.attend-card-result-list .attend-card .attend-card-title{
	width: 490px;
}
.msg.dm-panel .attend-card,
div.attend-card-result-list  .attend-card{
	
	background: none repeat scroll 0 0 #fff;
}
.attend-panel .dm-panel-body ul{
	line-height: 1.3;
	margin-top: 0.5em;
	margin-left: 4px;
	color: black;

	padding-left: 8px;
}

.attend-panel .dm-panel-body ul li{
	padding-bottom:5px;
	margin-left:4px;
	list-style: outside url(marker-diamond1.gif);
}

.attend-panel .dm-panel-body h3.dmpanel-title{
      margin-top:10px;
}

.attend-card-closed .attend-card-edit-menu,
.attend-card-result-list .attend-card-edit-menu{
    padding-bottom: 5px;
    text-align: right;
}
.attend-card-closed .attend-card-edit-order a:hover {
    background-color: #D2ECF9;
    text-decoration: none;
}
.attend-card-closed .attend-card-edit-order a.selected,
.collectionlist-order a.selected{
    background-color: #D2ECF9;
}
.attend-card-closed .attend-card-edit-menu a,
.attend-card-result-list  .attend-card-edit-menu a{
    margin-right: 5px;
}
.dm-panel .attend-status-e .attend-card-info table,
.dm-panel .attend-status-a .attend-card-info table,
div.attend-card-result-list   .attend-card .attend-card-info table
{
border-bottom:medium none;
}

/*速報-------*/

#sokuhou-content{
    margin: 0 auto;
    position: relative;
    width: 1000px;
margin:0 auto;
}
#sokuhou-header {
    background: url("bg_sokuhou_header.gif") repeat scroll 0 0 transparent;
    height: 120px;
}

#sokuhou-pagebody {
    background: url("bg_sokuhou_body.gif") repeat scroll 0 0 transparent;
    height: 565px;
    padding: 10px 10px 10px;
}
#sokuhou-footer {
    background: url("bg_sokuhou_footer.gif") no-repeat scroll 0 0 transparent;
    border-width: 0 1px;
    display: block;
    height: 30px;
    margin: auto;
    padding-top: 10px;
    text-align: center;
    width: 1000px;
}

/*速報(respon風)-------*/
.sokuhou-respon#sokuhou-content{
 color:#453e30;
}
.sokuhou-respon .attend-card-number{
    background-color: #face20;
    border-radius: 15px;
    color: #453e30;
    display: inline-block;
    font-weight: normal;
    margin-right: 15px;
    padding: 0 20px;
}
.sokuhou-respon #sokuhou-header {
    background-image: url("bg_sokuhou_header_respon.gif");
}

.sokuhou-respon #sokuhou-pagebody {
    background-image: url("bg_sokuhou_body_respon.gif");
}
.sokuhou-respon #sokuhou-footer {
    background-image: url("bg_sokuhou_footer_respon.gif");
}
.sokuhou-respon #sokuhou-header .attend-info .attend-receiptnum{
   top:5px;
}

.sokuhou-respon #sokuhou-header .attend-info .attend-receiptnum span{
   font-size:32px;
}

.sokuhou-responV2 .attend-info .attend-state {
 right: 30px ! important;
}

/*------------------------------------
#header .course-info
------------------------------------ */
#sokuhou-header .course-info{
    height: 60px;
    position: relative;
}

#sokuhou-header .course-info .attend-cardnum{
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    height: 32px;
    left: 0;
    padding: 20px 21px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 47px;
}

#sokuhou-header .course-info .course-name{
    display: block;
    font-size: 35px;
    left: 90px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 15px;
    white-space: nowrap;
    width: 600px;
}

#sokuhou-header  .course-info .course-name .course-code{
    font-size: 22px;
    display: inline-block;
    padding-right: 15px;
}


#sokuhou-header .course-info .course-date{
    font-size: 15px;
    height: 10px;
    left: 700px;
    padding-left: 10px;
    position: absolute;
    top: 15px;
    width: 280px;
}

#sokuhou-header  .course-info .course-date span, span.course-student-num{
    display: inline-block;
    padding-right: 10px;
}

#sokuhou-header .course-info .course-teacher{
    font-size: 15px;
    left: 700px;
    overflow: hidden;
    padding-left: 10px;
    position: absolute;
    text-overflow: ellipsis;
    top: 35px;
    white-space: nowrap;
    width: 250px;
}

#sokuhou-header  .course-info .course-date span.lectureinfo-text{
width:100px;
}
#sokuhou-content .sokuhou-header-en  .course-info .course-date span.lectureinfo-text{
width:95px;
}
#sokuhou-content .sokuhou-header-en .course-info .course-date span, span.course-student-num{
padding-right:2px;
}


/*------------------------------------
#header .attend-info
------------------------------------ */

#sokuhou-header  .attend-info{
   height: 60px;
   position: relative;
}

#sokuhou-header .attend-info .attend-receiptnum{
   font-size: 22px;
    left: 90px;
    position: absolute;
    top: 1px;
    width: 300px;
}
#sokuhou-header .attend-info .attend-receiptnum span{
    font-size: 40px;
}

#sokuhou-header .attend-info .attend-state {
    background: url("/icon_attend_on-ja.gif") repeat scroll 0 0 transparent;
    font-size: 30px;
    height: 28px;
    left: 450px;
    position: absolute;
    text-indent: -9999px;
    top: 12px;
    width: 65px;
}
#sokuhou-header .attend-info .attend-state-a{
    color: red;
}
#sokuhou-header .attend-info .attend-state-a-en{
    background: url("/icon_attend_on-en.gif") repeat scroll 0 0 transparent;
    color: red;
}


#sokuhou-header .attend-info .attend-animation{
    width: 50px;
    font-size: 30px;
    position: absolute;
    top: 10px;
    left: 600px;
}
#sokuhou-header  .attend-result-url{
    background-color: #EFEFEF;
    border: 2px solid #B3B3B3;
    border-radius: 5px 5px 5px 5px;
    font-size: 22px;
    left: 530px;
    max-width: 310px;
    padding: 2px 10px;
    position: absolute;
    top: 7px;
}
#sokuhou-header .attend-infoV2 .attend-state{
    top: 12px;
    right: 166px;
    left: auto;
}
#sokuhou-header .attend-infoV2  .attend-result-url{
    background-color: #F6FFE2;
    font-size: 26px;
    padding: 0 10px;
    right: 296px;
    top: 8px;
    left: auto;
}
#sokuhou-header .attend-infoV2 .attend-result-urlV2 {
    font-size: 25px;
    max-width: 355px;
    right: 255px;
}

/*------------------------------------
attend-end-button
------------------------------------ */
#sokuhou-header  .attend-end-button{
    height: 34px;
    position: absolute;
    right: 30px;
    top: 69px;
    width: 112px;

}

/*------------------------------------
#footer
------------------------------------ */
#sokuhou-footer .footer-info{
    display:inline-block;
    padding: 5px 0;
}
/*------------------------------------
sokuhou-end
------------------------------------ */
.sokuhou-content-close #sokuhou-header{
    background-image: url("bg_sokuhou_header-close.gif");
}

.sokuhou-content-close #sokuhou-header .attend-info .attend-state{
    background-image: url("icon_attend_off-ja.gif");
    width: 80px;
}
.sokuhou-content-close #sokuhou-header .attend-info .attend-state-e-en{
    background-image: url("icon_attend_off-en.gif");
    width: 80px;
}


.sokuhou-content-close #sokuhou-pagebody {
    background-image: url("bg_sokuhou_body-close.gif");
}
.sokuhou-content-close  #sokuhou-footer{
    background-image: url("bg_sokuhou_footer-close.gif");
}

/* respon closed*/
.sokuhou-respon-close #sokuhou-header{
    background-image: url("bg_sokuhou_header_respon_closed.gif");
}
.sokuhou-respon-close #sokuhou-pagebody {
    background-image: url("bg_sokuhou_body_respon_closed.gif");
}
.sokuhou-respon-close  #sokuhou-footer{
    background-image: url("bg_sokuhou_footer_respon_closed.gif");
}


/*------------------------------------
attend-qr
------------------------------------ */
#attend-qr-content{
    margin: 0 auto 0 -20px;
    position: relative;
    width: 700px;
}
#attend-qr-content #attend-qr-header{
    background: url("bg_attend_qr_header.gif") repeat scroll 0 0 transparent;
    min-height: 48px;
}
#attend-qr-content #attend-qr-body{
    background: url("bg_attend_qr_body.gif") no-repeat scroll 0 0 transparent;
    font-size: 18px;
    padding: 30px 10px 10px;
    text-align: center;
}
#attend-qr-content #attend-qr-footer{
background: url("bg_attend_qr_footer.gif") no-repeat scroll 0 0 transparent;
    height: 30px;
    padding-top:10px;
    text-align: center;
}
#attend-qr-content #attend-qr-body .attend-card-memo{
	font-size: 200%;
	line-height: 1.1;
}
#attend-qr-header .course-info{

}
#attend-qr-header .attend-cardnum{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    height: 28px;
    left: 0;
    padding: 18px 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 47px;
}
#attend-qr-header .course-name{
    font-size: 16px;
    font-weight: bold;
    padding: 20px 355px 0 61px;
}
#attend-qr-header .course-name .course-code{

}
#attend-qr-header .course-date-teacher{
    left: 355px;
    position: absolute;
    top: 20px;
}
#myattend{
    height: 22px;
    position: absolute;
    right: 100px;
    top: 75px;
}
div.tpanel_frame .attend-panel-preview{
padding-top:0;
}

.attend-course-info{
    border: 1px solid #6FC2F1;
    box-shadow: 1px 1px 1px #D9D9D9;
    margin: 0 auto 15px;
    padding-bottom: 10px;
    text-align: center;
    width: 300px;
}
.attend-course-info h3 {
    background: url("bg_attend-card-open_h3.gif") repeat scroll 0 0 transparent;
    height: auto !important;
    line-height: 25px;
    margin-bottom: 10px;
    min-height: 25px;
    overflow: hidden;
    padding: 2px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 290px;
   color: #3C3C3C;
}



.attend-panel-preview .dm-panel-header{
    background-color:#EEEEEE;
    padding: 20px 20px 10px;
 border-radius: 5px 5px 0 0;
    text-align: center;
}
div.tpanel_frame .attend-panel-preview .dm-panel-body{
padding-top:20px;
}
div.tpanel_frame .attend-panel-preview div#forminsert {

}

.attend-panel-preview div#forminsert h3 {
    font-weight: bold;
    margin: 0 auto;
    width: 280px;
    color: #449900;
    padding-bottom: 5px;
}
.attend-panel-preview  table.surveytable {
    margin: 0 auto;
    width: 280px;
}

.attend-panel-preview tr.free-survey-textarea textarea {
    height: 70px;
    width: 280px;
}
.home-attend-form {
   margin-bottom:10px;
}
.home-attend-form input {
 height: auto;
}

.stdlist tr.not-attend td{
background-color:#EBEDEF;
    color: #5A5A5A;
}
.stdlist tr.attend-hiliterow td{
background-color:#D5F2FF;
}

/*attend css end*/
/*qrcode*/
.login .login-footerV2 #copyright{
display: none;
}

.login div.login-footerV2 #notice{
position: static;
color: #5A5A5A;
}
.login div.login-footerV2 .keitai_code img{
 padding-top: 2px;
}
.login .login-footerV2 .notice-bata #systemversion{
     color: #5A5A5A;
    font-size: 12px;
    right: 5px;
    top: 48px;
}
div.non-flashplayer ul{
padding-bottom:0;
}
.stdlist div.non-flashplayer ul{
 margin-left: 30px;
}
/*lecture-info*/
span.lectureinfo-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
display: block;
}
.pageheader-courseV2  .mediasite,
.pageheader-courseV2  .extlink{
    font-family: verdana;
    font-size: 13px;
    left: 634px;
    position: absolute;
    right: 250px;
    top: 33px;
}
.pageheader-courseV2  .mediasite-student,
.pageheader-courseV2  .extlink-student{
    top: 9px;
}

.coursecard   .mediasite, .coursecard   .extlink{
    bottom: 8px;
    left: 80px;
    position: absolute;
    font-family: verdana;
    font-size: 13px;
}
/*course link*/
.coursecard div.courselink-state {
    color: #FF6600;
    font-size: 11px;
    font-weight: bold;
    height: 20px;
    left: 11px;
    position: absolute;
    top: 72px;
    width: 100px;
}
.coursecardV2 div.courselink-state {
    width: 60px;
    text-align: center;
}
.section .studentstatus-h{
    border-color: #999999 !important;
}
div.coursecard div.coursestatus-h {
    bottom: 5px;
    color: #666666;
    font-size: 11px;
    font-weight: bold;
    position: absolute;
    right: 6px;
}
.section .studentstatus-h .course-card-status{
display:none;
}
div.coursecard div.coursestatus-hV2 {
    bottom: auto;
    left: 10px;
    line-height: 1.3em;
    right: auto;
    top: 70px;
}
.pageheader-course .inactive_message{
    color: #666666;
     left: 95px;;
     position:absolute;
     top: 30px;
}
.pageheader-course .courseheader-courselinklist {
    background: url("courselinklist-off.gif") no-repeat scroll 3px 1px rgba(0, 0, 0, 0);
    color: #556FB5;
    cursor: pointer;
    font-size: 9pt;
    height: 20px;
    left: 766px;
    padding-left: 21px;
    position: relative;
    right: 100px;
    top: 50px;
    width: 9em;
}
.pageheader-course-en .courseheader-courselinklist {
    width: 12em;
}
.pageheader-course .pageheader-courselink-state .courseheader-courselinklist {
    top: 45px ! important;
    left: 90px ! important;
}

.pageheader-course .courseheader-courselinklist-selected {
    background: url("courselinklist-on.gif") no-repeat scroll 3px 1px rgba(0, 0, 0, 0);
}
.pageheader-course .courseheader-courselinklist-detail,
.pageheader-course .courseheader-courselinklist-detail-wide,
.dm-panel .courseheader-courselinklist-detail {
    background-color: #FFFFFF;
    border: 1px solid #FF6600;
    color: #666666;
    display: none;
    font-size: 9pt;
    height: auto !important;
    min-height: 50px;
    position: absolute;
    top: 66px;
    z-index: 1000 !important;
}
.dm-panel .courseheader-courselinklist-detail {
  display:block;
  position: static;
}
.pageheader-course .courseheader-courselinklist-detail {
    left: 466px;
    width: 460px;
}
.pageheader-course .pageheader-courselink-state .courseheader-courselinklist-detail {
    left: 93px;
    top: 61px;
}
.pageheader-course .courseheader-courselinklist-detail-wide {
    left: 326px;
    width: 600px;
}
.pageheader-course .pageheader-courselink-state .courseheader-courselinklist-detail-wide {
    left: 93px;
    top: 61px;
}
.courseheader-courselinklist-detail th,
.courseheader-courselinklist-detail-wide th {
    border-bottom: 1px dotted #A6A6A6;
    color: #666666;
    font-weight: bold;
    vertical-align: top;
}
.courseheader-courselinklist-detail-wide th,
.courseheader-courselinklist-detail-wide td{
  padding:0 4px;
}

.courseheader-courselinklist-detail tr:last-child th,
.courseheader-courselinklist-detail-wide tr:last-child th {
   border-bottom:medium none;
}
.courselinklist {
    background-color: #F2F9FC;
    border: 1px solid #A6A6A6;
    padding: 10px 20px;
    border-radius: 4px 4px 4px 4px;
}

.courselinklist table.layout th.top, .courseboundlist-select .layout th.top{
    background-color: #CDF69D;
    border-bottom: 1px solid #CCCCCC;
    color: #666666;
    font-weight: normal;
    text-align: left;
    padding: 2px 5px;
}
.courselinklist h2,  .courseboundlist-select  h2{
  color:#0051AD;
}
.courselinklist table.layout td{
    background-color: #FFFFFF;
    border-bottom: 1px solid #A6A6A6;
   padding-left:5px;
}
.courselinklist input, .courseboundlist-select input{
margin:0 4px;
}


/*uponet*/
.tpanel_frame ul.uponet-contents li{
 list-style:none;
}

.msg ul.upolist li {
    list-style: none outside none;
}
ul.upolist li div.uponetcategory {
    background: url("marker-diamond1.gif") no-repeat scroll 0 5px rgba(0, 0, 0, 0);
    padding-left: 15px;
}



/*collection-edit*/
div.collectionedit .editbox2c110  .editbuffer_htmltabrow{
    width: 612px;
}
div.collectionedit .editbox2c110 .editbuffer_htmltab_vspacer, div.collectionedit .editbox2c110 .htmlpanel{
    width: 610px;
}
div.collectionedit  .editbox2c110 .plainformtorich,
div.collectionedit  .editbox2c110 .tabph1, 
div.collectionedit  .editbox2c110 .tabph1 .tabtext{
    width: 383px;
}
div.collectionedit  #CollData_iframe {
    height: 300px;
    width: 608px;
}


/*header mybutton-menu*/

#header  #mybutton-menu{
    display: block;
    position: absolute;
    right: 97px;
    text-align: right;
    top: 75px;
}
#header  #mybutton-menu a{
    display: block;
    float: right;
    margin-left: 5px;
}
#header  #mybutton-menu a img{
}

#header  #mybutton-menu form{
    display: inline;
}
#header  #header-common-message{
    position:absolute;
    top:24px;
    right:190px;
    color:#FF0044
}


/*   memo  */
.pagebody .memo, .tpanel_frame .memo{
color: #1A1A1A;
float:none;
width:auto;
min-height:19px;
}

.my-course .memo{
    float: none;
    margin: -10px auto 10px;
    width: 906px;
}
.my-courseV2 .memo{
    margin-top: 0;
    width: auto;
    padding-right: 15px;
   margin-bottom: 15px;
}

.contentobody-l .memo{
   /* width: 788px;*/
}
.contentobody-s .memo{
   /* width: 668px;*/
}
.course .content-body .memo{
 /*width:896px;*/

}
.contentbody-s-700 .memo{
   /* width: 688px;*/
}

div.memolist{
 position: relative; 
 padding: 0;
}
div.memolist .memo_text{
    color: #666666;
    height: 8ex;
    overflow-y: auto;
    padding: 5px 10px;
    text-decoration: none;
    width: 500px;
}

div.coursecollection .contentbody-left .memo,
div.homecollection .contentbody-left .memo,
div.contents .contentbody-left .memo{
   /* width: 609px;*/
}
.thread div.articlebody .memo{
 /*width:618px*/

}
.thread-tree .msgcontainerbody .articlebody .memo{

}
/*explanation*/
.manaba-explanation{
    background: url("/icon-grade-teacher-s.png") no-repeat scroll 3px 2px #F8F8F8;
  /*  border: 1px solid #BABFC4;*/
   font-weight:normal;
    border-radius: 5px;
    color: #005DC6;
    margin: 2px 2px 5px;
    padding: 2px 5px 2px 20px;
}
.rteditor .manaba-explanation{
    background-color: #FEFFD4;
    border-radius: 0;
    margin: 3px 2px;
    padding: 0 4px 0 20px;
   color:#1A1A1A;
}


/* coursemember excel button*/

ul.straight-coursemember li{
    display: inline;
    vertical-align: middle;
float: none;
}

.ssobanner-link {
    padding: 0 15px;
    text-align: right;
}
/*admin statuslist*/
 #admin table.admin-statuslist tr td, #admin table.admin-statuslist tr th{
   border-bottom: 1px solid #CC6666;
}
#admin table.admin-statuslist tr th{
   padding-left:20px;
   text-align:left;
}
 #admin table.admin-statuslist tr td{
 text-align:center;
}
 #admin table.admin-statuslist tr td.number{
    font-size: 110%;
    padding-right: 20px;
    text-align: right;
}

#admin table.admin-statuslist tr.title{
     border-bottom: 2px solid #CC6666;
     text-align:center;
}
#admin table.admin-statuslist tr.title th{
     text-align:center;
     padding:3px;
}

/*scorm box*/
.scormbox,
.ltibox{
    border: 2px solid #9ECF4C;
    border-radius: 5px;
    margin: 0 auto;
    text-align: center;
    width: 300px;
}
.scormbox-header,
.ltibox-header{
background: none repeat scroll 0 0 #ECFCD7;
border-radius: 5px 5px 0 0; 
padding:5px;
}
.scormbox-body,
.ltibox-body{
padding:10px;
}
.scormbox input.scorm-submitbutton,
.ltibox input.scorm-submitbutton{
background-color: #F2F2F2; 
cursor: pointer;border: 2px solid #B3B3B3;
border-radius: 5px; font-size: 15px;
 padding: 5px 20px;height:auto
}

/*course news*/
table.stdlist ul.newsstatus-c li{
 color:#ff0000;
}
table.stdlist ul.newsstatus-b li,
table.stdlist ul.newsstatus-a li{
 color:#999999;
}

/*explanation*/
.stdlist td.word-break{
word-break: break-word;
}
/* error table*/
.stdlist td.error{
 background-color:#ffdbdb;
}
.stdlist td.error td{
 background-color: #fff;
}

/*my collection*/

table.coll-edit .editbox2c81 .editbuffer_htmltab_vspacer,
table.coll-edit  .editbox2c81 .htmlpanel{
 width:621px;
}
table.coll-edit .tabph1{
width:394px;
}
table.coll-edit  #CollData_iframe, table.coll-edit  #CollData{
    width: 619px !important;
}

/*ext-link*/
.coursecard   .coursecard-extlink{
    bottom: 8px;
    font-family: verdana;
    font-size: 13px;
    left: 80px;
    position: absolute;
}
div.coursecardV2   .coursecard-extlink{
     bottom: 5px;
}


.coursecard .coursecard-extlink  .mediasite,
 .coursecard .coursecard-extlink .extlink,
.pageheader-courseV2  .mediasite,
.pageheader-courseV2  .extlink{
  position:static;
}
.coursecard .coursecard-extlink .extlink-cldetail,
.coursecard .coursecard-extlink .mediasite-cldetail{
    display: inline-block;
    margin-right: 5px;
}

.pageheader-courseV2 .pageheader-course-extlink{
    font-family: verdana;
    font-size: 13px;
    left: 634px;
    position: absolute;
    right: 250px;
    top: 30px;
}
.pageheader-courseV2  .pageheader-course-extlink-student{
    top: 9px;
}




/*courselist weekly*/
#courselistweekly table {
 width: 100%;
margin-top:0px;
}
#courselistweekly table td {
 border-bottom: 1px solid #8CC62B;
}
 #courselistweekly table td.period {
 border-right: 2px solid #8CC62B;
 background-color: #F8F8F8;
 width: 4%;
}
#courselistweekly table.courselist td {
 border-bottom: medium none;
}

 #courselistweekly table td.course {
vertical-align:top;
padding-right: 0px;
}
body.widebody #courselistweekly table th.day {
 width: 12%;
}
/*upcomingcourselist*/
 .upcomingcourselist table.stdlist tr.title th{
color:#556fb5;
background-color:#f2f9fc;
}

 .upcomingcourselist table.stdlist,
.upcomingcourselist table.stdlist td,
.upcomingcourselist table.stdlist th
{
border-color:#74c2ef !important;
}
/*pastcourselist*/
 .pastcourselist table.stdlist tr.title th{
color:#666666;
background-color:#f8f0e0;
}

 .pastcourselist table.stdlist,
 .pastcourselist table.stdlist td,
.pastcourselist table.stdlist th
{
border-color:#d1c0a5 !important;
}
/**/

/*inactivecourselist*/
 .inactivecourselist table.stdlist tr.title th{
color:#666666;
background-color:#ececec;
}

 .inactivecourselist table.stdlist,
 .inactivecourselist table.stdlist td,
 .inactivecourselist table.stdlist th
{
border-color:#999999 !important;
}
/**/


 .courselistweekly-nonborder{
text-align:left;
padding-left:10px;
padding-right:4px;
padding-bottom:5px;
}
.courselistweekly-border{
text-align:left;
padding-left:10px;
padding-right:4px;
border-top:1px dotted #8CC62B;
padding-bottom:5px;
padding-top:5px;
}

.courselistweekly-nonborder div.registration-state,
 .courselistweekly-border div.registration-state{
 color: #FF6600;
 font-weight:bold;
font-size:11px;
padding-top: 2px;
}

.courselistweekly-period{
 width:30px;
}
 .upcomingcourselist .courselistweekly-border{
border-color:#74C2EF;
padding-bottom:5px;
padding-top:5px;
}
 .courselistweekly-registration{

}
 .courselistweekly-b{

}
 .pastcourselist .courselistweekly-border{
border-color:#D1C0A5;
padding-bottom:5px;
padding-top:5px;
}
body.widebody .courselistweekly-r,
body.widebody .courselistweekly-a{
}
body.widebody .courselistweekly-h{
}

body.widebody div#container, body.widebody div.contentbody-l, body.widebody div.pagebody{
 width: 950px !important;
 padding-left: 0 !important;
 border:medium none;
}
body.widebody .pagebody .my-infolist-mycourses .my-infolist-header{
   background-image:url("/bg_mycourse_weekly_header.gif");
}
.my-infolist-mycourses-weekly .courselistweekly-nonborder,
.my-infolist-mycourses-weekly .courselistweekly-border {
   padding-left: 5px;
    word-break: break-all;
}

.courseweekly-fav{
   float:right;
}

/*table cell color*/
.course-cellcolor   #courselistweekly table.stdlist  td.course-cell{
   border-bottom-width:2px;
}

.course-cellcolor  table.stdlist  td.course-cell {
    background-color:#F4FDE8;
     border: 2px solid #9ecf4c;
}


.course-cellcolor   .upcomingcourselist table.stdlist td.course-cell{
   background-color:#f8fcfd;
    border-color:#D1C0A5; 

}

.course-cellcolor   .pastcourselist table.stdlist td.course-cell{
   background-color:#fbf7ef;
    border-color:#74C2EF;
}



/* courselist*/

table.courselist  tr .courselist-title{
    padding-left: 3px;
}
table.courselist  tr.courselist-b  .courselist-title{
}

table.courselist  tr.courselist-r  .courselist-title,
table.courselist  tr.courselist-a  .courselist-title{
}
table.courselist  tr.courselist-h  .courselist-title{
}

/*mycourse adm*/
.pagebody .my-infolist-mycourseadm .my-infolist-header {
    background: url("bg_mycourseadm_header1.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
body.widebody .pagebody .my-infolist-mycourseadm .my-infolist-header{
    background-image: url("bg_mycourseadm_header_l1.png") 
}

.pagebody .my-infolist-mycourseadm .mycourseadm-body{
    padding: 10px 15px;
}
.pagebody .my-infolist-mycourseadm .mycourseadm-body h3{
    background: url("marker-diamond1.gif") no-repeat scroll 0 center rgba(0, 0, 0, 0);
    padding-left: 15px;
}
.pagebody .my-infolist-mycourseadm .mycourseadm-body p{
   padding-left:25px;
}
ul.coursecopy-list ul li {
  list-style:none;
 }
div.batchdownload-button {
    border: 2px solid #CCCCCC;
    color:#2449a8;
    margin: 30px auto;
    padding: 5px;
    text-align: center;
    min-width: 300px;
    max-width: 400px;
}
div.batchdownload-button .batchdownload-link {
    font-size: 120%;
}
div.batchdownload-button label {
    cursor: pointer;
    font-size: 120%;
}
div.batchdownload-button label:hover {
    text-decoration: underline;
}

/*admin coursecopy*/
.admin .coursecopy-result{
border-color:#CC6666;
}

.admin .coursecopy-result h2 {
    color: #CC6666;
}
.admin .coursecopy-result h3 {
    border-color: #CC6666;
}
#admin .coursecopy-result ul li{
    list-style: outside url("/marker-triangle-red.gif") none;
    padding-left: 0;
}

/* library*/
div.navi-library{
    background: none repeat scroll 0 0 #E8E8E8;
    border-radius: 3px;
    margin: 0 15px;
    padding-left: 20px;
}
div.navi-library ul{

}
div.navi-library ul li{
    float: left;
    margin: 5px 3px;
    padding: 2px 14px;
    text-align: center;
}
div.navi-library ul li a{

}
div.navi-library ul li.current {
    background-color: #FFFFFF;
    border-radius: 3px;
}

.pageheader-library .course-menu div{
    margin-left:-3px;
}
.pageheader-library div.library-menu-course{
       padding-left: 3px;
}
.pageheader-library div.library-menu-user{
   margin-left: 15px;
}
.pageheader-library div.library-menu-top{
   margin-left:0;
margin-right: 15px;
}
.pageheader-library div.library-menu-top div{
  margin-left:0;
}

/*new calendar*/
.my-infolist-event td.event-title a{
    padding-left: 5px;
    width: 200px;
}
.caltableV2 {
    padding: 4px 0px;
    width: 160px;
    border-collapse: separate;
}
.caltableV2 tr:first-child td{
   text-align:center;
   height:20px;
}
.caltableV2 tr:first-child td a{
  cursor:pointer;
}
.caltableV2 .calheading{
    display: inline;
    padding: 0 5px;
}

div.calendar .caltableV2  img.icon-left {
 width: auto;
 height: auto;
}
div.calendar .caltableV2   img.icon-right {
 width: auto;
 height: auto;
}


/*new mypage*/
.event-title .remaintime{
   display:none;
}
table.mycalendar {
 border-width:0px 1px 1px 1px;
}
table.mycalendar tr.title,
table.mycalendar tr.title th{
  border-width:1px 1px 2px 1px;
    border-top: 1px solid #9ECF4C;
}

table.mycalendar .title.calendar-title th {
    background-color: #f4fde7;
    border-color: #9ecf4c;
}

table.mycalendar tr.non-sideborder,
table.mycalendar tr.non-sideborder th{
    border-left:medium none;
    border-right:medium none;
}

table.mycalendar tr td{
    border-style: dotted;
    border-width: 0 1px;
    padding: 0 0 5px;
    vertical-align: top;
}
table.mycalendar tr td span.caltoday h4{
    background-color: #9ecf4c;
}
table.mycalendar tr td span.caltoday,
table.mycalendar tr td span.caltoday a{
    color: #ffffff;
}
table.mycalendar tr td img{
    padding: 3px;
}
table.mycalendar h4 {
    background-color: #F2F2F2;
    margin-top: 0;
    padding: 3px;
    text-align: center;
}
table.mycalendar .mycalendar-event{
   padding:3px;
}
table.mycalendar h1{
    border-image: none;
    border-style: solid;
    border-width: 0 0 0 5px;
    margin: 15px;
}
table.mycalendar .mycalendar-weeklylist{
overflow: hidden;
text-overflow: ellipsis;
white-space:nowrap;
text-align:left;
  padding-left:25px;
  border-bottom: 1px solid #F1F1F1;

}
.edit-list-order {
    padding-bottom: 5px;
    text-align: right;
}
.edit-list-order a {
    margin-right: 5px;
}
.edit-list-order a:hover {
    text-decoration: underline;
}
.edit-list-order a.selected {
    background-color: #D2ECF9;
}

/* center news*/
.pagebody div.centernews_frame{
    margin-top:20px;
}

.my-infolist-centernews{

}

.contentbody-l .my-infolist-centernews,
.contentbody-l .my-infolist-whatsnew{
   width:670px;
   margin:0 auto;
}

.my-infolist-centernews .my-infolist-header{
    background: url("bg_mycenternewslist_header1.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);

}
.my-infolist-centernews .my-infolist-header h2,
.my-infolist-whatsnew .my-infolist-header h2{
  padding-left:15px;
}
.my-infolist-centernews .my-infolist-body,
.my-infolist-whatsnew .my-infolist-body{
    border: medium none;
    margin-right: 15px;
    padding: 0 15px;
}

.my-infolist-centernews .my-infolist-body div.news-title,
.my-infolist-whatsnew .my-infolist-body div.news-title{
 display: inline-block;
    height: 17px !important;
    width: 530px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.my-infolist-centernews .my-infolist-body tr,
 .board-box-inportant  .my-infolist-body tr,
.my-infolist-whatsnew .my-infolist-body tr{
   border-bottom: 1px dotted #999999;
    border-top: medium none;
}
.my-infolist-centernews .my-infolist-body tr:last-child{
    border-bottom:medium none;
}

.my-infolist-tips{


}
.my-infolist-tips .my-infolist-header{
    border-color: #90c7f9;
    border-image: none;
    border-style: solid;
    border-width: 4px 1px 0;
    height: 10px;
}
.my-infolist-tips .my-infolist-body{
    padding: 0 10px;
}
.my-infolist-tips .my-infolist-body ul.tips-list li{
    border-bottom: 1px dotted #bfbfbf;
    padding-bottom: 5px;
    margin-bottom: 10px;
    line-height:1.4em;
}
.my-infolist-tips .my-infolist-body ul.tips-list li:last-child{
    border-bottom:medium none;

}
.my-infolist-tips .tips-list h3 {
    background: url("/marker-diamond.gif") no-repeat scroll 0 2px rgba(0, 0, 0, 0);
    margin-bottom: 5px;
    padding-left: 12px;
    margin-top:0;
}



/* mycourses-l */

.my-infolist-mycourses-l{
padding :0 15px;

}
.pagebody .my-infolist-mycourses-l .my-infolist-header {
    background-image: url("bg_mycourse_list_l_header1.gif");
margin-bottom: 12px;

}
.pagebody .my-infolist-mycourses-l .my-infolist-header h2{
padding-left: 43px;
}
.my-infolist-mycourses-l .section .coursecard{
    cursor: auto;
    height: auto;
    min-height: 40px;
    width: 420px;
}
.my-infolist-mycourses-l .section .coursecard-link{
    min-height: 45px;
}
.my-infolist-mycourses-l div.coursecardV2 .coursecard-extlink{
   left: 342px;
    top: 8px;
}
.my-infolist-mycourses-l .coursecard .coursecard-extlink .extlink-cldetail, 
.my-infolist-mycourses-l .coursecard .coursecard-extlink .mediasite-cldetail{
    display: block;
    height:16px;
}
.my-infolist-mycourses-l div.coursecard .course-card-title,
.my-infolist-mycourses-l div.coursecardV2 .course-card-title a{
    left: 57px;
    top: 7px;
    width: 300px;
}
.my-infolist-mycourses-l div.coursecard .course-card-title a,
.my-infolist-mycourses-l  div.coursecard .course-card-title .course-title-span{
     width: 300px;
     height:20px;
}

.my-infolist-mycourses-l div.coursecard .course-card-img img{
    height:35px;
    width:35px;
}
.my-infolist-mycourses-l dd.courseitemdetail{
    float: left;
    width: 130px;
}
.my-infolist-mycourses-l  dt.courseitemtext{
    float: left;
   clear:none;
}
.my-infolist-mycourses-l  dd.courseitemdetail{
    float: left;
    width: 130px;
}
div.my-infolist-mycourses-l  div.coursecard .course-settings{
display:none;

}

.section .coursecard .course-card-right{
    height: auto;
    min-height: 40px;
   width:400px;
   padding-top:0;
}
.section .coursecard .course-card-left{
    float: left;
    width: 450px;

}
div.my-infolist-mycourses-l   .course-card-fav{
    left: 418px;
}
div.my-infolist-mycourses-l  div.coursecard .coursecard-extlink{
   bottom: auto;
    top: 4px;
    left: 360px;
}
div.my-infolist-mycourses-l .coursecard div.courselink-state{
   top:49px;
   left:4px;
}

.my-infolist-mycourses-l  div.coursecard .course-card-status{
     bottom: 2px;
    left: 335px;
    right: auto;
}
.section .coursecard .course-card-right ul li{
    clear:none;
   float:left;
    margin-right: 10px;
   width:190px;
}
.section .coursecard .course-card-right ul li.showmore{
   border-bottom:medium none;
}

.section .coursecard .course-card-right ul li .course-card-right-title{
 display: inline-block;
 width: 180px;
 text-align: left;
 overflow: hidden;
 text-overflow: ellipsis;
 white-space: nowrap;
vertical-align: text-bottom;
 padding-left: 5px;
}
/*course-card-title V2*/
div.coursecardV2 .course-card-titleV2 a, 
div.coursecardV2 .course-card-titleV2 .course-title-span{
  /* config */
  font-size:14px;
  line-height: 1.2;
  height: 2.4em;
  background-color: #fff;
  /* config end */
  position: relative;
  padding-right: 1em;
  overflow: hidden;
   margin-bottom:1px;
}
div.coursecardV2 .course-card-titleV2 a:before,
 div.coursecardV2 .course-card-titleV2 .course-title-span:before{
  content: "...";
  position: absolute;
  right: 0;
  bottom:0;
  display: inline-block;
  width: 1em;
}
div.coursecardV2 .course-card-titleV2 a:after, 
div.coursecardV2 .course-card-titleV2 .course-title-span:after{
  content: "";
  position: relative;
  right: -1em;
  float: right;
  width: 1em;
  height: 100%;
  background-color: inherit;
}

/*upload form*/
div.filedroparea{
    background-color: black;
    color: #ebebeb;
    font-size: 20px;
    font-weight: bold;
    opacity: 0.5;
    padding: 50px;
    text-align: center;
}
#dragform #dragtest:hover{
 background-color:  #edf7ff;
}
#qaddinlinefiledrop_table{
table-layout:fixed;
}
#qaddinlinefiledrop_table tr td{
     word-wrap: break-word; 
}
#qaddinlinefiledrop_table .small{
     color:#5a5a5a;
}
#qaddinlinefiledrop_table tr td:first-child{
   text-align:center;
}
#qaddinlinefiledrop_table tr td:first-child img{
    max-height: 30px;
    max-width: 30px;
}
#qaddinlinefiledrop_table tr td input{
   width:180px;
}


/* search box*/
 #header .header-searchbox{
    padding: 5px 3px;
    position: absolute;
    right: 256px;
    top: 29px;

}
 #header .header-searchbox input, input[type="submit"]{
    height:auto;
}
ul.searchlist-horizontal li{
 float:left;
 margin-right:10px;
  display:block;
}
.searchlist-course{
    margin: 10px 0;
    max-height: 100px;
    overflow-y: auto;
    border:1px solid #DDDDDD;
     border-width:1px 1px 0 1px;
}
#target_word{
   padding-bottom:10px;
}


ul#target_courses {
  /*border:1px solid #DDDDDD;*/
}

ul#target_courses li{
    border-bottom: 1px solid #DDDDDD;
    padding: 1px 15px;
}
ul#target_courses li:last-child{
  /* border-bottom:medium none;*/
}
#target_modified_time{
 padding:5px 10px;
}

ul#target_courses .searchlist-coursename{
    display: inline-block;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 200px;
}
ul#target_courses .searchlist-term{
    display: inline-block;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 100px;
}

ul#target_courses .searchlist-teacher{
    display: inline-block;
    overflow: hidden;
    padding-right: 10px;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 150px;
}

h2.search-result{
    background-color: #ecfcd7;
    border: medium none;
    font-size: 13px;
    margin-bottom: 0;
    margin-top: 20px;
    padding: 5px 10px;
}

.search-result-box{
   padding-bottom:30px;
}

.search-title{
    background-color: #E9FBD1;
    border-top: 1px solid #99CF3E;
    min-height: 22px;
    overflow: hidden;
    padding: 3px 10px;
    position: relative;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.search-title a:hover{
   text-decoration:none;
}

.search-title a span{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display:inline-block;
    max-width:168px;
    vertical-align: middle;
}

.search-title span.search-type{
    background-color: #FFFFFF;
    border-radius: 3px;
    color: #2E7C40;
    display: inline-block;
    font-weight: bold;
    line-height: 20px;
    margin: 0 5px;
    padding: 0 3px;
    text-align: center;
    height:20px;
}
.search-box-body{
   padding:0 10px 0 15px;
}
.search-date{
	color: #5A5A5A; 
    text-align: right;
}

.search-result-box .keyword{
background-color: #d0d0ff;
}


/*new inline attachment*/
body.attachment_delete_on .inlineattachment{
    background: url("bg_inline_file.png") no-repeat scroll 0 top rgba(0, 0, 0, 0);
    padding-right: 22px;
    width: 278px;
}
body.attachment_delete_on .inlineattachment:hover {
    background-image: url("bg_inline_file-focus.png") ;

}
/*querylist button */
 div.query-pagenavi {
    float: left;
    width: 325px;
}
 div.query-pagenavi ul li.querylist-button {
    float: left;
    list-style: none outside none;
    margin: 0 3px;
    padding: 0 0 8px;
}
div.query-pagenavi ul li.querylist-button-now {
    /*background: url("icon_nowpage.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);*/
}
div.query-pagenavi ul li.querylist-button div {
    background-color: #fff;
    border: 3px solid #f2f2f2;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0;
    max-width: 18px;
    padding: 0;
    vertical-align: middle;
    width: 18px;
}
div.query-pagenavi ul li.querylist-button input {
    background: #fff;
    border: medium none transparent;
    color: #2449a8;
    cursor: pointer;
    height: 15px;
    min-height: 0;
    max-height: 15px;
    margin: 0;
    max-width: 18px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 18px;
    line-height:1em;
}
div.query-pagenavi ul li.querylist-button input:hover{
  color:#4c85e4;
} 

div.query-pagenavi ul li.querylist-button-now div {
    border-color:#9ecf4c;
}
div.query-pagenavi ul li.querylist-button div.querylist-button-highlight ,
div.query-pagenavi ul li.querylist-button div.querylist-button-highlight  input{
    background: #ff0000;
    color: #fff;
}

/* coursetop contentsmain*/
.coursetop-contentsmain .info-list{
  float:right;
}
.coursetop-contentsmain .top-contents-list-l{
    float: left;
    width: 585px;

}
.coursetop-contentsmain .info-list,
.coursetop-contentsmain .info-list-card{
    width: 303px;

}
.coursetop-contentsmain .bulksurveyinfo{
   width:908px;
}
.coursetop-contentsmain .info-list-cardr .info-list-card-header{
    background-image: url("bg_groupthread_header_s.gif");

}
.coursetop-contentsmain .info-list-cardl .info-list-card-header {
    background-image: url("bg_groupnews_header_s.gif");
}

.coursetop-contentsmain .top-contents-list-l .top-contents-list-header {
    background-image: url("bg_groupcontents_header_s.gif");
    margin-bottom: 0;
   position: relative;
}
.coursetop-contentsmain .groupnewslist th a{
  width:165px;
}
.coursetop-contentsmain .groupthreadlist th a {
    width: 138px;
}

.coursetop-contentsmain .groupnewslist td, 
.coursetop-contentsmain .groupthreadlist td{
   padding:6px 1px 0;
}

.coursetop-contentsmain .top-contents-list-l .top-contents-list-body{
    background-color: #fff;
    margin: 0;
    padding-top:0px;

}
.coursetop-contentsmain .top-contents-list-l .articlebody{
    border: medium none;
    margin: 0;
    max-height: 401px;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 10px;
}
.coursetop-contentsmain .top-contents-list-l .articlebody h1{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border-left: 5px solid #8cc62b !important;
    padding: 0 0 0 6px;
}
.coursetop-contentsmain .top-contents-list-l .articlebody h2{

}
.coursetop-contentsmain .top-contents-list-l .articlebody h3{

}
.coursetop-contentsmain .info-list-card-contentslist .info-list-card-header{
    background-image: url("bg_pagelist_header_s.gif");
    position:relative;
}
.coursetop-contentsmain .info-list-card-contentslist .groupthreadlist{
    height: auto;
    min-height: 160px;
    padding-bottom: 15px;
}

.coursetop-contentsmain .info-list-card-pagelist .info-list-card-header{
    background-image: url("bg_pagelist_header_s.gif");
    position:relative;

}
.coursetop-contentsmain .info-list-card-contentslist .info-list-card-header{
    background-image: url("bg_pagelist_header_s.gif");
    position:relative;

}

.coursetop-contentsmain .info-list-card-pagelist .info-list-card-header h2{ 
      width: 180px;
      text-align: left;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
}

.coursetop-contentsmain .info-list-card-pagelist{
   float:right;

}
.coursetop-contentsmain .info-list-card-pagelist .info-list-card-body{
   height: auto;
    padding: 5px 15px 0 5px;

}
.coursetop-contentsmain .info-list-card-pagelist .info-list-card-body ul.contentslist{
    height: auto;
    padding: 5px 15px 16px 16px;
}
.coursetop-contentsmain .info-list-card-pagelist .info-list-card-body ul.contentslist li{
    background-image: url("icon_pagelist.gif");
    border-bottom: medium none;

}


.coursetop-contentsmain .info-listV2 .groupnewslist th,
.coursetop-contentsmain .info-listV2 .info-list-card-contentslist .groupthreadlist th{
    width: 75%;
}
.coursetop-contentsmain .info-listV2 .groupnewslist th a,
.coursetop-contentsmain .info-listV2 .info-list-card-contentslist .groupthreadlist th a{
  width:180px;
}
.coursetop-contentsmain .info-listV2 .groupthreadlist th{
  width:55%;
}
.coursetop-contentsmain .info-listV2 .groupthreadlist th a{
 width:150px;
}
.coursetop-contentsmain .info-listV2 .info-list-card-contentslist .groupthreadlist{
  padding-bottom:15px;
}

/*contents icon select */
div.contents-icon-select img{
   background: url("/icon_contents1.gif") no-repeat scroll 4px 6px transparent;
    display: block;
    height: 36px;
    padding: 15px;
    width: 36px;
}
/* contactmembers */
table.mblist tr td.username-l{
    padding: 4px 10px;
    text-align: left;
}

.slotinfo-body{
    background: url("bg-info-list-card-slot.gif") no-repeat scroll 0 0 transparent;
    height: 56px;
    padding: 0 0 6px 0;
}
.slotinfo-body table{
    height: 56px;
    width: 100%;
    border-collapse: collapse;
}
.slotinfo-body th{
    color: #FFFFFF;
    height: 27px;
    text-align: left;
}
.slotinfo-body td a{
}
.slotinfo-body .left{
    padding-left: 40px;
    width:60%;
}
.courseslotlist .articleinfo{
      padding-bottom: 20px;
}
.courseslotlist .description{
   margin-top:15px;
}
.courseslotlist div.navigator{
    margin: 15px 0 8px;
}

table.stdlist-slot tr td{
   max-width:620px;
    word-wrap: break-word;
}


/*bulksurvey*/
.admin .attend-query-edit .attend-card-info table{
background-color: #ebedef;
}
.admin  .attend-query-edit .attend-card-info table h3{
   color:#c66;
}

.admin .form .attend-query-edit textarea{
  height:auto;
}
#admin .pulldown-menu ul li{
  list-style:none;
}
table.bulksurveylist .pulldown-menu li li,
table.bulksurveylist .pulldown-menu ul ul{
    width:220px;
   
}
table.bulksurveylist .pulldown-menu ul ul.wide360 {
 width: 360px;
 right: 310px;
}
table.bulksurveylist .pulldown-menu li ul.wide360 li {
 width: 360px;
}

.attend-card-bulksurvey{
  border-color: #9ecf4c;
}
.attend-card-bulksurvey span.attend-number{
  background-color:#9ecf4c;
}
.attend-card-bulksurvey .attend-card-title{
  background-image:url("bg_attend-card-bulksurvey_h3.gif");
}
.attend-card-bulksurvey-student{
   background-image:none;
   position:relative;
}
.attend-card-bulksurvey-student .attend-card-title{
   width:548px;
}
.attend-card-bulksurvey-student  .attend-card-info{
   min-height:90px;
   width: 100%;
}
.attend-card-bulksurvey-student  .attend-card-menu{
   min-height:60px;
  display:none;
}
.attend-card-bulksurvey-student  .attend-card-button{
    display: block;
    position: absolute;
    right: 35px;
    text-align: center;
    top: 40px;
    width: 10em;
}
.attend-card-bulksurvey .attend-card-info table{
   border-bottom: medium none;
}
.admin .pagebody .dm-panel{
    background-color: #e9e9e9;
    padding: 12px 5px;
}
.admin .pagebody  .dm-panel .dm-panel-body{
    background-color: #fff;
    max-height: none;
    overflow-y: visible;
    padding: 30px;
}
.attend-card-bulksurvey dl.gradesummary .gradecomment{
  color:#33aee9;
  background-image:url("icon_bulksurvey_teacher.png");
}

/*slot info bulksurvey info*/

.slotinfo .info-list-card-header{
    background-image: url("bg_slot_header.gif");
}
.bulksurveyinfo .info-list-card-header{
    background-image: url("bg_bulksurvey_header.gif");
}
.slotinfo .info-list-card-body, .bulksurveyinfo .info-list-card-body {
  padding:5px 10px;
}
.slotinfo .info-list-card-body table, .bulksurveyinfo .info-list-card-body table{
  width:100%;
}

.editlayout2 .edixbox-height-l .htmlpanel{
  height:auto;
}
.edixbox-height-l #Text_iframe,  .edixbox-height-l #ProjectText, .edixbox-height-l #Text{
    height: 489px !important;
}
#admin table.layout-courses{
  margin-bottom:16px;
}

#admin table.layout-courses td{
  border-bottom:1px solid #cc6666;
  background-color:#fff;
} 


/*attend card V2*/

.attend-cardV2{
  /*position: relative;*/
  background-image:url(bg_attend-cardV2.gif);
}
.attend-cardV2 .attend-card-info {
  width:400px;
  min-height: 90px;
}
.attend-cardV2 .attend-card-main{
  float:left;
  width:530px;
  position: relative;
}
.respon-card-open .attend-cardV2 .attend-card-main{
  border-right: 1px solid #f3b200;
}
.respon-card-closed .attend-cardV2 .attend-card-main{
  border-right: 1px solid #949494;
}
.respon-card-closed .attend-cardV2 .attend-card-dl{
  border-top: 1px solid #949494;
  padding:2px 0;
  background-color:#F8F8F8;
  text-align: center;
  position:relative;
  height:20px;
}

.attend-cardV2 .attend-card-menu{
  width: 130px;
  padding-top: 10px;
  background-color:#fff;
}
.attend-cardV2 .attend-card-edit{
  width:127px;
  float:left;
  background-color:  #f8f8f8;
  height:100%;
}
.attend-cardV2 .attend-card-info table th{
  text-align: left;
  width: 5em;
}
.attend-cardV2 .attend-card-info table{
  width: 360px;
}
body.respon6.openmanaba dl.courseitems {
  display: none;
}
body.respon6.eventrespon dl.courseitems {
  display: none;
}
body.respon6.openmanaba .attend-cardV2 .attend-card-info table{
  width: 370px;
}
.respon-card-open .attend-cardV2  .attend-card-memo-off,
.respon-card-open .attend-cardV2 .attend-card-memo {
  margin-left:0;
}
.respon-card-open .attend-cardV2 .attend-card-memo{
  background-image: url("icon_respon_memo-on.gif");
  color:#453e30;
}
.respon-card-open .attend-cardV2 .attend-card-memo-off {
  background-image: url("icon_attend_memo-off.gif");
}


.attend-cardV2 .attend-card-deadline{
  color:#888888;
  text-align:right;
  padding-right: 10px;
}
.attend-cardV2 .attend-card-deadlineV2{
  color:#444444 ;
  font-weight:bold;
  margin-left:40px;
  text-align:left;
}
.attend-cardV2 .attend-card-title{
  width: 420px;
}
.attend-cardV2 .attend-card-type {
  right: 5px;
}
.attend-cardV2 .attend-card-info table td{
}

.attend-cardV2 .respon-player-status{
  color: #ef8200;
  left: 283px;
  position: absolute;
  text-align: center;
  top: 10px;
  width: 127px;
}

.attend-card-edit-box {
  background-color: #fff;
  border: 1px solid #d7d7d6;
  margin: 3px;
}
.attend-card-edit-box .attend-card-edit-box-header {
  background: none repeat scroll 0 0 #ececec;
  padding: 3px 35px 0 5px;
  position: relative;
}
.attend-card-edit-box .attend-card-edit-box-body {
  min-height: 70px;
  padding: 5px;
  text-align: center;
}

.attend-card-edit-box .attend-card-edit-box-header .attend-card-button {
  display: block;
  line-height: 1.4em;
  padding: 2px 3px;
  position: absolute;
  right: 6px;
  top: 0;
}

.attend-cardV2 .attend-card-menu .attend-card-button{
  width: 8em;
}

.attend-cardV2 .attend-card-main-en .attend-card-menu .attend-card-button {
  height: auto;
}
.attend-cardV2 .attend-card-menu .attend-card-button-close {
  background-color:#ebebeb;
}
.attend-cardV2 .attend-card-menu .attend-card-button-reuse {
  background-color:#fff2c1;
}

.respon-card-closed .attend-cardV2  span.attend-delete {
  right: 4px;
  top: 2px;
}

.attend-qrdownload {
  text-align: center;
  margin-top: 30px;
}

.respon-card-open .attend-card .attend-card-number,
.attend-qr-respon #attend-qr-body span.attend-card-number{
  background-color: #face20;
  border-radius: 15px;
  color:#453e30;
  font-weight: normal;
  display: inline-block;
  margin-right: 15px;
  padding: 0 20px;
}
.respon-card-open .attend-card-number.attend-card-numberV2 {
  margin-right: 0;
  vertical-align: middle;
}
body.respon6.openmanaba .respon-card-open .attend-card-number {
  margin-right: 0;
}
body.respon6.openmanaba .coursedata-info {
  display: none;
}
body.respon6.openmanaba .course-date-teacher {
  display: none;
}

#sokuhou-content .sokuhou-header-en .attend-infoV2 .attend-receiptnum span.attend-card-number {
     font-size:35px;
}
#sokuhou-content .sokuhou-header-en .attend-infoV2 .attend-receiptnum {
    top:5px;
}

span.callnumber-first, span.callnumber-mid {
    margin-right : 0.3em;
}

.respon-card-open .stdlist tr.not-attend td,
.respon-card-closed .stdlist tr.not-attend td{
   background-color:#eee;
}
.respon-card-open .stdlist tr.attend-hiliterow td,
.respon-card-closed .stdlist tr.attend-hiliterow td{
 background-color: #d5f2ff;
}
.respon-card .attend-course-info{
    color: #453e30;
    border: 1px solid #face20;
}
.respon-card .attend-course-info h3 {
    background-image: url("bg_respon-card-open_h3.gif");
    color: #453e30;
    margin-top: 0;
}
.respon-card  div#forminsert h3{
    border-bottom: 2px dotted #f3b200;
    border-top: 2px dotted #f3b200;
    color: #453e30;
    font-weight: bold;
    margin: 20px auto 5px;
    padding-top: 5px;
}

.attend-qr-respon #attend-qr-content #attend-qr-header {
    background-image: url("bg_attend_qr_header_respon.gif");
}
.attend-qr-respon,.nocourse #attend-qr-content #attend-qr-header {
    background-image: url("bg_attend_qr_header_responV2.gif");
}
.attend-qr-respon #attend-qr-content #attend-qr-body{
    background-image: url("bg_attend_qr_body_respon.gif");
}
.attend-qr-respon #attend-qr-content #attend-qr-footer{
background-image: url("bg_attend_qr_footer_respon.gif");
    background-color: #face20;
}
.attend-query-edit .attend-card-info table.caltableV2{
   border-collapse: separate;
    width: 160px;
    margin: 4px auto auto;
    padding: 4px;
}

.respon-version {
    color: #888888;
    position: absolute;
    right: 2px;
    top: 10px;
}

/*attachement qyery*/
 .articlebody input.queryfileupload, .articletext input.queryfileupload{
    background-color: #eefcff;
    border: 1px solid #003300;
    padding: 1px 20px 2px 2px;
}
.queryv4 input.queryfileupload{
    border: 1px solid #003300;
    padding: 1px 20px 2px 2px;
}
body.rteditor input.queryfileupload,
body.rteditor input.requiredqueryfileupload{
    border: medium none;
    height: 22px;
    vertical-align: bottom;
}

body.rteditor_queryv4_ja input.queryfileupload,
body.rteditor_queryv4_ja input.requiredqueryfileupload{
    background:url(bg_inputfile_editor-ja.png) no-repeat;
   width:184px;
}
body.rteditor_queryv4_en input.queryfileupload,
body.rteditor_queryv4_en input.requiredqueryfileupload{
    background:url(bg_inputfile_editor-en.png) no-repeat;
    width: 205px;
}
body.rteditor_queryv4_ja input.requiredqueryfileupload{
    background:url(bg_inputfile_editor_required-ja.png) no-repeat;
}
body.rteditor_queryv4_en input.requiredqueryfileupload{
    background:url(bg_inputfile_editor_required-en.png) no-repeat;
}
.queryfileuploadform.uploading::after {
    content: url('/now_loading.gif');
}


body.queryformV2 table.query table td
body.queryformV2 table.queryframe table td{
   padding: 2px 5px;
}
table.uploaded-query-files a{
    background: url("/icon-file1.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    display: block;
    line-height: 29px;
    min-height: 29px;
    padding-left: 25px;
    vertical-align: middle;
}
table.uploaded-query-files a:hover{
    background-image: url("/icon-file1-focus.gif")
}

/*kikuzou link*/

.my-infolist-kikuzou .my-infolist-body,
.my-infolist-maisaku .my-infolist-body{
   padding:0 2px;
   
}
.my-infolist-kikuzou .my-infolist-body td,
.my-infolist-maisaku .my-infolist-body td{
   height:auto;
   padding: 0 1px; 5px
}
.my-infolist-kikuzou .my-infolist-body td.right,
.my-infolist-maisaku .my-infolist-body td.right{
   text-align:right
}
.my-infolist-kikuzou .my-infolist-header,
.my-infolist-maisaku .my-infolist-header{
  height:5px;
}
.my-infolist-kikuzou .my-infolist-body h3{
    background: url("/bg_h3_asadigi.png") no-repeat ;
    text-indent:-9999px;
   margin-top:0;
   padding-bottom:10px;
   margin-left:2px;
}
.my-infolist-maisaku .my-infolist-body h3 {
    background: rgba(0, 0, 0, 0) url("/bg_h3_maisaku.png") no-repeat scroll 0 0;
    margin-top: 0;
    padding-bottom: 10px;
    text-indent: -9999px;
    height: 34px;
}
.my-infolist p.my-infolist-alert{
    padding:0 2px 0 8px  ;
    color:#ff0000;
   font-size:90%;
}
/*tgl link*/

.my-infolist-tgl .my-infolist-body{
  padding-bottom:10px;
}
.my-infolist-tgl .my-infolist-body h3{
     margin-bottom: 0;
}

.bbsballoon  div.projectthread{
  width:614px;

}
.bbsballoon  div.projectthread .authoricon{
  margin-left:-36px;

}
/* sp link*/
#orgheader .header-sp-link {
    background-color: #9ecf4c;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 2px 3px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 0;
    width: 180px;
}
#orgheader .header-sp-link  a{
   color:#fff;
}

body .header-sp-link-l ,
body .footer-sp-link-l {
    background-color: #9ecf4c;
    font-size: x-large;
    font-weight: bold;
    padding: 0.5em;
    text-align: center;
    text-indent: 0;
}
body .header-sp-link-l   a,
body .footer-sp-link-l   a{
   color:#fff;
}
body .footer-sp-link-l {
  display:none;
}

/*prof panel*/

.prof-panel .prof{
  width:auto;
}
/*tgl-link*/

.my-infolist-tgl div.tgl-rank{
    background: #fff url("bg_rank_tgl.png") no-repeat scroll center center;
    min-height: 56px;
    min-width: 53px;
   padding: 10px 8px 6px;
    text-align: center;
}
.my-infolist-tgl div.tgl-rank img{
    max-height: 50px;
    text-align: center;
}

.userpage-top-tgl{
   background-image:url(bg_userpage_top_tgl.png);
}

.userpage-top .tgl-link{
    position: absolute;
    right: 8px;
    top: 5px;
    width: 180px;
}
.userpage-top .tgl-link img{
   float:none;

}
.userpage-top .tgl-link .user-tgl-rank img{
   height:54px;
   width:auto;
}

.userpage-top .tgl-link table{
    border-collapse: collapse;
    width: 100%;
    height:68px
}
.userpage-top .tgl-link table td{
    padding: 10px 5px 0;
    text-align: center;
    vertical-align: top;
}
.userpage-top .tgl-link img{
   width:auto;
   height:auto;
}
.userpage-top .tgl-rank img{
    max-height: 50px;
    text-align: center;
}

/*sort button*/
a.sort-button{
   text-indent:-9999px;
   background:url("button_sort.png");
   width:20px;
   height:17px;
   cursor:pointer;
    display: inline-block;
    outline: medium none;
 margin: 0 5px;
}
a.manabats_asc{
   background-image:url(button_sort_up.png);
}
a.manabats_desc{
   background-image:url(button_sort_down.png);
}

.clickable {
 cursor: pointer;
}
.clickable:hover {
	text-decoration : underline;
}

/*submit log*/
.my-infolist-submitlog td.event-title a{
  width:178px;
}
.contentbody-right .my-infolist-submitlog .my-infolist-body{
  max-height:none;
}
 .my-infolist-submitlog .eventlist .eventlist-day{
   vertical-align:top;
}
/*210520 add*/
.my-infolist-submitlog h3 {
    background: url("marker-diamond1.gif") no-repeat scroll 5px center transparent;
    padding: 5px 5px 5px 18px;
}

.description .checkbox-list{
  padding:10px 0;
}
.description .checkbox-list input{
    margin-left: 5px;
    vertical-align: middle;
}
.submit-log .ellipsis-title{
   width:300px;
}
select.courselist-select option,
.course-select select option{
    max-width: 500px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
p.switch-list {
   padding:10px 0 0;
}

.switch-list a.switch-on {
  background-color: #fff;
    border: 1px solid #1791FE;
    color: #0075DE;
    font-weight: bold;
    /*box-shadow: 0 0 1px #999;*/
    border-radius: 3px;
}

.switch-list a.switch-on:hover {
  text-decoration:none;
  /*background-color:#CFECFF;*/
}


.switch-list a.switch-off {
 /*color: #8B8B8B;*/
 /*background-color: #fff;*/
/* border: 1px solid #B2B2B2;*/
}
.switch-list a.switch-off:hover{
  text-decoration:none;
 background-color:#EBEBEB;
}


.switch-list a.switch-eventtype {
 /*   border-radius: 3px;*/
    cursor: pointer;
    margin-left: 3px;
    padding: 2px 7px;
    vertical-align: middle;
}
.switch-list p.checkbox-list {
 display:none;
}
.switch-list p.switch-list {
  padding 10px 0px;
}



/*sort*/
.course .teacherview table.sorttable tr.title th,
.page .teacherview table.sorttable tr.title th,
.tpanel_frame table.sorttable tr.title th,
.syllabus .pagebody table.sorttable tr.title th{
   cursor:pointer; 
 padding:3px 5px;
}

.course .teacherview table.sorttable tr.title th:hover,
.page .teacherview table.sorttable tr.title th:hover,
.tpanel_frame table.sorttable tr.title th:hover,
.syllabus .pagebody table.sorttable tr.title th:hover{
background:url("/button_sort_up.png") right  center #fff no-repeat;
    background-color: #fff ;
}
.course .teacherview table.sorttable tr.title th.manabats_asc,
.page .teacherview table.sorttable tr.title th.manabats_asc,
.tpanel_frame table.sorttable tr.title th.manabats_asc,
.syllabus .pagebody table.sorttable tr.title th.manabats_asc{
background:url("/button_sort_up.png") right  center #D5F2FF no-repeat;
}
.course .teacherview table.sorttable tr.title th.manabats_desc,
.page .teacherview table.sorttable tr.title th.manabats_desc,
.tpanel_frame table.sorttable tr.title th.manabats_desc,
.syllabus .pagebody table.sorttable tr.title th.manabats_desc{
background:url("/button_sort_down.png") right  center #D5F2FF no-repeat;
}
.course .teacherview table.sorttable tr.title th.manabats_desc:hover,
.page .teacherview table.sorttable tr.title th.manabats_desc:hover,
.tpanel_frame  table.sorttable tr.title th.manabats_desc:hover,
.syllabus .pagebody  table.sorttable tr.title th.manabats_desc:hover{
background-image:url("/button_sort_down.png") ;
}
.tpanel_frame  table.sorttable tr.title th.manabats_asc,
.tpanel_frame  table.sorttable tr.title th.manabats_desc,
.syllabus .pagebody table.sorttable tr.title th.manabats_asc,
.syllabus .pagebody table.sorttable tr.title th.manabats_desc{
  background-color:#ECFCD7;
}
.tpanel_frame  table.sorttable tr.title th.not-sort,
.tpanel_frame  table.sorttable tr.title th.not-sort:hover,
.syllabus .pagebody table.sorttable tr.title th.not-sort,
.syllabus .pagebody table.sorttable tr.title th.not-sort:hover,
.course .pagebody table.sorttable tr.title th.not-sort,
.course .pagebody table.sorttable tr.title th.not-sort:hover,
.page .pagebody table.sorttable tr.title th.not-sort,
.page .pagebody table.sorttable tr.title th.not-sort:hover{
     background-color: #dffabd;
     background-image:none;
     cursor: default;
}

.course .teacherview table.sorttable tr.title th.not-sort,
.course .teacherview table.sorttable tr.title th.not-sort:hover,
.page .teacherview table.sorttable tr.title th.not-sort,
.page .teacherview table.sorttable tr.title th.not-sort:hover{
    background-color: #EBEDEF;
    color: #3C3C3C;
    border-color: #BABFC4;
}

/*admin sub menu*/
#pageheader-admin .pageheadernavi-botton div.admin-submenu{
    background-color: #f6f5f6;
    border-left: 4px solid #cd7171;
    box-shadow: 1px 1px 3px #727272;
    float: none;
    padding: 5px 10px 15px 20px;
    position: absolute;
    top: 29px;
    width: 160px;
    z-index: 100;
}
#pageheader-admin .pageheadernavi-botton div.admin-submenu ul li{
    line-height:2em;
    list-style: outside none none;
}
.pagebody div.coursecollectionadm .contentbody-left{
   padding-left: 35px;
    padding-top: 20px;
    width: 610px;
}

.pagebody div.coursecollectionadm .contentbody-right{
    padding-right: 30px;
    padding-top: 30px;
    width: 230px;
}
 .coursecollectionadm .contentbody-right table{
   width:100%;
}
 .coursecollectionadm .articleindex .contentspagelist th{
  background-image:none;
}
th.coursecollection-comment {
  width:50px;
}


/* radio button v2*/
.radio-buttonV2 input.radio,
.radio-buttonV2 label{
    vertical-align: middle;
}
.radio-buttonV2 input.radio{
  margin-right:0;
}

.radio-buttonV2 label{
  margin-right:5px;
}

/*dm-panel in pagebody*/

.dm-panel-inpagebody{
    margin: 10px auto;
    width: 662px;
}
.pagebody .dm-panel-inpagebody .dm-panel {
    background-color: #fff;
    border: 2px solid #dcdcdc;
    border-radius: 5px 5px 0 0;
}
.dm-panel-inpagebody .dm-panel  .dm-panel-footer {
   
}
.syllabus-status{
   padding-bottom:10px;
}
.syllabus-status table.edit tr td,
.syllabus-status table.edit tr th{
   border-bottom:medium none;
}


.syllabus-comments{
    padding: 24px 30px 20px 10px;
    width: 621px;
    position:relative;
}
.syllabus-comments .pagecomcontainer{
    padding: 20px 0 0;
}

.syllabus-text{
    margin:1em;
    word-break: break-word;
}


table#table-coursenumber #cntitle{
padding-left:10px
}

table#table-coursenumber select {
  width: 95%;
}

.webat-syllabusadmin-invisible-on-multilang{
padding:10px 0 ;
}
h3.webat-syllabusadmin-visible-on-multilang{
  margin:5px 0 0;
}

.my-infolist-syllabus .my-infolist-header {
    background-image: url("/bg_syllabus_header1.gif");
}
.my-infolist-syllabus .my-infolist-body{
   padding:10px;
}

.syllabus   table.edit tr.edit-doublecolumn td textarea{
  width:98%;
}
.syllabus  .articlebody table.edit th {
    width: auto;
}

/*eminder-detail-panel*/
.tpanel_frame  .reminder-detail-panel  h2, .pagebody .reminder-detail-panel  h2{
   padding:30px 180px 0 30px;
}

.reminder-detail-panel .reminder-detail-send{
    position: absolute;
    right: 20px;
    top: 35px;
}
.reminder-detail-panel h3.reminder-detail-panel-to{
    font-weight: normal;
    padding: 0 20px;
    text-align: right;
}

.reminder-detail-panel .dm-panel-body{
   height:400px;
}
.pagebody .reminder-detail-panel .dm-panel-body{
   height:auto;
}

/*project header v2*/
.project-headerV2 h1 {
    float: left;
    padding-right: 0;
 max-width: 595px;
}
.project-headerV2 .project-detail-link{
padding-top:14px
}
.course .project-headerV2 div.rightmostbutton{
    top: 9px;
}

/*coll rate*/
.ratelist .ratelist-comment {
    border-top: 1px dotted #b4b4b4;
    margin-top: 2px;
    padding: 3px 10px;
}
span.ratecount {
    border-color: #b4b4b4;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: inline-block;
    height: 16px;
    padding-right: 3px;
    vertical-align: middle;
}
span.ratecount-pointer {
    background: rgba(0, 0, 0, 0) url("bg_ratecount.png") no-repeat scroll 0 0;
    display: inline-block;
    height: 16px;
    padding: 1px 0;
    vertical-align: middle;
    width: 10px;
}
.pagecomicon input.inline{
   vertical-align:middle;
}
/* drive file list*/
.googledrive-filelist{
    border-bottom: 1px dotted #ccc;
    padding: 2px;
}

/*query u-assist*/
.querydatapacificV2 #container,
.querydatapacificV2 .course .pagebody{
padding-left: 10px;
padding-right: 10px;
width: auto;
min-width:1110px;
padding-top:0;
}

.query-datapacific iframe{
background-color: #fff;
border: medium none;
float: left;
height: 650px;
margin-bottom: 20px;
margin-right: 10px;
width: 625px;
}

.query-datapacific  .querybody .querypaper{
margin-left: 650px;
max-height: 630px;
padding: 10px 0 10px 15px;
}
.query-datapacific  .queryshow .querybuttons {
    padding: 24px 20px !important;
}


/* bulksurvey survey*/
table.stdlist tr.title-sub td,
table.stdlist tr.title-sub th{
  text-align:left;
}
.my-infolist-bulkquery .my-infolist-body div.news-title{
    line-height: 17px;
    vertical-align: middle;
}
.my-infolist-bulkquery .my-infolist-body div.news-title img{
   vertical-align:middle;
}
.my-infolist-bulkquery .my-infolist-body div.news-title{
  width:500px;
}
svg.webat-chartbox{
}
/*time table select*/

.panel_timetable{
    background: #fff none repeat scroll 0 0;
    border: 1px solid #888888;
    padding: 10px;
}
table.matrix_selector__table{
   border-collapse:collapse;
   border:1px solid #9ecf4c;
}

.matrix_selector {
    user-select: none;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
}
table.matrix_selector__table tr th,
table.matrix_selector__table tr td {
    border-left: 1px solid #9ecf4c;
    height: 25px;
    padding: 0;
    text-align: center;
    width: 25px;
   cursor:pointer;
}

.matrix_selector th:hover,
.matrix_selector td:hover {
    background-color: #d1e0e0;
}

.panel_timetablev2 table.matrix_selector__table {
    border: medium none;
    border-collapse: separate;
    border-spacing: 2px;
    margin-bottom: 5px;
}
.panel_timetablev2 table.matrix_selector__table tr td, .panel_timetablev2 table.matrix_selector__table tr th {
    border: 1px solid #dddddd;
    border-radius: 3px;
    height: 20px;
    padding: 3px 0 2px;
    vertical-align: middle;
}
.panel_timetablev2 table.matrix_selector__table tr td {
    background-color: #f7f7f7;
}
.panel_timetablev2 table.matrix_selector__table tr td:hover, .panel_timetablev2 table.matrix_selector__table tr th:hover {
    background-color: #effbff;
    border-color: #bcbcbc #ddd #ddd #bcbcbc;
    border-width: 1px;
}
.matrix_selector .selected {
    background-color: #fffeb9;
}
.panel_timetablev2 .matrix_selector .selected {
    background-color: #d5f2ff;
    border-color: #bcbcbc #ddd #ddd #bcbcbc;
    border-width: 1px;
}
.reminderpanel .reminder-select{
    background-color: #ecfcd7;
    margin: 10px auto;
    padding: 5px 20px;
    text-align: left;
    width: 230px;

}
.rpanelstarttime{
    background-color: #D7E4BD;
    padding:2px 0;
    font-weight:bold;
}

.reminderpanel .reminder-select ul{
    padding: 10px 20px;
    
}
.reminderpanel .reminder-select ul li{
    line-height: 1.6em;
}
/*comment preview*/
.previewpanel{
    background-color: #fff;
    padding: 10px;
}
.previewpanel .pagecomentry{
   border-bottom: medium none;
}
.previewpanel ul.infomsg li{
   list-style:none;
   color:#ff0000;
}
.previewpanel .pagecomment{
   margin: 0 auto;
    width: 600px;
}

/*mymenu*/
.my-infolist-mymenu .my-infolist-header {
    background-image: url("/bg_mymenu_header.png");
}
.my-infolist-mymenu .my-infolist-body{
   padding:10px;
}
.my-infolist-mymenu .my-infolist-body table{
}
.my-infolist-mymenu .my-infolist-body ul{
    border-top: 1px dotted #bfbfbf;
    margin-top: 5px;
    padding-left: 15px;
    padding-top: 5px;
}

.my-infolist-mymenu .my-infolist-body ul li{
    line-height: 2em;

}
.my-infolist-mymenu .my-infolist-body li img {
    padding-right: 5px;
}
.my-infolist-mymenu .my-infolist-body ul li.current{
   background-color:#f4fbe2;
}
table .booking-status{
  background-color:#f0f0f0;
  border-radius:3px
}
table.bookinglist .status-r{
  color:red;
  background-color: #dddddd;
border: 1px solid #dddddd;
}
table.bookinglist .status-u{
  color:gray;
  background-color: #dddddd;
border: 1px solid #dddddd;
}
table.bookinglist .status-a{
  color:black;
  background-color:#fff;
  cursor:pointer;
border: 1px solid #dddddd;
}
table.bookinglist .status-a:hover{
  background-color:#d5f2ff
}
table.bookinglist .status-p{
  color:red;
  background-color:#ECFCD7;
border: 1px solid #dddddd;
}
.alert-link{
    background-color: #ffe9ce;
    margin: 10px;
    padding: 3px;
    text-align: center;
}
.alert-link a{
  color:#ec683f;
  font-weight:bold;
}

body .managememberballoon{
z-index:100;
background-color: white;
border-radius: 2px;
border: solid 1px #BABFC4;
}
.managememberballoon{
 padding:5px;
}

.contentbody-left .submit-log .ellipsis-title {
    width: 200px;
}
.project .thread-tree .articleheader .articlesubject-havemsgbody{
   width:565px;
}

.project .thread-tree .articleheader .articlesubject-havemsgbody {
    width: 534px;
}

.project-body .thread-tree .articleheader .articlesubject {
     width:300px;

}
.project-body .thread-tree .articleheader .articleauthor {
    padding-right: 40px;

}
.project-body .threadchildlist .articleheader .articlesubject {
    width: 270px;
}
.project-body .thread-tree .threadchildlist .articleheader .articleauthor {
    padding-right: 20px;
}

.project-body .thread-tree .msgcontainer .articlecontainerV2 .articleheader,
.project-body .thread-tree .msgcontainer .articlecontainerV2 .articleheader:hover {
    background-position: 573px center;
}
.project-body .thread-tree .msgcontainer .articlecontainerV2 .articleheader:hover {
    background-position:573px center;

}


.project-body .thread-tree .msgcontainer .hilitearticle .articleheader-havemsgbody {
    background-position: 573px center;
}
.project-body .thread-tree .msgcontainer .hilitearticle .articleheader-havemsgbody:hover{
    background-position: 573px center;

}
.project-body .thread-tree .msgcontainerbody .articleheader .articlesubject ,
.project-body .threadchildlist .msgcontainerbody .articleheader .articlesubject {
   width: 515px;
}
.project-body .thread-tree .msgcontainer{
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-left: medium none;
    padding-left: 0;
}
.project-body .thread-tree .msgcontainerbody {
    padding-bottom: 30px;
}
.project-body .thread-tree .threadchildlist .comdest{
   margin-left:-31px;
     background-color:#fff;
}

.nowloading-panel{
   background-color:#EEEEEE;
    padding:15px;
    border-radius: 10px;
   width:200px;
   margin: 0 auto;
    box-shadow: 4px 3px 5px #404040;
   text-align:center;
}

.nowloading-panel p {
    color: #999;
    font-size: 150%;
    padding-bottom: 10px;
}
/*form report*/
.pagebody .report-form-formreport li {
    line-height: 1.6;
    padding-left: 15px;
}
/*header logo preview*/
.admin  .header-preview{
    border-bottom: 3px solid #529c09;
    margin: 0 auto 20px;
    padding: 10px;
}

.admin  .header-preview .orgheader{
   height: 90px;

}
.managememberballoon table hr{
    border-color: #babfc4;
    border-image: none;
    border-style: solid;
    border-width: 1px 0 0;
    color: #babfc4;
    height: 1px;
}

/*respon new layout*/
body.responresultform{
  height:100%;
  background-color:#FACE20;
    overflow: hidden;
}
body.responresultform #container,
body.responresultform .course .pagebody,
body.responresultform .course .pagebody div,
body.responresultform .sokuhou-pagebodyV2{
  width:auto;
  height:100%;
    padding: 0;
}
/*child course*/
.pageheader-course-child .pageheader-course-coursename {
    height: auto;
}

.pageheader-parent-coursename {
    border-bottom: 1px dotted #2449a8;
    display: inline-block;
    font-size: 12px;
    line-height: 1.4em;
    padding-top:3px;
}
.pageheader-parent-coursename a:hover{
  text-decoration:none;
}
.pageheader-child-coursename {
    background: rgba(0, 0, 0, 0) url("/bg_grouplist-line03.gif") no-repeat scroll 4px 0;
    line-height: 1.4em;
    padding-left: 15px;
}
.course-select{
  padding:5px 0;
}
.course-select select{
   max-width:100%;
}
.couraselocationinfo{
    background-color: #fff;
    border-radius: 5px;
    margin-top: 5px;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    white-space: nowrap;
    color:#2e7c40;
    
}
/*admin link-list preview*/
#admin .my-infolist {
    width: 230px;
}

#admin .my-infolist ul.tips-list {
    margin-left: 0;
    margin-top: 0;
}

#admin .my-infolist ul li {
    list-style: outside none none;
}
/*グループニュース*/
.groupnews-msg .description {
    margin: 10px;
}
.info-list-card-groupnews .info-list-card-header {
    position:relative;
    background-image: url("bg_groupnewsV2_header1.png");
}
.info-list-card-groupnews .info-list-card-body .groupnewslist{
   height:auto;
   padding-bottom:10px;
}
.info-list-card-groupnews .info-list-card-body .no-info{
    height:auto;
}
.info-list-card-groupnews .info-list-card-header .info-list-addbutton{
  width:129px;
}
.info-list-card-groupnews .info-list-card-body .groupnewslist th{
    width: 70%;

}
.info-list-card-groupnews .info-list-card-body .groupnewslist th a{
   width: 590px;

}
.groupheader {
    margin-bottom: 15px;
    background: #f0fae0 none repeat scroll 0 0;
    border-bottom: 1px solid #d6ecba;
    min-height: 48px;
    position: relative;
}
.groupheader h1 {
    background: rgba(0, 0, 0, 0) url("/icon_group.png") no-repeat scroll 25px 12px;
    border-left: medium none;
    margin-top: 0;
    padding: 13px 230px 13px 50px;
}
.course .teacherview .groupheader div.rightmostbutton {
    margin-top: 5px;
    position: absolute;
    right: 130px;
    text-align: left;
    top: 9px;
}

.admin div.form h3.course-type {
    border-bottom: 1px solid #999999;
    color: #cc6666;
}
/* まとめ選択リンク*/
div.setting-menu-link{
    background-color: #f2f2f2;
    border-radius: 3px;
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    min-height: 20px;
    padding: 5px 10px;
}
div.setting-menu-link a{
  background:none;
}
.course .teacherview div.rightmostbutton div.setting-menu-link a img{
  margin-left:0;
}
div.setting-menu-link ul{ 
    font-weight: normal;
}
/*course setting v2*/

.courseprofileV2 ul.course_profile{
     margin-bottom:20px;
}

/*kinkyu*/
.tpanel_frame .kinkyu-panel, .pagebody .kinkyu-panel{
   padding-top:25px;
}
.kinkyu-panel .msg-kinkyu{
    padding: 5px 0;
}
.my-course .my-infolist.my-infolist-kinkyu {
    margin-right: 17px;
}
.my-course .my-infolist-kinkyu .my-infolist-body tr .news-title {
   padding-left:0;
   background-image:none;
}
/*whatsnew*/
.my-infolist-whatsnew .my-infolist-body div.news-title{
    height:20px;
    min-height:20px;
}
.my-infolist-whatsnew .my-infolist-header{
    background: url("bg_mywhatsnewlist_header1.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.my-infolist-whatsnew .my-infolist-header h2 {
    padding-left: 28px;
}
.my-infolist-whatsnew  .my-infolist-body tr{
    border-bottom-color: #babfc4;
}
.my-infolist-whatsnew  .my-infolist-body tr.row0{
    background-color: #f7f7f7;
}

.my-infolist-whatsnew  .my-infolist-body td{
   padding:5px;
}
    .my-infolist-whatsnew  .my-infolist-body td b{
         color: #2e7c40;
    }
    .my-infolist-whatsnew  .my-infolist-body td .news-group{
        display: block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 170px;
    }


/*coursennews mypage*/

.contentbody-left .my-infolist.my-infolist-coursenews {
    width: 670px;
}
.contentbody-l .my-infolist.my-infolist-coursenews {
    width: 700px;
   margin:0 auto;
}
      .my-infolist.my-infolist-coursenews .groupthreadlist{
         height:auto;
        }
/*coursenewslist coursepage*/

.groupnewslistV2 table {
    table-layout: fixed;
}
.groupnewslistV2 th{
    height: 24px;
    max-height: 24px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}
.group-top .groupnewslistV2 th a {
    display: inline;
    min-height: 19px;
    width: auto;
}
span.coursenews-category,
span.exam-category,
span.coll-category{
    font-weight:normal;
    background-color: #fff;
    border: 1px solid #666;
    border-radius: 4px;
    color: #666;
    display: inline-block;
    font-size: 11px;
    line-height: 1.2em;
    margin-right: 5px;
    padding: 2px 6px;
    vertical-align: middle;
}
span.coll-category{
 margin-bottom:2px;
}
span.coursenews-category-r{
    border-color: #666;
    color: #666;
}
.msg-subject span.coursenews-category{
     margin-right: 5px;
}

/*full text  search*/
.search-result-fulltext .search-title a span{
    max-width: 210px;
}

/*admin layout v2*/


.admin div.batchdownload-button {
    margin: 20px auto 20px;
    padding: 15px;
    width: 420px;
}

.admin .wizard-form-active .description{
    display:none;
}

/*open syllabus*/
.psyllabus #header {
    height: 72px;
    padding-bottom: 31px;
    background: transparent url("bg_header1.gif") no-repeat scroll 0 bottom;
}
 #header span.syllabus-header{
    background: rgba(0, 0, 0, 0) url("bg_h1_login1.gif") no-repeat scroll 0 50%;
    color: #468e00;
    font-size: 150%;
    padding-left: 28px;
    position: absolute;
    top: 25%;
    left: 5px;
}

/*mycourse courseonly*/
.mycouesemenu-left{
   vertical-align:top;
   width:600px;
   display:inline-block;
   padding:0 10px 15px 15px;
}
.mycouesemenu-right{
   vertical-align:top;
   width:300px;
   display:inline-block;
   padding:0 15px 15px 5px;
}
.contentbody-center  .my-infolist-centernews{
  display:none;
}
ul.infolist-tab {
    border-bottom: 1px solid #9ecf4c;
    height: auto;
    margin-top: 5px;
   height:23px;
}
  ul.infolist-tab li {
   list-style:none !important;
   margin-bottom:-1px;
}
  ul.infolist-tab li a,  ul.infolist-tab li input{
      border-color: #babfc4;
      border-image: none;
      border-radius: 3px 3px 0 0;
      border-style: solid;
      border-width: 1px 1px 0;
      color: #666666;
      cursor: pointer;
      display: inline-block;
      float: left;
      height: 15px;
      margin-right: 5px;
      padding: 3px 12px 5px;
      text-align: center;
  }
  ul.infolist-tab li input{
   background:#fff;
  }
  ul.infolist-tab li  a,  ul.infolist-tab li input{
     color:#666666;
  }
  ul.infolist-tab li  a:hover,  ul.infolist-tab li  input:hover{
      color:#529C09;
     text-decoration:none;
 }
    ul.infolist-tab li.current a,    ul.infolist-tab li.current input{
       border-color: #9ecf4c;
       font-weight: bold;
background: #b5ce8a; /* Old browsers */
background: -moz-linear-gradient(top,  #b5ce8a 0%, #dbf2b0 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5ce8a), color-stop(0%,#dbf2b0), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top,  #b5ce8a 0%,#dbf2b0 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top,  #b5ce8a 0%,#dbf2b0 0%,#ffffff 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top,  #b5ce8a 0%,#dbf2b0 0%,#ffffff 100%); /* IE10 preview */
background: linear-gradient(to bottom,  #b5ce8a 0%,#dbf2b0 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ce8a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
    }
    ul.infolist-tab li.current a:hover,ul.infolist-tab li.current input:hover{
           color:#529C09;
    }
    ul.infolist-tab li.current a,ul.infolist-tab li.current input{
       color:#529C09;
    }
.teacherview ul.infolist-tab,
.admin ul.infolist-tab {
    border-bottom: 1px solid #babfc4
}
.teacherview  ul.infolist-tab li a, .teacherview  ul.infolist-tab li input,
.admin  ul.infolist-tab li a{
      border-color: #babfc4
      color: #666666;
  }
.teacherview  ul.infolist-tab li  a, .teacherview  ul.infolist-tab li  input,
.admin  ul.infolist-tab li  a{
     color:#666666
  }
.teacherview  ul.infolist-tab li  a:hover, .teacherview  ul.infolist-tab li  input:hover,
.admin  ul.infolist-tab li  a:hover{
     color: #4c85e4;;
 }

 .teacherview ul.infolist-tab li.current a,  .teacherview ul.infolist-tab li.current input,
 .admin ul.infolist-tab li.current a{
     border-color: #babfc4;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b5ce8a+0,ededed+0,ffffff+100 */
background: #b5ce8a; /* Old browsers */
background: -moz-linear-gradient(top, #b5ce8a 0%, #ededed 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b5ce8a), color-stop(0%,#ededed), color-stop(100%,#ffffff)); /* Chrome4-9,Safari4-5 */
background: -webkit-linear-gradient(top, #b5ce8a 0%,#ededed 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: -o-linear-gradient(top, #b5ce8a 0%,#ededed 0%,#ffffff 100%); /* Opera 11.10-11.50 */
background: -ms-linear-gradient(top, #b5ce8a 0%,#ededed 0%,#ffffff 100%); /* IE10 preview */
background: linear-gradient(to bottom, #b5ce8a 0%,#ededed 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5ce8a', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

    }
    .teacherviewul .infolist-tab li.current a:hover, .teacherviewul .infolist-tab li.current input:hover,
    .admin .infolist-tab li.current a:hover{
           color:#4c85e4;
    }
    .teacherview ul.infolist-tab li.current a,    .teacherview ul.infolist-tab li.current input,
    .admin ul.infolist-tab li.current a{
       color:#666666;
    }
    .admin ul.infolist-tab li.current a:hover{
       color:#666666;
    }

/*coursenews list*/
.contentbody-l .my-infolist-coursenews .my-infolist-body{
   border:medium none;
}

.my-infolist-coursenews .newsentry,
.my-infolist-coursenews .news-courseinfo  {
    display: inline-block;
    height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width:400px;
}
.my-infolist-coursenews .groupthreadlist {
   padding-top:10px;
}

#coursenewslistdiv .my-infolist-coursenews .groupthreadlist th,
.contentbody-l .my-infolist-coursenews .groupthreadlist th{
    background-image: none;
    padding: 0;
}
#coursenewslistdiv .my-infolist-coursenews .groupthreadlist th a,
.contentbody-l .my-infolist-coursenews .groupthreadlist th a{
    display: inline;
    white-space: normal;
    width: auto;
}
.my-infolist-coursenews .groupthreadlist th a{
   vertical-align:middle;
}

/*help text*/
#hidden-comment p{
 /* padding-bottom:10px;*/
}

/*announcement list*/

.home .contentbody-s-700 .my-infolist-centernews,
.home .contentbody-s-700 .my-infolist.my-infolist-kinkyu
 {
    margin: 0 auto;
    width: 670px;
}
.home .contentbody-s-700 .my-infolist-centernews .my-infolist-body{
    margin-right: 0;
}

.contentbody-s .my-infolist-centernews .my-infolist-body div.news-title{
   width:330px;
}
.my-infolist-centernews .my-infolist-body #pubannouncementlistdiv div.news-title{
   height:20px;
}
.announcement-category{
   color:#2e7c40;
   display:inline-block;
   padding:1px 6px;
   background-color:#fff;
   border-radius:5px;
}
.tpanel_frame .msg .announcement-category{
   color:#2e7c40;
}
.teacherview .announcement-category {
    color: #4071c1;
}
.select-tree .tree-frame {
    border-color: #dddddd;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    margin-bottom: 5px;
    margin-left: 15px;
    padding: 5px 5px 5px 10px;
}
.tree-frame div.tree-frame:last-child, .select-tree div:last-child {
}
.tree-frame div.tree-frame:last-child .tree-start {
    padding-left: 15px;
}
.tree-frame div:first-child .tree-start {
    background: rgba(0, 0, 0, 0) url("/bg_grouplist-line03.gif") no-repeat scroll 0 0;
    border-left: medium none;
}

.select-tree .tree-leaf {
    display: inline-block;
    padding: 3px 0 0;
}

.tree-leaf label {
    display: inline-block;
    min-width: 20px;
    padding-right: 8px;
    text-align: center;
}
.tree-leaf label:hover{
    background-color: #d5f2ff;
}
.tree-frame .tree-start {
    border-left: medium none;
}
.select-tree .tree-leaf:last-child {
    border-left: medium none;
}
.tree-leaf input {
    vertical-align: middle;
}
.tree-start.tree-leaf input[type="button"] {
    height: auto;
    margin: 0;
    padding: 0 5px;
}
.select-tree .tree-start {
    background: #ebedef none repeat scroll 0 0;
    display: block;
    padding: 3px 10px;
}

.report-comment{
   padding-top:10px;
   width:621px;
   margin:0 0 0 auto;
}
.calendar-thismonth{
    bottom: 0;
    position: absolute;
    right: 5px;
    text-align: right;
}
div#tpanel_frame div.attend-qr-content,div.v2 div#attend-qr-content::after {
    position: absolute;
    right: -50px;
    top: -25px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    content:"×";
}

/*project*/
.reportinfo .msg-info-caption{
   font-weight:bold;
}
.pagebody div.project-detail .contentbody-right .articleindex table.memberlist tht{
   background-image:url(icon_profile_detail.png);
}

/*maycourse-tab*/
.my-course .contentbody-left .my-infolist-mycourses ul.infolist-tab{
margin-top: -25px; 
margin-bottom: 5px; 
margin-right: 20px;

}
/*contents view*/

.contents-admin .contentsheaderV2 .contents-modtime {
    left: 550px;
    right: 0;
    top: 25px;
}
.contents-admin .contentsheaderV2 .contents-accesscount{
   top:45px;
    right:0;
    left:550px;
   width:300px
}


/*graph*/
.graph_wrapper{
    padding-bottom: 15px;
}

.home div.button-switchview-graph,
.course div.button-switchview-graph {
    color: #1a1a1a;
    float: left;
    vertical-align: middle;
}
.home div.button-switchview-graph input,
.course div.button-switchview-graph input {
    vertical-align: middle;
   float:none;
}
.home div.button-switchview-graph img,
.course div.button-switchview-graph img,
.home div.button-switchview-graph span,
.course div.button-switchview-graph span {
   float:none;
    vertical-align: text-top;
}
.course .respondents {
    float: left;
}
.home div.qid .qnum,
.course div.qid .qnum {
    float: left;
}
svg.webat-chartbox2 {
    display: block;
    margin: 0 auto;
}
svg.webat-chartbox2 .axis path,
svg.webat-chartbox2 .axis line {
    fill: none;
    stroke: black;
    shape-rendering: crispEdges;
}
svg.webat-chartbox2 .axis text {
    font-family: sans-serif;
    font-size: 12px;
}
svg.webat-chartbox-mp {
    display: block;
    margin: 0 10;
}
svg.webat-chartbox-mp .axis path {
    fill: none;
    stroke: black;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}
svg.webat-chartbox-mp .axis line {
    fill: none;
    stroke: #bababa;
    stroke-width: 1px;
    shape-rendering: crispEdges;
}
svg.webat-chartbox-mp .axis text,
svg.webat-chartbox-mp .total text,
svg.webat-chartbox-mp .tooltip text {
    /*font-family: sans-serif;*/
    font-size: 11px;
   color:#666;
}

table.stdlist-query svg.webat-chartbox2 {
    border-color: #babfc4;
    border-image: none;
    border-style: solid;
    border-width: 3px 1px 1px;
    height: auto;
    padding: 10px 0 0;
    width: 80%;
}
 #login_cnt,#access_cnt{
   position:relative;
  }

 #login_cnt .link, #access_cnt .link{
   position: absolute;
   top: 2px;
   right: 15px;
 }

.course-menuV2  span#examstatus, 
.course-menuV2  span#reportstatus, 
.course-menuV2  span#gradestatus, 
.course-menuV2  span#surveystatus{
   top:-5px;
}

.pageheader-course .course-submenu div{
 position:absolute;
}
.course-submenu {
   height:0;
   padding-left: 92px;
  /* visibility: hidden;*/
   transition: all 200ms 0s ease;
   z-index: 1;
   position:absolute;
   margin: 0 20px;
}
.submenu-active{
  height:22px;
   background-color: #f7f7f7;
   /*background-color:#ebebeb;*/
   padding-bottom:3px;
   padding-bottom:8px;
   position:relative;
   border: 1px solid #b7b7b7;
   border-radius:5px;
   margin-top: 10px;
   transition: all 200ms 0s ease;
   visibility:visible;
   z-index: 0;

}

.course-submenu .infolist-tab{
  display:none;
}
.submenu-active  .infolist-tab{
   display:block
}
.course-submenu ul.infolist-tab {
    border-bottom: medium none;
    text-align:left;
    margin-top: 3px;
}
.course-submenu ul.infolist-tab li{
    display: inline-block;
    background: url("icon_header-linklist-off.png") no-repeat 0 6px;
}

.course-submenu ul.infolist-tab li a,
.teacherview .course-submenu ul.infolist-tab li a{
    border: medium none;
    padding: 0px 10px 3px 12px;
    margin: 5px 3px 2px 5px;
}

.course-submenu ul.infolist-tab li:hover ,
.course-submenu ul.infolist-tab li.current {
    background: url("/icon_header-linklist1.png") no-repeat left 6px;
}

.course-submenu ul.infolist-tab li.download{
background-image: url("/marker-download02.gif");
background-position: left 3px;
}
.course-submenu ul.infolist-tab li.download:hover{
background-image: url("/marker-download.gif");
	background-position:3px 6px;
}


.course-submenu ul.infolist-tab li.current a {
    background: transparent;
    border-bottom: medium none;
}

.teacherview  .course-submenu {
  /*  background-color: #dbdbdb;*/
}
.course-submenu-close{
   display:none;
}
.submenu-active .course-submenu-close{
   display:block;
    position: absolute;
    top: 8px;
    left: 50px;
    cursor: pointer;
}
 .submenu-pointer{
   display:none;
}
.submenu-active .submenu-pointer{
  display:block;
position: absolute;top: -11px;left: 146px;
}


#coursemember-submenu,
#courseattend-submenu{
   padding-right: 30px;

}
#coursemember-submenu ul,
#courseattend-submenu ul{
  text-align:right;
}

.icon-submenu {
    background: url(/submenu_open.png) no-repeat;
    position: absolute;
    right: 5px;
    top: 11px;
    width: 13px;
    height: 13px;
}
.coursemenu-submenu-on .icon-submenu {
  /*  background-image: url(/submenu_close.png) ;*/
}
#coursemember-submenu .submenu-pointer{
right: 237px;left: auto;
}
#coursecollection-submenu .submenu-pointer{
  left: 242px;left: auto;
}
#courseattend-submenu .submenu-pointer{
right: 139px;left: auto;
}

/*online help*/
.help-box{
  background:url('/icon_help.png') no-repeat;
  min-width:16px;
  min-height:16px;
  vertical-align:middle;
  display:inline-block;
 position:relative;
  cursor:pointer;
}
.help-box:hover{
  background:url('/icon_help-focus.png') no-repeat;
}

.help-box-panel{
    display:none;
    background-color: #F7F7F7;
    background-image: none;
    border:1px solid #BABFC4;
    border-radius: 4px;
    box-shadow: 1px 2px 2px #e0e0e0;
    color: #333;
    /*font-size: 90%;*/
    font-weight: normal;
    margin-left: 20px;
    margin-top: 0;
    padding: 5px 12px;
    position: absolute;
    top: -3px;
    width: 300px;
    z-index: 100;
   text-align:left;
}
  .teacherview ul.infolist-tab-grade{
     height:29px;
 }
  .teacherview  ul.infolist-tab-grade li a{
    padding: 6px 14px 8px;
}

/*65536行エクセル*/
#admin .form.wizard-form ul.errmsg {
    margin: 10px;
}

/*googledrive, LTI attachment*/
.inlineattachment-googledrive iframe,
.inlineattachment-googledocs iframe,
.inlineattachment-lti iframe{
   width:100%;
   border: medium none;
}
.inlineattachment-lti iframe{
  min-width: 100%;
}

.inlineattachment-googledocs iframe,
.inlineattachment-lti iframe{
   min-height:400px;
}


.reporttext .queryv4 {
    max-height: 250px;
    overflow-y: auto;
    overflow-x: hidden !important;
}
.contentbody-left #query-answer .articletext{
    width:auto;
}
.contentbody-left .report-submit-list #query-answer{
    max-height:400px;
     overflow-y:auto;
     overflow-x:hidden !important;
}
.contentbody-left .reporttext  #query-answer{
  max-height:250px;
    overflow-y: auto;
    overflow-x: hidden !important;
}

/*log*/
.teacherview table.stdlist tr.row-top-border td {
border-top:1px dotted #babfc4;
}
/*batchdownload*/
.batchdownload-container div.batchdownload-button{
   margin:0;
   background-color:#fff;
}
/*now loading*/
#tpanel_framenowloading{
   pagging-top:50px;
}
/*studentsubmitlist*/
.coursecollection .articleindex .contentspagelist  ul.studentsubmitlist li{
  list-style:none;
}

/* safari11 font */
.fix106593 {
  font-family: 'Arial',Verdana,'ＭＳ Ｐゴシック',sans-serif;
}

/*S.UseMathJax && S.UseMathJaxFont) || S.CSSPreStyle*/
    .articletext, .querybody,.articletext *,  .msg-text, .querybody *, .thread .articlebody *, .msg-text *
{
    font-family:'ヒラギノ角ゴ Pro W3','Arial',Verdana,'ＭＳ Ｐゴシック',sans-serif;
    }
     .msg-text pre ,body.rteditor pre,.articlebody pre,.articletext pre, .articlebody .articlebody-msgbody pre{
    color: black;
    font-family: "Courier New",Courier,fixed;
    font-size: 100%;
    line-height: 1.3;
    margin-left: 4px;
    margin-top: 0.5em;
    padding-top: 0;
    white-space: pre-wrap;
    word-break: break-all;
      }
/* S.TextWordWrapBreak*/
      table.stdlist-report, table.stdlist-query{
         word-wrap: break-word;
       }
    table.stdlist-query td.word-break {
        max-width: 450px;
      }
   table.stdlist-report td{
       max-width:546px;
    }

      table.queryshow{
      table-layout:fixed;
     }
      .reporttext-body{
         word-wrap: break-word;
       }
/*S.CSSQueryScrollX*/
      .queryv4 .articletext ,.queryv4 .articlebody, .queryv4 td.articlebody .querypaper{
        overflow-x:auto;
      } 
/*S.CSSPermutationFix*/
     .queryv4 div.permutation-response-field{
        height:auto;
        min-height:20px;
       }

/*S.CSSJiraiyaFix*/
    .syllabus .articlebody-teacherview h1{
    background-color: #f7f7f7;
    background-image: none;
    border-left: 6px solid #99CF3E !important;
    padding-left: 8px;
     }
    .syllabus .teacherview  .articlebody-teacherview h1{
    background-color: #f7f7f7;
    background-image: none;
    border-left: 6px solid #babfc4 !important;
      }
   .teacherview .articlebody-teacherview h2{
         color: #666;
      }
   .teacherview .articlebody ul li{
   list-style-image:url("/marker-diamond-teacherview.png")
    }
#panel_frame .qcantpubpanel{
    background-color: #FFFFFF;
    padding: 40px 20px 20px;
    text-align: center;
   width:420px;
}

/*S.CSSYatsurugiFix */
        .linkballoon {
           z-index:201;
          }
         .project-body .threadV3 .articlesubject {
             width: 555px;
         }
            .thread-tree .msgcontainer .articlecontainer-deleted .articleheader{
              background-image: none;
              border-bottom: 1px solid #b9b9b9;
          }
          .queryv4 div.permutation-choice.required.unfilled{
              border:medium none;
          }
          .queryv4 div.permutation-choice.required.unfilled{
              border:medium none;
          }
           .queryv4  .hilite_required_on_submit div.permutation-choice.required.unfilled{
              border:2px solid red;
          }
/*S.CSSGyaradosFix S.FIX68562 */
     .articlefiles-reporthtml li.checked, .querypaper li.checked{
      font-weight:bold;
     }
     table.edit-reportaddform td textarea.form-input-text, table.edit-reportmodform td textarea.form-input-text {
      height: 150px;
      width: 410px;
     }
     .articlefiles-reporthtml span.checked, .querypaper span.checked {
      font-weight:bold;
     }

.thread-tree .msgcontainer .articlecontainer-deleted .articleheader {
    background-image: url(/button_deleted_box-open.png);
}
.thread-tree .msgcontainer .articlecontainer-deleted .articleheader:hover {
    background-image: url(/button_deleted_box-open-focus.png);
}
.thread-tree .msgcontainerbody .articlecontainer-deleted .articleheader {
    background-image: url(/button_deleted_box-close.png);
}
.thread-tree .msgcontainerbody .articlecontainer-deleted .articleheader:hover {
    background-image: url(/button_deleted_box-close-focus.png);
}
.thread-tree .threadchildlist .articlecontainer-deleted .articleheader, 
.thread-tree .threadchildlist .articlecontainer-deleted .articleheader:hover{
   background-image:none;
}
.project-body .inlineaf-description{
   padding-left:30px;
}
   .info-list-card-body .showmore{
     padding-bottom:5px;
    padding-right:15px;
  }
   .top-contents-list .showmore{
    padding-right:15px;
 }

.info-list-card-body ul, .info-list-card-body .groupnewslist, .groupnews-body .groupnewslist, .groupthreadlist {
    height: 155px;
 }
/*S.ThreadTreeResNumber*/

             .thread-tree div.articlebody-msgbody .parentmsg-no {
               display: block;
               }
/*S.CSSTestNoScroll*/
    .queryv4 .articletext, .queryv4 .articlebody, .queryv4 td.articlebody .querypaper{
      max-height:none;
      overflow-y:visible;
     }
/*S.PagerV2*/
div.navigator {
    background-color: #f2f2f2;
    border-bottom: 1px solid #ccc;
    border-left: medium none;
    border-top: 1px solid #ccc;
    font-size: 90%;
    margin: 8px 0;
    padding: 4px 6px;
}
div.navigator span {
    display: inline-block;
    padding: 0 5px;
    vertical-align:middle;
    min-height: 1.6em;
}
div.navigator a, .navigator .pager-now {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
     min-height: 1.6em;
    padding: 1px 7px;
    vertical-align: middle;
}
div.navigator a.text-link{
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    margin:0;padding:0;
}

div.navigator .pager-now {
    background-color: #c2c2c2;
    color: #fff;
    font-weight: bold;
}
div.navigator  div.pager-change a{
   border:medium none;
    background-color: transparent;
    padding:1px;
}

div.navigator .pager-disable {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #3c3c3c;
    font-weight: normal;
}
/*S.PrintCSS*/
      @media print {
        #header,  .pagefooter,  #systemdebug {
        display: none;
        }   
        .home .pagebody, .group .pagebody, .board .pagebody, .user .pagebody, .page .pagebody, .course .pagebody, .syllabus .pagebody, .docx .pagebody, .childcourse .pagebody, .psyllabus .pagebody {
         border: medium none;
         }
         .course-menu,
         .pageheader-readonly-course,
         .pageheader-course .course-menu-admin {
             display: none;
         }
         .pageheader-course.pageheader-courseV2.pageheader-course-s.pageheader-course-sV2.pageheader-course-sV3 {
             height: auto;
              border-bottom: 1px solid #99cf3e;
              height: auto;
         }
         body .pagebody .pageheader-course-coursename {
              position: static;
         }
        .pageheader-course .pageheader-course-courseicon {
             float: left;
            position: static;
            text-align: center;
            padding-top:5px;
            height:auto;
        }
          .pageheader-course-courseicon img {
            height: 30px;
           width: auto;
           }
         .pagebody div.queryadm .contentbody-left .queryv4{
           max-height: none;
         }
     }
/* S.BUGFIXMenokurage || S.EnableCourseNewsFullTextSearch" */
      .searchlist-course{
      max-height: 200px;
     }

/*S.BUGFIXMenokurage*/
        ul.infolist-tab{
         height: 25px;
       }
           ul.infolist-tab li a{
           padding: 5px 14px 5px;
            }
        /*プルダウンメニューの位置調整*/
        td.pulldown-menu {
            text-align: center;
        }
         .pulldown-menu ul li{
            margin-left:0;
         }
         .pulldown-menu-center ul li{
            float:left;
         }
        td.pulldown-menu form{
           display:inline-block
        }

 /*  S.IconNewWindowLink*/

  .pagebody  a.blank,   .pagebody  span.blank{
        background-image: url(/icon_newwindow.png)  !important;
        background-position: right center !important;  
        background-repeat: no-repeat  !important;
         padding-right: 16px !important;
    }

/* add a  file*/
 .file-upload-button{
        background-image:url("button_add_file_ja.png");
        width:117px;
        height:31px;
        display: inline-block;
        cursor:pointer;
        margin:5px 0;
  }
 .file-upload-button:focus-within{
        outline: auto;
 }
 .file-upload-button:hover{
        background-image:url("button_add_file_ja-focus.png");
  }
 .file-upload-button-en{
        background-image:url("button_add_file_en.png");
  }
   .file-upload-button-en:hover{
         background-image:url("button_add_file_en-focus.png");
  }
.file-upload-button.uploading::after {
    content: url('/now_loading.gif');
    padding-left: 120px;
}
.file-upload-button.uploading {
    background-image:url("button_add_file_ja-disable.png");
}
.file-upload-button.file-upload-button-en.uploading {
    background-image:url("button_add_file_en-disable.png");
}
/*uploading*/
.file-upload-button.uploading::after {
    content: url('/now_uploading.gif');
    padding-left: 120px;
}
.course .form.reportsubmit-preview .file-upload-button.uploading::after {
    content: url('/now_uploading_bg-green.gif');
    padding-left: 120px;
}
.course .form .file-upload-button.uploading::after,
.course .teacherview .form.reportsubmit-preview .file-upload-button.uploading::after {
    content: url('/now_uploading_bg-gray.gif');
    padding-left: 120px;
}
.queryfileuploadform.uploading::after {
    content: url('/now_uploading.gif');
}  

/*all student course*/
.info-list-card-individual .info-list-card-header{
    position: relative;
    background-image: url("bg_individual_header1.png");
}

/*courselocation info v2 */
.couraselocationinfoV2 {
    white-space: normal;
}
/*contents added*/
#contents-admin-add table{
border-collapse: collapse;
text-align: left;
border: solid 1px #9ecf4c;;
width: 100%;
font-size:13px
}

#contents-admin-add table th{
    color: #2e7c40;
   border:1px solid  #9ecf4c;;
   border-bottom: solid 3px #9ecf4c;
 background-color: #dffabd;
padding: 3px;
}
#contents-admin-add table td{
   border:1px solid  #9ecf4c;;
padding: 3px;
}

#contents-admin-add h3 {
    border-bottom: 1px solid #99cf3e;
    border-left: medium none !important;
    color: #2e7c40;
    margin-bottom: 5px;
    margin-right: 18px;
    margin-top: 10px;
    padding: 0 8px 2px;
}

/*comment extend*/
.commentform-static{
    resize:vertical;
}
/*open colldatalist*/
table.open-colldatalist tr td,
table.open-colldatalist tr th{
  border-left:medium none;
   border-right:medium none;
}
table.open-colldatalist  td.colldate,
table.open-colldatalist  th.colltitle,
table.open-colldatalist  th.colldate{
   text-align:left;
}
.open-colldatalist th.colltitle {
  width: 470px;
  padding-left: 40px;
}
table.open-colldatalist th.colldate{
  width: 145px;
}

.button-right{
  text-align:right;
  padding-bottom:10px
}
.myassignments-title,
.mycourse-title,
.myreminder-title{
  table-layout: fixed;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: 230px;
}
.mycourse-title,
.myreminder-title{
width:180px;
}

/*reaction button*/

.reaction-button {
display: inline-block;
border: 1px solid #9b9b9b;
vertical-align: middle;
box-shadow: 1px 1px 1px #e9e9e9;
border-radius: 3px;
text-align: center;
color: #646464;
cursor: pointer;
font-weight: bold;
}
/*
.reaction-button .reaction-star:hover,
.reaction-button-on  .reaction-star:hover{
    background-image: url("reaction_icon_on.png");
}
*/

.reaction-button span {
    display: inline-block;
    vertical-align: middle;
   margin-right: 1px;
}
.reaction-button  a:link, .reaction-button  a:hover{
color: #646464;
text-decoration:none;
 }

.reaction-button-on  a:link, .reaction-button-on  a:hover{
text-decoration:none;
 }
.reaction-star {
    display: inline-block;
    width: 16px;
    height: 16px;
    background-image: url("reaction_icon_on_animation.png");
}


 @keyframes heartBlast {
   0% {
     background-position: left;
   }
   100% {
     background-position: right;
   }
 }
 
.reaction-button-on  .reaction-star {
   display: inline-block;
   background-position: right;
   -webkit-animation-name: heartBlast;
   animation-name: heartBlast;
   -webkit-animation-duration: .4s;
   animation-duration: .4s;
   -webkit-animation-iteration-count: 1;
   animation-iteration-count: 1;
   -webkit-animation-timing-function: steps(8);
   animation-timing-function: steps(8);
 }
.reaction-button-disable {
    background-color: #eee;
    border-color: #ccc;
    box-shadow: none;
    cursor: auto;
}
.reaction-button-disable:hover{
    background-color: #eee;
    border-color: #ccc;
}
.reaction-button-disable .reaction-star:hover{
}

.reaction-button a,
.reaction-button-disable
{
display:inline-block;
min-width: 35px;
height: 18px;
}


.reaction-list{
 display:inline-block;
}
.reactionballoon{
margin-top:10px;
}

.reactionballoon .balloonframe{
	width:150px;
	height:200px
}
.reactionballoon .ballooncontent{
	max-height:170px;
	width: auto;
	overflow-x: auto;
}
.reactionballoon .balloonpointer{
	left:10px;
}
.reactionballoon .ballooncontent ul{
	padding-left:5px;
		padding-top:5px
}
.reactionballoon .ballooncontent ul li{
	padding:5px 10px 0;
	list-style:disc inside url("icon_pagelist1.gif");
}
.reactionballoon .baloonclose {
    height: 16px;
    width: 16px;
    background-image: url(button_baloon_close.gif);
}
/*ポートフォリオ開閉*/
.collist-close-link{
  display:none
}
.collist-open .collist-open-link{
  display:none

}
.collist-open .collist-close-link{
  display:inline;
}
/*カテゴリ表示*/
.collldatalist td.colltitle-collcategory a{
height:auto !important;
}

/*external repotrt*/

.queryv4 fieldset{
 /* margin-bottom: 30px;*/
}
.reportsubmit-preview fieldset{
  margin-bottom: 0;
}


fieldset[disabled] .articletext {
  opacity: 0.5;
/*  color: #999;*/
}
fieldset#current .articletext {
  border: 2px dotted #9ecf4c;
}
.reportsubmit-preview fieldset[disabled] .articletext {
 opacity:1;
}

#RptForm .queryfileupload,
 .articlefiles-reporthtml .uploaded-query-files input{
	border: medium none;
}

/* responsive*/

 .responsive-mynavi,
 .responsive-myheader,
 .responsive-myheader .title,
 .responsive-br
   {
   display:none;
  }

.responsive  .header-sp-link-l{
 
}
.responsive-mynavi, .header-menu-button,
.responsive-myheader #header-menuv2{
     display: none;
}
.responsive .ct-header {
    border-bottom: 1px solid #2e7c40;
    border-top: 1px solid #ccd6e2;
    background-color: #6AAE00;
    background: -webkit-gradient(linear, left top, left bottom, from(#6AAE00), to(#529C09) );
}
.responsive header .title {
    position: absolute;
    top: 0;
    margin: 0;
    color: #fff;
    font-size: 15px;
    font-weight: bold;
    line-height: 25px;
    left: 10px;
    text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
}

.responsive-mynavi  .top-menu,
.responsive-coursemenu .top-menu {
    /*padding-top: 10px;*/
  /*border-bottom:#bababa 3px solid;*/
   padding-left: 10px;
}
.responsive-mynavi .top-menu ul{
}
.responsive-mynavi .top-menu ul li,
.responsive-coursemenu .top-menu ul li{
    display: inline-block;
    /*font-size: 10.8px;*/
   /* height: 60px;*/
    padding-bottom: 5px;
   /* margin-left: 2px;*/
    text-align: center;
    vertical-align: top;
    width: 32%;
    line-height: 1.3em;
    background-color: #fff;
   position: relative;
   border-bottom: #dddddd solid 3px;
}
.responsive .responsive-coursemenu .top-menu ul li{
  width:32%;
  border-bottom:medium none;
}
.responsive-mynavi .top-menu ul li a,
.responsive-coursemenu .top-menu ul li a{
   padding:10px 0 0 0 ;
   display:block;
}
.responsive-mynavi .top-menu ul li .my-unreadcount,
.responsive-coursemenu .top-menu ul li .my-unreadcount{
  position: absolute;
  top: 0;
  right: 10px;
}

.responsive-mynavi .top-menu ul li.current,
.responsive-coursemenu .top-menu ul li current {
    border-bottom: #4071c1 solid 3px;
}

.responsive-mynavi .top-menu ul li span.top-menu-icon,
.responsive-coursemenu .top-menu ul li span.top-menu-icon{
    display: block;
    height: 25px;
    margin: 0 auto;
    text-align: center;
    width: 25px;
    padding-bottom:5px;
}
.responsive-mynavi .top-menu ul li img,
.responsive-coursemenu .top-menu ul li img{
    vertical-align: middle;
}
.responsive-coursemenu .top-menu{
 border-bottom: #bababa 2px solid;
 margin-bottom: 5px;
}

.responsive-myheader .header-menu-button{
     background: rgba(0, 0, 0, 0) url("/button_sp_menu1-v2.png") no-repeat scroll 0 0;
    height: 39px;
    width: 43px;
    cursor: pointer;
   position:absolute;
}
.responsive-myheader #header-menuv2{
    background-color: rgb(255, 255, 255);
   /* font-size: 15px;*/
    position: absolute;
    text-align: right;
    visibility: visible;
    z-index: 100;
}
.responsive-myheader  #header-menuv2 ul li {
   /* background: url("icon_mypage_showmore.png") no-repeat scroll 99% center #fff;*/
    border-bottom: 1px dotted #9ecf4c;
    display: block;
    list-style: none outside none;
    padding: 10px 17px 10px 5px;
        padding-right: 17px;
}

.responsive-myheader .responsive-header-menu{
  height:0;
  overflow:hidden;
  transition: all 300ms 0s ease;
    border-bottom: 3px solid rgb(106, 174, 0);
   }
      .responsive-myheader .responsive-header-menu-open{
      height: var(--header-menuv2-height);
      }
     .responsive-myheader .responsive-header-menu .top-prof{
     display: inline-block;
       }
      .responsive-myheader .responsive-header-menu .top-prof b{
      font-size: 120%;
         }

/*未提出課題一覧*/
.th-period-responsive, .td-period-responsive{
 display:none;
}
/*リマインダ送信一覧*/
.th-sendinfo-responsive, .td-sendinfo-responsive{
 display:none;
}


/*responsive切り替え*/
.responsive-coursemenu,
.responsive-view{
 display:none;
}
.to-top {
   display:none;
} 

 @media (max-width:950px) {

/*基本の指定*/
body.responsive {
    font-size: 14px;
   line-height:1.6em;
}
/*responsive画面で非表示にする*/
  .responsive #mynavi,
  .responsive #myheader,
  .responsive .pageheader-library,
  .responsive #header #mybutton-menu,
  .responsive #header #mylang,
  .responsive .course div.button-switchview,
  .responsive  .home div.button-switchview,
  .responsive .reportwindow-link,
  .responsive  .my-infolist-mycourseadm
  {
   display:none;
   }
 /*responsive画面で表示する*/
 .responsive .responsive-myheader,
 .responsive .responsive-mynavi,
 .responsive .header-menu-button,
 .responsive .responsive-myheader  #header-menuv2,
 .responsive .responsive-view,
 .responsive .responsive-br{
   display:block;
   }

/*幅によって変える*/

 /*全体画面幅*/
 .responsive .home .pagebody, 
 .responsive .group .pagebody, 
 .responsive .board .pagebody, 
 .responsive .user .pagebody, 
 .responsive .page .pagebody, 
 .responsive .course .pagebody, 
 .responsive .syllabus .pagebody, 
 .responsive .docx .pagebody,
 .responsive .childcourse .pagebody,
 .responsive .psyllabus .pagebody,
 .responsive .profileedit,
 .responsive .memobody,
 .responsive .prof{
  min-width:320px;
  width:auto;

 }
/*最大幅*/
 .responsive .pagebody .contentbody-s-700{
 max-width:700px;
}
 .responsive .pagebody .contentbody-s{
  max-width:662px;
}
 .responsive  .pagebody .contentbody-l{
 max-width:800px;
}
/*見出し -h1*/
.responsive  .contentbody-s h1,
.responsive  .contentbody-l h1{	 
 background-color:#e9fbd1;
  padding: 5px 5px 5px 10px;
 }
.responsive .teacherview .contentbody-s h1,
.responsive .teacherview .contentbody-l h1{
 background-color:#f2f2f2
}

/*見出し-infolist*/
 .responsive .my-infolist-centernews .my-infolist-header,
 .responsive .my-infolist-whatsnew .my-infolist-header{
    background: url("/bg_infolist_responsive.png") repeat-x;
    border-width: 0 1px;
    border-color: #9ecf4c;
    border-style: solid;
    /*margin-right: 10px;*/
    height: 27px;
}
 .responsive .my-infolist-whatsnew .my-infolist-header h2{
    padding-left:10px;
  }
 body.responsive .header-sp-link-l{
 display:none;
 margin-bottom:15px;
 }
 body.responsive .footer-sp-link-l {
  display:block;
} 

/*見出し-infoliost bタイプ*/
 .responsive .pagebody .my-infolist-mycourses .my-infolist-header,
 .responsive .pagebody .contentbody-right .my-infolist-header,
 .responsive .pagebody .contentbody-left .my-infolist-coursenews .my-infolist-header,
.responsive .info-list-card-groupnews .info-list-card-header,
.responsive .coursetop-contentsmain .top-contents-list-l .top-contents-list-header,
.responsive .coursetop-contentsmain .info-list-cardl .info-list-card-header,
.responsive .coursetop-contentsmain .info-list-cardr .info-list-card-header,
.responsive .coursetop-contentsmain .info-list-card-contentslist .info-list-card-header,
.responsive .coursetop-contentsmain .info-list-card-pagelist .info-list-card-header,
.responsive .group-top .info-list-cardl .info-list-card-header,
.responsive .group-top .info-list-cardr .info-list-card-header,
.responsive .group-top .top-contents-list .top-contents-list-header{
   background: url("/bg_infolist_responsive_b.png") repeat-x;
   border-width: 0 1px;
   border-color: #b8dc6e;
  border-style: solid;
  height: 27px;
  box-shadow: 0px 1px 1px #e2e2e2;
 }
/*見出しの開始位置を変える*/
  .responsive  .pagebody .my-infolist-mycourses .my-infolist-header h2,
   .responsive .pagebody .contentbody-right .my-infolist-header h2,
.responsive .my-infolist-header h2, 
.responsive .top-contents-list-header h2,
.responsive .info-list-card h2{
 padding-left:10px;
 /* text-align: center;*/
  }
/*見出し-infoliost tipsタイプ*/
 .responsive .pagebody .contentbody-right .my-infolist-tips .my-infolist-header {
    background: none;
    box-shadow: none;
    border-top-width: 4px;
    height: 15px;
}
 /*floatを外したい*/
.responsive .info-list-cardr,
.responsive .info-list-cardl,
.responsive .coursetop-contentsmain .info-list-card-pagelist{
float: none;
 }
 /*共通ヘッダー部分*/
 .responsive #orgheader{
     height:48px;
     border-bottom: 1px solid #2e7c40;
     border-top: 1px solid #ccd6e2;
     background-color: #6AAE00;
     background: -webkit-gradient(linear, left top, left bottom, from(#6AAE00), to(#529C09) );
 }



/*responsive-タブメニュー*/
   .responsive span.coursenews-category-r {
    border-color: #666;
    color: #666;
    }
    .responsive ul.infolist-tab {
    background-color: #ebedef;
    height: auto;
    padding: 10px 10px 5px;
    margin: 0;
    border-bottom:medium none;
    }
    .responsive .my-course .contentbody-left .my-infolist-mycourses ul.infolist-tab{
    margin:0;
    }
    .responsive ul.infolist-tab li {
       display: inline-block;
       list-style: outside none none;
    }
    .responsive ul.infolist-tab li a {
    background-color: #fff;
    border-radius: 7px;
    border-style: solid;
    border-width: 2px;
    display: inline-block;
    list-style: outside none none;
    margin: auto auto 5px;
    padding: 4px 10px;
    text-align: center;
    height:auto;
    }
    .responsive ul.infolist-tab li.tab-menu-on a {
    background-color: #9ecf4c;
    border-color: #9ecf4c;
    color: #fff;
    }

   /*table表示メニュー*/
     .responsive  .my-infolist-body td,
     .responsive  .my-infolist-body th,
     .responsive  .info-list-card td,
     .responsive  .info-list-card th,
     .responsive  table.responsive-layout td.responsive-layout-td,
     .responsive  table.responsive-layout th.responsive-layout-th{
      height: auto;
     border:medium none;
     width:auto;
     max-height: none;
     background:none; 
     padding-left:0;
    }
     .responsive  .info-list-card td,
     .responsive  .info-list-card th{
     min-height: 25px;
    }

    .responsive .groupthreadlist td.news-date, 
    .responsive .groupthreadlist td.news-date, 
    .responsive  .groupnewslist td{
     /*text-align:left;*/
    }
    .responsive  .info-list-card-body ul li, 
    .responsive   .groupnewslist tr,
    .responsive  .groupthreadlist tr{
      height: auto;
    }
    .responsive  .my-infolist-body td a,
     .responsive  .my-infolist-body th a,
     .responsive  .info-list-card td a,
     .responsive  .info-list-card th a,
     .responsive .group-top .groupnewslist th a,
     .responsive .group-top .groupthreadlist th a{
        height: auto !important;
       overflow: visible;
        text-overflow: ellipsis;
        white-space: normal;
        width: auto;
        min-height: 25px;
      }
   /*tableを縦並びにする*/

    .responsive table.remindersetting td,
    .responsive table.remindersetting th,
    .responsive  #search-detail  table.edit  td,
    .responsive  #search-detail  table.edit  th,
    .responsive  #search-coursenumber  table.edit  td,
    .responsive  #search-coursenumber  table.edit  th,
    .responsive table.profile td,
    .responsive table.profile th,
     .responsive  table.responsive-layout td.responsive-layout-td,
     .responsive  table.responsive-layout th.responsive-layout-th{
     display: block;
     width: auto;
     }
    .responsive table.remindersetting th,
    .responsive  #search-detail  table.edit  th,
    .responsive  #search-coursenumber  table.edit  th,
    .responsive table.profile th {
      text-align: left;
     }
    /*フォームの幅を狭くする*/
   .responsive table.edit td input.form-input-text{
     max-width: 300px;
    }

    /*タイトルを省略しない*/
 .responsive .my-infolist-centernews .my-infolist-body div.news-title, 
 .responsive .my-infolist-whatsnew .my-infolist-body div.news-title,
 .responsive .my-infolist-coursenews .newsentry,
 .responsive .my-infolist-coursenews .news-courseinfo,
 .responsive .my-course .my-infolist-kinkyu .my-infolist-body tr .news-title,
 .responsive .collldatalist td.colltitle a,
 .responsive .thread-title,
 .responsive .ellipsis-title,
 .responsive .report-title,
 .responsive .query-title h3,
 .responsive .project-title,
.responsive .grade-title,
.responsive table.contentslist .about-contents span, 
.responsive table.contentslist .about-contents a,
.responsive .myassignments-title,
.responsive .mycourse-title,
.responsive .syllabus-coursetitle,
.responsive .colltitle,
.responsive .myreminder-title
{
   width:auto !important;
   overflow: visible;
   white-space: normal;
   }
 /*例外でblockのままにする*/
 .responsive .my-infolist-event td.event-title a {
    display: block;
}
/*アイコンとタイトルを別にする*/
.responsive .grade-title span,
 .responsive .query-title h3 a,
 .responsive .report-title  a{
    display: block;
}


 .responsive .query-title h3{
 overflow: visible !important;
 white-space: normal !important;
 }
  /*もっと見る*/
 .responsive .showmore {
padding-top: 5px;
height: auto;
}

  /*幅を指定しない*/
 .responsive .pagebody .my-course .contentbody-left .mycourses-body .courselist,
 .responsive .msg-unread .msg-title h2.msg-subject ,
 .responsive div.tpanel_frame,
 .responsive div#panel_frame,
 .responsive .groupnews_frame .groupnews-msg,
 .responsive .my-infolist-deactivecourse .courselist,
 .responsive .info-list-card-groupnews,
 .responsive .coursetop-contentsmain .top-contents-list-l,
.responsive .coursetop-contentsmain .info-list-card,
.responsive .grade-title,
.responsive .contents .contentsheader h1,
.responsive .contents .contentsheader .contents-imformation,
.responsive .tpanel_frame .msg .msg-title h2.msg-subject,
.responsive .pagebody .msg .msg-title h2.msg-subject,
.responsive .editgrade .editgrade-body table,
.responsive .editgrade .editgrade-body h3,
.responsive table.coll-edit .tabph1{
  width: auto !important;
   }
/*幅を100%にする*/
 .responsive div#panel_frame{
 max-width:100%;
}

.responsive #container,
.responsive #mynavi,
.responsive #header,
.responsive #orgheader,
.responsive .home .pagebody,
.responsive .my-course .memo,
.responsive .pagefooter,
.responsive .pagebody .contentbody-left,
.responsive .pagebody .my-course .contentbody-left,
.responsive .contentbody-left .my-infolist.my-infolist-coursenews,
.responsive .contentbody-left .my-infolist-mycourses,
.responsive .contentbody-right .my-infolist,
.responsive .pagebody .contentbody-s-700,
.responsive .pagebody .contentbody-s,
.responsive .pagebody .contentbody-l,
.responsive .home .contentbody-s-700 .my-infolist-centernews, 
.responsive .home .contentbody-s-700 .my-infolist.my-infolist-kinkyu,
.responsive .collist .collist-year,
.responsive .homecollection-backlink,
.responsive .pagebody div.contents .contentbody-left,
.responsive .pagebody div.coursecollection .contentbody-left,
.responsive .pagebody div.homecollection .contentbody-left, 
.responsive .pagebody div.project .contentbody-left,
.responsive .pagecomicon,
.responsive table.glist,
.responsive .coursetop-contentsmain .info-list,
.responsive .coursetop-contentsmain .info-list-card,
.responsive .coursetop-contentsmain .info-list,
.responsive .group-top .info-list-cardl,
.responsive .group-top .info-list-cardr,
.responsive .queryadm .pagecomcontainer,
.responsive .querycollection .pagecomcontainer,
.responsive .homecollection .pagecomcontainer,
.responsive .contents .contentsheader h1,
.responsive .bbspostform,
.responsive #commentform,
.responsive .contentbody-l .my-infolist.my-infolist-coursenews,
.responsive div.form .report-form,
.responsive .report-comment,
.responsive .previewpanel .pagecomment,
.responsive .pagebody div.profile
 {
  width: auto;
  min-width:320px;
}

/*高さを指定しない*/
.responsive  .alertlist div,
.responsive .info-list-card-body ul,
.responsive .info-list-card-body .groupnewslist,
.responsive .groupnews-body .groupnewslist,
.responsive .groupthreadlist{
  height:auto;
}
/*float をなくす*/
.responsive .navigator .bbspagerlinks{
 float:none;

}

/*見やすい幅にする*/
.responsive .pagebody .contentbody-s-700,
.responsive .pagebody .contentbody-s,
.responsive .pagebody .contentbody-l,
.responsive .pagebody div.contents .contentbody-left,
.responsive .pagebody div.coursecollection .contentbody-left,
.responsive .pagebody div.homecollection .contentbody-left,
.responsive .pagebody div.project .contentbody-left{
 /*padding: 0 10px;*/
 border-left:medium none;
 border-right:medium none;
}
.responsive .pagebody.teacherview{
 background-image:none;
}

/*余分なpaddingを外す*/
.responsive .form .reportsubmit-form,
.responsive div.form .report-form,
.responsive .pagebody .contentbody-left,
.responsive .pagebody div.contents .contentbody-left, 
.responsive .pagebody div.coursecollection .contentbody-left, 
.responsive .pagebody div.homecollection .contentbody-left,
.responsive .pagebody div.project .contentbody-left
{
 padding-left:0;
 padding-right:0;
}

/*teacherview*/
.responsive .pagebody.teacherview .contentbody-s-700,
.responsive .pagebody.teacherview .contentbody-s,
.responsive .pagebody.teacherview .contentbody-l{
/*padding :10px 0;
 border:#ebebeb solid;
 border-width :0 10px;
*/
}

/*右メニューの調整*/
.responsive .pagebody div.contents .contentbody-right,
.responsive .pagebody div.coursecollection .contentbody-right,
.responsive .pagebody div.homecollection .contentbody-right,
.responsive .pagebody div.project .contentbody-right{
width: auto;
margin: 10px 0px 10px 20px;
float: none;
/*max-width: 360px;*/
}
  .responsive .collldatalist td.colltitle a{
   display:inline;
  }

/*メモ一覧*/
 .responsive div.memolist .memo_text{
 width:auto;
}

  /*description*/

  .responsive .description{
   width: auto !important;
  margin-left: auto !important;
  margin-right: auto !important;
   max-width:100%;
  }

  /*マイページ*/
.responsive .home .pagebody .contentbody-s,
.responsive .home .pagebody .contentbody-l{
 padding :0 10px;
} 
 .responsive-myheader .title {
    position: absolute;
    top: 28px !important;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    display: block;
  }
.responsive .pagefooter {
background-position: right;
background-image: url("bg_footer-responsive.png");
height: 61px;
}
.responsive .pagefooter #systemversion{
left:0;
}

.responsive .pagefooter .footer-manual-link{
   display:none;
}
.responsive .my-course .my-infolist.my-infolist-kinkyu{
     margin-right: 0;
}
.responsive .my-infolist-kinkyu .my-infolist-header{
border-radius: 0;
 height:27px;
}
.responsive .my-infolist-kinkyu .my-infolist-body{
 border:medium none;
}
.responsive .my-infolist-kinkyu .my-infolist-body tr .news-title{
  height:auto !important;
  min-height:20px;
 padding-bottom: 10px;
}
.responsive .courseitems {
    line-height: normal;
    font-size: 80%;
}

.responsive #header  #header-common-message{
right: auto;
text-align: right;
color: #fff;
font-size: 80%;
top: 0;
left: 5px;
}
.responsive  .period, .responsive  .reportstatus,
.responsive .small{
 font-size:90%;
}

  /*コース一覧*/
 .responsive .section .coursecard{
   display: inline-block;
   width: 100%;
    float: none;
   max-width:355px;
   width : -webkit-calc(100% - 32px) ;
   width : calc(100% - 32px) ;
  margin-right:0;
  }
  .responsive .coursecard-courselocation-info, 
  .responsive .coursecard-courseteacher-info{
  vertical-align: bottom;
}

.responsive .pagebody .my-course .contentbody-left{
 padding:0 10px;
 width:auto;
}
.responsive .pagebody .my-course .contentbody-right{
 padding:0 10px;
 width:auto;
  }
.responsive .contentbody-right .my-infolist,
.responsive .contentbody-right .banner-list{
vertical-align: top;
margin-right: 10px;
display: inline-block;
width: 100%;
max-width: 380px;
  }

.responsive .contentbody-right .banner-list ul li{
 text-align: center;
}
  .responsive .contentbody-right .my-infolist, .contentbody-right .banner-list{
  min-width: 320px;
   }
  .responsive .contentbody-left .my-infolist.my-infolist-coursenews{
  max-width:670px;
}
.responsive .pagebody .my-infolist-mycourseadm .my-infolist-header{
    background: url("/bg_infolist_responsive_c.png") repeat-x;
    border-width: 0 1px;
    border-color: #cfcfcf;
    border-style: solid;
    height: 24px;
    box-shadow: 0px 1px 1px #e2e2e2;
}

.responsive .coursecard .coursecard-extlink{
 bottom:2px;
}

.responsive #courselistweekly table {
  min-width: 520px;
}
.responsive #courselistweekly {
  width: 100%;
  overflow-x: scroll;
}

/*マイポートフォリオ*/
 .responsive .collldatalist td.colllink-right{
  padding-left:0;
  padding-right:5px;
  text-align:right;
}
 .responsive  .collldatalist td.colltitle{
   width:auto;
   padding: 5px 0 0 10px;
  
  }
  .responsive  .collldatalist td.colldate{
   width:auto;
  min-width: 120px;
  }
 .responsive .collist-course .collist-courseinfo .collist-course-teacher,
 .responsive .collist-course .collist-courseinfo .collist-course-term{
		width:auto; 
		display: inline-block;
		float: right;
                padding-left: 5px;
                max-width : -webkit-calc(100% - 20px) ;
                max-width : calc(100% - 20px) ;
	 }

.responsive .collist-course .collist-course-name{
  display: block;
   width : -webkit-calc(100% - 20px) ;
   width : calc(100% - 20px) ;
}

.responsive .graph_line, .responsive .graph_bar {
    float: none !important;
}

.responsive .homecollection-backlink{
  padding-right: 10px;
}

 /*パネル表示*/
 .responsive div.tpanel_frame{
  max-width:100%;
  }
/*コーストップ*/
.responsive section.course-header{
 display:block;
}
.responsive .course-menu{
  display:none;
}
.responsive  .course .content-body{
padding: 10px 15px;
}
.responsive .info-list-addbutton{
  display:none;
}

.responsive .contents-card{
width: auto;
float: none;
max-width: 355px;
}
.responsive .pageheader-course .course-menu-admin{
  right:auto;
  top: 65px;
  left: 5px;
  display:none;
}

.responsive .pageheader-course{
 padding: 0 0 10px;
 border-bottom: 2px solid #bababa;
}

.responsive .coursetop-contentsmain .top-contents-list-l,
.responsive .coursetop-contentsmain .info-list{
 float:none;
}

.responsive .responsive-submenu{
 display:none;
}
.responsive .top-menu .responsive-submenu{
 display:block;
}


/*右上ボタン*/
.responsive  div.rightmostbutton {
  position:static;
}

/*ログイン画面*/
.responsive .login #orgheader{
    border-top:medium none;
    height: 90px;
}
.responsive .login #login-form-box table th, 
.responsive .login #login-form-box table td,
.responsive .login #login-form-box input{
 font-size: inherit;
}
.responsive .login h1{
font-size: 150%;
}
.responsive .login #login-form-box input#login{
height: auto;
}
.responsive .login .login-body,
.responsive .login #header,
.responsive .login .login-footerV2 .notice-bata,
.login .login-footer
{
width:auto;
min-width:320px;
height:auto;
}
.responsive .login{
width: auto !important;
max-width: 320px !important;
min-width: auto !important;
}

.responsive .login #login-image01,
.responsive .login #login-image02,
.responsive .login #login-image03 {

  display:none;
}

.responsive .login #login-form-box{
  width: auto;
  border: medium none;
  padding-top:25px; 
}

.responsive .login #login-systemnews-box,
.responsive .login #login-information-box{
    width: auto;
    border-width: 2px 0;
    height: auto;
    min-height: 50px;
    margin-bottom: 10px;
}
.responsive .login #login-form-box,
.responsive .login #login-systemnews-box,
.responsive .login #login-information-box{
    position: static;
}
.responsive  .login .login-footer{
   background-position: right;
}

/*曜日表示*/
.responsive #courselistweekly {
    padding-right: 0 !important;
}
.responsive #courselistweekly td.course,
.responsive #courselistweekly td.course span{
    font-size: 80%;
}
.responsive #courselistweekly  .courselistweekly-period{
   width:10px;
}
.responsive #courselistweekly .coursestatus img {
    max-width: 10px;
}
/*ポートフォリオトップ*/

.responsive .home .userpage-top div.username,
.responsive .user .userpage-top div.username{
float:none;
}
.responsive .userpage-top img{
 padding-right:10px;
}
.responsive .collldatalist td.collcommentV2 div{
  background:none;
}

.responsive .profile .prof-setting-button{
width: auto;
right: 25px;
}
.responsive .userpage-top{
  width:auto;
  background: none;
  border: 1px solid #d5d5d5;
  box-shadow: 0px 1px 1px #e2e2e2;
 }
.responsive .home .userpage-top div.username h3, 
.responsive .user .userpage-top div.username h3{
   width:auto;
}

.responsive .userpage-top .tgl-link table td{
    height: 72px;
}
.responsive .home .userpage-top-tgl div.username h3,
.responsive .user .userpage-top-tgl div.username h3 {
    padding-right: 50px;
}

/*添付ファイルの表示*/
.responsive .pageattachments div,
.responsive .pageattachments video,
.responsive .pageattachments img,
.responsive .inlineattachment  div,
.responsive .inlineattachment  video,
.responsive .inlineattachment  img,
.responsive .query svg{
    max-width: 100%;
    height: auto !important;
    width: auto !important;
}
/*コンテンツ*/
.responsive .contents .contentsheader .contents-modtime{
  position: static;
  width: auto;
  padding-right: 10px;
  padding-left: 90px;
}
.responsive .contentsheader {
    padding: 0 10px;
}
.responsive table.contentslist th, 
.responsive div.opencontentslist .img-contents{
  background-position: 0px 8px;
  min-width: 55px;
}
.responsive .contents .contentsheader .contentsheader-about-contents{
  background-position: -20px 0 ;
}
.responsive .contents .contentsheader h1 {
  min-width: 0;
  padding-left: 75px;
}
.responsive .contents .contentsheader .contentsheader-about-contents-2 .contents-icon{
  left: 18px;
}
.responsive table.contentslist th img{
 padding: 17px 0 0 11px;
}
.responsive .groupcard .group-card-title,
 .responsive .contents-card .contents-card-title{
 min-width:220px	 
}
.responsive .pagebody .contentbody-left{
padding-left:0;
padding-right:0;
width: 100%;
float:none;
}
.responsive .articleauthor .topagetop{
 right: 10px;
}
.responsive  .contents .articleauthorV2 .contentpage-navi{
 padding: 3px 30px;
}

/*エディタ*/
.responsive .editbox2c102 .plainformpanel,
.responsive .editbox2c102 .editbuffer_htmltabrow,
.responsive .editbox2c102 .editbuffer_htmltab_vspacer,
.responsive .editbox2c102 .htmlpanel,
.responsive .editbox2c81 .plainformpanel, 
.responsive .editbox2c81 .editbuffer_htmltabrow,
.responsive .editbox2c81 .editbuffer_htmltab_vspacer,
.responsive .editbox2c81 .htmlpanel,
.responsive #panel_frame .reminderpanel
{
 width:auto  !important;
 min-width:320px;
 max-width:614px;
}
.responsive .editbox2c102 .plainformtorich,
.responsive .editbox2c102 .tabph1,
.responsive .editbox2c102 .tabph1 .tabtext{
width:auto;
 max-width:612px;
}
/*form部品*/
.responsive select,
.responsive input,
.responsive textarea,
.responsive iframe{
  max-width:100%;
}

.responsive table.edit td textarea{
 max-width:260px;
 display:block
}
.responsive .report-form textarea{
display: block;
margin: 0 auto;
}

/*スレッド*/
.responsive  .articlesubject,
.responsive .project-body .threadV3 .articlesubject{
 width:auto;
}
/*ツリー表示*/
.responsive .thread-tree .articleheader .articlesubject-havemsgbody{
 width:auto;
}
.responsive .thread-tree .articleheader .articlesubject{
  width:auto;
  min-width:200px;
}

.responsive .thread-tree .articleheader .articlenumber div{

}
.responsive #commentform{
 max-width:100%;
 margin-left:0;
}


/*課題*/
.responsive .course table.stdlist-query tr.title{
display:table-row;

}
.responsive .query-datapacific  .querybody .querypaper{
margin-left: 0;
}

.responsive .query-form .reporttext{
width:auto;
}
.responsive .course table.stdlist-query tr.title th,
.responsive .course table.stdlist-query tr td,
.responsive .course table.gradelist tr.title th,
.responsive .course table.gradelist tr td{
display:table-cell;

}
.responsive table.query td.querybody,
.responsive table.queryframe td.querybody{
  padding:10px !important;
}

/*お知らせ・新着情報*/
.responsive .my-infolist-whatsnew td,
.responsive .my-infolist-centernews td,
.responsive .my-infolist-coursenews td,
.responsive .my-infolist-coursenews th,
.responsive .my-infolist-kinkyu td,
.responsive .my-infolist-kinkyu th
{
 display:block;
 /*padding:5px 0;*/
   height: auto;
 }
.responsive .my-infolist-centernews .my-infolist-body,
.responsive  .my-infolist-whatsnew .my-infolist-body{
  margin-right:0;
  padding:0 10px;
}
.responsive  .pagebody .contentbody-right .my-infolist-maisaku  .my-infolist-header,
.responsive  .pagebody .contentbody-right .my-infolist-kikuzou  .my-infolist-header{
border-color: #89c8ff;
}
.responsive  .my-infolist-maisaku .my-infolist-body table,
.responsive  .my-infolist-kikuzou .my-infolist-body table{
width: 230px;
margin: 0 auto;
}

/*コースヘッダー*/

.responsive .responsive-coursemenu{
  display:block;
  clear:both;
}
.responsive .pageheader-course{
width:auto;
height: auto;
background: #f8f8f8;
}
.pageheader-course.pageheader-courseV2 > div {
    max-width: 400px;
    min-width: 320px;
}
.responsive .pageheader-course .pageheader-course-courseicon{
position:static;
padding: 10px 0 50px;
width: 25%;
text-align: center;
float: left;
height: 100%;
}
.responsive .pageheader-course .pageheader-course-coursename{
display:inline-block;
position:static;
max-width: 70%;
padding: 10px 0 5px;
height: auto;
width: auto;
min-width: 240px;
}
.responsive .pageheader-courseV2 .pageheader-course-courseteacher{
display:inline-block;
position:static;
 min-width: 240px;
}
.responsive .pageheader-course .courseheader-courselinklist{
 position:static;
 clear: both;
display: block;
}

.responsive .pageheader-readonly-course{
position:static !important;
display: inline-block;
}
.responsive .pageheader-courseV2 .pageheader-course-extlink{
  position: static;
  display: inline-block;
}
.responsive .pageheader-course .courseheader-courselinklist-detail,
.responsive .pageheader-course .courseheader-courselinklist-detail-wide{
  position: static;
}
.responsive span#examstatus,
.responsive span#reportstatus,
.responsive span#gradestatus,
.responsive span#surveystatus{
right: 20px;
top: 2px;
}
/*プロジェクト*/
.responsive .project-headerV2 h1{
 float:none;
}
.responsive .project-headerV2 .project-detail-link{
 padding-top:0;
 text-align:right;
}

/*相互閲覧画面*/
.responsive .editgrade .editgrade-body table input,
.responsive .editgrade .editgrade-body table textarea{
 max-width:20em !important;
}
.responsive .infolist-tab-grade{
 /*教員画面では成績管理画面のタブオフ*/
 display:none;
}

/*提出記録*/
.responsive .event-list-top-border{
 border-top: 1px solid #9ecf4c;
}
.responsive .eventlist table.edit td {
    display: block;
    width: auto;
    border: medium none !important;
    padding: 2px 5px;
}
.responsive  .eventlist-day {
    font-size: 120%;
}
/*検索*/
.responsive #search-detail table.edit,
.responsive #search-coursenumber table.edit {
  min-width: 320px;
  margin-left: 0 !important;
  width: calc(100% - 5px) !important;
}
.responsive #search-detail table.caltable  td,
.responsive #search-detail table.caltable  th,
.responsive #search-detail table.matrix_selector__table td,
.responsive #search-detail table.matrix_selector__table th {
    display: table-cell;
    padding: 4px;
}
.responsive #target_word_search {
    display: block;
    margin: 5px 0;
}

/*シラバス*/
.responsive .syllabus  .pagebody .contentbody-l{
  padding-top:0;
}
/*コレクション説明文*/
.responsive .collectioninfo div{
 text-align:left !important;
}

/*個別指導コレクション*/
.responsive .edit.coll-edit td, 
.responsive .edit.coll-edit th {
    display: block;
    width: auto;
    text-align: left;
}
.responsive  table.edit td input.form-input-text {
    min-width: 300px;
    width: auto;
}
.responsive span.ratecount {
    line-height: 1em;
}
.responsive .teacherview table.adm-table td.collcomment{
  /* background:none !important;*/
}
.responsive table.adm-table td {
    word-break: break-word;
}
.responsive table.edit td {
    padding: 10px 5px;
}

.responsive th.coursecollection-comment {
  min-width:10px;
}
.responsive td.colltitle{
  overflow: visible !important;
  white-space: normal !important;
}


/*出席カード*/
	.responsive .attend-card-bulksurvey-student .attend-card-title,
	.responsive .attend-card-list{
width:auto
	 }
	.responsive .attend-card-bulksurvey-student .attend-card-title{
		 min-width:220px;
	 }

/*コメント欄*/
.responsive .pagecomviewall{
padding: 5px;
text-align: left;
}
.responsive .pagecomment{
margin: 10px;
}


/*コースメンバーリスト*/
.responsive ul.straight{
 display:block;
 float:none;
 margin-top:0 !important;
}
/*編集ボタン非表示*/	 
.responsive .rightmostbutton-in-h1,
.responsive .articleauthor-pageedit,
.responsive .contentbody-right .pagebuttons
{
display: none;
}

/*全体幅の微調整*/
.responsive .pagebody .contentbody-left,
.responsive .pagebody .contentbody-right,
.responsive .pagebody .contentbody-s,
.responsive .pagebody .contentbody-l,
.responsive .pagebody .contentbody-s-700,
.responsive .pagebody div.coursecollection .contentbody-left,
.responsive .home .pagebody .homecollection,
.responsive .pagebody div.homecollection .contentbody-left{
 padding-left:10px;
 padding-right:10px;
}
.responsive div.rightmostbutton-in-h1-home{
  margin-top:0
}

.responsive .contentbody-left .articletext,
.responsive .articletext{
 min-width:280px;
width: auto;
}
.responsive .textcenter{
 padding:0;
margin: 0 auto;
}
.responsive table.layout {
 max-width:100%;
}



.responsive textarea,
.responsive iframe{
   max-width : -webkit-calc(100% - 4px) ;
   max-width : calc(100% - 4px) ;
}
.responsive select,
.responsive input{
}

.responsive .home .pagebody,
.responsive .user .pagebody,
.responsive .syllabus .pagebody,
.responsive .docx .pagebody,
.responsive .childcourse .pagebody,
.responsive .psyllabus .pagebody{
 padding-top:15px;
 border-left:medium none;
 border-right:medium none;
}
/*上部にメニューを表示するので非表示にする*/
.responsive .contentbody-right .my-infolist-searchall,
.responsive .contentbody-right .my-infolist-submitlog,
.responsive .contentbody-right .my-infolist-event{
 display:none;
}

/*トップページ以外*/
.responsive   .responsive-coursemenu-s .top-menu span{
}
.responsive   .responsive-coursemenu-s .top-menu span.top-menu-icon{
}
.responsive .responsive-mynavi-s {
    display: none;
}

/*上に戻るボタン*/
.responsive .to-top {
 display:block;
    text-align: right;
}
.responsive .to-top #to-top-button {
    background-color: #9ecf4c;
    border-radius: 5px;
    bottom: 30px;
    color: #fff;
    display: none;
    height: 28px;
    margin: 5px;
    padding: 3px 5px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 36px;
    z-index: 10;
    cursor: pointer;
    box-shadow: 1px 1px 5px #C1C1C1;
    font-size: 15px;
}

/*未提出課題一覧*/
.responsive .td-period, .responsive .th-period{
 display:none;
}
.responsive .th-period-responsive, .responsive .td-period-responsive{
 display:table-cell;
}

/*リマインダ一覧*/
.responsive .td-sendtime, .responsive .th-sendtime,
.responsive .td-sendto, .responsive .th-sendto{
 display:none;
}
.responsive .th-period-responsive, .responsive .td-period-responsive,
.responsive .th-sendinfo-responsive, .responsive .td-sendinfo-responsive{
 display:table-cell;
}

.responsive .dm-panel-inpagebody{
 width:auto;
}

.responsive .reminder-detail-panel .reminder-detail-send{
 position: static;
 text-align: right;
 padding-right: 20px;
}

}
 @media (max-width:650px) {
  .responsive   .responsive-coursemenu-s {
   display: none;
 }
}


/*アラートバナー：ログアウト*/
#alertbanner_sessionloggedout {
	display: none;
	position: fixed;
	top: 10px;
	padding: 10px 5px;
	opacity: 0.9;
	margin: 0 auto;
	left: 0;
	right: 0;
	color: #fff;
	background-color: #EC683F;
	z-index: 1000;
}
#alertbanner_sessionloggedout p , #alertbanner_sessionoffline p{
   max-width: 400px;
   margin: 5px auto;
   padding-left: 20px;
   background: url(icon-alertlist.png) no-repeat 0 5px;
}


#alertbanner_sessionloggedout a {
	color: #fff;
	display: inline-block;
	background-color:#fff;
	color:#2449a8;
	padding: 3px 7px;
	text-align: center;	
	border-radius: 3px;
	margin-top: 10px;
}

#alertbanner_sessionloggedout a:hover {
	color:#4c85e4;
	text-decoration: none;
}
body.sessionloggedout #alertbanner_sessionloggedout {
	display: block;
}
/*アラートバナー：オフライン*/
#alertbanner_sessionoffline {
   display: none;
   position: fixed;
   top: 10px;
   padding: 10px 5px;
   opacity: 0.9;
   margin: 0 auto;
   left: 0;
   right: 0;
   color: #fff;
   background-color: #666;
   z-index: 1010;
}

#alertbanner_sessionoffline a {
	color: #fff;
}
body.sessionoffline #alertbanner_sessionoffline {
	display: block;
}

/* 集計結果の公開*/
.querybody .textarealist {

  display: block;
  width: 100%;
  margin-top: 0.5rem;
}
.querybody .textarealist ul{
	 border: solid 1px #ccc;
}

.querybody .textarealist ul, .querybody  .textarealist ul li {
  list-style: none;
  list-style-image: none ;
}
.querybody .textarealist ul li {
   border-top: solid 1px #ccc;
   list-style: none !important;
   white-space: pre-wrap;
}
.querybody .textarealist ul li:first-child {
  border-top:0px
}
.querybody .textarealist ul {
  margin: 0;
  padding: 0;
  max-height: 350px;
  overflow-y: auto;
}
.textarealist ul li {
  margin: 0;
 
}
.querybody .textarealist ul li:nth-child(even) {
  background-color: #f4f4f4;
}
.querybody .reloadresult {
  text-align: center;
  margin: -10px 0 20px;
}
.querybody .reloadresult {
  text-align: center;
  margin: -10px 0 20px;
}

/* mask reminder setting*/
 .maskreminder-course #target_courses {
  border:1px solid #DDDDDD;
  border-width: 0 0 1px 0;
  } 
 .maskreminder-course #target_courses li {
   display: block;
  } 
 .maskreminder-course #target_courses li:last-child {
   border-bottom-width:0;
  }
 .maskreminder-course #target_courses li:nth-child(even) {
  background-color:#f7f7f7;
  }
 .maskreminder-course #target_courses li:hover { 
  background-color:#effbff;
  }
 .maskreminder-course #target_courses li label {
  padding:0; position:relative;
  }
 .maskreminder-course #target_courses li input {
  position:relative; top:0.15rem; margin-right:0.5rem;
  }
 .maskreminder-course #searchlist-course p {
  margin:0.5rem 0; font-size:110%;
  }
 .reminderlist-year {
  display:inline-block; width:2.5rem;
  }

/* LTI用CSS */
#LTI_MAIN{
 min-width:904px;
 height:800px;
 background-color: #fff;
}

.grade-lti {
  max-height: 400px;
}
.grade-lti #LTI_MAIN {
  max-width: 780px;
  min-width: 320px;
  max-height: 480px;
  overflow-y: scroll;
  min-height: 400px;}

#LTI_MAINCONTAINER{
 background-color: #DFFABD;
 border: 2px solid #9ECF4C;
 border-radius: 5px;
 box-shadow: 2px 2px 2px #DDDDDD;
 text-align: left;
}

#LTI_MAINCONTAINER div.upo-navi{
  background-color: #DFFABD;
  padding: 15px 0;
  position: relative;
  text-align: center;
  height: 22px;
  border-radius: 0 0 5px 5px;
  clear: both;
}

#LTI_MAINCONTAINER div.link-navi-stop{
  position: absolute;
  right: 15px;
  top: 15px;
}
#LTI_MAINCONTAINER #link-nav-suspend
{
  background-color: #F2F2F2;
  border: 2px solid #999;
  border-radius: 5px 5px 5px 5px;
  color: #666;
  padding: 5px 10px;
  font-size: 15px;
}

#LTI_MAINCONTAINER #link-nav-exitall
{
  border: 2px solid #70BCFF;
  border-radius: 5px 5px 5px 5px;
  color: #4C85E4;
  padding: 5px 30px;
  background-color: #EDF7FF;
  font-size: 15px;
}
#LTI_MAINCONTAINER  div.upo-description{
 background: none repeat scroll 0 0 #FFFFFF;
 border: 1px solid #9FCF3A;
 border-radius: 5px;
 margin: 0 10px 10px;
 padding: 5px;
}
#LTI_MAINCONTAINER  div.upo-description-2{
 font-size: 13px;
 margin-bottom: 5px;
 padding-left: 15px;
}

/*sort contents */

.sort-contents tr.dragover {
    border-top: 2px solid;
}
.sort-contents   #contentslist tr.title {
    border-bottom: dotted 1px;
}
.sort-contents  #contentslist tr.title th {
    border-bottom: dotted 1px;
}

/* turnitin */
.editgrade .editgrade-text ul li{
	list-style-image: url("marker-diamond-editgrade.png");
}

/* LTI switdhview*/
.course div.lti-switchview, .home div.lti-switchview,
.page div.lti-switchview, .syllabus div.lti-switchview,
.tpanel_frame div.lti-switchview,
.course .threadV3 div.lti-switchview
{
    background:none repeat scroll 0 0 #e9e9ed;
    font-size: 12px;
    padding: 3px 10px 0;
    min-width: 200px;
    border-radius: 3px 3px 0 0;
    display: inline-block;
    margin:0;
    float: none;
}

.lti-switchview span{
    padding:5px 5px 0;
    font-weight:bold;
}

.lti-switchview button{
    border:medium none;
    padding:0;	
    cursor: pointer;
}
.lti-switchview + iframe.ltiinlineiframe,
.lti-switchview + .inlineaf-object-description2{
    border:2px #e9e9ed solid;
    border-width: 4px 4px;
}
.lti-switchview + .inlineaf-object-description2{
    border-radius: 0 3px 3px 3px;
    background-position: 5px;
}



@media (max-width:950px) {

 .responsive #LTI_MAIN{
    min-width: 340px;
    height: 400px;
    width: 100%;
    max-width: 660px;
 }
}

.visually-hidden {
    clip: rect(0 0 0 0);
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
    position: absolute;
    white-space: nowrap;
    padding: 0;
    border-width: 0;
    margin: -1px;
}