/*
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; }