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

/* マイページ （myPage/index.tpl.php）
  
	------------------------------------------------------　*/
	/* 左メニュー(myPage_left_navi.tpl.php)
	-------------------------------------*/
	#myPageLeftNavi {
		width: 200px;
		float: left;
		display: block;
	}
	#myPageLeftNavi ul#myPageNavi {
		margin-bottom: 9px;
	}
	#myPageLeftNavi ul#myPageNavi li {
		margin: 0;
		display: block;
		width: 200px;
		background-image: url(/images/member/lMenuAnythingA.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 46px;
	}
	#myPageLeftNavi ul#myPageNavi li.end {
		margin: 0;
		display: block;
		width: 200px;
		background-image: url(/images/member/lMenuAnythingB.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 46px;
	}
	ul#myPageNavi li.text a {
		display: inline-block;
		padding-left: 20px;
		margin-top: 5px;
		margin-left: 5px;
		font-size: 14px;
		line-height: 16px;
		position: absolute;
		height: 36px;
		background-color: transparent;
		color: #333;
		border-left: 4px solid #FB4442;
	}
	#myPageLeftNavi ul#myPageNavi li.text a span {
		display: table-cell;
		vertical-align: middle;
		height: 36px;
	}
	*+html #myPageLeftNavi ul#myPageNavi li.text a {
		height: auto;
		top: 18%;
	}
	#myPageLeftNavi ul#myPageNavi li#myPage {
		background-image: url(/images/member/lMenuMypageg.png);
		height: 46px;
		text-indent: -999em;
	}
	
	#myPageLeftNavi ul.nav {
		margin-top: 9px;
	}
	#myPageLeftNavi ul.nav li {
		background-image: url(/images/member/lMenuGray.png);
		background-repeat: no-repeat;
		background-position: left top;
		height: 36px;
		margin: 0;
		display: block;
		width: 200px;
	}
	#myPageLeftNavi ul.nav li a {
		display: inline-block;
		padding-left: 30px;
		margin-top: 10px;
		font-size: 14px;
		line-height: 16px;
		position: absolute;
		background-color: transparent;
		color: #666;
	}

	/* マイページのコンテンツ(/myPage/配下の各ファイル)
	-------------------------------------*/
		body#myPage #content #mainWide h2 { /* 赤グラデーション背景のタイトル（マイページ内のh2専用） */
			background-image: url(/images/common/h2Red740.png);
			background-position: left top;
			background-repeat: no-repeat;
			height: 50px;
			padding-top: 10px;
			margin-bottom: 10px;
		}
		body#myPage #content #mainWide h2.blueTitle { /* 青グラデーション背景のタイトル（マイページ内、塾生登録は通常通り青グラデーション） */
			background-image: url(/images/common/h2Blue740.png);
			background-repeat: no-repeat;
			color: #fff;
			font-size: 20px;
			font-weight: bold;
			padding: 24px 0 12px 10px;
			margin-bottom: 10px;
