/*
	-------------------for serch
	ヘッダー：header
	メニュー：menu
	内容：uidata
	フッター：footer
	検索：search-pj
	検索結果：result-pj
	求人情報：detail
	ログイン：login
	エントリー：entry
	利用規約：regulation
*/

h1{
	display: inline;
}

h2{
	font-size: 82%;
	font-weight: normal;
	display: inline;
	text-align: right;
}

h3{
	margin-bottom: 10px;
	color: #009900;
}

h4{
}

h5{
	clear: both;
	padding: 3px 3px 3px 6px;
	border-left: 3px #CC6600 solid;
	margin-bottom: 5px;
}


a:link {color: #006699; text-decoration: underline;}
a:visited {color: #006699; text-decoration: underline;}
a:active {color: #006699; text-decoration: underline;}
a:hover {color: #FF6600; text-decoration: underline;}


@media print {
	#header{
		display: none;
	}
	#menu{
		display: none;
	}
	#footer{
		display: none;
	}
}


/* ヘッダー header */

#header{
	background-image: url(img-kojin/header-back.gif);
	height: 112px;
}

#header-main{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}

#header-main img{
	margin-top: 6px;
	margin-bottom: 2px;
}

#header-menu{
	height: 54px;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
	text-align: left;
}

#header-menu-left{
	width: 450px;
	float: left;
	padding-top: 4px;
}

#header-menu-right{
	width: 450px;
	padding-top: 12px;
	float: right;
	text-align: right;
}

#header-menu-right ul{
	display: inline;
	vertical-align:text-bottom;
}

#header-menu-right ul li{
	display: inline;
	margin-right: 30px;
}



/* メニュー menu */
#menu{
	width: 195px;
	float: left;
	position: static;
}

#menu div.ticket{
	top: -15px;
	position: relative;
}

#menu ul{
	list-style-type: none;
	text-align: right;
	font-size: 11px;
	margin-right: 5px;
	margin-bottom: 5px;
}

#menu ul li{
	padding-bottom: 3px;
	line-height: 110%;
}

#menu .linkfollow a:link {color: #333333; text-decoration: underline;}
#menu .linkfollow  a:visited {color: #333333; text-decoration: underline;}
#menu .linkfollow  a:active {color: #333333; text-decoration: underline;}
#menu .linkfollow  a:hover {color: #FF6600; text-decoration: underline;}

#menu-login{
	background:url('img-kojin/menu-login-back.gif') no-repeat;
	background-color: #D0E88A;
	padding: 5px;
	margin-bottom: 15px;
}

#menu-login input{
	border: 0;
	width: 182px;
	height: 40px;
	cursor: pointer;
	background:url('img-kojin/menu-login-bt.gif') no-repeat;
}

#menu-login form{
	margin-top: 10px;
	margin-bottom: 10px;
}

#menu-kinou{
/*	background-color: #F4F2F4;*/
	background-color: #D0E88A;
	padding: 5px 5px 20px 5px;
	margin-bottom: 10px;
}

#menu-kinou-setsumei{
	width: 180px;
	background-color: #FFFFFF;
	background-image: url(img/menu-kinou-sback.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
}

#menu-kinou-setsumei img{
	display: block;
	margin-right: auto;
	margin-left: auto;
}

#menu ul.setsumei{
	list-style-type: none;
	text-align: left;
	font-size: 13px;
	margin: 5px 10px 0px 10px;
	padding-bottom: 7px;
	color: #666666;
}

#menu ul.setsumei li{
	line-height: 110%;
	padding-bottom: 10px;
	padding-left: 15px;
	background: url(img-kojin/menu-kinou-sli.gif) no-repeat left 3px;
}

#menu-link{
	margin-top: 20px;
}

#menu-link ul{
	text-align: left;
}

#menu-link ul.bn{
	margin-top: 20px;
}

#menu-mydata{
/*	background-color: #F4F2F4;*/
	background-color: #D0E88A;
	padding: 0px 0px 20px 0px;
	margin-bottom: 15px;
}

#menu-mydata p{
	text-align: center;
	margin-top: 5px;
	margin-bottom: 5px;
}

#menu-mydata span{
	font-weight: bold;
}

#menu-mydata div.menu-mydata-list{
	background-image: url(img/menu-mydata-back.gif);
	background-repeat: no-repeat;
	margin: 10px 0px 5px 7px;
	padding: 8px;
	text-align: left;
}

