/*
http://kousotsu-kyujin.com/
2008 (C) Liveknott All Rights Reserved.
当CSSファイルは株式会社ライブノットにより制作されています。
メンテナンスに関するお問い合わせは http://liveknott.co.jp/ をご確認下さい。
*/

html {
	height: 100%;
	}

body {
	height: 100%;
	behavior:url(/_includes/js/csshover.htc); /* IE hover plugin */
	background:url(/_includes/images/brisk/body_bg.jpg) center top no-repeat;
	color:#695440;
	font-family:Arial, Helvetica, sans-serif;
	}

.top_left_banners {
	width:190px;
	float:left;
	margin:0 5px 0 0;
}

	.top_left_banners .margin2 {
		margin:0 0 2px 0;
	}
	
	.top_left_banners .margin3 {
		margin:0 0 3px 0;
	}
	

.top_center_main {
	width:430px;
	float:left;
	margin:0 5px 0 0;
}

#top_logo span {
	position:absolute;
	top:-5000px;
	left:-5000px;
	}

#reading_logo h1 {
	background:none;
	margin:0;
	padding:0;
	}

#reading_logo span {
	position:absolute;
	top:-5000px;
	left:-5000px;
	}

#reading_h1 {
	background:none !important;
	font-size:12px;
	line-height:18px;
	font-weight:normal !important;
	color:#666666;
	margin:0 0 10px 0 !important;
	padding:0 !important;
	}
	
	#reading_h1 a			{ text-decoration:none; color:#666666 }
	#reading_h1 a:link		{ text-decoration:none; color:#666666 }
	#reading_h1 a:active	{ text-decoration:none; color:#666666 }
	#reading_h1 a:hover		{ text-decoration:none; color:#666666 }
	#reading_h1 a:visited	{ text-decoration:none; color:#666666 }

#content h1 {
	background:url(/_includes/images/brisk/h3_bg.jpg) repeat-x left;
	padding:9px 0 7px 10px;
	margin:0 0 15px 0;
	font-weight:bold;
	color:#695440;
	}
	
	#content h1 a			{ text-decoration:none; color:#666666 }
	#content h1 a:link		{ text-decoration:none; color:#666666 }
	#content h1 a:active	{ text-decoration:none; color:#666666 }
	#content h1 a:hover		{ text-decoration:none; color:#666666 }
	#content h1 a:visited	{ text-decoration:none; color:#666666 }


#content h2 {
	background:url(/_includes/images/brisk/h3_bg.jpg) repeat-x left;
	padding:9px 0 7px 10px;
	margin:0 0 15px 0;
	font-weight:bold;
	color:#695440;
	}

#content h2.other {
	background:url(/_includes/images/brisk/h3_other_bg.jpg) repeat-x left;
	}

	#content h2 a			{ text-decoration:none; color:#666666; }
	#content h2 a:link		{ text-decoration:none; color:#666666; }
	#content h2 a:active	{ text-decoration:none; color:#666666; }
	#content h2 a:hover		{ text-decoration:none; color:#666666; }
	#content h2 a:visited	{ text-decoration:none; color:#666666; }

	#content h3 a			{ text-decoration:none; color:#666666; }
	#content h3 a:link		{ text-decoration:none; color:#666666; }
	#content h3 a:active	{ text-decoration:none; color:#666666; }
	#content h3 a:hover		{ text-decoration:none; color:#666666; }
	#content h3 a:visited	{ text-decoration:none; color:#666666; }

h2 #regular {
	background:none !important;
	padding:0 !important;
	margin:0 0 10px 0 !important;
	color:#666666 !important;
	}

#jobHeader h1 {
	font-size:14px;
	line-height:14px;
	font-weight:bold;
	color:#C70A0A;
	margin:0 0 10px 0;
	padding:5px 0;
	background:none;
	}

	#jobHeader h1 a 		{ text-decoration:none; color:#C70A0A; }
	#jobHeader h1 a:link 	{ text-decoration:none; color:#C70A0A; }
	#jobHeader h1 a:hover 	{ text-decoration:none; color:#C70A0A; }
	#jobHeader h1 a:active 	{ text-decoration:none; color:#C70A0A; }
	#jobHeader h1 a:visited { text-decoration:none; color:#C70A0A; }
	
	

h3 {
	background:url(/_includes/images/brisk/h3_bg.jpg) repeat-x left;
	padding:9px 0 7px 10px;
	margin:0 0 15px 0;
	font-weight:bold;
	color:#695440;
	}

h4 {
	font-size:16px;
	}

h5 {
	font-weight:bold;
	padding:7px 0 3px 0;
	color:#C70A0A;
	}

h6 {
	}

.larger {
	font-size:16px;
	letter-spacing:1px;
	}


.container {
	width:880px;
	border:none;
	padding-top:20px;
	position: relative;
	min-height: 100%;
	}
	
* html .container
{
	height: 100%;
}
	
.float_left {
	float:left;
	}

.float_right {
	float:right;
	}

.centerize {
	margin:0 auto;
	}

.showMore {
	font-size:10px;
	margin:0 10px 15px 0;
	text-align:right;
	}

img { display:block; }

.infoBar {
	border-top:dotted 1px #CCCCCC;
	border-bottom:dotted 1px #CCCCCC;
	background:#F7FAFF;
	}
	
	.infoBar dl {
		}
		
	.infoBar dt {
		margin:0;
		padding:0;
		float:left;
		}
	
	.infoBar dd {
		margin:0;
		padding:3px 0 0 0;
		font-size:10px;
		letter-spacing:1px;
		}

/*
below is currently useless

#marqueeWrapper {
	width:830px;
	height:40px;
	background:url(/_includes/images/brisk/top/newsTickerBg.jpg) no-repeat top left;
	margin:0;
	padding:0;
	}
		
	#marqueeWapper #m1 {
		display:block;
		width:680px;
		height:13px;
		margin:14px 0 0 128px;
		overflow:hidden;
		padding:0;
		}
*/

#newsTicker {
	width:830px;
	height:40px;
	background:url(/_includes/images/brisk/top/newsTickerBg.jpg) no-repeat center left;
	}
	
	#newsTicker .area {
		width:665px;
		float:right;
		margin:10px 20px 0 0;
		}

	#newsTicker marquee {
		margin:0;
		padding:0;
		}

/*
below is currently useless

		<!--
    	<div id="newsWrapper">
            <ul id="news">
                <li><a href="http://yahoo.co.jp">高卒求人票のための高卒求人票の作成から求人票発送代行までの採用アウトソーシング。日本初！高卒求人情報Webサービス誕生。.com</a></li>
                <li><a href="http://yahoo.co.jp">高卒求人票のための高卒求人票の作成から求人票発送代行までの採用アウトソーシング。日本初！高卒求人情報Webサービス誕生。</a></li>
            </ul>
        </div>
        -->
#newsWrapper {
	width:830px;
	height:40px;
	background:url(/_includes/images/brisk/top/newsTickerBg.jpg) no-repeat top left;
	margin:0;
	padding:0;
	}

#news {
	display:block;
	height:12px;
	margin:14px 0 0 128px;
	padding:0;
	width:680px;
	font-size:9px;
	}
	
	#news li {
		list-style:none;
		margin:0;
		padding:0;
		}
		
	#news a { text-decoration:none; color:#666666; }
	#news a:hover { text-decoration:underline; color:#FF3300; }

*/



#preview_01 {
	position:absolute;
	top:0;
	left:0;
	}

#header {
	height:105px;
	position:relative;
	}

	#header ul {
		display:block;
		}
	#header li {
		float:left;
		margin:0 0 0 20px;
		list-style:none;
		font-size:11px;
		}

	#header_mypage {
		width:300px;
		margin:10px 0 0 0;
		text-align:center;
		padding:3px;
		background:#FFFFFF;
		border:2px dotted #FFFF00;
		}

#headerBadge {
	position:absolute;
	top:60px;
	right:0;
	}

#content {
	width:830px;
	background:#FFFFFF;
	margin:0 auto;
	}

.blockBlueWrap {
	background:#CCEDF9;
	height:260px;
	width:190px;
	}

.blockBlue {
	border:1px solid #FFFFFF;
	background:#E3F7FF;
	height:258px;
	width:186px;
	margin:1px;
	text-align:center;
	}

	.blockBlue p {
		font-size:10px !important;
		padding:0;
		margin:5px auto;
		}

	.blockBlue div {
		margin:0 auto 5px auto;
		width:180px;
		}

	.blockBlue .adHeader {
		margin:7px auto;
		}

.blockBlueWrap2 {
	background:#CCEDF9;
	width:190px;
	}

.blockBlue2 {
	border:1px solid #FFFFFF;
	background:#E3F7FF;
	width:186px;
	margin:1px;
	text-align:center;
	}

	.blockBlue2 p {
		font-size:10px !important;
		padding:0;
		margin:5px auto;
		}

	.blockBlue2 div {
		margin:0 auto 5px auto;
		width:180px;
		}

	.blockBlue2 .adHeader {
		margin:7px auto;
		}

