@charset "Shift_JIS";


/* container (一覧)
----------------------------------------------- */
#containerJobHeader,
#containerJobSpecial,
#containerJobPickup,
#containerJobRecommend,
#containerJobNormal,
#containerJobSearch,
#containerJobExplain {
	margin:0;
	padding:0;
	width:979px;
	clear:both;
	border-bottom:1px solid #ccc;
}

#containerJobHeader {
	position:relative;
	height:135px;
}

#containerJobHeader h1 {
	position:absolute;
	top:30px;
	left:34px;
	text-indent:-9999px;
}

#containerJobHeader h1 a {
	display:block;
	width: 424px;
	height: 30px;
	background:url(../image/site2013/interior_job_logo.jpg) no-repeat;
}

#containerJobHeader .caption {
	position:absolute;
	top:81px;
	left:58px;
	text-indent:-9999px;
	width: 612px;
	height: 29px;
	background:url(../image/site2013/interior_job_caption.jpg) no-repeat;
}

#containerJobHeader .button {
	position:absolute;
	top:30px;
	right:30px;
	width:185px;

}

#containerJobHeader .button ul {
	list-style:none;
}

#containerJobHeader .button ul li {
	text-indent:-9999px;
	list-style:none;
	margin-bottom:25px;
}

#containerJobHeader .button ul li.company a {
	display:block;
	width:183px;
	height:27px;
	background:url(../image/site2013/job_button_company.jpg) no-repeat;
}

#containerJobHeader .button ul li.user a {
	display:block;
	width:183px;
	height:27px;
	background:url(../image/site2013/job_button_user.jpg) no-repeat;
}

#containerJobHeader .button ul li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity:0.70;
}


#containerJobSpecial h2,
#containerJobPickup h2,
#containerJobRecommend h2,
#containerJobNormal h2,
#containerJobSearch h2 {
	text-indent:-9999px;
	margin:30px 0 9px 15px;
	padding:0;
	width:979px;
	height:23px;
	background:url(../image/site2013/title_job.gif) no-repeat;
}

#containerJobRecommend h2 {
	background-position:0 0px;
}

#containerJobPickup h2 {
	background-position:0 -23px;
	clear:both;
}

#containerJobNormal h2 {
	background-position:0 -46px;
}

#containerJobSearch h2 {
	background-position:0 -69px;
}

#containerJobSpecial h2 {
	background-position:0 -92px;
}

#containerJobSpacial .more,
#containerJobPickup .more,
#containerJobRecommend .more,
#containerJobNormal .more {
	margin:0;
	padding:0;
	width:979px;
	clear:both;
	border-top:1px solid #ccc;
	height:50px;
	line-height:50px;
	text-align:center;
}


#containerJobExplain h2 {
	margin:35px 0 16px 50px;
	padding:0;
	width:780px;
	height:2em;
	font-weight:normal;
	font-size:16px;
	text-indent:15px;
	line-height:2em;
	border-left: 3px solid #333;
}

#containerJobExplain ul.head {
	margin:10px auto;
	width:979px;
	height:40px;
	background:#ecebea;
}

#containerJobExplain ul.head li {
	float:left;
	margin-left:5px;
	margin-top:5px;
	width:200px;
	height:30px;
	text-align:center;
	line-height:30px;
}

#containerJobExplain ul.head li.about {
	margin-left:68px;
}

#containerJobExplain ul.head li a {
	display:block;
	width:200px;
	height:30px;
}

#containerJobExplain ul.head li a:hover {
	background:#fbfaf4;
}


#containerJobExplain h3 {
	margin:35px 0 5px 68px;
	padding:0;
	width:780px;
	height:1.8em;
	font-weight:normal;
	font-size:16px;
	line-height:1.8em;
	text-indent:15px;
	border-left: 3px solid #333;
}

#containerJobExplain .text {
	margin:20px 0 0px 88px;
	width:780px;
	
}

#containerJobExplain .text a {
	color:#0782c1;
}

