@charset "utf-8";

/***********************************/
/* タブレットデザイン          */
/***********************************/
@media only screen and (min-width:641px) and (max-width:910px) {
	/***********************************/
	/* 共通                            */
	/***********************************/
	body
	{
		font-size:14px;
		padding:12px;
	}
	div#container
	{
		padding:8px;
	}

	/***********************************/
	/* トップページ                    */
	/***********************************/
	#pagetop .mainContent
	{
 		float:none;
		width: 100%;
	}
	#pagetop .sideContent
	{
		padding-top:0px;
 		float:none;
		width: 100%;
	}

	/***********************************/
	/* 検索詳細                        */
	/***********************************/
	#searchDetail .mainContent
	{
 		float:none;
		width: 100%;
	}
	#searchDetail .sideContent
	{
		padding-top:0px;
 		float:none;
		width: 100%;
	}

	/***********************************/
	/* 仕事一覧                        */
	/***********************************/
	#joblist .result .pagemanager
	{
		text-align:center;
	}
	#joblist .joblist .job
	{
		border-color:#67bcff;
		background-color:#ffffff;
	}
	#joblist .joblist .job > .inline
	{
		border-width:0px;
		background-color:transparent;
		position:relative;
		padding-bottom:48px;
	}
	#joblist .joblist .job .heading h3
	{
		float:none;
	}
	#joblist .joblist .job .heading h3 a
	{
		display:block;
		position:relative;
	}
	#joblist .joblist .job .heading h3 a:after
	{
		position:absolute;
		content:url("../original/images/link_arrow.png");
		right:0%;
	}
	#joblist .joblist .job .heading ul.buttons
	{
		position:absolute;
		left:0px;
		bottom:4px;
		margin:0;
		padding:0;
		text-align:center;
		float:none;
		width:100%;
	}
	#joblist .joblist .job .heading ul.buttons li
	{
		position:static;
		width:48%;
		margin: 0px 2px;
	}
	#joblist .joblist .job .heading ul.buttons li a.button
	{
		padding:4px 0px;
		text-align:center;
		font-size:120%;
		width:100%;
	}
	#joblist .joblist .job .heading ul.buttons li a.button:after
	{
		content:none;
	}
	#joblist .joblist .job .heading p.jobtype
	{
		clear:none;
	}
	#joblist .joblist .job .salery
	{
		max-width:73%;
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#joblist .joblist .job .salery .wage,
	#joblist .joblist .job .salery .access
	{
		display:block;
	}
	#joblist .joblist .job .salery .wage strong.header,
	#joblist .joblist .job .salery .access strong.header
	{
		float:left;
		width:64px;
	}
	#joblist .joblist .job .salery .wage .message,
	#joblist .joblist .job .salery .access .message
	{
		display:block;
		margin-left:64px;
	}

	/***********************************/
	/* 仕事詳細                        */
	/***********************************/
	#jobDetail .detailContent .jobinformation .jobdescription > div,
	#jobDetail .detailContent .jobinformation .businessdescription > div,
	#jobDetail .detailContent .jobrecruitment > div,
	#jobDetail .detailContent .entryinformation .contents > div
	{
		font-size:100%;
	}
	#jobDetail .detailContent .jobinformation
	{
		float:none;
		width:auto;
	}
	#jobDetail .detailContent .jobrecruitment
	{
		float:none;
		width:auto;
	}
	#jobDetail .detailContent .jobinformation h3
	{
		position:relative;
	}
	#jobDetail .detailContent .jobinformation h3:after
	{
		position:absolute;
		right:2%;
	}
	#jobDetail .detailContent .jobinformation .open h3:after
	{
		content:url("../original/images/rsform_minus.png");
	}
	#jobDetail .detailContent .jobinformation .close h3:after
	{
		content:url("../original/images/rsform_plus.png");
	}
	#jobDetail .detailContent .jobinformation .contents
	{
		display:none;
	}
	#jobDetail .detailContent .entryinformation
	{
		margin-top:8px;
	}
	#jobDetail .detailContent .jobrecruitment strong.header
	{
		width:120px;
	}
	#jobDetail .detailContent .jobrecruitment .contents .content
	{
		margin-left:136px;
	}
}