@CHARSET "UTF-8";

body {
	background: #E8FBF5;
	color: #333;
	padding: 0 10px;
}

* {
	box-sizing: border-box;
	letter-spacing: 1px;
}

input {
	margin: 0;
	padding: 0;
	width: auto;
}

input.jquery_calendar {
	margin: 0;
	padding: 0;
	width: 100px;
}

h2, h3 {
	font-size: 15px;
	margin: 10px 0;
}

strong {
	font-weight: bold;
}

table {
	clear: both;
	border: 1px solid #CCC;
}


table th {
	background: #E9F6F3;
	border: 1px solid #CCC;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
}

table td {
	border: 1px solid #CCC;
	font-size: 12px;
	font-weight: normal;
	padding: 5px;
}

#base {
	width: auto;
	margin: 0 auto;
}

#wrapper {
	border: 1px solid #88CAAD;
	border-width: 0 4px 0;
	padding: 20px;
}

#header {
	margin-bottom: 10px;
}

#header * {
	display: inline-block;
}

#header #display_id {
	font-size: 12px;
	margin-left: 15px;
}

div#footer {
	padding-top: 20px;
	clear: both;
}

div.contents {
	margin-bottom: 20px;
	clear: both;
}

*.notice {
	color: #FF0000;
}

/*
*.notice:before {
	content: "※";
}
*/

.error-message {
	padding: 1px;
}

ul.description {
	display: inline-block;
	font-size: 10px;
	margin-left: 10px;
	padding-top: 7px;
	vertical-align: top;
	list-style: none;
}
ul.description li {
	line-height: normal;
}

.tagbutton {
	margin: 1px;
	padding: 2px 8px;
	font: bold 11px/normal Helvetica;
	border: 2px solid #FFF;
	border-radius: 5px 3px 5px 6px;
	color: #FFF;
}

/* 検索条件関連 ---------------------------------------*/
#search_condition h2 {
	float: left;
	clear: left;
	margin-right: 10px;
}

dl.search_condition_layout {
	border: 3px solid #CCC;
	margin-top: 3px;
	margin-bottom: 20px;
	font-size: 0;
	float: left;
	clear: both;
	width: 80%;
}

dl.search_condition_layout dt {
	background: #E9F6F3;
	font-size: 12px;
	font-weight: normal;
	padding: 6px;
	margin: 0;
	float: left;
	clear: left;
	width: 20%;
}

dl.search_condition_layout dd {
	font-size: 12px;
	font-weight: normal;
	padding: 5px 10px;
	float: left;
}

dl.search_condition_layout dd select {
	width: 200px;
}

dl.search_condition_layout dd input[type='text'] {
	width: 200px;
}


dl.search_condition_layout dd input[type='text']#date_from,
dl.search_condition_layout dd input[type='text']#date_to {
	width: 88px;
}


/* 選択タグリスト */
div#selected_tags h3 {
	font-weight: normal;
	display: inline-block;
}

div#selected_tags ul#training_tag_list {
	margin-left: 15px;
	display: inline-block;
	list-style: none;
}

div#selected_tags ul#training_tag_list li {
	display: inline-block;
}

/* 検索結果_ページングリスト */
ul.pagenate {
	clear: left;
	margin: 3px 0px;
	list-style: none;
}

ul.pagenate li {
	border-left: 1px solid #333;
	float: left;
	padding: 0 10px;
	text-align: center;
}

/* 検索結果_一覧 */
p.search_result_count {
	clear: right;
	float: right;
}

table.search_result {
	width: 100%;
}

table.search_result th {
	text-align: center;
}

table.search_result td.date {
	width: 18%;
}

table.search_result td.seminar_name {}

table.search_result td.entry_status {
	text-align: center;
	width: 10%;
}

table.search_result td.apply_to_seminar {
	text-align: center;
	width: 10%;
}

/* 研修概要関連 ---------------------------------------*/
body#open_seminar_view .contents {
	width: 80%;
}

ul.lecturer_list, ul.classroom_list {
	list-style: none;
}

div#training_overview h2 {
	float: left;
	margin-bottom: 30px;
}

#open_seminar_view .contents table {
	width: 100%;
}

div#training_overview a.btn {
	display: inline-block;
	margin-left: 20px;
	margin-top: 3px;
}

div#training_overview a.application_btn {
	float: left;
}
div#training_overview button.application_btn {
	float: left;
	margin: 3px;
	padding: 2px 10px;
}
div#training_overview a.close_btn {
	float: right;
}

table.training_overview_table {
	margin-top: 20px;
}

table.training_overview_table th {
	text-align: left;
	vertical-align: top;
	padding: 0;
	width: 150px;
	height: 35px;
	font-weight: bold;
}