#containerJobExplain .text table {
	border-collapse:collapse;
}


#containerJobExplain .text table th,
#containerJobExplain .text table td {
	width:130px;
	height:80px;
	padding:5px;
	text-align:center;
	border: 1px solid #ccc;
	vertical-align:middle;
}

#containerJobExplain .text table th {
	font-weight:bold;
	background:#ecebea;
}

#containerJobExplain .text table td.desc {
	width:240px;
}

#containerJobExplain .text table td.desc2 {
	text-align:left;
	padding:5px 10px;
}

#containerJobExplain .text table th.top,
#containerJobExplain .text table td.top {
	height:30px;
	font-weight:bold;
}

#containerJobExplain a.job_form_link {
	display:block;
	text-indent:-9999pt;
	width:145px;
	height:27px;
	background:url(../image/site2013/job_button_form.jpg) no-repeat;
}

#containerJobExplain a.job_form_link:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.70;
	-khtml-opacity: 0.70;
	opacity:0.70;
}


#containerJobExplain #error_message {
	margin: 0 0 20px 88px;
	color:#ff0000;
}

#containerJobExplain .required {
	color:#ff0000;
}


#containerJobExplain table.form {
	border-collapse: collapse;
	margin:20px 0 0px 88px;
	padding: 0;
	width: 780px;
}

#containerJobExplain table.form td{
	padding: 10px 10px;
}

#containerJobExplain table.form td.left{
	border: 1px solid #ccc;
	background-color: #fbfaf4;
	margin: 0;
	padding: 10px 25px;
	width: 250px;
}

#containerJobExplain table.form td.right{
	border: 1px solid #ccc;
	margin: 0;
	padding: 10px 10px 10px 20px;
	width: 450px;
}

#containerJobExplain table.form td.bottom{
	text-align: center;
}


/* 1行ボックス
----------------------------------------------- */
#job_box1{
	width:979px;
	height:332px;
	border-top:1px solid #ccc;
	overflow:hidden;
	position:relative;
}

#job_box1 ul{
	margin:0;
	padding:0;
}

#job_box1 div.image, 
#job_box1 div.job_data{
	float:left;
	margin:16px 0 16px 16px;
}

#job_box1 div.image {
	width:450px;
}

#job_box1 div.job_data {
	width:480px;
}

#job_box1 div.image img {
	width:450px;
}

#job_box1 li{
	margin:0;
}

#job_box1 li.title {
	width:480px;
	font-size:13px;
	height:32px;
	line-height:32px;
	text-indent:16px;
	background:#ecebea;
	font-weight:bold;
	overflow:hidden;
}

#job_box1 li.info{
	float:left;
	width:480px;
	margin-top:10px;
	font-size:11px;
}

#job_box1 li.info img {
	float:right;
	width:220px;
	margin-top:5px;
	margin-bottom:10px;
}

#job_box1 li.detail{
	clear:both;
	float:left;
	width:440px;
	height:60px;
	margin:10px 0 0 0px;
	padding:10px 20px;
	border:1px solid #ccc;
	background:#fff;
	overflow:hidden;
	font-size:11px;
	line-height:22px;
}

#job_box1 dl {
	float:left;
	width:240px;
	margin-left:10px;
}

#job_box1 dl dt.name {
	clear:both;
	width:240px;
	height:25px;
	line-height:25px;
	float:left;
	overflow:hidden;
}

#job_box1 dl dt.label {
	clear:both;
	width:70px;
	height:25px;
	line-height:25px;
	float:left;
}

#job_box1 dl dd.value {
	width:150px;
	height:25px;
	line-height:25px;
	float:left;
	overflow:hidden;
}


/* 2行ボックス
----------------------------------------------- */
#job_box2, #job_box2_r{
	float:left;
	width:489px;
	height:227px;
	border-top:1px solid #ccc;
	overflow:hidden;
	position:relative;
}

#job_box2 {
	border-right:1px solid #ccc;
}