#menu-mydata div.menu-mydata-list ul{
	height: 90px;
	overflow: auto;
	text-align: left;
	margin: 5px 7px 5px 7px;
	font-size: 13px;
}

#menu-mydata div.menu-mydata-list ul li{
	padding-bottom: 4px;
}

#menu-mydata input{
	border: 0;
	width: 195px;
	height: 28px;
	cursor: pointer;
	background:url('img-kojin/menu-logout.gif') no-repeat;
}



/* フッター footer */
#footer{
	clear: both;
	background-image: url(img-kojin/footer-back.gif);
	background-repeat: repeat-x;
	margin-top: 20px;
	margin-bottom: 10px;
}

#footer-main{
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
}

#footer-main ul{
	display: inline;
	vertical-align:text-bottom;
}

#footer-main ul li{
	display: inline;
	margin-left: 10px;
}

#footer-main-ctrl{
	margin-top: 20px;
}

#footer-main01{
	width: 200px;
	float: left;
}

#footer-main01 img{
	margin-right: 15px;
}

#footer-main02{
	width: 700px;
	float: right;
}

#footer-main-left{
	width: 450px;
	float: left;
	text-align: left;
}

#footer-main-left p{
	text-align: left;
}

#footer-main-left p img{
	vertical-align: middle;
}

#footer-main-right{
	width: 250px;
	float: right;
}

#footer:after {
	content: "";
	display: block;
	clear: both;
}



/* UIデータ uidata */
@media screen{
	#uidata{
		width: 690px;
		float: right;
		padding-top: 15px;
	}
}

@media print{
	#uidata{
		width: 690px;
	}
}

#uidata-h2{
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
}

#uidata-h2 span{
	font-size: 82%;
	color: red;
	font-weight: bold;
}

#uidata div.uidata-contents{
	border: 1px #999999 solid;
	margin-bottom: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#uidata div.uidata-contents-data{
	width: 680px;
	background-color: #F8F9F4;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 10px;
}

#uidata-search{
	clear: both;
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}

#uidata-search-left{
	float: left;
	width: 300px;
}

#uidata-search-right{
	float: right;
	width: 300px;
}

#uidata-search:after {
	content: "";
	display: block;
	clear: both;
}

#uidata-newlist{
	background-color: #FFFFFF;
	height: 162px;
	margin: 5px;
	padding: 5px 25px 5px 15px;
	overflow: auto;
	border-top: 1px #B1B192 solid;
	border-bottom: 1px #B1B192 solid;
}

#uidata-newlist table{
	width: 100%;
	font-size: 82%;
}

#uidata-newlist col.c01{
	width: 43%;
}

#uidata-newlist col.c02{
	width: 35%;
}

#uidata-newlist col.c03{
	width: 12%;
}

#uidata-newlist col.c04{
	width: 10%;
}

#uidata-newlist table th{
	padding: 4px;
	border-bottom: 1px #999999 dashed;
	text-align: left;
}

#uidata-newlist table td{
	padding: 4px;
	border-bottom: 1px #999999 dashed;
	text-align: left;
	vertical-align: text-top;
}

#uidata-soudan{
/*	width: 650px;*/
	margin-right: auto;
	margin-left: auto;
}

#uidata-soudan-left{
	float: left;
	width: 400px;
	padding-top: 10px;
	padding-left: 15px;
}

#uidata-soudan-right{
	float: right;
	width: 250px;
}

#uidata-soudan-left p{
	margin-bottom: 15px;
}

#uidata-soudan:after {
	content: "";
	display: block;
	clear: both;
}

#uidata-soudan-tel{
	background-color: #FFFFFF;
	margin: 10px;
	padding: 10px;
}

#uidata-soudan-tel p.itaku{
	margin-top: 15px;
	margin-bottom: 15px;
}

#uidata-soudan-tel p.itaku-data{
	font-size: 11px;

}



/* uidata-search-pj */
#uidata-search-pj{
	width: 650px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

#uidata-search-pj-left{
	width: 315px;
	float: left;
	border: 1px #999999 solid;
	background-color: #FFFFFF;
	margin-top: 10px;
	height: 250px;
	overflow: hidden;
}

