@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 ! File name:      style.css
 ! Style Info:     スタイルのリセットと設定
----------------------------------------------------------- */

/*----------------------------------------------------
	Reset
----------------------------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption,th {
	text-align: left;
}
q:before,q:after {
	content: '';
}
object,
embed {
	vertical-align: top;
}
hr,legend {
	display: none;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}
img,abbr,acronym,fieldset {
	border: 0;
}
li {
	list-style-type: none;
}
a {
	text-decoration:none;
	color:#000000;
}

/*----------------------------------------------------
	Base
----------------------------------------------------*/
body {
	background: #fff;
	/* background: #fff url(../img/bg_header.gif) repeat-x 0% 0%; */
	line-height: 1.8;
	color:#000000;
	font-family: "ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,Sans-Serif;
	font-size: 76%;
	text-align: center;
}
#wrapper {
	width: 100%;
	margin: 0;
	background: #fff;
	text-align: left;
}
.hide {
	display: none!important;
}
.inline-form {
	display: inline-block;
}

/*----------------------------------------------------
	#header
----------------------------------------------------*/
#header {
	width:100%;
	height:50px;
	background:#1a7abe;
}
#header_wrap {
	width:969px;
}
#header_wrap div {
	padding:9px 13px 0 9px;
	float:left;
}
#header_wrap div.status {
	float:left;
	border-left:1px solid #5fa2d2;
	color:#fff;
	margin-top:19px;
	padding:0 0 0 15px;
	font-size:14px;
	line-height:1;
}
#header_wrap:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#header_wrap .logout {
	float:right;
	background:url(../img/bg-logout.gif) repeat-x;
	width:86px;
	height:19px;
	text-align:center;
	padding:0;
	margin-top:13px;
	font-size:12px;
}

#contents {
	width:969px;
}
#contents:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}

/*----------------------------------------------------
	#top_login
----------------------------------------------------*/
#top_login {
	width:424px;
	margin:101px 0 0 290px;
}
#top_login h1 {
	margin-bottom:40px;
	text-align:center;
}

#top_login .table_wrap {
	width:422px;
	border:1px solid #1a7abe;
	position:relative;
	background:#fcfcfc;
}
#top_login .table_wrap h2 {
	padding:9px 14px;
	border-bottom:1px dotted #ccc;
}
#top_login .table_wrap table {
	width:314px;
	margin:21px 0 0 56px;
}
#top_login .table_wrap table th {
	width:76px;
}
#top_login .table_wrap table td {
	color:#357ed0;
}

#top_login .table_wrap table input.login_info {
	width:166px;
}

#top_login .table_wrap table .btn_area {
	padding:0 0 0 10px;
}
#top_login .table_wrap table .check_box {
	padding:0 0 20px 76px;
}

#top_login .table_wrap .chara {
	position:absolute;
	bottom:-34px;
	left:338px;
}
#top_login .table_wrap a {
	color:#357ed0;
	text-decoration:underline;
}
#top_login .table_wrap p {
	padding:0 0 10px 20px;
}

#top_login .table_wrap.notification_box {
	width: 565px;
	border:1px solid #ff0000;
	margin-bottom: 20px;
}

#top_login .table_wrap.notification_box p {
	padding: 0 10px 10px 10px;
}

#top_login .table_wrap.notification_box h2 + p {
	padding-top: 10px;
}

#top_login table input.errbox {
	background:#ffd9d9;
}

#top_login table .errmsg, 
#top_login table .error-message {
	font-weight:bold;
	color:#ff0000;
}