#job_box2 ul, #job_box2_r ul{
	margin:0;
	padding:0;
	width:243px;
	height:240px;
}

#job_box2 li, #job_box2_r li{
	margin:16px 0 0 16px;
}

#job_box2 li.title, #job_box2_r li.title{
	width:457px;
	font-size:13px;
	height:32px;
	line-height:32px;
	text-indent:16px;
	background:#ecebea;
	font-weight:bold;
	overflow:hidden;
}


#job_box2 li.info, #job_box2_r li.info{
	width:457px;
	font-size:11px;
}

#job_box2 li.info img, #job_box2_r li.info img {
	float:left;
	width:220px;
}

#job_box2 li.info dl, #job_box2_r li.info dl {
	float:right;
	width:220px;
}


#job_box2 dl dt.name, #job_box2_r dl dt.name {
	clear:both;
	width:220px;
	height:25px;
	line-height:25px;
	float:left;
	overflow:hidden;
}

#job_box2 dl dt.label, #job_box2_r dl dt.label {
	clear:both;
	width:60px;
	height:25px;
	line-height:25px;
	float:left;
}

#job_box2 dl dd.value, #job_box2_r dl dd.value {
	width:150px;
	height:25px;
	line-height:25px;
	float:left;
	overflow:hidden;
}



/* 4行ボックス
----------------------------------------------- */
#job_box3, #job_box3_r{
	float:left;
	width:244px;
	height:403px;
	border-top:1px solid #ccc;
	overflow:hidden;
	position:relative;
}

#job_box3 {
	border-right:1px solid #ccc;
}

#job_box3 ul, #job_box3_r ul{
	margin:0;
	padding:0;
	width:212px;
	height:240px;
}

#job_box3 li, #job_box3_r li{
	margin:12px 0 0 16px;
}

#job_box3 li.time, #job_box3_r li.time{
	width:212px;
	font-size:11px;
	font-weight:bold;
	overflow:hidden;
}

#job_box3 li.time span, #job_box3_r li.time span {
	color:#FF3333;
	float:right;
}

#job_box3 li.title, #job_box3_r li.title{
	margin-top:4px;
	width:212px;
	font-size:13px;
	height:32px;
	line-height:32px;
/*	text-indent:16px;*/
	padding:0 10px 0 16px;
	background:#ecebea;
	font-weight:bold;
	overflow:hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;

}


#job_box3 li.info, #job_box3_r li.info{
	width:212px;
	font-size:11px;
}

#job_box3 li.info img, #job_box3_r li.info img {
	width:212px;
	margin-bottom:10px;
}

#job_box3 li.info dl, #job_box3_r li.info dl {
	width:212px;
}


#job_box3 dl dt.name, #job_box3_r dl dt.name {
	clear:both;
	width:212px;
	height:25px;
	line-height:25px;
	float:left;
	overflow:hidden;
}

#job_box3 dl dt.label, #job_box3_r dl dt.label {
	clear:both;
	width:60px;
	height:25px;
	line-height:25px;
	float:left;
}

#job_box3 dl dd.value, #job_box3_r dl dd.value {
	width:150px;
	height:25px;
	line-height:25px;
	float:left;
	overflow:hidden;
}

#job_box3 dl dt.icon, #job_box3_r dl dt.icon {
	clear:both;
	padding-top:15px;
}



.clear_job_box2 {
	float:left;
	width:489px;
	height:225px;
	border-top:1px solid #ccc;
}

.clear_job_box3_1 {
	float:left;
	width:734px;
	height:355px;
	border-top:1px solid #ccc;
}
.clear_job_box3_2 {
	float:left;
	width:489px;
	height:355px;
	border-top:1px solid #ccc;
}
.clear_job_box3_3 {
	float:left;
	width:244px;
	height:355px;
	border-top:1px solid #ccc;
}



div.job_data_end {
	position:absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	height:100%;
	background:url(../image/site2013/job_end_label.png) no-repeat left bottom;
	text-indent:-9999pt;
}



