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

html{
 overflow-y:scroll;
} 

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

/*
+- - - - - - - - - - - - - - - - - - - - -+
	 基本構造
+- - - - - - - - - - - - - - - - - - - - -+
*/

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

#header{

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

#footer{
	width: 720px;
	height: 70px;
	clear: both;
	background: url(bg-footer.gif) no-repeat top;
}


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

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

/* trial header */
.trialheader{
  background: url("header-school-trial.gif") no-repeat scroll 0 50% #FFFFFF !important;
}
.trialheader span{
    color: #FF6B3C;
    display: block;
    position: absolute;
}
.trialheader span.trial-title{
    font-size: 22pt;
    left: 50%;
    margin-left: -150px;
    text-align: center;
    top: 3px;
    width: 300px;
}
.trialheader span.trial-title-hostname{
    font-size: 10pt;
    left: 20px;
    top: 48px;
}



/*header > manualbox*/
#manualbox{
 width: 200px;
 height: 20px;
 position: absolute;
 right:340px;
 top: 42px;
 color:#666666;
text-align:right;
}
.admin #manualbox{
 position: absolute;
 right:4px;
 top: 42px;
}
#manualboxfooter {
 position: relative;
 left: 150px;
 top: 5px;
}
.system-global #manualboxfooter {
    left: 254px;
    top: 5px;
}
.system-global-logoV3 #manualboxfooter {
    left :260px;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#myheader #myhelpicon {
	position: relative;
	top: 5px;
	z-index: 2;
 /* visibility: hidden; */
	cursor: pointer;
}
/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		pageheader
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.pageheader{
	width: 720px;
	height: 77px;
	position: relative;
	margin-top: 10px;
}

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

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

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

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

#pageheader-admin{
	height: 53px;
	background: url(bg-pageheader-admin.gif) no-repeat;
}

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

#pageheader-admin  .pageheadernavi-botton{
	width: 700px;	
	height: 33px;
	position: absolute;
	top: 22px;
	left:0px;
	padding: 0px;
	padding-left: 20px;
}

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

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

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

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

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

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

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

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


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

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

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

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

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

/*home_courseのdrawable*/
.home .course{
	width: 700px;
	padding: 22px 0px 20px 20px;
}

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

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

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

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

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

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


.profile table.stdlist tr th ,.profiledetail table.stdlist tr th{
    background-color: #F0EFEA;
    color: #67624E;
    text-align: left;
    border-bottom: 1px solid #CCCCCC;
    font-weight: bold;
    padding: 8px;
}
.profile table.stdlist tr td ,.profiledetail table.stdlist tr td {
    color: #404040;
    height: 20px;
    padding: 8px;
    vertical-align: middle;
    border-bottom: 1px solid #CCCCCC;
}

 .profile table .notyet,.profiledetail table .notyet{
    color: #7C7C7C;
}




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

#systemversion {
	width:100px;
	position:relative;
	top:20px;
	left:58px;
	color:#7D765A;
	font-size:11px;
}



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

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

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

.login .drawable h1{
	display: none;
}

.login  #login-card {
	width:403px;
	height:200px;
	margin: auto;
	padding: 80px 0 0 20px;
	position:relative;
	background : url(bg-folio-login.gif) no-repeat;
	color: #666666;
}

.login  .login-card-en {
	background : url(bg-folio-login_en.gif) no-repeat !important;
}


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

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

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

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

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

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

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

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



.login .newsentry{
	clear:both;
}

/*login large header*/
.login-header-l #orgheader{
background: url("header-school-login.gif") no-repeat scroll 0 15px transparent;
    height: 115px;
}

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

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

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

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

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

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

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

.news-list .news-list-body li.GRIread {
	background: url(folioicon-announce-s.gif) no-repeat 0 5px;
}
.news-list .news-list-body li.GRIrecent {
	background: url(folioicon-announce-s-recent.gif) no-repeat 0 5px;
}
.news-list .news-list-body li.GRIunread{
	background: url(folioicon-announce-s-on.gif) no-repeat 0 5px;
}
.description ul.privatemessage li{
	background: url(icon-msg.gif)  no-repeat 0 5px;
}
.description ul.alertlist li{
	background: url(alert_announce.gif)  no-repeat 0 5px;
}
.description ul.alertlist li a{
	color: #e50007 !important;
}
.news-list .news-list-body-date{
	float: left;
	width: 80px;
	min-height: 13px;
	height: auto !important;
	height: 13px;
	padding-top: 4px;
	color: #4e92a9; 
}

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

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
		info-list
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
.info-list{
	padding: 10px 0 0 0;
	float: left;
}

.community .info-list{
	width: 340px;
	float: right;
}

.info-list-card{
	width: 331px;
	height: 222px;
	float:left;
	font-size: 12px;
}

.community .info-list-card{
	padding-bottom: 20px;
}

.info-list-cardl{
	padding-right: 9px;
	background: url(bg-info-list-card-mypage.gif) no-repeat left top;
}

.info-list-cardr{
	padding-left: 9px;
	background: url(bg-info-list-card-mypage.gif) no-repeat right top;
}

.community .info-list-bbscard{
	background: url(bg-info-list-card-mypage.gif) no-repeat right top;
}

.community .info-list-membercard{
	background: url(bg-memberlist-card.gif) no-repeat right top;
}

.info-list-card h2{
	padding: 2px 0 0 36px;
	height: 21px;
	font-size: 12px;
	font-weight: normal;
	color: #ffffff;
}
.community .info-list-membercard h2{
	color:#999999;
}
.info-list-card ul{
	padding: 5px 0 0 16px;
	height: 165px;
}
.info-list-card ul li{
	width: 280px;
	height: 22px;
	padding: 6px 0 0 20px;
	border-bottom: 1px dotted #999;
	background: url(icon-mypage-list.gif) no-repeat left center;
}
.info-list-card ul li .info-list-card-title{
	width: 140px;
	padding: 0 5px 0 0;
	float: left;
}

.info-list-card ul li .info-list-card-longtitle{
	width: 275px;
}

.info-list-card ul li .info-list-card-subtitle{
	width: 135px;
	float: left;
	text-align: right;
	color: #666;
}

.info-list-card .no-info{
	padding: 10px;
	color:#999999;
}

.info-list-card .unread a,
.coursecard .unread,
.news-list-body .tunread a,
.infolist-courscommunity .unread{
	color: #e50007;
}

.hidden {
 display:none;
}

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

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

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

.nocssonly {
 display: none;
}

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

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

a:link {
 color: #7d765a;
 text-decoration: none;
}    

a:visited {
 color: #7d765a;
 text-decoration: none;
}  

a:hover {
 color: #7d765a;
 border-style:none;
 text-decoration: underline;
}   

a:active {
 color: #7d765a;
 text-decoration: none;
}   

/* various heading tags */

h1 {
 margin: 12px 0 8px 0;
 padding: 0 0 0 6px;
 border-left: solid 5px #FE6B59;
 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;
}

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

.admin  h2 {
 color: #c66;
}

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

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

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

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

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

h2 input {
 font-weight: normal;
}

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

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

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

input.form-input-calendar-dateonly,
table.edit td input.form-input-calendar-dateonly{
 width: 70px !important;
}

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

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

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

textarea {
 border:1px solid #969485;
 padding: 1px;
}

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

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

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

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

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

/* admin */

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

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

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

div.editannotationbutton {
 clear: left;
 float: right;
}

table.editauxbutton {
 border: 0;
 clear: right;
 float: left;
}

table.editauxbutton tr.labels {
 height: 12px;
}

table.editauxbutton tr.labels td {
 font-size: 10px;
 width: 48px;
}

table.editauxbutton tr.buttons {
}

table.editauxbutton tr.buttons td {
}

table.editauxbutton tr.buttons td input {
 background-color: #ffffff;
}

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

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


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

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

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

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

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

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

}

.memo{
	width:668px;
	padding: 2px 2px 2px 10px;
	margin-top: 5px;
	margin-bottom:5px;
	color: #666666 !important;
	float:left;
	text-align: left;
}
.bbsmemo {
	width: 590px;
	padding: 2px 2px 2px 10px;
}
.collpagememo{
	width: 468px;
}
.memo0 {  /* 黄 */
	background-image: url('/bg-memo-0.gif');
	border-left: solid 8px #fcd86b;
}
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;
}
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;
}

.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;
}
.memo3d {  /* 青 */
 background-image: url('/bg-memo-3.gif');
 color: #666;
}
input.memo3 {
 border: none;
}
.colorbox { /* 色ボックス */
 border: 1px solid #666;
 padding: 0 8px 0 8px;
}
#memopaneltop {
 margin: 8px 0 4px 0;
}

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

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

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

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

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

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

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

table.edit{
 width: 656px;

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

table.edit th{
 width: 140px;

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

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

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

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

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

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

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

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

table.edit-reportaddform td iframe#RptForm_iframe,
table.edit-reportmodform td iframe#RptForm_iframe{
  width: 480px !important;
  height: 300px;
}

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

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

/*100826 add*/
table.profileV2 td textarea{
height:120px;
}

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

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

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

/* profileV3 edit 110821*/
table.profileV3 th {
    background-color: #F0EFEA;
    color: #67624E;
}



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

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

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

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

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

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

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

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

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

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

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

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

.small {
 font-size:90%;
}
.x-small {
 font-size:80%;
}
.space{
 height: 180px;
}

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

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

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

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

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

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

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

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

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

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

.coursetable table.stdlist a:hover{
 text-decoration: underline !important;
}
.coursetable table.stdlist tr td{
    border-top: 1px solid #CCCCCC;
 vertical-align:top;
}
.coursetable .stdlist tr.keybreak_year td{
    border-top: 4px solid #CCCCCC;
}


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

.coursecollection-stdlist img{
 padding-right: 5px;
}

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

table.stdlist tr.title{
 height: 30px;
 background-color: #7b7660;
 border-bottom: solid 3px #cccccc;
 color: #ffffff;
}
table.stdlist tr.title th{
 border-bottom: solid 3px #cccccc;
}
table.stdlist tr th{
 padding:3px;
 border-left: solid 1px #cccccc;
 border-right: solid 1px #cccccc;
 font-weight: normal;
 text-align: center;
}

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

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

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

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

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

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


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

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

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

th.left {
 text-align:right;
}

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

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

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

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

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

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

.home .update {
 color: red ;

 font-weight: bold;
}

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

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


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

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

table.stdlist ul.status {
 margin: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 ,
.reportstatus{
 color:#666666;
 font-size:80%;
}

.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;
}
/* button width 111004*/
table.stdlist  .reportbuttonwidthV2 ul.buttons li {
 padding:2px 10px;
}


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

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

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

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

.description {
 background-color:#F9F9F9;
 border:1px solid #DDDDDD;
 margin:5px 0 5px 0;
 padding: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;
}

table.remindersettingV2 {
 border:2px solid #DDDDDD;
}

table.remindersettingV2 tr.remindersettingV2-title th ,
table.remindersettingV2 tr.remindersettingV2-title td {
 border-top:2px solid #DDDDDD;
}
table.remindersettingV2  th ,
table.remindersettingV2 td {
padding-bottom: 20px !important;
 border-bottom:1px dotted #DDDDDD
}

/*
先生、adminが見たとぁE
*/

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

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

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

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

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

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

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

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

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


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


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

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

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

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

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

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

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

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

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

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

table.mblist tr.row,
table.mblist tr.row0{
 background-color: #e8f4fc;
}

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

.communitymember a.useradd{

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

/*100826 add*/
.myIconV2 table.mblist td.usernamev2, .myIconV2 table.mblist td.username{
padding-left:10px;
text-align:left;
}


/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	div.form
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
div.form {
 background-color: #f5f5f1;
 border: solid 1px #7B7660;
 border-top: solid 3px #7B7660;
 margin: 8px 0 8px 0;
 padding: 8px;
 width: 658px;
}

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

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

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

div.form .form-left{
    float: left;
}
div.form .form-right{
    float: right;
}

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

/*レポートのプレビュー*/
.course .reportsubmit-preview{
 background-color: #FFDBB8;
}

.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 #7B7660;
  text-align: center;
  font-size: 110%;
  color: #666666;
}

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;
 margin-left:16px;
}

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

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

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

div.GRIrecent {
 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 #666558;
 background-color: #d6d6c7;
}

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

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


/* メッセージ */
.articletext-management{
 height: auto !important;
 height: 200px;
 min-height: 200px;
}

articletext-managementv2{
 height: auto  !important;
 min-height: 0px;
}

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

}

/* editbox　公開後 */
.articlebody div,
.articletext div{
  padding-right: 10px;
  color:#333333;
}
 
body.rteditor h1,
.articlebody h1,
.articletext h1,
.pagecommessage h1{
 font-weight:bold !important;
 margin-top:15px;
 margin-bottom:15px;
 padding-left:5px;
 border-left:7px solid;
 font-size: 130%;
 color: #666;
 background-color:#F8F8F8;
 border-width:7px !important;

}

.articlebody h1 {
 width: auto;
}
div.articletext,
.pagecommessage{
line-height:1.3;
color:#333333;
} 
body.rteditor h2,
.articlebody h2,
.articletext h2,
.pagecommessage h2{
 text-align: left;
 color: #999;
 border-left:4px solid #959487;
 font-size:115%;
 font-weight:bold;
 margin-bottom:15px;
 margin-left:1px;
 margin-top:15px;
 padding-left:7px;
}
.user .collectioncontainer h2{
 border-color:#6CCFEB;
}
.home .collectioncontainer h2 {
 border-color:#FE6B59;
}
#CollData h1,#CollData h2{
  border-color: #fe6b59;
}
#RptForm  h1,#RptForm  h2,
#Text h1,#Text h2{ 
  border-color:#959487;
}

#CommentText h1,#CommentText  h2,
.pagecommessage  h1,.pagecommessage  h2{ 
  border-color:#959487 !important;
}