/*----------------------------------------------------
	#local_area
----------------------------------------------------*/
#local_area {
	width:760px;
	float:right;
	padding-top:20px;
}
#local_area h1 {
	font-size:16px;
	line-height:1;
	margin-bottom:14px;
}
#local_area .section {
	width:760px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
}
#local_area .section h2 {
	padding:5px;
	border:1px solid #1a7abe;
	font-size:14px;
	background:#e0f2ff;
}
#local_area .section .table_header {
	padding:5px;
	border:1px solid #1a7abe;
	background:#e0f2ff;
}
#local_area .section .table_header h2 {
	padding:0;
	border: none;
	font-size:14px;
}
#local_area .section table {
	margin-bottom:-1px;
	margin-right:-1px;
	width:759px;
}
#local_area .section .table_wrap {
	border-bottom:1px solid #1a7abe;
	border-left:1px solid #1a7abe;
	border-right:1px solid #1a7abe;
	width:758px;
	overflow:hidden;
}

#local_area .section .table_wrap.cross {
	overflow-x: auto;
	overflow-y: auto;
}

#local_area .section .table_wrap_with_top {
    border: 1px solid #1a7abe;
    width:758px;
    overflow:hidden;
}

#local_area .section .bottom_space {
	margin-bottom: 48px;
}

#local_area .section p.notes {
	position:absolute;
	top:0;
	right:0;
	padding:10px 10px 0 0;
}
#local_area .section p.notes span {
	color:#ff0000;
}
#local_area p.complete {
	font-size:14px;
	font-weight:bold;
	background:#f7f7f7;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	color:#1A7ABE;
	
}
#local_area p.error {
	font-size:14px;
	font-weight:bold;
	background:#f7f7f7;
	padding:10px;
	margin-bottom:20px;
	text-align:center;
	color:#ff0000;
	border: solid 1px #ff0000;
}
#local_area a {
	text-decoration: underline;
	color:#1A7ABE;
}

#local_area div.attention {
    color: #ff0000;
    padding-left: 10px;
}
#local_area div.attention_error {
    color: #ff0000;
    font-weight: bold;
    font-size: 14px;
}

#local_area .section div.move {
    text-align: right;
}

#local_area .section div.move span {
    margin-left: 0.5em;
}

#local_area .section .center {
    text-align: center;
}

#local_area .section span.notice {
    color: #0000ff;
}

#local_area span.fdid_notification {
    color: #ff0000;
    font-weight: bold;
}
/*----------------------------------------------------
	教室一覧 表示
----------------------------------------------------*/
.count_area {
	width:758px;
	font-size:14px;
	padding-bottom:10px;
}
.count_area:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.count_area .count_result {
	float:left;
	width:200px;
}
.count_area .count_result strong {
	color:#f05a00;
}
.count_area .paging {
	float:right;
	width:300px;
	text-align:right;
	letter-spacing:2px;
}
.count_area .paging a {
	text-decoration:underline;
}

/*----------------------------------------------------
	table共通
----------------------------------------------------*/
#local_area .section table td {
	border-bottom:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	padding:5px 8px;
	vertical-align:top;
}
#local_area .section table th, #local_area .section table td.disabled {
	border-bottom:1px solid #c4c4c4;
	border-right:1px solid #c4c4c4;
	background:#eeeeee;
	vertical-align:top;
	font-weight:100;
	padding:5px 8px;
	white-space:nowrap;
}
#local_area .section table thead td {
	background:#eeeeee;
	
}
#local_area .section table span {
	padding:0 5px;
}

#local_area .section table span.disp_row_number {
	padding:0;
}

#local_area .section table tr.invisible {
	background-color:#DEDEDE;
	color:#696969;
}

#local_area .section table th span.must {
	color:#ff0000;
}

#local_area .section table input.errbox,
#local_area .section table select.errbox,
#local_area .section table input.form-error,
#local_area .section table select.form-error,
#local_area .section table textArea.form-error{
	background:#ffd9d9;
}

#map {
	margin:15px;
	/* width:538px; */
	height:558px;
	background:#e5e3df;
}

#local_area .section table span.errtxt {
	color:#ff0000;
	padding:0;
}
#local_area .section table div.errmsg,
#local_area .section table div.error-message,
#SchoolMessageDraftEditForm > div.error-message {
	color:#ff0000;
	padding:0;
}

