* {
 margin: 0;
 padding: 0;
 font-family: Helvetica,Arial,Verdana,sans-serif;
}

html{
 overflow-y:scroll;
}
 
#upload table{
font-size:10pt;
}
 iframe.calendar {
z-index:4;
} 
#content {
 position: relative;
 margin: 0px auto;
 min-width: 720px;
 width: 720px;
}

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

.drawable h1 {
 margin: 12px 0 24px 0;
 padding: 0 0 0 10px;
 border-left: solid 5px #534b8f ;
 font-size: 120%;
 text-align: left;
 color: #666;
}

#orgheader div {
 color:#FF0044;
 font-size:20pt;
 position:relative;
 text-indent:250px;
 width:100%;
}

.hidden {
 display:none;
}

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

ul {
 list-style: none;
 line-height: 1.3;
 margin-left: 10px;
 margin-top: 0.5em;
}

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

.nocssonly {
 display: none;
}

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

/* リンク */
a img {
 border-style:none;
 text-decoration: none;
}

a:link {
 color: #736ca6;
 text-decoration: none;
}    

a:visited {
 color: #736ca6;
 text-decoration: none;
}  

a:hover {
 color: #736ca6;
 border-style:none;
 text-decoration: underline;
}   

a:active {
 color: #736ca6;
 text-decoration: none;
}   

/* various heading tags */

h1 {
 margin: 12px 0 8px 0;
 padding: 0 0 0 6px;
 border-left: solid 5px #534b8f;
 font-size: 120%;
 text-align: left;
 color: #666;
}

h2 {
 margin: 4px 0px 0px 0px;
 font-size: 120%;
 text-align: left;
 color: #666;
}

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

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

body.adminview h2 {
 color: #c66;
}

body.adminview h3,
body.adminview h4,
body.adminview h5 {
 color: #c66;
}

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

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

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

h2 input {
 font-weight: normal;
}

input {
 margin-left: 4px;
 margin-right: 4px;
 padding: 1px;
 background-color: #f5f6fe;
}

input.radio{
 background-color: #fff;
 color: #fff;
}

input.checkbox {
 background-color: #fff;
 color: #fff;
}

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

textarea {
 background-color: #f5f6fe;
 padding: 1px;
}

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 */
.editable {
 background-color: #f5f6fe;
}
.readonly {
 background-color: #FFFFDD;
}
.saved {
 background-color: #fff;
}

/* admin */

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

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

#orgheader {
 background:#fff url(header-logbook.gif) no-repeat 0px top;

 width: 720px;
 height: 46px;
}

#searchbox {
 position: absolute;
 right: 0px;
 top: 4px;
}

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

#myheader {
 position: relative;
 background: url(bg-header.gif);
 background-position: 0px top;
 width: 720px;
 height: 30px;

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

body.adminview #myheader{
 background:url(/bg-header-admin.gif);
}

#mypagelogo {
 position: absolute;
 top: -2px;
 left: 0px;
}

#mymemoicon {
 position: absolute;
 top: 3px;
 left: 108px;
}

#myadmin {
 position: absolute;
 top: 7px;
 left: 240px;
}

#mylinks {
 position: absolute;
 right: 28px;
 top: 3px;
}

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

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

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

#myhelpicon {
 position: absolute;
 right: 10px;
 top: 8px;
 color: #fff;
 z-index: 2;
 /* visibility: hidden; */
 cursor: pointer;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		mypage header
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#mypageheader {
 position: relative;
 width: 720px;
 height: 82px;

 margin-top: 5px;
 background: url(header-course.gif) repeat-x;
}


#usericon{
 position: absolute;
 top: 5px;
 left: 12px;

 width: 64px;
 height: 45px;
 background: url(icon-balloon-me.gif) no-repeat left;
}

#userheader #usericon{
 background: url(icon-balloon-you.gif) no-repeat left;

}

#usericon .userimage{
 position: absolute;
 top: 7px;
 left: 5px;
}

#username{
 position: absolute;
 top: 16px;
 left: 50px;
 height: 22px;
}

/*
#username{
 position: absolute;
 top: 16px;
 left: 30px;
 background: url(button_usesrname.gif) no-repeat left;

 height: 20px;
}
*/

#username a{
 display: block;
 margin-left: 24px;
 border-bottom: dotted 1px #736ca6 !important;
 font-family: verdana;
 font-size: 14px;
 font-weight: normal;
 letter-spacing: 2px;
 color: #736ca6;
}

#username a:hover {
 text-decoration: none;
 background-color: #fff9ac;
}

#usermanagement {
 position: absolute;
 top: 14px;
 left: 200px;
}

#usermanagement a:hover {
 text-decoration: none;
 background-color: #fff9ac;
}

#profile a{
 position: absolute;
 top: 14px;
 left: 510px;
 width: 72px;
 height: 22px;
}