.articletext .collectioninfo h2{
margin:4px 0 0;
padding-left:0;
border:medium none;
}
body.rteditor h3,
body.rteditor h4,
body.rteditor h5,
.articlebody h3,
.articletext h3,
.pagecommessage h3{
 text-align: left;
 color: #999;
border-left:4px solid;
font-size:100%;
font-weight:bold;
margin-bottom:15px;
margin-left:1px;
margin-top:15px;
padding-left:8px;
}

body.rteditor p,
.articlebody p,
.articletext p,
.pagecommessage p{
 margin-top: 2px;
 font-size: 100%;
 color:#333333;
}

body.rteditor pre,
.articlebody pre,
.articletext pre,
.pagecommessage pre{
 font-family: courier,fixed;
 font-size: 100%;
}

body.rteditor ul {
 font-size: 100%;
 list-style: decimal inside none;
}

body.rteditor ul,
.articlebody ul,
.articletext ul{
 font-size: 100%;
 list-style: outside url(marker-triangle.gif);
 margin-left: 16px;
}
body.rteditor ol,
.articlebody ol,
.articletext ol{
list-style:decimal outside none;
 font-size: 100%;
padding-left: 16px;
}

 body.rteditor li,
.articlebody li,
.articletext li{
font-size:100%;
line-height:1.3 !important;
margin-bottom:5px;
margin-left:15px;
padding-left:2px;
color:#333333;
}
body.rteditor blockquote,
.articlebody blockquote,
.articletext blockquote {
background-color:#F8F8F8;
border:1px solid #CCCCCC;
color:#333333;
margin-bottom:15px;
margin-left:15px;
margin-top:15px;
padding:14px;
}
body.rteditor blockquote p,
.articlebody blockquote p,
.articletext blockquote p{
background-color:#F8F8F8;
}

.msg-text hr.webat-page-sep,
body.rteditor hr.webat-page-sep,
.articletext hr.webat-page-sep,
.articlebody hr.webat-page-sep {
    border-top-style: dashed;
    border-width: 3px 0 0;
    height: 1px;
    margin: 10px;
    border-color:#808080;
}

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

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


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

.authoricon {
 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 {
 width: 605px;
 border-top: solid 1px #cccccc;
 color: #999999;
 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:12px;
}

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

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

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

.thread {
 margin:0pt auto;
 padding:0pt;
 width:680px;
}


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

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

#communityinfo h2{
  text-align: center;
  margin-bottom: 20px;
  padding-bottom: 5px;
  border-bottom: solid 1px #a9a9a9;
  font-weight: normal;
}
/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	プロフィール
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/

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

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

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

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

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

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

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

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

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

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


.home .collectioncontainer h1{
}

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

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

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

}


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

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

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

.collectioncontainer .userinfo h2,
.collectioncontainer .collectioninfo h2{
border-left:medium none;
color:#666666;
font-size:100%;
margin-bottom:0;
margin-top:4px;
padding-left:0;
}
.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: 10px;
/* min-height: 100px;*/
 padding: 5px;
 height: auto !important;
 height:10px;
/* height: 100px;*/
}

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

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

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

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

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

.stdlist-report div.attachments{
border-top: 0px;
margin-top: 0px;
}
.stdlist-report .articlefiles{
padding-bottom:0;

}
.stdlist-report td a:hover,.stdlist td.newstext a:hover, .profile .stdlist td a:hover{
text-decoration:underline;
}

.captionbottom{
 padding-bottom: 15px;
}

.articlefiles{
  padding-bottom: 15px;
}

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

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

ul.collectionlist {
 margin: 0 0 0 16px;
 padding: 0;
}

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

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

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

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

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

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

.pageattachments {
 width: 480px;

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

.pagecomment {
 width: 460px;
 margin: 0px;
 padding: 4px 10px 4px 10px;
 border: 1px solid #CCC;
 background-color: #f8f8f8;
 clear:both;
}

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

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

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

 margin: 2px 4px 0 0;
 padding: 0 3px 0 3px;
 background-color:#7B7660;
 font-size: 80%;
 color: #fff;
}
.pagecomentry-deleted .pagecomseqno {
background-color:#A9A9A9;
}
.pagecommessage {
 width: 460px;
 clear: both;

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

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

.pagecommessage blockquote{
/* add 110428 
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;
}

/* 20110428 add*/

.pagecomment .articletext{
width:450px;
}

.pagecomment  h1{
width:auto;
}


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

/*コメント投稿*/

#pagecomform{
 padding-top:10px; 
}

/* message */

.privatemessage .pagecomment{
  border: 0px;
}

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

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


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

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

letter-spacing:-0.1em;
}

/* ナビ */

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

/*100827 add*/
.query-requirement span.querypanel {
background-color:#F7D0D0;
}
.query-type-tytle {
background-color:#EEEEEE;
display:block;
float:left;
font-weight:bold;
margin-right:2px;
padding-right:2px;
text-align:right;
width:6.5em;
}

.querypanel-en .query-type-tytle {
width:9em;
letter-spacing: -0.05em;
}
.query-requirement .query-type-tytle {
background-color:#F7D0D0;
}
.querypanel-en span.querypanel{
letter-spacing: -0.05em;
}

.querypanel-en1 .query-type-tytle {
width:5em;
letter-spacing: -0.08em;
}
.querypanel-en1 span.querypanel{
letter-spacing: -0.08em;
}

/*
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
	 	list
+- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -+
*/
#upload  table{
font-size:10pt;
}

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

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

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

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

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

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

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

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


body#upload {
 background-color: #ffffff;
 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;
}

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

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

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

.section .course-card{
	width: 230px;
	height: 112px;
	float: left;
	position: relative;
	margin: 10px 10px 0 0;
	padding-left: 90px;
	border: 1px dotted #64b8d2;
	border-left: 4px solid #64b8d2;
	font-size: 12px;
	cursor:pointer;
}

.section .coursecard-OC,
.section .coursecard-ES{
	border: 1px dotted #aa0000 !important;
	border-left: 4px solid #aa0000 !important;
}

.section .coursestatus-c .coursecard,
.section .coursestatus-c .coursecard .course-card-right,
.section .coursestatus-c .coursecard .course-card-right ul li {
	border-color:#D1C0A5 !important;
}

.section .coursestatus-c .coursecard a:hover{
	background-color:#D1C0A5 !important;
}

/* add 110428 past course*/
.section .coursestatus-c{
	border-color:#D1C0A5 !important;
}

.section .coursestatus-c .coursecard a:hover{
	background-color:#D1C0A5 !important;
}
/*  */

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


.section  .coursecard{
	width: 660px;
	border: 1px dotted #999999;
	border-left: 4px solid #999999;
	margin-bottom: 10px;
}



.section .coursecardV2{
	width:320px;
	height:112px;
	border: 1px dotted #999999;
	border-left: 4px solid #999999;
	margin:10px 10px 0 0;
	float:left;
	position:relative;
}

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


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

.section .course-card a{
	border-bottom:1px dotted #7D765A;
	text-decoration: none;
}

.section .course-card  a:hover{
	background-color:#c4deea;
	text-decoration: none;
}

.section .coursecard a:hover{
	background-color:#d8d6d6;
	text-decoration: none;
}

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

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

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

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

.section  .coursecard .course-card-right{
 width: 300px;
 height: 107px;
 float: left;

 padding: 5px 10px 0px 15px;
 border-left: 1px dotted #999999;
}

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


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

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

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


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

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

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

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

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


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

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


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

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

/* h1の隣のボタン */

.button-h1-right{
 position: absolute;
 top:  21px;
 right: 20px;
 width:300px;
 height:30px;
 text-align:right;
}

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

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


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

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

.pagecomicon{
  width:480px;
}

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

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


dl.userlist{
 border: 1px solid;
}

dl.userlist dt {

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

}
.caltable {
 background-color: #fff;
   border: 1px solid #999999;
 margin: auto;
 margin-top: 4px;
 padding: 4px;
float:left;
}
.caltable span.calweekday,
.caltable span.calholiday,
.caltable img{
cursor:pointer;
}

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

.caltableV2 {
    padding: 4px 10px;
    width: 170px;
    border-collapse: separate;
}
.caltableV2 tr:first-child td {
   text-align:center;
   height:20px;
}
.caltableV2 tr:first-child td a {
    cursor: pointer;
}
.caltableV2 .calheading {
    display: inline;
    padding: 0 5px;
}


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

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

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

.notes{
	color: #666666;
}

.attention{
	color: red;
}

.showmore{
	clear: both;
	padding-right:20px;
	text-align: right;
}

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

/*panel*/
#panel_frame {
 padding: 1em;
 background-color: #ffffff;
 text-align: center;
 width: 320px;
 border :2px solid #FE6534;
 border-top:10px solid #FE6534;
}
#panel_frame .heddingmark {
 color: #FE6534;
padding-right: 3px;
}

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

/* comment preview */
#panel_frame .articlebody{
    border: medium none;
    padding: 0;
}

.previewpanel ul.infomsg,
.previewpanel ul.errmsg {
    text-align: left;
}

/* RTEditor */

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

line-height:1.3;
}



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

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

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

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

/* event color */

/* InputFocus/InputBlur
 * all input/textarea element */
input.inputfocus {
  background-color: #eaf9fa !important;
}
textarea.inputfocus {
  background-color: #eaf9fa !important;
}
/* texthilite/textfocus/textunfocus
 * div.paper#t[0-9] */
div.texthilite {
  background-color: #e8f0ff !important;
}
div.textfocus {
  background-color: #e8f0ff !important;
}
/* highlight/dim
 * a#[0-9] */
a.highlight {
  color: #ff0000 !important;
}
/* hilite
 * tr, li, td */
body .hilitecolor,
body tr.hilitecolor td {
  background-color: #e6e6dd !important;
}
body.teacherview .hilitecolor,
body.teacherview tr.hilitecolor td {
  background-color: #f2f9fc !important;
}
body.adminview .hilitecolor,
body.adminview tr.hilitecolor td {
  background-color: #ffeeee !important;
}
body .hilitemblsit,
body tr.hilitemblsit td {
  background-color: #eaeaea !important;
}
body.teacherview .hilitemblsit,
body.teacherview tr.hilitemblsit td {
  background-color: #f2f9fc !important;
}
body.adminview .hilitemblsit,
body.adminview tr.hilitemblsit td {
  background-color: #ffeeee !important;
}
/* HiliteArticle
 * div.articlecontainer ... */
div.hilitearticle {
  background-color: #f5f5f1 !important;
}
div.hilitearticle div.articleheader {
  background-color: #f5f5f1 !important;
  border-color: #878469 !important;
}
div.hilitearticle div.articlebody {
  border-color: #878469 !important;
}
div.hilitearticle div.articlesubject {
  color: #878469 !important;
}
div.hilitearticle h3.articlenumber {
  background-color: #878469 !important;
}
/* hilite2
 * tr */
tr.hilite2 {
  background-color: #ddccff !important;
}
/* MarkAsRead
 * hilite.childNodes [class=="GRIunread"] */
.markasread {
  border-left-color: #ffcccc !important;
}
/* HiliteAsLink/UnhiliteAsLink
 * td.caldaybox */
.hiliteaslink {
  background-color: #ffffdd !important;
}
/* CourseFocus/CourseBlur
 * div.student-status-?/coursecard/communitycard */
.coursecard-focus {
  background-color: #f2f2f2 !important;
  border-top:    1px solid #999999 !important;
  border-right:  1px solid #999999 !important;
  border-bottom: 1px solid #999999 !important;
}
.coursestatus-c .coursecard-focus {
  background-color: #F8F0E0 !important;
  border-top:    1px solid #D1C0A5 !important;
  border-right:  1px solid #D1C0A5 !important;
  border-bottom: 1px solid #D1C0A5 !important;
}
.communitycard-focus {
  background-color: #e5f2f8 !important;
  border-top:    1px solid #64b8d2 !important;
  border-right:  1px solid #64b8d2 !important;
  border-bottom: 1px solid #64b8d2 !important;
}
/* MenuFocus/MenuBlur
 * li */
.menufocus {
  background-color: #ffffff !important;
  border-top:    1px solid #cccccc !important;
  border-left:   1px solid #cccccc !important;
  border-right:  1px solid #f8f8f8 !important;
  border-bottom: 1px solid #ffffff !important;
}
/* MenuBarFocus/MenuBarBlur
 * ??? */
.menubarfocus {
  background-color: #ffffff !important;
}
/* SelectDate
 * td.caldaybox */
.selectdate {
  border-color: #880000 !important;
}
/* SetTitleColor
 * ??? */
/* InPlaceConfirm
 * ??? */
/* FlashWarn/FlashWarnEnd
 * ??? */
.flashwarn {
  background-color: #ff0000 !important;
}


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

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

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

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

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

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

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

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

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

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


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



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

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

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

.articlecontainer-msgtop div.articlesubject a{
 border-bottom: 1px dotted #7D765A;
 font-weight: nomal;
display:block;
}

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

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

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

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

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

.threadcommentbutton-top{
 padding-bottom: 20px;
}

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

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

/* text/html diff feature */

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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


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

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

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

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

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

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

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

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

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

table.ritssports_mypagelink td{
width:32%;
}

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

/* 100826 add*/
.home div.userlistitemV2 img.usericon {
background-image:url("back-imgV2.gif") ;
margin-top:0px;
}
.home .userlistitemV2 .username, .home .userlistitemV2 .userinfo {
padding:1px
}
/*import report*/
.explicithelp{
clear:both;
color:#221964;
float:none;
padding:0 10px 10px 0;
}

table.stdlist .zipmhtdownload div {
background-color:#FFFFFF;
border:1px solid #74C2EF;
font-size:100%;
margin:auto;
padding:2px 20px;
text-align:center;
width:300px;
color:#666666;
}

/* course collections 100224 add */
.coursecollection .pagecomcontainer,
.homecollection .pagecomcontainer{
clear:none;
} 
.coursecollection .pagecomcontainer .pagecomlist,
.homecollection .pagecomcontainer .pagecomlist{
clear:none;
}
.homecollection .pagecomcontainer .pagecomlist .pagecommessage,
.coursecollection .pagecomcontainer .pagecomlist .pagecommessage{
clear:none;
}

