@charset "utf-8";

div, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, ol, ul, dl, li, dt, dd, table, th, td, form, fieldset {

}
.fieldError {
	background-color:pink;
}

#errors ul li {
	color:red;
}
#noticeMsg ul li {
	color:red;
}

/* 通貨3桁区切り */
.maskCurrency {
}


.formdetail .iconCal {
	margin: 0 2px 0;
}

.formdetail .iconCal img {
	vertical-align: top;
}

.formdetail .iconSearch {
	margin: 0 0px 0;
}

.formdetail .iconSearch img {
	vertical-align: top;
}

.formdetail .iconUpload {
	margin: 0 0px 0;
}

.formdetail .iconUpload img {
	vertical-align: top;
}


/* ---------- テキスト装飾　設定 */
.errorcheck {
	color: #CC0000;
	font-size: 95%;
}
.inputNote {
	color: #CC0000;
	font-size: 100%;
	font-weight: bold;
}

.searchcheck {
	color: #0000FF;
	font-weight: bold;
}

.functionList th, .functionList td, .inputInnerTable th, .inputInnerTable td {
	border: 1px solid #cccccc;
}

#main-content .input table.functionDetailList, #main-content .input table.inputInnerTable {
	margin:5px;
	padding:0px;
}

.functionDetailList th, .functionDetailList td{
	border: none;
}
/* ---------- フォームのInput用　設定 */
.input-Sel {
	width: 200px;
	height: 20px;
	padding: 2px 2px 1px;
}

.input-SS {
	width: 100px;
	padding: 2px 2px 1px;
}

.input-S {
	width: 200px;
	padding: 2px 2px 1px;
}

.input-SFont {
	Font-size: 12px;
}

.input-SM {
	width: 300px;
	padding: 2px 2px 1px;
}

.input-SL {
	width: 400px;
	padding: 2px 2px 1px;
}

.input-M {
	width: 500px;
	padding: 2px 2px 1px;
}

.input-L {
	width: 800px;
	padding: 2px 2px 1px;
}

.numberFormat {
	text-align: right;
}
.numberInput {
	ime-mode:disabled;
	text-align: right;
}

#main-content .input .note input[type="text"] {
	border: 1px solid #a7a6aa;
	width: 95%;
	padding: 3px;
}

#main-content .list .list-wrapper table tr.feature,
#main-content .list .list-wrapper table td.feature2 {
	background-color : #f3f3f3;
}
/* ---------- 一覧並べ替え */
#main-content .list .list-wrapper table.titlesort,
#main-content .list .list-wrapper3 table.titlesort {
	margin: 0;
	padding: 0;
}

#main-content .list .list-wrapper table.titlesort td,
#main-content .list .list-wrapper3 table.titlesort td {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
	width: 100%;
}

#main-content .list .list-wrapper table.titlesort td.titleName,
#main-content .list .list-wrapper3 table.titlesort td.titleName  {
	vertical-align: middle;
	background: #3f7fbf;
        color: #ffffff;
}

#main-content .list .list-wrapper table.titlesort td.iconlist,
#main-content .list .list-wrapper3 table.titlesort td.iconlist {
	background: #3f7fbf;
        color: #ffffff;
	padding-left: 4px;
}

#main-content .list .list-wrapper table.titlesort td.upIcon,
#main-content .list .list-wrapper3 table.titlesort td.upIcon {
	vertical-align: bottom;
}

#main-content .list .list-wrapper table.titlesort td.downIcon,
#main-content .list .list-wrapper3 table.titlesort td.downIcon {
	vertical-align: top;
}

#main-content .list .list-wrapper table.titlesort td.iconlist img,
#main-content .list .list-wrapper3 table.titlesort td.iconlist img {
	margin: 2px;
}

/* for juku_list */
.merit-category {
	display: inline-block;
	padding: 2px 4px;
	color: #000000;
	width: 200px;
}
.merit {
	display: inline-block;
	padding: 4px 8px;
	margin: 2px;
	background-color: #aaaaaa;
	color: #ffffff;
	vertical-align: top;
}
.merit-selected {
	background-color: #6FAFEF;
	color: #000000;
}
#main-content .input .detail-table {
	border: 1px solid #999999;
}
#main-content .input .detail-table th,
#main-content .input .detail-table td {
	border: 1px solid #999999;
	padding: 4px;
	line-height: 1.3em;
}
#main-content .input .detail-table th {
	background-color: #c1d7e6;
}
#main-content .input .detail-table th.title {
	background-color: #777777;
	color: #ffffff;
}
/*#main-content .input .detail-table td input,
#main-content .input .detail-table td textarea {

}*/

