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

}

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

.unread a,
.unread a:link{
color: #EC683F;

}
span.unreadcount a,span.unreadcount{
 color: #EC683F;
}
.unread a:hover{
color:#f1815f;
text-decoration:underline;
}

.recent .news-group a{
padding-left:0;
background-image:none;
}

html{
 overflow-y:scroll;
 color:#3c3c3c;
 font-size:15px;
} 

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

img.inline{
 vertical-align: middle;
}
div.align {
    clear: both;
    float: none;
    height: 0;
}
/*ボタン*/
.sp-button {
text-align:center;
width:85%;
display:block;
background-color:#BCE5FC;
padding:5px;
border:#3C7FB1 solid 1px;
border-radius:5px;
margin:10px auto;
color:#4071c1;
font-size:110%;
}

.sp-button-s {
    background-color: #bce5fc;
    border: 1px solid #3c7fb1;
    border-radius: 5px;
    color: #4071c1;
    display: inline-block;
    font-size: 110%;
    margin: 10px auto;
    padding: 5px 10px;
    text-align: center;
}
.unread a.sp-button-s{
    color: #4071c1;
}


input.form-input-file{
    background-color: #bce5fc;
    border-color: #3c7fb1;
    border-image: none;
    border-style: solid;
    border-width: 1px 0;
    display: block;
    font-size: 150%;
    margin: 10px auto;
    padding: 2px 0;
    text-align: center;
    width: 100%;
}

.custompanel input.form-input-file{
font-size: 100%; 
height: 30px; 
margin: 0px;
}

.file-upload-form.uploading::after {
    content: url('/now_uploading.gif');
}

.nocssonly {
    display: none;
}

.x-small{
  font-size:80%;
}

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

hr.line{
     border-top-style: solid;
    border-color: #c9c9c9;
    border-width: 1px 0 0;
    height: 1px;
}

/*テーブル*/
table td.right,table th.right{

text-align:right;
}
table.stdlist{
border-top: 1px solid #89C8FF;
margin-top:10px;
width:100%;
border-collapse: collapse;
}
table.stdlist th, table.stdlist td{
padding:5px 10px;
}
table.stdlist tr{
border-bottom: 1px solid #89C8FF;
}
table.stdlist th{
color:#1960AD;
background-color: #DFF0FF;

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

table.stdlist-reportV2 tr.row td, table.stdlist-reportV2 tr.row0 td{
    background-color: #ffffff;
}

/*ログイン*/
.sp-login-title{
text-align:center;
    padding-top: 15px;
/*background-color:#2b2b2d;*/
}


.login h1 {
    border: medium none;
font-size:150%;
color: #005ABB;
padding-bottom: 8px;
margin:0 auto;
}
.login h1 img{
padding-right:5px;
vertical-align:middle;
}
.login input.editable{
   display: block;
    font-size: 150%;
    padding: 2px;
    width: 100%;
  /*  height: 45px;*/
}
.login section{
width:85%;
margin:10px auto;
}
.login article{
padding-bottom:5px;
border-bottom:1px dotted #999;
margin-bottom:5px;
}
.login article:last-child {
    border-bottom: medium none;
}

.login h3 {
color: #005ABB;
font-size: 110%;
font-weight:bold;
}
.login header {
margin-bottom:0;
}

/*メインのヘッダー*/
header {
  position: relative;
  border-bottom: 1px solid #273750;
  border-top: 1px solid #ccd6e2;
  height: 25px;
  background-color:#006ECF;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#006ECF),
    to(#005ABB)

  );
margin-bottom:10px;
}
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;
}

header .title_ext {
  width:200px;
}

nav {
margin: 0 auto;
width:95%;

}
header .date{
padding:5px 5px 0 0;
text-align:right;
font-size:80%;
color:#fff;
}

nav.mynavi li{
vertical-align: middle;
}

nav li {
     vertical-align: middle;
    width:33%;
    text-align: center;
    float: left;
    font-weight: bold;
    text-shadow: -1px -1px 0 rgba(150, 150, 150, 30);
    background-color: #E7E7E7;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e2e2e2), color-stop(45%,#ffffff), color-stop(52%,#ffffff), color-stop(100%,#e2e2e2));

   /* background: -webkit-gradient(linear, left top, left bottom,
    from(#F9F9F9),
    to(#E7E7E7)*/
  );
 list-style:none;
 margin-bottom:15px;
}
nav li a{
    display: block;
    height: 35px;
    line-height: 35px;
    text-decoration: none !important;
    width: 100%;
    border:1px #C9C9C9 solid;
    border-right:medium none;
    background-color: #E7E7E7;
}
nav li.current a{
    background-color: #AAD8FD;
    background: -webkit-gradient(linear, left top, left bottom,
    from(#EFF8FD),
    to(#A8D7FD)
  );
}
nav li:first-child {
    border-radius: 5px 0 0 5px;
}
nav li:last-child {
    border-radius: 0 5px 5px 0;
}



nav li:first-child a{
    border-radius: 5px 0 0 5px;
}
nav li:last-child a{
    border-right:1px #C9C9C9 solid;
    border-radius: 0 5px 5px 0;
}
/*新メインタブ*/
ul#main-tab {
    border-bottom: 2px solid #9ecf4c;
    height: 35px;
    margin-top: 5px;
    overflow: hidden;
    margin-bottom: -1px;
}
ul#main-tab li {
    display: inline-block;
    list-style: outside none none;
}
ul#main-tab li a {
    border-color: #babfc4;
    border-image: none;
    border-radius: 5px 5px 0 0;
    border-style: solid;
    border-width: 1px 1px 0;
    color: #666666;
    cursor: pointer;
    display: inline-block;
    float: left;
    font-size: 80%;
    height: 20px;
    margin-right: -2px;
    padding: 5px 8px 6px;
    text-align: center;
    vertical-align: middle;