#local_area .section table th.errtxt {
    color:#ff0000;
}
/*
#local_area .section table tr.separate th, #local_area .section table tr.separate td {
    background: #1A7ABE;
    height: 1px;
    border-top: 0px none #1A7ABE;
    padding: 0px;
    margin: 0px;
}
*/
#local_area .section table tr.separate-top th, #local_area .section table tr.separate-top td {
    border-top: 1px solid #1A7ABE;
}
#local_area .section table tr.separate-bottom th, #local_area .section table tr.separate-bottom td {
    border-bottom: 1px solid #1A7ABE;
}

/*----------------------------------------------------
	.type01     トップページ（お知らせ）
----------------------------------------------------*/
#local_area .section table.type01 th {
	padding:14px;
	width:80px;
	background:#fff;
	border-right:0px;
	font-weight:bold;
}
#local_area .section table.type01 td {
	padding:14px;
	vertical-align:top;
}
#local_area .section table.type01 td strong.title {
	color:#f05a00;
}
#local_area .section table.type01 td span {
	padding:0;
}
/* 半角英数が連続した場合に折り返すためのスタイル */
#local_area .section table.type01 td div.freetext_area {
        word-wrap:break-word;
        word-break: break-all;
        width:622px; /* 758(全体のwidth) - 80(thのwidth) - 14(paddingひとつ分) × 4(paddingは1行に4つ) = 622 */
}
/*----------------------------------------------------
	.type02     トップページ（警告）
----------------------------------------------------*/
#local_area .section table.type02 thead td {
	text-align:center;
}
#local_area .section table.type02 td.id {
	text-align:center;
	width:60px;
}
#local_area .section table.type02 td {
	padding:5px 8px;
	text-align:center;
}
#local_area .section table.type02 td.middle {
	text-align:left;
	padding:5px 12px;
	width:560px;

}
#local_area .section table.type02 td input {
	padding:1px 10px;
}
/*----------------------------------------------------
	.type03     マスタ検索項目
----------------------------------------------------*/
#local_area .section table.type03 td {
	padding:5px 10px;
	text-align:center;
}
#local_area .section table.type03 th {
	font-weight:100;
	border-right:1px solid #c4c4c4;
	width:48px;
	text-align:center;
	padding:5px 10px;
	vertical-align:middle;
}	

#local_area .section table.type03 .bottom_line th,
#local_area .section table.type03 .bottom_line td {
	border-bottom:1px solid #1a7abe;
}

#local_area .section table.type03 td.long {
	text-align:left;
	width:640px;
	padding:5px;
	border-right:0px;
}
#local_area .section table.type03 td.medium {
/*お問い合わせ管理　検索条件入力欄にて使用*/
	text-align:left;
	padding:5px;
	border-right:1px solid #c4c4c4;
	vertical-align:middle;
}
#local_area .section table.type03 td.last input {
	padding:1px 50px;
}
#local_area .section table.type023 td input {

}

#local_area .section .btn_area {
	text-align:right;
	padding:15px 0;
}
#local_area .section .btn_area_left {
	text-align:left;
	padding:15px 0;
}
#local_area .section .btn_area div {
	display:inline;
	
}
#local_area .section .btn_area div input,
#local_area .section .btn_area_left div input {
	width:256px;
	padding:1px 0;
}
#local_area .section .btn_area_left div input.third {
	width: 239px;
}

/* 合格体験談 検索画面の横並びのボタン群 */
#local_area .section .btn_flex {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	margin-bottom: 15px;
}

#local_area .section .btn_flex .margin-left {
	margin-right: 15px;
	width: 140px;
}
#local_area .section .btn_flex .margin-left+.margin-left {
	margin-left: 15px;
}


#local_area .section .btn_flex .red-btn {
	border: 1px solid #FF3333;
	background-color: #ffcccc;
	color: #FF3333;
	border-radius: 2px;
}

