/*----------------------------------------------------
	Skype予約用 スタイルシート
----------------------------------------------------*/


/*----------------------------------------------------
	共通
----------------------------------------------------*/
/* 横並び定義リスト */
.dl_horizon_list {
	width: 100%;
	margin-bottom: 10px;
}


.dl_horizon_list dt {
	display: block;
	width: 55px;
	clear: both;
	float: left;
	margin-bottom: 5px;

	border-right: 2px solid #616FE0;
}

.dl_horizon_list dd {
	display: block;
	width: auto;
	float: left;
	padding-left: 5px;
}

/* ボタン */
input[type="button"].button1,
input[type="submit"].button1  {
	width: auto;
	min-width: 150px;

	text-align:center;
	-webkit-appearance: none; 
	height: 30px;
	margin: 0 5px;

	line-height: 1em;
	color: #fff;
	background-color: #6878FC;

	border:2px solid #616FE0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}

/* キャンセルボタン */
input[type="button"].button_cancel,
input[type="submit"].button_cancel  {
	width: auto;
	min-width: 150px;

	text-align:center;
	-webkit-appearance: none; 
	height: 30px;
	margin: 0 5px;

	line-height: 1em;
	color: #fff;
	background-color:#8a8a8a;

	border:2px solid #808080;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;

	font-size: 14px;
	font-weight: normal;
	cursor: pointer;
}

/* 個別エラーメッセージの初期化 */
.validation-summary-errors span
{
	margin-left:0px;
	margin-top:0px;
	margin-bottom:0px;
	font-weight: normal;
	font-size: 100%;
	display: block;
}

/* 注意喚起メッセージ */
.Panel_Message_Alert
{
	padding: 10px 10px 10px 50px;
	border: 1px solid #F00;
	background-color: #EBEAFF;
	background-repeat: repeat;
	height: 100%;
	margin-top: 5px;
	margin-bottom: 20px;
}

.Panel_Message_Alert li
{
	margin-left:30px;
	margin-top:5px;
	margin-bottom:5px;
	list-style-type:disc;
	font-weight: normal;
	font-size: 90%;
	color:#0000FF;
}

/* ボタン領域 */
.buttons {
	margin-top: 20px;
	margin-bottom: 20px;
	text-align:center;
}

.txtBlue {
	color: blue;
}

/*----------------------------------------------------
	ページ全体
----------------------------------------------------*/
/* ロゴ */
#header h1 div {
	width: 443px;
	height: 29px;
}

/* コンテンツ */
#main {
	margin: 0 0 30px 0;
	min-height: 200px;
}

/* ログインボタン */
ul.hed_nav_m li#h_menu5_m
{
	float: left;
	width: 105px;
	height: 25px;
	background-color: #2b76cc;
	list-style: none;
	text-align: center;
	background: url('../img/hed_nav_login.gif') no-repeat 0 0;
	text-indent: -10000px;
}
ul.hed_nav_m li#h_menu5_m:hover {
	background: url("../img/hed_nav_o_login.gif") no-repeat 0 0;
}

/* パンくず */
.pankuzu > span:not( :first-child ) {
	margin-left: 5px;
}

.pankuzu > span {
	margin-right: 10px;
}


/*----------------------------------------------------
	ホーム：上部：予約件数ヘッダ
----------------------------------------------------*/
/* 予約情報：ログイン名 */
.tbl_info .login_name {
	width: 200px;
}

/* 予約情報:画像 */
.tbl_info .reserve_img {
	vertical-align: middle;
	margin-left: 10px;
	margin-right: 5px;
}

/* 予約情報：予約件数 */
.tbl_info div.reserve_history_count {
	display: inline;
	font-size: 12px;
	margin-left:10px;
}

/* 予約情報：予約件数:ラベル */
.tbl_info div.reserve_history_count span.reserve_history_count_label {
	margin-left: 10px;
}

/* 予約情報：予約件数：件数 */
.tbl_info div.reserve_history_count span.reserve_history_count_data {
	margin: 0 5px;
	font-weight: bold;
}

/* 予約情報：予約詳細ボタン */
.tbl_info td.reserve_history_btn {
	 border-right: 1px solid #C2C1BF;
	 width: 180px;
}