/* for Map */
#mapPc {
	width: 400px;
	height: 400px;
}
#mapMb {
	width: 200px;
	height: 200px;
}

.inline-title {
	font-weight: bold;
}

/* ポップアップ画面 */
.popup {
	position: absolute;
	display: none;
	border: 1px solid #777777;
	background-color: #ffffff;
	padding: 16px;
	z-index: 10;
}
.popup .strong {
	color: red;
}
.popup .detail-table {
	margin: 8px 4px;
}
.popup .detail-table th,
.popup .detail-table td {
	padding: 4px;
	line-height: 1.4em;
	border-bottom: 1px solid #999999;
	vertical-align: middle;
}
.popup .buttons {
	text-align: center;
}
.popup input[type="button"],
.popup input[type="submit"] {
	padding: 4px 8px;
}

.csv-download {
	position: absolute;
	right: 6px;
}

#main-content .list .list-wrapper table tr.closedStatus {
	background-color : #afafb0;
}

.headline {
	margin: 0 0 5px 0;
}

.subhead {
 text-align: left;
}

.attentionMark {
	color:red;
	font-weight:bold;
}
.attentionComment {
	padding: 10px;
	border-width: 1px;
	border-style: solid;
	border-color: red;
	background-color: rgb(255,255,205);
}

#main-content .list .list-wrapper table tr td.upperRow {
	vertical-align:top;
	border-top: none;
	border-right: none;
	border-left: none;
}
#main-content .list .list-wrapper table tr td.middleRow {
	vertical-align:top;
	border-right: none;
	border-left: none;
}
#main-content .list .list-wrapper table tr td.lowerRow {
	vertical-align:top;
	border-right: none;
	border-left: none;
	border-bottom:none;
}
#main-content .list .currentStatus {
 	font-size: 105%;
}
#main-content .list .currentDateTime {
 	margin: 0 0 0 700px;
 	font-size: 90%;
}

#main-content .input .list-wrapper tr th.headerTitle {
	background-color: #c1d7e6;
	text-align: center;
}

.celebrationMoneyList {
	width: 90px;
}

.disabled-btn {
	background: #999999;
	cursor: default;
}

.disabled-btn span {
	cursor: default;
}

#footer {
	text-align: center;
}

.rubyfieldError {
	background-color:pink;
}
.rubyfieldOk {
	background-color:white;
}

#rubyerrors ul li {
	color:red;
}

/* ---------- テキスト装飾　設定 */
.rubyerrorcheck {
	color: #CC0000;
	font-size: 95%;
}

/* ---------- batchタブ */
.batch_list {
	font-size: 14px;
	margin-bottom: 10px;
	border-radius: 6px;
	box-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25);
	padding: 10px;
	background: #fff;
	text-align: center;
}
.batch_list table {
	width: 900px;
	margin: 20px auto;
}
.batch_list table tr:nth-child(even) {
	background: #f3f3f3;
}
.batch_list table th {
	background: #c1d7e6;
}
.batch_list table td {
	text-align: left
}
.batch_list table td, .batch_list table th {
	padding: 8px;
	border: 1px solid #999;
}
.batch_list table td.no_bdr {
	border: none;
}
.batch_list table td a{
	text-decoration: none;
}
.batch_list td.text_box input {
	width: 10em;
}
.batch_list .number_box input {
	width: 3em;
}
.batch_list .small-button {
	font-size: 12px;
	color: #fff;
	width: 40px;
}
.batch_list .small-button:hover{
	color: #fff;
}

/* ---------- 学校管理 */
#top_text {
    color: red;
    text-align: center;
    margin-top:10px;
    font-size: 16px;
}
.scl_kanri {
	line-height: 1.3;
        word-wrap: break-word;
	word-break: break-all;
}
.scl_kanri input,
.scl_kanri textarea {
	font-family: 'ＭＳ ゴシック', sans-serif;
	font-size: 12px;
        box-sizing: border-box;
        width: 100%;
}
.scl_kanri textarea {
	height: 5em;
        resize: none;
}
.scl_kanri table {
	text-align: left;
	margin-bottom: 20px;
}
.scl_kanri table th {
	background: #c1d7e6;
	border: 1px solid #999;
	padding: 5px;
}
.scl_kanri table td textarea {
	vertical-align: bottom;
}
.scl_kanri a:hover {
    filter: alpha(opacity=6);
    -moz-opacity:0.6;
    opacity:0.6;
    color: #000;
}