table.training_overview_table th img {
	vertical-align: middle;
	background: #72C7B1;
	margin-right: 5px;
}
	
table.training_overview_table th.date_from {
	padding-left: 5px;
	font-weight: normal;
}

table.training_overview_table th.date_from .date {
	font-size: 30px;
	font-weight: bold;
	color: #3C9D96;
}

table.training_overview_table th.date_from .day {
	font-size: 15px;
	font-weight: bold;
	color: #3C9D96;
}

table.training_overview_table td.training_name {
	line-height: 150%;
}

table.training_overview_table td.training_name .classroom_name_str {
	font-size: 14px;
	font-weight: bold;
	color: #666;
}

table.training_overview_table td.training_name .training_name_str {
	font-size: 25px;
	font-weight: bold;
	color: #666;
	display: inline-block;
	vertical-align: middle;
}

table.training_overview_table td.training_name .tagbutton {
	margin-left: 3px;
}

table.training_overview_table td.training_name ul.training_tags {
	display: inline-block;
	list-style: none;
	margin-bottom: 4px;
}

table.training_overview_table td.training_name ul.training_tags li {
	display: inline-block;
}

table.training_overview_table th.spare1, table.training_overview_table th.spare2 {
	vertical-align: middle;
	padding-left: 40px;
}

table.training_contents_table th {
	text-align: center;
	font-weight: bold;
	width: 40px;
}

table.training_contents_table td.lecturers {
	width: 180px;
}

dl.training_content_info dt {
	font-weight: normal;
}

dl.training_content_info dt:before {
	content: "■";
}

/* 申込関連 ---------------------------------------*/
ul.application_navi {
	width: 80%;
}

ul.application_navi li {
	width: 200px;
	height: 46px;
	display: inline-block;
	font-weight: bold;
	font-size: 120%;
}

ul.application_navi li>span.arrow {
	margin: 0;
	padding: 12px 0 0 0;
	width: 170px;
	height: 100%;
	display: inline-block;
	background: #E8FBF5;
	text-align: center;
	border: 1px solid #74C58E;
	border-right: none;
}
ul.application_navi li.current>span.arrow {
	background: #74C58E;
	color: #FFF;
}

ul.application_navi li:before {
	content: "";
	position: absolute;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 16px solid #74C58E;
	margin-left: 170px;
}

ul.application_navi li:after {
	content: "";
	position: absolute;
	border-top: 23px solid transparent;
	border-bottom: 23px solid transparent;
	border-left: 16px solid #E8FBF5;
	margin-left: -1px;
}

ul.application_navi li.current:after {
	border-left: 16px solid #74C58E;
}

div#seminar_info {
	width: 100%;
	clear: both;
}

div#seminar_info > * {
	width: 80%;
}

div#seminar_info h3 {
	float: left;
}

div#seminar_info a.close_btn {
	float: right;
}

div#seminar_info p {
	clear: both;
	margin: 5px 0;
}

div#seminar_info p button {
	float: right;
	margin: 2px;
}

table.apply_seminar {
	margin-bottom: 5px;
	clear: both;
}

table.apply_seminar th {
	width: 250px;
	text-align: left;
}

table.apply_seminar td div.appliction_current_status {
	padding-left: 30px;
	display: inline-block;
}

table.child_trainings {
	clear: both;
	width: 80%;
}

table.child_trainings td.entry_status, table.child_trainings td.apply_check {
	text-align: center;
}

table.application_memo {
	clear: both;
	width: 80%;
	margin-top: 15px;
}

table.application_memo th {
	text-align: left;
	width: 250px;
}

table.user_info_table {
	width: 80%;
}

table.user_info_table caption {
	text-align: left;
	font-weight: bold;
}

table.user_info_table th {
	padding-left: 15px;
	text-align: left;
	width: 250px;
}


table.user_info_table td label {
	display: inline-block;
}

table.user_info_table td.user_name label, table.user_info_table td.user_name_kana label {
	width: 60px;
	margin-top: 3px;
}

table.user_info_table td.office_organization_name label {
	margin-right: 10px;
}

div#user_info table.user_info_table td.user_name input, div#user_info table.user_info_table td.user_name_kana input {
	margin: 0 50px 5px 0;
}

div#user_info table.user_info_table td.office_organization_name input {
	margin-bottom: 5px;
}

div#form_submit {
	width: 80%;
	text-align: center;
}


/* 完了画面 ---------------------------------------*/
div#seminar_apply_status {
	width: 80%;
	clear: both;
}

div#seminar_apply_status h3 {
	float: left;
}

div#seminar_apply_status a.close_btn {
	float: right;
}

table.apply_status_table {
	width: 100%;
}

div#contact_information p {
	width: 80%;
	border: solid 1px #ccc;
	padding: 4px;
}