/* こだわりアイコン
----------------------------------------------- */
.job_category3_1,
.job_category3_2,
.job_category3_3,
.job_category3_4,
.job_category3_5,
.job_category3_6,
.job_category3_7,
.job_category3_8 {
	float:left;
	margin:5px 0 0 0;
	width:105px;
	height:18px;
	background:url(../image/site2013/job_category3_icon.png) no-repeat;
	overflow:hidden;
	text-indent:-9999pt;
}
.job_category3_2 {
	background-position:0 -18px;
}
.job_category3_3 {
	background-position:0 -36px;
}
.job_category3_4 {
	background-position:0 -54px;
}
.job_category3_5 {
	background-position:0 -72px;
}
.job_category3_6 {
	background-position:0 -90px;
}
.job_category3_7 {
	background-position:0 -108px;
}
.job_category3_8 {
	background-position:0 -126px;
}


#search_box {
	width:979px;
	line-height:3em;
	border-top:1px solid #ccc;
	overflow:hidden;
	text-align:center;
}

#search_box form {
	margin:20px 0 10px 0;
}


/* 詳細ベージ
----------------------------------------------- */

#containerJob {
	margin:0;
	padding:0;
	width:979px;
	border-bottom:1px solid #ccc;
	float:left;
}


#containerJobDetail {
	margin:0;
	padding:0;
	width:740px;
	border-right:1px solid #ccc;
	float:left;
}

#containerJobDetail h1 {
	margin:35px 0 16px 50px;
	padding:0;
	width:640px;
	height:2em;
	font-weight:normal;
	font-size:16px;
	text-indent:15px;
	line-height:2em;
	border-left: 3px solid #333;
}

#containerJobDetail #plugin {
	margin:35px 0 16px 0;
	padding:0;
	float:left;
	width:250px;
	height:25px;
	line-height:25px;
}

#containerJobDetail #plugin #tweet {
	float:right;
}

#containerJobDetail #text {
	width:640px;
	margin:25px 0 15px 50px;
	padding:0;
}

#containerJobDetail #text img.img_s {
	width:320px;
	margin:0 30px 20px 0;
}

#containerJobDetail #text img.img_s2 {
	width:250px;
	float:right;
	margin:0 0 10px 30px;
}

#containerJobDetail #text img.img_l {
	width:640px;
	margin:0 0 20px 0;
}

#containerJobDetail #text p {
	margin:10px 0;
}

#containerJobDetail #text p.writing {
	clear:both;
	text-align:right;
}

#containerJobDetail #text #pager{
	margin: 0;
	padding: 15px 0 25px 0;
	text-align: center;
}

#containerJobDetail #text #pager a.page {
	border: 1px dotted #888;
	padding: 8px 13px;
	margin: 0px;
	color: #666;
}

#containerJobDetail #text #pager a.page:hover {
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}

#containerJobDetail #text #pager .page_on {
	border: 1px solid #888;
	background-color: #ecebea;
	padding: 8px 13px;
	margin: 0px;
}

#containerJobInfo {
	margin:30px 0 0 0;
	padding:0 0 40px 0;
	width:740px;
	background:#fbfaf4;
	border-top:1px solid #ccc;
	clear:both;
}

#containerJobInfo #job,
#containerJobInfo #company {
	clear:both;
	width:640px;
	margin:40px 0 0 50px;
	padding:0;
}

#containerJobInfo #job h2,
#containerJobInfo #company h2 {
	height:2em;
	font-size:16px;
	font-weight:normal;
	margin-bottom:15px;
	line-height:2em;
	border-left: 3px solid #333;
	text-indent:15px;
}

#containerJobInfo #job dl dt,
#containerJobInfo #company dl dt {
	clear:both;
	float:left;
	width:160px;
	margin-top:15px;
	margin-left:15px;
	padding-top:15px;
	text-indent:15px;
	border-top:1px solid #ccc;
}

#containerJobInfo #job dl dt.icon {
	clear:both;
	margin-top:30px;
	margin-left:175px;
	padding-top:0;
	width:450px;
	border-top:none;

}

