@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font: inherit; font-size: 100%; vertical-align: baseline; }

html { line-height: 1; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; vertical-align: middle; }

q, blockquote { quotes: none; }
q:before, q:after, blockquote:before, blockquote:after { content: ""; content: none; }

a img { border: none; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; }

a.blank { padding: 0 20px 0 0; background: url(../images/basic/blank_link.png) no-repeat right center; }

.clear { clear: both; }

.pl20 { padding-left: 20px !important; }

.pr20 { padding-right: 20px !important; }

div.pt-20 { padding-top: 20px; }

.mt10 { margin-top: 10px; }

.ml8 { margin-left: 8px; }

/* ===================================================== default */
* { padding: 0; margin: 0; }

html { position: relative; }

html, body { height: 100%; }

body > login_container, body > #container { height: auto; min-height: 100%; }

body { padding: 0; margin: 0; background: url("../images/bk.png") #eee; color: #333333; font-size: 13px; line-height: 1.7em; font-family: 'メイリオ',Meiryo,Helvetica,'ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN','ＭＳ Ｐゴシック',Arial,sans-serif; *font-size: small; *font: x-small; }

a { color: #0049a3; }

a:hover { text-decoration: none; }

img { border: 0; vertical-align: middle; }

img.option_banner { border: 0; vertical-align: middle; width: 100%; }

input { vertical-align: middle; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; }

select, input { margin-right: 3px; }

h2 { color: #333; font-size: 170%; }

h3 { color: #4d4d4d; font-size: 120%; border-bottom: solid 1px #c3c3c3; padding-bottom: 0px; margin-bottom: 12px; }

/* ===================================================== container */
#container { overflow: hidden; *zoom: 1; width: 960px; height: 100%; min-height: 100%; margin: 0 auto; text-align: left; background: #fff; -moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); -webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.6); position: relative; height: 100%; min-height: 100%; background: url("../images/contents_bk.png") repeat #ffe; background: url("../images/date_bk_1.png") repeat #ffe; }

div.non_display { display: none; }

div.loader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: url(../images/loader.gif) no-repeat center center white; filter: alpha(opacity=40); -ms-filter: 0.4; opacity: 0.4; z-index: 1010; }

div#dummy { height: 450px; }

/* ===================================================== header */
#header { position: relative; background: url("../images/header_bk.png") no-repeat left top #f9f9f9; width: 960px; height: 89px; margin: 0 auto; z-index: 1; }

#header_container { margin: 0 auto; width: 100%; overflow: hidden; }

#containerInner { float: left; width: 100%; }

#header_c { margin: 0 200px; }

#header_l { background: url("../images/header_l.png") no-repeat left top; height: 109px; padding-left: 75px; float: left; margin-left: -100%; _margin-left: -80%; width: 280px; }

#header_l h1 { margin-top: 24px; margin-bottom: 10px; }

#header_r { float: left; margin-left: -200px; width: 200px; }

#header_menu { list-style: none; margin: 18px auto 12px; width: 270px; }

#header_menu li { display: inline; font-weight: bold; margin: 0 12px; background: url("../images/link_icon.png") 0 50% no-repeat; padding-left: 22px; }

#header a { color: #3d2a09; }

#header span { font-weight: bold; }

/* ===================================================== contents */
.summary { /*    background:url("../images/summary.png") no-repeat #A0DBF3;*/ background: #A7E0F7; padding: 0 20px; width: 960px; height: 210px; border-bottom: solid 1px #8ec8df; }

div.banner { background: url("../images/timeline_t.png") repeat-y #ffffff; width: 960px; padding: 20px 0px 0px 94px; }
div.banner #banner_img { display: block; width: 850px; height: 77px; }
div.banner a img.wide_image_hover { display: none; }
div.banner a:hover img.wide_image { display: none; }
div.banner a:hover img.wide_image_hover { display: block; }

div.english_banner { background: url("../images/timeline_t.png") repeat-y #ffffff; width: 960px; padding: 20px 0px 0px 94px; }
div.english_banner #banner_img { display: block; width: 850px; height: 77px; }

div.check_test_banner { background: url("../images/timeline_t.png") repeat-y #ffffff; width: 960px; padding: 20px 0px 0px 94px; }
div.check_test_banner #banner_img { display: block; width: 850px; height: 77px; }

div.tablet_switching_banner { background: url("../images/timeline_t.png") repeat-y #ffffff; width: 960px; padding: 20px 0px 0px 94px; }
div.tablet_switching_banner #banner_img { display: block; width: 850px; height: 77px; }

div.messages { background: url("../images/timeline_t.png") repeat-y #ffffff; width: 960px; padding: 5px 0px 15px 0px; }
div.messages div.importantMessageTable, div.messages div.messageTable { margin: 10px 0px 5px 95px; width: 845px; border: solid 1px #f09595; -webkit-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.3); }
div.messages div.importantMessageTable table, div.messages div.messageTable table { width: 100%; }
div.messages div.importantMessageTable table td.importantMessageHeader, div.messages div.importantMessageTable table td.updatehistoryheader, div.messages div.messageTable table td.importantMessageHeader, div.messages div.messageTable table td.updatehistoryheader { width: 70px; text-align: center; padding: 5px; font-weight: bold; font-size: 110%; color: #B22222; background: #fce1e5; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; -webkit-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px; }
div.messages div.importantMessageTable table td.importantMessageText, div.messages div.messageTable table td.importantMessageText { padding: 0px 0px 10px 0px; }
div.messages div.importantMessageTable table div.message, div.messages div.messageTable table div.message { padding: 10px 20px 0px 40px; background: url("../images/attention.png") no-repeat 12px 12px; }
div.messages div.importantMessageTable table div.message div.title, div.messages div.messageTable table div.message div.title { font-weight: bold; font-size: 110%; }
div.messages div.importantMessageTable table div.message div.showContent, div.messages div.messageTable table div.message div.showContent { padding: 0px 10px 0px 0px; text-align: right; }
div.messages div.messageTable { border: solid 1px #cf9838; margin-top: 15px; }
div.messages div.messageTable table td.updatehistoryheader { color: #A0522D; background: #FFEFD5; }
div.messages div.messageTable table td.updatehistorytext { padding: 5px 0px 0px 0px; }
div.messages div.messageTable table td.date { width: 105px; padding: 5px 5px 0px 15px; }
div.messages div.messageTable table td.label { padding: 4px 5px 0px 0px; width: 110px; }
div.messages div.messageTable table td.label span { padding: 0px 10px; text-align: center; width: 80px; display: inline-block; -webkit-border-radius: 5px; border-radius: 5px; color: #6A6A6A; background: #E8E8E8; font-size: 90%; }
div.messages div.messageTable table td.title { padding: 5px 10px 0px 0px; }
div.messages div.messageTable table td.messagelink { text-align: right; padding: 0px 10px 5px 0px; }
div.messages div.messageTable table td.messagelink a { margin: 0px 0px 0px 0px; text-decoration: none; color: #6D9FDF; }

div.messagelink { background: url("../images/timeline_t.png") repeat-y #ffffff; width: 960px; text-align: right; padding: 10px 10px 0px 0px; }
div.messagelink a { margin: 0px 18px 0px 0px; text-decoration: none; }

.timeline { width: 960px; background: #fff; padding: 0; }

/* ===================================================== summary */
span.home_progressive_label { vertical-align: baseline; }

div.summary > div { float: left; border-radius: 8px 8px 8px 8px; box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3); margin: 7px 20px 10px 0; min-height: 20px; padding: 12px 20px; width: 410px; height: 169px; }

div.summary div#graph_container { background: url("../images/home/summary_course_graph_bg.png") no-repeat; }

div.graph_overlay { /*background: none repeat scroll 0 0 #EEEEEE;*/ position: absolute; -moz-box-shadow: none !important; -webkit-box-shadow: none !important; box-shadow: none !important; }
div.graph_overlay p { text-align: center; line-height: 185px; font-weight: bold; color: #999999; text-shadow: -1px -1px #FFFFFF, 1px -1px #FFFFFF, -1px 1px #FFFFFF, 1px 1px #FFFFFF; }

div.summary div#drill_container { background-color: #EBF7FC; }

div.summary div#drill_container h4, div.summary div#graph_container h4 { color: #096D95; font-size: 1.2em; font-weight: bold; line-height: 1.2; padding: 0 5px 10px; text-align: center; }

div.summary div#drill_container table.drill_table { width: 400px; margin-top: 2px; margin-bottom: 5px; }

div.summary div#drill_container table.drill_table div.pl-100 { overflow: hidden; *zoom: 1; padding-left: 100px; }

div.summary div#drill_container table.drill_table div.pl-120 { overflow: hidden; *zoom: 1; padding-left: 120px; }

div.summary div#drill_container table.drill_table td { font-weight: bold; /*table-layout: fixed;
width: 80px;*/ }

div.summary div#drill_container table.drill_table .drill_title { color: #6F5A34; margin-right: 30px; }

div.summary div#drill_container table.drill_table .drill_title_challenge { margin-right: 4px; margin-left: 20px; }

div.summary div#drill_container table.drill_table .title { float: left; width: auto; color: #0049a3; font-size: 13px; /*text-decoration:underline;*/ }

div.summary div#drill_container table.drill_table .title_english { display: inline-block; width: auto; max-width: 157px; margin: 0px 0px 0px 13px; color: #0049a3; font-size: 13px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; }

div.summary div#drill_container table.drill_table .result_pass { display: block; width: 34px; height: 18px; margin: 2px 0 0 10px; background: url("../images/home/result_pass.png") no-repeat; float: left; /* color: #8F0B0B; background:#fee; border:solid 1px #fdd;
*/ }

div.summary div#drill_container table.drill_table img.result_pass_english { margin: -3px 0px 0px 4px; }

div.summary div#drill_container table.drill_table img.result_pass_kanken { margin-left: 15px; }

div.summary div#drill_container table.drill_table .icon_kanken, .icon_calc, .icon_eigo { margin-right: 4px; padding-top: 2px; height: 10px; }

/* ===================================================== table_sytle */
.table_sytle { width: 100%; border-collapse: collapse; border-spacing: 0; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5); }
.table_sytle th { padding: 12px 9px; border-width: 0 0 1px 1px; font-weight: bold; line-height: 120%; text-align: center; width: 60px; background: #dfcaa6; line-height: 1.5em; vertical-align: top; }
.table_sytle th:nth-child(even) { background: #aaaaaa; }
.table_sytle .date1 { background: url("../images/date_bk_1.png") repeat; }
.table_sytle .date1_2 { background: #ecf2f8; }
.table_sytle .date2 { background: url("../images/date_bk_2.png") repeat; }
.table_sytle .sat { color: #667986 !important; }
.table_sytle .sun { color: #995252 !important; }
.table_sytle td { padding: 10px 16px; border-width: 0 0 1px 1px; text-align: left; vertical-align: top; }
.table_sytle td.v_positiion { vertical-align: middle; }
.table_sytle td.v_positiion.arrow_box2 { vertical-align: top; }
.table_sytle .comment_btn { height: 100%; margin: 16px 16px 16px 0px; }
.table_sytle .date { font-size: 120%; line-height: 1.5em; color: #72603d; }
.table_sytle .time { display: block; width: 60px; margin-top: 6px; font-weight: normal; color: #9d8a67; font-size: 110%; }
.table_sytle .time .start, .table_sytle .time .end { display: block; width: 60px; text-shadow: none; }
.table_sytle .time .range { display: block; background: url("../images/range.png") no-repeat; width: 12px; height: 12px; margin: 0 auto; }

/* ===================================================== fukidashi */
.arrow_box, .arrow_box2 { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; }

.arrow_box { background: #eaeaea; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YzZjNmMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f3f3f3), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(#f3f3f3, #e0e0e0); background-image: -webkit-linear-gradient(#f3f3f3, #e0e0e0); background-image: linear-gradient(#f3f3f3, #e0e0e0); position: relative; border: 1px solid #999999; padding: 0px; width: 520px; -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }

.arrow_box:after, .arrow_box:before { right: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow_box:after { border-color: rgba(229, 229, 229, 0); border-right-color: #eaeaea; border-width: 12px; top: 50%; margin-top: -12px; }

.arrow_box:before { border-color: rgba(153, 153, 153, 0); border-right-color: #888888; border-width: 13px; top: 50%; margin-top: -13px; }

.arrow_box2 { background: #E2ECF1; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VkZjRmNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Q3ZTRlYyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #edf4f7), color-stop(100%, #d7e4ec)); background-image: -moz-linear-gradient(#edf4f7, #d7e4ec); background-image: -webkit-linear-gradient(#edf4f7, #d7e4ec); background-image: linear-gradient(#edf4f7, #d7e4ec); position: relative; border: 1px solid #678fa9; padding: 6px 12px; padding: 0; width: 310px; margin-left: -20px; -moz-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.2); }

td .arrow_box2 { margin-top: 0px !important; }

.arrow_box2:after, .arrow_box2:before { left: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; }

.arrow_box2:after { border-color: rgba(236, 243, 247, 0); border-left-color: #E2ECF1; border-width: 12px; top: 50%; margin-top: -12px; }

.arrow_box2:before { border-color: rgba(222, 234, 240, 0); border-left-color: #E2ECF1; border-left-color: #678fa9; border-width: 13px; top: 50%; margin-top: -13px; }

/* ===================================================== subject */
.clear { overflow: hidden; *zoom: 1; }

.arrow_box_l { float: left; width: 52px; padding: 8px 0px 8px 8px; }

.arrow_box_r { float: right; width: 450px; padding: 8px 8px 8px 0px; }

.subject_r { float: right; margin-left: 0px; margin-top: -1px; height: 19px; }

.subject_b { overflow: hidden; *zoom: 1; -moz-box-shadow: inset #eeeeee 0px 1px 1px; -webkit-box-shadow: inset #eeeeee 0px 1px 1px; box-shadow: inset #eeeeee 0px 1px 1px; border-top: solid 1px #ccc; padding: 4px 14px; font-weight: bold; }

.time2 { display: block; width: 46px; height: 20px; background: #999; color: #fff; font-size: 85%; text-align: center; text-shadow: none; margin-top: 4px; padding-top: 1px; -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; }

.time2 span { font-size: 140%; margin-right: 1px; }

.star { display: block; width: 42px; height: 42px; background: url("../images/star.png") no-repeat; margin-top: -14px; text-align: center; padding-top: 12px; font-weight: bold; font-size: 115%; font-size: 120%; text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.7); }

.score_red { color: #c30000; }

.score_blue { color: #0000c3; }

.time3 { font-weight: bold; }

/* ------------------------ 教科共通 ------------------------ */
/* ------------------------ 国語 ------------------------ */
.kokugo, .JPN { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #f5b7b7; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y1YjdiNyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2Y1YjdiNyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f5b7b7), color-stop(100%, #f5b7b7)); background-image: -moz-linear-gradient(#f5b7b7, #f5b7b7); background-image: -webkit-linear-gradient(#f5b7b7, #f5b7b7); background-image: linear-gradient(#f5b7b7, #f5b7b7); }
.kokugo .contentDIV, .JPN .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #ffeded; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZWRlZCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZDRkNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffeded), color-stop(100%, #ffd4d4)); background-image: -moz-linear-gradient(#ffeded, #ffd4d4); background-image: -webkit-linear-gradient(#ffeded, #ffd4d4); background-image: linear-gradient(#ffeded, #ffd4d4); }
.kokugo .contentDIV .subject, .JPN .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/kokugo.png") no-repeat; }
.kokugo .contentDIV .title a, .JPN .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.kokugo .contentDIV .title a:hover, .JPN .contentDIV .title a:hover { text-decoration: none; }
.kokugo .contentDIV .new, .JPN .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #f59a8b; }
.kokugo .contentDIV .score, .JPN .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.kokugo .contentDIV .arrow, .JPN .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_kokugo.png"); }
.kokugo .contentDIV .clock, .JPN .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/jap_time.png"); }
.kokugo .contentDIV .time3, .JPN .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

/* ------------------------ 算数 ------------------------ */
.sansu, .MAT { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #8eadd3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlYWRkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcxOTVjMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8eadd3), color-stop(100%, #7195c2)); background-image: -moz-linear-gradient(#8eadd3, #7195c2); background-image: -webkit-linear-gradient(#8eadd3, #7195c2); background-image: linear-gradient(#8eadd3, #7195c2); }
.sansu .contentDIV, .MAT .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #dce9ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZTlmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwZDRmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dce9ff), color-stop(100%, #c0d4f6)); background-image: -moz-linear-gradient(#dce9ff, #c0d4f6); background-image: -webkit-linear-gradient(#dce9ff, #c0d4f6); background-image: linear-gradient(#dce9ff, #c0d4f6); }
.sansu .contentDIV .subject, .MAT .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/sansu.png") no-repeat; }
.sansu .contentDIV .title a, .MAT .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.sansu .contentDIV .title a:hover, .MAT .contentDIV .title a:hover { text-decoration: none; }
.sansu .contentDIV .new, .MAT .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #648ec2; }
.sansu .contentDIV .score, .MAT .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.sansu .contentDIV .arrow, .MAT .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_sansu.png"); }
.sansu .contentDIV .clock, .MAT .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/ari_time.png"); }
.sansu .contentDIV .time3, .MAT .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

.MAT .contentDIV .subject { background: url("../images/sugaku.png") no-repeat; }

/* ------------------------ 理科 ------------------------ */
.rika, .seikatu, .SCI { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #9bcc8a; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzliY2M4YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzg2YzU3MiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #9bcc8a), color-stop(100%, #86c572)); background-image: -moz-linear-gradient(#9bcc8a, #86c572); background-image: -webkit-linear-gradient(#9bcc8a, #86c572); background-image: linear-gradient(#9bcc8a, #86c572); }
.rika .contentDIV, .seikatu .contentDIV, .SCI .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #dfffdc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RmZmZkYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I4ZTRiNCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dfffdc), color-stop(100%, #b8e4b4)); background-image: -moz-linear-gradient(#dfffdc, #b8e4b4); background-image: -webkit-linear-gradient(#dfffdc, #b8e4b4); background-image: linear-gradient(#dfffdc, #b8e4b4); }
.rika .contentDIV .subject, .seikatu .contentDIV .subject, .SCI .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/rika.png") no-repeat; }
.rika .contentDIV .title a, .seikatu .contentDIV .title a, .SCI .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.rika .contentDIV .title a:hover, .seikatu .contentDIV .title a:hover, .SCI .contentDIV .title a:hover { text-decoration: none; }
.rika .contentDIV .new, .seikatu .contentDIV .new, .SCI .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #6bb553; }
.rika .contentDIV .score, .seikatu .contentDIV .score, .SCI .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.rika .contentDIV .arrow, .seikatu .contentDIV .arrow, .SCI .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_rika.png"); }
.rika .contentDIV .clock, .seikatu .contentDIV .clock, .SCI .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/sci_time.png"); }
.rika .contentDIV .time3, .seikatu .contentDIV .time3, .SCI .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

.seikatu .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/seikatu.gif") no-repeat; }

/* ------------------------ 社会 ------------------------ */
.shakai, .SOC { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #c7a8e8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2M3YThlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2M3YThlOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #c7a8e8), color-stop(100%, #c7a8e8)); background-image: -moz-linear-gradient(#c7a8e8, #c7a8e8); background-image: -webkit-linear-gradient(#c7a8e8, #c7a8e8); background-image: linear-gradient(#c7a8e8, #c7a8e8); }
.shakai .contentDIV, .SOC .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #f0e3fb; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZTNmYiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyYzlmOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f0e3fb), color-stop(100%, #e2c9f9)); background-image: -moz-linear-gradient(#f0e3fb, #e2c9f9); background-image: -webkit-linear-gradient(#f0e3fb, #e2c9f9); background-image: linear-gradient(#f0e3fb, #e2c9f9); }
.shakai .contentDIV .subject, .SOC .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/shakai.png") no-repeat; }
.shakai .contentDIV .title a, .SOC .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.shakai .contentDIV .title a:hover, .SOC .contentDIV .title a:hover { text-decoration: none; }
.shakai .contentDIV .new, .SOC .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #b68fdf; }
.shakai .contentDIV .score, .SOC .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.shakai .contentDIV .arrow, .SOC .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_shakai.png"); }
.shakai .contentDIV .clock, .SOC .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/soc_time.png"); }
.shakai .contentDIV .time3, .SOC .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

/* ------------------------ とくべつ講座 ------------------------ */
.tokubetsu { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #8ACCB0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhhY2NiMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzcyYzVhMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8accb0), color-stop(100%, #72c5a3)); background-image: -moz-linear-gradient(#8accb0, #72c5a3); background-image: -webkit-linear-gradient(#8accb0, #72c5a3); background-image: linear-gradient(#8accb0, #72c5a3); }
.tokubetsu .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #DBFEF5; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZmVmNSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2I1ZTRkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dbfef5), color-stop(100%, #b5e4d8)); background-image: -moz-linear-gradient(#dbfef5, #b5e4d8); background-image: -webkit-linear-gradient(#dbfef5, #b5e4d8); background-image: linear-gradient(#dbfef5, #b5e4d8); }
.tokubetsu .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/tokubetsu.png") no-repeat; }
.tokubetsu .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.tokubetsu .contentDIV .title a:hover { text-decoration: none; }
.tokubetsu .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #53B58D; }
.tokubetsu .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.tokubetsu .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_tokubetsu.png"); }
.tokubetsu .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/tokubetsu_time.png"); }
.tokubetsu .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

/* ------------------------ 実技講座 ------------------------ */
.ART, .MUS, .HAP, .HOM, .TEC { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #fecc5b; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlY2M1YiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZlY2M1YiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fecc5b), color-stop(100%, #fecc5b)); background-image: -moz-linear-gradient(#fecc5b, #fecc5b); background-image: -webkit-linear-gradient(#fecc5b, #fecc5b); background-image: linear-gradient(#fecc5b, #fecc5b); }
.ART .contentDIV, .MUS .contentDIV, .HAP .contentDIV, .HOM .contentDIV, .TEC .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff9e8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjllOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZmZWFiNSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff9e8), color-stop(100%, #ffeab5)); background-image: -moz-linear-gradient(#fff9e8, #ffeab5); background-image: -webkit-linear-gradient(#fff9e8, #ffeab5); background-image: linear-gradient(#fff9e8, #ffeab5); }
.ART .contentDIV .subject, .MUS .contentDIV .subject, .HAP .contentDIV .subject, .HOM .contentDIV .subject, .TEC .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; }
.ART .contentDIV .title a, .MUS .contentDIV .title a, .HAP .contentDIV .title a, .HOM .contentDIV .title a, .TEC .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.ART .contentDIV .title a:hover, .MUS .contentDIV .title a:hover, .HAP .contentDIV .title a:hover, .HOM .contentDIV .title a:hover, .TEC .contentDIV .title a:hover { text-decoration: none; }
.ART .contentDIV .score, .MUS .contentDIV .score, .HAP .contentDIV .score, .HOM .contentDIV .score, .TEC .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.ART .contentDIV .clock, .MUS .contentDIV .clock, .HAP .contentDIV .clock, .HOM .contentDIV .clock, .TEC .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/jitsugi_time.png"); }
.ART .contentDIV .time3, .MUS .contentDIV .time3, .HAP .contentDIV .time3, .HOM .contentDIV .time3, .TEC .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

.ART .contentDIV .subject { background: url("../images/bijutsu.png") no-repeat; }

.MUS .contentDIV .subject { background: url("../images/ongaku.png") no-repeat; }

.HAP .contentDIV .subject { background: url("../images/hoken.png") no-repeat; }

.HOM .contentDIV .subject { background: url("../images/kateika.png") no-repeat; }

.TEC .contentDIV .subject { background: url("../images/gijutsu.png") no-repeat; }

/* ------------------------ 漢検ドリル ------------------------ */
.kanken { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e2bc79; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyYmM3OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyYmM3OSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2bc79), color-stop(100%, #e2bc79)); background-image: -moz-linear-gradient(#e2bc79, #e2bc79); background-image: -webkit-linear-gradient(#e2bc79, #e2bc79); background-image: linear-gradient(#e2bc79, #e2bc79); }
.kanken .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #fff6ca; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZjZjYSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2YxZTA5YyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fff6ca), color-stop(100%, #f1e09c)); background-image: -moz-linear-gradient(#fff6ca, #f1e09c); background-image: -webkit-linear-gradient(#fff6ca, #f1e09c); background-image: linear-gradient(#fff6ca, #f1e09c); }
.kanken .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/kanken.png") no-repeat; }
.kanken .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.kanken .contentDIV .title a:hover { text-decoration: none; }
.kanken .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #d2a963; }
.kanken .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.kanken .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_kanji.png"); }
.kanken .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/kan_time.png"); }
.kanken .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

.icon_kanken { /*display: block;*/ float: left; width: 16px; height: 16px; padding-bottom: 4px; background: url("../images/kanken_drill.png") no-repeat; }

.grade_kanken { display: inline-block; padding: 2px 20px; line-height: 14px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; background: #E8B400; }

/* ------------------------ 計算ドリル ------------------------ */
.calc { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #8eadd3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlYWRkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlYWRkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8eadd3), color-stop(100%, #8eadd3)); background-image: -moz-linear-gradient(#8eadd3, #8eadd3); background-image: -webkit-linear-gradient(#8eadd3, #8eadd3); background-image: linear-gradient(#8eadd3, #8eadd3); }
.calc .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #dcf0ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZjBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwZTRmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcf0ff), color-stop(100%, #c0e4f6)); background-image: -moz-linear-gradient(#dcf0ff, #c0e4f6); background-image: -webkit-linear-gradient(#dcf0ff, #c0e4f6); background-image: linear-gradient(#dcf0ff, #c0e4f6); }
.calc .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/calc.png") no-repeat; }
.calc .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.calc .contentDIV .title a:hover { text-decoration: none; }
.calc .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #75bbd5; }
.calc .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.calc .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_calc.png"); }
.calc .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/kei_time.png"); }
.calc .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

.icon_calc { /*display: block;*/ float: left; width: 16px; height: 16px; padding-bottom: 4px; background: url("../images/calc_drill.png") no-repeat; }

.grade_calc { display: inline-block; padding: 2px 20px; line-height: 14px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; background: #0686B8; }

/* ------------------------ 計算チャレンジ ------------------------ */
.calc_challenge { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #8eadd3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlYWRkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlYWRkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8eadd3), color-stop(100%, #8eadd3)); background-image: -moz-linear-gradient(#8eadd3, #8eadd3); background-image: -webkit-linear-gradient(#8eadd3, #8eadd3); background-image: linear-gradient(#8eadd3, #8eadd3); }
.calc_challenge .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #dcf0ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZjBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwZTRmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcf0ff), color-stop(100%, #c0e4f6)); background-image: -moz-linear-gradient(#dcf0ff, #c0e4f6); background-image: -webkit-linear-gradient(#dcf0ff, #c0e4f6); background-image: linear-gradient(#dcf0ff, #c0e4f6); }
.calc_challenge .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/home/calc_cal.png") no-repeat; }
.calc_challenge .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.calc_challenge .contentDIV .title a:hover { text-decoration: none; }
.calc_challenge .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #75bbd5; }
.calc_challenge .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.calc_challenge .contentDIV .challenge_rank { display: block; width: 28px; height: 19px; }
.calc_challenge .contentDIV .first_place { background: url("../images/home/rank1.png"); }
.calc_challenge .contentDIV .second_place { background: url("../images/home/rank2.png"); }
.calc_challenge .contentDIV .third_place { background: url("../images/home/rank3.png"); }
.calc_challenge .contentDIV .no_rank { background: url("../images/home/no_rank.png"); }
.calc_challenge .contentDIV .challenge_count { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; width: auto; }

/* ------------------------ 数学ドリル ------------------------ */
.math_drill, .MDR { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #8eadd3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhlYWRkMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzhlYWRkMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #8eadd3), color-stop(100%, #8eadd3)); background-image: -moz-linear-gradient(#8eadd3, #8eadd3); background-image: -webkit-linear-gradient(#8eadd3, #8eadd3); background-image: linear-gradient(#8eadd3, #8eadd3); }
.math_drill .contentDIV, .MDR .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #dcf0ff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RjZjBmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2MwZTRmNiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dcf0ff), color-stop(100%, #c0e4f6)); background-image: -moz-linear-gradient(#dcf0ff, #c0e4f6); background-image: -webkit-linear-gradient(#dcf0ff, #c0e4f6); background-image: linear-gradient(#dcf0ff, #c0e4f6); }
.math_drill .contentDIV .subject, .MDR .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/sugaku_drill.png") no-repeat; }
.math_drill .contentDIV .title a, .MDR .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.math_drill .contentDIV .title a:hover, .MDR .contentDIV .title a:hover { text-decoration: none; }
.math_drill .contentDIV .new, .MDR .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #75bbd5; }
.math_drill .contentDIV .score, .MDR .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.math_drill .contentDIV .arrow, .MDR .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_calc.png"); }
.math_drill .contentDIV .clock, .MDR .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/kei_time.png"); }
.math_drill .contentDIV .time3, .MDR .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

.icon_math_drill { /*display: block;*/ float: left; width: 16px; height: 16px; padding-bottom: 4px; background: url("../images/calc_drill.png") no-repeat; }

.grade_math_drill { display: inline-block; padding: 2px 20px; line-height: 14px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; background: #0686B8; }

/* ------------------------ 英語講座 ------------------------ */
.timeline_banner_img { display: block; height: 37px; width: 450px; }

.eigo, .eigo_premium, .ENG { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e2a05a; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyYTA1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyYTA1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2a05a), color-stop(100%, #e2a05a)); background-image: -moz-linear-gradient(#e2a05a, #e2a05a); background-image: -webkit-linear-gradient(#e2a05a, #e2a05a); background-image: linear-gradient(#e2a05a, #e2a05a); }
.eigo .contentDIV, .eigo_premium .contentDIV, .ENG .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #feeddc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZWRkYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkZDBhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feeddc), color-stop(100%, #fdd0a2)); background-image: -moz-linear-gradient(#feeddc, #fdd0a2); background-image: -webkit-linear-gradient(#feeddc, #fdd0a2); background-image: linear-gradient(#feeddc, #fdd0a2); }
.eigo .contentDIV .subject, .eigo_premium .contentDIV .subject, .ENG .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/eigo.png") no-repeat; }
.eigo .contentDIV .eigo_sample, .eigo_premium .contentDIV .eigo_sample, .ENG .contentDIV .eigo_sample { box-sizing: border-box; margin-left: 2px; padding: 0px 6px; height: 19px; display: block; float: left; font-weight: bold; font-size: 87%; color: #A25800; cursor: default; text-decoration: none; background: #FFFFFF; border: 1px solid #F3B476; border-radius: 10px; line-height: 18px; }
.eigo .contentDIV .eigo_course_name a, .eigo_premium .contentDIV .eigo_course_name a, .ENG .contentDIV .eigo_course_name a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.eigo .contentDIV .title a, .eigo_premium .contentDIV .title a, .ENG .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.eigo .contentDIV .title_sample a, .eigo_premium .contentDIV .title_sample a, .ENG .contentDIV .title_sample a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; max-width: 180px; }
.eigo .contentDIV .title_sample a span, .eigo_premium .contentDIV .title_sample a span, .ENG .contentDIV .title_sample a span { text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5); }
.eigo .contentDIV .title a:hover, .eigo_premium .contentDIV .title a:hover, .ENG .contentDIV .title a:hover { text-decoration: none; }
.eigo .contentDIV .new, .eigo_premium .contentDIV .new, .ENG .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #f49a3f; }
.eigo .contentDIV .score, .eigo_premium .contentDIV .score, .ENG .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.eigo .contentDIV .challenge_rank, .eigo_premium .contentDIV .challenge_rank, .ENG .contentDIV .challenge_rank { display: block; width: 28px; height: 19px; }
.eigo .contentDIV .first_place, .eigo_premium .contentDIV .first_place, .ENG .contentDIV .first_place { background: url("../images/home/rank1.png"); }
.eigo .contentDIV .second_place, .eigo_premium .contentDIV .second_place, .ENG .contentDIV .second_place { background: url("../images/home/rank2.png"); }
.eigo .contentDIV .third_place, .eigo_premium .contentDIV .third_place, .ENG .contentDIV .third_place { background: url("../images/home/rank3.png"); }
.eigo .contentDIV .no_rank, .eigo_premium .contentDIV .no_rank, .ENG .contentDIV .no_rank { background: url("../images/home/no_rank.png"); }
.eigo .contentDIV .challenge_count, .eigo_premium .contentDIV .challenge_count, .ENG .contentDIV .challenge_count { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; width: auto; }
.eigo .contentDIV .clock, .eigo_premium .contentDIV .clock, .ENG .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/eigo_time.png"); }
.eigo .contentDIV .time3, .eigo_premium .contentDIV .time3, .ENG .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }
.eigo .contentDIV .arrow, .eigo_premium .contentDIV .arrow, .ENG .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_eigo.png"); }

.eigo .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/eigo.png") no-repeat; }

.eigo_premium .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/eigo_premium.png") no-repeat; }

.horizon_eigo { margin: 0px 0px 0px -20px; height: 10px; width: 450px; }
.horizon_eigo hr { border: 0px #C0E7F6 solid; background-color: #C0E7F6; height: 1px; }

.icon_eigo { margin: 1px 3px 0px -2px; float: left; width: 19px; height: 16px; padding-bottom: 4px; background: url("../images/eigo_drill.png") no-repeat; }

.lesson_eigo { display: inline-block; width: 96px; padding: 2px 0px 2px 0px; text-align: center; line-height: 14px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; margin: 0px 0px 0px 5px; background: #ef7d00; }

/* ------------------------ 先取り英検講座 ------------------------ */
.eiken, .EKN { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #e2a05a; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UyYTA1YSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UyYTA1YSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e2a05a), color-stop(100%, #e2a05a)); background-image: -moz-linear-gradient(#e2a05a, #e2a05a); background-image: -webkit-linear-gradient(#e2a05a, #e2a05a); background-image: linear-gradient(#e2a05a, #e2a05a); }
.eiken .contentDIV, .EKN .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #feeddc; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZWRkYyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ZkZDBhMiIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #feeddc), color-stop(100%, #fdd0a2)); background-image: -moz-linear-gradient(#feeddc, #fdd0a2); background-image: -webkit-linear-gradient(#feeddc, #fdd0a2); background-image: linear-gradient(#feeddc, #fdd0a2); }
.eiken .contentDIV .subject, .EKN .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/eiken.png") no-repeat; }
.eiken .contentDIV .eiken_sample, .EKN .contentDIV .eiken_sample { box-sizing: border-box; margin-left: 2px; padding: 0px 6px; height: 19px; display: block; float: left; font-weight: bold; font-size: 87%; color: #A25800; cursor: default; text-decoration: none; background: #FFFFFF; border: 1px solid #F3B476; border-radius: 10px; line-height: 18px; }
.eiken .contentDIV .eiken_course_name a, .EKN .contentDIV .eiken_course_name a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.eiken .contentDIV .title a, .EKN .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.eiken .contentDIV .title_sample a, .EKN .contentDIV .title_sample a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; max-width: 180px; }
.eiken .contentDIV .title_sample a span, .EKN .contentDIV .title_sample a span { text-shadow: 0px 0px 0px rgba(255, 255, 255, 0.5); }
.eiken .contentDIV .title a:hover, .EKN .contentDIV .title a:hover { text-decoration: none; }
.eiken .contentDIV .new, .EKN .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #f49a3f; }
.eiken .contentDIV .score, .EKN .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.eiken .contentDIV .challenge_rank, .EKN .contentDIV .challenge_rank { display: block; width: 28px; height: 19px; }
.eiken .contentDIV .first_place, .EKN .contentDIV .first_place { background: url("../images/home/rank1.png"); }
.eiken .contentDIV .second_place, .EKN .contentDIV .second_place { background: url("../images/home/rank2.png"); }
.eiken .contentDIV .third_place, .EKN .contentDIV .third_place { background: url("../images/home/rank3.png"); }
.eiken .contentDIV .no_rank, .EKN .contentDIV .no_rank { background: url("../images/home/no_rank.png"); }
.eiken .contentDIV .challenge_count, .EKN .contentDIV .challenge_count { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; width: auto; }
.eiken .contentDIV .clock, .EKN .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/eigo_time.png"); }
.eiken .contentDIV .time3, .EKN .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }
.eiken .contentDIV .arrow, .EKN .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_eigo.png"); }

.horizon_eiken { margin: 0px 0px 0px -20px; height: 10px; width: 450px; }
.horizon_eiken hr { border: 0px #C0E7F6 solid; background-color: #C0E7F6; height: 1px; }

.icon_eiken { margin: 1px 3px 0px -2px; float: left; width: 19px; height: 16px; padding-bottom: 4px; background: url("../images/eigo_drill.png") no-repeat; }

.lesson_eiken { display: inline-block; width: 96px; padding: 2px 0px 2px 0px; text-align: center; line-height: 14px; color: white; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); white-space: nowrap; vertical-align: baseline; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; margin: 0px 0px 0px 5px; background: #ef7d00; }

/* ------------------------ 暗記（中学） ------------------------ */
.MEM { height: 29px; margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #979fa3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk3OWZhMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzk3OWZhMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #979fa3), color-stop(100%, #979fa3)); background-image: -moz-linear-gradient(#979fa3, #979fa3); background-image: -webkit-linear-gradient(#979fa3, #979fa3); background-image: linear-gradient(#979fa3, #979fa3); }
.MEM .contentDIV { height: 19px; margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #dde4e8; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RkZTRlOCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QxZDdkOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #dde4e8), color-stop(100%, #d1d7d8)); background-image: -moz-linear-gradient(#dde4e8, #d1d7d8); background-image: -webkit-linear-gradient(#dde4e8, #d1d7d8); background-image: linear-gradient(#dde4e8, #d1d7d8); }
.MEM .contentDIV .subject { display: block; float: left; width: 67px; height: 19px; background: url("../images/anki.png") no-repeat; }
.MEM .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.MEM .contentDIV .title a:hover { text-decoration: none; }
.MEM .contentDIV .score { display: block; min-width: 44px; max-width: 60px; font-weight: bold; text-align: right; }
.MEM .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/ank_time.png"); }
.MEM .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }

.photo { display: block; text-align: left; float: left; width: 35px; background: url("../images/photo.png") no-repeat; padding-left: 22px; margin-left: 50px; }

.app { display: block; text-align: left; float: right; width: 90px; background: url("../images/app.png") no-repeat 0px 1px; padding-left: 22px; /* TODO 暫定処理 */ cursor: default; text-decoration: none; }

.user { display: block; text-align: left; background: url("../images/user_m.png") no-repeat 1px 2px; padding-left: 20px; font-weight: bold; font-size: 110%; width: 95px; float: left; text-overflow: ellipsis; }

.comment_date { display: block; text-align: left; width: 85px; text-align: right; margin-right: 2px; color: #797979; }

.comment { overflow: hidden; *zoom: 1; display: block; text-align: left; width: 220px; }

/* ------------------------ 夏休みチェック ------------------------ */
.check_test { margin-bottom: 3px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #bfd0e3; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2JmZDBlMyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JmZDBlMyIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfd0e3), color-stop(100%, #bfd0e3)); background-image: -moz-linear-gradient(#bfd0e3, #bfd0e3); background-image: -webkit-linear-gradient(#bfd0e3, #bfd0e3); background-image: linear-gradient(#bfd0e3, #bfd0e3); }
.check_test .contentDIV { margin: 1px; padding: 4px 6px 4px 4px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; background: #daeffe; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RhZWZmZSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RhZWZmZSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #daeffe), color-stop(100%, #daeffe)); background-image: -moz-linear-gradient(#daeffe, #daeffe); background-image: -webkit-linear-gradient(#daeffe, #daeffe); background-image: linear-gradient(#daeffe, #daeffe); height: auto; }
.check_test .contentDIV .subject_sansu { display: block; float: left; width: 67px; height: 19px; background: url("../images/sansu.png") no-repeat; }
.check_test .contentDIV .subject_kokugo { display: block; float: left; width: 67px; height: 19px; background: url("../images/kokugo.png") no-repeat; }
.check_test .contentDIV .title a { max-width: 206px; height: 19px; display: block; float: left; font-weight: bold; font-size: 105%; color: #103891; /*text-decoration:underline;*/ margin: 0px 0px 0px 6px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; /* TODO 暫定処理 */ cursor: default; text-decoration: none; line-height: 19px; }
.check_test .contentDIV .title a:hover { text-decoration: none; }
.check_test .contentDIV .new { display: block; width: 36px; height: 16px; margin-top: 2px; font-size: 85%; line-height: 160%; color: #fff; text-align: center; text-shadow: none; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; background: #f59a8b; }
.check_test .contentDIV .score { display: block; width: 40px; font-weight: bold; text-align: right; }
.check_test .contentDIV .score_first { display: block; width: 85px; font-weight: bold; text-align: right; }
.check_test .contentDIV .arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_checktest.png"); }
.check_test .contentDIV .clock { display: block; width: 15px; height: 15px; margin-top: 2px; background: url("../images/jap_time.png"); }
.check_test .contentDIV .time3 { display: block; width: auto; font-size: 90%; text-align: right; font-weight: bold; }
.check_test .contentDIV .check_test_table { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; margin-top: 10px; }
.check_test .contentDIV .check_test_table th { font-size: 105%; font-weight: bold; background: #c6e1fb; color: #79a0cf; padding: 0px; }
.check_test .contentDIV .check_test_table td { font-size: 105%; font-weight: bold; background: #ffffff; color: #79a0cf; padding: 0px; border-bottom: 1px solid #daeffe; }
.check_test .contentDIV .check_test_table .unit_name { padding-left: 5px; display: block; width: 235px; color: #103891; }
.check_test .contentDIV .check_test_table .correct { display: block; width: 38px; color: #0000c3; }
.check_test .contentDIV .check_test_table .prev_correct { display: block; width: 50px; }
.check_test .contentDIV .check_test_table .check_test_arrow { display: block; width: 16px; height: 15px; margin-top: 2px; background: url("../images/arrow_checktest.png"); margin-left: 5px; margin-right: 5px; }
.check_test .contentDIV .check_test_table .question { padding-left: 3px; }
.check_test .contentDIV .check_test_table .slash { display: block; width: 15px; color: #909090; }
.check_test .contentDIV .check_test_table .question_count { display: block; width: 38px; color: #909090; }
.check_test .contentDIV .check_test_table .perfect { display: block; }
.check_test .contentDIV .detail_show { float: right; }

/* ------------------------ 学力診断テスト ------------------------ */
.achievement_exam_kokugo {
    margin-bottom: 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #59CEA9;
    background-image: -owg-linear-gradient(#59CEA9, #59CEA9);
    background-image: -webkit-linear-gradient(#59CEA9, #59CEA9);
    background-image: -moz-linear-gradient(#59CEA9, #59CEA9);
    background-image: -o-linear-gradient(#59CEA9, #59CEA9);
    background-image: linear-gradient(#59CEA9, #59CEA9);
}

.achievement_exam_kokugo .contentDIV {
    height: 19px;
    margin: 1px;
    padding: 4px 6px 4px 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-radius: 0 0 5px 5px;
    background: #FFFFFF;
    background-image: -owg-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -moz-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -o-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.achievement_exam_kokugo .titleDIV {
    margin-bottom: -2px;
}

.achievement_exam_kokugo .titleDIV span {
    margin-left: 12px;
    color: #18715F;
    font-weight: bold;
    font-size: 90%;
}

.achievement_exam_kokugo .contentDIV .subject {
    display: block;
    float: left;
    width: 67px;
    height: 19px;
    background: url("../images/achievement_exam_kokugo.png") no-repeat;
}

.achievement_exam_kokugo .contentDIV .title a {
    max-width: 206px;
    height: 19px;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 105%;
    color: #103891; /*text-decoration:underline;*/
    margin: 0px 0px 0px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* TODO 暫定処理 */
    cursor: default;
    text-decoration: none;
    line-height: 19px;
}

.achievement_exam_kokugo .contentDIV .title a:hover {
    text-decoration: none;
}

.achievement_exam_kokugo .contentDIV .new {
    display: block;
    width: 36px;
    height: 16px;
    margin-top: 2px;
    font-size: 85%;
    line-height: 160%;
    color: #fff;
    text-align: center;
    text-shadow: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #53B58D;
}

.achievement_exam_kokugo .contentDIV .score {
    display: block;
    min-width: 44px;
    max-width: 60px;
    font-weight: bold;
    text-align: right;
}

.achievement_exam_kokugo .contentDIV .arrow {
    display: block;
    width: 16px;
    height: 15px;
    margin-top: 2px;
    background: url("../images/arrow_achievement_exam.png");
}

.achievement_exam_kokugo .contentDIV .clock {
    display: block;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    background: url("../images/achievement_exam_time.png");
}

.achievement_exam_kokugo .contentDIV .time3 {
    display: block;
    width: auto;
    font-size: 90%;
    text-align: right;
    font-weight: bold;
}

.achievement_exam_sansu {
    margin-bottom: 3px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    -ms-border-radius: 6px;
    -o-border-radius: 6px;
    border-radius: 6px;
    background: #59CEA9;
    background-image: -owg-linear-gradient(#59CEA9, #59CEA9);
    background-image: -webkit-linear-gradient(#59CEA9, #59CEA9);
    background-image: -moz-linear-gradient(#59CEA9, #59CEA9);
    background-image: -o-linear-gradient(#59CEA9, #59CEA9);
    background-image: linear-gradient(#59CEA9, #59CEA9);
}

.achievement_exam_sansu .titleDIV {
    margin-bottom: -2px;
}

.achievement_exam_sansu .titleDIV span {
    margin-left: 12px;
    color: #18715F;
    font-weight: bold;
    font-size: 90%;
}

.achievement_exam_sansu .contentDIV {
    height: 19px;
    margin: 1px;
    padding: 4px 6px 4px 4px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    border-radius: 5px;
    border-radius: 0 0 5px 5px;
    background: #FFFFFF;
    background-image: -owg-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -webkit-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -moz-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: -o-linear-gradient(#FFFFFF, #FFFFFF);
    background-image: linear-gradient(#FFFFFF, #FFFFFF);
}

.achievement_exam_sansu .contentDIV .subject {
    display: block;
    float: left;
    width: 67px;
    height: 19px;
    background: url("../images/achievement_exam_sansu.png") no-repeat;
}

.achievement_exam_sansu .contentDIV .title a {
    max-width: 206px;
    height: 19px;
    display: block;
    float: left;
    font-weight: bold;
    font-size: 105%;
    color: #103891; /*text-decoration:underline;*/
    margin: 0px 0px 0px 6px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; /* TODO 暫定処理 */
    cursor: default;
    text-decoration: none;
    line-height: 19px;
}

.achievement_exam_sansu .contentDIV .title a:hover {
    text-decoration: none;
}

.achievement_exam_sansu .contentDIV .new {
    display: block;
    width: 36px;
    height: 16px;
    margin-top: 2px;
    font-size: 85%;
    line-height: 160%;
    color: #fff;
    text-align: center;
    text-shadow: none;
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
    -ms-border-radius: 8px;
    -o-border-radius: 8px;
    border-radius: 8px;
    background: #53B58D;
}

.achievement_exam_sansu .contentDIV .score {
    display: block;
    min-width: 44px;
    max-width: 60px;
    font-weight: bold;
    text-align: right;
}

.achievement_exam_sansu .contentDIV .arrow {
    display: block;
    width: 16px;
    height: 15px;
    margin-top: 2px;
    background: url("../images/arrow_achievement_exam.png");
}

.achievement_exam_sansu .contentDIV .clock {
    display: block;
    width: 15px;
    height: 15px;
    margin-top: 2px;
    background: url("../images/achievement_exam_time.png");
}

.achievement_exam_sansu .contentDIV .time3 {
    display: block;
    width: auto;
    font-size: 90%;
    text-align: right;
    font-weight: bold;
}

/* ===================================================== comment */
.comment_l { overflow: hidden; *zoom: 1; float: left; width: 210px; padding: 8px; border-right: dotted 1px #ccc; }

.comment_l a { display: block; width: 20px; height: 18px; text-align: right; background: url("../images/comment_edit.png"); margin-left: 186px; }

.comment_r { float: right; width: 70px; height: 75px; padding-left: 4px; padding-top: 6px; margin: 2px 6px 0 0; }
.comment_r img { width: 68px; height: 68px; }

.excellent { background: url("../images/stamp_excellent.png") no-repeat; }

.great { background: url("../images/stamp_great.png") no-repeat; }

.good { background: url("../images/stamp_good.png") no-repeat; }

/* ===================================================== gray_btn */
.gray_btn { padding: 8px; text-align: center; font-size: 110%; border: solid 1px #aaaaaa; background: #f4f4f4; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e0e0e0)); background-image: -moz-linear-gradient(#ffffff, #e0e0e0); background-image: -webkit-linear-gradient(#ffffff, #e0e0e0); background-image: linear-gradient(#ffffff, #e0e0e0); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 1px 1px 1px rgba(128, 128, 128, 0.2); -webkit-box-shadow: 1px 1px 1px rgba(128, 128, 128, 0.2); box-shadow: 1px 1px 1px rgba(128, 128, 128, 0.2); }

.gray_btn:hover { border: solid 1px #6292a7; background: #ffffff; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #ffffff), color-stop(100%, #e9e9e9)); background-image: -moz-linear-gradient(#ffffff, #e9e9e9); background-image: -webkit-linear-gradient(#ffffff, #e9e9e9); background-image: linear-gradient(#ffffff, #e9e9e9); -moz-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.7); -webkit-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.7); box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.7); cursor: pointer; }

.gray_btn:active { -moz-box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); -webkit-box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); border: solid 1px #6292a7; background: #e0e0e0; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UwZTBlMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5ZTllOSIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e0e0e0), color-stop(100%, #e9e9e9)); background-image: -moz-linear-gradient(#e0e0e0, #e9e9e9); background-image: -webkit-linear-gradient(#e0e0e0, #e9e9e9); background-image: linear-gradient(#e0e0e0, #e9e9e9); -moz-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); -webkit-box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); box-shadow: 0px 0px 6px rgba(67, 188, 236, 0.5); cursor: pointer; }

a.gray_btn { display: block; margin: 0 auto; color: #000000; text-align: center; text-decoration: none; }

.more, .comment_edit { width: 200px; }

span.comment_icon { background: url("../images/comment.png") no-repeat 20px -4px; text-indent: 30px; display: block; line-height: 1.7; }

/* ===================================================== login_btn */
.login_btn { padding: 8px; text-align: center; font-size: 140%; border: solid 1px #f68132; color: #fff; background: #ED7524; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwOGI0OSIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2ViNjAwMCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f08b49), color-stop(100%, #eb6000)); background-image: -moz-linear-gradient(#f08b49, #eb6000); background-image: -webkit-linear-gradient(#f08b49, #eb6000); background-image: linear-gradient(#f08b49, #eb6000); -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.5); box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.5); }

.login_btn:hover { border: solid 1px #f68132; background: #f08b49; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZkYTQ2NyIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5NmMxOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fda467), color-stop(100%, #e96c18)); background-image: -moz-linear-gradient(#fda467, #e96c18); background-image: -webkit-linear-gradient(#fda467, #e96c18); background-image: linear-gradient(#fda467, #e96c18); -moz-box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.5); -webkit-box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.5); box-shadow: 1px 1px 2px rgba(128, 128, 128, 0.5); cursor: pointer; }

.login_btn:active { -moz-box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); -webkit-box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); box-shadow: inset 1px 2px 2px rgba(128, 128, 128, 0.2); border: solid 1px #f68132; background: #eb6000; background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4gPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJncmFkIiBncmFkaWVudFVuaXRzPSJvYmplY3RCb3VuZGluZ0JveCIgeDE9IjAuNSIgeTE9IjAuMCIgeDI9IjAuNSIgeTI9IjEuMCI+PHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ViNjAwMCIvPjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U5NmMxOCIvPjwvbGluZWFyR3JhZGllbnQ+PC9kZWZzPjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIGZpbGw9InVybCgjZ3JhZCkiIC8+PC9zdmc+IA=='); background-size: 100%; background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #eb6000), color-stop(100%, #e96c18)); background-image: -moz-linear-gradient(#eb6000, #e96c18); background-image: -webkit-linear-gradient(#eb6000, #e96c18); background-image: linear-gradient(#eb6000, #e96c18); cursor: pointer; }

/* ===================================================== footer */
.timeline_b { height: 60px; padding: 16px; text-align: center; background: url("../images/timeline_b.png") bottom; margin-bottom: 39px; }

#footer_t { width: 960px; width: 78px; height: 18px; background: url("../images/timeline_b.png") no-repeat left; }

#footer { overflow: hidden; *zoom: 1; position: absolute; width: 100%; height: 60px; bottom: 0; margin: 0px; }

.footer_bk_timeline { background: url("../images/footer_bk_timeline.png") no-repeat bottom #fff; }

.footer_bk_brown { background: url("../images/footer_bk_brown.png") no-repeat bottom; }

#footer_menu { float: left; padding: 32px 12px 12px; width: 400px; list-style: none; text-align: left; font-size: 90%; color: #5d9a5c; }

#footer a { color: #013800; }

#footer_menu li { display: inline; text-align: center; padding: 0 0 0 0.5em; }

#copyright { float: right; width: 300px; text-align: right; padding: 32px 12px 12px; font-size: 85%; }

.sub { font-size: 12px; margin-left: 12px; }

/* ===================================================== other */
.error { color: #F20017; font-weight: bold; text-align: center; padding: 6px; margin-top: 10px; font-size: 110%; }

.none { display: none; }

.container { overflow: hidden; }

.left { float: left; }

.right { float: right; }

.r_link { width: 200px; text-align: right; background: url("../images/link_icon.png") 40% no-repeat; padding-left: 22px; }

.pagetitle_area .r_link { margin-top: 10px; }

.padding1 { padding: 0 20px; }

.padding2 { padding: 10px 20px; }

.top50 { margin-top: 50px; }

.top36 { margin-top: 36px; }

.top24 { margin-top: 24px; }

.top16 { margin-top: 16px; }

.top12 { margin-top: 12px; }

.top03 { margin-top: 3px; }

.btm03 { margin-bottom: 3px; }

/* ===================================================== report-mail-settings */
div.avoid_linebreak { display: inline-block; _display: inline; }

div.align_right { text-align: right; }

.join_status_badge { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius: 12px; font-size: 105%; font-weight: bold; line-height: 1.0; margin-right: 5px; text-align: center; padding: 1px 10px; text-shadow: none; }

.joined { background-color: #e3f9db; border: 1px solid #98d8a0; color: #419c1d; }

.no_joined { background-color: #EBEBEB; border: 1px solid #C5C5C5; color: #6C6C6C; }

#success { background-color: #e3f9db; border: 1px solid #98d8a0; color: #419c1d; }

#warning { background-color: #FFD4D4; border: 1px solid #F5B7B7; color: #C30000; }

.trash_can { padding: 4px 24px 0px 0; background: url(../images/settings/icon_trash_can.png) no-repeat right center; }

dt.recipient_header { width: 130px !important; }

.add_recipient_form { padding-left: 20px; margin-top: 20px; padding-bottom: 20px; vertical-align: middle; }

.pagesubtitle_area { margin-top: 20px; }

.recipient_address { margin-top: 20px; }

select.relationship_select { font-size: 100%; padding: 3px; width: 160px; }

.add_recipient_control { vertical-align: middle; }

.complement { padding-top: 7px; padding-bottom: 5px; color: #847864; color: #888888; line-height: 18px; font-size: 12px; }
.complement a { cursor: pointer; }
.complement span.link_list { display: block; margin-left: 10px; }

span.breadcrumb { font-size: 70%; font-weight: normal; }

span.breadcrumb a { color: #5590DA; cursor: pointer; margin-right: 10px; }

.empty_list_notify { margin-top: 20px; }

input.input_commenter_name { padding: 5px; font-size: 100%; width: 150px; }

input.input_mail_address { padding: 5px; font-size: 100%; width: 80%; }

.report_mail_address { white-space: pre; white-space: pre-wrap; white-space: pre-line; white-space: -pre-wrap; white-space: -o-pre-wrap; white-space: -moz-pre-wrap; white-space: -hp-pre-wrap; word-wrap: break-word; width: 365px; }

.phoneVisible, .phoneVisibleInline { display: none; }

.phoneHidden { display: block; }

.nowrap { white-space: nowrap; }