#top_flash {
	width:628px;
	background:#CCCCCC;
	margin:1px 0 0 0;
	padding:1px;
	}

#topSearch {
	position:absolute;
	top:420px;
	left:-30px;
	}

#jobSearchWrap {
	width:100%;
	background:url(/_includes/images/brisk/top/jobSearch_bg.jpg) repeat-x left top;
	margin:0;
	text-align:center;
	display:block;
	}

	#jobSearch {
		margin:0 0 0 50px;	
		}

		#jobSearch .tool {
			float:left;
			width:180px;
			cursor:pointer;
			}
	
		#jobSearch .searchIcon {
			display:block;
			margin:0 auto 5px auto;
			}
	
		#jobSearch p {
			font-size:14px;
			color:#695440;
			}

	.jobSearchDetail {
		display:none;
		width:830px;
		background:url(/_includes/images/brisk/top/box_mid.jpg) center repeat-y;
		}
		
	.jobSearchDetail .top {
		height:10px;
		background:url(/_includes/images/brisk/top/box_top.jpg) top no-repeat;
		}
	
	.jobSearchDetail .mid {
		height:200px;
		}
	
	.jobSearchDetail .bot {
		height:10px;
		background:url(/_includes/images/brisk/top/box_bot.jpg) bottom no-repeat;
		}

	.search_detail {
		width:830px;
		background:url(/_includes/images/brisk/top/box_mid.jpg) center repeat-y;
		}
		
	.search_detail .top {
		height:10px;
		background:url(/_includes/images/brisk/top/box_top.jpg) bottom no-repeat;
		}
	
	.search_detail .mid {
		height:170px;
		background:url(/_includes/images/brisk/top/box_mid.jpg) top repeat-y;
		padding-top:20px;
		}
	
	.search_detail .bot {
		height:10px;
		background:url(/_includes/images/brisk/top/box_bot.jpg) top no-repeat;
		}

	#searchBoxDetail {
		background:url(/_includes/images/brisk/top/box_mid.jpg) center repeat-y;
		}

	#searchBoxDetail .top {
		height:10px;
		background:url(/_includes/images/brisk/top/box_top.jpg) top no-repeat;
		}
		
	#searchBoxDetail .bot {
		height:10px;
		background:url(/_includes/images/brisk/top/box_bot.jpg) bottom no-repeat;
		}
		
		#searchBoxDetail .inside {
			margin:10px;
			}
		
	.listBoxExcellent {
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		position:relative;
		}
	
		.listBoxExcellent div {
			margin:0 5px;
			}
		
		.listBoxExcellent h3 {
			}
	
	.listBoxSpecial {
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		position:relative;
		}
	
		.listBoxSpecial div {
			margin:0 5px;
			}
	
		.listBoxSpecial img {
			float:left;
			margin:0 4px 0 0;
			}

	.listBoxLight {	
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		position:relative;
		}
	
		.listBoxLight div {
			margin:0 5px;
			}
	
		.listBoxLight img {
			float:left;
			margin:0 4px 0 0;
			}
	
	/*
	#jobHeader h2 {
		font-size:14px;
		font-weight:bold;
		color:#C70A0A;
		margin:0 0 10px 0;
		padding:0;
		}
	*/
	
	#jobHeader h2 {
		font-size:14px;
		font-weight:normal;
		margin:5px 0 5px 0;
		padding:0;
		}
		
	.list_copy {
		font-size:14px;
		font-weight:bold;
		margin:5px 0 5px 0;
		padding:0;
		}
	
	.publish_from {
		font-size:10px;
		font-weight:bold;
		color:#999999;
		}
	
	.list_desc {
		font-size:12px;
		margin:5px 15px 0 0;
		line-height:16px;
		}
	
	.jobDetail dt {
		border-bottom:1px solid #695440;
		font-size:10px;
		font-weight:bold;
		margin:0;
		padding:0;
		}
	
	.jobDetail dd {
		margin:3px 0 5px 5px;
		padding:0;
		}

	.textlink {
		position:absolute;
		top:-9999px;
		}

	#jobContent {
		}

		#jobContent .msgImage {
			margin:0 auto;
			}

#area_bar ul {
	width:690px;
	margin:0 auto;
	text-align:center;
	}

	#area_bar li {
		float:left;
		list-style:none;
		}
	
	#area_bar li span {
		position:absolute;
		top:-3000px;
		}

#area1 {
	width:106px;
	height:26px;
	background:url(/_includes/images/brisk/buttons/btn_area_1.gif) no-repeat center top;
	margin:0 2px;
	}
	
#area1 .hover {
	background:url(/_includes/images/brisk/buttons/btn_area_1.gif) no-repeat center bottom;
	}

.on {
	background:url(/_includes/images/brisk/buttons/btn_area_1.gif) no-repeat center bottom;
	}



#area2 {
	width:125px;
	height:26px;
	background:url(/_includes/images/brisk/buttons/btn_area_2.gif) no-repeat center top;
	margin:0 2px;
	}
	
#area2:hover {
	background:url(/_includes/images/brisk/buttons/btn_area_2.gif) no-repeat center bottom;
	}


#area3 {
	width:106px;
	height:26px;
	background:url(/_includes/images/brisk/buttons/btn_area_3.gif) no-repeat center top;
	margin:0 2px;
	}
	
#area3:hover {
	background:url(/_includes/images/brisk/buttons/btn_area_3.gif) no-repeat center bottom;
	}


#area4 {
	width:106px;
	height:26px;
	background:url(/_includes/images/brisk/buttons/btn_area_4.gif) no-repeat center top;
	margin:0 2px;
	}
	
#area4:hover {
	background:url(/_includes/images/brisk/buttons/btn_area_4.gif) no-repeat center bottom;
	}


#area5 {
	width:114px;
	height:26px;
	background:url(/_includes/images/brisk/buttons/btn_area_5.gif) no-repeat center top;
	margin:0 2px;
	}
	
#area5:hover {
	background:url(/_includes/images/brisk/buttons/btn_area_5.gif) no-repeat center bottom;
	}


#area6 {
	width:106px;
	height:26px;
	background:url(/_includes/images/brisk/buttons/btn_area_6.gif) no-repeat center top;
	margin:0 2px;
	}
	
#area6:hover {
	background:url(/_includes/images/brisk/buttons/btn_area_6.gif) no-repeat center bottom;
	}

/* areas bar */

#areas_all {
	width:700px;
	margin:5px auto 10px auto;
	text-align:left;
	}

	#areas_all img {
		float:left;
		margin:0 2px;
		}

	#areas_all span {
		display:none;
		}