#containerJobInfo #job dl dd,
#containerJobInfo #company dl dd {
	float:left;
	width:450px;
	margin-top:15px;
	padding-top:15px;
	border-top:1px solid #ccc;
}

#containerJobInfo #company dl dd a,
#containerJobInfo #job dl dd a {
	color:#0782c1;
}

#containerJobInfo #job .job_detail_end {
	margin-top:15px;
	margin-left:15px;
	width:640px;
	color:#ff0000;
}

#containerJob #job_plugin {
	margin:30px 0 16px 50px;
	padding:0;
	float:left;
	width:250px;
	height:25px;
	line-height:25px;
}

#containerJob #job_plugin #tweet {
	float:right;
}


#containerNewJobList {
	margin:0;
	padding:0;
	width:238px;
	float:right;
}

#containerNewJobList h2 {
	text-indent:-9999px;
	margin:40px 0 0 0;
	padding:0;
	width:238px;
	height:23px;
	background:url(../image/site2013/title_common2.gif) no-repeat 19px 0;
	border-bottom:1px solid #ccc;
}


#containerNewJobList div{
	width:238px;
	margin:0;
	padding:0;
/*	border-bottom:1px solid #ccc;*/
}


#containerNewJobList dl{
	padding:20px 19px 10px 19px;
}

#containerNewJobList dl dt img {
	width:200px;
}

#containerNewJobList dl dd {
	margin-top:5px;
	font-size:11px;
}


/*if you just want to adjust the size of the stage and the thumbnails, you can do so by editing the following lines: */
.pika-thumbs li{width: 154px; height:103px;}
.pika-stage {height: 427px;}

.pikachoose {width: 648px; margin: 0 auto;}
.pika-stage {position: relative;}
	
/*if you change the padding on pika-stage you must adjust the top left of this to match! */
.pika-stage .main-image {position: absolute; top: 0px; left: 0px;}
.pika-stage .pika-aniwrap{position: absolute; top: 0px; left: 0px;}
.pika-stage .pika-ani {position:relative;display: none;z-index:2;margin:0 auto;}
.pika-stage img {border:0;height:100%;}

.pika-stage .caption {position: absolute; background: url(75-black.png);  border: 1px solid #141414; font-size: 11px; 
color: #fafafa; padding: 10px; text-align: right; bottom: 10px; right: 10px;}
.pika-stage .caption p {padding: 0; margin: 0; line-height: 14px;}

.pika-imgnav a {position: absolute; text-indent: -5000px; display: block;z-index:3;cursor:pointer;}
.pika-imgnav a.previous {width:20px;height:20px;border-left: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:50%;left:20px;}
.pika-imgnav a.next {width:20px;height:20px;border-right: 5px solid #FFF;border-top: 5px solid #FFF;opacity:0;-webkit-transition: opacity 300ms linear;
-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);transform: rotate(45deg);top:50%;right:28px;}
.pika-imgnav a:hover{opacity:.8;-webkit-transition: opacity 300ms linear;}	

.pika-imgnav a.play  {border-color: transparent transparent rgba(255,255,255,.7);border-style: solid;border-width: 0 0 25px 25px;height: 0;width: 0;position:absolute;
-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);transform: rotate(-45deg);top:14px;left:47%;display:none;}
.pika-imgnav a.pause {display:none;border-left:5px solid rgba(255,255,255,.7);border-right:5px solid rgba(255,255,255,.8);height: 30px;width: 14px; position:absolute;top:10px;left:47%;}

.pika-textnav {display:none;}

.pika-thumbs {margin: 8px 0 0 0; padding: 0;}
.pika-thumbs li {float: left; list-style-type: none;margin: 0 8px 0 0 ;cursor: pointer;}

.pika-thumbs li:last {margin: 0;}
.pika-thumbs li .clip {position:relative;height:100%;text-align: center; vertical-align: center; overflow: hidden;}

.pika-counter{display:none;}