.coursecollection .collectioncontainer .bt-bottom,
.homecollection .collectioncontainer .bt-bottom{
clear:none;
}

.coursecollection .collectioncontainer .pagecomcontainer {
/*padding-top:40px*/
}

.homecollection .collectioncontainer .align,
.coursecollection .collectioncontainer .align{
clear:left;
}

.homecollection .collectioncontainer .pagecomment,
.coursecollection .collectioncontainer .pagecomment{
clear:none;
}


.homecollection .collectioncontainer .pagecomform,
.coursecollection .collectioncontainer .pagecomform{
width:500px;
}

/* ＝＝コレクション一覧画面＝＝　*/
.collectiontop-teacherview h1.collection{
 width:670px;
}

.collectiontop-teacherview h2.category{
 width:680px !important;
}

.collectiontop-teacherview .articletext {
 width:670px;
}
/*＝＝＝＝　*/

/* 提出状況一覧画面 */
.collectiontop-teacherview tr.notsubmit{
 background-color: #f0f0f0;
 color:#666666;
}

.collectiontop-teacherview td.notsubmit {
padding-left:10px;
}

.collectiontop-teacherview tr.lastcomment-student {
 background-color: #d6f0fe;
}

.collectiontop-teacherview tr.lastcomment-student .commentsnumber{
 color: #E50007;
font-weight:bold;
}

.collectiontop-teacherview table.stdlist {
 border:1px solid #878469;
 text-align:center;
}

.collectiontop-teacherview table.stdlist a {
text-decoration:underline;
background:url("/marker-triangle.gif") no-repeat scroll 0% 50% transparent;
}

.collectiontop-teacherview table.stdlist td {
border-bottom:1px dotted #878469 !important;
}

.collectiontop-teacherview table.stdlist .listcollection_td_left{
border-right:1px solid #878469;
padding-left:13px;
text-align:left;
}

.collectiontop-teacherview .notsubmit .listcollection_td_left{
border-right:1px solid #878469;
padding-left:23px !important;
text-align:left;
}

.collectiontop-teacherview table.stdlist .listcollection_th_left{
border-right:1px solid #878469 !important;
}

.collectiontop-teacherview table.stdlist .listcollection_td_left a {
padding-left:10px;
color:#333333;
}


.collectiontop-teacherview table.stdlist tr.title,
.collectiontop-teacherview table.stdlist tr.title th,
.collectiontop-teacherview table.stdlist tr td {
border:none;
}

.threadV2 .articleinfo a,
.pagecomcontainerV2 .pagecomauthor a{
text-decoration:underline;
}

.threadV2 .articleinfo a:hover,
.pagecomcontainerV2 .pagecomauthor a:hover{
background-color: #e5e5dc;
}

/* collectionlinklist*/

table.stdlist tr.colllisttitle th{
    background: url("collectionlinklist-off.gif") no-repeat scroll 5px 5px #969485;
    text-align:left;
    /*border-bottom: 3px solid #CCCCCC;*/
}

table.stdlist tr.selected th{
    background: url("collectionlinklist-on.gif") no-repeat scroll 5px 5px #969485;
    /*border-bottom: 3px solid #CCCCCC;*/
}
table.stdlist tr.colllisttitle .nocolllist{
    background-image: none;
    color: #CCCCCC;
    /*border-bottom: 3px solid #CCCCCC;*/
}
table.collectionindex-stdlist tr{
height: auto !important;
}
table.collectionindex-stdlist th{
    padding: 3px 0 3px 25px  !important;
}

table.collectionindex-stdlist td{
padding:2px  !important;
}

table.stdlist .collectionlist-icon {
 display:block;
 float: left;
clear: left;
 width: 26px;
}

table.stdlist .collectionlist-title {
 display:block;
 float: left;
 width: 138px;
}

table.collectionindex-stdlist td li{
float:left;
padding-bottom:2px !important;
margin:0 !important;
}

/* centernews thread*/
.centernewst .articlebody h1{
border-color:#666666;

}

/* Template Editor Annotation Feature */
#temp_annotation, #temp_annotation * {
 font-size: 12px;
 /*
 line-height: 12px;
 */
}
div.temp_annotation {
 background-color: #EEFFEE;
}
div.temp_annotation_ro {
 background-color: #FFFFEE;
}

/*SLOT 20110620 add */
.slotinfo-body{
    background: url("bg-info-list-card-slot.gif") repeat scroll 0 0 transparent;
    height: 56px;
}
.slotinfo-body table{
    height: 56px;
    width: 100%;
    border-collapse: collapse;
}
.slotinfo-body th{
    color: #FFFFFF;
    height: 27px;
    text-align: left;
}
.slotinfo-body td a{
}
.slotinfo-body .left{
    padding-left: 40px;
    width:70%;
}
.courseslotlist .articleinfo{
      padding-bottom: 20px;
}
.courseslotlist .description{
   margin-top:15px;
}
.courseslotlist div.navigator{
    margin: 15px 0 8px;
}

div.ritsumei_link{
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    margin: 10px auto;
    padding: 15px 10px 8px;
    width: 605px;
}

div.ritsumei_link a{
    display: block;
    float: left;
    margin-bottom: 5px;
    margin-right: 5px;
}


/* thread browser status*/
table.browsestatus td.nposts,table.browsestatus td.lastposted,table.browsestatus td.lastaccess{
 text-align:center;
}
table.browsestatus tr.no-access td ,table.browsestatus tr.no-access a{
    color: #999999;
}


/** sanae design color v2 **/

/* .editable / textarea
 */
body.colorv2 .editable,
body.colorv2 .form-input-file,
body.colorv2 .form-input-text,
body.colorv2 textarea {
  background-color: #fff5f0;
}

/* InputFocus/InputBlur
 * all input/textarea element */
body.colorv2 input.inputfocus,
body.colorv2 textarea.inputfocus {
  background-color: #ffe9dd !important;
}



/* editbox2 common styles */

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

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

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

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

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

.editbox2c81 .plainformpanel,
.editbox2c81 .editbuffer_htmltabrow { width: 490px; }
.editbox2c81 .editbuffer_htmltab_vspacer,
.editbox2c81 .htmlpanel {
 width: 488px;
}

.editbox2c80 .plainformpanel,
.editbox2c80 .editbuffer_htmltabrow { width: 484px; }
.editbox2c80 .editbuffer_htmltab_vspacer,
.editbox2c80 .htmlpanel {
 width: 482px;
}


.editbox2 .editbuffer_htmltab_vspacer {
 height: 10px;
}

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

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

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

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

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

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

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


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

.editbox2 .editbutton {
 margin-left: 3px;
}
.editbox2 .editbox2_buttonsmall .editbutton {
 margin-left: 2px;
}
.editbox2 .leftmost .editbutton,
.editbox2 .leftmost .editbox2_buttonsmall .editbutton,
.editbox2 .leftmost .editbox2_buttonwide .editbutton {
 margin-left: 0px;
}

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

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

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

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


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



/* button splites generated BEGIN */

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.editbox2 .enabled .icon2_hr {
 background-position: 0px -391px;
}
.editbox2 .enabled .hover .icon2_hr,
.editbox2 .enabled .icon2_hr:hover {
 background-position: -25px -391px;
}
.editbox2 .disabled .icon2_hr {
 background-position: -50px -391px;
}
.editbox2 .enabled .icon2_embed {
width:98px;
height:21px;
 background: url(icon2_buttons_embed.png) 0 0 no-repeat;
margin-left:0;
}
.editbox2 .enabled .icon2_embed:hover {
 background-position: 0 -21px;
}
.editbox2 .disabled .icon2_embed {
 background: url(icon2_buttons_embed.png) 0 -42px no-repeat;
width:98px;
height:21px;
}

.editbox2 .enabled .icon2_embed-en {
 background: url(icon2_buttons_embed_en.png) 0 0 no-repeat;

}
.editbox2 .enabled .icon2_embed-en:hover {
 background-position: 0 -21px;
}
.editbox2 .disabled .icon2_embed-en {
 background: url(icon2_buttons_embed_en.png) 0 -42px no-repeat;
width:98px;
height:21px;
}


.editbox2 .enabled .icon2_file{
width:58px;
height:21px;
 background: url(icon2_buttons_file_ja.png) 0 0 no-repeat;
margin-left:0;
margin-right:2px;
}
.editbox2 .enabled .icon2_file:hover {
 background-position: 0 -21px;
}
.editbox2 .disabled .icon2_file {
 background: url(icon2_buttons_file_ja.png) 0 -42px no-repeat;
width:58px;
height:21px;
}

.editbox2 .enabled .icon2_file-en {
 background: url(icon2_buttons_file_en.png) 0 0 no-repeat;

}
.editbox2 .enabled .icon2_file-en:hover {
 background-position: 0 -21px;
}
.editbox2 .disabled .icon2_file-en {
 background: url(icon2_buttons_file_en.png) 0 -42px no-repeat;
width:58px;
height:21px;
}

.editbox2 .enabled .page_break {
    background-image: url("icon2_buttons_pagebreak.png");
    background-position: 0 0;
    margin-right:2px;
}

.editbox2 .enabled .hover .page_break{
    background-position: -23px 0;
}
.editbox2 .disabled .page_break {
    background-image: url("icon2_buttons_pagebreak.png");
    background-position: -46px 0;
    margin-right:2px;
}



/* button splites generated END */



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


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


/* rteditor_queryv4: horizontal selection */

body.rteditor_queryv4 textarea {
 overflow: hidden;
}

body.rteditor_queryv4 ol.queryselection,
body.rteditor_queryv4 ol.multiselection {
 padding-top: 30px;
 background-repeat: no-repeat;
 background-position: right top;
}


body.rteditor_queryv4 ol.pulldownselection,
body.rteditor_queryv4 ol.yesnoselection,
body.rteditor_queryv4 ol.queryselection,
body.rteditor_queryv4 ol.multiselection {
 border-style: solid;
 border-width: 1px;
 border-color: #bfbfbf;
}

body.rteditor_queryv4 ol.queryselection {
 /* border-color: #afd768; */
 background-color: #f0f9e5;
}
body.rteditor_queryv4 ol.multiselection {
 /* border-color: #bae6f5; */
 background-color: #e4f8fd;
}
body.rteditor_queryv4 ol.yesnoselection {
 background-color: #ffffee;
}
body.rteditor_queryv4 ol.required {
 border-color: #ff6666;
}

body.rteditor_queryv4_ja ol.genc_s__ { background-image: url("/queryv4-qs-vertical-ja.png"); }
body.rteditor_queryv4_ja ol.genc_m__ { background-image: url("/queryv4-ms-vertical-ja.png"); }
body.rteditor_queryv4_ja ol.genc_sh_ { background-image: url("/queryv4-qs-horizontal-ja.png"); }
body.rteditor_queryv4_ja ol.genc_mh_ { background-image: url("/queryv4-ms-horizontal-ja.png"); }
body.rteditor_queryv4_ja ol.genc_s_h { background-image: url("/queryv4-qs-vertical-hover-ja.png"); }
body.rteditor_queryv4_ja ol.genc_m_h { background-image: url("/queryv4-ms-vertical-hover-ja.png"); }
body.rteditor_queryv4_ja ol.genc_shh { background-image: url("/queryv4-qs-horizontal-hover-ja.png"); }
body.rteditor_queryv4_ja ol.genc_mhh { background-image: url("/queryv4-ms-horizontal-hover-ja.png"); }

/* image suffix should be "-en.png" */
body.rteditor_queryv4_en ol.genc_s__ { background-image: url("/queryv4-qs-vertical-en.png"); }
body.rteditor_queryv4_en ol.genc_m__ { background-image: url("/queryv4-ms-vertical-en.png"); }
body.rteditor_queryv4_en ol.genc_sh_ { background-image: url("/queryv4-qs-horizontal-en.png"); }
body.rteditor_queryv4_en ol.genc_mh_ { background-image: url("/queryv4-ms-horizontal-en.png"); }
body.rteditor_queryv4_en ol.genc_s_h { background-image: url("/queryv4-qs-vertical-hover-en.png"); }
body.rteditor_queryv4_en ol.genc_m_h { background-image: url("/queryv4-ms-vertical-hover-en.png"); }
body.rteditor_queryv4_en ol.genc_shh { background-image: url("/queryv4-qs-horizontal-hover-en.png"); }
body.rteditor_queryv4_en ol.genc_mhh { background-image: url("/queryv4-ms-horizontal-hover-en.png"); }


/* rendered elements */
.queryv4 ol {
	list-style: decimal inside none;
}
.queryv4 ol.horizontal li {
	display: inline;
}
.queryv4 ol.horizontal li br {
	display: none;
}
.queryv4 ol.horizontal li .horizontal-marker {
	font-weight: bold;
}
.queryv4 ol.queryselection li,
.queryv4 ol.multiselection li,
.queryv4 ol.horizontal li.hori-first {
	margin-left: 0;
}
.queryv4 ol.horizontal li.hori-notfirst {
	margin-left: 1.5em;
}

.queryv4 ol.horizontal li:hover,
.queryv4 ol.queryselection li:hover,
.queryv4 ol.multiselection li:hover,
.queryv4 ol.horizontal li:hover input,
.queryv4 ol.queryselection li:hover input,
.queryv4 ol.multiselection li:hover input {
	background-color: #ffd6c0;
}


/* rteditor_queryv4: textarea counter */
body.rteditor_queryv4 textarea {
 background-repeat: no-repeat;
 background-position: left bottom;
}
body.rteditor_queryv4 textarea,
body.rteditor_queryv4 input {
 border: solid 1px #003300;
}

body.rteditor_queryv4 textarea.required,
body.rteditor_queryv4 input.required {
 border: solid 1px #ff6666;
}

body.rteditor_queryv4_ja textarea                   { background-image: url("/queryv4-textarea1-countnone-ja.png"); }
body.rteditor_queryv4_ja textarea.query_count_chars { background-image: url("/queryv4-textarea1-countchars-ja.png"); }
body.rteditor_queryv4_ja textarea.query_count_words { background-image: url("/queryv4-textarea1-countwords-ja.png"); }