background:right center  no-repeat, -webkit-gradient(linear, left top, left bottom,
    from(#EFEFEF),
    to(#ffffff)  ) ;
}

ul#main-tab li.current a {
  color:#fff;
  border-color:#6AAE00;
  padding-top:8px;
 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  background-color:#6AAE00;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#6AAE00),
    to(#529C09)

  );
}


/*メインのフッター*/
footer{
   clear:both;
}
footer .footer-info{
  border-bottom: 1px solid #273750;
  border-top: 1px solid #ccd6e2;
  height: 25px;
  background-color:#006ECF;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#006ECF),
    to(#005ABB)
  );
color:#fff;
padding:5px;
text-align:right;
  font-size: 15px;
  font-weight: bold;
  line-height: 25px;
  text-shadow: rgba(0, 0, 0, 0.4) 0 -1px 0;
}



footer .footer-link{
background-color:#F1EFF0;
}

footer ul li{
background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    float: right;
    height: 20px;
    list-style: none outside none;
    margin: 5px;
    padding: 5px 7px;
    text-shadow: -1px -1px 0 #969696;
background:
    background: -webkit-gradient(linear, left top, left bottom,
    from( #DDDDDD),
    to(#ffffff)
  );



}


.to-top {
    text-align: right;
}
.to-top #to-top-button {
    background-color: #c9c9c9;
    border-radius: 5px;
    bottom: 30px;
    color: #fff;
    display: none;
    height: 24px;
    margin: 5px;
    padding: 3px 10px;
    position: fixed;
    right: 10px;
    text-align: center;
    width: 20px;
    z-index: 10;
  cursor:pointer;
 box-shadow: 1px 1px 5px #C1C1C1;
  font-size:15px;
}


.top-prof{
width:100%;
}



h2.title,
.contents h1.pagetitle{
  background-color:#D6ECFF;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#D6ECFF),
    to(#F2FAFF)  );
  font-size:110%; 
padding:5px 10px  ;
border-top:#9CCDF9 1px solid;
border-bottom:#9CCDF9 1px solid;
color: #1960AD;
line-height: 1.4em;
}




section{
padding-bottom:15px;
}

.description{

background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
padding: 5px 8px;
margin:10px;
}
p.noitem {
    padding: 16px 0 0 7px;
}

ul.info-list li{
    padding: 5px 10px 15px;
    border-bottom:1px #C9C9C9 solid;
   background-image: url("icon_mypage_showmore.png");
   background-position: right center;
background-repeat: no-repeat;

background:url("icon_mypage_showmore.png") right center  no-repeat, -webkit-gradient(linear, left top, left bottom,
    from(#EFEFEF),
    to(#ffffff)  ) ;

}
ul.info-list li.showmore{
    padding: 0;
    text-align: right;
}
ul.info-list li.backlink {
    background: url("icon_sp_backlink.png") left center  no-repeat;
    border-top: 1px solid #c9c9c9;
    padding: 0;
    border-bottom: medium none;
    background: url("icon_sp_backlink.png") left center  no-repeat, -webkit-gradient(linear, left top, left bottom,
    from(#EFEFEF),
    to(#ffffff)  ) ;


}
ul.info-list li.no-link{
   background-image:none;
}
ul.info-list li.showmore a,
ul.info-list li.backlink a{
     display:block;
     padding:10px 20px;
}

ul.info-list li:first-child.showmore,
ul.info-list li.backlink{
    border-top:1px #C9C9C9 solid;
}


ul.info-list h3{
padding-bottom: 7px;
line-height:1.4em;
}

ul.reportlist h3,
ul.querylist h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}


ul.info-list  li .info3{
background-color:#FFFFDD;
}

ul.info-list li .info1{
color: #3C3C3C;
font-size:90%;
padding-right: 20px;

    display: inline-block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 280px;

}
ul.info-list li .info2{
color:#ff0000;
padding-right: 20px;
}

ul.info-list li.submitted {
  background:#C1C1C1;
   background-image: url("icon_mypage_showmore.png");
    background-position: right center;
    background-repeat: no-repeat;
}
ul.info-list li.submitted .info2{
  color:#666;
}
ul.info-list li.saved {
  background:#ECFCD7;
   background-image: url("icon_mypage_showmore.png");
    background-position: right center;
    background-repeat: no-repeat;
}

ul.info-list li.unread-link {
    position: relative;
}

ul.info-list li.unread-link span.unreadcount a {
    background: url("bg_unreadicon.gif") repeat-x scroll 0 0 #fb5c00;
    border-radius: 9px;
    bottom: 10px;
    box-shadow: 2px 1px 3px #c9c9c9;
    color: #fff;
    font-size: 90%;
    font-weight: normal;
    padding: 1px 5px;
    position: absolute;
    right: 22px;
}

span.self-test,span.autoquery{
background-color: #fff;
    border-radius: 3px;
    color: #f07613;
    font-size: 60%;
    padding: 3px;
    margin-right:5px;
border:#f07f2b solid 1px;
}
span.report-type,
span.report-type-exam{
background-color: #fff;
    border-radius: 3px;
    color: #3b9e0a;
    font-size: 60%;
    padding: 3px;
    margin-right:5px;
border:#53ae00 solid 1px;
}
span.report-type-exam{
  background-color:#E4FBC7
}

p.list-all{
text-align:right;
}

/*長い場合の省略*/
.courselink-coursetitle {
    display: block;
    overflow: hidden;
    max-height:4.5em;
}
.courselink-coursetitle-inline {
    display: inline-block;
    max-width: 100%;
    overflow: hidden;
    table-layout: fixed;
    text-overflow: ellipsis;
    vertical-align: top;
    white-space: nowrap;
}

/*フォーム関係*/
.articlebody{
font-size:120%;
padding:10px 0;
cursor:pointer;
}
.coursecollection .articlebody{
  font-size:100%;

}

.articlebody input.form-input-text, .articlebody input.editable, 
.articlebody #RptForm input, select, .queryinput,
form input.editable,
.editbox2 textarea{
    background-color: #F6FBE5;
    border: 1px solid #969485;
    padding: 1px;
height: 30px;
font-size: 110%;
}
.editbox2 textarea{
   height:auto;
   width:95%;
}

.articlebody h1{
background: url("bg_h1_msg-text.gif") repeat-y scroll 0 0 #E8F3FC;
    border: medium none !important;
    font-size: 130%;
    margin-bottom: 15px;
    padding: 5px 5px 5px 15px;
}
.articlebody h2{
color: #3EA0F6;
    font-size: 120%;
    margin-bottom: 10px;
}
.articlebody label{

}

.articlebody h3{
border-left: 5px solid #81C4FF;
    margin-bottom: 10px;
    padding-left: 5px;
}
.articlebody p {
    line-height: 1.4em;
    margin-top: 2px;
}
.articlebody ul,.articlebody ol,
form ul,form ol{
margin-left: 5px;
    padding-bottom: 10px;
}

.articlebody ol li,form ol li{
line-height: 1.6;
    list-style: decimal inside none !important;
    padding-left: 15px;
}
.articlebody ul li,form ul li,
#respon-guide  ul li{
line-height: 1.6;
    list-style: disc inside url("marker-diamond.gif");
    padding-left: 15px;
  
}
form#syllabussearchform ul li {
    list-style: outside none none;
}


.articlebody ol.queryselection, .articlebody ol.multiselection,
 .articlebody ol.powerselection{
margin-top:10px;
}

.articlebody .queryselection li, .articlebody .multiselection li, .articlebody .yesnoselection span, li.permutation-unchosen,li.permutation-chosen,
.articlebody .powerselection li,
p.switch-list a.switch-eventtype,
p.switch-list a.switch-off
{
background-color: #F3F3F3;
    border-color: #B9B9B9;
    border-radius: 2px 2px 2px 2px;
    border-style: solid;
    border-width: 1px 2px 2px 1px;
    margin-bottom: 5px;
    padding: 5px 10px;
}
.articlebody .queryselection li.checked,.articlebody .multiselection li.checked,
.articlebody .powerselection li.checked
{
background-color: #C5C5C5;
    border-width: 2px 1px 1px 2px;
}
li.permutation-chosen{
    border-width: 2px 1px 1px 2px;
   background-color:#ECECEC;
color:#B9B9B9;
}
/*並べ替え回答*/
.permutation-choice-header, .permutation-response-header{
border: 2px solid #00A1E7;
border-radius: 5px 5px 5px 5px;
color: #00A1E7;
text-align:center;
margin-bottom: 5px;
margin-left: 5px;
padding: 0 5px;
}
.permutation-choice-header .undo-img{
padding-left: 20px;
vertical-align: bottom;
}
.permutation-choice-header .undo-img img{
vertical-align: middle;
}

.permutation-response-header{
border-color: #9ECF4C;
color: #9ECF4C;
}
.permutation-choice input{
    background-color: #BCE5FC;
    border: 1px solid #3C7FB1;
    border-radius: 5px 5px 5px 5px;
    color: #4071C1;
    display: block;
    font-size: 110%;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    width: 50%;
}

.permutation-response div.permutation-response-field{
    background-color: #ECFCD7;
    border: 1px solid #FFFFFF;
    color: #1960AD;
}
.permutation-response div.horizontal, .permutation-response div.vertical{
margin-bottom:5px;
}

.permutation-response .horizontal div.permutation-response-field {
    display: inline-block;
    margin-bottom: 5px;
    margin-right: 1em;
}
.permutation-response input{
font-size:100%
}

.articlebody .yesnoselection span{
display: block;
}
div.matching-select-form span{
font-size:100%;
display: block !important;
padding-bottom:5px;
text-align:center;
}
div.matching-select-form select{
text-align: center;
    width: 50%;
}
.yesnoselection label{
display:inline-block;
  width:90%;
}
.querysubmitted .yesnoselection label{
   width:auto;
}

ol.matchingselection {
background-color: #E8FAFF;
border: 1px solid #66C7F1;
margin-bottom: 5px;
padding: 8px 10px;
}
ol.matchingselection li{
 list-style: lower-alpha inside none !important;
}



.articlebody blockquote{
background-color: #F7F7F7;
    border: 1px solid #CCCCCC;
    margin-bottom: 5px;
    padding: 13px 13px 13px 15px;
}
/*小テスト用*/
div.queryv4{
/*background-color:#C9C9C9;*/
}

section.query-time {
    background: none repeat scroll 0 0 #ECECEC;
    border-radius: 3px 3px 3px 3px;
    display: block;
    margin: 5px 5px 5px auto;
    padding:5px 0;
    text-align: right;
    width:auto;
line-height:1.5em;
}

section.query-time span{
font-size:120%;
text-align: right;
background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 3px 3px 3px 3px;
color: #1960AD;
    display: inline-block;
min-width: 15px;
    padding: 0 5px;
margin:3px 10px 5px 3px;

}
.query-pagenavi{
padding-right:10px;
}



.querybody{
/*
background-color:#fff;
border-right:5px solid #C9C9C9;
border-left:5px solid #C9C9C9;*/
}
.querypaper{

}

.queryv4 ol.horizontal li.hori-first,
.reportsubmit-form ol.horizontal li.hori-first{
    margin-left: 0;
}
.queryv4 ol.horizontal li,
.reportsubmit-form ol.horizontal li{
list-style:none inside none !important;
}
.querybody hr.webat-page-sep,
.reportsubmit-form hr.webat-page-sep,
.reportsubmit-preview hr.webat-page-sep,
.form hr.webat-page-sep
{
    border-top-style: dashed;
    margin: 10px;
    border-color: #89c8ff;
    border-width: 3px 0 0;
    height: 1px;
}


/*採点結果*/
.queryshow input.point {
    background-color: #FFFFDD;
    border: 1px solid #FF0000;
    color: #FF0000;
    font-family: "Courier New",Courier,fixed !important;
    font-weight: bold !important;
    padding: 1px 2px;
    text-align: right !important;
    width: 2em;
  font-size:120%;
}
.queryshow span.correct {
    color: red;
    font-size: 30px;
    font-weight: bold;
    vertical-align: middle;
font-family: Verdana;
}

.queryshow span.incorrect {
    color: blue;
    font-size: 30px;
    vertical-align: middle;
    font-weight: bold;
font-family: Verdana;
}

.queryshow span.percent {
    font-weight: bold;
    vertical-align: middle;
  font-size:120%;
}

.querysubmitted .articlebody .queryselection li.checked,.querysubmitted .articlebody .multiselection  li.checked,
.querysubmitted .articlebody .powerselection li.checked,
p.switch-list  a.switch-on
{
background-color: #D6ECFF;
    border-width: 2px 1px 1px 2px;
border-color:#89C8FF;
}
.querysubmitted .yesnoselection  span,.queryanswer .yesnoselection span {
display:inline;
border:medium none;
background: none repeat scroll 0 0 transparent;
}


.querysubmitted .yesnoselection  span input.checked + label,.queryanswer .yesnoselection span input.checked + label{
background-color: #C5C5C5;
font-weight:bold;
}

.querysubmitted .yesnoselection  span input.checked + label {
background-color: #D6ECFF;
}

 .textarea_wordcount, .textarea_charcount{
    color: #8CC62B;
    font-size: 120%;
}

/* required items for query form */
 .hilite_required_on_submit  input.unfilled,  
.hilite_required_on_submit textarea.unfilled, 
.hilite_required_on_submit .unfilled{
    border: 2px solid #FF6666;
}
 .hilite_required_on_submit  .permutation-choice .unfilled,
{
border :medium none;
}
 .hilite_required_on_submit  .matchingselection{
border :1px solid #66C7F1;
}


/*セルフテスト*/
.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: 80%;
}
/*添付ファイル*/
.attachmentsfile li{
 background: url("/icon-file.gif") no-repeat scroll 0 0 transparent;
    padding-left: 26px;
   list-style: none outside none;
   min-height:29px;
}

/*errmsg*/
ul.errmsg  li, .articlebody ul.errmsg li{
color:#ff0000;
list-style-image: url("/icon-stop.gif") ;
}
/*出席*/
h3.attend-link{
  padding-left:10px;
  background-color:#DFFABD;
}

h3.alert-link{
  padding-left:10px;
  background-color:#FFE9CE;
}

/* new menu*/
nav.mynaviV2{
margin-top:-10px;
}

nav.mynaviV2 li{
 margin-bottom:15px;
    width:25%;
    font-size: 13px;

}
nav.mynaviV2 li a{
    display: block;
    height: 42px;
    width: 100%;
    padding-bottom: 5px;
    padding-top: 5px;
    line-height: normal;
}
nav.mynaviV2 li:first-child a{
    border-radius: 0px 0 0 5px;
}
nav.mynaviV2 li:last-child a{
    border-radius: 0 0 5px 0;
}

/* nav-header*/
nav.mynavi-main li {
    margin-top: -10px;
    width:50%;
    
}
nav.mynavi-main li:first-child,
nav.mynavi-main li:first-child a {
    border-radius: 0 0 0 5px;
}
nav.mynavi-main li:last-child ,
nav.mynavi-main li:last-child a{
    border-radius: 0 0 5px 0;
}



/* thread */

h3.msg-title {
    background: none repeat scroll 0 0 #f5f5f1;
    border-bottom: 1px solid #878469;
    border-top: 1px solid #878469;
}

div.msg-date {
    text-align: right;
}
div.msg-author, div.articleauthor {
    border-top: 1px solid #cccccc;
    font-size: 90%;
    text-align: right;
}
section.msg-body {
    padding: 10px 10px 25px;
}
.articlebody ul.attachments {
    padding-top: 10px;
}
.articlebody ul.attachments li, .attachments ul.attachments li {
    background: url("icon-file.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    list-style: none outside none;
    min-height: 32px;
    padding-left: 35px;
}

/*contents */
.contents .contentsheader .contentsheader-about-contents,
.peoject-header{
    background: none repeat scroll 0 0 #ecf6ff;
    margin-bottom: 20px;
    min-height: 65px;
    position: relative;
}
.contents h1.pagetitle{
    background-image: none;
    border-bottom: 1px solid #9ccdf9 !important;
    border-top: 1px solid #9ccdf9 !important;
    margin-bottom:30px;
}
.contents .articletext{
padding:10px;
}
.contents .contentsheader .contents-icon{
    background: url("/icon_contents1.gif") no-repeat scroll 0 0 transparent;
    display: block;
    height: 42px;
    left: 20px;
    padding: 9px 9px 9px 11px;
    position: absolute;
    top: 12px;
    width: 40px;
}
.contents-admin  .contentsheader .contents-icon{
    left: 19px;
}
.contents .contentsheader .contentsheader-about-contents-2 h1 {
    font-size: 130%;
    padding: 10px 10px 5px 85px;
}

.contents .contentsheader .contents-imformation{
    padding-bottom: 5px;
    padding-left: 85px;
}
.contents .contentsheader .contents-modtime{
   text-align:right;
}
.contents .articleauthor, .coursecollection .articleauthor, .homecollection .articleauthor {
    border-top: 1px solid #d7d7d7;
    color: #505050;
    margin: 40px 0 4px 0px;
    padding-top: 15px;
    position: relative;
}
.articleauthor .topagetop {
    display: block;
    position: absolute;
    right: 0;
    top: -20px;
}

div.pagecomment {
    border-top: 1px dotted #cccccc;
    margin-bottom: 10px;
    margin-top: 10px;
   background-color: #f7f7f7;
}
div.pagecomsubject {
    display: inline;
}
.pagecomment div.pagecomseqno {
    background-color: #999999;
    color: #ffffff;
    display: inline;
    font-weight: bold;
    padding: 2px 5px;
    text-align: center;
}
.pagecomment .pagecomentry {
    border-bottom: 1px dotted #cccccc;
    padding: 10px;
}
.pagecomment .pagecomauthor {
    font-size: 90%;
    text-align: right;
}
.pagecomviewall {
    padding: 5px 0 0;
    text-align: right;
}
.contents .articleauthorV2 {
    border-color: #a8d6ff;
    padding-top: 0;
}
.contents .articleauthorV2 .contentpage-navi {
    background-color: #ecf6ff;
    height: 20px;
    margin-bottom: 10px;
    padding: 3px 15px;
    text-align: center;
}

.msg-info{
   text-align:right;
}
.articlebody .update-info{
  text-align:right;
  font-size: 90%;
}

ul.contents-list li {
  position:relative;
 display:block;
}
 ul.info-list li .contents-icon{
    background: url("/icon_contents1.gif") no-repeat scroll 1px 1px transparent;
    height: 36px;
    padding: 10px;
}


/* my course*/
ul.course-list li {
    border: 1px solid #9ecf4c;
    list-style: none outside none;
    margin: 10px 2%;
    padding-top: 15px;
}
ul.course-list  li .info1{
    width:200px;
   display:block;
}
ul.course-list table{
  width:100%;
}
ul.course-list table th{
  width:65px;
}

ul.course-list .sp-button-s, .course-header .sp-button-s {
    background-color: #fff;
    margin: 0;
    padding: 5px 10px 5px 7px;
}

ul.course-list .sp-button-s img,
 .course-header .sp-button-s img {
    padding-right: 2px;
}

ul.course-listV2 li{
    padding: 10px 10px 5px;
}
ul.course-listV2 li .info1{
    display: block;
    text-overflow: clip;
    white-space: normal;
    width: auto;

}

/*course header*/
section.course-header{
  padding:10px 0;
  border-top:#9ecf4c 3px solid;
  border-bottom:#9ecf4c 1px solid;
  background-color:#F8F8F8;
  margin-bottom:15px;
}

section.course-header table{
   width:100%

}
section.course-header table th{
   width:30%

}
section.course-header h3{
   color:#6AAE00;
   padding-bottom:5px;
}

section.course-header-s{
   padding:5px 0;
   margin-bottom:0;
}

section.course-header-s img{
   height:40px;
   width:40px;
}

/*pager*/
.spager{
    background-color: #eaeaea;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
    margin-bottom: 0;
    padding: 5px 0;
}

.spager span{
    display: inline-block;
    padding: 0 5px;
}
.spager a,.spager .pager-now{
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 4px;
    display: inline-block;
    height: 1.6em;
    padding: 1px 12px;
    vertical-align: middle;
}
.spager .pager-now{
      background-color: #c2c2c2;
     color:#fff;
     font-weight:bold;
}
.spager .pager-disable{
    background-color: #eaeaea;
    border-color: #eaeaea;
    color: #3c3c3c;
    font-weight: normal;
}

/* project */
.peoject-header h1 {
    font-size: 130%;
    padding: 10px 10px 5px 15px;
}

.articleindex .contentspagelist li, .contentsballooncontent .contentslist li {
    list-style: disc outside url("icon_pagelist.gif");
}
.articleindex .contentspagelist ul, .contentsballooncontent ul {
    margin-left: 20px;
}
.articleindex table.stdlist{
 border-left:1px solid #89C8FF;
  border-right:1px solid #89C8FF;
}

/*grade*/
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;
}
table.gradelist td.gradebar {
    background-color: #0000cc;
    height: 20px;
    text-align: center;
}
table.gradelist td.gradebar span {
    color: #ffffff;
}
.gradelist .form td, .gradelist .form th, .gradelist .form table {
    border: medium none;
}
table.gradelist td.gradebar {
    background: url("bg_gradebar.gif") repeat-x scroll 0 0 transparent;
}
.gradelist  tr.nolink {
    background: url("bg_gradebar_back_sp.gif") repeat-x scroll 0 0 transparent;
    border-left: 1px solid #a5a5a5;
    height: 26px;
}
.gradelist  tr.nolink td {
    padding: 0;
}
.gradelist table.form{
border-collapse: collapse;
}
dl.gradesummary div.dates {
    clear: both;
    color: #999999;
    float: none;
    text-align: right;
}

/* attend */
h3.notice {
    color: rgb(236, 104, 63);
    line-height: 19px;
    margin-bottom: 10px;
    padding-left: 15px;
}
/*header menu*/
#header-menu, #header-menuv2{
    background-color: rgb(255, 255, 255);
    border: 3px solid rgb(106, 174, 0);
    border-radius: 5px;
    font-size: 15px;
    padding: 5px;
    position: absolute;
    right: 0;
    text-align: right;
    top: 38px;
    visibility: visible;
    width: 160px;
    z-index: 100;
}

#header-menuv2{
    border-radius: 0;
    border-top: medium none;
    width: auto; 
}
#header-menu ul{
}
#header-menu ul li ,#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;
}
#header-menuv2 ul li {
    padding-right: 35px;
}
#header-menu ul li a , #header-menuv2{
    display: block;
}
#header-menu ul li:last-child ,#header-menuv2 ul li:last-child{
   border-bottom:medium none;
}

