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

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

全老健研修申込システム ユーザー基礎CSS
作成日：2010年10月12日
改定日：2021年8月2日
製作者:kouji yamaguchi

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

/* 全体幅850px */

/*
 * LAYOUT
 * --------------------------
 * INDEX 
 *
 * 001 基礎
 * 002 共通
 * 003 ヘッダー
 * 004 フッター
 * 005 パンくず
 * 006 TOPページ
 * --------------------------
 */


/* 001 ========================================
 * 基礎
============================================ */

html {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
}

body {
	height:100%;
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-family:"メイリオ","Meiryo",  "ヒラギノ角ゴ Pro W3", "ＭＳゴシック", Osaka;
	font-size:12px;
	color:#333333;
}

h1,h2,h3,h4,h5 {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-weight : normal;
}

div,table,p {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

form {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

input,select {
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:14px;
}
img {
	margin:0 0 0 0;
	padding:0 0 0 0;
	border:none;
}

dl,dt,dd {
	margin:0 0 0 0;
	padding:0 0 0 0;
}

ul,li {
	margin:0 0 0 0;
	padding:0 0 0 0;
}


/* 002 ========================================
 * 共通
============================================ */

#out-flame {
	width:auto;
	text-align:left;
	position:relative;
	min-height: 100%;
}
* html div#out-flame {
	height:100%;
}


#center-flame {
	width:830px;
	/*height:600px;*/
	margin:0 auto 0 auto;
	padding:10px 10px 0 10px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
}

	#center-flame h3.index {
		margin:0 auto 10px auto;
		padding:0 0 0 8px;
		font-size:16px;
		line-height:22px;
		border-bottom:1px solid #cc0000;
		border-left:8px solid #cc0000;
		text-align:left;
	}

	#center-flame h3.index-2nd {
		width:95%;
		margin:0 auto 10px auto;
		padding:0 0 0 8px;
		font-size:14px;
		line-height:20px;
		border-bottom:1px solid #99cc33;
		border-left:8px solid #99cc33;
	}
	#center-flame h3.index-3nd {
		margin:0 auto 10px auto;
		padding:0 0 0 8px;
		font-size:16px;
		line-height:22px;
		/*border-bottom:1px solid #cc0000;*/
		border-left:8px solid #cc0000;
		text-align:left;
	}

.notices {
	border: 10px solid rgba(255,178,178,1);
	margin: 0 auto 30px auto!important;
	padding: 10px!important;
	width: 95%!important;
}
	.notices h2 {
		margin-bottom: 20px;
	}
	.notices h3 {
		font-weight: 700;
		margin-bottom: 5px;
		padding-bottom: 5px;
	}
	.notices p {
		font-size: 14px;
		margin-bottom: 20px;
	}

.form-button {
	display: block;
	border: 1px solid #999;
	color: #444!important;
	max-width: 250px;
	width: 100%;
	height: 50px;
	margin: 10px auto 10px auto;
	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);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eee', endColorstr='#aaa',GradientType=0 );
	border-radius: 2px;
	position: relative;
}
.form-button:visited {
	color: #444!important;
}
	.form-button > span {
		display: inline-block;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translateY(-50%) translateX(-50%);
		-webkit-transform: translateY(-50%) translateX(-50%);
		text-align: center;
		width: 100%;
	}


/* 補足説明用 */
ul.navi  {
	width:auto;
	margin:0 0 10px 0;
	padding:0 0 0 0;
	list-style:none;
}
	ul.navi li {
		margin:0px;
		padding:0px;
		line-height:18px;
	}