#local_area .section .btn_flex .blue-btn {
	border: 1px solid #0066ff;
	background-color: #99ccff;
	color: #0066ff;
	border-radius: 2px;
}

#local_area .section .btn_flex .red-text {
	color: #FF3333;
	margin-left: 15px;
}

/* 合格体験談 検索画面の変更・削除ボタン */
#contents-area .button {
	background-color: #efefef;
	text-decoration: none;
	color: #333333;
	border: 1px solid #333333;
	padding: 5px 2px;
	font-size: 13.3px;
	border-radius: 10%;
	word-break: keep-all;
} 

/*  開校状況チェックボックス　レイアウト修正 */
.open_status_select div input {
  vertical-align: middle;
}

.open_status_select div label {
  vertical-align: middle;
  margin-right: 6px;
  padding-left: 4px;
}

.passedExperienceTable_1 {
	width: 13px;
}
.passedExperienceTable_2 {
	width: 41px;
}
.passedExperienceTable_3 {
	width: 53px;
}
.passedExperienceTable_4 {
	width: 37px;
}
.passedExperienceTable_5 {
	width: 32px;
}
.passedExperienceTable_6 {
	width: 50px;
}
.passedExperienceTable_7 {
	width: unset;
}
.passedExperienceTable_8 {
	width: 50px;
}
.passedExperienceTable_9 {
	width: 75px;
}
.passedExperienceTable_10 {
	width: 80px;
}
.passedExperienceTable_11, .passedExperienceTable_12 {
	width: 33px;
}

/*----------------------------------------------------
	.type04     検索結果一覧
----------------------------------------------------*/
#local_area .section table.type04 .bottom_line th,
#local_area .section table.type04 .bottom_line td {
	border-bottom:1px solid #1a7abe;
}
#local_area .section table.type04 td.last {
	text-align:center;
	padding:10px 0;
}
#local_area .section table.type04 td.last input {
	padding:1px 50px;
}

/* 半角英数が連続した場合に折り返すためのスタイル */
#local_area .section table.type04 td.name div { /* お問い合わせ 入力者名 */
        word-wrap:break-word;
        word-break: break-all;
        width:100px;
}
#local_area .section table.type04 td.email div {
        word-wrap:break-word;
        word-break: break-all;
        width:150px;
}
#local_area .section table.type04 td.title div {
        word-wrap:break-word;
        word-break: break-all;
        width:150px;
}
#local_area .section table.type04 td.rome div {
        word-wrap:break-word;
        word-break: break-all;
        width:150px;
}
#local_area .section table.type04 td.title_coupon div {
        word-wrap:break-word;
        word-break: break-all;
        width:300px;
}
#local_area .section table.type04 td.body div {
        word-wrap:break-word;
        word-break: break-all;
        width:200px;
}

/* 郵便番号データと紐付けられていない教室一覧 */
#local_area .section table.type04.topics td {
	text-align: center;
}
#local_area .section table.type04.topics td input {
	padding:1px 10px;
}
#local_area .section table.type04.topics td.id {
	width:60px;
}
#local_area .section table.type04.topics td.name {
	text-align: left;
	padding:5px 12px;
	width:350px;
}
#local_area .section table.type04.topics td.owner_id {
	width:62px;
}

/* コンテンツがない場合でも縦幅を維持したい場合のスタイル */
#local_area .section table.type04 div.keep_height {
        min-height: 20px;
}

.table_fixed {
	word-break: break-all;
}

/*----------------------------------------------------
	.type05     マスタ全般（入力、確認、削除画面など）
----------------------------------------------------*/
#local_area .section table.type05 {
    table-layout:fixed;
}
#local_area .section table.type05 th {
        width:200px;
}
#local_area .section table.type05 td {
        width:526px;
}
#local_area .section table.type05 .bottom_line_black th,
#local_area .section table.type05 .bottom_line_black td {
	border-bottom:1px solid #000000;
}
#local_area .section table.type05 .bottom_line th,
#local_area .section table.type05 .bottom_line td {
	border-bottom:1px solid #1a7abe;
}
#local_area .section table.type05 td.last {
	text-align:center;
	padding:10px 0;
	width:auto;
}
#local_area .section table.type05 td.last input {
	padding:1px 50px;
}

