@charset "utf-8";

/***********************************/
/* スマートフォンデザイン          */
/***********************************/
@media only screen and (max-width: 640px) {
	/***********************************/
	/* 共通                            */
	/***********************************/
	body
	{
		padding:12px;
		font-size:14px;
	}
	div#container
	{
		padding:8px;
		background-color:#ffffff;
		min-width:306px;
	}
	a
	{
		color: #0055dd;
	}
	h3
	{
		padding: 4px 8px;
		background-color:#014099;
		color:#ffffff;
		margin: 8px 0px;
	}
	select
	{
		padding:4px;
		width:100%;
	}
	input[type=text],
	input[type=url]
	{
		padding:4px;
		width:97%;
	}
	textarea
	{
		padding:4px;
		width:97%;
		height:80px;
	}
	input.button
	{
		padding:8px 0px;
		width:100%;
		background-color:#67bcff;
		border:none;
		color:#ffffff;
		letter-spacing:2px;
		border-radius:8px;
	}
	input[type="button"],
	input[type="submit"]
	{
		-webkit-appearance: none;
	}
	input.button:hover
	{
		background-color:#b6eeff;
	}
	a.button
	{
		padding:0px 8px;
		display:block;

		background-color:#67bcff;
		border:none;
		border-radius:8px;

		text-align:center;
		text-decoration:none;
		letter-spacing:4px;
		color:#ffffff;
	}
	a.button:hover
	{
		background-color:#b6eeff;
	}

	/* 共通ヘッダー */
	#header
	{
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#cccccc;
		margin-bottom:20px;
	}
	#header .title
	{
		font-size:120%;
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}

	/* ロケスマ */
	.locasma_map a
	{
		display:block;
		margin:8px 0px;
		padding:8px 0px;
		background-color:#014099;
		border-radius:8px;

		text-align:center;
		font-size:120%;
		color:#ffffff;
	}
	.locasma_map a:hover
	{
		background-color:#3170c9;
	}
	.locasma_map a:before
	{
		position:relative;
		top:4px;

		content:url("../original/images/locasma_mark.png");
		margin-right:8px;
	}

	/* パンくず部品 */
	.pankuzuObj ul
	{
		text-align:right;
	}
	.pankuzuObj li
	{
		font-size:90%;
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}

	/* 水平リンク部品 */
	.flatlink
	{
		font-size:90%;
		text-align:right;
	}
	.flatlink a,
	.flatlink span.reserved
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}

	/* ソーシャル部品 */
	.social ul
	{
		text-align:right;
	}
	.social li
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	.social li *
	{
		vertical-align:middle;
	}

	/* 共通フッター */
	#footer
	{
		margin-top:36px;
	}
	#footer .menu ul
	{
		text-align:center;
	}
	#footer .menu li
	{
		padding: 0px 4px;
		border-right-width:1px;
		border-right-style:solid;
		border-right-color:#999999;
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#footer .menu li:first-child
	{
		border-left-width:1px;
		border-left-style:solid;
		border-left-color:#999999;
	}
	#footer .menu .copywrite
	{
		text-align:center;
	}
	#footer .pagetop
	{
		text-align:right;
	}

	/***********************************/
	/* トップページ                    */
	/***********************************/
	#pagetop .headContent .brand-image img
	{
		width:100%;
	}
	#pagetop .freewordForm
	{
		min-width:288px;
		margin:8px 0px;
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#pagetop .freewordForm div
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#pagetop .freewordForm input#freeword
	{
		height:24px;
		width:216px;
	}
	#pagetop .freewordForm input.button
	{
		padding:8px 16px;
		width:auto;
	}
	#pagetop .areaLink
	{
		display:none;
	}

	/***********************************/
	/* トップページの都道府県マップ    */
	/***********************************/
	#pagetop #mapObj .hidden
	{
		display:none !important;
	}
	#pagetop #mapObj .map
	{
		display:none;
	}
	#pagetop #mapObj .catch
	{
		display:none;
	}
	#pagetop #mapObj .area > ul
	{
		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#a5a5a5;
	}
	#pagetop #mapObj .area > ul > li
	{
		border-width:1px;
		border-style:solid;
		border-color:#a5a5a5;
		border-bottom-width:0px;
	}
	#pagetop #mapObj .area > ul > li p.head a
	{
		color:#000000;
		padding:8px;
		display:block;
		text-decoration:none;
		cursor:default;
	}
	#pagetop #mapObj .area > ul > li p.head a:after
	{
		position:absolute;
		content:url("../original/images/acmark.png");
		right:10%;
		width:30px;
		height:30px;
		background-color:#014099;
		border-radius:15px;
	}
	#pagetop #mapObj .area > ul > li p.head a:hover
	{
		background-color:#5190e9;
	}
	#pagetop #mapObj .area > ul > li p.head a.on
	{
		background-color:#5190e9;
	}
	#pagetop #mapObj .area > ul > li p.head a.on:after
	{
		content:url("../original/images/acmark_on.png");
	}
	#pagetop #mapObj .area > ul > li.a1-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a2-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a3-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a4-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a5-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a6-dead p.head a:after,
	#pagetop #mapObj .area > ul > li.a7-dead p.head a:after
	{
		background-color:#999999;
	}
	#pagetop #mapObj .area > ul > li.a1-dead,
	#pagetop #mapObj .area > ul > li.a2-dead,
	#pagetop #mapObj .area > ul > li.a3-dead,
	#pagetop #mapObj .area > ul > li.a4-dead,
	#pagetop #mapObj .area > ul > li.a5-dead,
	#pagetop #mapObj .area > ul > li.a6-dead,
	#pagetop #mapObj .area > ul > li.a7-dead
	{
		display:block;
	}
	#pagetop #mapObj .area > ul > li > ul
	{
		display:none;
	}
	#pagetop #mapObj .area > ul > li.a1-dead p.head a,
	#pagetop #mapObj .area > ul > li.a2-dead p.head a,
	#pagetop #mapObj .area > ul > li.a3-dead p.head a,
	#pagetop #mapObj .area > ul > li.a4-dead p.head a,
	#pagetop #mapObj .area > ul > li.a5-dead p.head a,
	#pagetop #mapObj .area > ul > li.a6-dead p.head a,
	#pagetop #mapObj .area > ul > li.a7-dead p.head a
	{
		color:#a5a5a5;
	}
	#pagetop #mapObj .area > ul > li ul li
	{
		color:#999999;
		padding:8px 8px 8px 40px;

		border-top-width:1px;
		border-top-style:solid;
		border-top-color:#a5a5a5;
	}
	#pagetop #mapObj .area > ul > li ul li a
	{
		color:#000000;
		display:block;
	}
	#pagetop #mapObj .area > ul > li ul li a:hover {
		text-decoration:none;
	}
	#pagetop #mapObj .area > ul > li ul li a:after {
		position:absolute;
		content:"＞";
		right:10%;
	}
	#pagetop #mapObj .area ul li * {
		font-size:16px;
	}

	/***********************************/
	/* 検索詳細                        */
	/***********************************/
	#searchDetail .areaForm input.button
	{
		margin:16px 0px;
	}
	#searchDetail .station a,
	#searchDetail .jobtype a,
	#searchDetail .jobrecruitment a,
	#searchDetail .brand a
	{
		padding:0px 8px;
		margin:0px 0px 8px 0px;

		border-right-width:2px;
		border-right-style:solid;
		border-right-color:#cccccc;

		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#searchDetail .station a:last-child,
	#searchDetail .jobtype a:last-child,
	#searchDetail .jobrecruitment a:last-child,
	#searchDetail .brand a:last-child
	{
		border-right-width:0px;
	}

	/***********************************/
	/* 仕事一覧                        */
	/***********************************/
	#joblist h2
	{
		border-left-width:20px;
		border-left-style:solid;
		border-left-color:#67bcff;
		padding: 0px 8px;
		margin-top:8px;
		margin-bottom:8px;
	}
	#joblist .headContent .pankuzuObj
	{
		display:none;
	}
	#joblist .headContent .flatlink
	{
		display:none;
	}
	#joblist .freeword.searchbox,
	#joblist .jobrecruitment.searchbox,
	#joblist .station.searchbox
	{
		border-width:1px;
		border-style:solid;
		border-color:#cccccc;
		border-top-width:0px;
		margin-bottom:8px;
	}
	#joblist .freeword.searchbox strong.header,
	#joblist .jobrecruitment.searchbox .inline > div > strong.header,
	#joblist .station.searchbox .inline > strong.header
	{
		display:block;
		position:relative;
		padding:12px 12px;

		font-size:120%;

		background-color:#eeeeee;
		border-top-width:1px;
		border-top-style:solid;
		border-top-color:#cccccc;
	}
	#joblist .freeword.searchbox strong.header:after,
	#joblist .jobrecruitment.searchbox .inline > div > strong.header:after,
	#joblist .station.searchbox .inline > strong.header:after
	{
		position:absolute;
		right:6%;
	}
	#joblist .freeword.searchbox.open strong.header:after,
	#joblist .jobrecruitment.searchbox .inline > div.open > strong.header:after,
	#joblist .station.searchbox.open .inline > strong.header:after
	{
		content:url("../original/images/rsform_minus.png");
	}
	#joblist .freeword.searchbox.close strong.header:after,
	#joblist .jobrecruitment.searchbox .inline > div.close > strong.header:after,
	#joblist .station.searchbox.close .inline > strong.header:after
	{
		content:url("../original/images/rsform_plus.png");
	}
	#joblist .freeword.searchbox.close .content,
	#joblist .jobrecruitment.searchbox .inline > div.close .content,
	#joblist .station.searchbox.close .content
	{
		display:none;
	}
	#joblist .searchbox .content
	{
		padding:8px;
		border-top-width:1px;
		border-top-style:solid;
		border-top-color:#cccccc;
	}
	#joblist .searchbox .content strong.header
	{
		color:#999999;
	}
	#joblist .freeword input.button
	{
		margin-top:8px;
	}
	#joblist .searchbox ul
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#joblist .searchbox li
	{
		padding:0px 4px;
		margin:0px 0px 8px 0px;

		border-right-width:1px;
		border-right-style:solid;
		border-right-color:#cccccc;

		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#joblist .searchbox li a
	{
		padding:0px 4px;
	}
	#joblist .searchbox li a.selected
	{
		font-weight:bold;
		background-color:#ddeeff;
	}
	#joblist .searchbox li:last-child
	{
		border-right-width:0px;
	}
	#joblist .searchbox .area > .content:last-child
	{
		border-top-width:0px;
		padding-top:0;
	}
	#joblist .searchbox .area .city .header
	{
		margin-right:8px;
	}
	#joblist .searchbox .area .city li:first-child
	{
		border-left-width:1px;
		border-left-style:solid;
		border-left-color:#cccccc;
	}
	#joblist .result .counter
	{
		border-bottom-color:#67bcff;
		border-bottom-style:solid;
		border-bottom-width:2px;
	}
	#joblist .result .counter .message
	{
		color:#67bcff;
		font-weight:bold;
	}
	#joblist .result .counter .message .count
	{
		font-size:200%;
	}
	#joblist .result .pagemanager
	{
		text-align:center;
	}
	#joblist .result .pagemanager .prev:after
	{
		content:" |";
	}
	#joblist .result .pagemanager .page:after
	{
		content:" |";
	}
	#joblist .joblist .job
	{
		border-width:1px;
		border-style:solid;
		border-color:#67bcff;
		margin-bottom:20px;
	}
	#joblist .joblist .job > .inline
	{
		position:relative;
		background-color: #ffffff;
		padding:8px 4px 48px 8px;
		word-break:break-all;
		word-wrap:break-word;
	}
	#joblist .joblist .job .brand-image
	{
		float:left;
		background-color:#ffffff;
		margin-right:4px;
	}
	#joblist .joblist .job .brand-image
	{
		width: 25%;
	}
	#joblist .joblist .job .brand-image img
	{
		max-width: 160px;
		width: 100%;
	}
	#joblist .joblist .job .heading h3
	{
		background-color:transparent;
		min-width:300px;
		padding:0;
		margin:0;
	}
	#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;
		width:100%;
	}
	#joblist .joblist .job .heading ul.buttons li
	{
		width:48%;
		margin: 0px 1px;
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#joblist .joblist .job .heading ul.buttons li a.button
	{
		width:100%;
		padding:4px 0px;

		letter-spacing:2px;
		font-size:120%;

		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#joblist .joblist .job hr
	{
		border-width:0;
		border-top-width:1px;
		border-top-style:dashed;
		border-top-color:#cccccc;
	}
	#joblist .joblist .job .salery
	{
		max-width:73%;
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#joblist .joblist .job .salery .wage,
	#joblist .joblist .job .salery .access
	{
		margin-right:16px;
		display:block;
	}
	#joblist .joblist .job .salery .wage strong.header,
	#joblist .joblist .job .salery .access strong.header
	{
		width:64px;
		float:left;
	}
	#joblist .joblist .job .salery .wage .message,
	#joblist .joblist .job .salery .access .message
	{
		display:block;
		margin-left:64px;
	}

	/***********************************/
	/* 仕事詳細                        */
	/***********************************/
	#jobDetail .headContent .pankuzuObj
	{
		display:none;
	}
	#jobDetail .detailContent h3
	{
		padding:4px 8px;
		background-color:#67bcff;
		color:#ffffff;
	}
	#jobDetail .detailContent h3.catch
	{
		padding:0;
		background-color:transparent;
		color:#000000;

		word-break:break-all;
		word-wrap:break-word;
	}
	#jobDetail .detailContent .read
	{
		word-break:break-all;
		word-wrap:break-word;
	}
	#jobDetail .detailContent .salery .wage strong.header,
	#jobDetail .detailContent .salery .access strong.header,
	#jobDetail .detailContent .jobrecruitment strong.header,
	#jobDetail .detailContent .entryinformation strong.header
	{
		display:block;
		padding:4px 8px;

		background-color:#eeeeee;
		font-size:110%;
	}
	#jobDetail .detailContent .salery .wage .content,
	#jobDetail .detailContent .salery .access .content,
	#jobDetail .detailContent .jobrecruitment .content,
	#jobDetail .detailContent .entryinformation .content
	{
		word-break:break-all;
		word-wrap:break-word;
	}
	#jobDetail .entryEvent
	{
		padding:8px 0px;
		margin-bottom:5px;

		border-width:0px;
		border-top-width:1px;
		border-bottom-width:2px;
		border-style:solid;
		border-color:#cccccc;

		text-align:center;
	}
	#jobDetail .entryEvent p
	{
		vertical-align:middle;
		color:#ff0000;
	}
	#jobDetail .entryEvent a.button
	{
		width:180px;
		padding:8px 0px;
		position:relative;
		display:inline-block;
		/display: inline;
		/zoom: 1;

		background-color:#67bcff;
		border:none;

		text-align:center;
		color:#ffffff;
		letter-spacing:2px;
		font-size:150%;
	}
	#jobDetail .entryEvent a.button:after
	{
		position:absolute;
		content:url("../original/images/button_arrow.png");
		right:0%;
	}
	#jobDetail .entryEvent a.button:hover
	{
		background-color:#b6eeff;
		text-decoration: none;
	}
	#jobDetail .detailContent .workingtime
	{
		margin-top:8px;
	}
	#jobDetail .detailContent .workingtime strong.header:after
	{
		content:"：";
	}
	#jobDetail .detailContent .workingtime .content
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#jobDetail .detailContent .merit ul
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#jobDetail .detailContent .merit li
	{
		padding:0px 8px;
		margin:0px 0px 2px 0px;

		border-right-width:2px;
		border-right-style:solid;
		border-right-color:#cccccc;

		color:#b24004;

		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#jobDetail .detailContent .merit li:first-child
	{
		padding-left:0;
	}
	#jobDetail .detailContent .merit li:last-child
	{
		border-right-width:0px;
		padding-right:0;
	}
	#jobDetail .detailContent .jobinformation h3
	{
		position:relative;
		margin-bottom:8px;
	}
	#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 .jobinformation strong.header:before
	{
		content:"●";
		color:#67bcff;
		word-break:break-all;
		word-wrap:break-word;
	}
	#jobDetail .detailContent .jobinformation .content
	{
		margin-bottom:8px;

		border-bottom-width:1px;
		border-bottom-style:dotted;
		border-bottom-color:#cccccc;
		word-break:break-all;
		word-wrap:break-word;
	}
	#jobDetail .detailContent .jobinformation .content br
	{
		display:none;
	}
	#jobDetail .detailContent .jobrecruitment .content,
	#jobDetail .detailContent .entryinformation .content
	{
		padding:4px 0px;
	}
	#jobDetail .detailContent .entryinformation .contact .externallink:before
	{
		content:"URL：";
	}
	#jobDetail .detailContent .workplacemap strong.header
	{
		display:block;
		padding:4px 8px;
		margin-bottom:4px;

		background-color:#eeeeee;
		font-size:110%;
	}
	#jobDetail .detailContent .link
	{
		margin:16px 0px;
	}
	#jobDetail .detailContent .link .button.back
	{
		display:inline;
		padding:4px 24px;
		background-image:url("../original/images/buttonback_arrow.png");
		background-size:18px 18px;
		background-repeat: no-repeat;
		background-position:5% 50%;
		background-color:#cccccc;
		letter-spacing:1px;
	}
	#jobDetail .detailContent .link .button.back:hover
	{
		background-color:#eeeeee;
	}
	#jobDetail #map_canvas
	{
		width:100%;
		height:400px;
	}
	#jobDetail #publication_information
	{
		margin-bottom:20px;
		font-size:90%;
	}

	/***********************************/
	/* プライバシーポリシー            */
	/***********************************/
	#entryagreement .headContent .pankuzuObj
	{
		display:none;
	}
	#entryagreement h2.title
	{
		padding: 4px 8px;
		background-color:#67bcff;
		color:#ffffff;
		margin: 8px 0px;
	}
	#entryagreement h3
	{
		padding:0;

		background-color:transparent;
		color:#000000;
	}
	#entryagreement .form .agreement
	{
		margin:20px 0px;
	}
	#entryagreement .form .agreement label
	{
		padding:10px 20px;
	}
	#entryagreement .form .event
	{
		margin-bottom:40px;
	}
	#entryagreement .form .event .button
	{
		background-image:url("../original/images/button_arrow.png");
		background-size:18px 18px;
		background-repeat: no-repeat;
		background-position:95% 50%;
	}

	/***********************************/
	/* エントリーフォーム              */
	/***********************************/
	#entryform .headContent .pankuzuObj
	{
		display:none;
	}
	#entryform h2.title
	{
		padding: 4px 8px;
		background-color:#67bcff;
		color:#ffffff;
		margin: 8px 0px;
	}
	#entryform ul.entryflow li
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
		width:119px;
		height:19px;
		padding:1px 0px 0px 6px;

		background-image:url("../original/images/nav_entryflow.png");
		background-repeat:no-repeat;
		background-position:-125px 0px;

		font-size:12px;
	}
	#entryform ul.entryflow li.active
	{
		background-position:0px 0px;
		color:#ff1414;
	}
	#entryform .errors
	{
		margin-bottom:16px;
	}
	#entryform .errors .err:before
	{
		content:"・";
	}
	#entryform .formContent .mainContent form > div
	{
		margin-top:16px;
	}
	#entryform .formContent .mainContent form > div:first-child
	{
		margin-top:0;
	}
	#entryform .formContent h2.entrysheet
	{
		margin-bottom:8px;

		border-bottom-width:1px;
		border-bottom-style:solid;
		border-bottom-color:#cccccc;
	}
	#entryform .formContent .mainContent .contents > div .content input,
	#entryform .formContent .mainContent .contents > div .content select,
	#entryform .formContent .mainContent .contents > div .content textarea
	{
		font-size:108%;
	}
	#entryform .formContent .mainContent .contents > div .content.splitNames input.familyName,
	#entryform .formContent .mainContent .contents > div .content.splitNames input.givenName,
	#entryform .formContent .mainContent .contents > div .content.splitNames input.familyNameKana,
	#entryform .formContent .mainContent .contents > div .content.splitNames input.givenNameKana
	{
		width:30%;
	}
	#entryform .formContent .mainContent .contents > div .content .errors
	{
		margin-bottom: 0px;
	}
	#entryform .formContent .mainContent .contents .content
	{
		margin-bottom:4px;
	}
	#entryform .formContent .mainContent .content label
	{
		margin-right:16px;
	}
	#entryform .formContent .mainContent .dateOfBirth input.year
	{
		width:50px;
	}
	#entryform .formContent .mainContent .dateOfBirth select
	{
		width:56px;
	}
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload
	{
		position: relative;
		overflow: hidden;
		margin:0;
		display:inline-block;
		/display:inline;
		/zoom:1;

		padding:8px 20px;
		/padding:0;
		background-color:#67bcff;
		border:none;
		color:#ffffff;
		letter-spacing:2px;
		border-radius:8px;
	}
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload:hover
	{
		background-color:#b6eeff;
	}
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload.disabled,
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload.disabled:hover
	{
		background-color:#eeeeee;
	}
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload input.file
	{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0;
		padding: 0;
		width: 100%;
		height: 36px;
		cursor: pointer;
		opacity: 0;
		filter: alpha(opacity=0);
		filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
		font-size:1000px; /* IE9対策 */
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li
	{
		display:inline-block;
		/display:inline;
		/zoom:1;

		margin: 2px 6px;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li .photoEditButton
	{
		padding: 2px 6px;
		color: #67bcff;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li .photoEditButton.disabled
	{
		color:#eeeeee;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview .contents
	{
		position:relative;
		display:inline-block;
		width:auto;
		height:auto;
		max-width:300px;
		max-height:300px;
		border:none;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview .contents .loading
	{
		display:none;
		position:absolute;
		width:100%;
		height:100%;
		text-align:center;

		background-color:#ffffff;
		opacity:0.8;
		border:none;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview .contents .loading .fa-spinner
	{
		margin-top:30px;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview img.photo
	{
		width:auto;
		height:auto;
		max-width:300px;
		max-height:300px;
	}
	#entryform .formContent .mainContent .telephoneNumber1 input,
	#entryform .formContent .mainContent .telephoneNumber2 input
	{
		width:60px;
	}
	#entryform .formContent .mainContent .contents > div strong.header .note
	{
		font-size:90%;
		font-weight:normal;
	}
	#entryform .formContent .mainContent .content .note,
	#entryform .formContent .mainContent .content .caution
	{
		font-size:90%;
	}
	#entryform .formContent .interviewbookingform .interviewsOfInterviewplace
	{
		padding:8px;
		margin-top:8px;

		background-color:#eeeeee;
		border-radius:8px;
	}
	#entryform .formContent .interviewbookingform .content
	{
		margin-left:1em;
	}
	#entryform .formContent .interviewplace .location span
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#entryform .formContent .interviewbookingform ul li
	{
		margin:0 1em;
	}
	#entryform .formContent .interviewbookingform ul li label
	{
		padding:8px;
		margin:8px 0px;
		display:block;

		background-color:#ffffff;
		border-radius:8px;
	}
	#entryform .formContent .interviewbookingform ul li label.disabled
	{
		background-color:transparent;
	}
	#entryform .formContent .interviewbookingform ul li label.selected
	{
		background-color:#b6eeff;
	}
	#entryform .formContent .interviewbookingform ul li span
	{
		display:inline-block;
		/display: inline;
		/zoom: 1;
	}
	#entryform .formContent .interviewbookingform ul .bookingStatus
	{
		width:80px;
		vertical-align: text-bottom;
	}
	#entryform .formContent .interviewbookingform .interviewsOfInterviewplace:first-child
	{
		margin-top:0px;
	}
	#entryform .formContent .sideContent
	{
		display:none;
	}
	#entryform .agreement h3
	{
		padding:0;

		background-color:transparent;
		color:#000000;
	}
	#entryform .formContent .event
	{
		margin-bottom:40px;
	}
	#entryform .formContent .event input.button
	{
		background-image:url("../original/images/button_arrow.png");
		background-size:18px 18px;
		background-repeat: no-repeat;
		background-position:95% 50%;
	}
	#entryform .formContent .confirmevent
	{
		margin-bottom:40px;
	}
	#entryform .formContent .confirmevent input.button
	{
		margin: 8px 0px;;

		background-image:url("../original/images/button_arrow.png");
		background-size:18px 18px;
		background-repeat: no-repeat;
		background-position:95% 50%;
	}
	#entryform .formContent .confirmevent input.button.back
	{
		background-image:url("../original/images/buttonback_arrow.png");
		background-position:5% 50%;
		background-color:#cccccc;
	}
	#entryform .formContent .confirmevent input.button.back:hover
	{
		background-color:#eeeeee;
	}

	#entryform .formContent .mainContent .column span.column_note
	{
		font-size: 84%;
		font-weight: bold;
		padding-left: 0.5em;
	}

	#entryform .formContent .mainContent .requiredform.confirm .contents .content p,
	#entryform .formContent .mainContent .freeform.confirm .contents .content p
	{
	    word-break: break-all;
	}

	#entryform .formContent .mainContent .contents > div.entrySheet1 .content input[type="file"],
	#entryform .formContent .mainContent .contents > div.entrySheet2 .content input[type="file"],
	#entryform .formContent .mainContent .contents > div.entrySheet3 .content input[type="file"]
	{
		width:100%;
		font-size: 100%;
	}

	#entryform .formContent .mainContent .entrySheet1 .content,
	#entryform .formContent .mainContent .entrySheet2 .content,
	#entryform .formContent .mainContent .entrySheet3 .content
	{
	    word-break: break-all;
	}

	#entryform .formContent .mainContent #_entrySheet1 .loading,
	#entryform .formContent .mainContent #_entrySheet2 .loading,
	#entryform .formContent .mainContent #_entrySheet3 .loading
	{
		display: none;
		text-align: center;
	}

	#entryform #confirmButtonAlert
	{
		color: red;
		display: none;
	}

	#entryform .formContent .event input#confirm.disabled
	{
		background-color:#eeeeee;
	}
	/***********************************/
	/* 面接枠カレンダー                */
	/***********************************/
	#entryform .interviewPlaceCalendar,
	#entryform .interviewPlaceCalendar tr,
	#entryform .interviewPlaceCalendar td,
	#entryform .interviewPlaceCalendar th
	{
		border-collapse: collapse;
		border: 1px #ccc solid;
	}
	#entryform .interviewPlaceCalendar{
		width:100%;
		background-color:#FFFFFF;
	}
	#entryform .interviewPlaceCalendar .calndarTitle
	{
		vertical-align:middle;
		text-align:center;
		padding-right:0px;
	}
	#entryform  .calndarTitle.displayDate{
		width:12%;
	}
	#entryform .interviewPlaceCalendar .omissionTime
	{
		border-top:double #666666;
	}
	#entryform .interviewPlaceCalendar td.calndarCell_selectable
	{
		background-color:#FFFFFF;
		cursor:pointer;
		font-size:17px;
		font-weight:bold;
		color:blue;
		text-align:center;
	}
	#entryform .interviewPlaceCalendar td.calndarCell_full
	{
		font-size:14px;
		background-color:#bfbfbf;
		font-weight:bold;
		color:#666666;
		text-align:center;
	}
	#entryform .interviewPlaceCalendar td.calndarCell_nothingInterview
	{
		font-size:17px;
		background-color:#bfbfbf;
		color:#666666;
		text-align:center;
	}
	#entryform .interviewPlaceCalendar td.selectableInterviewFrame.selected-interview-cell
	{
		background-color: #BBFFFF;
	}
	#entryform .interviewPlaceCalendar th.saturday
	{
		background-color:#BBFFFF;
		color: blue;
	}
	#entryform .interviewPlaceCalendar th.sunday
	{
		background-color:#FFEEFF;
		color: red;
	}
	#entryform .interviewPlaceCalendar th.holiday
	{
		background-color:#FFEEFF;
		color: red;
	}
	#entryform .interviewPlaceCalendar .calendar-page-transition-button.prev
	{
		float:left;
		padding-left:5px;
		cursor:pointer;
	}
	#entryform .interviewPlaceCalendar .calendar-page-transition-button.next
	{
		float:right;
		padding-right:5px;
		cursor:pointer;
	}
	#entryform .formContent .videointerviewexpectationform
	{
        word-break:break-all;
        word-wrap:break-word;
    }
    #entryform .formContent .videointerviewexpectationform .videointerviewexpectation input
    {
		float:left;
		margin-top:5px;
    }
    #entryform .formContent .videointerviewexpectationform .videointerviewexpectation span
    {
		display:block;
		margin-left:15px;
    }
    #entryform .interviewBookingSelectableRadioBuuton
	{
		display:inline-block;
		width:16px;
	}

	/***********************************/
	/* 面接会場地図                    */
	/***********************************/
	#interviewplacemap h2.title
	{
		padding: 4px 8px;
		background-color:#67bcff;
		color:#ffffff;
		margin: 8px 0px;
	}
	#interviewplacemap .detailContent .interviewplace .content
	{
		margin-left:1em;
	}
	#interviewplacemap .detailContent .link
	{
		margin:16px 0px;
	}
	#interviewplacemap .detailContent .link .button.back
	{
		display:inline;
		padding:4px 20px;

		background-image:url("../original/images/buttonback_arrow.png");
		background-size:18px 18px;
		background-repeat: no-repeat;
		background-position:5% 50%;
		background-color:#cccccc;
		letter-spacing:1px;
	}
	#interviewplacemap .detailContent .link .button.back:hover
	{
		background-color:#eeeeee;
	}
	#interviewplacemap #map_canvas
	{
		width:100%;
		height:400px;
		margin-bottom:8px;
	}
}