/* リンク */
a:link { color: #0000ff; }/*通常*/
a:visited { color: #0000ff; }/*訪問済*/
a:active { color: #0000ff }/*クリック時*/


/* 色設定 */
.red {
	color:#cc0000;
}
.blue {
	color:#0000cc;
}
.green {
	color:#339933;
}
.orenge {
	color:#ff6600;
}
.black {
	color:#333333;
}
.gray {
	color:#cccccc;
}
.purple {
	color:#9999ff;
}


/* 背景色 */
.bg-pink {
	background-color:#ffddee;
}
.bg-blue {
	background-color:#99ccff;
}
.bg-blue2 {
	background-color:#99eeee;
}
.bg-green {
	background-color:#99cc33;
}
.bg-orenge {
	background-color:#ffcc66;
}
.bg-gray {
	background-color:#cccccc;
}
.bg-purple {
	background-color:#ccccff;
}
.bg-yelowgreen {
	background-color:#cccc00;
}
.bg-brown {
	background-color:#cc9966;
}


/* フォント */
.font10 {
	font-size:10px;
}
.font11 {
	font-size:11px;
}
.font12 {
	font-size:12px;
}
.font14 {
	font-size:14px;
}
.font16 {
	font-size:16px;
}
.font18 {
	font-size:18px;
}
.font20 {
	font-size:20px;
}
.font22 {
	font-size:22px;
}
.font24 {
	font-size:24px;
}
.font26 {
	font-size:26px;
}

/* 配置 */
.p-left {
	text-align:left;
}
.p-right {
	text-align:right;
}
.p-center {
	text-align:center;
}


/* 字下げ */
.indent10 {
	text-indent:10px;
}
.indent20 {
	text-indent:20px;
}
.indent40 {
	text-indent:40px;
}
.indent60 {
	text-indent:60px;
}
.indent80 {
	text-indent:80px;
}
.indent100 {
	text-indent:100px;
}


/* 共通用スペース */
.space {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
.space-padding10 {
	padding:10px 0 10px 0;
}
.space-margin10 {
	padding:10px 0 10px 0;
}
.space-mt10 {
	margin:10px 0 0 0;
}
.space-mb10 {
	margin:0 0 10px 0;
}
.space-mtb30 {
	margin:30px 0 30px 0;
}
.space-plr10 {
	padding:0 10px 0 10px;
}

/* buttom */
.buttom-error {
	display: inline-block;
	box-sizing: border-box;
	width: 280px;
	height: 60px;
	margin: 30px auto 0;
	padding: 18px 0 0;
    color: #333;
    text-align: center;
    text-decoration: none;
    vertical-align: middle;
    background: rgba(208,208,208,1)
}

/* error */
.error-flame {
	padding: 40px;
}


/* 印刷ページで改行 */
/* 直前で改行 */
.kaigyo-before {
	page-break-before:always;
}
/* 直後で改行 */
.kaigyo-after {
	page-break-after:always;
}


/* 003 ========================================
 * ヘッダー
============================================ */

#header {
	position:relative;
	width:850px;
	height:80px;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	}

h1.maintitle{
	position:absolute;
	left:20px;
	top:10px;
	margin:0 0 0 0;
	padding:0 0 0 50px;
	font-size:20px;
	line-height:24px;
	background-image:url(../images/logo.gif);
	background-repeat:no-repeat;
	background-position:0 5px ;
	}

h2.pagetitle{
	margin:0 0 0 10px;
	padding:0 0 0 0;
	font-size:12px;
	font-weight:normal;
	line-height:18px;
	float:left;
	}

#header-topline {
	margin:0 0 2px 0;
	padding:0 0 0 0;
	border-top:2px solid #0000cc;
}

#header-centerline {
	margin:0 0 0 0;
	padding:0 0 0 0;
	background-color:#0000cc;
}

	#header-centerline .header-content {
		width:850px;
		margin:0 auto 0 auto;
		padding:5px 0 5px 0;
		color:#ffffff;
	}

	#header-centerline ul.submenu {
		/*width:400px;*/
		margin:0 10px 0 0;
		padding:0 0 0 0;
		list-style:none;
		float:right;
		}

		#header-centerline ul.submenu li {
			display:inline;
			margin:0 0 0 10px;
			padding:0 0 0 15px;
			text-align:left;
			}
		#header-centerline ul.submenu a {
			color:#ffffff;
			}


/* 004 ========================================
 * フッター(footer_test用)
============================================ */

/*#footer-flame {
	width:100%;
	margin:0 auto 0 auto;
	padding:0 0 0 0;
	position:absolute;
	bottom:0px;
	height:80px;
}

	#footer-flame .footer {
		width:830px;
		margin:0 auto 0 auto;
		padding:10px 10px 10px 10px;
		border-right:1px solid #999999;
		border-left:1px solid #999999;
	}

#footer-topline {
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-top:2px solid #999999;
}*/


/* 004 ========================================
 * フッター
============================================ */

#footer {
	width:830px;
	margin:0 auto 0 auto;
	padding:10px 10px 10px 10px;
	border-right:1px solid #999999;
	border-left:1px solid #999999;
	}

#footer-topline {
	margin:0 0 0 0;
	padding:0 0 0 0;
	border-top:2px solid #999999;
}

/* 年度切替えリンク用 */
#switch-year {
	margin:0 0 10px 0;
	padding:0 0 0 0;
}


/* 005 ========================================
 * パンくず
============================================ */

#pankuzu {
	margin:0 0 10px 0;
	padding:0 0 0 0;
}



/* 006 ========================================
 * TOPページ
============================================ */

#program-text {
	width:830px;
	margin:0 auto 10px auto;
	padding:0 0 0 0;
}

#program-table {
	width:830px;
	margin:0 auto 10px auto;
	padding:0 0 0 0;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
	#program-table th {
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		line-height:18px;
		text-align:center;
		background-color:#99cccc;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}
	#program-table td {
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		line-height:18px;
		text-align:center;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}
	#program-table td.kensyu-title {
		padding-left:5px;
		text-align:left;
	}


#pg-table-nomal {
	width:830px;
	margin:0 auto 10px auto;
	padding:0 0 0 0;
	border-top:1px solid #666666;
	border-left:1px solid #666666;
}
	#pg-table-nomal th {
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		line-height:18px;
		text-align:center;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}
	#pg-table-nomal td {
		margin:0 0 0 0;
		padding:5px 0 5px 0;
		line-height:18px;
		text-align:center;
		border-right:1px solid #666666;
		border-bottom:1px solid #666666;
	}
	#pg-table-nomal td.kensyu-title {
		padding-left:5px;
		text-align:left;
	}