#local_area .section table td div.map_sub {
	padding-left:15px;
}

#local_area .section table td div.map_sub input {
	padding:1px 10px;
	margin-top:5px;
}

#local_area .section .table_wrap_with_top table.type05 th {
    width: 28%;
}

#local_area .section .table_wrap_with_top table.type05 div.coupon_image {
    float: left;
    margin: 1em;
}

#local_area .section table.type05 div.src_pc_scoop_image img {
    width: 70px;
}

/* 画像が表の枠からはみ出ないようにするためのスタイル */
#local_area .section table.type05 img {
    height: auto;
    width: auto;
    max-width: 100%;
}

/* 半角英数が連続した場合に折り返すためのスタイル */
#local_area .section table.type05 td div.freetext_area {
        word-wrap:break-word;
        word-break: break-all;
        width:526px; /* 758(全体のwidth) - 200(thのwidth) - 8(paddingひとつ分) × 4(paddingは1行に4つ) = 526 */
}

/* CKEditorで編集した部分で干渉させないためのスタイル */
#local_area .section table.type05 td div.html_text span {
        padding:0;
}

/*----------------------------------------------------
	#side_menu
----------------------------------------------------*/
#side_menu {
	width:181px;
	float:left;
	padding:50px 0 0 9px;
}
#side_menu ul {
	border-top:1px solid #1a7abe;
	width:181px;
	margin-bottom:20px;
}
#side_menu ul li {
	padding:5px 0;
	border-bottom:1px dotted #c1c1c1;
}
#side_menu ul li.last {
	border-bottom:1px solid #1a7abe;
}

#side_menu ul li a {
	background:url(../img/ico-arrow.gif) 0 2px no-repeat;
	padding-left:10px;
	text-decoration:none;
}
#side_menu ul li a:hover {
	background:url(../img/ico-arrow_on.gif) 0 2px no-repeat;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
}
#side_menu ul li.current a {
	background:url(../img/ico-arrow_on.gif) 0 2px no-repeat;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
}

/*----------------------------------------------------
	ページング
----------------------------------------------------*/
div.paging span.current {
        color:#ff0000;
} 

/*----------------------------------------------------
	input 長さ3種
----------------------------------------------------*/

#local_area .section table input.short {
	width:15%;
}
#local_area .section table input.medium {
	width:50%;
}
#local_area .section table input.long {
	width:80%;
}

#local_area .section table td.last input.fixed_long_button {
    padding: 1px 0px;
    width: 220px;
}

/*----------------------------------------------------
	textarea 長さ
----------------------------------------------------*/
#local_area .section table textarea {
    height: 10em;
    width: 90%;
}

/*----------------------------------------------------
    textarea 高さ個別
----------------------------------------------------*/
#local_area .section table textarea.one_line {
    height: 1em;
}
#local_area .section table textarea.two_line {
    height: 2em;
}
#local_area .section table textarea.five_line {
    height: 5em;
}

/*----------------------------------------------------
	select 長さ3種
----------------------------------------------------*/

#local_area .section table select.short {
	width:15%;
}
#local_area .section table select.medium {
	width:50%;
}
#local_area .section table select.long {
	width:80%;
}

#local_area .section table .oneline{
  display: inline;
}

#local_area .section table .oneline input[type=checkbox] {
	vertical-align: middle;
}

#local_area .section table .oneline input[type=checkbox]+label{
	vertical-align: middle;
	margin-right: 6px;
	padding-left: 4px;
}

/*----------------------------------------------------
	CKEditor
----------------------------------------------------*/
#local_area .section table div.ckeditor_area table {
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}