/* image suffix should be "-en.png" */
body.rteditor_queryv4_en textarea                   { background-image: url("/queryv4-textarea1-countnone-en.png"); }
body.rteditor_queryv4_en textarea.query_count_chars { background-image: url("/queryv4-textarea1-countchars-en.png"); }
body.rteditor_queryv4_en textarea.query_count_words { background-image: url("/queryv4-textarea1-countwords-en.png"); }

/* just for design prototyping (no effects on rendering) */
body.rteditor_queryv4 .textarea_sanae_b textarea                   { background-image: url("/queryv4-textarea2-countnone-ja.png"); }
body.rteditor_queryv4 .textarea_sanae_b textarea.query_count_chars { background-image: url("/queryv4-textarea2-countchars-ja.png"); }
body.rteditor_queryv4 .textarea_sanae_b textarea.query_count_words { background-image: url("/queryv4-textarea2-countwords-ja.png"); }

body.rteditor_queryv4 .textarea_sanae_c textarea                   { background-image: url("/queryv4-textarea3-countnone-ja.png"); }
body.rteditor_queryv4 .textarea_sanae_c textarea.query_count_chars { background-image: url("/queryv4-textarea3-countchars-ja.png"); }
body.rteditor_queryv4 .textarea_sanae_c textarea.query_count_words { background-image: url("/queryv4-textarea3-countwords-ja.png"); }


/* rendered elements */

.queryv4 input.queryinput,
.queryv4 textarea.queryinput {
 border: solid 1px #003300;
}

.queryv4 .hilite_required_on input.required,
.queryv4 .hilite_required_on_submit input.unfilled,
.queryv4 .hilite_required_on textarea.required,
.queryv4 .hilite_required_on_submit textarea.unfilled {
 border: solid 1px #ff6666;
}

.queryv4 .textarea_wordcount,
.queryv4 .textarea_charcount {
 font-size: large;
 color: #fb773d;
}

/* custompanel */
div.custompanel form.rptdiscard *,
div.custompanel form.qaddtextarea * {
 text-align: left;
}
div.custompanel form.rptdiscard .panelbuttons,
div.custompanel form.rptdiscard .panelbuttons *,
div.custompanel form.qaddtextarea .panelbuttons,
div.custompanel form.qaddtextarea .panelbuttons * {
 text-align: center;
}
div.custompanel form.qaddtextarea #qaddtextarea_lines {
 text-align: right;
}
div.custompanel form.qaddtextarea ul  {
 padding-left: 1em;
}
div.custompanel form.qaddtextarea ul li {
 list-style: none outside url(/marker-triangle-vermilion.gif);
}
div.custompanel form.qaddtextarea ul.qaddtextarea_counter li {
 list-style-image: none;
 list-style-type: none;
}
div.custompanel form.qaddtextarea .qaddtextarea_counter_radio {
 background-color: #FFFFFF;
}

div.custompanel form.rptdiscard em {
 color: red;
 font-style: normal;
 font-weight: normal;
}


/* 110826 zoom icon*/
.zoom-on .attachment-zoom_icon-v1{
background:url("/zoom_icon.png") no-repeat scroll 0 0 transparent;
}
.zoom-on .attachment-zoom_icon{
background:url("/zoom_icon.png") no-repeat scroll 0 16px transparent;
}

/* 120209 ani manaba*/
.system-manaba .login #login-card {
    background: url("bg-folio-login-ani.gif") no-repeat scroll 0 0 transparent !important;
}
.system-manaba .login  .login-card-en {
    background: url("bg-folio-login-ani.gif") no-repeat scroll 0 0 transparent !important;
}
.system-manaba #footer{
	background: url(bg-footer-ani.gif) no-repeat top !important;
}
.system-manaba .login #footer, .system-manaba .logout #footer {
    background: url("bg-footer-login-ani.gif") no-repeat scroll 0 0 transparent !important;
}


.system-manaba #systemversion{
	position:relative;
	top: 37px;
	left:617px;
                 text-align: right;
	color:#999999;
}


#temp_annotation .annotate-nest { cursor: pointer; }

#temp_annotation .annotate-error-message { color: white; background-color: red; }

#temp_annotation .annotate-hover  .annotate-nestL .tag,
#temp_annotation .annotate-hilite .annotate-nestL .tag { color: black; }
#temp_annotation .annotate-hover  .annotate-nestL,
#temp_annotation .annotate-hilite .annotate-nestL { color: #333333; }


#temp_annotation .annotate-hover  > .annotate-nestL0 {        background-color: rgb(69%, 89%, 89%); color: rgb(17%, 22%, 22%); }
#temp_annotation .annotate-hover  > .annotate-nestL0 > .tag { background-color: rgb(0%, 11%, 11%); color: rgb(69%, 89%, 89%); }
#temp_annotation .annotate-hilite > .annotate-nestL0 {        background-color: rgb(78%, 100%, 100%); color: black; }
#temp_annotation .annotate-hilite > .annotate-nestL0 > .tag { background-color: rgb(0%, 11%, 11%); color: rgb(78%, 100%, 100%); }

#temp_annotation .annotate-hover  > .annotate-nestL1 {        background-color: rgb(69%, 89%, 72%); color: rgb(17%, 22%, 18%); }
#temp_annotation .annotate-hover  > .annotate-nestL1 > .tag { background-color: rgb(0%, 11%, 2%); color: rgb(69%, 89%, 72%); }
#temp_annotation .annotate-hilite > .annotate-nestL1 {        background-color: rgb(78%, 100%, 81%); color: black; }
#temp_annotation .annotate-hilite > .annotate-nestL1 > .tag { background-color: rgb(0%, 11%, 2%); color: rgb(78%, 100%, 81%); }

#temp_annotation .annotate-hover  > .annotate-nestL2 {        background-color: rgb(84%, 89%, 69%); color: rgb(21%, 22%, 17%); }
#temp_annotation .annotate-hover  > .annotate-nestL2 > .tag { background-color: rgb(8%, 11%, 0%); color: rgb(84%, 89%, 69%); }
#temp_annotation .annotate-hilite > .annotate-nestL2 {        background-color: rgb(94%, 100%, 78%); color: black; }
#temp_annotation .annotate-hilite > .annotate-nestL2 > .tag { background-color: rgb(8%, 11%, 0%); color: rgb(94%, 100%, 78%); }

#temp_annotation .annotate-hover  > .annotate-nestL3 {        background-color: rgb(89%, 76%, 69%); color: rgb(22%, 19%, 17%); }
#temp_annotation .annotate-hover  > .annotate-nestL3 > .tag { background-color: rgb(11%, 4%, 0%); color: rgb(89%, 76%, 69%); }
#temp_annotation .annotate-hilite > .annotate-nestL3 {        background-color: rgb(100%, 85%, 78%); color: black; }
#temp_annotation .annotate-hilite > .annotate-nestL3 > .tag { background-color: rgb(11%, 4%, 0%); color: rgb(100%, 85%, 78%); }

#temp_annotation .annotate-hover  > .annotate-nestL4 {        background-color: rgb(89%, 69%, 79%); color: rgb(22%, 17%, 20%); }
#temp_annotation .annotate-hover  > .annotate-nestL4 > .tag { background-color: rgb(11%, 0%, 6%); color: rgb(89%, 69%, 79%); }
#temp_annotation .annotate-hilite > .annotate-nestL4 {        background-color: rgb(100%, 78%, 89%); color: black; }
#temp_annotation .annotate-hilite > .annotate-nestL4 > .tag { background-color: rgb(11%, 0%, 6%); color: rgb(100%, 78%, 89%); }

#temp_annotation .annotate-hover  > .annotate-nestL5 {        background-color: rgb(82%, 69%, 89%); color: rgb(21%, 17%, 22%); }
#temp_annotation .annotate-hover  > .annotate-nestL5 > .tag { background-color: rgb(7%, 0%, 11%); color: rgb(82%, 69%, 89%); }
#temp_annotation .annotate-hilite > .annotate-nestL5 {        background-color: rgb(93%, 78%, 100%); color: black; }
#temp_annotation .annotate-hilite > .annotate-nestL5 > .tag { background-color: rgb(7%, 0%, 11%); color: rgb(93%, 78%, 100%); }

#temp_annotation .annotate-hover  > .annotate-nestL6 {        background-color: rgb(69%, 72%, 89%); color: rgb(17%, 18%, 22%); }
#temp_annotation .annotate-hover  > .annotate-nestL6 > .tag { background-color: rgb(0%, 2%, 11%); color: rgb(69%, 72%, 89%); }
#temp_annotation .annotate-hilite > .annotate-nestL6 {        background-color: rgb(78%, 81%, 100%); color: black; }
#temp_annotation .annotate-hilite > .annotate-nestL6 > .tag { background-color: rgb(0%, 2%, 11%); color: rgb(78%, 81%, 100%); }

/*
+- - - - - - - - - - - - - - - - - - - - -+
	 オーナーシップ機能
+- - - - - - - - - - - - - - - - - - - - -+
*/
.ownership-bgimage{
    width:    720px;
    height:  250px;
 }

.ownership-pageheader {
    top: 130px;
    filter:alpha(opacity=85);
    opacity: 0.85;
    -moz-opacity: 0.85;
}

/*
+- - - - - - - - - - - - - - - - - - - - -+
	 folioG
+- - - - - - - - - - - - - - - - - - - - -+
*/

.globalscore-max {
    border: 6px solid #F0EFEA;
    color: red;
    display: inline-block;
    float: right;
    font-weight: bold;
    margin-bottom: 4px;
    margin-right: 4px;
    padding: 8px;
}


.global-showmore {
    clear: both;
    padding-right: 4px;
    text-align: right;
    padding-bottom: 10px;
}

a.comparescore{
text-decoration:underline;
}
.overseas-creator,
.score-creator{
text-align: center;
width:10%;
}
table.global-stdlist {
    border: 1px solid #CCCCCC;
    border-collapse: collapse;
    text-align: left;
    width: 676px;
 margin-bottom: 5px;
    margin-top: 5px;
}
table.global-stdlist td.center{
text-align:center;
}
.goverseasdetail table.global-stdlist,
.gscoredetail table.global-stdlist {
    border: 1px solid #CCCCCC;
}
#CollDataTestShow{
color:#7D765A;
cursor:pointer;
}
#CollDataTestShow:hover{
text-decoration:underline;
}

.profile table.global-stdlist tr th, 
.profiledetail table.global-stdlist tr th {
    background-color: #F0EFEA;
    border-top: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
    color: #67624E;
    font-weight: bold;
    padding: 4px;
    text-align: left;
}

table.global-stdlist tr td {
  border-bottom: 1px solid #CCCCCC;
   border-right: 1px solid #CCCCCC;
   border-left: 1px solid #CCCCCC;
    height: 20px;
    padding: 4px;
    vertical-align: middle;
}
.gscoredetail table.global-stdlist {
border-width:2px;
}
.goverseasdetail table.global-stdlist tr td{
  border-bottom:medium none;
}