/* 上部テーブル */
.scl_kanri .table1,
.detail_contents table1 {
	width: 760px;
        table-layout: fixed;
        word-wrap: break-word;
}
.scl_kanri .table1 td,
.scl_kanri .table3 td {
	border: 1px solid #999;
	padding: 5px;
	vertical-align: top;
}
.scl_kanri .table1 .table1_title {
	background: #666;
	color: #fff;
}
.scl_kanri .table1 th {
	width: 33.3%;
}
.scl_kanri .table1 td .f_left {
	float: left;
	margin-right: 1%;
	width: 80%;
}
.scl_kanri .table1 td .ff_left {
	float: left;
	margin-right: 1%;
	width: 80%;
	margin-top: 4px;
}
.scl_kanri .table1 td .f_right {
	float: right;
	width: 17%;
}
.scl_kanri .maxwide {
	width:100%
}
.scl_kanri .maxwide th {
    width: 32.5%;
}
.scl_kanri .maxwide2 {
	width:90%
}
.scl_kanri .maxwide td .f_left,
.scl_kanri .maxwide2 td .f_left {
	width: 88%;
}
.scl_kanri .maxwide td .f_left {
	width: 86%;
}
.scl_kanri .maxwide td .f_right,
.scl_kanri .maxwide2 td .f_right {
	width: 10%;
}
.scl_kanri .maxwide td .f_right {
    width: 11.5%;
}
.scl_kanri .num_char {
	width: 2em;
	margin-right: 2px;
}
.scl_kanri .table1 .l_box {
	width: 100%;
}
.required {
	color: #f00;
}
/* 上部テーブル wrap内の場合 */

.scl_kanri .table_wrap {
	overflow: hidden;
	margin-bottom: 20px;
}
.scl_kanri .table_wrap .wide {
	width: 60%;
}
.scl_kanri .table_wrap .table1 {
	float: left;
	margin-right: 10px;
}
.scl_kanri .table_wrap .table3 {
	width: 370px;
}
.scl_kanri .table_wrap .table3 th {
	width: 40%;
}

/* 下部テーブル */
.scl_kanri .inner,
.detail_contents .inner{
	padding: 5px;
}
.scl_kanri .disabled_area {
	z-index: 9999;
	background: #ccc;
	opacity: 0.5;
}
.scl_kanri .fig_title {
	margin: 10px 0;
}
.scl_kanri .fig_title:before {
	content: "■";
	color: #00a1e8;
}
.scl_kanri .inner .fig_caption {
	margin-top: 5px;
}
.scl_kanri .inner .fig_type_area {
	margin-bottom: 10px;
	text-align: center;
}
.scl_kanri .inner .fig_type_area dl.fig_type {
	display: inline-block;
	width: 31.9%;
	border: 1px solid #ccc;
}
.scl_kanri .inner .fig_type_area dl.fig_type dt {
	border-bottom: 1px dotted #ccc;
	padding: 3px;
	background: #e5eef5;
	color: #3f7fbf;
	font-weight: bold;
}
.scl_kanri .inner .fig_type_area dl.fig_type dd {
	padding: 3px;
}
.scl_kanri .visual {
	width: 50%;
/*        margin: 5px 0;*/
}
.scl_kanri td.fig_input_area .inner p {
	margin-top: 5px;
}
.scl_kanri .f_box {
	overflow: hidden;
	padding: 5px 0;
}
.scl_kanri .f_left {
	float: left;
	width: 75%;
	font-family: ＭＳ ゴシック, sans-serif;
}
.scl_kanri .f_right {
	float: right;
	width: 20%;
}
.scl_kanri .v_cap {
	width: 100%;
}
.scl_kanri .s_title {
	width: 100%;
}
.scl_kanri .small-button {
	margin: 0 0 5px 5px;
}
.scl_kanri textarea.narrow {
	height: 3em;
}
.scl_kanri .fig_input_inner {
	padding: 0;
	width: 100%;
/*	border-bottom: 1px solid #999;*/
}
.scl_kanri .fig_input_inner .f_box {
	padding: 5px;
}
.scl_kanri .fig_input_inner .cate_title {
	border-top: 1px solid #999;
}
.scl_kanri .main_text {
	margin-top: 5px;
}
.scl_kanri .font_blue {
	color: #00a1e8;
}
/*↓↓詳細原稿新デザインの場合消す旧スタイルここから*/
.scl_kanri .top_area {
/*	overflow: hidden;*/
	margin-bottom: 10px;
}
.scl_kanri .top_area:after {
    content: "."; 
  display: block; 
  height: 0; 
  font-size:0;	
  clear: both; 
  visibility:hidden;
    
}
.scl_kanri .topLink_area {
	width: 760px;
	float: left;
	vertical-align: top;
        position:relative;
        margin-top: 27px;
}
.scl_kanri .top_area p.link_title {
        background: #2e5d8c;
        color: #fff;
        padding: 10px 15px 10px 5px;
        position: absolute;
        line-height: 1;
        top: -25px;
        left: -6px;
}
.scl_kanri .top_area p.link_title:before {
        position: absolute;
        content: " ";
        height: 0;
        width: 0;
        left: 0;
        top: 100%;
        border-top:6px solid #333;
        border-left:6px solid transparent;
}
.scl_kanri .topLink_area ul {
        border: 1px solid #2e5d8c;
        padding: 20px 10px 0 10px;
}
.scl_kanri .topLink_area li {
	display: inline-block;
	width: 32.9%;
	margin-bottom: 10px;
}
.scl_kanri .topLink_area li a {
    text-decoration: none;
    font-weight: bold;
    color: #197cdf;
}
.scl_kanri .topLink_area li.arrow_b:before {
    content: url(/assets/img_buttonArrow2.gif);
    margin-right: 5px;
}
.scl_kanri .topLink_area li.arrow_g {
    color: #999;
}
.scl_kanri .topLink_area li.arrow_g:before {
    content: url(/assets/img_buttonArrow1.gif);
    margin-right: 5px;
}
.scl_kanri .memo_area {
	float: right;
	width: 370px;
}
.scl_kanri .memo_area table {
	width: 100%;
	margin: 0;
}
.scl_kanri .memo_area table td textarea {
	width: 100%;
}
/*↑↑詳細原稿新デザインの場合消す旧スタイルここまで*/