.jobStaff {	
	}

	.jobStaff h3 {
		background:url("/_includes/images/brisk/job/staff_header_bg.jpg") repeat-x left top;
		}

	#staffHeader h3 {
		font-size:30px;
		color:#C70A0A;
		background:none;
		margin:0 0 10px 10px;
		padding:0;
		}
		
	#staffHeader p.name {
		font-size:16px;
		margin:0 0 10px 10px;
		padding:0;
		}
		
	#staffHeader p.desc {
		margin:0 0 0 10px;
		padding:0;
		}
	
	#staffContent {
		}
	
	#staffContent img {
		margin:0 0 15px 0;
		}
	
	#staffContent dl {
		border:1px solid #999;
		width:600px;
		margin:0 0 0 10px;
		}
	
		#staffContent dt {
			padding:5px 0 5px 20px;
			clear:both;
			float:left;
			font-weight:bold;
			width:50px;
			}
	
		#staffContent dd {
			width:490px;
			margin-left:60px;
			padding:5px 5px 5px 10px;
			border-left:1px solid #999;
			}	

	#staffDay {
		}

	#staffDay ul {
		clear:both;
		margin:0 0 0 10px;
		padding:0;
		}

	#staffDay li {
		list-style:none;
		margin:0 10px 0 0;
		float:left;
		}
		
		#staffDay li.time {
			width:200px;
			height:155px;
			background:url(/_includes/images/brisk/job/staff_time_bg.jpg) no-repeat top center;
			font-size:30px;
			font-weight:bold;
			}

			#staffDay span.time {
				display:block;
				margin:30px 0 0 90px;
				}

		#staffDay li.image {
			}

		#staffDay li.desc {
			background:url(/_includes/images/brisk/job/staff_fukidashi_bg.jpg) no-repeat top left;
			width:388px;
			height:150px;
			}
			
			#staffDay span.desc {
				display:block;
				margin:15px 10px 0 30px;
				}

		.staff-time {
			width:200px;
			height:150px;
			background:url(/_includes/images/brisk/job/staff_time_bg.jpg) no-repeat bottom left;
			}

		.staff-time h4 {
			font-size:30px;
			margin:30px 0 0 90px;
			padding:0;
			display:block;
			}

	#step_01 {
		width:270px;
		background:url(/_includes/images/brisk/job/stepup_bg01.gif);
		}

		#step_01 h4 {
			font-size:14px;
			font-weight:bold;
			margin:90px 0 0 10px;
			color:#C70A0A;
			}

		#step_01 img {
			margin:50px auto 0 auto;
			}

	#step_02 {
		width:270px;
		background:url(/_includes/images/brisk/job/stepup_bg02.gif);
		}

		#step_02 h4 {
			font-size:14px;
			font-weight:bold;
			margin:50px 0 0 10px;
			color:#C70A0A;
			}

		#step_02 img {
			margin:90px auto 0 auto;
			}

	#step_03 {
		width:270px;
		background:url(/_includes/images/brisk/job/stepup_bg03.gif);
		}

		#step_03 h4 {
			font-size:14px;
			font-weight:bold;
			margin:10px 0 0 10px;
			color:#C70A0A;
			}

		#step_03 img {
			margin:130px auto 0 auto;
			}

	.job_stepup {
		height:600px;
		}

	.step_title {
		margin:10px;
		font-size:14px;
		font-weight:bold;
		}
		
	.step_desc {
		margin:10px;
		line-height:18px;
		}

	#jobFooter {
		text-align:center;
		}
	
	a.btn_search_go {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_search_go.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}
	
	a.btn_search_go:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_search_go.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}
	
	a.btn_detail {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_detail.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}
	
	a.btn_detail:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_detail.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}
	
	a.btn_contact {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_contact.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}
	
	a.btn_contact:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_contact.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}
	
	a.btn_stepup {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_stepup.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}
	
	a.btn_stepup:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_stepup.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}

	a.btn_staff {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_staff.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}

	a.btn_staff:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_staff.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}

	a.btn_jobsheet {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_jobsheet.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}

	a.btn_jobsheet:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_jobsheet.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}

	a.btn_bookmark {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_bookmark.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}

	a.btn_bookmark:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_bookmark.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}

	a.btn_friend {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_friend.jpg) no-repeat center top;
		width:142px;
		height:35px;
		}

	a.btn_friend:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_friend.jpg) no-repeat center bottom;
		width:142px;
		height:35px;
		}

	a.btn_shareUrl {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_shareUrl.gif) no-repeat center top;
		width:72px;
		height:35px;
		}

	a.btn_shareUrl:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_shareUrl.gif) no-repeat center bottom;
		width:72px;
		height:35px;
		}

	a.btn_favorite {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_favorite.gif) no-repeat center top;
		width:72px;
		height:35px;
		}

	a.btn_favorite:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_favorite.gif) no-repeat center bottom;
		width:72px;
		height:35px;
		}

	a.btn_printout {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_printout.gif) no-repeat center top;
		width:72px;
		height:35px;
		}

	a.btn_printout:hover {
		display:block;
		background:url(/_includes/images/brisk/buttons/btn_printout.gif) no-repeat center bottom;
		width:72px;
		height:35px;
		}
	
	div.tooltip {
		}
	
		div.tooltip ul {
			margin:0;
			padding:0;
			float:right;	
			}
			
		div.tooltip li {
			list-style:none;
			float:left;
			}

.faxshow {
	display:none;
	}


/* job detail */

.listStatus {
	position:absolute;
	left:-55px;
	top:10px;
	}

	.listStatus img {
		display:inline !important;
		}

#jobStatus {
	position:absolute;
	top:190px;
	right:30px;
	}

.job-ex-1, .job-ex-1b, .job-ex-2, .job-ex-2b, .job-ex-3, .job-ex-4, .job-ex-5, .job-ex-6, .job-ex-7, .job-ex-8,
.job-all-1, .job-all-2,
.job-staff-1, .job-staff-2, .job-staff-3,
.job-list-1, .job-list-2 {
	float:left; 
	margin-right:10px;
	}

.job-all-1 { width:590px; }
.job-all-2 { width:230px; }

.job-list-1 { width:100px; }
.job-list-2 { width:600px; }

.job-staff-1 { width:200px; }
.job-staff-2 { width:200px; }
.job-staff-3 { width:366px; }


.job-ex-1 { width:360px; }
.job-ex-1b { width:360px; }
.job-ex-2 { width:460px; }
.job-ex-2b { width:610px; }
.job-ex-3 { width:610px; }
.job-ex-4 { width:210px; }
.job-ex-5 { width:160px; }
.job-ex-6 { width:650px; }
.job-ex-7 { width:200px; }
.job-ex-8 { width:610px; }


	.job-ex-2 h4 {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#C70A0A;
		background:none;
		line-height:18px;
		}

	.job-ex-2 img {
		float:right;
		margin:0 0 5px 10px;
		}

	.job-ex-2b h4 {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#C70A0A;
		background:none;
		line-height:18px;
		}

	.job-ex-2b img {
		float:right;
		margin:0 0 5px 10px;
		}

	.job-ex-3 h4 {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#C70A0A;
		background:none;
		line-height:18px;
		}

	.job-ex-4 p {
		font-size:10px;
		}

	.job-ex-6 h4 {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#C70A0A;
		background:none;
		line-height:18px;
		}

	.job-ex-8 h4 {
		display:block;
		font-size:14px;
		font-weight:bold;
		color:#C70A0A;
		background:none;
		line-height:18px;
		}

	.job-ex-8 img {
		float:right;
		margin:0 0 5px 10px;
		}

	.dataWrapper {
		margin:0 0 0 20px;
		}

	dl.data {
		padding: 0;
		border: 1px solid #ccc;
		border-top: none;
		background-color:#FEFCD8;
		width:750px;
	}
	
	dl.data dt {
		margin: 0;
		padding: 0.3em 0 0.1em 1em;
		border-top: 1px solid #ccc;
		width: 14em;
		font-weight:normal;
		float: left;
	}
		
	dl.data dd {
		margin: 0 0 0 14em;
		padding: 0.3em 1em;
		border-left: 1px solid #ccc;
		border-top: 1px solid #ccc;
		background-color: #fff;
	}
	
	dl.data img {
		display:inline;
		}

	.goJobSheet {
		font-size:16px;
		margin:0 auto;
		width:830px;
		text-align:center;
		}
	
		.goJobSheet img {
			margin:0 auto;
			display:block;
			}
	
	.innerNavi {
		margin:0 auto;
		}
	
	.innerNavi ul {
		margin:0 30px;
		position:relative;
		right:0;
		}
	
	.innerNavi li {
		list-style:none;
		float:right;
		margin:0 5px 0 5px;
		}
	
	.innerNavi .pad {
		margin-right:10px;
		}
	
	.listNavi {
		margin:0 0 10px 0;
		}
	
	.listNavi ul {
		margin:0;
		}
	
	.listNavi li {
		list-style:none;
		float:right;
		margin:0 0 0 3px;
		}
	
#thum {
	clear:both;
	margin:0 0 10px 0;
	line-height:16px;
	}
	
	#thum img.thum {
		float:left;
		margin:0 10px 10px 0;
		}
	
	#thum p.title {
		font-size:13px;
		margin:0 0 5px 0;
		}

	#thum p.desc {
		font-size:10px;
		letter-spacing:1px;
		color:#695440;
		}

	#thum a {
		}

.news {
	font-size:10px;
	}

.news li {
	list-style:url(/_includes/images/brisk/point.png) none outside;
	margin:0 0 3px 0;
	}

#search_all {
	background:url(/_includes/images/brisk/common/searchbox_bg.jpg) repeat-x center top;
	padding:0 0 10px 0;
	text-align:center;
	border:1px solid #EFEFEF;
	}

	#search_all h5 {
		color:#003366;
		}

	#search_all form {
		margin:0;
		padding:0;
		}
	
	#search_all div {
		margin:0 0 2px 10px;
		}

.magazine {
	font-size:10px;
	margin:0 0 0 10px;
	padding:0;
	}

	.magazine img {
		float:left;
		margin:0 5px 5px 0;
		}

	.magazine li {
		list-style:none;
		margin:0 0 3px 0;
		padding:0;
		}

	.magazine dl {
		width:90px;
		margin:0;
		padding:0;
		float:right;
		}

	.magazine dt {
		font-size:12px;
		margin:0;
		padding:0;
		}
	
	.magazine dd {
		font-size:9px;
		margin:0;
		line-height:20px;
		}
		

#footerWrapper {
	clear:both;
	height:260px;
	background:url(/_includes/images/brisk/footer_bg.jpg) center top no-repeat;
	padding:10px 0 0 0;
	position: relative;
	}
	
	.pageTop {
		width:830px;
		text-align:right;
		padding:0 0 30px 0;
		margin:0 auto;
		font-size:10px;
		}