.goverseasdetail table.global-stdlist tr td,
.goverseasdetail table.global-stdlist tr th  {
border-left:medium none;
border-right:medium none;
}
.gscoredetail table.global-stdlist tr td {
    border-bottom: 1px solid #CCCCCC ;
}
.gscoredetail table.global-stdlist tr th{

    border-bottom: 1px solid #CCCCCC;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
.gscoredetail table.global-stdlist tr:first-child th{
    background-color: #F8F8F8;
    padding: 5px 5px 5px 10px;
    vertical-align: middle;
   color: #67624E;
}

.gscoredetail table.global-stdlist tr th:first-child{
border-right:1px solid #CCCCCC;
}
.gscoredetail .gscore-date{
    display: block;
    font-size: 12px;
}
.gscoredetail .gscore-testname{
    font-size: 16px;
}
.gscoredetail .gscore-total h3{
    font-size: 20px;
    margin-top: 0;
    padding-left: 10px;
    padding-top: 5px;
}
.gscoredetail table.global-stdlist tr td .gscore-total {
    padding-left: 12px;
    width: 60px;
}
.gscoredetail table.global-stdlist tr td .gscore-compare {
    font-size: 20px;
    width: 85px;
}
.gscoredetail table.global-stdlist tr td .gscore-info {
    width: 325px;
}
.gscoredetail table.global-stdlist tr td .gscore-info span{
   display: inline-block;
 padding-left: 5px;
}

.gscoredetail .gscore-total .gscore-compare,
.gscoredetail .gscore-total .gscore-download{
    color: #666666;
    font-size: 12px;
    font-weight: normal;
    padding-left: 3px;
    vertical-align: middle;
}
.gscoredetail .gscore-info{
  /*  text-align:right;*/
    padding-left: 5px;
}
.gscoredetail .gscore-addinfo,
.goverseasdetail .gscore-addinfo{
    border-top: 1px dotted #CCCCCC;
    color: #666666;
    font-size: 90%;
    margin-top: 5px;
    padding-top: 3px;
    text-align: right;
}
.gscoredetail .gscore-addinfo span,
.goverseasdetail .gscore-addinfo span{
padding-left:3px;
padding-right:3px;
}
.goverseasdetail .gscore-addinfo{
border-top:medium none;
}

table.score-table th,
table.overseas-table th{
    vertical-align: top;
}
.goverseasdetail .global-stdlist-purpose td p.afdata{
    float: left;
    padding-bottom: 5px;
}

.score-table .notes,
.overseas-table .notes{
font-size: 85%;
margin-left:10px;
}

table.score-table td input.form-input-text,
table.overseas-table td input.form-input-text {
    width: 70px;
}

.profileedit-bottom{
    background-color: #F9F9F9;
    border: 1px solid #DDDDDD;
    font-size: 90%;
    padding: 5px;
    width: 645px;
}
.profileedit-bottom h3,
.profileedit-bottom p{
padding-bottom:5px
}
.global table.layout tr td{
text-align: left;
}

.global .fileup-top {
padding-top:5px;
}

.global .fileup {
color: black !important;
}
.gscoreedit td.form  input{
margin-left:2px;
margin-right:5px;
}


.goverseasdetail .global-stdlist-tr th{
   background-color: #F0EFEA;
    border-bottom: 2px solid #CCCCCC;
    border-right: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    color: #67624E;
    font-weight: bold;
    padding: 8px;
    text-align: left;
}

.goverseasdetail .global-stdlist-th{
    float: left;
    padding: 8px;
    width: 264px;
}
.global-stdlist tr.row0{
background-color: #F8F8F8;
}

.goverseasdetail table tr.global-stdlist-purpose  td{
    border-top: 1px dotted #CCCCCC;
    border-bottom: 3px solid #CCCCCC;
    clear: both;
    padding: 3px;
}
.goverseasdetail tr.global-stdlist-purpose:last-child td{
    border-bottom: 1px solid #CCCCCC;
}

.goverseasdetail .global-stdlist  td h3,
.profiledetail .global-stdlist  td h3{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 390px;
}
.goverseasdetail .global-stdlist  td h3{
    font-size: 16px;
    padding-left: 5px;
}
.profiledetail .global-stdlist  td h3{
font-weight:normal;
color:#000;
}

.goverseasdetail .global-stdlist-purpose td h3{
    font-size: 100%;
}
.goverseasdetail .global-stdlist-purpose td p{
padding-left:10px;
    padding-bottom: 5px;
}
.goverseasdetail .global-stdlist-purpose .global-fmtdata{
    border-top: 1px dotted #CCCCCC;
    list-style: none outside url("/marker-triangle.gif");
    margin: 5px 0;
    border-collapse: collapse;
}
.goverseasdetail .global-stdlist-purpose table.global-fmtdata tr td,
.goverseasdetail .global-stdlist-purpose table.global-fmtdata tr th{
border:medium none;
font-weight:normal;
    padding: 0;
    padding: 0 5px;
}
.goverseasdetail .global-stdlist-purpose table.global-fmtdata tr th{
    text-align: left;
    white-space: nowrap;
    width: 15%;
}
.goverseasdetail .global-stdlist-purpose table.global-fmtdata tr th img{
padding-right:5px;
}

table.gscore-graph{
    border-color: #448ACA;
}
table.gscore-graph tr td,
table.gscore-graph tr th{
    border-color: #448ACA;
}
table.gscore-graph tr.title th{
    background-color: #C9EAFD;
    border-color: #448ACA;
    color: #448ACA;
    font-size: 90%;
    font-weight: bold;
    padding: 3px 2px;
    width: 34px;
}


table.goverseasgraph{
    border-color: #A9A9A9;
    margin-left: 50px;
    width: 470px;
}
table.goverseasgraph tr td,
table.goverseasgraph tr th{
    border-color: #A9A9A9;
   text-align:center;
}
table.goverseasgraph tr.title th{
    border-color: #A9A9A9;
color: #666666;
   font-weight:bold;
   background-color: #E7E7E7;
}
table.goverseasgraph tr:last-child td{
    border-top: #A9A9A9 double 3px;
}
table.goverseasgraph tr.title th:first-child{
width:10%
}
table.goverseasgraph tr.title th:last-child{
width:15%
}

/*外部公開*/

img.img-inline, input.img-inline{
vertical-align:middle;
}
table.stdlist  input.invisible{
    visibility: hidden;
}
.pubcolledit  table.edit {
margin-bottom:35px;
}

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

.pubcolladd table.stdlist .stdlist-collection .stdlist-collection-date{
width:245px;
}
.pubcolladd table.stdlist .stdlist-collection .stdlist-collection-date input{
width:200px;
}
.pubcolledit  table.edit td textarea {
    height: 4em;
    line-height: 1.3em;
}
.pubcolledit  .stdlist-collection-title , .pubcolladd .stdlist-collection-title{
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 500px;
}
.pubcolladd .stdlist-collection-title{
    width: 220px;
}
.pubcolladd  table th .stdlist-collection-title{
text-align:center;
}

 .pubcoll  #searchbox{
display:none;
}

 .pubcoll  #myheader{
    height: 70px;
    background: url("bg-public-myheader.gif") repeat scroll 0 top transparent;
}
 .pubcoll #myheader #mylinks {
    bottom: 8px;
    right: 23px;
    top: auto;
    font-size:14px;
}

 .pubcoll .drawable{
    padding-top: 0;
}
.pubcoll #pubaccessheader h1{
    border-width: 0;
    font-size: 20px;
    margin-top: 15px;
    padding: 0;
}

 .publiccollection .homecollection{
    padding-top: 25px;
    float: left;
    padding-top: 25px;
    width: 480px;
}

 .publiccollection .homecollection h1{
    border-color: #FE6B59;
    margin-top: 6px;
    width: auto;
}
 .publiccollection .share-button{
    float: left;
}

 .publiccollection .article-index{
    padding-top: 25px;
    float: right;
   width:180px;
}

 .publiccollection .publiccollectiondetail{
 /*   border-color: lightgray;
    border-image: none;
    border-style: solid;
    border-width: 3px 1px 1px;
    margin-top: 10px;*/
    padding: 10px 5px;
    color: #666666;
}

 .publiccollection .article-index table.stdlist tr.title th{
    background: url("/icon-contents.gif") no-repeat scroll 6px 6px transparent;
    border-bottom: 3px solid #CCCCCC;
    padding-left: 30px;
    text-align: left;
}

.inlineaf-image-description,.inlineaf-object-description{
 display: none;
}
body.collection .inlineaf-object-description{
 display: block;
}
.rteditor .inlineattachment {
    max-width: 300px;
    min-height: 36px;
    padding-left: 3em;
    background-image: url("/folioicon-file.gif");
    background-position: 3px 50%;
    background-repeat: no-repeat;
    border: 2px solid #73BAF9;
}
.rteditor .inlineattachment:hover {
    /* background-image: url("/folioicon-file-hover.gif"); */
}


.fb_edge_widget_with_comment span.fb_edge_comment_widget {
display: none !important;
}



/*manaba G image */

.system-global .login #login-card {
    background: url("bg-folio-login-global.gif") no-repeat scroll 0 0 transparent ;
}
.system-global .login  .login-card-en {
    background: url("bg-folio-login-global_en.gif") no-repeat scroll 0 0 transparent !important;
}

.system-global #footer{
	background-image: url(bg-footer-g.gif);
}
.system-global #systemversion, .logoV2 #systemversion ,
.logoV3 #systemversion{
    top: 16px;
 left: 2px;
color: #797979;
}
.system-global .login  #footer,
.system-global  .logout  #footer{
background-image :url(bg-footer-login-g.gif)
}
.login .drawableV2 ul.errmsg{
text-align:center;
margin-bottom: 0.5em;
}
.login .drawableV2 .login-description{
   padding-left: 130px;
}
.login .drawableV2 .qrcode-description{
    float: none;
   padding-right: 20px;
    margin: 5px auto 0;
 
}

/*collection more*/
div.collection-more{
    border-top: 1px dotted #CCCCCC;
    padding-right: 10px;
    padding-top: 3px;
    text-align: right;
}

div.collection-more a,
div.threads-more a{
    background: url("button-collection-open.gif") no-repeat scroll 0 1px transparent;
    display: inline-block;
    height: 19px;
    padding-left: 23px;
vertical-align: middle;
}
div.collection-more a:hover,
div.threads-more a:hover{
background-image: url("button-collection-open-focus.gif") ;
text-decoration:underline;
}
div.collection-close a,
div.threads-more-close a{
background-image: url("button-collection-close.gif") ;
}
div.collection-close a:hover,
div.threads-more-close a:hover{
background-image: url("button-collection-close-focus.gif") ;
}
.home div.collection-more .update,
div.threads-more .update{
font-weight:normal;
font-size:90%;
color: #FF0000;
}

/* just for developer */
table.dev-edit {
 border-collapse: collapse;
 border: solid 1px black;
 padding: 0px;
 margin: 5px;
 text-align: left;
 background-color: #fff;
}
table.dev-edit th,
table.dev-edit td {
 border-collapse: collapse;
 border: solid 1px black;
 padding: 5px;
}
table.dev-edit th {
 text-align: center;
}
table.dev-edit .queryv4 .query_render_serial {
 font-weight: bold;
 color: blue;
}

/*report review*/
.course-review, table.review-memo{
width:480px;
}
table.review-memo{
    border-color: #7B7660;
}
table.edit table.review-memo{
border:medium none;
margin-top:0;
}
table.edit  table.review-memo tr td{
border-left:medium none;
border-right:medium none;
}
table.edit  table.review-memo tr:last-child td{
border-bottom:medium none;
}

 table.review-memo tr.title th{
    background-color: #DDDCD3;
    border-color: #7B7660;
    color: #333333;
    font-weight: bold;
    text-align: left;
border-bottom-width: 1px;
}
 table.review-memo tr.title, table.review-memo tr td{
    border-bottom: 1px dotted #888888;
    border-color: #7B7660 #7B7660 #888888;
}
table.review-memo tr:last-child td{
border-bottom:medium none;
}

 table.review-memo .review-memo-date{
  color:#939598;
}
.editgrade{
    border: 1px solid #B1B1AC;
   border-width:0 1px 1px 1px;
    margin-bottom: 20px;
   position: relative;
   width:480px;
}
.editgrade h2.editgrade-title{
  background-color: #FDECE6;
    border-bottom: 1px solid #B1B1AC;
    margin-top: 0;
    padding: 5px 150px 5px 10px;
    border-top: 1px solid #B1B1AC;
}
.editgrade  .editgrade-body{
 padding:10px;
}
.editgrade  .editgrade-footer{
 padding: 5px 10px;
 text-align:center;
background-color:#DDDCD3;
}

.editgrade ul.infomsg{
    color: #FF0000;
    font-weight: bold;
    list-style: none outside none;
    margin-top: 4px;
    position: absolute;
    right: 10px;
    top: 0;
}

table.report-grade{

    border-collapse: collapse;
    margin-bottom: 10px;
    width: 100%;
}

table.report-grade th{
    background-color: #E7E7E7;
    color: #666666;
    padding: 3px;
}
.editgrade-body .articletext{
    width: auto;
   padding:0;
}

.editgrade .editgrade-body table.report-grade td strong.report-point{
    color: #F6440D;
    font-size: 16px;
}
.reviewcomment{
width: 250px;
}
.editgrade .editgrade-body div.attachments{
width:auto;
padding-right: 0;
}
td span.td-review-text{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 186px;
display: block;
}

/*一括DL*/

body.contentclass{
width:900px;
margin:30px;
font-size:13px;
}
body.collection,body.collection textarea,body.collection input{
font-size:13px;
}


body.contentclass table.stdlist{
width:300px !important;
float:right;
}

body.contentclass iframe#content{
border:medium none;
padding-bottom:15px;
width:600px;
} 

body.collection ul.attachments li, body.collection .articlebody ul.attachments li {
background-image: url("folioicon-file.gif");
}

#rem-form ul li{
   line-height: 1.6em;
}
/* sso bannerlink*/
div.ssobanner-link{
 text-align: right;
}

/* portfolio dl*/
.stdlist-colldownload .stdlist-collection-select{
    float: left;
    text-align: center;
    width: 90px;
}
.stdlist-colldownload .stdlist-collection-select a{
   color:#fff;
   text-decoration:underline;
}
div.batchdownload-button {
    border: 2px solid #CCCCCC;
    color: #7D765A;
    margin: 30px auto;
    padding: 5px;
    text-align: center;
    width: 300px;
}
div.batchdownload-button label {
    cursor: pointer;
    font-size: 120%;
}
div.batchdownload-button label:hover {
    text-decoration: underline;
}


/* baloon panel*/
body .userballoonframe, body .contentsballoonframe {
    background-color: #FFFFFF;
    border: 3px solid #FE6B59;
    border-radius: 10px;
    box-shadow: 1px 1px 5px #727272;
    height: 200px;
    overflow: hidden;
    width: 260px;
}
body .userballoonframe_folio{
    height: auto;
    min-height: 50px;
}
body .userballoonframe-nodetail {
    height: 100px;
}
.userballooncontent {
    margin: 10px 15px 10px 5px;
    overflow-x: hidden;
    overflow-y: auto;
    width: 230px;
    max-height: 200px;
}
.baloonclose {
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 8px;
    top: 8px;
    width: 16px;
}
.balloonpointer{
    background: url("balloon_pointer.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    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;
}
.ratelist .ratelist-comment{
   border-top:1px dotted #CCCCCC;
   padding:3px 10px;
   margin-top:2px;
}
span.ratecount{
    border-color: #CCCCCC;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    display: inline-block;
    height: 16px;
    padding-right: 3px;
vertical-align: middle;
}
span.ratecount-pointer{
background: url("bg_ratecount.png") no-repeat ;
    display: inline-block;
    height: 16px;
    padding: 1px 0;
    width: 10px;
vertical-align: middle;
}


/*cmlist*/
.cmlist h3{
  margin:5px 0;
}
.cmlist table.glist{
 width:100%;
 margin-bottom:10px;
}
.cmlist table.glist tr th{
width:260px;
}

.cmlist table.glist tr th,.cmlist table.glist tr td{
 padding:8px 10px;
}
.cmlist  h2.category{
margin-bottom: 10px;
 color: #e50007;
}
.cmlist h1{
margin-bottom:5px;
}

/*new logo*/
.system-global-logoV2 .login #footer, .system-global-logoV2 .logout #footer{
   background-image: url("bg-footer-login-gV2.gif");
}
.system-global-logoV2 #footer{
   background-image: url("bg-footer-gV2.gif");
}

.logoV2 .login #footer, .logoV2 .logout  #footer{
   background-image: url("bg-footer-loginV2.gif");
}
.logoV2  #footer{
   background-image: url("bg-footerV2.gif");
}