.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;
}

.header-menu-button-open {
  background-position: 0 -39px;
}


/*edit*/
h4.edit-title,
body.syllabus table.edit tr th{
    background: none repeat scroll 0 0 #d5f5ab;
    font-size: 110%;
    margin: 10px 0 0;
    text-align: center;
}
body.syllabus table.edit tr th,
body.syllabus table.edit td{
  display:block
}

.reminder-setting span.radio-button{
    border-bottom: 1px solid #ccc;
    display: block;
    font-size: 110%;
    padding: 5px 10px;
}

.reminder-setting input:checked + label{
    font-weight:bold;
}


/*相互閲覧*/
.reporttext {
    border: 1px solid #9fcf3a;
    height: auto !important;
    margin-bottom: 15px;
    margin-top: 5px;
    min-height: 10px;
}
.reporttext-title {
    background: none repeat scroll 0 0 #f4fbe2;
    font-weight: bold;
    padding-left: 10px;
    padding-top: 3px;
}
.reporttext-body {
    padding: 10px;
}
.reporttext-body .reportinfo {
    border-top: 1px dotted #bfbfbf;
    margin-top: 5px;
    padding-top: 5px;
}
.report-submit-list {
    padding-bottom: 10px;
    position: relative;
}
.report-submit-list h3, h3.reportauthor {
    background-color: #ecfcd7;
    border: medium none;
    margin-bottom: 0;
    padding: 5px 10px;
    font-size:110%;
}