#local_area .section table div.ckeditor_area table th,
#local_area .section table div.ckeditor_area table td {
    margin: 0;
    padding: 0;
}

#local_area .section table div.ckeditor_area span {
    padding: 0;
}

#local_area .section table div.ckeditor_area span.cke_text {
    padding: 4px 5px;
}


/*----------------------------------------------------
	fee table
----------------------------------------------------*/
#local_area .section div.fee p.attention {
    color:red;
    margin: 5px 0;
}

#local_area .section div.fee p.attention_black {
    margin: 5px 0;
}

#local_area .section div#fee_table_wrap {
    border-left: 1px solid #C4C4C4;
    border-top: 1px solid #C4C4C4;
/*    border-bottom: 1px solid #C4C4C4; */
}

#local_area .section table#fee_table {
    width: 100%;
}

#local_area .section table#fee_table th {
    text-align: center;
    width: 15%;
}

#local_area .section table#fee_table th select {
    width: 75px;
}

#local_area .section table#fee_table td {
    text-align: center;
}

#local_area .section table#fee_table td span.tax{
    font-size: 80%;
}


/*----------------------------------------------------
	school message result table
----------------------------------------------------*/
#local_area .section .school_message_result_td {
	padding: 0px;
}
#local_area .section #school_message_result {
	border-top: 1px solid #c4c3c4;
}
#local_area .section #school_message_result table {
	width: 100%;
	table-layout: fixed;
}
#local_area .section #school_message_result.school_message_result_editmode tr+tr:hover {
	background: #eee;
}
#school_message_result .school_message_result_no {
	width: 20px;
}
#school_message_result .school_message_result_name,
#school_message_result .school_message_result_body {
	width: 240px;
}
#school_message_result .school_message_result_result {
	width: auto;
}

#school_message_result .school_message_result_name_sample,
#school_message_result .school_message_result_body_sample,
#school_message_result .school_message_result_result_sample,
#school_message_result .school_message_result_order_sample {
	background-color: #CCCCCCCC;
}

/*----------------------------------------------------
	schedule table
----------------------------------------------------*/
#local_area .section div.schedule p.attention {
    color:red;
    margin: 5px 0;
}

#local_area .section div.schedule p.attention_black {
    margin: 5px 0;
}

#local_area .section div#schedule_table_wrap {
    border-left: 1px solid #C4C4C4;
    border-top: 1px solid #C4C4C4;
/*     border-bottom: 1px solid #C4C4C4; */
}

#local_area .section table#schedule_table {
    width: 100%;
}

#local_area .section table#schedule_table th {
    text-align: center;
}

#local_area .section table#schedule_table td {
    text-align: center;
}

#local_area .section table#schedule_table th.day {
    width: 8%;
}

/*----------------------------------------------------
	2012.08.10追加
----------------------------------------------------*/
#local_area .title_box {
	width:760px;
	/* margin-bottom:10px;　*/
	margin-top:10px;
}
#local_area .title_box:after {
	content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
#local_area .title_box .title_area {
	font-size:16px;
	width:402px;
	background:url(../img/ico-title.gif) left no-repeat;
	padding-left:18px;
	float:left;
}

#local_area .title_box .btn_txt_area {
	width:340px;
	float:right;
	text-align:right;
	padding-top:5px;
}
#local_area .title_box .btn_txt_area span {
	padding:0 20px 0 0;
}
#local_area .title_box .btn_txt_area .btn_preview a {
	color:#000000;
}
#local_area .title_box .btn_txt_area .btn_up_down a,
#local_area .title_box .btn_txt_area .btn_up_down span.no_up_down {
	padding:0 0 0 8px;
}

#local_area .title_box .btn_txt_area .btn_to_bottom {
	padding-right:5px;
}
#local_area .title_box .btn_txt_area .btn_to_bottom a {
	color:#000000;
	text-decoration:none;
	padding-right:18px;
	background:url(../img/ico-arrow_bottom.gif) right no-repeat;
}