#userorg{
 position: absolute;
 top: 10px;
 left: 600px;
 color: #666666;
 font-size: 12px;
}

#usergrade{
 position: absolute;
 top: 25px;
 left: 600px;
 color: #666666;
 font-size: 12px;
}

/* ボタン配置 */
#mypageheader #courses{
 position: absolute;
 left: 0px;
 bottom: 0;

 width: 240px;
 height: 32px;
}

#mypageheader #communities{
 position: absolute;
 left: 240px;
 bottom: 0;

 width: 240px;
 height: 32px;
}

#mypageheader #collection{
 position: absolute;
 left: 480px;
 bottom: 0;

 width: 240px;
 height: 32px;
}

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

#mypagemenu {
 position: relative;
 width: 720px;
 height:33px;
 margin-top: 5px;
}

#mypagemenu #courses{
 position: absolute;
 left: 0px;
 top: 0;

 width: 240px;
 height: 32px;
}

#mypagemenu #communities{
 position: absolute;
 left: 240px;
 top: 0;

 width: 240px;
 height: 32px;
}

#mypagemenu #collection{
 position: absolute;
 left: 480px;
 top: 0;

 width: 240px;
 height: 32px;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		user header
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#userheader {
 position: relative;
 width: 720px;
 height: 82px;

 background: url(header-course.gif) repeat-x;
}

#userheader #course{
 position: absolute;
 left: 240px;
 bottom: 0;

 width: 240px;
 height: 32px;
}

#userheader #communities{
 position: absolute;
 left: 360px;
 bottom: 0;

 width: 240px;
 height: 32px;
}

#userheader #collection{
 position: absolute;
 left: 480px;
 bottom: 0;

 width: 240px;
 height: 32px;
}

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


#adminheader {
 background-image:url(header-adminmenu.gif);
 height:45px;
 position:relative;
}

#buttonuseradm {
 position: absolute;
 left: 20px;
 bottom: 0;
 height: 33px;
}

#buttoncourseadm {
 position: absolute;
 left: 133px;
 bottom: 0;
 height: 33px;
}

#buttonbbsadm {
 position: absolute;
 left: 245px;
 bottom: 0;
 height: 33px;
}

#buttontemplate {
 position: absolute;
 left: 357px;
 bottom: 0;
 height: 33px;
}

#buttoneventlog {
 position: absolute;
 left: 469px;
 bottom: 0;
 height: 33px;
}

#buttonsession {
 position: absolute;
 left: 581px;
 bottom: 0;
 height: 33px;
}

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

span.id {
 font-weight:bold;
 text-align:left;
 width:2.2em;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		course,community header
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#communityheader,
#courseheader {
 position: relative;
 width: 720px;
 height: 82px;

 background:url(header-course.gif) repeat-x;
}

#communityicon,
#courseicon{
 position: absolute;
 top: 11px;
 left: 30px;
}

#communityname,
#coursename{
 position: absolute;
 top: 16px;
 left: 110px;
 padding-left: 24px;
 background: transparent url(button_usesrname.gif) no-repeat left center;
 height: 20px;
 width: 320px;
}

#communityname a,
#coursename a{
 width: 320px;
 border-bottom: dotted 1px #736ca6;

 font-family: verdana;
 font-size: 14px;
 font-weight: normal;
 letter-spacing: 2px;
 color: #736ca6;
}

#coursename a:hover,
#communityname a:hover {
 text-decoration: none;
 background-color: #fff9ac;
}

/* courseの設定 */

#courseedit a{
 position: absolute;
 top: 14px;
 left: 510px;

 width: 72px;
 height: 22px;
}

#courseteacher {
 color:#666666;
 font-size:12px;
 position:absolute;
 left:600px;
 top:10px;
}

#courseperiod {
 color:#666666;
 font-size:12px;
 left:600px;
 position:absolute;
 top:25px;
}

#report{
 position: absolute;
 left: 167px;
 bottom: 0;
 width: 80px;
 height: 33px;
}

#courseheader img{
 vertical-align:middle;
}
img#reportstatus {
 bottom:3px;
 left:64px;
 opacity:0.5;
 position:absolute;
 z-index:99;
}

#grade{
 position: absolute;
 left: 247px;
 bottom: 0;
 width: 80px;
 height: 33px;
}

#bbs{
 position: absolute;
 left: 467px;
 bottom: 0;

 width: 120px;
 height: 33px;
}

#collectionbook{
 position: absolute;
 left: 587px;
 bottom: 0;

 width: 120px;
 height: 33px;
}

/* communityの設定 */

#communitycategory{
 position: absolute;
 top: 46px;
 left: 134px;
 color: #666666;
 font-size:12px;
}

#communityedit a{
 position: absolute;
 top: 14px;
 left: 450px;

 width: 72px;
 height: 22px;
}

#communityadd {
 position: absolute;
 top: 60px;
 left: 570px;
 font-size: 12px;

}