.coursecollection .articlebody h1.pagetitle {
    background-color: #F4FBE2;
    background-image: none;
    border-bottom: 1px solid #8cc62b !important;
    border-left: 6px solid #8cc62b !important;
    border-top: 1px solid #8cc62b !important;
    color: #666666;
    line-height: 1.4em;
    padding: 5px 10px;
    font-size:110%;
   margin-bottom:20px;
background: -webkit-gradient(linear, left top, left bottom, from(#F4FBE2), to(#ffffff) );

}

.coursecollection .collectioninfo{
   font-size:90%;
}

.coursecollection .pageattachments{
padding:10px;
}

.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: none repeat scroll 0 0 #fff3e2;
    border: medium none;
    color: #f6440d;
    font-size: 14px;
    margin: 0 15px;
    padding: 5px;
    width: auto;
}
.editgrade .editgrade-body table {
    border-collapse: collapse;
    margin: 0 15px 20px;
    width: 95%;
}
.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;
}
/*comment form*/
#CommentSubject,
.bbspostform #Subject_bot{
  width:90%;
}

/*解説*/
.manaba-explanation {
    background: url("/icon-grade-teacher-s.png") no-repeat scroll 3px 10px #f8f8f8;
    border-radius: 5px;
    color: #005dc6;
    display: inline-block;
    margin: 0 10px;
    padding: 2px 5px 2px 20px;
}
div.manaba-explanation {
   display:block;
}

