@charset "UTF-8";

/* ========BASIC======== */
* {
   font-family:"Hiragino Kaku Gothic Pro",HiraKakuPro-W3,"ヒラギノ角ゴ Pro W3","メイリオ", Meiryo,"MS P ゴシック",verdana,sans-serif;
}

/* ---------------------------------------- */
/*   講師募集ページ用StyleSheet             */
/* ---------------------------------------- */

	body{
		font-family:"Lucida Grande", "segoe UI", Arial, sans-serif;
		background:#f9f9f7;
		line-height:2.0;
		font-weight:bold;
		background-image: url("../img/recruit/reg_bg.gif");
		background-repeat: repeat-x;
	}
	
	#recruit {
		width: 800px;
		background:#ffffff;
	}
	.recruit_form_sub_title {
		color: white;
		padding-top:5px;
		padding-left: 10px;
		margin-bottom: 0px;

		background: rgb(181,203,59); /* Old browsers */
		background: -moz-linear-gradient(top,  rgba(181,203,59,1) 0%, rgba(127,165,37,1) 50%, rgba(101,152,0,1) 51%, rgba(140,180,40,1) 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(181,203,59,1)), color-stop(50%,rgba(127,165,37,1)), color-stop(51%,rgba(101,152,0,1)), color-stop(100%,rgba(140,180,40,1))); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  rgba(181,203,59,1) 0%,rgba(127,165,37,1) 50%,rgba(101,152,0,1) 51%,rgba(140,180,40,1) 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  rgba(181,203,59,1) 0%,rgba(127,165,37,1) 50%,rgba(101,152,0,1) 51%,rgba(140,180,40,1) 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  rgba(181,203,59,1) 0%,rgba(127,165,37,1) 50%,rgba(101,152,0,1) 51%,rgba(140,180,40,1) 100%); /* IE10+ */
		background: linear-gradient(to bottom,  rgba(181,203,59,1) 0%,rgba(127,165,37,1) 50%,rgba(101,152,0,1) 51%,rgba(140,180,40,1) 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b5cb3b', endColorstr='#8cb428',GradientType=0 ); /* IE6-9 */
	}
	.ribbon {
		width: 800px;
		position: relative;
		color: #ffffff ;
		background: #2d2dbc;
		background: #1a1a91;
		font-size: 20pt ;
		line-height: 1;
		margin: 20px -10px 20px -10px;
		padding: 13px 5px 11px 15px;
		box-shadow:1px 3px 7px 0px  #ccc ;
		border-top:3px solid #4b4bb7;
		-webkit-border-top-left-radius: 0px;
		-khtml-border-radius-topleft: 0px;  
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 90px;
		-khtml-border-radius-topright: 90px;
		-moz-border-radius-topright: 90px;
		border-top-right-radius: 90px;
		-webkit-border-bottom-left-radius: 0px;
		-khtml-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 90px;
		-khtml-border-radius-bottomright: 90px;
		-moz-border-radius-bottomright: 90px;
		border-bottom-right-radius: 90px;
	}
	.ribbon2 {
		width: 770px;
		position: relative;
		color: #ffffff ;
		background: #555;
		font-size: 18pt ;
		line-height: 1;
		margin: 5px -10px 20px -10px;
		padding: 13px 5px 11px 55px;
		box-shadow:1px 3px 7px 0px  #ccc ;
		border-top:3px solid #888;
		background-image: url("../img/recruit/edit.png");
		background-repeat: no-repeat;
		background-position: 12px;
		-webkit-border-top-left-radius: 0px;
		-khtml-border-radius-topleft: 0px;  
		-moz-border-radius-topleft: 0px;
		border-top-left-radius: 0px;
		-webkit-border-top-right-radius: 90px;
		-khtml-border-radius-topright: 90px;
		-moz-border-radius-topright: 90px;
		border-top-right-radius: 90px;
		-webkit-border-bottom-left-radius: 0px;
		-khtml-border-radius-bottomleft: 0px;
		-moz-border-radius-bottomleft: 0px;
		border-bottom-left-radius: 0px;
		-webkit-border-bottom-right-radius: 90px;
		-khtml-border-radius-bottomright: 90px;
		-moz-border-radius-bottomright: 90px;
		border-bottom-right-radius: 90px;
	}
	.intro{
		width: 790px;
	}
	.qualification{
		color:#000000;
		width:550px;
		margin-top:20px;
		border-radius: 20px;
		-webkit-border-radius: 20px;
		-moz-border-radius: 20px;
		background:#e6e6f7;
		padding:2px 15px;
	}
	.prof{
		margin-top:10px;
		color:#000000;
	}


/* ---------------------------------------- */
/*   入力フォーム用                         */
/* ---------------------------------------- */
	/* エラーメッセージ */
	#recruit .error-message {
		background-color: white;
		color: red;
	}
	
	/* 入力必須マークの色 */
	.input_required {
		color : #ff0000;		/* #ff0000:red */
	}
	
	/* コメントの色 */
	.input_comment {
		color : #008000;		/* #008000:緑色 */
	}
	
	#recruit table {
		border-spacing: 0px;
		border: solid 1px silver;
		border-left: 0px;
		border-bottom: 0px;
		margin-bottom: 10px;
	}
	#recruit tr {
	}
	#recruit th {
		border-left: solid 1px silver;
		border-bottom: solid 1px silver;
		vertical-align: top;
		padding: 10px;
	}
	#recruit td {
		border-left: solid 1px silver;
		border-bottom: solid 1px silver;
		vertical-align: top;
		padding: 10px;
	}
	#recruit #recruit_in_table th {
		padding: 0px 10px;
		background-color: #E6E6FA;
	}
	#recruit #recruit_in_table td {
		padding: 3px 10px;
	}