.logoV2 .login #login-card {
   background-image: url("bg-folio-loginV2.gif")
}
.logoV2 .login .login-card-en {
   background-image: url("bg-folio-login_enV2.gif") !important;
}

/*new asahinet logo*/
.system-global-logoV3 .login #footer, .system-global-logoV3 .logout #footer{
   background-image: url("bg-footer-login-gV3.gif");
}
.system-global-logoV3 #footer{
   background-image: url("bg-footer-gV3.gif");
}

.logoV3 .login #footer, .logoV3 .logout  #footer{
   background-image: url("bg-footer-loginV3.gif");
}
.logoV3  #footer{
   background-image: url("bg-footerV3.gif");
}
.respon-footer  #footer{
   background-image: url("bg-footerV3-respon.gif");
}



.logoV3 .login #login-card {
   background-image: url("bg-folio-loginV2.gif")
}
.logoV3 .login .login-card-en {
   background-image: url("bg-folio-login_enV2.gif") !important;
}
 

.inlineattachment  .inlineaf-description{
    background-image: url("/folioicon-file.gif");
    background-position: 0 50%;
    background-repeat: no-repeat;
    padding-left: 35px;
}
.inlineattachment  .inlineaf-object-description2{
    background: rgba(0, 0, 0, 0) url("/folioicon-file_movie.gif") no-repeat scroll left center;
     min-height:29px;
}


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

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


/* global lotate*/
.mblist .username-l{
 text-align:left;
  padding-left:15px;
}
.mblist td input{
    vertical-align:middle;
}
.info-list-rotatemember {
    background: url("/bg-info-list-rotatemember.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: auto;
    width: 680px;
    margin-bottom: 5px;
}
.info-list-card .info-list-rotatemember-body{
    border-left: 1px solid #A9A9A9;
    border-right: 1px solid #A9A9A9;
    padding: 10px;

}
 .info-list-card .info-list-rotatemember-footer{
    background: url("/footer-info-list-rotatemember.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);
    height: 8px;
}

.rotating  {
    padding-bottom:15px;
}
.rotating  li{
   list-style:none;
}
.rotating h2{
    background: none repeat scroll 0 0 #999999;
    border-radius: 3px 3px 0 0;
    color: #FFFFFF;
    display: inline-block;
    padding: 2px 10px;
    width: auto;
}

.rotating  .coursecard{
   background-color:#FFF5F0;
   border-style:solid;
border-left-width: 1px;
}
.rotating  .coursecard:hover{
   background-color:#FFE9DD
}

/*course community*/
.section  .course-community-card{
  border-color: #999999;

}
.section  .course-community-card:hover{
    background-color: #F2F2F2 !important;
    border-bottom: 1px solid #999999 !important;
    border-right: 1px solid #999999 !important;
    border-top: 1px solid #999999 !important;
}


table.stdlist  ul.info-threadlist li{
    background:url("icon-discussion.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    border-bottom: 1px dotted #999999;
    height: 22px;
    margin-left: 20px;
    margin-right: 10px;
    padding: 6px 0 0 20px;
}
table.stdlist  ul.info-threadlist li:last-child{
   border-bottom: medium none;
}
.infolist-courscommunity{
    background: url("bg-info-list-card-coursecommunity.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 56px;
}
table.coursecommlist td a:hover{
    text-decoration:underline; 
}
table.coursecommlistV2 ul.info-threadlist li{
    background-position: left 8px;
    height: auto;
}

h2.userselect-open{
   background: url("button-collection-open.gif") no-repeat scroll 400px 0;
  height:18px;
    cursor: pointer;
}
h2.userselect-open:hover{
   background-image: url("button-collection-open-focus.gif")  ;
}

h2.userselect-close{
   background: url("button-collection-close.gif") no-repeat scroll 400px 0;
  height:18px;
}
h2.userselect-close:hover{
   background-image: url("button-collection-close-focus.gif")  ;
}
.edit-list-order {
    padding-bottom: 5px;
    text-align: right;
}
.edit-list-order a {
   margin-right:5px;
}
.edit-list-order a:hover {
  text-decoration:underline;
}
.edit-list-order a.selected {
    background-color: #D8D6D6;
    border-bottom: 1px dotted #7D765A;
}
div.threads-more {
 padding-right:10px;
 text-align:right;
}
.footer-banner-list{
   clear:both;
   text-align:right;
}
.footer-banner-list p{
    display: inline-block;
    padding-left: 5px;
    vertical-align: top;
}
.header-bottom-link{
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    font-size: 15px;
    padding: 5px 15px;
   text-align:right;
}
.header-bottom-link-left{
     text-align:left;
}
.footer-banner-list table td.right{
    text-align:right;
}
.footer-banner-list table td.left{
    text-align:left;
}


.course div.description .banner-list{
  padding: 5px 0;
}
.course div.description .banner-list a:hover{
   text-decoration:none;
}

/* pagenavi*/
div.report-pagenavi {
    width: 610px;
}
div.report-pagenavi ul li.reportlist-button {
    float: left;
    list-style: none outside none;
    margin: 0 3px;
    padding: 0 0 8px;
}
div.report-pagenavi ul li.reportlist-button-now {
   /* background: url("icon_nowpage.png") no-repeat scroll center bottom rgba(0, 0, 0, 0);*/
}
div.report-pagenavi ul li.reportlist-button div {
    background-color: #fff;
    border: 3px solid #F5F5F1;
    border-radius: 4px;
    cursor: pointer;
    display: block;
    height: 17px;
    margin: 0;
    max-width: 18px;
    padding: 0;
    vertical-align: middle;
    width: 18px;
}
div.report-pagenavi ul li.reportlist-button input {
    background-color: #fff;
    border: medium none transparent;
    color: #7d765a;
    cursor: pointer;
    height: 15px;
    margin: 0;
    max-width: 18px;
    padding: 0;
    text-align: center;
    vertical-align: top;
    width: 18px;
    line-height:1em;
}
div.report-pagenavi ul li.reportlist-button input:hover {
    text-decoration:underline;
}
div.report-pagenavi ul li.reportlist-button-now div {
    border-color: #7b7660;
}
div.report-pagenavi ul li.reportlist-button div.reportlist-button-highlight, div.report-pagenavi ul li.reportlist-button div.reportlist-button-highlight input {
    background-color: #ff0000;
    color: #fff;
}

/*comment edit*/
.threadcomment-edit #Text_iframe{
    width: 486px;

}

/*tpanel, attend*/
.drawable.onlybody {
 background:none;
}

.popupmode #header,
.popupmode #footer,
.popupmode #pageheader-course,
.queryanswermode #header,
.queryanswermode #pageheader-course,
.queryanswermode #footer{
display:none;
}
.popupmode .pagebody,
.popupmode .drawable,
.queryanswermode .pagebody,
.queryanswermode .drawable{
background:none;
}

.queryanswermode div#container,
.queryanswermode div#pagebody{
width:auto;
}

div.drawable-l {
 width: 100%;
 margin: 0;
 padding: 22px 0px 20px;
}
div.drawable-l h1{
 width: 680px;
    margin: 12px auto 8px;
}

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

div.tpanel_screen{
 width:100%;
 position:absolute;
 text-align:center;
 top: 0px;
 z-index: 100;
}

div.tpanel_frame{
 margin-top: 80px;
 width: 662px !important;
 width: 320px;
 margin-left:auto;
 margin-right:auto;
}
div.tpanel_frame .attend-panel{
   background: url("bg_attend_panel_header.png") no-repeat scroll 0 0 transparent;
    padding-top: 20px;
    position: relative;
    width: 654px;
}
div.tpanel_frame .attend-panel-student{
background-color: #CDF69D;
border-color:#8CC62B;
}
div.tpanel_frame span.attend-number{
    left: 0;
    top: 0;
}
span.attend-number{
    background-color: #74C2EF;
    color: #FFFFFF;
    font-weight: bold;
    height: 20px;
    line-height: 20px;
    padding: 2px 1px;
    position: absolute;
    text-align: center;
    width: 35px;
}
.attend-status-a span.attend-number{
background-color: #6FC2F1;
}
.attend-status-b span.attend-number, .attend-panel-student span.attend-number{
background-color: #8CC62B;
}

div.tpanel_frame .attend-panel-body h3.notice, .attend-panel-survey  h3.notice{
color:#FB5C00;
font-size: 120%;
padding-bottom:10px;
}
div.tpanel_frame .attend-panel h2 , .attend-panel-survey h2{
background-color: #F8F8F8;
    border-left: 3px solid #74C2EF;
    color: #5A5A5A;
    font-size: 110%;
    margin-bottom: 10px;
    padding-left: 5px;
}
div.tpanel_frame .attend-panel-body{
 background: url("bg_attend_panel_body.png") repeat scroll 0 0 transparent;
    padding: 10px 35px 30px;
    text-align: left;
}
 .attend-panel .attend-panel-body p,
 .attend-panel .attend-panel-body ul li{
    padding-bottom:2px;
}
 .attend-panel .attend-panel-body div.description{
   padding:5px 8px;
}

div.tpanel_frame .attend-panel-teacher h1{
    border-left: 5px solid #74C2EF;
    margin-top: 0;
}
div.tpanel_frame .attend-panel-footer{
    background: url("bg_attend_panel_footer.png") repeat scroll 0 0 transparent;
    height: 33px;
    padding: 5px 5px 0;
    text-align: center;
}
.attend-course-info{
    border: 1px solid #6FC2F1;
    box-shadow: 1px 1px 1px #D9D9D9;
    margin: 0 auto 15px;
    padding-bottom: 10px;
    text-align: center;
    width: 300px;
}
.attend-course-info h3 {
    background: url("bg_attend-card-open_h3.gif") repeat scroll 0 0 transparent;
    height: auto !important;
    line-height: 25px;
    margin-bottom: 10px;
    min-height: 25px;
    overflow: hidden;
    padding: 2px 5px;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 290px;
   color: #3C3C3C;
}


.attend-panel-student .attend-course-info{
border-color:#74C2EF;
}
div.tpanel_frame .attend-card .attend-card-title, div.attend-card-result-list .attend-card .attend-card-title{
   width: 472px;
}
div.tpanel_frame .attend-panel .attend-card, div.attend-card-result-list  .attend-card{
   width: auto;
 background: none repeat scroll 0 0 #fff;
}

div.tpanel_frame .attend-panel .attend-card-info, div.attend-card-result-list .attend-card-info {
    float: none;
width:auto;
min-height:0;
}

div.tpanel_frame .attend-panel  .attend-card .attend-card-info table,
div.attend-card-result-list   .attend-card .attend-card-info table{
border-bottom:medium none;
}

 .attend-panel table.edit,
 .attend-panel table.stdlist{
   width:100%;

}
/*出席アンケート結果*/
 .attend-panel-survey  h3.notice{
}
.attend-panel-survey .answernum{
font-weight: bold;
    padding-bottom: 5px;
}
.attend-panel-survey .answer-box{
padding-bottom: 15px;
}
.attend-panel-survey .answer-box-left{
float: left;
    width: 200px;
}
.attend-panel-survey .answer-box-right{
float: left;
    width: 300px;
}
.answer-text-list{

}
.answer-text-list .answer-text{
border-bottom: 1px dotted #CCCCCC;
    padding: 5px;
}
.answer-text-list .answer-text-date{
width:140px;
color:#666666;
}


/*attend-card*/
ul.attend-card-view{
    display: inline-block;
    height: 30px;
    margin: 0 0 0 1px;
    padding-left: 59px;
    width: 100%;
}

ul.attend-card-view  li{
    float: left;
    margin-left: 0;
    margin-right: 10px;
    position: relative;
}
body ul.attend-card-view li{
    list-style: none outside none;
}
body ul.attend-card-view li span{
color: #666666;
    display: block;
    left: 93px;
    position: absolute;
    top: 7px;
}

ul.attend-card-view  a.selected{
background-color: #D2ECF9;

}
.attend-card-open ul.attend-card-view{
background:url("bg_attend-card-view-open.gif") no-repeat 0 0;
}
.attend-card-closed ul.attend-card-view{
background:url("bg_attend-card-view-closed.gif") no-repeat 0 0;
}
.attend-card-list{
width:660px;
margin:0 auto;
    padding: 10px 0 20px;
position:relative;
}
.attend-card-list .button-h1-right{
    top: 13px;
   right: 0;
   width:400px;
   font-weight:normal;
  font-size: 10pt;
}

.attend-card-open h2,.attend-card-closed h2{
    color: #666666 !important;
    font-size: 110%;
    border-left: 5px solid #6FC2F1;
    margin-bottom: 20px;
    padding-left: 7px;
}
.attend-card-open h2{
border-color:#6FC2F1;
}

.attend-card, .attend-query-edit{
    border-style: solid;
    border-width: 1px;
    margin: 0 0 10px 0;
    background: url("bg_attend-card.gif") repeat scroll 0 0 transparent;
}
.attend-status-a{
    border-color: #6FC2F1;
}
.attend-status-b{
    border-color: #8CC62B;
    background: none repeat scroll 0 0 #EEFFCC;
}
.attend-card .attend-card-info{
    float: left;
    min-height: 110px;
    width: 470px;
position: relative;
}
.attend-card .attend-card-type {
    height: 18px;
    position: absolute;
    right: 5px;
    top: 3px;
    width: 62px;
}
.attend-card .attend-card-menu{
    background-color: #F8F8F8;
    float: left;
    min-height: 80px;
    padding-top: 30px;
    text-align: center;
    width: 188px;
}



.attend-card .attend-card-title, .attend-query-edit .attend-card-title{
    background: url("bg_attend-card-open_h3.gif") repeat scroll 0 0 transparent;
    color: #666666;
    line-height: 24px;
    padding: 0 67px 0 43px;

    display: inline-block;
    height: 24px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: middle;
    white-space: nowrap;
    width: 360px;

}
.attend-card .attend-card-info b , .attend-query-edit .attend-card-info b{
font-size:120%;
}
.attend-card .attend-card-info table{
    border-bottom: 1px dotted #AAAAAA;
    border-collapse: collapse;
    color: #666666;
    margin: 7px 0 0 40px;
    width: 360px;
}


.attend-cardV2 .attend-status-e .attend-card-info table{
   height: 58px;
}
.attend-card .attend-card-info table th{
width: 5em;
}
.attend-card .attend-card-info table td{
    padding-bottom: 4px;
}
.attend-card .attend-card-memo{
    background: url("icon_attend_memo-on.gif") no-repeat scroll 0 3px transparent;
    color: #33AEE9;
    margin-left: 40px;
    padding: 3px 30px 3px 20px;
}
.attend-card .attend-card-memo-off{
background-image: url("icon_attend_memo-off.gif");
height:17px;
}
.attend-card .attend-card-number{
 font-size: 18px;
}
.attend-card .attend-card-number .attend-card-subcount {
 font-size: 12px;
}


span.attend-delete{
    bottom: 2px;
    position: absolute;
    right: 4px;
    vertical-align: text-top;
   display:block;
}

.attend-card .attend-card-end{
bottom: 3px;
    position: absolute;
    right: 8px;
}
.attend-card .attend-card-button, .stdlist-attendlist .attend-card-button{
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #556FB5;
    display: inline-block;
    font-size: 12px;
    height: 16px;
    margin-bottom: 5px;
    padding: 4px 6px;
}
.attend-card input.attend-card-button{
    height: 25px;
 cursor: pointer;
}
.attend-card .attend-card-menu a:hover{
text-decoration:none;
}
.attend-cardV2 .attend-card-main-en .attend-card-menu .attend-card-button {
    height: auto;
}


span.attend-card-students{
 color: #666666;
}
/*受付終了*/
.attend-card-closed h2{
 border-color: #FBB372;
}
.attend-status-e{
    border-color: #FBB372;
    background-color: #ffffff;
    width: auto;
clear: both;
    min-height: 0;
   position:relative
}
.attend-status-e span.attend-number{
    background-color: #FBB372;
}
.attend-status-e .attend-card-title {
background: url("bg_attend-card-closed_h3.gif") repeat scroll 0 0 transparent;
}
.pagebody .attend-status-e .attend-card-number{
color:#666666;
}
.attend-status-e .attend-card-memo{
color:#666666;
background-image: url("icon_attend_memo-closed.gif");
}
.attend-status-e .attend-card-memo-off{
background-image: url("icon_attend_memo-off.gif");
}


.attend-card-period{
color:#EC683F;
}

/*出席情報編集*/
.attend-card-closed .attend-card-edit-menu,.attend-card-result-list .attend-card-edit-menu{
    text-align: right;
   padding-bottom: 5px;
}
.attend-card-closed .attend-card-edit-order a:hover{
background-color: #D2ECF9;
text-decoration:none;
}
.attend-card-closed .attend-card-edit-order a.selected{
background-color: #D2ECF9;
}

.attend-card-closed .attend-card-edit-menu a{
margin-right:5px;
}

.attend-card-list .stdlist-coursemember{
   /*    margin-left: -40px;*/
  /*  width: 680px;*/
width: 660px;
}

#tpanel_frame table.stdlist-attendlist{
width: 100%;
}
table.stdlist-attendlist tr{
/*border-bottom: 1px dotted #CCCCCC;*/
}
table.stdlist-attendlist tr td{
border: medium none;
    padding: 2px 5px;
    text-align: left;
}
table.stdlist-attendlist td.small{
font-size: 80%;
}
body table.stdlist-attendlist td.no-right{
border-right:medium none;
}

