@charset "utf-8";
/* CSS Document */

/* ---------------------------------------------

全老健研修申込システム ユーザー申込CSS
作成日：2010年10月13日
改定日：2025年5月23日
製作者:kouji yamaguchi

--------------------------------------------- */

/* 全体幅850px */

/*
 * LAYOUT
 * --------------------------
 * INDEX 
 *
 * 001 共通使用
 * 002 概要ページ
 * 003 勤務先・会員名検索ページ/フォーム

 * 005 申込完了ページ
 * 006 ログインページ/登録情報ページ
 * 006 エラーページ
 * 007 実地研修
 * --------------------------
 */


/* 001 ========================================
 * 共通使用
============================================ */
/* 補足事項 */
#supplement {
	width:96%;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	line-height:18px;
	text-align:left;
}


/* 002 ========================================
 * 概要ページ
============================================ */

#g-midashi {
	width:800px;
	margin:0 auto 0 auto;
	padding:0 0 10px 0;
	line-height:18px;
	text-align:left;
}

/*日程等詳細テーブル*/
#g-table {
	width:800px;
	margin:0 auto 20px auto;
	padding:0 0 0 0;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
	#g-table th {
		width:150px;
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		line-height:18px;
		text-align:left;
		background-color:#ffeeaa;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}

	#g-table td {
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		line-height:18px;
		text-align:left;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}

/*ホテル情報テーブル*/
#hotel-table {
	width:800px;
	margin:0 auto 20px auto;
	padding:0 0 0 0;
	font-size:12px;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
	#hotel-table .h-index01 {
		width:400px;
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		background-color:#ffeeaa;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}
	#hotel-table .h-index02 {
		width:400px;
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		background-color:#ffeeaa;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}
	/*#hotel-table .h-index03 {
		width:100px;
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		background-color:#ffeeaa;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}*/

	#hotel-table td {
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		line-height:18px;
		text-align:left;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}

/*チェックイン・チェックアウト用*/
#hotel-table2 {
	width:800px;
	margin:0 auto 20px auto;
	padding:0 0 0 0;
	font-size:12px;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
	#hotel-table2 .hc-index01 {
		width:150px;
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		background-color:#ffeeaa;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}
	#hotel-table2 .hc-index02 {
		width:250px;
		margin:0 0 0 0;
		padding:5px 0 5px 10px;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}


#g-buttom {
	margin:0 auto 10px auto;
	padding:0 0 0 0;
	text-align:center;
}

#g-program-image {
	/*width:740px;*/
	margin:0 auto 10px auto;
	padding:0 0 0 0;
}

/* 開催案内PDF・FAX申込書PDF用(2016.2.18) */
#dl-flame {
	display:table;
	width:800px;
	margin:30px auto;
	padding:0 0 10px 0;
	line-height:18px;
	text-align:left;
}
	#dl-flame .dl-flame-l {
		display:table-cell;
		width:50%;
		text-align:center;
	}
	#dl-flame .dl-flame-r {
		display:table-cell;
		width:50%;
		text-align:center;
	}

.etc__text {
	display: block;
	padding: 0 15px 0 15px;
	text-indent: -13px;
}


/* 003 ========================================
 * 勤務先・会員名検索ページ/フォーム
============================================ */
#sem-frame {
	margin:15px 0 0 0;
	padding:0 0 0 0
}


#sem-form {
	width: 780px;
	margin:15px auto 0 auto; 
	padding:0 0 0 0;
	text-align:left;
}
	#sem-form h3.f-title {
		margin:0 0 0 0;
		padding:0 0 0 5px;
		font-size:16px;
		font-weight:normal;
		color:#333333;
		border-left:8px solid #cc0000;
		border-bottom:1px solid #cc0000;
	}
	#sem-form p.f-setumei {
		margin:10px 0 0 10px;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
	}
	#sem-form p.f-setumei-day {
		margin:5px 0 0 5px;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
		text-align:right;
	}

	#sem-form div.f-index {
		width: 740px;
		margin:20px auto 10px auto;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
	}
		#sem-form div.f-index h4 {
			margin:0 0 0 0;
			padding:0 0 0 5px;
			color:#333333;
			border-left:8px solid #99cc00;
			border-bottom:1px solid #99cc00;
		}

		#sem-form div.f-index p {
			width: 700px;
			margin:10px auto 0 auto;
			padding:0 0 0 0;
		}

		#sem-form div.f-index a {
			color:#0000ff;
		}

	#sem-form ul.f-tyuui {
		margin:10px 0 0 0;
		padding:0 0 0 0;
		list-style-type:none;
		font-size:14px;
	}
		#sem-form ul.f-tyuui li {
			margin:0 0 0 20px;
			padding:0 0 0 0;
			line-height:24px;
		}
		#sem-form ul.f-tyuui li.right-tx {
			text-align:right;
		}
		#sem-form ul.f-tyuui li.center-tx {
			text-align:center;
		}

