@charset "utf-8";

/*
 ******************************************
 *
 * activate
 *
 ******************************************
 */

#navi-inner li#navi4 a.n4:link,
#navi-inner li#navi4 a.n4:visited,
#navi-inner li#navi4 a.n4:hover,
#navi-inner li#navi4 a.n4:active {
	background-position: -516px -50px;
}


/*
 **************************************
 *
 * 本体
 *
 **************************************
 */
 
#middle-column h2 {
	font-size: 1px;
	line-height: 0em;
	vertical-align: bottom;
	margin: 0 0 20px 0;
}
 
#middle-column p {
	line-height: 1.8em;
	margin: 0 0 15px 0;
}

#middle-column p.r {
	text-align: right;
}



/*
 *************************************
 *
 * top
 *
 *************************************
 */

div.rec_top {
	width:460px;
	margin:0;
}

.rec_top .left {
	width:220px;
	float:left;
}

.rec_top .right {
	width:220px;
	float:right;
}

.rec_top p {
	font-size:0.8em;
	line-height:1em;
	margin-left:10px;
}


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

/*
 *************************************
 *
 * 募集要項
 *
 *************************************
 */

table.recruit {
	width: 480px;
	border-collapse:collapse;
	margin-bottom:10px;
}

table.recruit tr.top th,
table.recruit tr.top td {
	border-top:1px solid #ccc;
}

table.recruit th,
table.recruit td {
	font-size:80%;
	font-weight:normal;
	vertical-align:top;
	text-align:left;
	border-bottom:1px solid #ccc;
	line-height:1.5em;
	padding:10px;
}

table.recruit th {
	width:130px;
	background:#f8f8f9;
}

ul.ent ul {
	width:480px;
	margin-bottom:5px;
}

ul.ent li {
	float:left;
	width:230px;
	height:70px;
	font-size:0;
	line-height:0;
	vertical-align:bottom;
}

ul.ent li.left {
	margin-right:20px;
}



/*
 *************************************
 *
 * event
 *
 *************************************
 */

.eventop {
	width:480px;
	margin-bottom:20px;
}

.eventop div.left {
	float:left;
	width:280px;
}

.eventop div.right {
	float:left;
	line-height:1.5em;
	font-size:0.8em;
	width:190px;
	margin-left:10px;
}

ul.event {
	margin:15px 0 20px 0;
}

ul.event li {
	margin-right:5px;
	background:#999;
	line-height:1em;
	float:left;
}

ul.event li a {
	display:block;
	font-size:80%;
	color:#fff;
	background:url(../../images/warrow_dwn.png) no-repeat 5px center #999;
	text-decoration:none;
	padding:3px 5px 3px 15px;
}

h3.nagoya {
	color:#b31545;
	font-weight: normal;
	background:#faebf0;
	border-bottom:1px solid #dfacbd;
	padding: 5px;
	margin: 0 0 10px 0;
}

h3.sapporo {
	color:#1162c4;
	font-weight: normal;
	background:#d7e8ff;
	border-bottom:1px solid #8aacd4;
	padding: 5px;
	margin: 0 0 10px 0;
}

h3.others {
	font-weight: normal;
	background:#e6e6e6;
	border-bottom:1px solid #ccc;
	padding: 5px;
	margin: 0 0 10px 0;
}

table.eve_tt {
	border-collapse:collapse;
	width:480px;
	margin-bottom:20px;
}

table.eve_tt caption {
	text-align:left;
}

table.eve_tt th,
table.eve_tt td {
	font-size:0.8em;
	text-align:center;
	font-weight:normal;
	border:1px solid #ccc;
	padding: 3px;
}

table.eve_tt th {
	background:#f8f8f9;
}

table.eve_tt th.date{
	width:120px;
}

table.eve_tt th.time {
	width:100px;
}

table.eve_tt th.place {
	width:90px;
}

table.eve_tt th.map {
	width:50px;
}

table.eve_tt th.regist {
}



/*
 *************************************
 *
 * 経験者
 *
 *************************************
 */

#career {
	width: 480px;
	line-height: 1.4em;
}

div.centry {
	width:448px;
	margin:10px auto;
	background:#f7f7f7;
	border:1px solid #d9d9d9;
	padding:15px;
}

div.centry li {
	color:#3083d7;
	font-weight:bold;
	line-height:2em;
}

ul.skill li {
	margin-bottom:1em;
}

ul.skill li.end {
	margin-bottom:0;
}

ul.skill ul.sub li {
	margin-bottom:2px;
	text-indent:15px;
}

h3.career {
	font-weight: normal;
	font-size: 0.9em;
	padding: 5px 10px;
	border-bottom:1px solid #ccc;
	background: #e6e6e6;
	margin: 0 0 10px 0;
}

address {
	font-style: normal;
	margin: 0 0 15px 0;
}



/*
 *************************************
 *
 * educate
 *
 *************************************
 */


div.educate {
	width:480px;
	margin-bottom:20px;
}

div.educate div.right {
	float:right;
	width:290px;
}

div.educate div.left {
	float:right;
	width:180px;
	margin-right:10px;
	line-height:1.5em;
	font-size:70%;
}

div.educate div.right h3 {
	color:#3083d7;
	background:none;
	border:none;
	padding:0;
	margin-bottom:5px;
	font-weight: normal;
}

div.educate div.right p {
	font-size:80%;
	line-height:1.6em;
}



/*
 *************************************
 *
 * faq
 *
 *************************************
 */

div.faqn {
	margin:15px 0 20px 0; 
}
div.faqn li {
	float:left;
	background:#999;
	margin:0 5px 0 0;
}

div.faqn li a {
	display:block;
	padding:3px 10px 3px 15px;
	background:url(../../images/warrow_dwn.png) no-repeat 5px center;
	font-size:80%;
	color:#fff;
	text-decoration:none;
}

h3.faq {
	padding-bottom:8px;
	border-bottom:2px solid #c80000;
	margin-bottom:10px;
	background:#fcf5f5;
	font-weight: normal;
	padding: 0 0 5px 0;
}
dl.faq dt,
dl.faq dd {
	font-size:80%;
}

dl.faq dt {
	background:#f0f0f0;
	padding:3px 5px;
	margin-bottom:5px;
}

dl.faq dd {
	margin-bottom:15px;
	padding-left:25px;
}

dl.faq table {
	border-collapse:collapse;
	width:100%;
	margin-bottom:15px;
}

dl.faq table caption {
	text-align:left;
	color:#3083d7;
	padding-bottom:2px;
	border-bottom:1px solid #ccc;
}

dl.faq table td {
	padding:5px 10px;
	border-bottom:1px solid #ccc;
}

dl.faq table td.time {
	width:100px;
	background:#f0f0f0;
}


/*
 *************************************
 *
 * common
 *
 *************************************
 */

a.dtl2 {
	font-size:0.8em;
	color:#156fc2;
	padding-left:15px;
	background:url(../../images/dtlarrow.png) no-repeat left center;
	margin: 0 0 5px 0;
}


a.extlnk {
	background:url(../../images/icon_blankb.png) no-repeat right center;
	color:#2183cd;
	padding-right:15px;
}


.jump {
	width: 480px;
	text-align: right;
	margin: 10px 0 20px 0;
}





/*
 *************************************
 *
 * clearfix
 *
 *************************************
 */
.rec_top:after,
.eventop:after,
.educate:after,
.faqn:after {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.rec_top,
.eventop,
.educate,
.faqn  {
	display: inline-block;
}