.scl_kanri .topLink_narrow {
	width: 684px;
}
.scl_kanri .table_wrap .left_wrap {
	float: left;
	width: 90%;
	display: table;
}
.table_wrap_wide {
    width: 100%;
    border: 1px solid #999;
    margin-bottom: 10px;
    word-wrap: break-word;
}
.table_wrap_wide .cate_title {
    padding-left: 5px;
}
.table_wrap_wide .cate_title:first-child {
    border-top: none;
}
.table_wrap_wide .fig_title {
    padding-bottom: 5px;
    font-size: 14px;
}
.table_wrap_wide .inner .visual_box {
    display: table;
    width: 100%;
    text-align: center;
}
.table_wrap_wide .inner .visual_box img {
    margin-bottom: 3px;
}
.table_wrap_wide .inner .visual_box p {
    margin: 5px 0 3px 0;
}
.table_wrap_wide .inner .killer_v {
    width: 400px;
    margin: 10px auto 0 auto ;
}
.table_wrap_wide .inner .visual_box .visual {
    width: 220px;
}
.table_wrap_wide .inner .visual_box .f_box {
    width: 100%;
}
.table_wrap_wide .inner .visual_box .f_box .f_left {
    width: 80%;
}
.table_wrap_wide .inner .visual_box .f_box .f_right {
    width: 20%;
}
.table_wrap_wide .inner .each_visual {
    display: table-cell;
    width: 33.3%;
    padding: 10px;
}
.table_wrap_wide .inner .each_visual+.each_visual {
    border-left: 1px dotted #ccc;
}

.table_wrap_wide .f_left {
    width: 90%;
}
.table_wrap_wide .f_right {
    width: 8%;
}
.table_wrap .v_area {
	width: 33%;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	display: table-cell;
}
.table_wrap .v_area:first-child {
	border-left: 1px solid #999;
}
.table_wrap .inner .f_box .f_left{
	width: 70%;
}
.table_wrap .inner .f_box .f_left .v_cap {
	width: 100%;
}
.table_wrap .inner .f_box .f_right{
	width: 26%;
}
.f_box .f_right .num_char {
	margin-bottom: 5px;
}

.table_wrap .right_wrap .blue_box {
	border: 1px solid #00a1e8;
	margin-bottom: 10px;
	padding: 2px;
}
.table_wrap .right_wrap .red_box {
	border: 1px solid #f00;
	color: #f00;
	padding: 2px;
}
.r_btn {
	text-align: right;
	padding-right: 5px;
}
.scl_kanri .table3 {
	border: 2px solid #3d46cc;
}
.scl_kanri .table3 td .f_left{
	float: left;
	width: 70%;
	overflow: hidden;
}
.scl_kanri .table3 td .f_left input[type="text"]{
	width: 97%;
}
.scl_kanri .table3 td .f_right {
	float: right;
	width: 28%;
}
.cate_title{
	background: #c1d7e6;
	font-weight: bold;
	border-bottom: 1px solid #999;
	border-top: 1px solid #999;
	height: 27px;
	line-height: 27px;
}
.cate_title .chk_box {
	background: #fff;
	float: left;
	padding: 4px;
	margin-right: 5px;
	border-right: 1px solid #999;
}
.v_area .pddg_l {
    padding-left: 5px;
}
.notice {
	margin-top: 20px;
}
.notice li {
	margin-bottom: 5px;
}
.notice li:before {
	content: "※"
}
.scl_kanri #errors {
	margin-bottom: 20px;
}