#communityadmin{
 position: absolute;
 top: 10px;
 left: 580px;
 font-size:12px;
 color: #666666;
}

#communitymember{
 position: absolute;
 top: 25px;
 left: 580px;
 font-size:12px;
 color: #666666;
}

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


.memobody {
 background-color: #fff;
 padding: 4px 12px 4px 12px;
}

.memo {
 padding: 2px 2px 2px 10px;
 font-size: 90%;
 width: 370px;
 background-color: transparent;
 background-position: top left;
 background-repeat: repeat;
 margin-left: 8px;
}

#coursememo{
 clear: both;
 width: 660px;
}

.usermemo{
 clear: both;
 width: 660px;
}

ul.usermemo{
 width:180px;
}

.memobutton {
 float: right;
 border: none;
 padding-right: 2px;
}

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;

}

.memo0 {  /* "黄" */
 background-image: url('/bg-memo-0.gif');
 border-left: solid 8px #fcd86b;
 color: #666;
 margin-left: 0;
}
input.memo0 {
 border: none;
}
.memo0d {  /* "黄" */
 background-image: url('/bg-memo-0.gif');
 color: #666;
}
.memo1 {  /* "赤" */
 background-image: url('/bg-memo-1.gif');
 border-left: solid 8px #f7d0d0;
 color: #666;
 margin-left: 0;
}
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;
 color: #666;
 margin-left: 0;
}

.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;
 color: #666;
 margin-left: 0;
}
.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%;
}
#memoclosebutton {
 float: right;
 margin: 0 8px 0 0;
}
#memodeletebutton {
 float: right;
 margin: 4px 8px 0 0;
}
#memoupdatebutton {
 font-size: 100%;
 margin: 4px 0 0 0;
 padding: 0;
 width: 6em;
}

div.pagememo {
 margin: 8px 0 0 0;
 width: 470px;
}

div.bbsmemo {
 margin: 0 0 6px 0;
 width: 600px;
 min-height: 16px;
}

div.ccdetailmemo {
 margin: 0 0 0 0;
 width: 300px;
 min-height: 16px;
}

div.collpagememo{
 width: 490px;
 height: 27px;
 margin: 0; 
 padding:0;
}

div.collmemo{
 margin: 8px 0 8px 0;
 width: 470px;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	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{
 width: 658px;

 border-collapse: collapse;
 border-top: solid 1px #221964;
 border-left: solid 1px #221964;
 border-right: solid 2px #221964;
 border-bottom: solid 2px #221964;
 text-align: left;
}

table.edit th{
 width: 140px;

 padding: 10px 10px 10px 5px;
 background-color: #E8F0FF;
 text-align: right;
}

table.profile th{
 width: 200px;
}

table.edit th.title{
 width: 100%;

 padding: 10px 0 5px 0;
 background-color: #fff;
 border-bottom: solid 2px #221964;
 color: #221964;
 font-weight: normal;
 text-align: center;
}

table.edit td{
 padding: 10px 5px 10px 20px;
}

table.edit td input.editable{
 width: 350px;
}

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

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

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

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

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

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

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

.small {
 font-size:90%;
}

.space{
 height: 180px;
}

table.layout th.top {
 background-color:#534B8F;
 border-bottom:1px solid #221964;
 color:#E6E4F3;
 text-align: left;
}

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

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

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

body.adminview table.layout tr{
 background-color: #fafafa;
}

#systemdebug table.layout tr{
 background-color: #fff;
}

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

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

table.stdlist{
 width: 676px;
 border-collapse: collapse;
 text-align: left;
 border: solid 1px #221964;
}

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

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


table.stdlist tr{
 cursor: pointer;
}

table.stdlist td.nolink,
table.stdlist tr.nolink{
 cursor: default;
}

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

table.stdlist tr.title{
 height: 30px;
 background-color: #534b8f;
 border-top: solid 1px #221964;
 border-bottom: solid 3px #221964;
 color: #e6e4f3;
 cursor: default;
}

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

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

table.stdlist tr td .source{
 font-size:x-small;
}

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

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

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

table.stdlist tr td .title{
  padding-left: 5px;
}

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

/* レポートの設定 */


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

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

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

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 {
 color:#666666;
 font-size:x-small;
}

.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 #221964;
 font-size: 90%;
 text-align: left; 
}

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

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

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

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

/* リマインダ設定 */

table.remindersetting th {
 background-color: #f8f8f8;
 color: #444;
 padding-right: 8px;
 text-align: right;
 vertical-align: baseline;
}

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

/*
先生、adminが見たとき
*/

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

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: #f5f6fe;
 padding-left: 8px;
}

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


body.adminview table.stdlist .border {
 border-right: solid 1px #c66;
}

body.adminview table.stdlist .borderbottom {
 border-bottom: solid 1px #c66;
}

body.adminview table.stdlist .bordertop {
 border-top: solid 1px #c66;
}

body.adminview table.stdlist{
 border: solid 1px #c66;
}