#sem-table {
	width: 750px;
	margin:10px auto 0 auto;
	padding:0 0 0 0;
	font-size:14px;
	text-align:left;
}

	#sem-table td.s-left {
		width:200px;
		margin: 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:1px dotted #999999;
	}
	#sem-table td.s-left2 {/*borderなし*/
		width:200px;
		margin: 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:none;
	}

	#sem-table td.s-right {
		width:550px;
		margin:0 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:1px dotted #999999;
	}
	#sem-table td.s-right2 {/*borderなし*/
		width:550px;
		margin:0 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:none;
	}

	#sem-table td.s-center {
		margin:0 0 0 0;
		padding:0 0 10px 0;
		vertical-align:top;
		text-align:center;
	}
	#sem-table .s-list-waku {
		width:500px;
		height:150px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		overflow:auto;
	}
	#sem-table p.s-text {
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
	}
	#sem-table p.s-text2 {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-size:12px;
	}

.no-hotel {
	border: 8px solid rgba(232,122,144,.5);
	padding: 40px 10px;
	text-align: center;
}


/* 005 ========================================
 * 申込完了ページ
============================================ */

/* 問合せ表示部 */
#info-index {
	width:96%;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	line-height:18px;
	text-align:left;
}




/* 006 ========================================
 * ログインページ/登録情報ページ
============================================ */

/* ログイン(login.php) */
#loginbox {
	width:700px;
	margin:10px auto 0 auto;
	padding:0 0 20px 0;
	text-align:center;
	}

	#loginbox table {
		width:100%;
		margin:0 0 10px 0;
		padding:0 0 0 0;
	}
	#loginbox th,
	#loginbox td {
		margin:0 0 0 0;
		padding:10px 10px 10px 10px;
		border:#ffffff 2px solid;
	}
	#loginbox th {
		text-align:right;
		background-color:#ffeeaa;
	}
	#loginbox td {
		text-align:left;
	}
	#loginbox .login-title{
		font-size:14px;
		background-color:#ffeeaa;	
	}


/* 登録情報(edit_info.php) */
#web-menu {
	width:700px;
	margin:10px auto 0 auto;
	padding:0 0 10px 0;
}
	#web-menu h3.edit-title {
		margin:0 0 5px 0;
		padding:5px 5px 5px 5px;
		font-size:16px;
		font-weight:normal;
		color:#333333;
		background-color:#aaaaaa;
	}
	#web-menu form {
		margin:0 0 0 0;
		padding:0 0 0 0;
	}
	#web-menu img {
		border:0px;
	}
	#web-menu input {
		margin:0 0 0 0;
		padding:0 0 0 0;
	}

	#web-menu ul.tyuui {
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:left;
	}
		#web-menu ul.tyuui li {
			margin:0 0 0 0;
			padding:0 0 0 0;
			list-style-type:none;
		}
		#web-menu ul.tyuui li.right-tx {
			text-align:right;
		}
		#web-menu ul.tyuui li.sumi-tx {
			font-size:18px;
			line-height:24px;
		}
	#web-menu td.koza-img {
		width:310px;
		margin:0 0 0 0;
		padding:0 10px 0 0;
	}
	#web-menu td.koza-text {
		width:240px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
		text-align:left;
	}
	#web-menu td.koza-entry {
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
		text-align:right;
	}
	#web-menu form {
		margin:0 0 0 0;
		padding:0 0 0 0;
		text-align:center;
	}


/* 登録情報更新/edit/form.phpで使用 */