/*
			background-image: url(/images/common/h2Blue740.png);
			background-position: left top;
			background-repeat: no-repeat;
			height: 50px;
			padding-top: 10px;
			margin-bottom: 10px;
*/
		}
		body#myPage #content #mainWide #backBlue #confirmBlock table td.buttonBlock { /* 登録内容の確認ページにある、「変更する」ボタンブロック */
			width: 6em;
			text-align: center;
			vertical-align: middle;
			background-color: #FEC6BC;
			padding: 2px 7px;
		}
		body#myPage #content #mainWide #backBlue #confirmBlock table td.buttonBlock input { /* 登録内容の確認ページにある、「変更する」ボタン */
			background-color: #FB6549;
  	  border: 4px double #FFFFFF;
	    border-radius: 5px 5px 5px 5px;
    	color: #FFFFFF;
	    cursor: pointer;
	    padding: 2px 5px;
			font-size: 1em;
	    width: 6em;
		}
		body#myPage #content #mainWidest .orangeFrame {/* 新年度塾生新規登録にある、「塾コード」入力枠（オレンジ背景のグレー線、角丸） */
			border: 3px solid #BFBFBF;
			background-color: #FEDDBC;
			text-align: center;
			width: 520px;
			padding: 10px 20px;
			margin-top: 20px;
			border-radius: 7px;        /* CSS3草案 */  
			-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 7px;   /* Firefox用 */ 
		}
		body#myPage #content #mainWidest .orangeFrame label { /* 「塾コード」入力欄のラベル */
			margin-right: 7px;
			font-weight: bold;
			font-size: 0.9em;
		}
		body#myPage #content #mainWidest .orangeFrame input { /* 「塾コード」入力欄のテキストフィールド */
			width: 280px;
		}
		body#myPage #content #mainWidest .orangeFrame p { /* 確認画面での「塾コード」入力欄内 */
			text-align: left;
		}

	/* 登録内容の変更（入力・確認画面共通）
	-------------------------------------*/
		body#myPage #content #mainWide #buttonBlock { /* 「戻る」「ご入力内容確認」「変更する」などのボタンブロック */
			text-align: center;
		}
		body#myPage #content #mainWide #buttonBlock input[type="button"] { /* ボタンブロックの各種ボタン */
			margin: 0 10px;
			display: inline-block;
			float: none;
		}
		body#myPage #content #mainWide #buttonBlock input#changeButton { /* 「変更する」ボタン */
			background-image: url(/images/form_button/btn_modify.png);
			background-position: left top;
			background-repeat: no-repeat;
			width: 155px;
			height: 35px;
			text-indent: -999em;
			border: none;
		}
		body#myPage #content #mainWide #buttonBlock input#changePassButton { /* 「変更する」ボタン */
			background-image: url(/images/form_button/btn_changePass.png);
			background-position: left top;
			background-repeat: no-repeat;
			width: 223px;
			height: 35px;
			text-indent: -999em;
			border: none;
		}

	/* 登録内容の変更（確認画面）
	-------------------------------------*/
		body#myPage #content #mainWide p.myPageConfNotice { /* 「変更内容をご確認の上、・・・」の文章 */
			color: #FF3333;
			font-weight: bold;
		}
		body#myPage #content #mainWide div.myPageConfBackBlue { /* マイページ変更確認画面のブルー背景ブロック */
			margin-top: 0;
		}

	/* 退会（確認画面）
	-------------------------------------*/
		body#myPage #content #mainWide #backGray {
			border-radius: 10px;        /* CSS3草案 */  
			-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 10px;   /* Firefox用 */
			border: 2px solid #CCC;
			background-color: #F2F2F2;
			padding: 15px;
			text-align: center;
			font-size: 0.9em;
			line-height: 1.3em;
		}			
		body#myPage #content #mainWide #buttonBlock p { /* ボタンすぐ上の、解約してもよいかの確認文章 */
			font-weight: bold;
			font-size: 0.9em;
			margin-bottom: 10px;
		}
		body#myPage #content #mainWide #buttonBlock #backButton { /* 「戻る」ボタン */
			margin: 0 10px;
			display: inline-block;
			*display: inline;
			*zoom: 1;
			float: none;
			vertical-align: top;
			background-color: transparent;
		}
		body#myPage #content #mainWide #buttonBlock input#dissolveButton { /* 「解約（退会）する」ボタン */
			background-image: url(/images/form_button/btn_dissolve.png);
			background-position: left top;
			background-repeat: no-repeat;
			width: 185px;
			height: 35px;
			text-indent: -999em;
			border: none;
		}

	/* 退会（完了画面）
	-------------------------------------*/
		body#myPage #content .dissolvedMain {
			margin: auto;
			float: none;
			width: 740px;
		}


	/* 塾生の登録（index.tpl.php）
	-------------------------------------*/
		body#myPage #content .grayFrame {
			padding: 15px;
			width: 704px;
		}
		body#myPage #content .grayFrame .size0-8 {
			font-size: 1em;
			line-height: 1.2em;
			font-size: 0.8em;
		}
		body#myPage #content .detail #leadRegister {
			background-image: url(/images/common/frameBlue740.png);
			background-position: left top;
			background-repeat: no-repeat;
			width: 720px;
			height: 120px;
			padding: 10px;
		}
		body#myPage #content .detail #leadRegister ul {
			overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
			position: relative; /*DWで正常にプレビューできるようになる*/
			zoom:1; /*IE6でレイアウト崩れを防ぐため*/
			margin-bottom: 0;
		}
		body#myPage #content .detail #leadRegister ul li { /* 各塾生登録フォームへのボタンが入るブロック */
			margin: 6px;
			list-style-type: none;
			width: 347px;
			float: left;
			display: block;
			font-size: 12px;
			line-height: 14px;
		}
		body#myPage #content .detail #leadRegister ul li a { /* 各塾生登録フォームへのボタンを表示 */
			text-indent: -999em;
			width: 347px;
			height: 84px;
			display: block;
			background-color: #C8DCF0;
			margin-bottom: 5px;
		}
		body#myPage #content .detail #leadRegister ul li#newYearPupilRegister a { /* 新年度塾生新規登録フォームへのボタン */
			background-image: url(/images/member/btn_registNewPupil.png);
			background-position: left top;
			background-repeat: no-repeat;
		}
		body#myPage #content .detail #leadRegister ul li#thisYearPupilRegister a { /* 今年度の塾生　追加登録フォームへのボタン */
			background-image: url(/images/member/btn_registAddPupil.png);
			background-position: left top;
			background-repeat: no-repeat;
		}
		body#myPage #content .detail #leadRegister ul li#registPupilFuture  { /* 後日でも塾生登録ができることをアナウンス */
			width: auto;
			float: none;
		}

	/* 新年度新規塾生・塾生追加の登録（newYearInput.tpl.php、addPupilInput.tpl.php）
	-------------------------------------*/
	body#myPage #content #mainWidest #inputBlock {
		position: relative;
	}
	body#myPage #content #mainWidest #inputBlock #message { /* 通信欄 */
		float: none;
		width: 750px;
		height: 60px;
		margin-top: 5px;
		margin-bottom: 15px;
	}
	body#myPage #content #mainWidest #inputBlock ul { /* 注意事項 */
		margin-left: 1em;
		text-indent: -1em;
		line-height: 1.2em;
		font-size: 0.9em;
		margin-bottom: 15px;
	}
	body#myPage #content #mainWidest #inputBlock ul li { /* 注意事項 */
		/*list-style-type: disc;*/
	}
	body#myPage #content #mainWidest table.green { /* 塾生登録表の文字の大きさを小さく。 */
		font-size: 0.8em;
		margin-bottom: 0.1em;
	}
	/*body#myPage #content #mainWidest table tbody {
		height: 500px;
		overflow: auto;
	}*/
	body#myPage #content #mainWidest table label, body#myPage #content #mainWidest table p { /* 塾生登録表のラベル･<p>のフォントサイズ小さく。 */
		/*font-size: 0.8em;*/
	}
	body#myPage #content #mainWidest table .autoAddLine label, body#myPage #content #mainWidest table .autoAddLine p { /* 塾生登録表のラベル･<p>は、ブロック要素で。 */
		/*display: block;*/
	}
	body#myPage #content #mainWidest #inputBlock th.backYellow { /* 塾生新規登録をする表の黄色背景<th> */
		background-color: #FFDD33;
		width: auto;
		text-align: left;
		padding-left: 1em;
	}
	body#myPage #content #mainWidest #inputBlock .backYellow { /* 塾生新規登録をする表の中で使う黄色背景<span>でも何でもOK */
		background-color: #FFDD33;
		width: auto;
	}
	body#myPage #content #mainWidest #inputBlock table th { /* 塾生登録表のチェックボックス欄は、幅154ではなく自動調整で。縦･横位置中央で。 */
		width: auto;
		vertical-align: middle;
		text-align: center;
	}
	body#myPage #content #mainWidest #inputBlock table .pupilLine { /* 塾生登録表の学年などの選択や生徒番号などの記入欄の各行。 */
	}
	body#myPage #content #mainWidest #inputBlock table .labelWidth4 { /* 塾生登録表のラベル幅４は、微妙に幅を大きくする。 */
		width: 4.2em;
	}
	body#myPage #content #mainWidest #inputBlock .widthName { /* 塾生登録表の名前幅(テキストフィールド)は、他の入力フォームよりも幅を小さくする。 */
		width: 9em;
	}
	body#myPage #content #mainWidest #inputBlock .widthSchoolName { /* 塾生登録表の中学校選択(セレクト)・中学校名入力(テキストフィールド)は、他の入力フォームよりも幅を小さくする。 */
		width: 320px;
	}
	body#myPage #content #mainWidest #inputBlock select.widthSchoolName .district { /* 公立中学校選択の「学区名（1学区など）」は中学校名とは区別する。 */
		background-color: #BBBBBB;
		font-weight: bold;
		padding: 3px 0;
		color: inherit;
	}
	body#myPage #content #mainWidest #inputBlock select.widthSchoolName .area { /* 公立中学校選択の「地区名（千葉市稲毛区など）」は中学校名とは区別する。 */
		background-color: #CCCCCC;
		padding:	3px;
		color: inherit;
	}
	body#myPage #content #mainWidest #inputBlock .pupilYear { /* 年度を選択するブロック */
		float: left;
		width: 27em;
		background-color: #FFF;
		border: 3px solid #396;
		padding: 10px 0 10px 10px;
		border-radius: 7px;        /* CSS3草案 */  
		-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 7px;   /* Firefox用 */ 
		overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
		position: relative; /*DWで正常にプレビューできるようになる*/
		zoom:1; /*IE6でレイアウト崩れを防ぐため*/
	}
	body#myPage #content #mainWidest #confirmBlock .pupilYear { /* 年度を選択するブロック */
		float: left;
		width: 7em;
		background-color: #FFF;
		border: 3px solid #396;
		padding: 10px;
		text-align: center;
		border-radius: 7px;        /* CSS3草案 */  
		-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 7px;   /* Firefox用 */ 
		overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
		position: relative; /*DWで正常にプレビューできるようになる*/
		zoom:1; /*IE6でレイアウト崩れを防ぐため*/
	}
	body#myPage #content #mainWidest #inputBlock .pupilYear select { /* 年度を選択するブロック */
		width: 5em;
		text-align: right;
	}
	body#myPage #content #mainWidest #inputBlock .pupilYear option { /* 年度を選択するブロック */
		padding-right: 10px;
	}
	body#myPage #content #mainWidest #inputBlock .pupilYear label { /* 年度を選択するブロック */
		font-weight: bold;
		margin-left: 5px;
	}
	body#myPage #content #mainWidest #inputBlock .pupilYear p { /* 年度を選択するブロック */
		display: inline;
		padding-left: 1em;
	}
	body#myPage #content #mainWidest #inputBlock .PupilDelete { /* 塾生登録表でチェックした塾生を削除するブロック */
		color: #F33;
		width: 12.5em;
		text-align: center;
		float: right;
		overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
		position: relative; /*DWで正常にプレビューできるようになる*/
		zoom:1; /*IE6でレイアウト崩れを防ぐため*/
	}
	body#myPage #content #mainWidest #inputBlock .PupilDelete #selectAll, body#myPage #content #mainWidest #inputBlock .PupilDelete #selectCancel { /* 塾生登録表で入力した塾生を全て選択する、選択を解除する */
		color: #F33;
		font-size: 0.8em;
		font-weight: bold;
		background-color: transparent;
		border: none;
	}
	body#myPage #content #mainWidest #inputBlock .PupilDelete #selectAll:hover, body#myPage #content #mainWidest #inputBlock .PupilDelete #selectCancel:hover { /* 上記のマウスオーバー */
		text-decoration: underline;
	}
	body#myPage #content #mainWidest #inputBlock .PupilDelete #selectDelete { /* 塾生登録表でチェックした塾生を削除する */
		color: #FFF;
		background-color: #F33;
		border: double 3px #FFF;
		display: block;
		margin-top: 2px;
		margin-right: auto;
		margin-left: auto;
		width: 10em;
		padding: 3px 5px;
		border-radius: 5px;        /* CSS3草案 */  
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 5px;   /* Firefox用 */
	}
	body#myPage #content #mainWidest .pupilTable { /* 塾生の入力･確認用テーブル(スクロールを付けたいため、テーブルを別にする) */
		height: 600px;
		overflow: scroll;
	}
	body#myPage #content #mainWidest #inputBlock .errorALL { /* 一人も入力されていないときのエラーメッセージ用 */
		font-size: 1.4em;
		font-weight: bold;
		position: absolute;
		top: 260px;
		left: 420px;
	}
	body#myPage #content #mainWidest #inputBlock .errorWide380 { /* 中学校選択のエラーメッセージ用 */
		width: 380px;
		line-height: 1.3em;
	}
	body#myPage #content #mainWidest #inputBlock .errorName { /* 氏名のエラーメッセージ用 */
		display: inline-block;
	}
	body#myPage #content #mainWidest #inputBlock #chargerBlock { /* 担当者入力欄のブロック */
		border: 3px solid #BFBFBF;
		background-color: #FFF;
		clear: right;
		text-align: center;
		width: 420px;
		padding: 10px 50px;
		margin-top: 20px;
		margin-right: auto;
		margin-left: auto;
		border-radius: 7px;        /* CSS3草案 */  
		-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 7px;   /* Firefox用 */ 
	}
	body#myPage #content #mainWidest #inputBlock #chargerBlock label { /* 担当者入力欄のラベル */
		margin-right: 7px;
	}
	body#myPage #content #mainWidest #inputBlock #chargerBlock input { /* 担当者入力欄のテキストフィールド */
		width: 280px;
	}
	body#myPage #content #mainWidest #buttonBlock { /* 確認ボタンのブロック */
    margin-bottom: 30px;
    margin-top: 20px;
    overflow: hidden;
    position: relative;
    width: 950px;
	}
	body#myPage #content #mainWidest #inputBlock #buttonBlock #comfirmButton { /* 確認ボタン */
		background-image: url(/images/form_button/btn_confYellow.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-color: transparent;
		width: 146px;
		height: 35px;
		text-indent: -999em;
		display: block;
		border: none;
		margin: auto;
	}

	/* 新年度新規塾生・塾生追加の確認（Confirm.tpl.php）
	-------------------------------------*/
	body#myPage #content #mainWidest #confirmBlock #message { /* 通信欄 */
		float: none;
		width: 920px;
		height: 60px;
		margin-top: 5px;
		margin-bottom: 15px;
		overflow: auto;
		background-color: #FFF;
		border: 1px solid #CCC;
	}
	body#myPage #content #mainWidest #confirmBlock th.backYellow { /* 塾生確認表の黄色背景<th> */
		background-color: #FFDD33;
		width: auto;
		text-align: left;
		padding-left: 1em;
		font-weight: bold;
	}
	body#myPage #content #mainWidest #confirmBlock th.width3 { /* 塾生確認表の<th>3文字幅 */
		width: 3em;
	}
	body#myPage #content #mainWidest #confirmBlock th.width4 { /* 塾生確認表の<th>4文字幅 */
		width: 4em;
	}
	body#myPage #content #mainWidest #confirmBlock th.width5 { /* 塾生確認表の<th>5文字幅 */
		width: 5em;
	}
	body#myPage #content #mainWidest #confirmBlock td { /* 塾生確認表の<td> */
		padding-left: 1em;
	}
	body#myPage #content #mainWidest #confirmBlock #chargerBlock { /* 担当者入力欄のブロック */
		border: 3px solid #BFBFBF;
		background-color: #FFF;
		text-align: left;
		width: 280px;
		padding: 10px;
		margin-top: 20px;
		border-radius: 7px;        /* CSS3草案 */  
		-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 7px;   /* Firefox用 */ 
	}
	body#myPage #content #mainWidest #confirmBlock #buttonBlock { /* 登録ボタンなどのブロック */
    margin-bottom: 30px;
    margin-top: 20px;
		margin-left: auto;
		margin-right: auto;
    overflow: hidden;
    position: relative;
    width: 270px;
		text-align: center;
	}
	body#myPage #content #mainWidest #confirmBlock #buttonBlock #backButton { /* 戻るボタン */
		background-image: url(/images/form_button/btn_back.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-color: transparent;
		width: 107px;
		height: 35px;
		text-indent: -999em;
		display: block;
		border: none;
		margin-right: 7px;
		float: left;
	}
	body#myPage #content #mainWidest #confirmBlock #buttonBlock #completeButton { /* 登録ボタン */
		background-image: url(/images/form_button/btn_regist.png);
		background-position: left top;
		background-repeat: no-repeat;
		background-color: transparent;
		width: 146px;
		height: 35px;
		text-indent: -999em;
		display: block;
		border: none;
		margin-left: 7px;
		float: left;
	}
	body#myPage #content #mainWidest #confirmBlock .pinkBackFrame #printoutButton { /* プリントアウトボタン */
		background-image: url(/images/common/btnPrintOut.png);
    background-position: left top;
    background-repeat: no-repeat;
		background-color: transparent;
    border: medium none;
    display: block;
    height: 35px;
    position: absolute;
    right: 8px;
    text-indent: -999em;
    bottom: 10px;
    width: 144px;
	}

	/* 新年度新規塾生・塾生追加完了（Complete.tpl.php）
	-------------------------------------*/
	body#myPage #content #completeFrame { /* 角丸グレーの枠 */
		margin: auto;
	}
	body#myPage #content #mainWidest #compBlock { /*  */
			text-align: center;
		}
	body#myPage #content #mainWidest #compBlock h3 { /* 「お問い合わせありがとうございます」などのフレーム枠 */
			background-image: url(/images/common/h3Red613.png);
			width: 613px;
			height: 30px;
			padding-top: 9px;
			margin: 0 auto 20px auto;
			text-align: center;
			font-size: 1.25em;
			color: #FF4442;
			letter-spacing: -2px;
			font-weight: bold;
		}
	body#myPage #content #mainWidest #compBlock p.alignRight { /* 総進様の電話番号を表示 */
			text-align: right;
			margin-right: 100px;
		}
	body#myPage #content #mainWidest #buttonBlock #bear { /* ボタン左のクマ画像 */
			margin-left: 390px;
			display: block;
			float: left;
		}
	body#myPage #content #mainWidest #buttonBlock #backTopButton { /* 「TOPへ」ボタン */
			background-image: url(/images/form_button/btn_top.png);
			background-position: left top;
			background-repeat: no-repeat;
			width: 107px;
			height: 35px;
			text-indent: -999em;
			border: none;
			display: block;
			float: left;
			margin-left: 7px;
			margin-top: 25px;
		}

	/* 繰り上げ処理
	-------------------------------------*/
  div.gradeAdvance h3 {
    background-color: #5FBE6E;
    width: 100%;
    color: #ffffff !important;
    margin-bottom: 10px;
  }

  div.gradeAdvance div.orderBlock {
    width: 100%;
    background-color: #DCF0F0;
    color: #333333;
    padding: 10px;
    border-top: 1px solid #B3B3B3;
    border-bottom: 1px solid #B3B3B3;
    margin-bottom: 10px;
  }

  div.gradeAdvance div#content table {
    border: none;
    border-top: solid 1px #B3B3B3;
    margin-bottom: 3em;
  }
  div.gradeAdvance div#content th,  div.gradeAdvance div#content td {
    color: #333333;
    text-align: center;
    width: auto;
    border: none;
    border-right: solid 1px #B3B3B3;
    border-bottom: solid 1px #B3B3B3;
    height: auto;
    padding: 0.5em 1em;
  }
  div.gradeAdvance div#content th {
    background-color: #DCF0F0;
  }
  div.gradeAdvance div#content tr:nth-child(odd) td {
    background-color: #F2F2F2;
  }
  div.gradeAdvance div#content th.end, div.gradeAdvance div#content td.end {
    border-right: none;
  }
  div.gradeAdvance div#content td input {
    border: none;
    border: 1px solid #B3B3B3;
    background-color: #FFE0DB;
  }

	/* お申込み(発注)履歴（order/index.tpl.php）
	-------------------------------------*/
	body#myPage #content h3.nonDecoration {
		background-color: transparent;
		background-image: none;
		color: #333333;
		font-size: 1.1em;
		height: inherit;
		margin-top: 15px;
		padding: 0;
		line-height: normal;
	}
	body#myPage #content .backGray {
		background-color: #B3B3B3;
		padding:10px;
		margin-top: 5px;
	}
	body#myPage #content .backSkyBlue { /* お申込み履歴の注文検索ブロックにある角丸水色背景 */
		background-color: #D8E6F4;
		border: 1px solid #FFF;
		padding: 15px;
		border-radius: 7px;        /* CSS3草案 */  
		-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 7px;   /* Firefox用 */ 
		position: relative;
		overflow: hidden;
		zoom: 1;
	}
	body#myPage #content #orderSerchBlock { /* 注文履歴を検索するブロック */
		font-size: 0.8em;
		margin-bottom: 30px;
	}
	body#myPage #content #orderDays {  /* 注文日からの検索ブロック */
		margin-bottom: 10px;
		width: 670px;
		position: relative;
		overflow: hidden;
		zoom: 1;
	}
	body#myPage #content #orderDays  p{  /* 注文日からの検索ブロックに入るテキスト */
		float: left;
	}
	body#myPage #content #orderDays #serchStartGroup { /* 注文日からの検索で、範囲始まり日付ブロック */
		display: inline-block;
		width: 280px;
		float: left;
		text-align: center;
		margin-right: 10px;
		margin-left: 10px;
	}
	body#myPage #content #orderDays #serchStartGroup #serchStartY { /* 注文日からの検索で、範囲始まり「年」ブロック */
		margin-left: 7px;
		width: 5.5em;
	}
	body#myPage #content #orderDays #serchStartGroup #serchStartM, body#myPage #content #orderDays #serchStartGroup #serchStartD { /* 注文日からの検索で、範囲始まり「月」「日」ブロック */
		margin-left: 7px;
		width: 4em;
	}
	body#myPage #content #orderDays #serchEndGroup { /* 注文日からの検索で、範囲終わり日付ブロック */
		display: inline-block;
		width: 280px;
		float: left;
		text-align: center;
		margin-right: 10px;
		margin-left: 10px;
	}
	body#myPage #content #orderDays #serchEndGroup #serchEndY { /* 注文日からの検索で、範囲始まり「年」ブロック */
		margin-left: 7px;
		width: 5.5em;
	}
	body#myPage #content #orderDays #serchEndGroup #serchEndM, body#myPage #content #orderDays #serchEndGroup #serchEndD { /* 注文日からの検索で、範囲始まり「月」「日」ブロック */
		margin-left: 7px;
		width: 4em;
	}
	body#myPage #content #serchKindSelectBlock { /* 検索機能を選択するブロック */
		display: inline-block;
		margin-right: 10px;
		width: 240px;
		float: left;
	}
	body#myPage #content #serchKindSelectBlock #serchKindSelect { /* 検索機能を選択するリスト */
		width: 135px;
		margin-left: 7px;
	}
	body#myPage #content #keyWordSerchBlock {  /* 検索ワードブロック */
		width: 430px;
		float: left;
		text-align: right;
	}
	body#myPage #content #keyWordSerchBlock #keyWordSerch { /* 検索ワード入力のテキストフィールド */
		width: 335px;
		margin-left: 7px;
	}
	body#myPage #content .serchButtonBlock { /* 検索ボタンが入るブロック */
		width: 720px;
		text-align: center;
		margin-top: 10px;
	}
	body#myPage #content .serchButtonBlock #serchButton { /* 検索ボタン */
		border: none;
		background-image: url(/images/form_button/btn_search.png);
		background-position: left top;
		background-repeat: no-repeat;
		text-indent: -999em;
		width: 95px;
		height: 29px;
		background-color: transparent;
	}
	body#myPage #content table#orderSheet { /* 注文履歴一覧表の文字の大きさを小さく。 */
		font-size: 0.8em;
		margin-bottom: 0.1em;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	body#myPage #content table#orderSheet label, body#myPage #content table#orderSheet p { /* 注文履歴一覧表のラベル･<p>のフォントサイズ小さく。 */
		/*font-size: 0.8em;*/
	}
	body#myPage #content table#orderSheet th.backGray { /* 注文履歴一覧表のグレー背景<th> */
		background-color: #CED6DB;
		width: auto;
	}
	body#myPage #content table#orderSheet th, body#myPage #content table#orderSheet td { /* 注文履歴一覧表のチェックボックス欄は、自動調整で。縦･横位置中央で。 */
		width: auto;
		vertical-align: middle;
		text-align: center;
	}
	body#myPage #content table#orderSheet .orderDay { /* 各注文のご注文日時 */
		text-align: left;
		width: 170px;
	}
	body#myPage #content table#orderSheet .orderNom { /* 各注文のご注文No. */
		text-align: left;
		width: 120px;
	}
	body#myPage #content table#orderSheet .orderDetail { /* 各注文のお申込み内容 */
		width: 280px;
	}
	body#myPage #content table#orderSheet .orderDetailLink { /* 各注文の詳細ページへのリンクボタンを表示 */
		text-align: left;
		width: 70px;
	}
	body#myPage #content table#orderSheet .orderDetailLink a { /* 各注文の詳細ページへのリンク部分 */
		display: inline-block;
		background-color: #339966;
		border: 3px double #FFF;
		color: #FFF;
		padding: 0 5px;
		border-radius: 7px;        /* CSS3草案 */  
		-webkit-border-radius: 7px;    /* Safari,Google Chrome用 */  
		-moz-border-radius: 7px;   /* Firefox用 */ 
	}
	body#myPage #content .pageNomberArea { /* 検索結果のページングブロック */
		font-size: 0.75em;
		position: absolute;
		top: 280px;
		right: 0;
		line-height: 1.2em;
		z-index:1;
	}
	body#myPage #content .orderDelete { /* 注文履歴一覧表でチェックした注文履歴を削除するブロック */
		color: #F33;
		font-size: 0.75em;
		overflow: hidden; /*floatの解除、ここがポイント(floatしている要素の親要素へ適用する)*/
		position: relative; /*DWで正常にプレビューできるようになる*/
		zoom:1; /*IE6でレイアウト崩れを防ぐため*/
	}
	body#myPage #content .orderDelete #selectAll, body#myPage #content .orderDelete #selectCancel { /* 注文履歴一覧表で入力した注文履歴を全て選択する、選択を解除する */
		color: #F33;
		font-weight: bold;
		background-color: transparent;
		border: none;
		padding: 0 3px;
	}
	body#myPage #content .orderDelete #selectAll:hover, body#myPage #content .orderDelete #selectCancel:hover { /* 上記のマウスオーバー */
		text-decoration: underline;
	}
	body#myPage #content .orderDelete #selectDelete { /* 注文履歴一覧表でチェックした注文履歴を削除する */
		background-image: url(/images/form_button/btn_orderDelete.png);
		background-position: left top;
		background-repeat: no-repeat;
		width: 202px;
		height: 29px;
		text-indent: -999em;
		border: none;
		display: inline-block;
		margin-top: 2px;
		margin-left: 10px;
	}

	/* お申込み(発注)履歴【詳細】（order/orderDetail.tpl.php）
	-------------------------------------*/
	body#myPage #content .grayish td.widthTest { /* 問題内容の列幅 */
		width: 380px;
		width: auto\9; /* IE8ハック */
	}
	body#myPage #content .grayish td.widthCirculation { /* 問題部数の列幅 */
		width: auto;
		width: auto\9; /* IE8ハック */
	}
	body#myPage #content .grayish th { /* 問題内容の列幅 */
		width: 154px\9; !important /* IE8ハック */
	}
	body#myPage #content table.green th.backPink, body#myPage #content table.green td.backPink {
		background-color: #FFE0DB;
		width: auto;
		text-align: center;
		padding: 7px 0;
	}
	body#myPage #content table.green th.width50 {
		width: 50px;
	}
	body#myPage #content table.green th.width60 {
		width: 60px;
	}
	body#myPage #content table.green th.width70 {
		width: 70px;
	}
	body#myPage #content table.green th.width80 {
		width: 80px;
	}
	body#myPage #content table.green th.width90 {
		width: 90px;
	}
	body#myPage #content table.green th.width100 {
		width: 100px;
	}
	body#myPage #content table.green th.width110 {
		width: 110px;
	}
	body#myPage #content table.green th.width120 {
		width: 120px;
	}
	body#myPage #content table.green th.width130 {
		width: 130px;
	}
	body#myPage #content table.green th.width140 {
		width: 140px;
	}
	body#myPage #content table.green th.width150 {
		width: 150px;
	}

	.systemInputBox{
		width: 575px;
		border: #DDD solid 5px;
		padding: 10px;
		margin-top: 10px;
    }
    .systemInputBox02{
		border: #DDD solid 5px;
		padding: 20px;
        margin-top: 30px;
        margin-bottom:20px;
	}

	.yearBox{
		width: 297px;
		background: #C8DCF0;
		border-radius: 10px;
		padding: 15px;
		margin-top: 20px;
		margin-right: 10px;
		font-weight: 700;
		color: #000;
	}
	.tabs {
		margin-top: 20px;
		padding-bottom: 40px;
		background-color: #fff;
	}
	  
	  /*タブのスタイル*/
	  .tab_item {
		width: 160px;
		height: 40px;
		border: 2px solid #B3B3B3;
		border-bottom: 0;
		border-right: none;
		background-color: #E6E6E6;
		line-height: 40px;
		text-align: center;
		color: #5ab4bd;
		display: table;
		float: left;
		text-align: center;
		font-weight: bold;
		transition: all 0.2s ease;
	  }
	  .tab_item:hover {
		opacity: 0.75;
	  }
	  .tab_item_end {
		width: 160px;
		height: 40px;
		border: 2px solid #B3B3B3;
		border-bottom: 0;
		background-color: #E6E6E6;
		line-height: 40px;
		text-align: center;
		color: #5ab4bd;
		display: table;
		float: left;
		text-align: center;
		font-weight: bold;
		transition: all 0.2s ease;
	  }
	  /*ラジオボタンを全て消す*/
	  input[name="tab_item"] {
		display: none;
	  }
	  
	  /*タブ切り替えの中身のスタイル*/
	  .tab_content {
		/*display: none;*/
		clear: both;
		overflow: hidden;
	  }
	  
	  
	  /*選択されているタブのコンテンツのみを表示*/
	  #all:checked ~ #all_content,
	  #grade3:checked ~ #grade3_content,
	  #grade2:checked ~ #grade2_content,
	  #grade1:checked ~ #grade1_content,
	  #dustbox:checked ~ #dustbox_content {
		display: block;
	  }
	  
	  /*選択されているタブのスタイルを変える*/
	  .tabs input:checked + .tab_item {
		background-color: #5ab4bd;
		color: #fff;
	  }
	
	#sbox5{
		width: 450px;
	}
	.s-tbl {
		border-collapse: collapse;
	}
	.s-tbl th{
		background: #E2F3F3;
	}
	.s-tbl th, .s-tbl td {
		border: 1px solid #BFBFBF;
	}
	.s-tbl tr:nth-child(odd) {
		background: #eee;
	}
	.s-tbl tr:hover {
		background: #ff0;
	}
	.center {
		text-align:center;
    }
    .totalBox{
        background: #FFEEC9;
        border: 3px solid #FF9933;
        border-radius: 10px;
        padding: 20px;
        margin-top: 20px;
        font-weight: 700;
        color: #000;
        height: 25px;
    }
    .registDoneBox{
        border: #CCC solid 3px;
        border-radius: 10px;
        padding: 20px 100px 0px;
        margin: 20px 0px; 
    }
    .highlight01{
        text-align: center;
        background: #FF5D53;
        /* border-radius: 50px; */
        color: #FFF;
        padding: 10px;
        margin: 10px 0px;
    }
    .totalAmountBox{
        border: #CCC solid 5px;
        border-radius: 10px;
        display: flex;
        justify-content: space-evenly;
        align-items: center;
        height: 50px;
    }
    .totalAmountBoxL{
        width: 150px;
        height: 50px;
        text-align: center;
        line-height: 50px;
    }
    .totalAmountBoxR{
        width: 500px;
        height: 50px;
        line-height: 50px;
        text-align: center;
        border-left: 5px solid #CCC;
        padding-left: 10px;
    }
    .registDoneBox > .title01{
        color: black!important;
        font-weight: 100!important;
        font-size: 1.5em!important;
        margin-bottom: 20px;
    }
    .topLink{
        color: #4892D0;
        border: 3px solid #4892D0;
        display: inline-block;
        margin: 5px 0px;
        padding: 10px;
        width: 46%;
    }
    .schoolChangeDoneBox{
		border: #CCC solid 3px;
		border-radius: 10px;
		background: #F5F5F5;
		padding: 20px;
		width: 738px;
		margin: 20px auto 0px;
	}
	.caption01{
		float: left;
		width: 270px;
		padding-right: 18px;
    font-size:0.9em;
	}
	.caption02{
		float: left;
		width: 370px;
		padding-right: 18px;
    font-size:0.9em;
	}
	.btnGray01 {
		border: 1px solid #C0C0C0;
		color: #333333;
		padding: 5px 15px;
		border-radius: 5px;
		height:27px;
		font-weight: bold;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,dfe3e0+100 */
		background: #dfe3e0; /* Old browsers */
		background: -moz-linear-gradient(top, #ffffff 0%, #dfe3e0 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #ffffff 0%,#dfe3e0 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #ffffff 0%,#dfe3e0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dfe3e0',GradientType=0 ); /* IE6-9 */
	  }
	  .btn_gray01{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#cacaca+1,f1f1f1+10,f1f1f1+21,f1f1f1+31,f1f1f1+37,cacaca+78,cacaca+100 */
		background: rgb(202,202,202); /* Old browsers */
		background: -moz-linear-gradient(top, rgba(202,202,202,1) 1%, rgba(241,241,241,1) 10%, rgba(241,241,241,1) 21%, rgba(241,241,241,1) 31%, rgba(241,241,241,1) 37%, rgba(202,202,202,1) 78%, rgba(202,202,202,1) 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, rgba(202,202,202,1) 1%,rgba(241,241,241,1) 10%,rgba(241,241,241,1) 21%,rgba(241,241,241,1) 31%,rgba(241,241,241,1) 37%,rgba(202,202,202,1) 78%,rgba(202,202,202,1) 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, rgba(202,202,202,1) 1%,rgba(241,241,241,1) 10%,rgba(241,241,241,1) 21%,rgba(241,241,241,1) 31%,rgba(241,241,241,1) 37%,rgba(202,202,202,1) 78%,rgba(202,202,202,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cacaca', endColorstr='#cacaca',GradientType=0 ); /* IE6-9 */
		border-radius: 5px;
		color: #777;
		padding: 6px 40px;
		font-weight: 700;
		display: inline-block;
		position: relative;
	}
	.btn_complete00{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+22,f6290c+49,f6290c+78,f02f17+83,f6290c+93,e73827+100 */
		background: #f85032; /* Old browsers */
		background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 22%, #f6290c 49%, #f6290c 78%, #f02f17 83%, #f6290c 93%, #e73827 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
		border-radius: 5px;
		color: #FFF;
		padding: 6px 40px;
		font-weight: 700;
		display: inline-block;
		position: relative;
		text-align: left;
	}
	.btn_complete00::before{
		content: '\f060';
		font-family: 'Font Awesome 5 Free';
		position: absolute;
		top: 50%;
		left: 10px;
		font-weight: 100;
		top: 50%;
		margin-top: -8px;
    font-weight: 900;
	}
	.btn_complete00:hover{
		color: #fff;
		text-decoration: none;
	}
	.btn_complete01{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+22,f6290c+49,f6290c+78,f02f17+83,f6290c+93,e73827+100 */
		background: #f85032; /* Old browsers */
		background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 22%, #f6290c 49%, #f6290c 78%, #f02f17 83%, #f6290c 93%, #e73827 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
		border-radius: 5px;
		color: #FFF;
		padding: 6px 40px;
		font-weight: 700;
		display: inline-block;
		position: relative;
		text-align: left;
	}
	.btn_complete01::after{
		content: '\f061';
		font-family: 'Font Awesome 5 Free';
		position: absolute;
		right: 10px;
		font-weight: 100;
		line-height: 23px;
    font-weight: 900;
	}
	.btn_complete01:hover{
		color: #fff;
		text-decoration: none;
	}
	.btn_complete01-1{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+22,f6290c+49,f6290c+78,f02f17+83,f6290c+93,e73827+100 */
		background: #f85032; /* Old browsers */
		background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 22%, #f6290c 49%, #f6290c 78%, #f02f17 83%, #f6290c 93%, #e73827 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
		border-radius: 5px;
		color: #FFF;
		padding: 6px 40px;
		font-weight: 700;
		display: inline-block;
		position: relative;
		text-align: left;
	}
	.btn_complete01-1::after{
		content: '\f061';
		font-family: 'Font Awesome 5 Free';
		position: absolute;
		right: 10px;
		font-weight: 100;
		top: 50%;
		margin-top: -8px;
    font-weight: 900;
	}
	.btn_complete01-1:hover{
		color: #fff;
		text-decoration: none;
	}
	.btn_complete02{
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f85032+0,f16f5c+22,f6290c+49,f6290c+78,f02f17+83,f6290c+93,e73827+100 */
		background: #f85032; /* Old browsers */
		background: -moz-linear-gradient(top, #f85032 0%, #f16f5c 22%, #f6290c 49%, #f6290c 78%, #f02f17 83%, #f6290c 93%, #e73827 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #f85032 0%,#f16f5c 22%,#f6290c 49%,#f6290c 78%,#f02f17 83%,#f6290c 93%,#e73827 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
		border-radius: 5px;
		color: #FFF;
		padding: 6px 40px;
		font-weight: 700;
		display: inline-block;
		position: relative;
	}
	.fileSelectBox01{
		/*display: flex;
		justify-content: space-between;
		align-items: center;*/
		background: #E6E6E6;
		padding: 20px;
	}
	.btn_fileSelect{
		background: #3A7EC4;
		color: #FFF;
		padding: 10px;
	}
	.btn_searchBox01{
		color: #3A7EC4;
		font-weight: 700;
		background: #FFF;
		border: 2px solid #3A7EC4;
		padding: 0 20px;
	}
  .btn_searchBox01.yellow {
    background-color: #FFDD33;
  }

	.top_container{
		display: flex;
		justify-content: space-between;
		
	}
	.top_container02{
		display: flex;
		justify-content: left;
		
	}
	.excelDataBox{
		width: 332px;
		height: 98px;
		background: #DDD;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		flex-wrap: wrap;
		margin-top: 10px;
	}
	.excelTpl{
		width: 140px;
		height: 50px;
		line-height: 26px;
		background: #FFF;
		border: 2px solid #339966;
		color: #339966;
		text-align: center;
		position: relative;
		top: 5px;
	}
	.excelSend{
		width: 140px;
		height: 50px;
		line-height: 26px;
		border: 2px solid #339966;
		color: #FFF;
		background: #339966;
		text-align: center;
		position: relative;
		top: 5px;
	}
	.excelTpl:hover{
		cursor: pointer;
		color: #339966;
		text-decoration: none;
	}
	.excelSend:hover{
		cursor: pointer;
		color: #FFF;
		text-decoration: none;
	}
	.btn_moveup{
		color: #FFF;
		display: inline-block;
		width: 200px;
		height: 35px;
		line-height: 35px;
		background: rgb(255, 0, 0);
		box-shadow: 0px 3px rgb(182, 0, 0);
		border-radius: 5px;
		margin: 20px 10px 0;
		text-align: center;
	}
	.btn_deleteStudentAll{
		color: #FFF;
		display: inline-block;
		width: 200px;
		height: 35px;
		line-height: 35px;
		background: #777;
		box-shadow: 0px 3px #555;
		border-radius: 5px;
		margin: 20px 10px 0;
		text-align: center;
	}
	.btn_moveup:hover{
		cursor: pointer;
		color: #FFF;
		text-decoration: none;
	}
	.btn_deleteStudentAll:hover{
		cursor: pointer;
		color: #FFF;
		text-decoration: none;
	}
	.right{
		float: right;
	}
	.required:after{content: "*"; color: red;}

	.highlight02{
		border: 5px solid red;
		border-radius: 10px;
		color: red;
		text-align: center;
		margin: 25px 0;
		font-size: 1.2em;
		font-weight: 700;
		padding: 20px;
	}
	.subtitle01{
		color: red;
		text-align: center;
		font-size: 1.2em;
		font-weight: 700;
	}
	.highlight03{
		border-radius: 50px;
		color: red;
		background: #FFE0DB;
		text-align: center;
		margin: 10px 0;
		font-weight: 700;
		padding: 20px;
	}
	.highlight04{
		color: #000;
		background: #EEE;
		text-align: left;
		padding: 20px;
	}
	.highlight05{
		color: #000;
		background: #FFE0DB;
		text-align: center;
		margin: 10px 0;
		font-weight: 700;
		padding: 20px;
		margin: 20px 0px;
	}
	.highlight06{
		color: #000;
		background: #EEE;
		border: 2px solid #CCC;
		margin: 10px 0;
		padding: 20px;
		text-align: left;
	}
	.highlight07{
		color: red;
		background: #FFE141;
		margin: 10px 0 20px;
		padding: 10px;
		text-align: left;
	}
	.highlight08{
		color: #FFF;
		font-weight: 700;
		background: #F33;
		margin: 10px;
		padding: 6px;
		text-align: center;
	}
	.highlight08::before{
		content: '\f06a';
		font-family: 'Font Awesome 5 Free';
    font-weight: 900;
	}
	.highlight09{
    background-color: #FFE0DB;
		border: 1px solid red;
		color: red;
		margin: 25px 0;
		font-size: 1.1em;
		font-weight: 700;
		padding: 15px;
	}
	.highlight10{
		color: #333333;
		background: #FFE0DB;
		text-align: left;
		margin: 10px 0;
		padding: 40px 20px;
		margin: 20px 0px;
	}
	.highlight11{
		color: #333333;
		background: #FDD5AD;
		padding: 10px 20px;
		margin: 20px 0px;
    border-radius: 25px;
	}
	.search_area{
		display: flex;
		align-items: center;
	}
	.search_area02{
		display: flex;
		align-items: center;
		justify-content: space-between;
	}
	.error_desc01{
		color: red;
		font-weight: 700!important;
		margin: 30px;
    font-size:1.5em;
    line-height: 1.5em;
	}
	.btn_reset{
		background-color: transparent;
		border: none;
		cursor: pointer;
		outline: none;
		padding: 0;
		appearance: none;
	}
  .link01 {
    color: #FF0000;
  }
  .link01:before {
    content: '\f059';
		font-family: 'Font Awesome 5 Free';
    font-weight: 900;
  }