@charset "utf-8";

body
{
 	background-color:#f4f4f4;
}
a
{
	color: #0055dd;
}
p.err
{
	color:#ff0000;
}

/***********************************/
/* PC・タブレットデザイン          */
/***********************************/
@media only screen and (min-width:641px) {
	body
	{
		font-size:16px;
		color:#000000;
	}
	div#container
	{
		max-width:780px;
		margin:0 auto;
		background-color:#ffffff;
	}

	/***********************************/
	/* テーマ                          */
	/***********************************/

	/* ヘッダー情報 */
	#pagetop h3
	{
		background-color:#014099;
		color:#ffffff;
	}
	#searchDetail h2,
	#jobDetail .detailContent h3,
	#entryagreement h2.title,
	#entryform h2.title,
	#interviewplacemap h2.title
	{
		background-color:#67bcff;
		color:#ffffff;
	}
	#joblist h2
	{
		border-left-color:#67bcff;
	}
	#searchDetail h3
	{
		border-left-width:20px;
		border-left-color:#67bcff;
	}
	#pagetop #mapObj p.title
	{
		color:#67bcff;
	}
	#joblist .result .counter
	{
		border-color:#67bcff;
	}
	#joblist .result .counter .message,
	#jobDetail .detailContent .jobinformation strong.header:before,
	#entryform .formContent .mainContent h3.subtitle
	{
		color:#67bcff;
	}

	/* ボタン */
	#pagetop .freewordForm input.button,
	#searchDetail .areaForm input.button,
	#joblist .freeword input.button,
	#joblist .joblist .job .heading ul.buttons li a.button,
	#jobDetail .entryEvent a.button,
	#entryagreement .form .event input.button,
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload,
	#entryform .formContent .event input.button,
	#entryform .formContent .confirmevent input.button
	{
		background-color:#67bcff;
		color:#ffffff;
	}
	#pagetop .freewordForm input.button:hover,
	#searchDetail .areaForm input.button:hover,
	#joblist .freeword input.button:hover,
	#joblist .joblist .job .heading ul.buttons li a.button:hover,
	#jobDetail .entryEvent a.button:hover,
	#entryagreement .form .event input.button:hover,
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload:hover,
	#entryform .formContent .event input.button:hover,
	#entryform .formContent .confirmevent input.button:hover
	{
		background-color:#b6eeff;
	}
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload.disabled
	{
		background-color:#eeeeee;
	}
	#jobDetail .entryEvent a.button:after,
	#joblist .joblist .job .heading ul.buttons li a.button:after,
	#entryagreement .form .event input.button
	{
		content:url("../../original/images/button_arrow.png");
	}
	#entryform .formContent .event input.button,
	#entryform .formContent .confirmevent input.button
	{
		background-image:url("../../original/images/button_arrow.png");
	}
	#entryform .formContent .confirmevent input.button.back
	{
		background-color:#cccccc;
		color:#ffffff;
	}
	#entryform .formContent .confirmevent input.button.back:hover
	{
		background-color:#eeeeee;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li .photoEditButton
	{
		color:#67bcff;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li .photoEditButton.disabled,
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li .photoEditButton.disabled:hover
	{
		color:#eeeeee;
	}

	/* リンク一覧 */
	#searchDetail .station a,
	#searchDetail .jobtype a,
	#searchDetail .jobrecruitment a,
	#searchDetail .brand a,
	#joblist .searchbox li,
	#joblist .searchbox .area .city li:first-child,
	#jobDetail .detailContent .merit li
	{
		border-width:2px;
		border-color:#cccccc;
	}
	#joblist .searchbox li a.selected
	{
		background-color:#ddeeff;
	}

	/* ロケスマ */
	.locasma_map a
	{
		background-image:url("../../original/images/locasma_mark.png");
		background-color:#014099;
		border-radius:4px;

		color:#ffffff;
	}
	.locasma_map a:hover
	{
		background-color:#3170c9;
	}

	/* フッター */
	#footer .regular .menu,
	#footer .regular .pagetop a
	{
		background-color:#014099;
	}
	#footer .regular,
	#footer .regular a
	{
		color:#ffffff;
	}
	#footer .regular .menu li,
	#footer .regular .menu li:first-child
	{
		border-color:#ffffff;
	}
}

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

/***********************************/
/* スマートフォンデザイン          */
/***********************************/
@media only screen and (max-width: 640px) {
	body
	{
		font-size:14px;
		color:#000000;
	}
	div#container
	{
		background-color:#ffffff;
	}

	/***********************************/
	/* テーマ                    */
	/***********************************/
	a
	{
		color: #0055dd;
	}

	/* ヘッダー情報 */
	h3
	{
		background-color:#014099;
		color:#ffffff;
	}
	#joblist h2
	{
		border-color:#67bcff;
	}
	#jobDetail .detailContent h3,
	#entryagreement h2.title,
	#entryform h2.title,
	#interviewplacemap h2.title
	{
		background-color:#67bcff;
		color:#ffffff;
	}
	#joblist .result .counter
	{
		border-color:#67bcff;
	}
	#joblist .result .counter .message,
	#jobDetail .detailContent .jobinformation strong.header:before
	{
		color:#67bcff;
	}

	/* ボタン */
	input.button,
	a.button,
	#jobDetail .entryEvent a.button,
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload
	{
		background-color:#67bcff;
		color:#ffffff;
		border-radius:8px;
	}
	input.button:hover,
	a.button:hover,
	#jobDetail .entryEvent a.button:hover,
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload:hover
	{
		background-color:#b6eeff;
	}
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload.disable,
	#entryform .formContent .mainContent .contents > div .content .photoButton .fileUpload.disable:hover
	{
		background-color:#eeeeee;
	}
	#jobDetail .entryEvent a.button:after
	{
		content:url("../../original/images/button_arrow.png");
	}
	#jobDetail .detailContent .link .button.back,
	#entryform .formContent .confirmevent input.button.back,
	#interviewplacemap .detailContent .link .button.back
	{
		background-color:#cccccc;
	}
	#jobDetail .detailContent .link .button.back:hover,
	#entryform .formContent .confirmevent input.button.back:hover,
	#interviewplacemap .detailContent .link .button.back:hover
	{
		background-color:#eeeeee;
	}
	#entryagreement .form .event .button,
	#entryform .formContent .event input.button,
	#entryform .formContent .confirmevent input.button
	{
		background-image:url("../../original/images/button_arrow.png");
	}
	#jobDetail .detailContent .link .button.back,
	#entryform .formContent .confirmevent input.button.back,
	#interviewplacemap .detailContent .link .button.back
	{
		background-image:url("../../original/images/buttonback_arrow.png");
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li .photoEditButton
	{
		color: #67bcff;
	}
	#entryform .formContent .mainContent .contents > div .content .photoPreview ul.edit li .photoEditButton.disabled
	{
		color:#eeeeee;
	}

	/* リンク一覧 */
	#searchDetail .station a,
	#searchDetail .jobtype a,
	#searchDetail .jobrecruitment a,
	#searchDetail .brand a,
	#joblist .searchbox li,
	#joblist .searchbox .area .city li:first-child,
	#jobDetail .detailContent .merit li
	{
		border-color:#cccccc;
	}
	#joblist .searchbox li a.selected
	{
		background-color:#ddeeff;
	}

	/* 共通ヘッダー */
	#header
	{
		border-color:#999999;
	}

	/* 共通フッター */
	#footer .menu li,
	#footer .menu li:first-child
	{
		border-color:#999999;
	}

	/* ロケスマ */
	.locasma_map a
	{
		background-color:#014099;
		color:#ffffff;
		border-radius:8px;
	}
	.locasma_map a:hover
	{
		background-color:#3170c9;
	}
	.locasma_map a:before
	{
		content:url("../../original/images/locasma_mark.png");
	}
}