#edit-table {
	width:100%;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	border-bottom:1px solid #bbbbcc;
	text-align:left;
}

	#edit-table td.line01 {
		width:25%;
		margin:0 0 0 0;
		padding:2px 5px 2px 10px;
		border-top:1px solid #bbbbcc;
		border-left:1px solid #bbbbcc;
		background-color:#ffeeaa;
		color:#333333;
	}
	#edit-table td.line02 {
		width:5%;
		margin:0 0 0 0;
		padding:2px 5px 2px 5px;
		border-top:1px solid #bbbbcc;
		border-right:none;
		border-bottom:none;
		border-left:1px solid #bbbbcc;
		text-align:center;
	}
	#edit-table td.line03 {
		width:70%;
		margin:0 0 0 0;
		padding:2px 5px 2px 10px;
		border-top:1px solid #bbbbcc;
		border-right:1px solid #bbbbcc;
		border-bottom:none;
		border-left:1px solid #bbbbcc;
	}
	#edit-table td.line03b {
		width:70%;
		margin:0 0 0 0;
		padding:2px 5px 2px 10px;
		border-top:1px solid #bbbbcc;
		border-right:1px solid #bbbbcc;
		border-bottom:none;
		border-left:1px solid #bbbbcc;
		background-color:#ffcccc;
	}


/* 登録変更 会員名・検索フォーム */

#kinmu-form {
	width: 780px;
	margin:10px auto 0 auto; 
	padding:0 0 0 0;
	text-align:left;
}
	#kinmu-form h3.f-title {
		margin:0 0 0 0;
		padding:0 0 0 5px;
		font-size:16px;
		font-weight:normal;
		color:#333333;
		border-left:8px solid #cc0000;
		border-bottom:1px solid #cc0000;
	}
	#kinmu-form p.f-setumei {
		margin:0 0 0 10px;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
	}
	#kinmu-form p.f-setumei-day {
		margin:10px 0 0 10px;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
		text-align:right;
	}

	#kinmu-form div.f-index {
		width: 740px;
		margin:20px auto 10px auto;
		padding:0 0 0 0;
		font-size:14px;
		line-height:18px;
	}
		#kinmu-form div.f-index h4 {
			margin:0 0 0 0;
			padding:0 0 0 5px;
			color:#333333;
			border-left:8px solid #99cc00;
			border-bottom:1px solid #99cc00;
		}

		#kinmu-form div.f-index p {
			width: 700px;
			margin:10px auto 0 auto;
			padding:0 0 0 0;
		}

		#kinmu-form div.f-index a {
			color:#0000ff;
		}

	#kinmu-form ul.f-tyuui {
		margin:0 0 0 0;
		padding:0 0 0 0;
		list-style-type:none;
		font-size:14px;
	}
		#kinmu-form ul.f-tyuui li {
			margin:0 0 0 20px;
			padding:0 0 0 0;
			line-height:24px;
		}
		#kinmu-form ul.f-tyuui li.right-tx {
			text-align:right;
		}
		#kinmu-form ul.f-tyuui li.center-tx {
			text-align:center;
		}
	#kinmu-form a:link {
		color:#339900;
	}
	#kinmu-form a:visited {
		color:#339900;
	}
	#kinmu-form a:hover {
		color:#cc0000;
	}
	#kinmu-form a:active {
		color:#339900;
	}


#kinmu-table {
	width: 750px;
	margin:15px auto 0 auto;
	padding:0 0 0 0;
	font-size:14px;
	text-align:left;
}

	#kinmu-table td.s-left {
		width:200px;
		margin: 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:1px dotted #999999;
	}	
	#kinmu-table td.s-left2 {/*borderなし*/
		width:200px;
		margin: 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:none;
	}

	#kinmu-table td.s-right {
		width:550px;
		margin:0 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:1px dotted #999999;
	}
	#kinmu-table td.s-right2 {/*borderなし*/
		width:550px;
		margin:0 0 0 0;
		padding:2px 0 2px 0;
		vertical-align:top;
		border-bottom:none;
	}

	#kinmu-table td.s-center {
		margin:0 0 0 0;
		padding:0 0 10px 0;
		vertical-align:top;
		text-align:center;
	}
	#kinmu-table .s-list-waku {
		width:500px;
		height:150px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		overflow:auto;
	}
	#kinmu-table p.s-text {
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
	}
	#kinmu-table p.s-text2 {
		margin:0 0 0 0;
		padding:0 0 0 0;
		font-size:12px;
	}

