@charset "utf-8";

/* =============================================================================
   しごと探し応援ページ
   ========================================================================== */

	/* box */

#support {
	margin:0;
	padding:0;
}

/* =============================================================================
   TOPページ
   ========================================================================== */

/* TOPページ：記事一覧
---------------------------------------------------- */


	/* 画像用：中央寄せ */

#support .entryphoto {
	margin: 2em auto !important;
	padding: 0;
	text-align:center !important;
}

#support .entryphoto img {
	padding: 0 10px;
}


@media only screen and (max-width:640px){
	#support .entryphoto {
	margin: 2em auto !important;
	padding: 0;
	text-align:center !important;
	}

	#support .entryphoto img {
	display:block;
	margin:0.5em auto;
	text-align:center;
	height:auto;
	max-width: 230px;
	}
	
	#support p img {
	display:block;
	margin:0 auto;
	text-align:center;
	height:auto;
	max-width: 200px;
	}		
}




/* SNS
---------------------------------------------------- */

#support #sns {
	width:720px;
	margin: 100px 0 0 0;
	padding: 0;
	background:#ffffff;
}

#support #sns h2 {
	margin: 4px 0 10px 0;
	padding: 0;
	border-bottom:none;
	width:138px;
	height:36px;
	background: url("../images/top/sns_facebook.png") left top no-repeat;
	text-indent:-9999em;
	overflow:hidden;
	}

#support #sns .facebook01 {
	width:345px;
	margin: 0;
	padding: 0;
	float:left;
}

#support #sns .facebook02 {
	width:345px;
	margin: 0;
	padding: 0;
	float:right;
}

#support #sns .likebox {
	margin: 0;
	padding: 0;
	border: 1px solid #e8e8e8;
	background:#ffffff;
}

@media only screen and (max-width:640px){
	#support #sns {
	width:100%;
	}

	#support #sns h2 {
	margin: 4px 0 10px 0;
	padding: 0;
	border-bottom:none;
	width:110px;
	height:25px;
	background: url("../images_sp/top/sns_facebook_sp.png") left top no-repeat;
	background-size: 110px 25px;
	}	

	#support #sns .facebook01,
	#support #sns .facebook02 {
	width:100%;
	float:none;
	margin: 10px 0 10px 0;
	height:300px;
	overflow:hidden;
	box-sizing: border-box;
	border: 1px solid #e8e8e8;
	}

	#support #sns .likebox {
	border:none;
	}
}



/* 55!!しごと川柳の発表
---------------------------------------------------- */

#support .senryu {
	margin: 0;
	padding: 0;
}

#support .senryu .prize_box01 {
	margin: 30px 0 20px 0;
	padding: 16px 20px 4px 20px;
	border: 10px solid #fae6e6;
}

#support .senryu .prize_box02 {
	margin: 30px 0 20px 0;
	padding: 16px 20px 4px 20px;
	border: 10px solid #e6f1f8;
}

#support .senryu .prize_box01 .pbox01_title {
	margin: 0 0 20px 0 ;
    padding: 10px 20px 8px 20px;
	font-size:139%;
    font-weight: normal;
	line-height:1.35;
    border-bottom:4px solid #e57f7f;
	background:#cc0000;
	color:#ffffff;
	text-align:center;
}

#support .senryu .prize_box02 .pbox02_title {
	margin: 0 0 20px 0 ;
    padding: 10px 20px 8px 20px;
	font-size:139%;
    font-weight: normal;
	line-height:1.35;
    border-bottom:4px solid #84b9dc;
	background:#0973b9;
	color:#ffffff;
	text-align:center;
}

@media only screen and (max-width:640px){
	#support .senryu .prize_box01,
	#support .senryu .prize_box02 {
	padding: 10px 10px 4px 10px;
	border-width: 5px;
	}
	
	#support .senryu .prize_box01 .pbox01_title,
	#support .senryu .prize_box02 .pbox02_title {
	margin: 0 0 16px 0 ;
    padding: 8px 10px 4px 10px;
	font-size:115%;
	}
}

	/* Style of active button */

	/* 白 */
.bg1 #support .senryu .prize_box01 .pbox01_title { background:#cc0000; color:#ffffff; border-bottom:4px solid #e57f7f;}
.bg1 #support .senryu .prize_box02 .pbox02_title { background:#0973b9; color:#ffffff; border-bottom:4px solid #84b9dc;}

	/* 黒 */
.bg2 #support .senryu .prize_box01 .pbox01_title, .bg2 #support .senryu .prize_box02 .pbox02_title { background:#000000; color:#ffffff; border-bottom:4px solid #ffffff;}

	/* 青 */