body.adminview table.stdlist tr.title{
 background-color:#FFCCCC;
 border-top: solid 1px #c66;
 border-bottom: solid 3px #c66;
 color: #221964;
}

body.adminview table.stdlist tr.title th {
 border-bottom:3px solid #CC6666;
 border-left:1px solid #CC6666;
 border-right:1px solid #CC6666;
 border-top:1px solid #CC6666;
 color:#666666;
 font-weight:bold;
}

body.adminview table.stdlist tr th{
 border-left: solid 1px #c66;
 border-right: solid 1px #c66;
}

body.adminview table.stdlist tr td{
 border-left: solid 1px #c66;
 border-right: solid 1px #c66;
}

body.adminview table.stdlist td {
 border-right:1px solid #CC6666;
  border-left: solid 1px #CC6666;
}

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



table.mblist{
 width: 676px;
 border-collapse: collapse;
 text-align: left;
 border: solid 1px #ddd;
}

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

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

table.mblist tr.title th{
 height: 30px;
 background-color: #f9f9f9;
 border-bottom: #ddd solid 3px;
 color: #333333;
 cursor: default;
}

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


table.mblist a{
 margin-right: 40px;
 color: #736ca6;
}

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

table.mblist td.username img{
 position: absolute; 
 left: 30px;
 margin-top: 4px;
 margin-right: 40px;
 text-align: left;
}

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.row,
table.mblist tr.row0{
 background-color: #fafafa;
}

.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: #f9f9f9;
 border: solid 1px #221964;
 border-top: solid 3px #221964;
 margin: 8px 0 8px 0;
 padding: 8px;
 width: 658px;
}

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

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

body.adminview div.form {
 border: solid 1px #c66;
 border-top: solid 3px #c66;
}

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{
  width:658px;
  margin-bottom: -8px;
  padding: 6px 8px 3px 8px;
  border: solid 1px #221964;
  text-align: center;
  font-size: 110%;
  color: #221964;
}

body.adminview .formtitle {
 border: solid 1px #c66;
  color: #c66;
}
body.teacherview div.formtitle {
 border: solid 1px #74c2ef;
  color: #74c2ef;
}

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

.expired {
 color:#999999;
}

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

span.circle {
 position:relative;
}
span.circle span.number {
 color:#FFFFFF;
 left: 6px;
 position: absolute;
 top: 1px;
}
span.circle img {
 vertical-align: middle;
}

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

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

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

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

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

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

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

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	掲示板
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
/* 未読既読 */

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

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

div.GRIunread {
 width: 672px;
 border-left: solid 4px #f93;
}

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

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

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

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

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

.articlesubject {
 clear: none;
 color: #221964;
 float: left;
 font-size: 110%;
 font-weight: normal;
 height: 1.3em;
 overflow: hidden;
 padding: 5px 0 2px 8px;
 width: 610px; 
position:relative;
}

/* メッセージ内容 */
.articlebody {
 border: solid 1px #534b8f;
 margin: -1px 0 0 -3px;
 padding: 10px 0 0 42px;
 position: relative;
}

.articlebody div,
.articletext div{
  padding-right: 10px;
}
 
.articlebody h1{
 font-weight: normal;
 padding: 2px 8px 5px 0;
}

.articlebody ul,
.articletext ul{
 list-style-image:none;
 list-style-position: inside;
 list-style-type: disc;
 font-size: 100%;
}

.articlebody ul li ,
.articletext ul li {
 list-style-image:url(marker-triangle.gif);
 list-style-position:outside;
 list-style-type:none;
 margin-left:12px;
}

.articlebody blockquote ,
.articletext blockquote {
 background-color:#F8F8F8;
 border-color:#CCCCCC;
 border-style:solid none solid solid;
 border-width:1px;
 margin:0.5em 0pt 0.5em 2em;
 padding:1px 0pt 1px 2px;
}

.authoricon {
 position: absolute;
 margin-left: -38px;
 top: 8px;
}

.articlebody h1 {
 color:#666666;
 font-size:110%;
 font-weight:normal;
 margin-bottom:0px;
 padding-bottom:5px;
 padding-left:8px;
 padding-top:2px;
}

.articleinfo {
 border-top: solid 1px #ccc;
 color: #888;
 margin: 10px 10px 0 0;
 padding-top: 2px;
 text-align: right;
}
.articleinfo-deleted{
 display: block;
 position:absolute;
 bottom:0px;
 right:0px;
 width: 500px;
 color: #888;
 text-align: right;
 font-size:95%;
}
#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;
 width:680px;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		news
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/


#logbooknewslist,
#centernewslist,
#coursenewslist {
 width: 678px;
 float:left;
 background-color: #f9f9f9;
 border: solid 1px #ddd;
}

#logbooknewslist,
#coursenewslist {
 padding-bottom: 5px;
}