.change_content{
    background: #FFFF00;
}






/* ---------- 学校情報データタブ */
/*　新規作成　*/
.pref_dl dt,
.pref_dl dd {
	display: inline-block;
	margin-bottom: 10px;
}
.pref_dl dt {
	width: 15%;
	vertical-align: top;
	line-height: 1.5em;
	padding-left: 5px;
	border-left: 3px solid rgb(255, 0, 0);
}
.pref_dl dd {
	width: 82%;
}
.pref_dl dd .pref_ul li {
	display: inline-block;
	width: 15.8%;
	line-height: 1.5em;
}
.genre_ul li {
	display: inline-block;
	width: 49.6%;
	line-height: 1.5em;
}
.data_table th.v_top {
	vertical-align: top;
}
.data_table th .errorcheck:first-child {
	margin-left: -1em;
}
/* ---------- 上部固定メニュー */
#scroll_topArea {
    background: #666;
    position: fixed;
    top:0;
    left: 0;
    width: 100%;
    padding: 20px;
}
#scroll_topArea p {
    width: 1000px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.5;
    color: #fff;
    font-size: 1.5em;
    font-weight: bold;
}

/* ---------- 特殊タグ説明用POPUP画面 */
#popup_contents {
    background: #fff;
    padding: 10px;
    border-top: 5px solid #000;
    line-height: 1.5em;
    margin: 0 auto;
}
#popup_contents article {
    margin-top: 10px;
    border: 1px solid #999;
    padding: 20px 10px 10px;
}
#popup_contents article h1 {
    font-size: 1.5em;
    margin-bottom: 20px;
}
#popup_contents article table {
    border: 1px solid #999;
    width: 100%;
}
#popup_contents article table th {
    background: #c1d7e6;
    padding: 10px;
    border: 1px solid #999;
}
#popup_contents article table td {
    padding: 5px;
    border: 1px solid #999;
}
#popup_contents article table tr:nth-child(odd) {
    background: #f3f3f3;
}

/* ---------- 学校管理 サンプルlistページ */

.list_contents,
.detail_contents {
    padding: 20px 10px !important
}
.list_contents h1,
.detail_contents h1 {
    padding: 10px;
    color: #fff;
    font-weight: bold;
    background: #666;
    font-size: 16px;
    border-left: 5px solid #454545;
}
.list_contents #main-content,
.detail_contents #main-content {
    padding-top: 10px;
}
.list_contents .school_name {
    font-size: 16px;
    padding: 10px;
    margin: 10px auto 20px auto;
    width: 90%;
    border-bottom:5px solid #ccc;
    background:#f6f6f6;
    font-weight: bold;
    color: #444;
}
.list_contents .sbj_ul {
    width: 91%;
    margin: 0 auto;
}
.list_contents .sbj_ul li {
    display: inline-block;
    width: 80%;
    margin-bottom: 20px;
    background: url(/assets/img_buttonArrow2.gif) no-repeat left center;
    padding-left: 20px;
}
.list_contents .sbj_ul li:nth-child(odd) {
    margin-right: 18px;
}
.list_contents .sbj_ul li dl dt,
.list_contents .sbj_ul li dl dd {
    display: inline-block;
}
.list_contents .sbj_ul li dl dt {
    width: 40%;
}
.list_contents .sbj_ul li dl dd {
    text-align: right;
}
.list_contents .sbj_ul li dl dd input[type="button"] {
    margin-left: 20px;
}
.list-wrapper a.common_button {
    padding:5px 10px;
}
.list-wrapper a.common_button:before {
    content: none;
}
.list-wrapper table td.font_l {
    font-size: 14px;
}
/* ---------- 学校管理 サンプル詳細ページ */
.detail_contents table {
    width: 760px;
    margin-bottom: 20px;
}
.detail_contents table th {
    background: #c1d7e6;
    border: 1px solid #999;
    padding: 5px;
    width: 130px;
}
.detail_contents table td {
    border: 1px solid #999;
    padding: 5px;
}
/*↓↓不要になったら消す　ここから↓↓*/
.detail_contents table.scl_data {
    width: 785px;
    margin-bottom: 20px;
}
.detail_contents table.scl_data {
    border-collapse:separate;
    border:1px solid #ccc;
    border-bottom: none;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:3px;
    box-shadow: 1px 1px 3px #eee;
}
.detail_contents table.scl_data th {
    background: #cde4ee;
    font-weight: normal;
    text-align: left;
    border: none;
    border-bottom: 1px solid #ccc;
}
.detail_contents table.scl_data td {
    border: none;
    border-bottom: 1px solid #ccc;
}
.detail_contents table.scl_data th:nth-child(n+9),
.detail_contents table.scl_data td:nth-child(n+9){
    border-bottom: none;
}
.btm_area .column {
    display: inline-block;
    width: 29.5%;
    vertical-align: top;
}
.btm_area .column+.column {
    margin-left: 1%;
}
.btm_area .column:first-child {
    width: 38%;
}
.btm_area .column .column_inner {
    margin-bottom: 10px;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 1px 1px 3px #eee inset;
}
.btm_area .column .column_inner .inner_title {
    font-size: 16px;
    background: #fff;
    margin-bottom: 5px;
    border-left: 10px double #67accc;
    padding-left: 8px;
}
.btm_area .column .column_inner .inner_l,
.btm_area .column .column_inner .inner_r {
    display: inline-block;
    vertical-align: top;
}
.btm_area .column .column_inner .inner_l {
    width: 58%;
    margin-right: 2%;
}
.btm_area .column .column_inner .inner_r {
    width: 38%;
}
.btm_area .column .column_inner .inner_l .title {
    font-size: 15px;
    margin-bottom: 5px;
}