#footer {
	width:830px;
	margin:0 auto 0 auto;
	font-size:11px;
	letter-spacing:1px;
	text-align:left;
	}
	
	#footer hr {
		margin:0;
		padding:0;
		}

	#footer ul {
		display:block;
		margin:0 0 3px 0;
		padding:0;
		}
	
	/*
	#footer .heading {
		display:block;
		float:left;
		width:150px;
		font-size:xx-small;
		color:#000066;
		margin:0 15px 0 0;
		}
	*/
	
	em { font-style:normal; }
	
	#footer .head {
		font-style:normal;
		font-size:13px;
		background:none;
		margin:5px 0 5px 0;
		padding:0;
		}
	
	#footer .heading {
		display:block;
		float:left;
		width:110px;
		font-size:xx-small;
		color:#000066;
		}
	
	#footer li {
		display:inline;
		margin:0 5px 0 0;
		padding:0;
		width:auto;
		list-style:none;
		}

	#footer li .last {
		float:none;
		}

	#footer p {
		display:block;
		}
	
	#footer a { text-decoration:none; font-size:xx-small; }
	#footer a:hover { text-decoration:underline; }
	
	#footer #footerLogo {
		float:left;
		}

/* JOB menu start */

#MainMenu 
{
	height:24px;
	background: #FFFFFF;
	margin:0;
	border-style:solid;
	border-color:#FDB300;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:3px;
	border-left-width:0;
}
#tab 
{
	margin:0;
	top:0;
}
#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
#tab li 
{
display:inline;
	float:left;
	margin:0 5px 0 0 ;
	padding:0;
}
#tab a 
{
	background:#000000 url("/_includes/images/brisk/job/bright_065.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
#tab a span 
{
	display:block;
	background:url("/_includes/images/brisk/job/bleft_065.gif") no-repeat left top;
	padding:0 35px 0 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#000000;
	font-weight:bold;
	line-height:24px;
}
#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FF9300;
}
#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#000000;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border-style:solid;
	border-color:#FDB300;
	border-top-width:0;
	border-right-width:0;
	border-bottom-width:1px;
	border-left-width:0;
	background: #FFFFFF;
	color:#000000;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:180px;
	margin:0 1px 0 0 ;
	padding:0;
	display:block;
	border:0 solid ;
	color:#000000;
	background:url("/_includes/images/brisk/job/bleft_065.gif") no-repeat left top;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:24px;
	background:url("/_includes/images/brisk/job/bright_065.gif") no-repeat right top;
	padding:0 35px 0 35px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12;
	color:#000000;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #FF9300;
	background-position:left bottom;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	color:#000000;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#000000;
	font-weight:bold;
}

/* JOB menu end */

/* reading */

.readingMenu {
	background:#F2FFE6;
	padding-bottom:10px;
	}

.readingMenu h3 {
	background:url("/_includes/images/brisk/reading/reading_header_bg.jpg") repeat-x left top;
	}

.readingMenu ul {
	}

.readingMenu li {
	list-style:none;
	margin:5px 0;
	}

.readingMenu form {
	margin:10px;
	}

#reading_container {}
#reading_container img { display:inline; }

#reading_footer {
	clear:both;
	}

/* statics */

ul.plain {
	margin:5px;
	padding:0;
	}

ul.plain li {
	list-style:none;
	margin:0 0 8px 0;
	}

dl.faq {
	line-height:18px;
	}

dl.faq dt.q1, dt.a1 {
	font-size:14px;
	font-weight:normal;
	margin:10px 0 5px 0;
	}

dl.faq dd.q2{
	font-weight:bold;
	}
	
dl.faq dd.a2 {
	font-weight:normal;
	}

dl.common {
	line-height:18px;
	}
	
	dl.common dt {
		font-size:14px;
		margin:20px 0 10px 20px;
		}
	
	dl.common dd {
		margin:0 30px 10px 30px;
		}

table.basic {
	border:none;
	margin:0;
	padding:0;
	border-collapse:collapse;
	}

	table.basic td {
		border-collapse:collapse;
		padding:5px;
		}

.tableGrid {
	border-collapse: collapse;
	border: 1px solid #999999;
	color: #000;
	background: #fff;
	margin:0 0 15px 0;
}

	.tableGrid td, th {
		border: 1px solid #CCCCCC;
		padding: 0.5em;
	}

.width100 { width:100px !important; }
.width200 { width:100px !important; }
.width300 { width:100px !important; }
.width400 { width:100px !important; }
.width500 { width:100px !important; }
.width600 { width:100px !important; }
.width700 { width:100px !important; }
.width800 { width:100px !important; }

form.cleanForm {
	
	}

	form.cleanForm input {
		padding:2px 3px;
		background:url(/_includes/images/brisk/common/text-bg.gif) left top repeat-x #FFF;
		border: 1px solid #B5B8C8;
		vertical-align:middle;
		}
	
	form.cleanForm .init {
		padding:2px 3px;
		border:none;
		background:none;
		vertical-align:middle;
		}
	
	form.cleanForm .noBorder {
		border:none;
		}
	
	form.cleanForm .button {
		padding:2px 3px;
		background:url(/_includes/images/brisk/common/btn-over-bg.gif) left top repeat-x #FFF;
		border: 1px solid #B5B8C8;
		vertical-align:middle;
		}

.verticalFormElements label {
	display:block;
	float:left;
	width:150px;
	text-align:right;
	margin:0 15px 0 0;
	padding-top:3px;
	height:30px;
	}
	
	.verticalFormElements .pad {
		margin:0 0 0 150px;
		}
	
	.verticalFormElements h5 {
		border-bottom:1px dotted #CCCCCC;
		font-weight:normal;
		font-size:14px;
		color:#666666;
		}
	
	.verticalFormElements input {
		vertical-align:middle;
		}
		
	span.notify {
		font-size:10px !important;
		margin-left:5px;
		}

	span.must {
		font-size:10px;
		color:#FF6633;
		font-weight:bold;
		margin:0 5px;
		}
		
	.message {
		margin-left:50px;
		display:block;
		}

.list_all {
	font-size:12px;
	}

	.list_all li {
		margin-bottom: 10px;
		}

	.list_all span {
		font-weight:bold;
		color:#999999;
		font-size:13px;
		margin-right:10px;
		}
		
.search_checks {
	width:700px;
	margin:0 auto;
	text-align:left;
	}
	
	.search_checks div {
		margin:0;
		padding:0;
		float:left;
		}
	
	.search_checks span {
		display:block;
		width:185px;
		height:22px;
		float:left;
		margin:0;
		padding:0;
		}
	
	.search_checks label {
		font-weight:normal;
		margin:0;
		padding:0;
		}

	.select_all {
		width:119px;
		float:left;
		}

	.select_each {
		float:right; 
		width:580px;
		}

	.select_each_narrow {
		float:right;
		width:450px;
		}
		
		.select_each_narrow span {
			display:block;
			width:140px;
			height:22px;
			float:left;
			margin:0;
			padding:0;
			}
.sub_search_wrapper {
	width:760px;
	margin:0 auto 15px auto;
	}

.sub_search_header {
	width:130px;
	float:left;
	}

.sub_search_checks {
	float:right;
	width:620px;
	}

	.sub_search_checks span {
		display:block;
		width:200px;
		height:22px;
		float:left;
		margin:0;
		padding:0;
		}

	.sub_search_checks label {
		font-weight:normal;
		margin:0;
		padding:0;
		}

#areabar {
	}
	
	#areabar li {
		display:block;
		list-style:none;
		float:left;
		}
	
	#areabar li span {
		display:block;
		position:absolute;
		top:-2000px;
		}
		
	#area_1 {
		width:106px;
		height:26px;
		}
	
	#area_1 .off { 
		background:url(/_includes/images/brisk/buttons/btn_area_1.gif) top center;
		}
	
	#area_1 .on {
		background:url(/_includes/images/brisk/buttons/btn_area_1.gif) bottom center;
		}
		
/* search tabs */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
	display:block;
	text-align:center;
    list-style: none;
    margin: 0 0 0 45px;
	width:730px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	/*
    display: block;
    padding: 0 10px;
	*/
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 2px;
    z-index: 2;
    margin-top: 0;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: none;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}

.search_go {
	margin:10px auto;
	width:100%;
	text-align:center;
	}

.search_form {
	display:block;
	}
	
	.search_form div {
		display:block;
		}
	
	.search_eachtool {
		text-align:center;
		display:block;
		width:180px;
		}
		
	.search_eachtool p {
		margin:0 0 10px 0;
		padding:0;
		}
	
	.search_eachtool img {
		margin:10px auto 0 auto;
		}

#form_1_1, #form_1_2, #form_1_3, #form_1_4, #form_1_5, #form_1_6 { display:none; }

.disp { display:block; }

/* content_stepups */

.content_stepups {}
	
	.content_stepups div {
		float:left;
		}
	
	.content_stepups a {
		display:block;
		width:160px;
		height:120px;
		border:3px solid #E6E6DC;
		}
		
	.content_stepups a:hover {
		border:3px solid #A1D602;
		}

.stepups_nav {
	margin:0 auto;
	}

	.stepups_nav li {
		display:block;
		width:33%;
		text-align:center;
		float:left;
		list-style:none;
		}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}
	