#centernewslist h2{
 background-color: #f9f9f9;
 border-bottom: solid 1px #ddd;
 padding: 3px 0 0 30px;
 font-size: 90%;
 font-weight: normal;
}

#logbooknewslist h2,
#coursenewslist h2{
 display: none;
}

#logbooknewslist ul li,
#centernewslist  ul li,
#coursenewslist ul li{
 width: 597px;
 display: block;
 clear: right;
 float: right;

 padding: 0 0 0 30px;
 margin-left: 40px;
 background: url(whatsnew_announce.gif) no-repeat 0 5px;
 color: #666;
 font-size: 90%;
}


#centernewslist  ul li.GRIread ,
#coursenewslist  ul li.GRIread{
 background: url(icon-announce-small-dim.gif) no-repeat 0 5px;
}

#centernewslist  ul li.GRIrecent,
#coursenewslist  ul li.GRIrecent {
 background: url(icon-announce-small-recent.gif) no-repeat 0 5px;
}

#centernewslist ul li.GRIunread ,
#coursenewslist ul li.GRIunread{
 background: url(whatsnew_announce.gif) no-repeat 0 5px;
}

#centernewslist ul li.system,
#coursenewslist ul li.system{
 background: url(icon-system.gif) no-repeat 0 5px;
}

#logbooknewslist ul li.newsentry{
 background: url(icon-system.gif) no-repeat 0 5px;
}

#logbooknewslist ul li .text,
#centernewslist ul li .text,
#coursenewslist ul li .text{
 width: 475px;
 min-height: 13px;
 height: auto !important;
 height: 13px;
 float:left;
 padding-top: 4px;
 padding-left: 20px;
}

#logbooknewslist .ul li .date,
#centernewslist ul li .date,
#coursenewslist ul li .date{
 float: left;
 width: 80px;
 min-height: 13px;
 height: auto !important;
 height: 13px;
 padding-top: 4px;
 color: #534b8f; 
}

#centernewslist .showmore{
 clear: both;
 padding: 0 10px 0 0;
 text-align: right;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		community
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#communityinfo{
  width: 307px;
  min-height: 459px;
  height: auto !important;
  height: 459px;
  float: left;
  
  margin: 25px 0px 10px 0;
  padding: 5px 10px 5px 10px;
  border-top: solid 1px #221964;
  border-left: solid 1px #221964;
  border-bottom: solid 2px #221964;
  border-right: solid 2px #221964;
}

#communityinfo h2{
  text-align: center;
  margin-bottom: 20px;
  border-bottom: solid 1px #221964;
  font-weight: normal;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		mypage
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
/* alert */

.description h2.alert{
 display: none;
}

.description ul.alertlist{
 width: 620px;

 margin-left:40px;
 margin-top:0px;
}

.description ul.alertlist li{
 padding: 0 0 0 30px;
 color: #e50007;
 background: url(alert_announce.gif) no-repeat center left;
 font-size: 90%;
}

.description ul.alertlist li a {
 color: #e50007 !important;
}

.description ul.privatemessage{
 width: 620px;

 margin-left:40px;
 margin-top:0px;
}

.description ul.privatemessage li{
 padding: 0 0 0 30px;
 background: url(icon-msg.gif) no-repeat center left;
 font-size: 90%;
}
/*
+- - - - - - - - - - - - - - - - - - - - -+
	mypage
	mypostlist,topiclist
+- - - - - - - - - - - - - - - - - - - - -+
*/

#topiclist,
#mypostlist{
 width: 331px;
 height: 222px;
 float: right;

 margin: 25px 0 10px 9px;
 background: url(bg-mypage-card.gif) no-repeat;
 color: #736ca6;
}

#coursecardbbs{
 margin: 25px 0 10px 9px;
 width: 331px;
 height: 222px;
 float: right;
 background: url(bg-maypage-card.gif) no-repeat;
 color: #736ca6;
}

#memberlist{
 margin: 15px 0 0 9px;
 width: 331px;
 height: 222px;
 float: right;
 background: url(bg-memberlist-card.gif) no-repeat;
 color: #736ca6;
}


#coursecardbbs h2,
#mypostlist h2,
#topiclist h2{
 padding: 2px 0 0 40px;
 height: 21px;
 font-size: 90%;
 font-weight: normal;
 color: #e6e4f3;
}

#memberlist h2{
 padding: 2px 0 0 40px;
 height: 21px;
 font-size: 90%;
 font-weight: normal;
 color: #999999;
}

#memberlist .section ul,
#coursecardbbs .section ul,
#mypostlist .section ul,
#topiclist .section ul{
 padding: 5px 20px 0 20px;
 height: 156px;
}

#memberlist .section ul li,
#coursecardbbs .section ul li,
#mypostlist .section ul li,
#topiclist .section ul li{
 padding: 6px 0 0 20px;
 clear: both;
 height: 22px;
 width: 261px;
 font-size: 12px;
 border-bottom: 1px dotted #999;
 background: url(icon-mypage-list.gif) no-repeat left center;

}