/*----------------------------------------------------
	ホーム：検索条件
----------------------------------------------------*/
.searchWrapinner {
	padding-bottom: 0px !important;
} 

#searchForm {
	width: 68%;
	margin: 20px auto;
	text-align: left;
	font-size: 14px;
}
/* 検索項目 */
.srh_item {
	padding: 5px 0;
}

.srh_item dt{
	display: inline-block;
	width: 80px;
}

.srh_item dd {
	display: inline-block;
	margin-left: 1em;
}
/* セレクトボックス */
.srh_item dd select.dropdown {
	width: 100px;
	cursor: pointer;
}

.srh_item dd select.dropdown_consultation {
	width: auto;
	min-width: 200px;
}

/*----------------------------------------------------
	新着情報
----------------------------------------------------*/
div.search_box span.search_box_title {
	margin-right: 5px;
}

div.search_box input.textbox_basic {
	margin-left: 10px;
	margin-right: 5px;
	height: 1.3em;
	ime-mode: active;
}


/*----------------------------------------------------
	ログインページ
----------------------------------------------------*/
.login_mailaddr input {
	ime-mode: disabled;
}

.login_password input {
	ime-mode: disabled;
}

/* コンテンツ領域 */
div.account_view {
}

/* テーブル */
table.account_view_table th {
	width: 150px;
}

table.account_view_table td {
	font-size: 12px;
}

table.account_view_table td input {
	height: 1.3em;
	margin-bottom: 3px;
}

/* パスワードリマインダー：メールアドレス */
table.account_view_table td.mailAddr input {
	width: 400px;
	ime-mode: disabled;
}

/* パスワードリマインダー：お名前 */
table.account_view_table td.name input {
	width: 100px;
	margin-right: 10px;
	ime-mode: active;
}

table.account_view_table td.name span {
	display: inline-block;
	width: 15px;
	margin-right: 3px;
	text-align: right;
}


/*----------------------------------------------------
	予約枠：予約枠作成ページ
----------------------------------------------------*/
/* コンテンツ領域 */
div.reserve_view {
}

/* 予約枠検索結果領域　*/
.reserve_view_frame_result {
	display: none;

	/* テキストの非選択 */
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
}

/* 予約枠テーブル */
table.reserve_view_frametable {
	margin-top:10px;
	width: 100%;
}

table.reserve_view_frametable td {
	font-size: 12px;
}

/* 予約枠テーブル：公開 */
.reserve_view_frametable td.col1 {
	width: 40px;
	text-align: center;
	cursor: pointer;
}

/* 予約枠テーブル：時間枠 */
.reserve_view_frametable td.col2 {
	width: 70px;
	text-align: center;
}

/* 予約枠テーブル：相談内容 */
.reserve_view_frametable td.col3 {
	width: 130px;
	text-align: left;
}

.reserve_view_frametable td.col3 span{
	font-size: 12px;
	padding-left: 2px;
}

.reserve_view_frametable td.col3 select {
	width: 100%;
	font-size: 12px;
	height: 2.0em;
	cursor: pointer;
	background-color:transparent;
	border: none;
}

/* 予約枠テーブル：予約No */
.reserve_view_frametable td.col4 {
	width: 50px;
	text-align: center;
}

/* 予約枠テーブル：会員名 */
.reserve_view_frametable td.col5 {
	text-align: left;
}

/* 予約枠テーブル：受講生番号 */
.reserve_view_frametable td.col6 {
	width: 80px;
	text-align: center;
}

/* 予約枠テーブル：SkypeID */
/*
.reserve_view_frametable td.col7 {
	width: 150px;
	text-align: center;
}
*/

/* 予約枠テーブル：Zoom ID */
.reserve_view_frametable td.col7_1 {
	width: 80px;
	text-align: center;
}

.reserve_view_frametable td.col7_1 > input[type="text"] {
	width: 5em;
	max-width: 100%;
}

/* 予約枠テーブル：Zoomパスワード */
.reserve_view_frametable td.col7_2 {
	width: 80px;
	text-align: center;
}

.reserve_view_frametable td.col7_2 > input[type="text"] {
	width: 5em;
	max-width: 100%;
}