#edit-buttom {
	width: 780px;
	margin:0 auto 10px auto; 
	padding:0 0 0 0;
	text-align:center;
}


/* アンケート用 */

#anq-table {
	width: 750px;
	margin:0 auto 20px auto;
	padding:0 0 0 0;
	font-size:14px;
	text-align:left;
}
	#anq-table .anq-buttom {
		margin:0 0 0 0;
		padding:15px 0 0 0;
		text-align:center;
	}


/* 請求書・参加券の発行用 */

#join-area {
	width: 780px;
	margin:10px auto 10px auto;
	padding:20px 0 20px 0;
	text-align:left;
	border-top:1px dotted #333333;
}

	#join-area div.sen {
		width: 780px;
		height:auto;
		margin:10px auto 10px auto;
		padding:0 0 0 0;
		text-align:center;
		background-image:url(../images/sen.gif);
		background-position:center left;
		background-repeat:repeat-x;
	}

#join-table {
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	text-align:left;
	border-bottom:1px solid #999999;
	border-left:1px solid #999999;
}
	#join-table .ticket-name {
		width:40px;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		font-weight:bold;
		color:#ffffff;
		vertical-align:center;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
		background-color:#333333;
	}

	/*#join-table .name-tag {
		width:320px;
		margin:0 0 0 0;
		padding:10px 10px 10px 10px;
		vertical-align:top;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}*/
	#join-table .sanka {
		width:500px;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		vertical-align:top;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}
	#join-table .iken {
		width: 500px;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		vertical-align:top;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}
	#join-table .bento {
		width: 500px;
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		vertical-align:top;
		border-top:1px solid #999999;
		border-right:1px solid #999999;
	}
	#join-table p.text {
		margin:5px 10px 5px 10px;
		padding:0 0 0 0;
	}


#pay-area {
	width: 780px;
	margin:10px auto 0 auto; 
	padding:0 0 0 0;
	text-align:left;
	border-top:1px dotted #333333;
}

#pay-table {
	width: 700px;
	margin:15px auto 0 auto;
	padding:0 0 15px 0;
	text-align:left;
}
	#pay-table td.pay-name {
		width:300px;
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
		vertical-align:top;
	}
	#pay-table td.name02 {
		margin:0 0 0 0;
		padding:0 0 10px 0;
		vertical-align:top;
	}
	#pay-table td.pay-no {
		width:400px;
		margin:0 0 0 0;
		padding:0 0 10px 0;
		line-height:18px;
		vertical-align:top;
	}
	#pay-table p.pay-title {
		margin:0 0 10px 0;
		padding:0 0 0 0;
		font-size:18px;
		line-height:24px;
		border-bottom:1px solid #333333;
	}
	#pay-table p.pay-text {
		margin:0 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
	}
	#pay-table p.pay-hosoku {
		margin:10px 0 0 0;
		padding:0 0 0 0;
		line-height:18px;
	}

.pay-print {
	margin:10px 0 10px 0;
	text-align:center;
}



/* 007 ========================================
 * エラーページ
============================================ */
.error-flame{
	min-height:400px;
	margin-top:30px;
	text-align:center;
}
	.error-flame a {
		text-decoration:none;
		color:#333;
	}

.link-button {
	display:block;
	box-sizing:border-box;
	width:300px;
	min-height:50px;
	margin:15px auto;
	padding-top:15px;
	font-size:14px;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	background-image: -webkit-linear-gradient(top, #eee, #ccc);
	background-image: -moz-linear-gradient(top, #eee, #ccc);
	background-image: -ms-linear-gradient(top, #eee, #ccc);
	background-image: -o-linear-gradient(top, #eee, #ccc);
	background-image: linear-gradient(top, #eee, #ccc);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	border:1px solid #CCC;
}



/* 008 ========================================
 * 実地研修
============================================ */
.jicchi-table {
	box-sizing: border-box;
}
.jicchi-table th,
.jicchi-table td {
	/*border-top: 1px dotted #ccc;*/
	padding: 4px 0 4px 5px;
}