#coursecardbbs .section ul li .subject ,
#memberlist .section ul li .subject ,
#mypostlist .section ul li .subject {
 width: 150px;
 clear: left;
 float: left;
}

#coursecardbbs .section ul li .subject a,
#memberlist .section ul li .subject a,
#mypostlist .section ul li .subject a{
 display: block;
 width: 150px;
 clear: left;
 float: left;
}


#topiclist .section ul li .ctext {
 width: 125px;
 float: left;
 text-align: right;
 color:#666666;
}

#coursecardbbs .section ul li .ctext{
 width: 100px;
 float: left;
 text-align: right;
 color:#666666;
}

#coursecardbbs .section ul li .colltext{
 float: left;
 width: 150px;
}

#topiclist .section ul li .text{
 float: left;
 width: 135px;
}

#coursecardbbs .section ul li .text{
 float: left;
}

#coursecardbbs .section ul li .tunread a,
#coursecardbbs .section ul li .tunread,
#topiclist .section ul li .tunread a,
#topiclist .section ul li .tunread{
 color: #e50007;

} 

#memberlist .section ul li .mtime,
#mypostlist .section ul li .mtime{
 width: 100px;
 float: left;
 text-align: right;
 color: #666;
}

#memberlist .showmore,
#coursecardbbs .showmore,
#topiclist .showmore,
#mypostlist .showmore{
  padding: 10px;
  color: #000;
}

#memberlist .section .showmore,
#coursecardbbs .section .showmore,
#topiclist .section .showmore,
#mypostlist .section .showmore{
 padding: 5px 10px 5px 0;
 text-align: right;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	プロフィール
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

.prof{
  width: 598px;
  border-top: 1px solid #221964;
  border-left: 1px solid #221964;
  border-bottom: 2px solid #221964;
  border-right: 2px solid #221964;
  padding: 20px 30px;
 
}

.selfintroduction{
 padding-bottom: 5px;
}

.selfintroduction  ul.backlink{
 margin-top: 0px;
}

.selfintroduction h2{
  padding-left: 5px;
  padding-bottom: 5px;
}

.selfintroduction .mode{
  padding: 0 10px 5px 10px;
  color: #E50007;
}

.profiledetail h2{
  padding: 0 0 5px 5px;
}

.profiledetail .mode{
  padding: 0 10px 5px 10px;
  color: #E50007;
}

.profiledetail .notyet{
 color:#aaa;
 font-size:90%;
}



/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		コレクション
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.contents {
 margin: 16px 0 0 0;
}

.collectioncontainer {
 position: relative;
 width: 670px;
 margin: -1px -19px 0 0;
}

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

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

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

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

.reporttext{
 border: 1px solid #CCC;
 min-height: 100px;
 padding: 5px;
 height: auto !important;
 height: 100px;
}

.articletext ul li {
 list-style: outside url(/marker-triangle.gif) none;
 margin-left: 18px;
}

.attachments{
 width: 480px;
}

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

.collectionauthor {
 width: 490px;

 margin: 10px 0 4px 0;
 padding-top: 2px;
 border-top: solid 1px #ccc;
 color: #888;
}

.messagerenewal{
 width: 490px;

 margin: 10px 0 4px 0;
 padding-top: 2px;
 color: #888;
}

.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(marker-triangle.gif) none;
}

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