.btm_area .column .column_inner .inner_r .title {
    font-size: 15px;
    margin-bottom: 5px;
}
.btm_area .column .column_inner .inner_l img {
    width: 100%;
}
.btm_area .column .column_inner .inner_r img {
    width: 100%;
}
.btm_area .column .column_inner .inner_r figure {
    margin-bottom: 20px;
}
.btm_area .column .column_inner .inner_r figure figcaption,
.btm_area .column .column_inner .inner_l figure figcaption {
    margin-top: 5px;
}
.btm_area .column .column_inner dl dt {
    font-size: 15px;
    border-bottom: 1px dotted #ddd;
    padding: 5px;
}
.btm_area .column .column_inner dl dd {
    margin-bottom: 10px;
    padding: 5px 5px 5px 20px;
    line-height: 1.4em;
}
/*↑↑不要になったら消す　ここまで↑↑*/

.f_box .subtitle {
    font-size: 16px;
    margin-bottom: 5px;
    font-weight: bold;
}
.f_box .text {
    margin-bottom: 10px;
    line-height: 1.4em;
}

/* ---------- 学校管理 イメージ画像ダウンロードページ */

.list_contents .image_dlBox {
    margin-bottom: 40px;
}
.list_contents .image_dlBox .image_title {
    font-size: 16px;
    border-left: 5px solid #00a1e8;
    border-bottom: 1px dotted #ccc;
    padding-left: 5px;
    margin-bottom: 10px;
    line-height: 1.5;
}
.list_contents .image_dlBox figure {
    width: 300px;
    margin-bottom: 10px;
}
.list_contents .image_dlBox figure img {
    width: 100%;
    margin-bottom: 10px;
    border: 1px solid #ccc;
}
.list_contents .image_dlBox figure {
    
}
.btm_buttonArea {
    display: table;
    width: 1180px;
    background: #eee;
    margin: 0 -20px -10px -10px;
}
.btm_buttonArea .full-cell_l {
    display: table-cell;
    width: 55%;
    text-align: right !important;
}
.btm_buttonArea .full-cell_r {
    display: table-cell;
    width: 45%;
    text-align: left !important;
}
.search_bar {
    background: #3f7fbf;
    color: #fff;
    padding: 10px 10px 10px 30px;
    position: relative;
    letter-spacing: 5px;
    font-weight: bold;
}
.search_bar:before {
    content: "▼";
    position: absolute;
    left: 10px;
}

/* ---------- ---------- ---------- ---------- 詳細原稿新デザイン対応 ---------- ---------- */
.close_btn {
    background: #4698ca;
    color: #fff;
    padding: 5px;
    margin-bottom: 5px;
    cursor: pointer;
}
.close_btn:before {
    content: "▼";
    margin-right: 3px;
}
.top_area {
    padding-top: 5px;
}
.top_left {
    float: left;
    width: 45%;
    margin-right:1%;
    vertical-align: top;
}
.top_right {
    float: right;
    width: 54%;
    vertical-align: top;
}
.top_left table th {
    width: 25%;
    font-weight: normal;
    background: #fff;
}
.top_left table td {
    width: 75%;
    border: 1px solid #999;
    padding: 5px 5px 0;
}
.top_left table td .text_input {
    width: 300px;
    margin-right: 3px;
    resize: none;
    color: #000;
    margin-bottom: 5px;
}
.top_left table td .letter_num {
    width: 40px;
    vertical-align: top;
    margin-right: 3px;
    text-align: right;
    border: none;
}
.top_left table td span {
    vertical-align: top;
}
.top_left table td.send_detail input[type="text"].letter_num {
    color: #ccc;
}
.top_left table td.send_detail input[type="text"].text_input {
     width: 300px;
    margin-right: 3px;
    resize: none;
    color: #000;
    margin-bottom: 5px;
}
/*.top_left table td.send_detail input[type="text"]:nth-of-type(5) {
    margin-left: 34px;
}*/
.top_right .linkbox {
    border: 1px solid #999;
    padding: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}
