@charset "utf-8";

div,span,td,th,caption,input,textarea { font-size:12px; font-family:ＭＳ Ｐゴシック, sans-serif; line-height:120%; }
body { background-color:lightgray; background-image:url(../img/common/back.gif); margin:0px; text-align:center; }
img { border:0px; }
a { color:#0092ba; }
hr{	height:1px; border-top:solid 1px #fff; border-bottom:dotted 1px #B3B3B3; clear:both; }
form { margin:10px 0px; clear:both; }
h1 { color:#333; font-size:14px; font-weight:bold; }
h2 { display:inline; color:#666; font-size:13px; }
table { border-collapse:collapse; }
th { text-align:left; font-weight:normal; }
p { margin:5px 0px; padding:0px; }

div.link { float:right; }
tbody.number td { text-align:right; }
td.number { text-align:right; }
td.string { text-align:left; }
.inactive { color:#ccc; }

div.page { width:780px; background-color:white; margin:0px auto; text-align:left; }
div.header { background-color:white; clear:both; }
div.header .link img { margin: 4px 10px; }
img.logo { display:block; }
div.contentheader { border-width:0px 8px; border-color:#85c8f2; border-style:solid; background-color:#b8dfff; text-align:right; }

div.title { border-width:0px 8px; border-style:solid; border-bottom: 1px dotted #ccc; background-color:#f5f5f5; }
div.title .link { margin: 0px 3px 0px 0px; }

div.body { border-width:0px 8px; border-style:solid; padding:0px 10px; }
div.body .content { width:100%; padding:10px 0px; }

div.box-half { float:left; width:50%; }
div.two-columns div.column-left { float:left; width:50%; }
div.two-columns div.column-right { float:left; width:50%; }
div.column-left div.content { padding-right:5px; }
div.column-right div.content { padding-left:5px; }
div.two-columns table.table { margin:10px 0px 0px; }

div.footer { border-width:0px 8px; border-color:#85c8f2; border-style:solid; background-color:#b8dfff; clear:both; font-size:10px; color:white; }
.copyright { padding:2px; }

caption { text-align:left; }
caption .status { float:right; margin-right:10px; }

img.bullet { margin:0px 3px 0px 10px; vertical-align:middle; }
img.smallicon { margin:0px 5px; vertical-align:middle; }

table.table { border: 1px solid #ccc; width:100%; margin:10px 0px; clear:both; }
table.table td { border: 1px solid #ccc; padding: 2px; }
table.table th { border: 1px solid #ccc; padding: 2px; background-color:#e0eeff; }

table.analysis { border: 1px solid #ccc; width:100%; clear:both; }
table.analysis td { border: 1px solid #ccc; padding: 5px 3px; }
table.analysis th { border: 1px solid #ccc; padding: 5px 3px; background-color:#e0eeff; }

table.line { border-collapse:collapse; width:100%; margin:10px 0px; clear:both; }
table.line th { border-bottom:dotted 1px #B3B3B3; background-color:#E0EEFF; padding:5px 3px; text-align:left; font-weight:normal; border-right:1px solid #fff; }
table.line img { margin:4px 4px 4px 0px; }
table.line td { border-bottom:dotted 1px #B3B3B3; padding:5px 3px; }

table.schedule { border: 1px solid #ccc; width:100%; margin:10px 0px; }
table.schedule td { border: 1px solid #ccc; padding: 5px 3px; height:50px; vertical-align:top; }
table.schedule th { border: 1px solid #ccc; padding: 5px 3px; background-color:#eee; text-align:center; }
table.schedule th.w1 { color:#ff0033; }
table.schedule th.w7 { color:#4a81bd; }
table.schedule td a { color:#666666; }
table.schedule td.w1 a { color:#ff0033; }
table.schedule td.w7 a { color:#4a81bd; }
table.schedule td a.pale { color:#bbbbbb; }
table.schedule td a.sked { color:#0092ba; }

tr.toberead td { font-weight:bold; }

div.node { margin-left:25px; }
div.nodetitle { margin: 10px 0px; width: 100%; border-bottom:1px dotted #ccc; }
div.nodeedit { float:right; }

/* box */

div.box { border-top:1px solid #547d6a; clear:both; }
div.box-login .title { border-color:#5cab99; }
div.box-login .body { border-color:#6abaa1; }

div.box-home { height:250px;overflow:hidden; } /* 250px->160px->250px */
div.box-home-left { float:left; width:70%; }
div.box-home-right { float:left; width:30%; }

div.box-home-info { border-top:1px solid #547d6a; border-right:1px solid #547d6a; }
div.box-home-info .title { border-color:#5cab99; border-width:0px 0px 1px 8px; }
div.box-home-info .body { border-color:#6abaa1; border-width:0px 0px 0px 8px; height:250px; padding:0px 10px; }
div.box-home-info td { height:30px; }

div.box-home-id { border-top:1px solid #547d6a; }
div.box-home-id .title { border-color:#d94a9d; border-width:0px 8px 1px 0px; background-color:#fffaf0; }
div.box-home-id .body { border-color:#e54eae; border-width:0px 8px 0px 0px; height:90px; } /* 50px -> 250px -> 90px */
div.box-home-id p { margin:5px 0px; }

div.box-home-msg { border-top:1px solid #547d6a; }
div.box-home-msg .title { border-color:#b34cb5; border-width:0px 8px 1px 0px; }
div.box-home-msg .body { border-color:#c879ca; border-width:0px 8px 0px 0px; height:90px; }/* 45px -> 90px */

div.box-home-bbs { border-top:1px solid #547d6a; }
div.box-home-bbs .title { border-color:#ffcb21; border-width:0px 8px 1px 0px; }
div.box-home-bbs .body { border-color:#ffda21; border-width:0px 8px 0px 0px; height:50px; }
div.box-home-bbs form { margin:5px 0px; }
select.bbs-course { width:150px; }

div.box-info { border-top:1px solid #547d6a; }
div.box-info .title { border-color:#5cab99; }
div.box-info .body { border-color:#6abaa1; }
div.box-info h3 { display:inline; color:#666; font-size:13px; margin-right:12px; }
div.box-info td { height:30px; }
input.info-subject { width:320px; }
textarea.info-body { width:320px; height:160px; line-height:140%; }

div.box-login { border-top:1px solid #547d6a; }
div.box-login .title { border-color:#5cab99; }
div.box-login .body { border-color:#6abaa1; }

div.box-menu { border-top:1px solid #547d6a; }
div.box-menu .title { border-color:#50b1cc; }
div.box-menu .body { border-color:#57c0de; clear:both; }

div.menuitem { float:left; width:100px; height:85px; text-align:center; margin:10px 0px; }
div.menuitem h3 { margin:4px 0px; font-size:12px;}

div.box-schedule { border-top:1px solid #547d6a; clear:both; }
div.box-schedule .title { border-color:#4a81bd; }
div.box-schedule .body { border-color:#5798de; }
input.schedule-title { width:300px; }
textarea.schedule-detail { width:500px; height:150px; line-height:140%; }

div.box-learning { border-top:1px solid #547d6a; clear:both; }
div.box-learning .title { border-color:#50b1cc; }
div.box-learning .body { border-color:#57c0de; }

div.box-user { border-top:1px solid #547d6a; }
div.box-user .title { border-color:#4a81bd; }
div.box-user .body { border-color:#5798de; }

div.box-mail { border-top:1px solid #547d6a; }
div.box-mail .title { border-color:#4a81bd; }
div.box-mail .body { border-color:#5798de; }

div.box-report { border-top:1px solid #547d6a; }
div.box-report .title { border-color:#d94a9d; }
div.box-report .body { border-color:#e54eae; }

div.box-course { border-top:1px solid #547d6a; }
div.box-course .title { border-color:#50b1cc; }
div.box-course .body { border-color:#57c0de; }

div.box-progress { border-top:1px solid #547d6a; }
div.box-progress .title { border-color:#ffb300; }
div.box-progress .body { border-color:#ffd000; }

div.box-usercourse { border-top:1px solid #547d6a; }
div.box-usercourse .title { border-color:#ffb300; }
div.box-usercourse .body { border-color:#ffd000; }

div.box-qa { border-top:1px solid #547d6a; }
div.box-qa .title { border-color:#3fb09b; }
div.box-qa .body { border-color:#5bc2a4; }
div.box-qa-tree { float:left; width:30%; }
div.box-qa-main { float:left; width:70%; }
input.qa-sortitem { width:350px; }
input.qa-sortcategory { width:100px; }
textarea.qa-question { width:450px; height:120px; }

div.box-log { border-top:1px solid #547d6a; }
div.box-log .title { border-color:#b34cb5; }
div.box-log .body { border-color:#c879ca; }

div.box-master { border-top:1px solid #547d6a; }
div.box-master .title { border-color:#b4e805; }
div.box-master .body { border-color:#d2ee8c; }

div.box-message { border-top:1px solid }
div.box-message .title { border-color:#b34cb5; }
div.box-message .body { border-color:#c879ca; }
div.box-message-menu { float:left; width:20%; }
div.box-message-main { float:left; width:80%; }
div.box-message-menu p { margin:10px 0px; }
input.msg-to { width:350px; }
input.msg-subject { width:450px; }
textarea.msg-body { width:450px; height:200px; }

div.box-bbs { border-top:1px solid #547d6a; }
div.box-bbs .title { border-color:#ffcb21; }
div.box-bbs .body { border-color:#ffda21; }
input.bbs-title { width:450px; }
textarea.bbs-body { width:550px; height:160px; line-height:140%; }
div.bbs-writer { text-align:right; color:#999; }

div.info { border:1px solid #999; padding:10px; margin:10px; line-height:140%; }
div.info h2 { color:#3e7d60; }

span.calendar { position:relative; }
span.calendar div.calendar { position:absolute;top:25px;left:0px; z-index:2; }
span.calendar table * { font-size:12px; cursor:pointer; }
span.calendar table { position:absolute; border-collapse:collapse; border:1px solid #999; width:160px; }
span.calendar thead { background-color:#33c; }
span.calendar td { border:0px; }
span.calendar tbody { background-color:#fff; }
span.calendar tbody td { background-color:#fff; text-align:right; width:22px; }
span.calendar thead td { background-color:#33c; text-align:center; color:#fff; font-weight:bold; }
span.calendar thead span { color:#fff; font-weight:bold; }
span.calendar thead td.w1 { background-color:#f44; border-bottom:1px solid #999; }
span.calendar thead td.w2 { background-color:#aaa; border-bottom:1px solid #999; }
span.calendar thead td.w3 { background-color:#44f; border-bottom:1px solid #999; }
span.calendar tbody td.w1 { color:#f00; }
span.calendar tbody td.w2 { color:#000; }
span.calendar tbody td.w3 { color:#00f; }
span.calendar tbody td.x1 { color:#fcc; }
span.calendar tbody td.x2 { color:#ccc; }
span.calendar tbody td.x3 { color:#ccf; }
span.calendar select { position:absolute; top:15px; left:0px; }
span.calendar thead span { position:relative; margin:0px 2px; }
span.calendar input.date { width:75px; }
span.calendar button { width:20px; }

input.loginId { width:100px; ime-mode:disabled; }
input.password { width:100px; ime-mode:disabled; }
input.shortname { width:50px; ime-mode:active; }
input.name { width:100px; }
input.email { width:150px; ime-mode:disabled; }
input.date { width:80px; ime-mode:disabled; }
input.time { width:70px; ime-mode:disabled; }

span.note { color:#666; margin:0px 10px; }
.attention { color:#f33; }
p.explanation { padding:10px; background-color:#fee; }

.hidden { display:node; }

.qstnno{ width:38px; height:28px; background-color:#FF8040;	margin-right:5px; margin-bottom:10px;
	font-weight:bold; font-family:"Times New Roman", Times, serif; font-size:24px;
	color:#fff; text-align:center; vertical-align:middle; float:left; display:inline; }
.qstnno2 { font-weight:bold; font-family:"Times New Roman",Times, serif; font-size:14px; color:#666; display:inline; }
.question{ font-size:14px; line-height:180%; }
div.time { width:120px; height:20px; border:solid 1px #999; background-color:#fff; float:right; margin-left:10px; text-align:center; display:inline; }
input.lefttime { width:50px; border-width:0px; }
.choices { font-size:14px; margin-left:15px; }
.correct { font-weight:bold; color:#FF3040; }
.incorrect { font-weight:bold; color:#0000AA; }
.choice { color:#008EE5; text-align:center; }
.congratulation { font-size:16px; font-weight:bold; color:#FF3040; }

\:* { behavior:url(#default#VML); }

div.ssl{width:780px; margin:5px auto; text-align:left;}
td.komoji{font-size:10px; font-family:ＭＳ ゴシック; color:#666666;}