#uidata-search-pj-right{
	width: 315px;
	float: right;
	border: 1px #999999 solid;
	background-color: #FFFFFF;
	margin-top: 10px;
	height: 250px;
	overflow: hidden;
}

#uidata-search-pj:after{
	content: "";
	display: block;
	clear: both;
}

#uidata-search-pj h4{
	margin: 5px;
}

#uidata-search-pj form{
	margin: 12px;
}

#uidata-search-pj input.submit_button{
	float: right;
	margin: 10px 30px 0px 0px;
}

#uidata-search-pj input.submit_button02{
	float: right;
	margin: 10px 37px 0px 0px;
}

#uidata-search-pj p{
	margin: 12px;
}

#uidata-search-pj table{
	margin-left: 10px;
}

#uidata-search-pj table td{
	padding: 2px;
}

#uidata-search-pj table th{
	padding: 2px;
	width: 85px;
	text-align: left;
}

#uidata-search-pj-change{
	margin: 10px 0 0 15px;
	text-align: left;;
}

#uidata-search-entryinfo{
/*	margin-top: 10px;*/
	margin-bottom: 10px;
	height: 43px;
	text-align: left;
	background: url(img-kojin/search/entryinfo-back.gif) bottom;
}

#uidata-search-entryinfo h3{
	display: inline;
}

#uidata-search-entryinfo img{
	vertical-align: middle;
}

#uidata-search-entryinfo span{
	font-size: 11px;
}

/* result-pj */
#uidata-result{
	text-align: left;
	margin: 15px 0px 50px 0px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}

#uidata-result table{
	clear: both;
	width: 100%;
	font-size: 82%;
	background-color: #FFFFFF;
	border: 1px #CCCCCC solid;
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: collapse;
}

#uidata-result col.c01{
	width: 43%;
}

#uidata-result col.c02{
	width: 35%;
}

#uidata-result col.c03{
	width: 12%;
}


#uidata-result col.c04{
	width: 10%;
}

#uidata-result td{
	padding: 8px;
	text-align: left;
	border-bottom: 1px #CCCCCC dashed;
}

#uidata-result th{
	padding: 8px;
	text-align: left;
	border-bottom: 1px #CCCCCC solid;
	background: url(img-kojin/result/result_th.jpg) no-repeat left top;
	color: #006600;
}


/* result-pk */
#uidata-result-pk{
	text-align: left;
	margin: 15px 0px 50px 0px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}

#uidata-result-pk table{
	clear: both;
	width: 100%;
	font-size: 82%;
	background-color: #FFFFFF;
	border: 1px #CCCCCC solid;
	margin-top: 5px;
	margin-bottom: 5px;
	border-collapse: collapse;
}

#uidata-result-pk col.c01{
	width: 30%;
}

#uidata-result-pk col.c02{
	width: 30%;
}

#uidata-result-pk col.c03{
	width: 20%;
}

#uidata-result-pk col.c04{
	width: 10%;
}

#uidata-result-pk col.c05{
	width: 10%;
}

#uidata-result-pk td{
	padding: 8px;
	text-align: left;
	border-bottom: 1px #CCCCCC dashed;
}

#uidata-result-pk th{
	padding: 8px;
	text-align: left;
	border-bottom: 1px #CCCCCC solid;
	background: url(img-kojin/result/result_th.jpg) no-repeat left top;
	color: #006600;
}


/* detail */
#uidata-detail{
	text-align: left;
	margin: 15px 0px 50px 0px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}

#uidata-detail p.detail-back{
	width: 100%;
	text-align: right;
}

#detail-companyname{
	clear: both;
	background: url(img-kojin/detail/company.jpg) no-repeat left top;
	border-top: 3px #99CC00 solid;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px 5px 10px 15px;
	color: #006600;
}

#detail-companyname h4{
	display: inline;
}

#detail-companyname p{
	font-size: 11px;
}

#detail-companyname span{
	font-size: 11px;
}

#detail-companyname span a:link {color: #006699; text-decoration: none;}
#detail-companyname span a:visited {color: #006699; text-decoration: none;}
#detail-companyname span a:active {color: #006699; text-decoration: none;}
#detail-companyname span a:hover {color: #FF6600; text-decoration: : underline;}

#detail-bt{
	float: right;
}

#detail-bt form{
	display: inline;
	margin-left: 5px;
}

