/* CSS Document */

@charset "utf-8";

.recruit {
	padding:4px;
	margin:0px 0px 10px;
    border-radius:4px;
}

.recruit table {
	width:100%; 
	border-collapse: collapse;
	border-color: #ffffff;
	border-width: 4px;
	border-style: solid;
}

.recruit table th {
	font-size:16px;
	line-height:1.5em;
	padding: 5px 5px;
	width: 8em;
	text-align: left;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.recruit table th.h0 {
	font-size:18px; 
	line-height:2.5em;
	text-align:center;
}

.recruit table td {
	font-size:16px !important;
	line-height:1.5em;
	padding: 5px 5px;
	text-align: left;
	vertical-align: top;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-color: #ffffff;
}

.recruit table td.mail { padding:10px; margin:10px; font-weight:bold;}
.recruit table td.mail a{ font-size:18px; color: #ffffff; padding:10px; border-radius:5px; display:inline-block; }

/* 色設定 */
/* r01 ダークオレンジ */
.recruit#r01 { background-image: linear-gradient(180deg, hsla(19, 80%, 90%, 1), hsla(19, 80%, 70%, 1)); }
.recruit#r01 table th { background-color: hsla(19, 80%, 85%, 0); border-bottom-color: hsla(19, 40%, 55%, 1); }
.recruit#r01 table th.h0 { background-color: hsla(19, 70%, 60%, 1); color:hsla(360,100%,100%,1); text-shadow: 0px 1px 0px hsla(360, 0%, 0%, 1); }
.recruit#r01 table td { border-bottom-color: hsla(19, 40%, 55%, 1); }
.recruit#r01 table td a{ color: hsla(49, 75%, 65%, 1); }
.recruit#r01 table td a:hover{ color: hsla(19, 75%, 65%, 1); }
.recruit#r01 table td.mail a{ color: hsla(39, 100%, 100%, 1); background-color: hsla(39, 70%, 61%, 1); }
.recruit#r01 table td.mail a:hover{ color: hsla(39, 70%, 61%, 1); background-color:hsla(39, 70%, 88%, 1); }

/* r02 トリコロールブルー */
.recruit#r02 { background-image: linear-gradient(180deg, hsla(350, 80%, 90%, 1), hsla(350, 80%, 70%, 1)); }
.recruit#r02 table { background-image: linear-gradient(180deg, hsla(60, 80%, 90%, 1), hsla(58, 80%, 80%, 1)); }
.recruit#r02 table th { background-color: hsla(200, 100%, 100%, 0); border-bottom-color: hsla(200, 40%, 55%, 1); }
.recruit#r02 table th.h0 { background-image: linear-gradient(170deg, hsla(200, 100%, 70%, 1), hsla(200, 100%, 60%, 1) ); color:hsla(200,100%,100%,1); text-shadow: 0px 1px 0px hsla(360, 0%, 0%, 1); }
.recruit#r02 table td { border-bottom-color: hsla(350, 40%, 55%, 1); }
.recruit#r02 table td a{ color: hsla(49, 90%, 60%, 1); }
.recruit#r02 table td a:hover{ color: hsla(19, 90%, 60%, 1); }
.recruit#r02 table td.mail a{
	padding:10px 16px;
	color: hsla(200, 100%, 100%, 1);
	background-image: linear-gradient(90deg, hsla(200, 90%, 50%, 1) 3px, hsla(200, 90%, 60%, 1) 3px, hsla(200, 90%, 60%, 1) 6px, hsla(200, 90%, 70%, 1) 6px );
	text-shadow: 0px 1px 0px hsla(360, 0%, 0%, 1);
}
.recruit#r02 table td.mail a:hover{
	color: hsla(200, 100%, 100%, 1);
	background-image: linear-gradient(270deg, hsla(200, 90%, 50%, 1) 3px, hsla(200, 90%, 60%, 1) 3px, hsla(200, 90%, 60%, 1) 6px, hsla(200, 90%, 70%, 1) 6px );
	text-shadow: 0px 1px 0px hsla(360, 0%, 0%, 1);
}

/* r03 トリコロールキャンディ */
.recruit#r03 { background-image: linear-gradient(180deg, hsla(350, 80%, 90%, 1), hsla(350, 80%, 70%, 1)); }
.recruit#r03 table { background-image: linear-gradient(180deg, hsla(60, 80%, 90%, 1), hsla(58, 80%, 80%, 1)); }
.recruit#r03 table th { background-color: hsla(200, 100%, 100%, 0); border-bottom-color: hsla(200, 40%, 55%, 1); }
.recruit#r03 table th.h0 { background-image: linear-gradient(170deg, hsla(200, 100%, 70%, 1), hsla(200, 100%, 60%, 1) ); color:hsla(200,100%,100%,1); text-shadow: 0px 1px 0px hsla(360, 0%, 0%, 1); }
.recruit#r03 table td { border-bottom-color: hsla(350, 40%, 55%, 1); }
.recruit#r03 table td a{ color: hsla(49, 90%, 60%, 1); }
.recruit#r03 table td a:hover{ color: hsla(19, 90%, 60%, 1); }
.recruit#r03 table td.mail a{ color: hsla(200, 100%, 100%, 1); background-image: linear-gradient(90deg, hsla(200, 90%, 70%, 1), hsla(60, 90%, 70%, 1), hsla(350, 90%, 70%, 1)); text-shadow: 0px 1px 0px hsla(360, 0%, 0%, 1); }
.recruit#r03 table td.mail a:hover{ color: hsla(200, 100%, 50%, 1); background-image: linear-gradient(90deg, hsla(200, 90%, 90%, 1), hsla(60, 90%, 90%, 1), hsla(350, 90%, 90%, 1)); text-shadow: 0px 1px 0px hsla(360, 100%, 100%, 1); }

#littlefont {  font-size:0.7em; line-height:0.9em !important; margin:7px 0 0 0; }
#midashifont {  font-size:1.2em; line-height:1.4em !important; font-weight:bold; }

#recruit hr{ margin:10px 0; }