/*link baloon*/
.linkballoon {
    background-color: white;
    border: 3px solid #73baf9;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #727272;
    height: 70px;
    overflow: hidden;
    z-index: 100;
}
/*upload form*/
.articlebody input.queryfileupload, .articletext input.queryfileupload{
background-color: #f6fbe5;
border: 1px solid #969485;
font-size: 90%;
height: 30px;
padding: 1px;
  max-width:100%;
}
 .hilite_required_on_submit  input.queryfileupload.unfilled{
    border: 2px solid #FF6666;
}
.queryfileuploadform.uploading::after {
    content: url('/now_loading.gif');
}


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")
}


/* */
/* 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;
}

/*search*/
.search-result-box h3 span.search-type {
    background-color: #ffffff;
    border-radius: 3px;
    color: #2e7c40;
    display: inline-block;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    margin: 0 5px;
    padding: 0 3px;
    text-align: center;
   font-size:80%;
}

 form #search-detail ul li{
   list-style:none;
}
.searchlist-course {
    border-color: #dddddd;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin: 10px 0;
    max-height: 180px;
    overflow-y: auto;
}
.searchlist-course ul li{
   border-bottom:#dddddd 1px solid;
   padding:4px;
}
.searchlist-course ul li:last-child{
  border-bottom:medium none;
}

.search-result-box .keyword {
    background-color: #d0d0ff;
}

/*calendar*/

div.calendar {
    background-color: white;
    border: 1px solid #888888;
   padding:8px;
}
.caltableV2{
   background-color:#fff;
   width:240px;
   font-size:120%;
}
.calheading {
    font-weight: bold;
    text-align: center;
}
.caltableV2 .calheading {
    display: inline;
    padding: 0 5px;
   font-size:120%;
}
.caltableV2 tr:first-child td {
    height: 20px;
    text-align: center;
}
.caltableV2 tr:first-child td img{
   height:24px;
   width:24px;
   vertical-align:middle;
}

.selectdate {
    border-color: #880000 !important;
}

.calweekday {
    background-color: transparent;
    color: #666;
    font-weight: normal;
}

.calholiday {
    background-color: transparent;
    color: #f04;
    font-weight: normal;
}

.caltoday {
    background-color: transparent;
    font-weight: bold;
    text-decoration: underline;
}
 .caltableV2 input[type="button"]{
text-align:center;
width:85%;
display:block;
background-color:#BCE5FC;
padding:5px;
border:#3C7FB1 solid 1px;
border-radius:5px;
margin:10px auto;
color:#4071c1;
font-size:110%;
}


.calendar-thismonth {
    bottom: 0;
    position: absolute;
    right: 5px;
    text-align: right;
}


/*calendar*/
#courselistweekly table.stdlist {
  font-size: 70%;
}
#courselistweekly table.stdlist td.course img{
  width:6px;
}


#courselistweeklytable.stdlist th.day {
}
 #courselistweekly table.stdlist td,
#courselistweekly table.stdlist tr.title th {
   word-break : break-all;
    border-right: 1px solid #8cc62b;
   padding:2px;
}

 #courselistweekly table.stdlist td.period {
    background-color: #f8f8f8;
    border-right: 2px solid #8cc62b;
    width: 4%;
    font-size:90%;
}
.courselistweekly-border {
    border-top: 1px dotted #8cc62b;
    text-align: left;
}


.upcomingcourselist table.stdlist tr.title th {
    background-color: #f2f9fc;
    color: #556fb5;
}
.upcomingcourselist table.stdlist, .upcomingcourselist table.stdlist td, .upcomingcourselist table.stdlist th {
    border-color: #74c2ef !important;
    border-bottom: 1px solid #74c2ef !important;
    border-top: 1px solid #74c2ef !important;
}
.pastcourselist table.stdlist tr.title th {
    background-color: #f8f0e0;
    color: #666666;
}
.pastcourselist table.stdlist, .pastcourselist table.stdlist td, .pastcourselist table.stdlist th {
    border-bottom: 1px solid #d1c0a5 !important;
    border-color: #d1c0a5 !important;
    border-top: 1px solid #d1c0a5 !important;
}