/* 予約枠テーブル：Zoom URL */
.reserve_view_frametable td.col7_3 {
	width: 140px;
	text-align: center;
}

.reserve_view_frametable td.col7_3 > input[type="text"] {
	width: 10em;
	max-width: 100%;
}

/* 予約枠テーブル：申込日時 */
.reserve_view_frametable td.col8 {
	width: 100px;
	text-align: center;
}

/* 予約枠テーブル：ステータス */
.reserve_view_frametable td.col9 {
	width: 70px;
	text-align: center;
}


/*----------------------------------------------------
	予約枠：予約履歴ページ
----------------------------------------------------*/
/* 予約履歴検索 */
.reserve_view .list_ul {
	margin-left: 10px;
}

.reserve_view .list_ul input {
	width: 100px;
}

.reserve_view .list_ul span.srh_label {
	margin-right: 20px;
}

.reserve_view .list_ul span.srh_sep {
	margin: 0 5px;
}

.reserve_view .list_ul p.btn {
	margin-left: 10px;
}

/*------------------------------
	予約履歴テーブル
------------------------------*/
table.reserve_view_historytable {
	margin-top:10px;
	width: 100%;
}

/* No */
.reserve_view_historytable th.col1 {
	width: 10px;
}
.reserve_view_historytable td.col1 {
	text-align: center;
}

/* 予約日 */
.reserve_view_historytable th.col2 {
	width: 130px;
}
.reserve_view_historytable td.col2 {
	text-align: center;
}

/* 時間枠 */
.reserve_view_historytable th.col3 {
	width: 120px;
}
.reserve_view_historytable td.col3 {
	text-align: center;
}

/* 予約No */
.reserve_view_historytable th.col4 {
	width: 50px;
}
.reserve_view_historytable td.col4 {
	text-align: center;
}

/* 相談内容 */
.reserve_view_historytable th.col5 {
	width: 120px;
}
.reserve_view_historytable td.col5 {
	text-align: left;
}

/* 受験先 */
.reserve_view_historytable th.col6 {
	width: 100px;
}
.reserve_view_historytable td.col6 {
	text-align: left;
}

/* 会員名 */
.reserve_view_historytable th.col7 {
	width: 90px;
}
.reserve_view_historytable td.col7 {
	text-align: left;
}

/* 受講生番号 */
.reserve_view_historytable th.col8 {
	width: 90px;
}
.reserve_view_historytable td.col8 {
	text-align: center;
}

/* SkypeID */
.reserve_view_historytable th.col9 {
	width: 150px;
}
.reserve_view_historytable td.col9 {
	text-align: center;
}

/* 申込日時 */
.reserve_view_historytable th.col10 {
	width: 120px;
}
.reserve_view_historytable td.col10 {
	text-align: center;
}

/* ステータス */
.reserve_view_historytable th.col11 {
	width: 80px;
}
.reserve_view_historytable td.col11 {
	text-align: center;
}

/* 操作：受講完了 */
.reserve_view_historytable th.col12 {
	width: 85px;
}
.reserve_view_historytable td.col12 {
	text-align: center;
}

/* 操作：欠席 */
.reserve_view_historytable th.col13 {
	width: 85px;
}
.reserve_view_historytable td.col13 {
	text-align: center;
}

/* Zoom ID、Zoomパスワード */
.reserve_view_historytable td.col14 {
	text-align: center;
}

/* Zoom URL */
.reserve_view_historytable td.col15 {
	text-align: center;
}

.reserve_view_historytable td.col15_2 {
        width: 170px;
}

/* 完了アイコン */
.leccm_c {
	float: none !important;
	background: url("../img_m/icon_comp.gif") no-repeat center;
	background-size: auto 26px !important;
	width: auto !important;
	height: 26px !important;
	cursor: pointer;
}

/* 欠席アイコン */
.absence_c {
	float: none !important;
	background: url("../img_m/ico_absence.gif") no-repeat center;
	background-size: auto 26px !important;
	width: auto !important;
	height: 26px !important;
	cursor: pointer;
}

/* 資料アイコン */
.shiryou {
	float: none !important;
	background: url("../img/icon_e_shiryou.gif") no-repeat center;
	background-size: auto 26px !important;
	width: 45px !important;
	height: 26px !important;
	cursor: pointer;
}