/* 資料請求フォーム */
.brochureWrapper {
	width:790px;
	margin:0 auto;
}

	.brochure {
		border-collapse:collapse;
		border:1px solid #ccc;
	}
	
	.brochure tr {
		border-collapse:collapse;
		border:1px solid #ccc;
	}

	.brochure th {
		background:#FF9;
		margin:0;
		padding:0 0 0 5px;
		border-collapse:collapse;
		border:1px solid #ccc;
	}
	
	.brochure td {
		border-collapse:collapse;
		border:1px solid #ccc;
		padding:7px;
	}

	.aright {
		text-align:right;
	}

.innerTable {
	border-collapse:collapse;
	border:none !important;
	margin:0;
	padding:0;
}

	.innerTable tr {
		margin:0;
		padding:5px;
		border:none !important;
	}
	
	.innerTable th {
		border:none !important;
	}
	
	.innerTable td {
		margin:0;
		padding:0;
		border:none !important;
		vertical-align:top !important;
	}
	
	.innerTable label {
		font-weight:normal;
	}

.isError {
	color:#F00;
}

div.termArea {
	width:750px;
	height:200px;
	margin:0 auto;
	padding:5px;
	overflow:auto;
	border:1px solid #999;
}

.red { color:#F00; }
.orange { color:#C60; }


/* 2016 TOP高卒求人検索改修 START */
#topSearch {
  display: none;
}
#area_search {
  margin-bottom: 30px;
  color: #333;
  font-family: "メイリオ" , Meiryo , "Meiryo UI" ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
}
#area_search .sec_search {
  margin-bottom: 0;
  padding: 10px 23px;
  color: #fff;
  text-shadow: 1px 1px 0 rgba(0,0,0,.4),2px 2px 0 rgba(0,0,0,.4);
  font-size: 150.0%;
  font-weight: bold;
  line-height: 1;
  -webkit-border-radius: 8px 8px 0 0;
  -moz-border-radius: 8px 8px 0 0;
  border-radius: 8px 8px 0 0;
  background: #fe9533;
}
#area_search .area_tab {
  padding-top: 15px;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cdcdcd), color-stop(0.00, #ededed));
  background: -webkit-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
  background: -moz-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
  background: -o-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
  background: -ms-linear-gradient(top, #ededed 0%, #cdcdcd 100%);
  background: linear-gradient(top, #ededed 0%, #cdcdcd 100%);
}
#area_search .area_tab ul {
  margin: 0;
  padding: 0;
  letter-spacing: -.40em;
  text-align: center;
  line-height: 1;
}
#area_search .area_tab li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  margin-left: 5px;
  font-weight: bold;
}
#area_search .area_tab li:first-child {
  margin-left: 0;
}
#area_search .area_tab li a {
  display: block;
  padding: 10px 20px 9px;
  color: #868686;
  text-decoration: none;
  border: solid #fff;
  border-width: 1px 1px 0 0;
  -webkit-border-radius: 6px 6px 0 0;
  -moz-border-radius: 6px 6px 0 0;
  border-radius: 6px 6px 0 0;
  background: #ededed;
}
#area_search .area_tab li a:hover,
#area_search .area_tab .area_tab_cur a {
  color: #333;
  background: #fff;
}

#area_search .search_title {
  position: relative;
  padding-left: 15px;
  color: #0d4678;
  font-size: 133.3%;
  font-weight: bold;
}
#area_search .search_title:before {
  content: " ";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 6px solid transparent;
  border-left: 10px solid #0d4678;
}
#area_search .area_search_detail {
  position: relative;
  border: solid #b4b4b4;
  border-width: 0 1px 1px;
  -webkit-border-radius: 0 0 8px 8px;
  -moz-border-radius: 0 0 8px 8px;
  border-radius: 0 0 8px 8px;
}
#area_search .area_detail_wrap {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  padding: 0 25px;
}
#area_search .area_detail_wrap.search_cur {
  display: block;
  position: relative;
  z-index: 1;
}
#area_search .search_all,#area_search .area_search_input li {
  font-size: 116.7%;
}
#area_search .area_search_input {
  padding: 25px 0;
  border-top: 1px solid #818181;
}
#area_search .area_search_input:first-child {
  border-top: none;
}
#area_search .area_search_input p {
  margin-bottom: 0;
}
#area_search .area_search_input label {
  font-weight: normal;
}
#area_search .area_search_input input[type=checkbox] {
  position: relative;
  top: 0.15em;
  margin: 0 5px 0 0;
}
#area_search .area_search_input input[type=submit] {
  display: block;
  width: 165px;
  margin: 20px auto 0;
  padding: 13px 0 10px;
  text-align: center;
  font-size: 133.3%;
  font-weight: bold;
  font-family: "メイリオ" , Meiryo , "Meiryo UI" ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  border: none;
  line-height: 1;
  box-shadow: 1px 1px 2px rgba(0,0,0,.2);
  cursor: pointer;
  background: #c8dcf9;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
#area_search .area_search_list {
  padding: 0 15px;
}
#area_search .area_search_list:after {
  content: " ";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0;
}
#area_search .area_search_list ul {
  float: left;
  width: 540px;
  margin: 0;
  padding: 0;
  list-style: none;
  letter-spacing: -.40em;
}
#area_search .area_search_list li {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
  width: 135px;
  margin-top: 10px;
}
#area_search .area_search_list .works li,#area_search .area_search_list .comp li {
  width: 50%;
}
#area_search .search_all {
  float: left;
  width: 180px;
  margin-top: 10px;
}
/* 2016 TOP高卒求人検索改修 END */