.top_right .linkbox ul li {
    float: left;
    width: 25%;
    margin-top: 8px;
}
.top_right .linkbox ul li:before {
    content: url(/assets/right_arrow.gif);
    color: #72caea;
}
.top_right .linkbox ul li a {
    text-decoration: none;
    color: #4698ca;
}
.top_right .linkbox ul li a.off {
    color: #ccc;
    pointer-events: none;
}
.top_right .memobox_title {
    padding: 5px 10px;
    border: 1px solid #999;
    border-bottom: none;
}
.top_right .memobox {
    border: 1px solid #999;
    padding: 5px;
}
.buttonbox {
    border: 1px solid #999;
    padding: 20px;
    overflow: hidden;
    margin-bottom: 20px;
}
.buttonbox .float_l {
    float: left;
    overflow: hidden;
    margin-right: 20px;
}
.buttonbox .float_l p {
    margin-bottom: 10px;
}
.buttonbox #reload {
    position: relative;
    display: block;
    padding-left: 10px;
    margin-bottom: 10px;
}
.buttonbox #reload:before {
    position: absolute;
    top: 3px;
    left: 0;
    content: "";
    height: 0;
    width: 0;
    border: 6px solid transparent;
    border-left-color: #72caea;
    margin-right: 5px;
    }
#page1 {
    border: 1px solid #999;
    display: table;
    width: 100%;
}
.v_cells {
    display: table-cell;
    width: 33.3%;
    border-right: 1px solid #999;
}
.v_cells:last-child {
    border: none;
}
.v_cells .cell_title {
    background: #4698ca;
    padding: 10px;
    color: #fff;
    font-size:1.2em;
}
.v_cells .cell {
    padding: 10px;
}
.v_cells .cell .rcmnd {
    color: blue;
    padding-right: 20px;
}
.v_cells .cell .rcmnd_n {
    font-size: 18px;
    padding-right: 2px;
    font-weight: bold;width: 2em;
    border: none;
    text-align: right;
    vertical-align: baseline;
}
.titlebox {
    display: table;
    width: 100%;
    margin-bottom: 10px;
}
.titlebox .visual_title,
.titlebox .common_button {
    display: table-cell;
}
.titlebox .visual_title {
    color: #3f7fbf;
    width: 65%;
}
.titlebox .visual_title:before {
    content: "■";
    margin-right: 2px;
}
table.texttable {
    border: 1px solid #999;
    width: 100%;
    line-height: 1.5;
    margin-bottom: 10px;
}
table.texttable tr {
    border-bottom: 1px solid #999;
}
table.texttable td:nth-child(odd) {
    border-right: 1px solid #999;
    padding: 5px;
}
.v_cells .cell table.texttable td:nth-child(odd) {
    width: 80%;
}
table .font_grey,
table .font_grey input {
    color: #ccc;
}
table.texttable td:nth-child(even) {
    text-align: right;
    padding: 5px;
    vertical-align: top;
}
table.texttable td input[type="text"],
table.texttable td textarea {
    border: none;
    resize: none;
}
table.texttable td .letter_num {
    padding-bottom: 3px;
    width: 2em;
    border: none;
    text-align: right;
}
table.texttable td .row_num {
    width: 2em;
    border: none;
    text-align: right;
    margin-top: -3px;
}
figure.fig_dl {
    margin-bottom: 10px;
}
figure.fig_dl img {
    width: 100%;
    margin-bottom: 5px;
}
figure.fig_dl .visual {
    width: 100%;
}
.alert {
    color: #f00;
}
/*共通ボタン*/

