@charset "UTF-8";

body {font-family: 'メイリオ','Hiragino Kaku Gothic Pro',sans-serif}

/************************************************
	サイト名
	border:					1px solid #000;
************************************************/
.seto_senior_site_name {
	color:					#000000;
	font-size:				14px;
}

.seto_senior_site_name h1{
	margin-top:				10px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;

	font-weight:			normal;
	background:				radial-gradient(55% 55%, #c0c0c0, #fff)
}

.seto_senior_site_name img{
	margin-top:				0px;
	margin-left:			10px;
	margin-right:			10px;

	width:					24px;
	height:					24px;
}

/************************************************
	メニュー
************************************************/
.seto_senior_navi {
	margin-top:				10px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;

	display:				block;
	color:					#000000;
	background:				#efefef;
	font-size:				16px;
	width:					auto;
	border:					1px solid #000;
}

.seto_senior_navi ul:after {
	content:				"";
	display:				block;
	clear:					both;
}

.seto_senior_navi ul {
	margin:					0;
	padding:				0;
	list-style:				none;
}

.seto_senior_navi li{
	float:					left;
	width:					auto;
}

.seto_senior_navi li:hover{
	background-color:		#dedede;
}

.seto_senior_navi a{
	display:				block;
	padding:				5px;
	color:					#000000;
	font-size:				14px;
	text-decoration:		none;
}

/************************************************
	タイトル部
************************************************/
.seto_senior_title {
	margin-top:				30px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;

	text-align:				left;
	color:					#000000;
	font-size:				16px;
	width:					auto;
}

.seto_senior_title_img {
	background-image:		url("../img/senior_image_4.png");
	background-repeat:		no-repeat;
	background-position:	20% 15%;
	text-align:				center;
	padding:				104px 0px 104px 0px;
	font-family:			serif;
	font-size:				18px;
	font-weight:			bolder;
	color:					rgb(0, 0, 255);
}

/************************************************
	会社概要
************************************************/
.seto_senior_overview {
	margin-top:				30px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
	color:					#000000;
	font-size:				16px;
	width:					auto;
}

.seto_senior_overview table{
	margin-top:				10px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
	padding:				5px 5px 5px 5px;
	border-collapse:		collapse;
	border:					1px black solid;
}

.seto_senior_table table,tr {
	padding:				5px 5px 5px 5px;
	border:					1px black solid;
	border-collapse:		collapse;
}

.seto_senior_table th{
	padding:				5px 5px 5px 5px;
	border:					1px black solid;
	border-collapse:		collapse;
	background:				rgb(245, 245, 245);
	font-weight:			normal;
	width:					75px;
}

.seto_senior_table td{
	border:					1px black solid;
	border-collapse:		collapse;
	padding:				5px 5px 5px 5px;
}

.seto_senior_table p {
	margin:					1px;
}


/************************************************
	実績事業紹介
************************************************/
.seto_senior_resultpresent {
	margin-top:				30px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
	color:					#000000;
	font-size:				16px;
	width:					auto;
}

.seto_senior_resultpresent_table table,tr {
	padding:				5px 5px 5px 5px;
	border:					1px black solid;
	border-collapse:		collapse;
}

.seto_senior_resultpresent_table th{
	padding:				5px 5px 5px 5px;
	border:					1px black solid;
	border-collapse:		collapse;
	background:				rgb(245, 245, 245);
	font-weight:			normal;
	width:					75px;
}

.seto_senior_resultpresent_table td{
	border:					1px black solid;
	border-collapse:		collapse;
	padding:				5px 5px 5px 5px;
}

.seto_senior_resultpresent_table p {
	margin:					1px;
}


/************************************************
	仕事紹介
************************************************/
.seto_senior_jobpresent {
	margin-top:				30px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
	color:					#000000;
	font-size:				16px;
	width:					auto;
}

.seto_senior_jobpresent_table table,tr {
	padding:				5px 5px 5px 5px;
	border:					1px black solid;
	border-collapse:		collapse;
}

.seto_senior_jobpresent_table th{
	padding:				5px 5px 5px 5px;
	border:					1px black solid;
	border-collapse:		collapse;
	background:				rgb(245, 245, 245);
	font-weight:			normal;
	width:					75px;
}

.seto_senior_jobpresent_table td{
	border:					1px black solid;
	border-collapse:		collapse;
	padding:				5px 5px 5px 5px;
}

.seto_senior_jobpresent_table p {
	margin:					1px;
}


/************************************************
	リクルート部（グルーピング）
	グルーピング項目
	・募集職種
	・採用までの流れ
************************************************/
.seto_senior_recruit:after {
	content:				"";
	display:				block;
	clear:					both;
}

/************************************************
	リクルート
************************************************/
.seto_senior_recruit {
	margin-top:				30px;
	margin-left:			0px;
	margin-bottom:			10px;
	margin-right:			0px;
	color:					#000000;
	font-size:				16px;
	width:					auto;
}

.seto_senior_recruit table{
	margin-top:				10px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
	padding:				5px 5px 5px 5px;
	border-collapse:		collapse;
	border:					1px black solid;
}

.seto_senior_recruit_item {
	margin-left:			30px;
	margin-right:			30px;
	text-align:				center;
	padding:				10px;
	font-size:				16px;
	font-weight:			bold;
	color:					rgb(0, 0, 0);
	background:				rgb(192, 192, 192);
	border-radius:			20px;
	-moz-border-radius:		20px;
	-webkit-border-radius:	20px;
	-khtml-border-radius:	20px;
	width:					580;
}

.seto_senior_recruit_flow {
	text-align:				center;
}

.seto_senior_subject_category {
	background:				url("../img/page-subject.png") no-repeat;
	padding:				10px 16px 16px 50px;
	height:					32px;
	font-size:				1.3em;
	font-weight:			bold;
}

.seto_senior_subject_category p {
	margin:					1px;
	padding:				1px;
	color:					rgb(255, 255, 255);
}

.seto_senior_subject_information {
	background:				url("../img/page-subject.png") no-repeat;
	padding:				10px 16px 16px 50px;
	height:					32px;
	font-size:				1.3em;
	font-weight:			bold;
}

.seto_senior_subject_information p {
	margin:					1px;
	padding:				1px;
	color:					rgb(255, 255, 255);
}

.seto_senior_subject_enter {
	background:				url("../img/page-subject.png") no-repeat;
	padding:				10px 16px 16px 50px;
	height:					32px;
	font-size:				1.3em;
	font-weight:			bold;
}

.seto_senior_subject_enter p {
	margin:					1px;
	padding:				1px;
	color:					rgb(255, 255, 255);
}

/************************************************
	募集職種
************************************************/
.seto_senior_recruit_category {
	margin-top:				30px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
}

/************************************************
	採用までの流れ
************************************************/
.seto_senior_recruit_information {
	margin-top:				30px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
}

.seto_senior_recruit_contents {
	margin-top:				10px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
	text-align:				left;
}

.seto_senior_recruit_contents a{
	display:				inline;
}

/************************************************
	SNS
************************************************/
.seto_senior_share {
	margin-top:				30px;
	margin-left:			10px;
	margin-bottom:			10px;
	margin-right:			10px;
	float:					none;
	display:				inline;
}

.seto_senior_share a {
	display:				inline;
}

.seto_senior_share a:hover {
	background-color:		#193776;
}

.seto_senior_share-fb {
	text-decoration:		none;
	color:					#ffffff;
	background-color:		#3b5998;
}

/************************************************
	フッタ部
************************************************/
.seto_senior_footer {
	margin-top:				30px;
	margin:					0;
	color:					#666666;
	font-size:				14px
	width:					auto;
}

/************************************************
	600px以下サイズ時の変更点
************************************************/
@media (min-width: 600px) {
	/*------------------------------------------*
		サイト名
	*-------------------------------------------*/
	.seto_senior_site_name {
		font-size:				24px;
		width:					auto;
	}

	.seto_senior_site_name img{
		margin-top:				0px;
		margin-left:			10px;
		margin-right:			10px;

		width:					40px;
		height:					40px;
	}

	/*------------------------------------------*
		ナビゲーション
	*-------------------------------------------*/
	.seto_senior_navi {
		display:				none;
	}

	/*------------------------------------------*
		タイトル部
	*-------------------------------------------*/
	.seto_senior_title {
		font-size:				24px;
	}

	.seto_senior_title_img {
		background-position:	center;
		font-size:				28px;
	}

	/*------------------------------------------*
		会社概要
	*-------------------------------------------*/
	.seto_senior_overview {
		font-size:				24px;
		width:					auto;
	}

	.seto_senior_table th{
		padding:				10px 10px 10px 10px;
		font-size:				24px;
		width:					100px;
	}
	.seto_senior_table td{
		padding:				10px 10px 10px 10px;
		font-size:				24px;
		width:					500px;
	}

	.seto_senior_subject_category {
		padding:				2px 16px 16px 50px;
	}

	/*------------------------------------------*
		実績事業紹介
	*-------------------------------------------*/
	.seto_senior_resultpresent {
		font-size:				24px;
		width:					auto;
	}

	.seto_senior_resultpresent_table th{
		padding:				10px 10px 10px 10px;
		font-size:				24px;
		width:					100px;
	}
	.seto_senior_resultpresent_table td{
		padding:				10px 10px 10px 10px;
		font-size:				24px;
		width:					500px;
	}

	/*------------------------------------------*
		仕事紹介
	*-------------------------------------------*/
	.seto_senior_jobpresent {
		font-size:				24px;
		width:					auto;
	}

	.seto_senior_jobpresent_table th{
		padding:				10px 10px 10px 10px;
		font-size:				24px;
		width:					100px;
	}
	.seto_senior_jobpresent_table td{
		padding:				10px 10px 10px 10px;
		font-size:				24px;
		width:					500px;
	}

	/*------------------------------------------*
		リクルート
	*-------------------------------------------*/
	.seto_senior_recruit {
		font-size:				24px;
		width:					auto;
	}

	.seto_senior_subject_information {
		padding:				2px 16px 16px 50px;
	}

	.seto_senior_subject_enter {
		padding:				2px 16px 16px 50px;
	}

	/*------------------------------------------*
		募集職種
	*-------------------------------------------*/
	.seto_senior_recruit_category {
		font-size:				24px;
		width:					auto;
	}

	/*------------------------------------------*
		採用までの流れ
	*-------------------------------------------*/
	.seto_senior_recruit_information {
		font-size:				24px;
		width:					auto;
	}

	.seto_senior_recruit_item {
		font-size:				24px;
	}

	.seto_senior_share {
		font-size:				24px;
		display:				block;
	}

	/*------------------------------------------*
		フッタ部
	*-------------------------------------------*/
	.seto_senior_contact {
		width:					auto;
	}
}

/************************************************
	800px以下サイズ時の変更点
************************************************/
@media (min-width: 800px) {
	/*------------------------------------------*
		サイト名
	*-------------------------------------------*/
	.seto_senior_site_name {
		width:					auto;
	}

	/*------------------------------------------*
		ナビゲーション
	*-------------------------------------------*/
	.seto_senior_navi ul,li,a{
		display:				none;
	}

	/*------------------------------------------*
		タイトル部
	*-------------------------------------------*/
	.seto_senior_title {
	}

	.seto_senior_title img {
		width:					150%;
	}

	/*------------------------------------------*
		会社概要
	*-------------------------------------------*/
	.seto_senior_overview {
		float:					left;
	}

	.seto_senior_table th{
		width:					100px;
	}
	.seto_senior_table td{
		width:					500px;
	}

	/*------------------------------------------*
		実績事業紹介＋仕事紹介
	*-------------------------------------------*/
	.seto_senior_present {
		float:					left;
	}

	/*------------------------------------------*
		リクルート
	*-------------------------------------------*/
	.seto_senior_recruit {
	}

	/*------------------------------------------*
		募集職種
	*-------------------------------------------*/
	.seto_senior_recruit_category {
		float:					left;
	}

	/*------------------------------------------*
		採用までの流れ
	*-------------------------------------------*/
	.seto_senior_recruit_information {
		float:					left;
	}

	/*------------------------------------------*
		フッタ部
	*-------------------------------------------*/
	.seto_senior_contact {
	}
}