div.coursetable-scroll{
    overflow-x: auto;
    width: 100%;
}
#courselistweekly div.coursetable-scroll table.stdlist{
    font-size: 80%;
    min-width: 520px;
}
#courselistweekly div.coursetable-scroll table.stdlist td.course img{
   width: 12px;
}

.course-cellcolor #courselistweekly table.stdlist td.course-cell {
    border-width: 2px !important;

}
.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;
}
.course-cellcolor #courselistweekly table.stdlist td.course-cell:last-child {
    border-right-width: 1px !important;
}

.courseweekly-fav{
   float:right;
}

.memotext{
color:#33aee9;
}
.registration-state{
color: #ff6600;
}

/*attend edit*/
.attend-query-edit-form,
.attend-query-edit-body{
   padding-bottom:16px;

}
.attend-query-edit-form table{
   border-collapse: collapse;
   width:100%;
}
.attend-query-edit-form table td,
.attend-query-edit-form table th{
padding:4px;
}
.attend-query-edit-form table input.editable{
  width:95%;
}

.attend-query-edit-form table tr:first-child th,
.attend-query-edit-form table tr:first-child td{
  font-size:120%;
  background-color:#ECECEC;
}

.attend-card-preview  .course-info br {
    display: none;
}

.attend-card-preview .course-info {
    background-color: #ffffff;
    border: 1px solid #00b7ee;
    border-radius: 5px;
    margin-bottom: 20px;
    padding-bottom: 4px;
    text-align: center;
}

.attend-card-preview #forminsert {
    padding: 0 15px;
}
.attend-card-preview #forminsert table.surveytable {
    margin-bottom: 15px;
}

.attend-card-preview .course-info h3 {
    background-color: #d1f1ff;
    border-radius: 5px 5px 0 0;
    margin-bottom: 4px;
    padding: 4px 0;
}
.attend-card-preview div#forminsert h3 {
    color: #449900;
    padding-bottom: 5px;
}
.attend-card-preview #forminsert table.surveytable {
    margin-bottom: 15px;
}
.attend-card-preview table.surveytable {
    border-collapse: collapse;
    width: 100%;
}
.attend-card-preview .query-box textarea {
    font-size: 100%;
    height: 6em;
    width: 100%;
}

.attend-card-preview .query-box textarea {
    font-size: 100%;
    height: 6em;
    width: 100%;
}

.attend-card-preview .query-box {
    border-top: medium none;
    padding: 10px 0;
    margin-bottom: 10px;
}
.attend-card-preview .query-box {
    border-bottom: 1px solid #cccccc;
    padding: 10px 0;
}

.attend-card-preview div#forminsert table tr.free-survey-radio td {
    padding: 0 0 0 20px;
}

.respon-card .course-info {
    background-color: #ffffff;
    border: 1px solid #face20;
    border-radius: 5px;
    margin: 0 10px 20px;
    padding-bottom: 4px;
    text-align: center;
}
.respon-card .course-info h3 {
    background: #fff2c1 url("bg_respon-card-open-respon_h3.gif") repeat scroll 0 0;
    border-radius: 5px 5px 0 0;
    margin-bottom: 4px;
    padding: 4px 5px;
}

.respon-card div#forminsert h3 {
    border-bottom: 2px dotted #f3b200;
    border-top: 2px dotted #f3b200;
    color: #453e33;
    margin-bottom: 20px;
    padding-bottom: 5px;
    padding-top: 5px;
}

/*submit log*/
select.courselist-select,
select.pagelist-select {
  max-width:100%;
}

select.courselist-select option,
select.pagelist-select option{
    max-width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
span.switch-on {
}
span.switch-off {
}
p.switch-list{
  padding-top:8px;
}

a.switch-eventtype {
 cursor: pointer; 
display: inline-block;
}

/*syllabus*/
body.syllabus table.edit{
  width:100%;
    border-collapse: collapse;
  margin-top:10px;
}
body.syllabus table.edit tr th {
    text-align: left;
    padding-top:3px;
    padding-bottom:2px;
}
body.syllabus table.edit td,
body.syllabus table.edit th{
 width: 90% !important;
 padding:0 5%
}
body.syllabus table.edit td{
 padding-top: 15px;
 padding-bottom: 10px;
}

/*bulk query*/
.grade-edit-status{
    border-color: #BABFC4;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 5px;
    text-align: center;
}
svg.webat-chartbox{
   width:300px;
   max-width:100%;
   height:auto;
}

/*data pacific*/

.query-dpframe {
    height: 280px;
    position: relative;
}
.query-datapacific .query-iframe {
    height: 240px;
    width: 100%;
     overflow:auto !important;
     -webkit-overflow-scrolling:touch !important;
}
.query-datapacific iframe {
    height: 170%;
    transform: scale(0.6);
    transform-origin: 0 0 0;
    width: 170%;
    /*追加*/
    margin-right: -70%;
}

.query-dpframe p {
}


/*syllabus search*/
.panel_timetable {
    background: #fff none repeat scroll 0 0;
    border: 1px solid #888888;
    padding: 10px;
}
table.matrix_selector__table {
    border: 1px solid #9ecf4c;
    border-collapse: collapse;
}
.matrix_selector {
    -moz-user-select: none;
}
table.matrix_selector__table tr th, table.matrix_selector__table tr td {
    border-left: 1px solid #9ecf4c;
    cursor: pointer;
    height: 30px;
    padding: 0;
    text-align: center;
    width: 30px;
}

.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: 5px;
        height:30px;
        width: 35px;
        padding: 3px 0 2px;
        vertical-align: middle;
    }
    .panel_timetablev2 table.matrix_selector__table tr th{
      border-color:#9ecf4c;
     }

       .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;
       }

.deactivecourse h2.title{
    background-color: #ebedef;
    border-color: #babfc4;
    color: #3c3c3c;
}
.deactivecourse ul.course-list li{
    border-color: #babfc4;
}
.inlineaf-object-description2 {
    background: url("/icon-file_movie1.png")  no-repeat scroll left center;
    min-height:29px;
}

.userpage-top {
    border: 1px solid #d5d5d5;
    margin: 0 16px 16px;
    min-height: 70px;
    padding: 10px;
}
.userpage-top img {
    float: left;
    height: 60px;
    width: 60px;
    padding-right:10px;
}
.home .userpage-top div.username, .user .userpage-top div.username {
}
.home .userpage-top div.username h3, .user .userpage-top div.username h3 {
    margin-top: 0;
    padding: 10px 10px 0;
}
.project-team-info {
    margin: 10px;
}
.project-team-info-header {
    background-color: #dffabd;
    border: 1px solid #9ecf4c;
    height: 31px;
    padding: 0;
}
.project-team-info-header h2 {
    background: #dffabd url("icon_project_team1.png") no-repeat scroll 7px 7px;
    border: medium none;
    line-height: 28px;
    margin-bottom: 0;
    margin-top: 0;
    padding-left: 34px;
    width: auto;
   font-size: 100%;
}
.project-team-info-body {
    border-color: #99cf3e;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 10px;
}