ul.collectionlist li.current {
 margin-left: 0px;
 background-color: #d6f0fe !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: 490px;

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

.pagecomment {
 width: 465px;

 margin: 0px 0 0 0;
 padding: 4px 10px 4px 10px;
 border: 1px solid #CCC;
 background-color: #f8f8f8;
}

.pagecomlist {
 margin-top: 8px;
}

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

.pagecomseqno {
 clear: left;
 float: left;

 margin: 2px 4px 0 0;
 padding: 0 3px 0 3px;
 background-color: #534B8F;
 font-size: 80%;
 color: #fff;
}

.pagecommessage {
 width: 460px;
 clear: both;

 padding-top: 5px;
 padding-bottom: 8px;
 color: #444;
}

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

.pagecommessage blockquote{
 background-color:#F8F8F8;
 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;
}

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

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	cllist
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

table.cllist{
 width: 676px;

 border-collapse: collapse;
 border: solid 1px #221964;
 text-align: left;
}

table.cllist a img{
 padding-right:5px;
 text-decoration: none;
}

table.cllist tr td,
table.cllist tr th{
 padding-top: 2px;
 padding-bottom: 2px;
}

table.collectionentry{
 display: block;
 potision: relative;
 top: -1px;
 border-collapse: collapse;
 border: hidden;
}

table.collectionentry tr{
 padding-top: 2px;

}

table.cllist tr td{
 border-bottom: solid 1px #221964;
 height: 30px;
}

table.cllist tr td table.collectionentry tr td{
 height:20px; 

 padding-left: 5px;
 position:relative;
 border-bottom: solid 0px #221964;
 text-align: center;
}

table.cllist tr td table.collectionentry tr td img{
 clear: both;
 display: block;
 float: left;
 vertical-align:middle;
}

table.cllist tr th{
 height: 30px;

 background-color: #534b8f;
 border-bottom: solid 3px #221964;
 color: #e6e4f3;
 font-weight: normal;
 text-align: center;
}

table.cllist tr.row,
table.cllist tr.row0{
 background-color: #f5f6fe;
}

table.cllist tr.management{
 background-color: #ffecb8;
}

table.cllist td.red{
 color: #d7000b;
}

table.cllist tr th.left{
 border-right: solid 1px #221964;
}

table.cllist tr td.left{
 padding-left: 10px;
 border-right: solid 1px #221964;
}


table.cllist tr th.title{
 width: 262px;
}

table.collectionentry tr td.title{
 width: 278px;
 text-align: left !important;
}


table.collectionentry tr td.title a{
 width: 200px;
 display: block;
 float: left;
 padding-left: 5px;
 padding-top: 3px;
}

.update {
 color: red !important ;
 font-weight: bold;
}

table.cllist tr th.nfiles{
 width: 78px;
}

table.collectionentry tr td.nfiles{
 width: 70px;
}

table.cllist tr th.date{
 width: 121px;
}

table.collectionentry tr td.date{
 width: 123px;
 font-size: 12px;
}

table.cllist tr th.ncomments{
 width: 71px;
}

table.collectionentry tr td.ncomments{
 width: 73px;
}

/* 非公開の場合 */
h2.mycollection{
 margin-top: 20px;
}

table.mycollection{
 border: solid 1px #666666;
}

table.mycollection tr td{
 border-bottom: solid 1px #666666;
}

table.mycollection tr th.left{
 border-right: solid 1px #666666;
}

table.mycollection tr th{
 background-color: #878787;
 border-bottom: solid 3px #666666;
 color: #eeeeee;
}

table.mycollection tr{
 background-color: #f7faf6;
}

table.mycollection tr.row,
table.mycollection tr.row table.collectionentry tr{
 background-color: #ecf1ea;
}

table.mycollection tr td.left{
 border-right: solid 1px #666666;
}


/* レポートのボタン */
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 {
 width: 669px;
 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
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

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: #f5f6fe;
 padding-left: 8px;
}

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

body.adminview 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 {
 width: 450px;
}

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

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

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

/*
+- - - - - - - - - - - - - - - - - - - - -+
	コース一覧
+- - - - - - - - - - - - - - - - - - - - -+
*/


.section  ul .coursecard{
 position: relative;
 width: 650px;
 height: 112px;
 float: left;

 margin-top:10px;
 border-left: 4px solid #534B8F;
 border-top: 1px dotted #534B8F;
 border-bottom: 1px dotted #534B8F;
 border-right: 1px dotted #534B8F;
}


.section ul .coursecard-left{
 width: 224px;
 height: 112px;
 float: left;

 padding-left: 90px;
 cursor: pointer;
}

.coursecard-left h2{
  margin-top: 12px;
 
}

.coursecard-left h2 a{
  height: 104px;
  width: 200px;
  overflow: hidden;

  border-bottom:1px dotted #534B8F;
  font-weight:normal;
  font-size:120%;
}

.coursecard-left h2 a:hover{
 border-bottom:1px dotted #534B8F;
 background-color: #fff9ac;

 text-decoration: none;
}



.coursecard-left .courseicon{
 position: absolute;
 top: 15px;
 left: 15px;
}

.coursecard-left .nunread{
  color:#E50007;
}

.coursecard-left .courseinfo{
  padding-top:5px;
}

.coursecard-left .label,
.coursecard-right .label{
  font-size: 12px;
  color: #666;
}

.coursestatus {
 width: 50px;
 position: absolute;
 bottom:5px;
 left: 240px;
}

.section ul .coursecard-right{
 width: 300px;
 height: 112px;
 display: block;
 float: left;

 padding: 0px 10px 0px 15px;
 border-left: 1px dotted #534B8F;
}

.coursecard-right ul.coursetodo li{
 height: 18px;
 position: relative;

 padding: 3px 0 0 20px;
 clear: both;
 border-bottom: 1px dotted #999;
 background:transparent url(icon-mypage-list.gif) no-repeat scroll left center !important;
}

.coursecard-right ul.coursetodo li a:hover{
 text-decoration: none;
 background-color: #fff9ac;
}

.coursecard-right ul.coursetodo li .todotitle{
 width: 160px;
 height: 17px;
 overflow: hidden;

 position: absolute;
 left: 15px;
 font-size: 12px;
}

.coursecard-right ul.coursetodo li .tododeadline{
 position: absolute;
 right: 10px;
}



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

.section  ul .communitycard{
 width: 225px;
 height: 112px;

 position: relative;
 float: left;
 margin: 10px 10px 0pt 0pt;
 padding-left: 90px;
 border-left: 4px solid #534B8F;
 border-top: 1px dotted #534B8F;
 border-bottom: 1px dotted #534B8F;
 border-right: 1px dotted #534B8F;
 cursor: pointer;
}

.section ul .communitycard li{
 list-style:none outside;
}

.section ul .communitycard li .category,
.section ul .communitycard li .communityinfo,
.section ul .communitycard li .nmember{
  font-size: 12px;

}

.communitycard h2{
  height: 1.4em;
  width: 200px;
  overflow: hidden;

  margin-top: 12px;
  margin-bottom: 5px;
  font-size: 120%;
}

.section ul .communitycard img{
 vertical-align:middle;
}

.communitycard h2 a{
 height: 21px;
 width: 200px;
 overflow: hidden;

 border-bottom:1px dotted #534B8F;
 font-weight:normal;
 text-decoration: none;
}

.communitycard h2 a:hover{
 text-decoration: none;
 border-bottom:1px dotted #534B8F;
 background-color: #fff9ac;
}

.communitycard .communityicon{
 position: absolute;
 top: 15px;
 left: 15px;
}

.communitycard  .courseinfo{
  padding-top:5px;
}

.communitycard .nunread{
  color:#E50007;
  font-size: 12px;
}

.communitycard .label{
  font-size: 12px;
  color: #666;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	リスト
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

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

}

ul.prefmenu li {
 list-style: none outside  url(marker-triangle.gif);
 padding-bottom: 5px;
 margin-left: 10px;

}


/* 元に戻る */
ul.backlink {
 clear: both;
 padding-top: 10px;
 text-align: right;
}

ul.backlink li {
 list-style: none outside url(marker-jump.gif);
}


/* コースニュース */
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;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	ボタン
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

/* h１の隣のボタン */

.button-h1-right{
 position: absolute;
 top:  20px;
 right: 20px;
}

.button-h1-right2{
 clear:both;
 float:none;
 height:26px;
 margin-bottom: 10px;
 text-align:right;
 width:676px;
}


/* メモ（別の条件で一覧）*/

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

/* コミュニティ（コミュニティをさがす）*/
.button-h1-right-text {
 cursor: pointer;
 margin-top: -15px;
 text-align: right;
 font-weight: normal;
}

.button-h1-right-text2 {
 cursor: pointer;
 text-align: right;
 font-weight: normal;
}

/* コメントを書く*/
.threadcommentbutton{
 clear: right;
 cursor: pointer;
 float: right;
}

#bbscommentform{
 clear: both;
}