#local_area .title_box .btn_txt_area .btn_to_top {
	padding-right:5px;
}
#local_area .title_box .btn_txt_area .btn_to_top a {
	color:#000000;
	text-decoration:none;
	padding-right:18px;
	background:url(../img/ico-arrow_top.gif) right no-repeat;
}

/*----------------------------------------------------
	school message usage
----------------------------------------------------*/
span.expired {
	color: #ff0000;
}

input.readonly_bg {
    background: #f0f0f0;
}

/*----------------------------------------------------
	右寄せ (汎用)
----------------------------------------------------*/
.right {
	text-align: right;
}

/*----------------------------------------------------
  講師募集ページ出力項目絞込
  2015/12/08追加
----------------------------------------------------*/
#local_area .export_recruit_csv .hidden_field {
  display: none;
}

#local_area .export_recruit_csv .export_field_select {
  margin: 0px 0px 8px 0px;
}

#local_area .section .export_recruit_csv .export_field_select input {
  width: 22px !important;
  vertical-align: middle;
}

#local_area .section .export_recruit_csv .export_field_select label {
  margin-right: 8px;
  vertical-align: middle;
}

/*----------------------------------------------------
  教室追加チェックボックス　修正
  2016/04/22追加
----------------------------------------------------*/
.checkbox_label_setting label {
  margin-right: 8px;
  vertical-align: middle;
  padding-left: 4px;
}

.checkbox_label_setting input {
  vertical-align: middle;
}

/*----------------------------------------------------
  Urgent Announcement Edit Confirm Page
  2018/09/07 Added
----------------------------------------------------*/
#local_area .section table.type05 td div.announcement_body_pc {
    text-align: center;
    font-size: 16px;
    font-family: "游ゴシック",Yu Gothic,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
}

#local_area .section table.type05 td div.announcement_body_sp {
    text-align: center;
    width: 280px;
    margin: auto;
    font-size: 12px;
    font-family: "游ゴシック",Yu Gothic,YuGothic,"ヒラギノ角ゴ ProN W3",Hiragino Kaku Gothic ProN,"メイリオ",Meiryo,sans-serif;
}
/*----------------------------------------------------
  Top Page Key Visual / Top Page Banner
  2018/11/02 Added
----------------------------------------------------*/
.table_is_visible_0 {
    background: #8e8e8e;
}

.table_is_visible_1 {
    background: #fff;
}

#local_area .section table th.th_is_visible_0 {
    background: #8e8e8e;
}

#local_area .section table th.th_is_visible_1 {
    background: #eeeeee;
}


/*----------------------------------------------------
  合格体験談/教室名サジェスト
----------------------------------------------------*/
#local_area .section.overflowscroll {
	overflow: auto;
}
#userNameReccomendCover {
    z-index: 9998;
    width: 100vw;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    display: none;
}
.recommendBox {
    position: absolute;
    left: 0;
    top: 0;
    border: solid 1px lightgray;
    background-color: snow;
    width: 0;
    padding: 0;
    margin: 0;
    display: none;
    z-index: 9999;
}
.recommendBox>li {
    padding: 2px 4px;
}
.recommendBox>li:hover {
    background-color: darkgray;
    cursor: pointer;
}
.recommendBox>li:nth-child(even) {
    background-color: seashell;
}
.recommendBox>li:nth-child(even):hover {
    background-color: darkgray;
    cursor: pointer;
}
.recommendBox>li+li {
    border-top: solid 1px lightgray;
}

/*----------------------------------------------------
  合格体験談/新規登録ボタン
----------------------------------------------------*/
#local_area .btn_area {
	text-align:right;
	padding:15px 0;
}
#local_area .btn_area div input {
	width:256px;
	padding:1px 0;
}


/*----------------------------------------------------
  サンクスメール管理
----------------------------------------------------*/
#local_area.page_thanksMail .section:nth-child(odd) h2 {
	background-color: #ffebe0;
}