.pagecomment .pagecomauthor form,
.thread .msg-author form{
    display: inline-block;
    vertical-align: middle;
}

.alert-link{
    background-color: #ffe9ce;
    margin: 12px 0;
    padding: 4px;
    text-align: center;
    font-size:90%;
}
.alert-link a{
  font-weight:bold;
}

/*teacherview*/

body.teacherview h2.title{
       background-color:#EBEBEB;
  background: -webkit-gradient(linear, left top, left bottom,
    from(#E5E5E5),
    to(#F8F8F8)  );
border-top:#BABFC4 1px solid;
border-bottom:#BABFC4 1px solid;
color: #1a1a1a;;
}

/*mypage button*/
.top-menu{
    padding-left: 5px;
    padding-top: 16px;
}

@media screen and (max-width: 600px) {
  .top-menu ul {
    margin: 0 auto;
    width: 314px;
 }
}

.top-menu ul li{
    border: 1px solid #C9C9C9;
    border-radius: 6px;
    display: inline-block;
    font-size: 10.8px;
    height: 60px;
    margin-bottom: 10px;
    margin-left: 2px;
    text-align: center;
    vertical-align: top;
    width: 70px;
    line-height: 1.3em;
    background-color: #E7E7E7;
     background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 50%,rgba(225,225,225,1) 51%,rgba(246,246,246,1) 100%);
}
.top-menu ul li a{
  padding:10px 0 0 0 ;
  display:block;
}
.top-menu ul li span.top-menu-icon{
    display: block;
    height: 25px;
    margin: 0 auto;
    text-align: center;
    width: 25px;
}
.top-menu ul li img{
    vertical-align: middle;
}

/*course top-menu*/

.course .top-menu ul li,
.top-menu-en ul li{
    font-size:10.8px;
    position:relative;
}
.home .top-menu ul li{
 position:relative;
}
.course .top-menu ul li a,
.top-menu-en ul li a{
    padding: 8px 0 0 0
}

.top-menu-en ul li a span.top-menu-icon{
  padding:0:
}

.course  .top-menu ul li span.top-menu-icon,
.top-menu-en ul li  span.top-menu-icon{
    height: 20px;
}
.top-menu-en ul li a span{
    display: block;
    word-break: normal;
   margin:0 auto;
   padding:0 4px;
}



.top-menu 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;
    box-shadow: 2px 2px 1px #e3e3e3;
    color: #ffffff;
    font-size: 15px;
    padding: 0 5px;
    position: absolute;
    right: -6px;
    top: -6px;
    line-height: normal;
}


span.unread-comment {
    background: rgba(0, 0, 0, 0) url("/icon_coursethread_on.png") no-repeat scroll 0 0;
    color: #ff0000;
    font-weight: normal;
    padding-left: 15px;
    padding-right: 3px;
}
span.unread-comment-b {
    background-image: url("/icon_comment_s.png");
}


.course-list-line ul.info-list {
  padding:0;
}
table.course-list-line tr{
border-bottom-width: 0;
}
.course-list-line ul.info-list li{
    background: #fff url("icon_mypage_showmore.png") no-repeat scroll right center;
    list-style: outside none none;
    padding-left: 30px;
}
.course-list-line ul.info-list li:last-child{
   border-bottom:medium none;
}
table tr.coursestatus-list {
    border-bottom-width: 1px;
}

table.stdlist tr.coursestatus-list td{
 padding:0;
  margin-bottom:-1px;
}
table.stdlist tr.coursestatus-list td div{
    border-top: 1px solid #c9c9c9;
  display:none;
}

table.stdlist tr.coursestatus-list td ul{
  margin:5px 10px;
}

.coursestatus-open,
.coursestatus-off{
   display:inline-block;
    /*background: rgba(0, 0, 0, 0) url("icon-alertlist.png") no-repeat scroll center center;*/
  cursor:pointer;
}
.coursestatus-off{
     background-image: url("button_sp_menu_open-off.png");
}

.coursestatus-close{
    opacity: 0.3;
}

/*editor*/
.sp-editbox  iframe{
     -webkit-overflow-scrolling:touch !important;
    border-color: #666;
    border-image: none;
    border-style: solid;
    border-width: 1px;
    margin: 0 auto;
    overflow: auto !important;
    max-width: 99%;
    width: 612px;
}
.sp-editbox #plainformpanel,
.sp-editbox #richformpanel,
#commentform_bot .sp-editbox #plainformpanel_bot,
#commentform_bot .sp-editbox #richformpanel_bot{
    border-bottom: 1px solid #cccccc;
    text-align: right;
}
.sp-editbox  .buttoncontent {
    display: none;
}
.sp-editbox.htmlpanel .editbuttonrow {
    padding-left:0;
}

.sp-editbox .editbox2tab,
.sp-editbox  .plainformcap {
   display:none;
}

.sp-editbox #richformpanel_bot .tabtext {
}

.rteditor .inlineattachment {
    background-image: url("/portalicon-file.gif");
    background-position: 3px 50%;
    background-repeat: no-repeat;
    border: 2px solid #73baf9;
    max-width: 300px;
    min-height: 36px;
    padding-left: 3em;
}

body.attachment_delete_on .inlineattachment {
    background: rgba(0, 0, 0, 0) url("bg_inline_file_sp.png") no-repeat scroll 0 top;
    padding-right: 22px;
    width: 229px;
}

.sp-editbox .sp-button-s {
    margin-right: 8px;
    padding-right: 16px;
}

.editbox2 .htmlpanel .editbuttonrow br {
    display: none;
}


/*panel*/
.sp-body #panel_frame {
    background-color: #b6ddff;
    max-width: 90%;
    padding: 5px;
    border-radius: 5px;
    box-shadow: 4px 3px 5px #404040;
    padding: 14px 5px;

}

.sp-body .custompanel {
    background-color: #ffffff;
    padding: 1em;
}


.sp-body table.edit{
width:100%;
}

.sp-body .qaddinlinefile th {
    text-align: left;
}
.sp-body .qaddinlinefile th, .sp-body .qaddinlinefile td {
    display: block;
}
.sp-body .qaddinlinefile td input.editable{
    width: 100%;
    max-width:320px

}

/* location */
.couraselocationinfo {
    background-color: #fff;
    border-radius: 5px;
    color: #2e7c40;
    margin-top: 5px;
    text-align: center;
}

/*coursetop-contents*/
.coursetop-contents {
    max-height: 200px;
    overflow: hidden;
}

.coursetop-contents-open {
    max-height: none;
}
.coursetop-contents .inlineattachment .file{
    float: left;
    position: static;
}
.coursetop-contents .articlebody{
  padding:10px;
}
/*new courseheader*/
section.course-headerv2 h3,
section.course-header-sv2 h3{
padding-bottom:0;
}
section.course-headerv2{
    font-size: 90%;
    margin-bottom: 5px;
    padding: 5px 0;
}
section.course-headerv2 img.courseicon {
    width: 40px;
}
section.course-header-sv2{
    font-size: 90%;
}
section.course-header-sv2 img.courseicon{
    height: 25px;
    width: 25px;
}