.bg3 #support .senryu .prize_box01 .pbox01_title, .bg3 #support .senryu .prize_box02 .pbox02_title { background:#0000ff; color:#ffff00; border-bottom:4px solid #ffffff;}



#support .senryu .senryudata {
	margin: 30px 0 0.5em 0 ;
	padding: 0;
	font-size:150%;
	text-align:center;
	line-height:1.1;
}

#support .senryu .senryuname {
	margin: 0 10px 1em 0 ;
	padding: 0;
	font-size:108%;
	text-align: right;
}

#support .senryu .senryulist {
	width:540px;
	margin: 0 0 0 10px;
	padding: 0;
}

#support .senryu .senryulist .senryulist_data {
	width:400px;
	margin: 0;
	padding: 0 0 0.5em 0;
	font-size: 115%;
	float:left;
}

#support .senryu .senryulist .senryulist_name {
	width:140px;
	margin: 0;
	padding: 0 0 0.5em 0;
	float:right;
	text-align:right;
}

@media only screen and (max-width:640px){
	#support .senryu .senryuname {
	font-size:100%;
	}

	#support .senryu .senryulist {
	margin: 0;
	width: auto;
	}

	#support .senryu .senryulist .senryulist_data {
	width: auto;
	padding: 0 0 0.2em 0;
	font-size: 100%;
	float: none;
	line-height:1.35;
	}

	#support .senryu .senryulist .senryulist_name {
	width: auto;
	padding: 0 0 1em 0;
	float: none;
	line-height:1.35;
	font-size: 95%;
	}
}




/* =============================================================================
   アクティブシニア就業支援センター
   ========================================================================== */

#support #active {
	width:720px;
	margin: 0;
	padding: 0;
}

#support #active .active_image {
	margin: 2.5em 0;
	padding: 0;
}


@media only screen and (max-width:640px){
#support p img {
	display:block;
	margin:0.5em auto;
	text-align:center;
	max-width: 100%;
	height:auto;
	}	
	
#support #active {
	width:100%;
	margin: 0;
	padding: 0;
}

#support #active .active_image {
	margin: 2.5em 0;
	padding: 0;
}
}


	/* table */

#support #active .table_centerlist {
	width:100%;
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

#support #active .table_centerlist th {
	margin: 0;
	padding: 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-weight:normal;
	text-align: center;
	font-size:93%;
	line-height:1.3;
	vertical-align: middle;
}

#support #active .table_centerlist td {
	margin: 0;
	padding: 5px;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size:93%;
	line-height:1.3;
	vertical-align: middle;
}


#support #active .table_centerlist thead th {
	background:#f8f8f6;
}

#support #active .table_centerlist thead th.th02 {
	width:4em;
}


#support #active .table_centerlist thead th.th04 {
	width:6em;
}

@media only screen and (max-width:640px){
	#support #active .table_centerlist {
	width:100%;
	margin: 0 0 1em 0;
	padding: 0;
	border: 0;
	border-collapse: collapse;
	}

	#support #active .table_centerlist tbody th {
	display: block;
	text-align:left;
	margin-top: 1em;
	padding: 5px 10px;
	border-top: 1px solid #999999;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	background:#f8f8f6;
	}
	
	#support #active .table_centerlist tbody td {
	display: block;
	padding: 5px 10px;
	border-top: none;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	}	

	#support #active .table_centerlist thead th {
	display: inline;
	margin: 0;
	padding: 0;
	background:none;
	width:100%;
	border:none;
	}

	#support #active .table_centerlist thead th:after {
	content: "/";
	}

	#support #active .table_centerlist thead th:last-child:after {
	display:none;
	}

}


	/* Style of active button */

	/* 白 */
.bg1 #support #active .table_centerlist thead th { background:#f8f8f6;}

	/* 黒 */
.bg2 #support #active .table_centerlist thead th { background:#000000;}

	/* 青 */
.bg3 #support #active .table_centerlist thead th { background:#0000ff;}


#support #active .table_centerlist tbody th {
	width:12em;
}

@media only screen and (max-width:640px){
#support #active .table_centerlist tbody th {
	display: block;
	width:auto;
}
}	

#support #active .table_centerlist td {
	margin: 0;
	padding: 5px;
	border: 0;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	font-size:93%;
	line-height:1.3;
	word-wrap: break-word;
	vertical-align: middle;
}

#support #active .table_centerlist td.nw {
	white-space:nowrap;
	height:auto;
}