#detail-bt input#add{
	border: 0;
	width: 275px;
	height: 30px;
	cursor: pointer;
	background:url('img-kojin/detail/add-fv.gif') no-repeat;
	margin-bottom: 5px;
}

#detail-bt input#del{
	border: 0;
	width: 275px;
	height: 30px;
	cursor: pointer;
	background:url('img-kojin/detail/del-fv.gif') no-repeat;
	margin-bottom: 5px;
}

#detail-bt input#detail-entrybt{
	border: 0;
	width: 275px;
	height: 30px;
	cursor: pointer;
	background:url('img-kojin/detail/entry.jpg') no-repeat;
	margin-bottom: 5px;
}

#detail-bt02{
	margin-top: 10px;
}

#detail-bt02 input#add{
	border: 0;
	width: 275px;
	height: 30px;
	cursor: pointer;
	background:url('img-kojin/detail/add-fv.gif') no-repeat;
	margin-bottom: 5px;
}

#detail-bt02 input#del{
	border: 0;
	width: 275px;
	height: 30px;
	cursor: pointer;
	background:url('img-kojin/detail/del-fv.gif') no-repeat;
	margin-bottom: 5px;
}

/* data */
#uidata-detail table.pjdata{
	clear: both;
	width: 100%;
	font-size: 82%;
	border: 1px #CCCCCC solid;
/*	margin-top: 10px;*/
	margin-bottom: 15px;
	border-collapse: collapse;
}

#uidata-detail table.pjdata td{
	border: 1px #CCCCCC solid;
	padding: 5px;
	width: 520px;
}

#uidata-detail table.pjdata th{
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
	background: url(img-kojin/detail/detail_th.jpg) no-repeat left top;
	font-weight: normal;
	color: #006600;
}

#uidata-detail table.pjdata th.title{
	background: url(img-kojin/detail/detail_th02.jpg) no-repeat left top;
}

/* list */
#uidata-detail table.detail-kj-list{
	width: 100%;
	font-size: 82%;
	border: 1px #CCCCCC solid;
	margin-top: 10px;
	margin-bottom: 15px;
	border-collapse: collapse;
}

#uidata-detail table.detail-kj-list COL.c01{
	width: 50%;
}

#uidata-detail table.detail-kj-list COL.c02{
	width: 30%;
}

#uidata-detail table.detail-kj-list COL.c03{
	width: 10%;
}

#uidata-detail table.detail-kj-list COL.c04{
	width: 10%;
}

#uidata-detail table.detail-kj-list td{
	border: 1px #CCCCCC solid;
	padding: 5px;
}

#uidata-detail table.detail-kj-list th{
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
	background: url(img-kojin/detail/detail_th.jpg) no-repeat left top;
	font-weight: normal;
	color: #006600;
}

#detail-photos{
	width: 600px;
	margin-left: 45px;
	text-align: center;
}

#detail-photos img{
/*	margin: 0px 20px 0px 20px;*/
	border: 1px #CCCCCC solid;
}

#detail-photos p{
	text-align: center;
	margin-bottom: 20px;
}

#detail-photos-r{
	width: 300px;
	float: right;
}

#detail-photos-l{
	width: 300px;
	float: left;
}

/* login */
#uidata-login{
	text-align: left;
	margin: 15px 0px 0px 0px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}

#uidata-login form{
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 20px;
	border: 1px #CCCCCC solid
}

#uidata-login form input.txtarea{
	width: 150px;
	height: 20px;
	border: 1px #666666 solid;
	ime-mode: disabled;	/* ime-mode指定を追記（2008/02/10 畠中） */
}

#uidata-login table{
	margin-bottom: 10px;
	font-size: 82%;
}

#uidata-login table td{
	padding: 5px;
}

#uidata-login table th{
	width: 100px;
	background-color: #f4f4f4;
	border-left: 3px #666666 solid;
	padding: 5px;
	text-align: left;
}

#uidata-login ul{
	font-size: 82%;
	margin-bottom: 20px;
	margin-left: 10px;
	list-style-type: none;
	line-height: 160%;
}



/* entry */
#uidata-entry{
	text-align: left;
	margin: 15px 0px 20px 0px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}

#uidata-entrybox{
	border: 1px #CCCCCC solid;
	margin-top: 15px;
	padding: 0px 10px 30px 10px;
	text-align: center;
	background-color: #FFFFEC;
}