table.stdlist-attendlist tr.not-attend{
background-color: #ebedef;
}
table.stdlist-attendlist tr.not-attend td{
color:#5a5a5a;
}
table.stdlist-attendlist tr.attend-hiliterow{
background-color: #f4fbe2;
}

table.stdlist-attendlist tr td.center{
text-align:center;
}
table.stdlist-attendlist  tr.title th{
border-right:none;
}
/*提出画面*/
.attend-panel-body ol.horizontal li {
	display: inline;
}
.attend-panel-body ol.horizontal li br {
	display: none;
}
.attend-panel-body ol.horizontal li .horizontal-marker {
	font-weight: bold;
}
.attend-panel-body ol.horizontal li.hori-first {
	margin-left: 0;
}
.attend-panel-body ol.horizontal li.hori-notfirst {
	margin-left: 1.5em;
}
.attend-panel-body form{
padding:0 0 15px 10px;
}
/*総合出席表ダウンロード*/
div.attend-card-result-list .attend-card{
 width: 582px;
   margin-bottom:0;
}
 div.attend-card-result-list .attend-card .attend-card-title a{
    color: #666666;
    text-decoration: underline;
}
 div.attend-card-result-list .attend-card .attend-card-type{
    color: #666666;
    width: auto;
}


 div.attend-card-result-list .attend-card .attend-card-info table{
    height: auto;
    margin-left:0;
    width: auto;
}

 div.attend-card-result-list .attend-card .attend-card-info table th{
    font-size: 11px;
    text-align: right;
    width: 45px;
}
 div.attend-card-result-list .attend-card .attend-card-info table  .attend-card-memo{
 margin-left:0;
}

 div.attend-card-result-list .attend-card .attend-card-info table th p{
   color:#999999;
}



/*コーストップ*/
.attend-menu,.coursememberlist-menu{
    background: url("bg-attend-menu.gif") no-repeat scroll 0 0 transparent;
    float: left;
    height: 26px;
    margin-bottom: 12px;
    margin-right: 18px;
    padding: 6px 0 0 40px;
    width: 291px;
   margin-top: 5px;  
}
.coursememberlist-menu{
    background: url("bg-coursemember-menu.gif") no-repeat scroll 0 0 transparent;
    margin-right: 0;
    float: right;
}
.attend-menu a, .coursememberlist-menu a{
padding-right:10px;
}
/*速報-------*/

#sokuhou-content{
    margin: 0 auto;
    position: relative;
    width: 1000px;
}
#sokuhou-header {
    background: url("bg_sokuhou_header.gif") repeat scroll 0 0 transparent;
    height: 120px;
}

#sokuhou-pagebody {
    background: url("bg_sokuhou_body.gif") repeat scroll 0 0 transparent;
    height: 565px;
    padding: 10px 10px 10px;
}
#sokuhou-footer {
    background: url("bg_sokuhou_footer.gif") no-repeat scroll 0 0 transparent;
    border-width: 0 1px;
    display: block;
    height: 30px;
    margin: auto;
    padding-top: 10px;
    text-align: center;
    width: 1000px;
}

/*------------------------------------
#header .course-info
------------------------------------ */
#sokuhou-header .course-info{
    height: 60px;
    position: relative;
}

#sokuhou-header .course-info .attend-cardnum{
    color: #FFFFFF;
    font-size: 25px;
    font-weight: bold;
    height: 32px;
    left: 0;
    padding: 20px 21px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 47px;
}

#sokuhou-header .course-info .course-name{
    display: block;
    font-size: 35px;
    left: 90px;
    overflow: hidden;
    position: absolute;
    text-overflow: ellipsis;
    top: 15px;
    white-space: nowrap;
    width: 600px;
}

#sokuhou-header  .course-info .course-name .course-code{
    font-size: 22px;
    display: inline-block;
    padding-right: 15px;
}


#sokuhou-header .course-info .course-date{
    font-size: 15px;
    height: 10px;
    left: 700px;
    padding-left: 10px;
    position: absolute;
    top: 15px;
    width: 280px;
}

#sokuhou-header  .course-info .course-date span, span.course-student-num{
    display: inline-block;
    padding-right: 15px;
}

#sokuhou-header .course-info .course-teacher{
    font-size: 15px;
    left: 700px;
    overflow: hidden;
    padding-left: 10px;
    position: absolute;
    text-overflow: ellipsis;
    top: 35px;
    white-space: nowrap;
    width: 250px;
}


/*------------------------------------
#header .attend-info
------------------------------------ */

#sokuhou-header  .attend-info{
   height: 60px;
   position: relative;
}

#sokuhou-header .attend-info .attend-receiptnum{
   font-size: 22px;
    left: 90px;
    position: absolute;
    top: 1px;
    width: 300px;
}
#sokuhou-header .attend-info .attend-receiptnum span{
    font-size: 40px;
}

#sokuhou-header .attend-info .attend-state {
    font-size: 30px;
    height: 28px;
    left: 450px;
    position: absolute;
    text-indent: -9999px;
    top: 12px;
    width: 65px;
}
#sokuhou-header .attend-info .attend-state-a{
    background: url("/icon_attend_on-ja.gif") repeat scroll 0 0 transparent;
    color: red;
}
#sokuhou-header .attend-info .attend-state-a-ja{
    background: url("/icon_attend_on-ja.gif") repeat scroll 0 0 transparent;
    color: red;
}
#sokuhou-header .attend-info .attend-state-a-en{
    background: url("/icon_attend_on-en.gif") repeat scroll 0 0 transparent;
    color: red;
}

#sokuhou-header .attend-info .attend-animation{
    width: 50px;
    font-size: 30px;
    position: absolute;
    top: 10px;
    left: 600px;
}
#sokuhou-header  .attend-result-url{
    background-color: #EFEFEF;
    border: 2px solid #B3B3B3;
    border-radius: 5px 5px 5px 5px;
    font-size: 22px;
    left: 530px;
    max-width: 310px;
    padding: 2px 10px;
    position: absolute;
    top: 7px;
}
#sokuhou-header .attend-infoV2 .attend-state{
   top: 12px;
   right: 166px;
  left: auto;
}
#sokuhou-header .attend-infoV2  .attend-result-url{
    background-color: #F6FFE2;
    font-size: 30px;
    padding: 0 10px;
    right: 296px;
    top: 4px;
  left: auto;
}
#sokuhou-header .attend-infoV2 .attend-result-urlV2 {
    font-size: 25px;
    max-width: 355px;
    right: 255px;
    top: 6px;
}

/*------------------------------------
attend-end-button
------------------------------------ */
#sokuhou-header  .attend-end-button{
    height: 34px;
    position: absolute;
    right: 30px;
    top: 69px;
    width: 112px;

}

/*------------------------------------
#footer
------------------------------------ */
#sokuhou-footer .footer-info{
    display:inline-block;
    padding: 5px 0;
}
/*------------------------------------
sokuhou-end
------------------------------------ */
.sokuhou-content-close #sokuhou-header{
    background-image: url("bg_sokuhou_header-close.gif");
}

.sokuhou-content-close #sokuhou-header .attend-info .attend-state-e {
    background-image: url("icon_attend_off-ja.gif");
    width: 80px;
}
.sokuhou-content-close #sokuhou-header .attend-info .attend-state-e-ja {
    background-image: url("icon_attend_off-ja.gif");
    width: 80px;
}
.sokuhou-content-close #sokuhou-header .attend-info .attend-state-e-en {
    background-image: url("icon_attend_off-en.gif");
    width: 80px;
}

.sokuhou-content-close #sokuhou-pagebody {
    background-image: url("bg_sokuhou_body-close.gif");
}
.sokuhou-content-close  #sokuhou-footer{
    background-image: url("bg_sokuhou_footer-close.gif");
}
/*------------------------------------
attend-qr
------------------------------------ */
#attend-qr-content{
    margin: 0 auto;
    position: relative;
    width: 700px;
}
#attend-qr-content #attend-qr-header{
    background: url("bg_attend_qr_header.gif") repeat scroll 0 0 transparent;
    min-height: 48px;
}
#attend-qr-content #attend-qr-body{
    background: url("bg_attend_qr_body.gif") no-repeat scroll 0 0 transparent;
    font-size: 18px;
    padding: 30px 10px 10px;
    text-align: center;
}
#attend-qr-content #attend-qr-footer{
background: url("bg_attend_qr_footer.gif") no-repeat scroll 0 0 transparent;
    height: 30px;
    padding-top:10px;
    text-align: center;
}

#attend-qr-header .course-info{

}
#attend-qr-header .attend-cardnum{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: bold;
    height: 28px;
    left: 0;
    padding: 18px 15px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 47px;
}
#attend-qr-header .course-name{
    font-size: 16px;
    font-weight: bold;
    padding: 20px 355px 0 61px;
}
#attend-qr-header .course-name .course-code{

}
#attend-qr-header .course-date-teacher{
    left: 355px;
    position: absolute;
    top: 20px;
}
/*-------------------------------
attend-query-----------------*/
.attend-query-edit{
    background: none repeat scroll 0 0 transparent;
    margin: 15px auto;
    width: 598px;
}
.attend-query-edit .attend-card-info{
    width: auto;
}
.attend-query-edit .attend-card-title{
    width: 488px;
}
.attend-query-edit .attend-query-edit-body{
    padding: 0 30px 20px 60px;
}


.attend-query-edit .attend-query-edit-body p{
padding: 15px 0;
}
.attend-query-edit .attend-query-edit-form{
    position: relative;
    padding-bottom: 10px;
}

.attend-query-edit  input.attend-query-delete{
    position: absolute;
    right: 5px;
    top: 0;
}
.attend-query-edit  .attend-card-info table.attend-query-edit-table{
    background-color: #F5F5F5;
    border-bottom: 0 none;
    margin-left: 0;
    width: 420px;
    color: #3C3C3C;
}
.attend-query-edit  .attend-card-info table input.querytitle,
.attend-query-edit  .attend-card-info table textarea{
    background-color: #FFFFFF;
    width: 280px;
    margin-left: 0;
}
.attend-query-edit  .attend-card-info table div.input{
background:none;
}


.attend-query-edit  .attend-card-info table h3{
color:#0a95d7;
font-weight:bolf;
font-size:16px;
}

.attend-query-edit  .attend-card-info table th{
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 5px;
    width: 100px;
}
.attend-query-edit  .attend-card-info table td{
    padding-bottom: 10px;
    padding-top: 5px;
}
.attend-query-edit  .attend-query-edit-footer{
    background-color: #F5F5F5;
    padding: 10px;
    text-align: center;
}
body .attend-panel ul.errmsg li{
list-style-image: url("/icon-stop.gif");
}
div.tpanel_frame .attend-panel-preview{
padding-top:0;
}