.sakujo {
	float: none !important;
	background: url("../img/icon_delete.gif") no-repeat center;
	background-size: auto 26px !important;
	width: 45px !important;
	height: 26px !important;
	cursor: pointer;
}


/*----------------------------------------------------
	講義：相談履歴ページ
----------------------------------------------------*/
/* コンテンツ領域 */
div.lecture_view {
}

/* コメント入力 */
.lecture_view textarea.ipt_Comment {
	width: 100%;
	height: 100px;
	border: 1px #999 solid;

	ime-mode: active;
}

/*------------------------------
	相談メモ入力対象の予約テーブル
------------------------------*/
table.lecture_view_reservetable {
	margin-top:10px;
	width: 100%;
}

/* 予約日 */
.lecture_view_reservetable th.col1 {
	width: 110px;
}
.lecture_view_reservetable td.col1 {
	text-align: center;
}

/* 時間枠 */
.lecture_view_reservetable th.col2 {
	width: 110px;
}
.lecture_view_reservetable td.col2 {
	text-align: center;
}

/* 予約No */
.lecture_view_reservetable th.col3 {
	width: 50px;
}
.lecture_view_reservetable td.col3 {
	text-align: center;
}

/* 相談内容 */
.lecture_view_reservetable th.col4 {
	width: 140px;
}
.lecture_view_reservetable td.col4 {
	text-align: left;
}

/* 会員名 */
.lecture_view_reservetable th.col5 {
	width: auto;
}
.lecture_view_reservetable td.col5 {
	text-align: left;
}

/* 受講生番号 */
.lecture_view_reservetable th.col6 {
	width: 100px;
}
.lecture_view_reservetable td.col6 {
	text-align: center;
}

/* SkypeID */
.lecture_view_reservetable th.col7 {
	width: 150px;
}
.lecture_view_reservetable td.col7 {
	text-align: center;
}

/* 申込日時 */
.lecture_view_reservetable th.col8 {
	width: 140px;
}
.lecture_view_reservetable td.col8 {
	text-align: center;
}

/* ステータス */
.lecture_view_reservetable th.col9 {
	width: 80px;
}
.lecture_view_reservetable td.col9 {
	text-align: center;
}

/*------------------------------
	相談履歴テーブル
------------------------------*/
table.lecture_view_historytable {
	margin-top:10px;
	width: 100%;
}

/* No */
.lecture_view_historytable th.col1 {
	width: 30px;
}
.lecture_view_historytable td.col1 {
	text-align: center;
}

/* 予約日 */
.lecture_view_historytable th.col2 {
	width: 110px;
}
.lecture_view_historytable td.col2 {
	text-align: center;
}

/* 時間枠 */
.lecture_view_historytable th.col3 {
	width: 110px;
}
.lecture_view_historytable td.col3 {
	text-align: center;
}

/* 講師 */
.lecture_view_historytable th.col4 {
	width: 100px;
}
.lecture_view_historytable td.col4 {
	text-align: left;
}

/* 相談内容 */
.lecture_view_historytable th.col5 {
	width: 100px;
}
.lecture_view_historytable td.col5 {
	text-align: left;
}

/* ステータス */
.lecture_view_historytable th.col6 {
	width: 80px;
	text-align: center;
}
.lecture_view_historytable td.col6 {
	text-align: center;
}

/* 相談メモ */
.lecture_view_historytable th.col7 {
	width: auto;
}

.lecture_view_historytable td.col7 {
	text-align: left;
}


/*----------------------------------------------------
	会員登録ページ
----------------------------------------------------*/
/* コンテンツ領域 */
div.regist_view {
}

/* テーブル */
table.regist_view_table th {
	width: 150px;
}

table.regist_view_table td {
	font-size: 12px;
}

table.regist_view_table td input {
	height: 1.3em;
	margin-bottom: 3px;
}

/* メールアドレス */
table.regist_view_table td.mailAddr input {
	width: 400px;
	ime-mode: disabled;
}

/* パスワード */
table.regist_view_table td.password input {
	width: 100px;
	ime-mode: disabled;
}