.scl_kanri a:hover {
    filter: alpha(opacity=6);
    -moz-opacity:0.6;
    opacity:0.6;
    cursor: pointer;
}
a.common_button {
    border: 1px solid #999;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    background: linear-gradient(to bottom, #fff 0%, #eee 100%);
    background: -webkit-linear-gradient(top, #fff 0%, #eee 100%);
    color: #000;
    padding: 5px 10px;
    text-align: center;
}
a.common_button_b,
a.common_button_g {
    border: 1px solid #999;
    text-decoration: none;
    display: inline-block;
    border-radius: 4px;
    color: #fff;
    padding: 10px 20px;
}
a.common_button_b {
    background: #4698ca;
}
a.common_button_g {
    background: #888;
}
a.common_button_b:hover,
a.common_button_g:hover {
    color: #fff;
}
a.common_button:before {
    content: "▼";
    color: #72caea;
    margin-right: 3px;
}
a.common_button_b:before,
a.common_button_g:before {
    content: "▼";
    color: #fff;
    margin-right: 3px;
}
.buttonbox .button_set {
    float: left;
    margin-right: 10px;
}
.buttonbox a.common_button {
    width: 120px;
    padding: 8px 0;
    margin-bottom: 8px;
}
.buttonbox a.lastscript {
    display: inline-block;
    cursor: pointer;
    padding-left: 10px;
    position: relative;
}
.buttonbox a.lastscript::before {
    height: 0;
    width: 0;
    content: "";
    border: 6px solid transparent;
    border-left-color: #72caea;
    position: absolute;
    left: 0px;
    top: 2px;
}
.buttonbox .nendo {
    width:90px;
    font-size: 18px;
    margin-bottom: 8px;
    border-bottom: solid 2px #0093ff;
}
.button_set table {
    border: 1px solid #ccc;
    text-align: center;
    width: 120px;
    margin-bottom: 0;
}
.button_set table th {
    border: none;
    border-bottom: 1px solid #ccc;
    font-weight: normal;
    background: #e5f5fb;
    padding: 2px;
}
.button_set table td {
    padding: 2px 5px;
    border: 1px solid #ccc;
    width: 120px;
}
.v_cells a.up_arrow {
    margin-bottom: 10px;
}
.v_cells a.up_arrow:before {
    content: "▲";
}
.note {
    margin: 20px 0;
}
.other_figs {
    padding: 10px 5px;
    border: 1px solid #999;
    margin-bottom: 5px;
    letter-spacing: -.40em;
}
.other_figs .figs_inner{
    display: inline-block;
    vertical-align: top;
    padding-right: 10px;
    border-top: 1px dotted #ccc;
    padding-top: 10px;
    padding-left: 10px;
    width: 261px;
    letter-spacing: normal;
}
.other_figs .figs_inner:nth-of-type(4n) {
    margin-right: 0;
    border-right: none;
}
.other_figs .figs_inner:nth-of-type(-n+4) {
    border-top: none;
}
.other_figs .visual_title {
    width: 55%;
}
.other_figs table.texttable td:nth-child(odd) {
    width: 74%;
}
.wider {
    padding: 10px 10px 0;
    letter-spacing: normal;
}
.wider .titlebox {
    width: 40%;
}
.wider .titlebox a.common_button {
    width: 30%;
    padding: 5px 8px;
}
.wider figure.fig_dl {
    width: 40%
}
.btm_btnarea {
    text-align: center;
    margin: 10px 0;
}
.btm_btnarea a.common_button {
    padding: 10px 20px;
}

/* ---------- 詳細原稿新デザイン 画像インプット用popup画面 */

#figinput h3 {
    background: #4698ca !important;
    border-left: none !important;
}
#figinput table {
    width: 100%;
}
#figinput table td a.common_button {
    padding: 4px 10px;
}
#figinput table td {
    padding: 5px;
}
#figinput table td input[type="text"] {
    width: 230px;
}
#figinput .button {
    background: #fff;
}
#figinput .button a.common_button {
    padding: 10px 20px;
}
/* ---------- ログイン画面更新履歴 */

#update_list {
    width: 600px;
    margin: 30px auto;
    font-size: 12px;
}
#update_list > p {
    font-size: 16px;
    margin-bottom: 10px;
    border-left: 5px solid #3F7FBF;
    padding: 5px;
    border-bottom: 1px solid #ccc;
}
#update_list ul {
    height: 200px;
    overflow-y: scroll;
    border: 1px solid #ccc;
    margin-bottom: 5px;
}
#update_list ul li {
    padding: 12px 5px;
}
#update_list ul li+li {
    border-top: 1px dotted #ccc;
}
#update_list ul li time {
    float: left;
    width: 120px;
}
#update_list span {
    display: inline-block;
    padding: 0 3px;
    margin-left: 5px;
    background: red;
    color: #fff;
}
#update_list ul li p {
    margin-left: 125px;
}
#update_list ul li:nth-child(odd) {
    background: #fafafa;
}
#update_list small {
    text-align: right;
    display: block;
    font-size: 12px;
}