.attend-panel-preview .attend-panel-header{
    padding: 20px 20px 10px;
    text-align: center;
}
div.tpanel_frame .attend-panel-preview .attend-panel-body{
padding-top:20px;
}
div.tpanel_frame .attend-panel-preview div#forminsert {

}

.attend-panel-preview div#forminsert h3 {
    font-weight: bold;
    margin: 0 auto;
    width: 280px;
    color: #449900;
    padding-bottom: 5px;
}
.attend-panel-preview  table.surveytable {
    margin: 0 auto;
    width: 280px;
}

.attend-panel-preview tr.free-survey-textarea textarea {
    height: 70px;
    width: 280px;
}
select.attend-courselist{
    text-overflow: ellipsis;
    width: 300px;
}

/*tpanel, attend end*/

/*send message*/
.pageheader .pageheader-button-long{
   height: 22px;
    left: 463px;
    width: 110px;
}

/*respon*/
/*respon-card*/
.respon-card-open div, .respon-card-closed div, 
.respon-card-open h2,.respon-card-closed h2,
.respon-card-open .attend-card .attend-card-info table,
#attend-qr-content{
   color: #453E30;
}

.respon-card-open a:link,
.respon-card-closed a:link,
.respon-card-open a:visited,
.respon-card-closed a:visited,
#attend-qr-content a
{
 color:#009AF3;
}

.respon-card-open h2{
  border-color:#f08200;
}
.respon-card-open .attend-status-a{
   border-color:#F3B200;
}
.respon-card-open .attend-status-a span.attend-number{
   background-color:#F3B200;
}

.respon-card-open  .attend-card .attend-card-title,
.respon-card-open  .attend-query-edit .attend-card-title{
   background-image:url(bg_respon-card-open_h3.gif);
}
.respon-card-open ul.attend-card-view{
  background-image:url(bg_respon-card-view-open.gif);
}
.respon-card-closed ul.attend-card-view{
  background-image:url(bg_respon-card-view-closed.gif);
}

.respon-card-closed h2,
.respon-card-closed .attend-status-e{
   border-color:#949494;
}
.respon-card-closed .attend-status-e span.attend-number{
   background-color:#949494;
}

.respon-card-closed  .attend-card .attend-card-title{
   background-image:url(bg_respon-card-closed_h3.gif);
}
.respon-card-closed ul.attend-card-view{
  background-image:url(bg_respon-card-view-closed.gif);
}

.dm-panel .dm-panel-body{
 max-height: 400px;
 overflow-y: auto;
 padding: 30px;
 background-color:#fff;
}
.dm-panel .dm-panel-footer{
 background-color: #EEEEEE;
 padding: 5px 0;
 text-align: center;
}
div.tpanel_frame .respon-attend-panel h2 {
 color: #f08200;
 border:medium none;
 background-color:#fff;
 font-size:120%;
}
div.tpanel_frame .respon-attend-panel .attend-panel-body h3.notice {
 color: #453e30;
 font-size:100%;
}
div.tpanel_frame .respon-attend-panel .dm-panel-body {
 text-align: left;
 padding-left: 30px;
}
div.tpanel_frame .respon-attend-panel .dm-panel-body ul li{
 list-style: inside url("marker-diamond-respon.gif") disc
}


/*attend card V2*/

.attend-cardV2{
    /*position: relative;*/
    background-image:url(bg_attend-cardV2.gif);
}
.attend-cardV2 .attend-card-info {
    width:400px;
   min-height: 90px;
}
.attend-cardV2 .attend-card-main{
   float:left;
   width:530px;
  position:relative;
}
.respon-card-open .attend-cardV2 .attend-card-main{
   border-right: 1px solid #f3b200;
}
.respon-card-closed .attend-cardV2 .attend-card-main{
   border-right: 1px solid #949494;
}
.respon-card-closed .attend-cardV2 .attend-card-dl{
   border-top: 1px solid #949494;
   padding:2px 0;
  background-color:#F8F8F8;
    text-align: center;
  position:relative;
}


.attend-cardV2 .attend-card-menu{
    width: 130px;
    padding-top: 10px;
    background-color:#fff;
}
.attend-cardV2 .attend-card-edit{
   width:127px;
   float:left;
   background-color:  #f8f8f8;
    height:100%;
}
.attend-cardV2 .attend-card-info table th{
    text-align: left;
    width: 5em;
}
.attend-cardV2 .attend-card-info table{
       width: 360px;
}
.respon-card-open .attend-cardV2  .attend-card-memo-off,
.respon-card-open .attend-cardV2 .attend-card-memo{
  margin-left:0;

}
.respon-card-open .attend-cardV2 .attend-card-memo{
    background-image: url("icon_respon_memo-on.gif");
     color:#453e30;
}
.respon-card-open .attend-cardV2 .attend-card-memo-off {
    background-image: url("icon_attend_memo-off.gif");
}


.attend-cardV2 .attend-card-deadline{
    color:#888888;
    text-align:right;
    padding-right: 10px;
}
.attend-cardV2 .attend-card-title{
      width: 420px;
}
.attend-cardV2 .attend-card-type{
   right: 5px;
}
.attend-cardV2 .attend-card-info table td{
}

.attend-cardV2 .respon-player-status{
    color: #ef8200;
    left: 283px;
    position: absolute;
    text-align: center;
    top: 10px;
    width: 127px;
}
  .attend-card-edit-box{
    background-color: #fff;
    border: 1px solid #d7d7d6;
    margin: 3px;
}
  .attend-card-edit-box .attend-card-edit-box-header{
    background: none repeat scroll 0 0 #ececec;
    padding: 3px 5px;
       position: relative;
}
    .attend-card-edit-box   .attend-card-edit-box-body{
    min-height: 70px;
    padding: 5px;
    text-align: center;
}

  .attend-card-edit-box .attend-card-edit-box-header .attend-card-button{
    display: block;
    line-height: 1.4em;
    padding: 2px 3px;
    position: absolute;
    right: 6px;
    top: 0;
}

.attend-cardV2 .attend-card-menu .attend-card-button{
    width: 8em;
}
.attend-cardV2 .attend-card-menu .attend-card-button-close{
   background-color:#ebebeb;
}
.respon-card-closed .attend-cardV2  span.attend-delete {
    right: 4px;
    top: 2px;
}

.respon-card-open .attend-card .attend-card-number,
.attend-qr-respon #attend-qr-body span.attend-card-number {
   background-color: #face20;
    border-radius: 15px;
    display: inline-block;
    margin-right: 15px;
    padding: 0 20px;
    color:#453e30;
     font-weight: normal;
}
.respon-card-open .attend-card-number.attend-card-numberV2{
    margin-right: 0;
    vertical-align: middle;
}

.attend-card-list .grade-edit dl {
    padding: 10px;
}
.attend-card-list .grade-edit dl dt {
    font-weight: bold;
    margin-bottom: 5px;
}
.attend-card-list .grade-edit dd {
    padding-bottom: 10px;
    padding-left: 20px;
}
.attend-card-list .grade-edit dd img {
    margin-right: 3px;
}
.attend-card-list .grade-edit dd input {
    margin-left: 0;
}
.attend-card-list .grade-edit dd:first-child {
    padding-left: 3px;
}
.attend-card-list .grade-edit-status {
    border-color: #babfc4;
    border-image: none;
    border-style: solid;
    border-width: 0 1px 1px;
    padding: 5px;
    text-align: center;
}
.attend-card-list .grade-edit p {
    padding-top: 5px;
}
#sokuhou-content.sokuhou-respon {
    color: #453e30;
}
.sokuhou-respon #sokuhou-header {
    background-image: url("bg_sokuhou_header_respon.gif");
}

.sokuhou-respon #sokuhou-header .attend-info .attend-receiptnum{
   top:5px;
}

.sokuhou-respon #sokuhou-pagebody {
    background-image: url("bg_sokuhou_body_respon.gif");
}
.sokuhou-respon #sokuhou-footer {
    background-image: url("bg_sokuhou_footer_respon.gif");
}
.sokuhou-respon #sokuhou-header .attend-info .attend-receiptnum span {
    font-size: 32px;
}
.sokuhou-respon-close #sokuhou-header {
    background-image: url("bg_sokuhou_header_respon_closed.gif");
}
.sokuhou-respon-close #sokuhou-pagebody {
    background-image: url("bg_sokuhou_body_respon_closed.gif");
}
.sokuhou-respon-close #sokuhou-footer {
    background-image: url("bg_sokuhou_footer_respon_closed.gif");
}

span.callnumber-first, span.callnumber-mid {
    margin-right : 0.3em;
}
.attend-panel ul.prefmenu li{
   padding-bottom:0;
}
.sokuhou-respon .attend-card-number{
    background-color: #face20;
    border-radius: 15px;
    color: #453e30;
    display: inline-block;
    font-weight: normal;
    margin-right: 15px;
    padding: 0 20px;
}


.attend-qr-respon #attend-qr-content #attend-qr-header{
    background-image: url("bg_attend_qr_header_respon.gif");
}
.attend-qr-respon #attend-qr-content #attend-qr-body{
    background-image: url("bg_attend_qr_body_respon.gif");
}
.attend-qr-respon #attend-qr-content #attend-qr-footer{
background-image: url("bg_attend_qr_footer_respon.gif");
}


.respon-card .attend-course-info{
    color: #453e30;
    border: 1px solid #face20;
}
.respon-card .attend-course-info h3 {
    background-image: url("bg_respon-card-open_h3.gif");
    color: #453e30;
    margin-top: 0;
}
.respon-card  div#forminsert h3{
    border-bottom: 2px dotted #f3b200;
    border-top: 2px dotted #f3b200;
    color: #453e30;
    font-weight: bold;
    margin: 20px auto 5px;
}



/*return collection*/
div.attachments table.stdlist{
 width:100%;
}
div.attachments .collectionauthor{
 width:auto;
  padding-top:5px;
}

/* sp link*/
#orgheader .header-sp-link {
    background-color: #ff906d;
    border-radius: 8px;
    font-size: 12px;
    font-weight: bold;
    padding: 3px;
    position: absolute;
    right: 0;
    text-align: center;
    text-indent: 0;
    top: 5px;
    width: 180px;
}
#orgheader .header-sp-link  a,body .header-sp-link-l a{
   color:#fff;
}


body .header-sp-link-l {
    background-color: #ff906d;
    font-size: x-large;
    font-weight: bold;
    padding: 0.5em;
    text-align: center;
    text-indent: 0;
}

/* mypage banner list*/

.info-list-card-l{
   background: #fff url("bg-info-list-card-l.gif") no-repeat scroll 0 0;
    margin-top: 16px;
    width: 100%;
    height: auto;
}

.info-list-card-l ul {
    height: auto;
    padding-left: 0;
}

.info-list-card-l ul li{
    background-image: none;
    border: medium none;
    display: inline-block;
    height: auto;
    list-style: outside none none;
    padding: 0 15px 5px 0;
    width: auto;
}
.info-list-card-l ul li table td{
    padding-right: 5px;
    vertical-align: top;
}

.info-list-card-l h2 {
}
.asadigi-link h3 {
    background: rgba(0, 0, 0, 0) url("/bg_h3_asadigi.png") no-repeat scroll 0 0;
    height: 26px;
    margin-top: 0;
    text-indent: -9999px;
    width: 189px;
}
.info-list-card-l .info-list-card-body{
    border-left: 1px solid #a9a9a9;
    border-right: 1px solid #a9a9a9;
    padding: 10px 0 0 10px;
}
.info-list-card-l .info-list-card-footer{
    background: #fff url("bg-info-list-card-l-footer.gif") repeat scroll 0 top;
    height: 11px;
}

/*drive file list*/

.googledrive-filelist{
   padding:2px;
   border-bottom:1px dotted #ccc;
}
#ryugaku-body,#shortprogram-body{
    padding-bottom: 20px;
}

#ryugaku-body ul,
#shortprogram-body ul{
    padding: 10px 10px 10px 50px;
    text-align: left;
}
#ryugaku-body ul li,
#shortprogram-body ul li{
    line-height: 1.8em;
}
#ryugaku-body ul li img,
#shortprogram-body ul li img{
padding-right:5px;
}

.alert-link {
    background-color: #ffe9ce;
    margin: 10px 0;
    padding: 2px;
    text-align: center;
}
.alert-link a {
    color: #ec683f;
    font-weight: bold;
}


.admin table.admin-statuslist tr td, #admin table.admin-statuslist tr th {
    text-align: center;
}
/*respon new admin*/

body.responresultform {
    background-color: #face20;
    height: 100%;
    overflow: hidden;
}
.respon-version {
    color: #888888;
    position: absolute;
    right: 35px;
    top: 10px;
}
body.responresultform #container, 
body.responresultform .course #pagebody, 
body.responresultform .course #pagebody div, 
body.responresultform .course #pagebody div.drawable, 
body.responresultform .sokuhou-pagebodyV2 {
    height: 100%;
    padding: 0;
    width: auto;
}
body.responresultform .course #pagebody div.drawable{
   height:100% !important;
}

div.respon-alert {
    background-color: #ffe9ce;
    color: #F08200;
    font-weight: bold;
    padding: 5px 10px;
}
.attend-cardV2 .attend-card-menu .attend-card-button-reuse {
    background-color: #fff2c1;
}
div#tpanel_frame div.attend-qr-content,div.v2 div#attend-qr-content::after {
    position: absolute;
    right: -50px;
    top: -25px;
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 20px;
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    content:"×";
}


/*open colldatalist*/
table.open-colldatalist tr td,
table.open-colldatalist tr th{
  border-left:medium none;
   border-right:medium none;
}
table.open-colldatalist  td.colldate,
table.open-colldatalist  th.colltitle,
table.open-colldatalist  th.colldate{
   text-align:left;
}
.open-colldatalist th.colltitle {
  width: 470px;
  padding-left: 40px;
}
table.open-colldatalist th.colldate{
  width: 145px;
}