/*syllabus table*/
body.syllabus table.syllabus-table{
    border-top: medium none;
    display: block;
    max-width: 100%;
    overflow-x: auto;
    position: relative;
    width: 100%;
}
body.syllabus table.syllabus-table tbody{
    display: block;
    overflow: hidden;
    position: relative;
    width: 600px;
}
body.syllabus table.syllabus-table  tbody tr{ 
    }
body.syllabus table.syllabus-table tr.title th{
  border-top:1px solid #9ecf4c;
  border-bottom:3px solid #9ecf4c;
}


body.syllabus table.syllabus-table tr th,
body.syllabus table.syllabus-table tr td{
   display: table-cell;
   width: auto !important;
    padding: 5px;
   border-left: 1px solid #9ecf4c;
   border-right: 1px solid #9ecf4c;
}
body.syllabus table.syllabus-table tr td.center{
  text-align:center;
}

.syllabus-text{
    word-break: break-word;
}
#table-coursenumber tr th{
 width:30%;
}


/* add contents*/
.page .sp-editbox iframe {
    max-height: 300px;
}

/*coursenews category*/
span.coursenews-category {
    border-radius: 3px;
    margin-right: 5px;
    padding: 3px 8px;
    background-color: #fff;
    border: 1px solid #666;
    color: #666;
}
h3 span.coursenews-category,
h2 span.coursenews-category {
    font-size: 60%;
}
span.coursenews-category-r {
    border-color: #666;
    color: #666;
}
ul.tab-menu {
    background-color: #ebedef;
    height: auto;
    padding: 10px 10px 5px;
    margin: 0 0 15px 1px;
}
ul.tab-menu li {
    display: inline-block;
    list-style: outside none none;
}
ul.tab-menu li a {
    background-color: #fff;
    border-color: #cdcfd0;
    border-radius: 7px;
    border-style: solid;
    border-width: 2px;
    color: #666;
    display: inline-block;
    font-size: 90%;
    height: 20px;
    list-style: outside none none;
    margin: auto auto 5px;
    padding: 4px 10px;
    text-align: center;
}
ul.tab-menu li.tab-menu-on a {
    background-color: #9ecf4c;
    border-color: #9ecf4c;
    color: #fff;
}

/*portfolio*/
span.collyear-open {
    background: transparent url("/button_board_box-close.gif") no-repeat scroll right 5px;
    cursor: pointer;
    display: block;
    height: 30px;
    position: absolute;
    right: 10px;
    text-indent: -9999px;
    top: 0;
    width: 100%;
}

.collist h3.msg-title{
  min-height:30px;
}

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");
}
span.collyear-open {
    background-image: url("/button_board_box-close.gif");
}
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-course-name {
    display: block;
}
.collist-course-teacher,.collist-course-term {
    font-size: 80%;
}
.collldatalist {
    width: 100%;
}
.collldatalist tr td {
    border-bottom: 1px dotted #9ecf4c;
    padding: 8px 0;
}
.colllink-right {
    text-align: right;
}
.collldatalist tr td.colltitle div {
    padding: 0 0 0 5%;
}
.collldatalist tr td.colldate {
    font-size: 90%;
}
.collldatalist tr:last-child td{
  border-bottom:medium none;
}
/*course comment*/
.homecollection  .articlebody{
   font-size:100%;
}

.homecollection .coursecomment-header h3{
  position:relative;
}

.homecollection .coursecomment-header .commtype {
    font-size: 100%;
    position: absolute;
    right: 10px;
    top: 3px;
}
.homecollection .coursecomment-header .commtype span {
    background-color: #ffffff;
    border-radius: 3px;
    color: #2e7c40;
    display: inline-block;
    line-height: 20px;
    padding: 2px 4px;
    text-align: center;
    font-size:70%;
}
.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: transparent url("icon_h3_collcoment.png") no-repeat scroll 6px 3px;
    border-left: medium none;
    margin-bottom: 0;
    margin-top: 0;
    min-height: 16px;
    padding: 3px 120px 5px 30px;
}
.homecollection .coursecomment-header .commtype {
    font-size: 100%;
    position: absolute;
    right: 10px;
    top: 3px;
}
.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;
}
.home .update {
    color: red;
    font-weight: bold;
}
.homecollection  textarea.queryinput {
  max-width:100%;
}
.collldatalist td.collcommentV2 div{
  background: url("icon_collist_comment.png") no-repeat scroll 0 center transparent;
  min-width: 50px;
  text-align: center;
}

.collldatalist td.collcomment div.update{
background: url("icon_collist_comment.png") no-repeat scroll 0 center transparent;
    color: #EC683F;
    font-weight: bold;
}
.collldatalist td.collcommentV2 div.update{
  background-image: url("icon_collist_updatecomment.png") ;
}



/*announcement*/
.announcement-category {
    background-color: #fff;
    border: 1px solid #9ecf4c;
    border-radius: 5px;
    color: #2e7c40;
    display: inline-block;
    font-size: 80%;
    margin-right: 10px;
    padding: 1px 6px;
}

/*open syllabus*/
.psyllabus .date{
  display:none;
}

/*Google Drive*/
.inlineattachment-googledrive iframe, .inlineattachment-googledocs iframe {
  max-width: 100%;
  height: auto;
  border: medium none;
}
.inlineattachment-googledocs iframe {
    min-height: 400px;
}

/*respon color*/
body.respon .articlebody input.form-input-text,
body.respon .articlebody input.editable, 
body.respon .articlebody #RptForm input,
body.respon select,
body.respon .queryinput,
body.respon form input.editable,
body.respon .editbox2 textarea{
  background-color: #fff2c1;
  border: 1px solid #face20;
}
/*文字数カウント*/
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;
}

/*report layout*/
.report-submit-listV2 .captionbottom,
.report-submit-listV2 ul.attachments{
    color:#666;

}
/*評価コレクション*/
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;
}

/*open-collection*/
table.open-colldatalist  td.colldate,
table.open-colldatalist  th.colltitle,
table.open-colldatalist  th.colldate{
   text-align:left;
}

/*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{
   // background-image: url("reaction_icon.png");
}

.reaction-list{
 display:inline-block;
}
.reactionballoon{
margin-top:10px;
}

.reactionballoon .balloonframe{
	width:150px;
	height:200px;
        margin-left: -115px;
}
.reactionballoon .ballooncontent{
	max-height:170px;
	width: auto;
	overflow-x: auto;
}
.reactionballoon .balloonpointer{
	left:0px;
}
.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);
}

.reaction-button a,
.reaction-button-disable
{
display:inline-block;
min-width: 35px;
height: 18px;
}

/*external repotrt*/

fieldset .articletext {
  padding: 10px;
}
.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;
}

/* body.respon は respon単体 */

body.respon .inputfocus {
  outline-color: #f08200;
}

body.respon #loginbulletimage {
  display: none;
}

body.respon h3.attend-link {
  background-color: white;
}

body.respon header .title {
  text-shadow: none;
}

body.respon nav li {
  text-shadow: none;
}

body footer .footer-info {
  text-shadow: none;
}

body.respon footer ul li {
  text-shadow: none;
}

/* body.respon6 は respon単体・responオプション共通 */


/*アラートバナー：ログアウト*/
#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;
}