/*----------------------------------
2016 RWD Style
----------------------------------*/
@media only screen and (max-width: 640px) {
  /* BASE START */
  body {
    min-width: 320px;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    background: url(/_includes/images/brisk/body_bg_sp.jpg) 0 0 no-repeat;
    background-size: 100% auto;
  }
  img {
    max-width: 100%;
    height: auto;
  }
  .container,#content,#footer,.pageTop {
    width: 100%;
  }
  div.span-1, div.span-2, div.span-3, div.span-4, div.span-5, div.span-6, div.span-6a, div.span-7, div.span-7a, div.span-8, div.span-9, div.span-10, div.span-10a, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-15a, div.span-15b, div.span-16, div.span-17, div.span-18, div.span-19, div.span-20, div.span-21, div.span-22, div.span-23, div.span-24 {
    float: none;
    width: 100%;
    margin-right: 0;
  }
  #content {
    position: relative;
    padding: 0 10px;
    box-sizing: border-box;
  }
  .container {
    padding-top: 0;
  }
  /* BASE END */
  
  /* HEADER START */
  #newsTicker {
    display: none;
  }
  #header {
    height: auto;
  }
  #header .float_left {
    float: none;
  }
  #header .prepend-0 {
    padding-left: 0;
    padding-top: 16.40625%;
  }
  #top_logo {
    position: absolute;
    top: 12%;
    left: 4%;
    width: 26%;
  }
  #headerBadge {
    display: none;
  }
  #header ul {
    width: 100%;
    margin: 0;
    padding-top: 5px;
    font-weight: bold;
    letter-spacing: -.40em;
    text-align: center;
  }
  #header ul.float_right {
    float: none;
    margin-bottom: 15px;
    border-bottom: 1px solid #818181;
  }
  #header ul.span-9 {
    width: 100%;
  }
  #header li {
    float: none;
    display: inline-block;
    vertical-align: middle;
    letter-spacing: normal;
    margin: 0;
  }
  #header li a {
    display: block;
    padding: 10px 8px;
    color: #333;
    text-decoration: none;
  }
  /* HEADER END */
  
  /* MV START */
  #content .top_center_main {
    float: none;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
  }
  #content .top_center_main img {
    width: 100%;
  }
  #content .top_left_banners .margin2 {
    width: 100%;
  }
  #content .top_left_banners,#content .top_center_main + .float_right {
    width: 49%;
    padding-top: 62.4651%;
  }
  #content .top_center_main + .float_right {
    float: right;
  }
  #content .top_center_main + .float_right .blockBlueWrap {
    width: 100%;
    height: auto;
  }
  #content .top_center_main + .float_right .blockBlue {
    width: 100%;
    height: auto;
    margin: 0;
    border: none;
  }
  #content .top_center_main + .float_right .blockBlue .adHeader {
    margin: 0 auto;
    padding-top: 7px;
  }
  #content .top_center_main + .float_right .blockBlue div {
    width: auto;
    padding: 0 10px 10px;
  }
  #content .top_center_main + .float_right .blockBlue div img {
    display: inline;
  }
  #content .top_center_main + .float_right.span-6 {
    margin-top: 0;
  }
  #content .top_left_banners + div + div.span-6.last .blockBlueWrap {
    padding-top: 0;
  }
  /* MV END */

  /* TOP SEARCH START */
  #area_search .sec_search {
    padding: 10px 15px;
    font-size: 133.3%;
  }
  #area_search .area_tab {
    padding-top: 0;
    border: solid #b4b4b4;
    border-width: 0 1px;
  }
  #area_search .area_tab ul {
    text-align: left;
  }
  #area_search .area_tab li {
    display: block;
    width: 100%;
    margin-left: 0;
    border-bottom: 1px solid #b4b4b4;
  }
  #area_search .area_tab li a {
    display: block;
    padding: 10px 15px 9px;
    border: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
  }
  
  #area_search .search_title {
    padding-left: 10px;
    font-size: 125.0%;
  }
  #area_search .search_title:before {
    margin-top: -4px;
    border: 4px solid transparent;
    border-left: 6px solid #0d4678;
  }
  #area_search .area_detail_wrap {
     padding: 0 15px;
  }
  #area_search .search_all,#area_search .area_search_input li {
    font-size: 100%;
  }
  #area_search .area_search_input {
    padding: 20px 0;
  }
  #area_search .area_search_input input[type=submit] {
    width: 100%;
    font-size: 125.0%;
    border: 1px solid #b4b4b4;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c4dbf9), color-stop(0.00, #e5f0ff));
    background: -webkit-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -moz-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -o-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -ms-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  #area_search .area_search_list {
    padding: 0;
  }
  #area_search .area_search_list ul {
    float: none;
    width: 100%;
  }
  #area_search .area_search_list li {
    width: 50%;
    margin-top: 10px;
  }
  #area_search .area_search_list .works li,#area_search .area_search_list .comp li {
    width: 100%;
  }
  #area_search .search_all {
    float: none;
    width: 100%;
  }
  /* TOP SEARCH END */

  /* SECTION BLOCK START */
  #content h2 {
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
    background: #fac893;
  }
  #content h2.other {
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
    background: #d5d5d5;
  }
  #content .span-8 {
    margin-top: 30px;
  }
  #content .span-6 {
    margin-top: 20px;
    text-align: center;
  }
  #content .span-6 img {
    display: inline;
  }
  #content .blockBlueWrap2,#content .blockBlue2, #content .blockBlueWrap, #content .blockBlue {
    width: 100%;
    height: auto;
    border: none;
  }
  #content .blockBlueWrap2, #content blockBlueWrap {
    margin-top: 20px;
  }
  #content .blockBlue2, #content blockBlueWrap {
    margin: 0;
    padding-top: 10px;
  }
  #content .space + #search_all {
    display: none;
  }
  /* SECTION BLOCK END */

  /* ARTICLE LIST START */
  #content .span-8 img {
    width: 100%;
  }

  #thum {
    margin: 0;
    overflow: hidden;
  }
  #thum img.thum {
    max-width: 100px;
  }
  .showMore {
    margin: 10px 0 0;
    text-align: center;
    font-size: 125.0%;
    font-weight: bold;
    border: 2px solid #ff8300;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
  }
  .showMore a {
    display: block;
    padding: 10px 0 8px;
    color: #ff8300;
    text-decoration: none;
  }
  /* ARTICLE LIST END */
  
  /* SEARCH ALL START */
  #content #search_all h5 {
    font-size: 125.0%;
  }
  #content #search_all div {
    margin: 0;
  }
  #content #search_all input[type=text] {
    width: 70% !important;
  }
  #content #search_all input[type=submit] {
    display: block;
    width: 70%;
    margin: 15px auto 0;
    padding: 13px 0 10px;
    text-align: center;
    font-size: 125.0%;
    font-weight: bold;
    line-height: 1;
    border: 1px solid #b4b4b4;
    font-family: "メイリオ" , Meiryo , "Meiryo UI" ,"ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" ,  "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    cursor: pointer;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c4dbfa), color-stop(0.00, #ffffff));
    background: -webkit-linear-gradient(top, #ffffff 0%, #c4dbfa 100%);
    background: -moz-linear-gradient(top, #ffffff 0%, #c4dbfa 100%);
    background: -o-linear-gradient(top, #ffffff 0%, #c4dbfa 100%);
    background: -ms-linear-gradient(top, #ffffff 0%, #c4dbfa 100%);
    background: linear-gradient(top, #ffffff 0%, #c4dbfa 100%);
  }
  /* SEARCH ALL END */
  
  /* MAGAZINE START */
  #block_magazine {
    display: none;
  }
  #block_magazine h5 {
    margin-bottom: 15px;
    font-size: 141.7%;
    font-weight: bold;
    padding: 0;
    color: #c70a0a;
    text-align: left;
  }
  #block_magazine .magazine {
    margin-left: 0;
  }
  #block_magazine .magazine dl {
    width: 76%;
    text-align: left;
  }
  #block_magazine .magazine dt {
    font-size: 125.0%;
  }
  #block_magazine .magazine dd a {
    font-size: 116.7%;
  }
  #block_magazine .magazine li > a {
    display: block;
    width: 20%;
  }
  #block_magazine .magazine li > a img {
    width: 100%;
  }
  /* MAGAZINE END */
  
  /* NEWS START */
  #block_news {
    margin-top: 30px;
  }
  #block_news h5 {
    margin-bottom: 15px;
    font-size: 141.7%;
    font-weight: bold;
    padding: 0;
    color: #c70a0a;
    text-align: left;
  }
  #block_news .news {
    margin: 0 0 1.5em;
    text-align: left;
    font-size: 100%;
  }
  #block_news .news li {
    list-style: none;
    margin: 10px 0 0;
  }
  #block_news .news li:first-child {
    margin-top: 0;
  }
  #block_news + a {
    display: inline-block;
    margin: 30px 0 10px;
  }
  /* NEWS END */
  
  /* BOOKMARK START */
  #socialbookmarks {
    display: none;
  }
  /* BOOKMARK END */
  
  /* PAGE TOP START */
  #footerWrapper .pageTop {
    padding: 0;
    text-align: right;
    font-size: 116.7%;
  }
  #footerWrapper .pageTop a {
    display: inline-block;
    width: 120px;
    padding: 5px 0;
    text-align: center;
    background: #7cf2c3;
    -webkit-border-radius: 6px 6px 0 0;
    -moz-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
    color: #000099;
    text-decoration: none;
  }
  /* PAGE TOP END */
  
  /* FOOTER START */
  #footerWrapper {
    height: auto;
    margin-top: 30px;
    padding: 0;
    background: none;
  }
  #footer {
    padding: 25px 0 10px;
    text-align: center;
    background: #7cf2c3;
  }
  #footer a {
    color: #000099;
  }
  #footer .span-4,#footer hr,#footer ul {
    display: none;
  }
  #footer .span-17 ul:first-child {
    display: block;
    margin-bottom: 25px;
    font-weight: bold;
  }
  #footer .span-17 ul:first-child li {
    display: block;
    margin: 10px 0 0;
  }
  #footer .span-17 ul:first-child li a {
    font-size: 116.7%;
    text-decoration: underline;
  }
  #footer .span-17 ul:first-child li a:hover {
    text-decoration: none;
  }
  #footer .span-17 ul:first-child li:first-child {
    margin-top: 0;
  }
  #footer .span-17 p:last-child {
    margin-bottom: 0;
  }
  /* FOOTER END */


  /* SERACH RESULT START */
  
  #sub_search_switch {
    text-align: center;
    margin-bottom: 10px;
  }
  
  #sub_search_switch img {
    margin: 0 auto;
  }
  
  #searchBoxDetail + hr.space {
    display: none;
  }
  
  .listBoxExcellent, .listBoxSpecial, .listBoxLight {
    position: relative;
  }
  
  .listBoxExcellent .listStatus, .listBoxSpecial .listStatus, .listBoxLight .listStatus {
    position: absolute;
    right: 0;
    left: auto;
    top: -10px;
    width: 45px;
  }
  
  .listBoxExcellent h3, .listBoxSpecial h3, .listBoxLight h3  {
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
    background: #fac893;
    padding-right: 50px;
  }
  
  .listBoxExcellent .span-13, .listBoxSpecial .span-13, .listBoxLight .span-13 {
    margin: 0;
    padding: 0 10px;
    box-sizing: border-box;
    margin-bottom: 10px;
  }
  
  .listBoxExcellent .span-13 img {
    width: 100%;
  }
  
  .listBoxSpecial .span-13 img {
    width: 32%;
    margin: 0 0 0 2%;
  }
  
  .listBoxSpecial .span-13 img:first-child {
    margin-left: 0;
  }
  
  .listBoxLight .span-13 img {
    width: 100px;
    margin-right: 10px;
  }
  
  .span-13 .list_copy {
    margin: 10px 0;
  }
  
  .span-7a.last.jobDetail {
    padding: 0 10px;
    box-sizing: border-box;
    margin: 0;
  }
  
  .listNavi {
    overflow: hidden;
    margin-bottom: 10px !important;
  }
  
  .listNavi li {
    width: 48%;
    float: left;
    margin: 0;
  }
  
  .listNavi li:nth-child(2) {
    float: right;
  }
  
  .listNavi a, .listNavi a:hover  {
    display: block;
    height: auto;
    width: 100%;
    text-decoration: none;
    background: #ff8021 !important;
    font-weight: bold;
    padding: 10px 0;
    text-align: center;
  }
  
  .listNavi span {
    position: static;
    color: #fff;
  }

  
  #searchBoxDetail .sub_search_wrapper {
    width: 100%;
  }
  
  #searchBoxDetail .sub_search_header {
    width: 100%;
    float: none;
  }
  
  #searchBoxDetail .sub_search_checks {
    width: 100%;
  }
  
  #searchBoxDetail #dataset_narrow {
    letter-spacing: -.40em;
  }
  
  #searchBoxDetail #dataset_narrow li {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    list-style-type: none;
    margin-right: 10px;
  }

  /* SERACH RESULT END */

  /* DETAIL START */
  
  #jobHeader .job-all-1, #jobHeader .job-all-2 {
    width: 100%;
    float: none;
    margin-right: 0;
    position: relative;
  }
  
  #jobHeader .job-all-1 h1 + .list_copy {
    padding: 0;
  }
  
  #jobHeader div.tooltip {
    position: relative;
  }
  
  #jobHeader div.tooltip ul {
    overflow: hidden;
    float: none;
    margin-bottom: 20px;
  }
  
  #jobStatus {
    width: 45px;
    top: auto;
    left: 218px;
    bottom: 0;
  }
  
  #MainMenu {
    height: auto;
  }
  
  #tab {
    overflow: hidden;
    font-size: 62.5%;
    letter-spacing: -.40em;
    
  }
  
  #tab ul {
    float: none;
    padding: 0 10px;
  }
  
  #tab li {
    display: inline-block;
    vertical-align: bottom;
    letter-spacing: normal;
    float: none;
    width: 24%;
    margin: 0 0 0 1.33333%;
  }
  
  #tab li:first-child {
    margin-left: 0;
  }
  
  #tab a {
    background: #ffde7f;
    display: block;
    width: 100%;
    padding: 5px 0;
    border-radius: 3px 3px 0 0;
    -ms-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    -o-border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    border-top: 1px solid #fda900;
    border-right: 1px solid #fda900;
    border-left: 1px solid #fda900;
    box-sizing: border-box;
    text-align: center;
  }
  
  #tab a:hover, #tab li.item_active a {
    background: #fff1d0;
  }
  
  #tab li.item_active a {
    border-top: 1px solid #fff1d0;
    border-right: 1px solid #fff1d0;
    border-left: 1px solid #fff1d0;
  }
  
  #tab a span {
    background: none;
    padding: 0;
  }
  
  h3 {
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
    background: #fac893;
  }
  
  .job-ex-1 {
    float: none;
    width: 55.8333%;
    margin: 0 auto 15px;
  }
  
  .job-ex-2 {
    width: 100%;
  }
  
  .job-ex-2 p {
    margin: 0;
  }
  
  .job-ex-2 img {
    width: 120px;
  }
  
  .job-ex-3 {
    width: 100%;
  }
  
  .job-ex-4 {
    width: 100%;
  }
  
  .job-ex-4 img {
    width: 120px;
    display: block;
    margin: 0 auto 10px;
  }
  
  .job-ex-4 p {
    text-align: center;
  }
  
  .job-ex-4 p:last-child {
    margin-bottom: 0;
  }
  
  .job-ex-5 {
    width: 100%;
  }
  
  .job-ex-5 img {
    width: 120px;
    display: block;
    margin: 0 auto 10px;
  }
  
  .job-ex-5 p {
    text-align: center;
  }
  
  .job-ex-6 {
    width: 100%;
  }
  
  .job-ex-6 p:last-child {
    margin-bottom: 0;
  }
  
  .innerNavi ul:first-child {
    float: none;
    overflow: hidden;
    margin: -10px 0 0;
  }
  
  .innerNavi ul:first-child li {
    float: left;
    width: 48%;
    margin: 0;
    margin-top: 10px;
  }
  
  .innerNavi ul:first-child li:nth-child(even) {
    float: right;
  }
  
  .innerNavi ul:first-child a, .innerNavi ul:first-child a:hover {
    display: block;
    width: 100%;
    height: auto;
    background: #ff8021 !important;
    color: #fff;
    text-decoration: none;
    padding: 8px 0;
    font-weight: bold;
    text-align: center;
  }
  
  .innerNavi ul:first-child a span {
    position: static;
  }
  
  .innerNavi hr + ul {
    overflow: hidden;
    margin: 0;
  }
  
  .innerNavi hr + ul li {
    float: left;
  }
  
  .dataWrapper {
    margin: 0;
  }
  
  .dataWrapper .data {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    box-sizing: border-box;
  }
  
  .dataWrapper .data dt, .dataWrapper .data dd {
    box-sizing: border-box;
  }
  
  .dataWrapper .data dt {
    width: 30%;
    margin: 0;
    padding: 5px;
  }
  
  .dataWrapper .data dd {
    width: 70%;
    padding: 5px;
    margin: 0;
  }
  
  .goJobSheet {
    width: 100%;
  }
  
  /* DETAIL END */

  /* STAFF START */

  
  #staffHeader .span-6 {
    width: 120px;
    margin: 0 auto 20px;
  }
  
  #staffHeader h3 {
    box-shadow: none;
    border: none;
    font-size: 16px;
  }
  
  #staffHeader p.name {
    font-size: 14px;
  }
  
  .jobStaff h3 {
    background: #e1ffc4;
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
  }
  
  #staffDay ul {
    letter-spacing: -.40em;
    text-align: center;
    margin: 20px 0 0 0;
  }
  
  #staffDay ul:first-child {
    margin-top: 0;
  }
  
  #staffDay ul li {
    float: none;
    letter-spacing: normal;
  }
  
  #staffDay ul li.time, #staffDay ul li.image {
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    width: 140px;
    height: 103px;
  }
  
  #staffDay ul li.time {
    background-size: 100% 100%;
    font-size: 20px;
  }
  
  #staffDay ul li.image {
    margin: 0;
  }
  
  #staffDay ul li.desc {
    margin-top: 15px;
    width: 100%;
    background: none;
    border: 2px solid #f49275;
    text-align: left;
    height: auto;
    box-sizing: border-box;
    padding: 10px 10px 30px;
  }
  
  #staffDay span.time {
    text-align: left;
    padding: 20px 0 0 60px;
    margin: 0;
  }
  
  #staffDay span.desc {
    margin: 0;
  }
  /* STAFF END */
  
  /* STEP START */
  
  #step_01, #step_02, #step_03 {
    position: relative;
    width: 100%;
    height: auto;
    background: #deffbd;
    margin-top: 70px;
    padding: 10px 0;
  }
  
  #step_01:before, #step_02:before, #step_03:before {
    content: " ";
    position: absolute;
    right: 0;
    background-size: auto 100%;
    background-position: 100% 0;
    background-repeat: no-repeat;
  }
  
  #step_01:before {
    width: 100px;
    height: 61px;
    background-image: url(/_includes/images/brisk/step_up_bg_sp01.png);
    top: -42px;
  }
  
  #step_02:before {
    width: 100px;
    height: 66px;
    background-image: url(/_includes/images/brisk/step_up_bg_sp02.png);
    top: -32px;
  }
  
  #step_03:before {
    width: 100px;
    height: 48px;
    background-image: url(/_includes/images/brisk/step_up_bg_sp03.png);
    top: -17px;
  }
  
  #step_01 h4 , #step_02 h4 , #step_03 h4 {
    position: absolute;
    bottom: 100%;
    margin: 0 0 10px 0;
    left: 0;
    
  }
  
  #step_01 img, #step_02 img, #step_03 img {
    margin: 0 auto 10px;
    width: 120px;
    display: block;
  }
  
  /* STEP END */
  
  /* READING START */
  .readingMenu {
    display: none;
  }
  
  #reading_logo + .space + .readingMenu {
    display: block !important;
  }
  

  
  .readingMenu h3 {
    background: #e1ffc4;
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
    text-align: left;
  }
  
  .readingMenu {
    text-align: left;
  }
  
  .readingMenu form {
    text-align: center;
  }
  
  #reading_h1 {
    margin-top: 20px !important;
  }
  
  #content .span-11 h2 {
    background: #fac893;
    margin: 0 0 15px 0;
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
  }
  
  .span-11 .showMore {
    margin-bottom: 20px;
  }
  
  .span-6.last .blockBlueWrap {
    padding-top: 10px;
    margin: 0 0 -40px;
    background: none;
  }
  /* READING END */
  
  /* FAQ START */
  
  #content .span-21  h1 {
    padding: 10px 0 8px 10px;
    font-weight: bold;
    background: #fac893;
  }
  
  #content .span-21  h1 + .span-5 {
    width: 100px !important;
    margin: 0 auto 10px; 
  }
  
  div.colborder {
    padding: 0;
    border: none;
  }
  
  .span-21 + .space + h2 + div >.span-4, .pageTop + h3 + div >.span-4 {
    display: none;
  }
  
  /* FAQ END */
  
  /* AUTHLOGINFORM START */
  
  #content >h1 {
    padding: 10px 0 8px 10px;
    font-weight: bold;
    background: #fac893;
  }
  
  .span-15.colborder >div .span-8 {
    margin-top: 0 !important;
  }
  
  .span-15.colborder >div .span-7.last img {
    margin: 0 auto;
  }
  
  fieldset {
    position: relative;
    margin: 40px 0 15px !important;
  }
  
  fieldset legend + p {
    margin-bottom: 0;
  }
  
  fieldset form + p {
    display: none;
  }
  
  fieldset legend {
    position: absolute;
    background: #fff;
    width: auto;
    left: 50%;
    padding: 0 8px;
    top: -11px;
    transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    font-weight: bold;
    white-space: nowrap;
  }
  
  #myForm.cleanForm fieldset div {
    width: 100% !important;
    text-align: center;
  }
  
  #myForm.cleanForm fieldset div .float_left, #myForm.cleanForm fieldset div .float_right {
    display: inline-block;
    float: none;
    width: auto !important;
  }
  
  #myForm.cleanForm fieldset div .float_right {
    margin-top: 15px;
  }
  
  #myForm.cleanForm fieldset div .float_left label, #myForm.cleanForm fieldset div .float_right label {
    text-align: left;
    display: block;
  }
  
  #myForm.cleanForm fieldset div .float_left label + br, #myForm.cleanForm fieldset div .float_right label + br {
    display: none;
  }
  
  .cleanForm input.button {
    width: 100%;
    font-size: 125.0%;
    border: 1px solid #b4b4b4;
    padding: 10px 0;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c4dbf9), color-stop(0.00, #e5f0ff));
    background: -webkit-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -moz-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -o-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -ms-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
  }
  
  .span-15.colborder + .span-6.last {
    display: none;
  }
  
  .span-21.last .large {
    margin: 10px 0  20px!important;
    font-size: 14px !important;
    line-height: 1.4 !important;
    display: block;
  }
  
  

  
  /* AUTHLOGINFORM END */
  
  /* AUTH REGISTER FORM START */
  
  .verticalFormElements input[type="text"], .verticalFormElements input[type="password"] {
    width: 100% !important;
    box-sizing: border-box
  }
  .verticalFormElements h5 {
    text-align: left;
  }
  
  .verticalFormElements label {
    float: none;
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    text-align: left;
  }
  
  .verticalFormElements .notify {
    display: block;
    text-align: left;
    margin: 5px 0 0 0;
    float: none;
  }
  
  .verticalFormElements .notify .must {
    margin: 0 5px 0 0;
  }
  
  #myForm label {
    margin-top: 5px;
  }
  
  #myForm #school_zip_1, #myForm #school_zip_2 {
    text-align: left;
    width: 40% !important;
  }
  
  #myForm textarea {
    float: none !important;
    width: 100% !important;
    box-sizing: border-box;
    height: 100px;
  }
  
  .message {
    margin-left: 0;
    text-align: left;
  }
  
  .notice {
    text-align: left;
  }
  
  /* AUTH REGISTER FORM END */
  
  /* INFORMATIONS ENVIROMENT START */
  
  .span-21.last dl.common dt {
    margin-left: 0;
  }
  
  .span-21.last dl.common dd {
    margin-right: 0;
    margin-left: 0;
  }
  
  /* INFORMATIONS ENVIROMENT END */
  
  /* CONTACT START */
  
  .span-21.last h1 + div {
    width: 100% !important;
  }
  
  form.cleanForm input {
    width: 100%;
    box-sizing: border-box;
  }
  
  #btn_submit {
    width: 100%;
    font-size: 125.0%;
    border: 1px solid #b4b4b4;
    padding: 10px 0;
    box-shadow: none;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c4dbf9), color-stop(0.00, #e5f0ff));
    background: -webkit-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -moz-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -o-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: -ms-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    background: linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    font-weight: bold;
  }
  
  fieldset .error {
    box-sizing: border-box;
    text-align: left !important;
  }
  
  fieldset >*:last-child {
    margin-bottom: 0 !important;
  }
  
  /* CONTACT END */
  
  /* READING ARCHIVE START */
  #reading_logo + .space + a + br +.readingMenu {
    display: block;
    margin-top: 20px;
  }
  
  .readingMenu + .space {
    display: none;
  }
  
  .readingMenu + .space + a {
    display: none;
  }
  
  .readingMenu + .space + a  + br + a {
    display: none;
  }
  
  #reading_container * {
    margin-right: 0 !important;
  }
  
  
  #reading_container p:first-child img, #dt_a2 {
    width: 100px;
    margin-right: 1.5em !important;
    height: auto !important;
  }
  
  #reading_container p {
    box-sizing: border-box;
  }
  
  #reading_container > p img:first-child {
    margin: 10px 0 5px 0;
  }
  
  #reading_container > p strong + br + a >img {
    margin: 1.5em 1.5em 1.5em 0 !important;
    width: 100px;
  }
  
  #content .span-16.last h1 {
    padding: 10px 0 8px 10px;
    color: #695440;
    font-weight: bold;
    background: #fac893;
  }

  
  /* READING ARCHIVE END */
  
  
  /* MAGAZINE START */
  
  .span-21.last hr + .span-4 {
    float: left;
    width: auto;
    margin-right: 10px;
  }
  
  /* MAGAZINE END */
  
  
  /* STEPUPS START */
  
  .content_stepups {
    margin: -10px 0 0 0;
    overflow: hidden;
  }
  
  .content_stepups >div {
    margin-top: 10px;
    width: 48%;
    display: table;
    margin-right: 4%;
  }
  
  .content_stepups >div:nth-child(even) {
    margin-right: 0;
  }
  
  .content_stepups .clear {
    display: none;
  }
  
  .content_stepups >div a {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
    height: auto;
    box-sizing: border-box;
    height: 100px;
    text-align: center;
    background: #fefdfd;
  }
  
  .content_stepups >div img {
    width: auto;
    max-height: 94px;
    max-width: 100%;
    display: inline;
  }
  
  /* STEPUPS END */
  /* 2016-08-09 */
    #searchBoxDetail {
        background:none;
        border: solid 1px #b4b4b4;
        margin-bottom:20px;
    }
	#searchBoxDetail .inside .sub_search_wrapper{
    	padding: 0;
	}
    #searchBoxDetail .top {
        height: auto;
        background: none;
    }
    #searchBoxDetail .bot {
        height: auto;
        background: none;
    }
	#searchBoxDetail .inside .sub_search_header p{
    	padding-left: 10px;
		font-size: 125.0%;
		position: relative;
		color: #0d4678;
		font-weight: bold;
        margin-bottom:0.5em;
	}
	#searchBoxDetail .inside .sub_search_header p:before {
        content: " ";
        position: absolute;
        top: 50%;
        left: 0;
        width: 0;
        height: 0;
        margin-top: -8px;
        border: 6px solid transparent;
        border-left: 10px solid #0d4678;
        margin-top: -4px;
        border: 4px solid transparent;
        border-left: 6px solid #0d4678;
    }
	#searchBoxDetail .inside #dataset_narrow {
        float: none;
        width: 100%;
    }
	#searchBoxDetail .inside #dataset_narrow li {
        width: 50%;
        margin-top: 0;
        margin-bottom: 10px;
        margin-right:0;
        font-size: 100%;
    }
	#searchBoxDetail .inside #dataset_narrow li input[type=checkbox] {
        width: auto;
    }
	#searchBoxDetail .inside #dataset_jobtype span{
        float: none;
        width: 100%;
    }
	#searchBoxDetail .inside #dataset_jobtype span input[type=checkbox] {
        width: auto;
    }
	#searchBoxDetail .inside #dataset_topic span{
        float: none;
        width: 100%;
    }
	#searchBoxDetail .inside #dataset_topic span input[type=checkbox] {
        width: auto;
    }
	#searchBoxDetail .inside .sub_search_wrapper .sub_search_checks input[type=text]{
        width:100% !important;
        height:30px;
    }
	#searchBoxDetail .inside input[type=submit] {
        display: block;
        width: 165px;
        margin: 20px auto 0;
        padding: 13px 0 10px;
        text-align: center;
        font-size: 133.3%;
        font-weight: bold;
        font-family: "???C???I" , Meiryo , "Meiryo UI" ,"?q???M?m?p?S Pro W3" , "Hiragino Kaku Gothic Pro" , "?l?r ?o?S?V?b?N" , "MS PGothic" , sans-serif;
        border: none;
        line-height: 1;
        box-shadow: 1px 1px 2px rgba(0,0,0,.2);
        cursor: pointer;
        background: #c8dcf9;
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        width: 100%;
        font-size: 125.0%;
        border: 1px solid #b4b4b4;
        box-shadow: none;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c4dbf9), color-stop(0.00, #e5f0ff));
        background: -webkit-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
        background: -moz-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
        background: -o-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
        background: -ms-linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
        background: linear-gradient(top, #e5f0ff 0%, #c4dbf9 100%);
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
    }
    
  /* PAGING START */
  .paging p {
    letter-spacing: -.40em;
    text-align: center;
    font-size: 116.7%;
  }
  .paging a,
  .paging b {
    display: inline-block;
    vertical-align: top;
    letter-spacing: normal;
    margin: 0 5px;
  }
  /* PAGING END */
}