.pagecomicon {
 margin-top:8px;
 text-align:right;
 width:485px;
}

ul.attachments li {
 list-style: outside url(/marker-download.gif) none !important;
 list-style-position:inside !important;
 margin: 0;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	footergroup
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#footergroup{
 width: 720px;
 height: 70px;

 clear: both;
 float: none;
 position: relative;
 background: url(bg-coursebottom.gif) no-repeat top;
}
 
#footergroup #pagebodybottom{
 width: 720px;
 height: 30px;

 clear: both;
 float: none;
 position: absolute;
 top: 10px;
 background: url(bg-bottom.gif) no-repeat bottom;
}

#systemversion {
 width:80px;

 position:relative;
 top:20px;
 left:630px;
 color:#556FB5;
 font-size:11px;
}

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

#logbook_login {
 width: 372px;
 height: 150px;

 margin: 0px auto;
 margin-top: 10px;
 padding: 90px 0 0 30px;
 background : url(log-in.gif) no-repeat;
  color: #fff;
}

#logbook_login form input.text{
  color: #fff;
}

#logbook_login input{
 ime-mode: inactive; 
}

#notice{
 width: 402px;

 margin: 0px auto;
 padding-top: 20px;
 text-align: center;
}

body#login #footergroup,
body#logout #footergroup{
   background :#fff;
}

body#login .drawable,
body#logout .drawable{
  background :#fff;
}

body#login .description{
 margin: 0 auto;
 margin-top: 10px;
 width:402px;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	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:#F5F6FE;
 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%;
}

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


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

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

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

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

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

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

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

.notes{
 color: #666666;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	クエリパネル
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

#panel_frame {
 padding: 1em;
 background-color: #ffffff;
 text-align: center;
 width: 320px;
border :solid 2px #221964;
border-top :solid 10px #221964;



}
#panel_back  {
 background-color: #000000;
 filter:alpha(opacity=30); -moz-opacity:0.3; opacity: 0.3;
}


#panel_message {
 margin-bottom: 1em;
}

.reminderpanel #panel_rem {
 margin-bottom: 0.5em;
}
.reminderpanel #panel_norem {
 margin-bottom: 1.5em;
}

#admmin .attention{
 color: red;
}