#uidata-entrybox h4{
	margin: 25px 0px 5px 0px;
	font-size: 94%;
	color: #993300;
}

#uidata-entrybox table{
	width: 95%;
	font-size: 82%;
	border: 1px #CCCCCC solid;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

#uidata-entrybox table td{
	width: 450px;
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
}

#uidata-entrybox table td.disponry{
	color: #666666;
}

#uidata-entrybox table th{
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
	background: url(img-kojin/detail/detail_th.jpg) no-repeat left top;
	font-weight: normal;
	color: #006600;
}

#uidata-entrybox table img{
	vertical-align: middle;
}

#uidata-entrybox table th.title{
	background: url(img-kojin/detail/detail_th02.jpg) no-repeat left top;
}

#uidata-entry p.entry-back{
	text-align: right;
	margin-top: 5px;
}

#uidata-entry input.bt{
	margin-top: 10px;
	padding: 3px;
}

#uidata-entry ul{
	font-size: 13px;
	margin-left: 20px;
}
#uidata-entry ul li{
	padding-top: 5px;
}



/* regulation */
#uidata-regulation{
	text-align: left;
	margin: 15px 0px 20px 0px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}

#uidata-regulation p{
	margin-bottom: 10px;
}

#uidata-regulation textarea{
	margin: 15px 0px  20px 80px;
}

#uidata-regulation-agree{
	margin-bottom: 50px;
	text-align: center;
}




/* regist */
#uidata-regist{
	text-align: left;
	margin: 15px 0px 20px 0px;
	padding-top: 10px;
	border-top: 1px #CCCCCC solid;
}

#uidata-registbox{
	border: 1px #CCCCCC solid;
	margin-top: 15px;
	padding: 0px 10px 30px 10px;
	text-align: center;
	background-color: #FFFFEC;
}

#uidata-regist p img{
	vertical-align: middle;
	margin-right: 3px;
	margin-bottom: 1px;
}


#uidata-registbox table{
	width: 95%;
	font-size: 82%;
	border: 1px #CCCCCC solid;
	margin: 35px auto 15px auto;
	border-collapse: collapse;
	background-color: #FFFFFF;
}

#uidata-registbox table td{
	width: 450px;
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
}

#uidata-registbox table td.disponry{
	color: #666666;
}

#uidata-registbox table th img{
	margin-bottom: 1px;
}

#uidata-registbox table th{
	border: 1px #CCCCCC solid;
	padding: 5px;
	text-align: left;
	background: url(img-kojin/detail/detail_th.jpg) no-repeat left top;
	font-weight: normal;
	color: #006600;
}

#uidata-registbox table img{
	vertical-align: middle;
}

#uidata-registbox table th.title{
	background: url(img-kojin/detail/detail_th02.jpg) no-repeat left top;
}

#uidata-regist input.bt{
	margin-top: 10px;
	padding: 3px;
}

#uidata-regist ul{
	font-size: 82%;
	margin: 20px 20px 20px 20px;
}

#uidata-regist ul li{
	padding-bottom: 5px;
}

#uidata-regist ol{
	font-size: 82%;
	margin: 20px 20px 20px 20px;
}

#uidata-regist ol li{
	padding-bottom: 5px;
}

#uidata-regist table.complete{
	margin: 20px 0px 20px 5px;
}

#uidata-regist table.complete th{
	text-align: left;
	padding: 5px;
	border-bottom: 1px #CCCCCC solid;
	background-color: #F4F4F4;
}

#uidata-regist table.complete td{
	padding: 5px 30px 5px 20px;
	border-bottom: 1px #CCCCCC solid;
}

/*
 以下、ime-mode指定クラスを追記。（2008/02/10 畠中）
 ※background-colorは、設定確認の為の一時指定です。最終的には外します。
*/

input.ime_disabled, 
textarea.ime_disabled
{
	ime-mode: disabled;
}

input.ime_disabled_right, 
textarea.ime_disabled_right
{
	text-align:right;
	padding-right: 1px;
	ime-mode: disabled;
}

input.ime_active, 
textarea.ime_active
{
	ime-mode: active;
}

/* ↓※現時点では未使用 */
input.ime_inactive, 
textarea.ime_inactive
{
	ime-mode: inactive;
}
