@charset "utf-8";
/* **************************************************

CSS Information
File Name : page.css
Style Info: 各ページのスタイル指定
Date: 2015-01-29

************************************************** */
/* --------------------------------------------------
	内部ページ共通
-------------------------------------------------- */
#main .articleWrap {
	width: auto;
	margin-bottom: 100px;
	padding: 50px 70px;
	margin: 0 auto 30px;
	background-color: #fff;
	border-radius: 8px;
}

/*	.catTitle01 - カテゴリタイトル
-------------------------------------------------- */
#catTitle01 {
	margin-bottom: 20px;
	background-color: #fff;
}

#catTitle01 .inner {
	position: relative;
	height: 130px;
	overflow: hidden;
}

#catTitle01 h2 {
	min-height: 26px;
	margin-top: 46px;
	margin-left: 60px;
	font-size: 2.4em;
}

	/* Default */
	#catTitle01 .inner {
		background: #fff url(../tmpl-img/img_cat_title_default01.jpg) no-repeat left top;
	}
	
	#catTitle01 h2 span {
		padding-left: 42px;
		background: url(../tmpl-img/ico_cat_tile_default01.png) no-repeat left 2px;
	}

	/* 働く女性応援企業 */
	#cheer #catTitle01 .inner {
		background: #fff url(../tmpl-img/img_cat_title_cheer01.jpg) no-repeat left top;
	}
	
	#cheer #catTitle01 h2 span {
		padding-left: 42px;
		background: url(../tmpl-img/ico_cat_title_cheer01.png) no-repeat left 2px;
	}
	
	/* ハッピーワーカー */
	#happy-worker #catTitle01 .inner {
		background: #fff url(../tmpl-img/img_cat_title_happy_worker01.jpg) no-repeat left top;
	}
	
	#happy-worker #catTitle01 h2 span {
		padding-left: 42px;
		background: url(../tmpl-img/ico_cat_title_happy_worker01.png) no-repeat left 2px;
	}
	
	/* お役立ち情報 */
	#useful #catTitle01 .inner {
		background: #fff url(../tmpl-img/img_cat_title_useful01.jpg) no-repeat left top;
	}
	
	#useful #catTitle01 h2 span {
		padding-left: 42px;
		background: url(../tmpl-img/ico_cat_title_useful01.png) no-repeat left 2px;
	}
	
	/* ニュース＆トピックス */
	#news #catTitle01 .inner {
		background: #fff url(../tmpl-img/img_cat_title_news01.jpg) no-repeat left top;
	}
	
	#news #catTitle01 h2 span {
		padding-left: 42px;
		background: url(../tmpl-img/ico_cat_title_news01.png) no-repeat left 2px;
	}
	
	/* 企業の皆様へ */
	#company #catTitle01 .inner {
		background: #fff url(../tmpl-img/img_cat_title_company01.jpg) no-repeat left top;
	}
	
	#company #catTitle01 h2 span {
		padding-left: 42px;
		background: url(../tmpl-img/ico_cat_title_company01.png) no-repeat left 2px;
	}


	/*	.companyNavi - 企業の皆さまへボタン
	-------------------------------------------------- */
	.companyNavi {
		position: absolute;
		top: 0;
		right: 20px;
		background: url(../tmpl-img/btn_company_navi.png) no-repeat center 0;
	}
	
	#catTitle01 .companyNavi {
		right: 0;
	}
	
	.companyNavi a {
		display: inline-block;
		width: 243px;
		height: 78px;
		padding-top: 10px;
		color: #333;
		font-size: 1.8em;
		font-weight: bold;
		text-decoration: none;
		text-align: center;
		line-height: 1.5;
	}
	
	.companyNavi a:hover {
		color: #7688de;
	}
	
	.companyNavi a span {
		display: inline-block;
		padding-left: 15px;
		background: url(../tmpl-img/ico_arrow02.png) no-repeat left center;
	}

/* --------------------------------------------------
	single.php, page.php - 個別ページ
-------------------------------------------------- */
/*	.articleTitle01 - 記事タイトル
-------------------------------------------------- */
#main .articleTitle01 {
	position: relative;
	margin-bottom: 50px;
	padding: 15px 40px;
	background: url(../tmpl-img/bg_article_title01.png) no-repeat left top;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

#main .articleTitle01:after {
	content: "";
	display: block;
	clear: both;
}

/* ハッピーワーカー */
#happy-worker #main .articleTitle01 {
	background: none;
	padding: 15px 10px;
}

#main .articleTitle01 .ico {
	position: absolute;
	top: -70px;
	right: -50px;
}

#main .articleTitle01 .volume {
	float: left;
	width: 100px;
	height: 50px;
	line-height: 50px;
	margin-right: 20px;
	padding-right: 20px;
	background: url(../tmpl-img/bg_happy_worker_volume01.png) no-repeat left top;
	border-right: 1px solid #eee;
	font-size: 2.8em;
	font-weight: bold;
	text-align: center;
}

#main .articleTitle01 .volume span {
	font-size: 0.571428571em;
}

#main .articleTitle01 .title01 {
	font-size: 2.2em;
	font-weight: normal;
}

#main .articleTitle01 .title01 span {
	font-size: 0.727272727em;
}

#main .articleTitle01 p {
	font-size: 1.4em;
}

/*	.articleBody01 - 記事本文
-------------------------------------------------- */
#main .articleBody01 h3 {
	margin: 2em 0;
	min-height: 20px;
	padding: 15px 15px 15px 46px;
	background: #faf5eb url(../tmpl-img/ico_h3.png) no-repeat 20px 20px;
	border-radius: 8px;
	font-size: 2em;
	font-weight: bold;
}

#main .articleBody01 h4 {
	margin: 1.5em 0;
	padding: 8px 10px;
	border-bottom: 1px solid #eee;
	border-left: 6px solid #fdd92a;
	border-raius-left: 5px;
	font-size: 1.8em;
	font-weight: bold;
}

#main .articleBody01 h5 {
	margin: 1.5em 0 1em;
	padding-bottom: 8px;
	border-bottom: 1px dotted #ddd;
	font-size: 1.6em;
	font-weight: bold;
}

#main .articleBody01 h6 {
	margin: 1.5em 0 1em;
	font-size: 1.6em;
	font-weight: bold;
}

#main .articleBody01 p,
#main .articleBody01 ul,
#main .articleBody01 ol,
#main .articleBody01 dl {
	margin: 1em 0;
	font-size: 1.6em;
	line-height: 1.7;
}

#main .articleBody01 ul {
	margin-left: 25px;
}

#main .articleBody01 ol {
	margin-left: 25px;
}

#main .articleBody01 li {
	margin-bottom: 5px;
}

#main .articleBody01 li ul {
	margin-top: 0;
}

#main .articleBody01 li ol {
	margin-top: 0;
}

#main .articleBody01 dt {
	margin: 1em 0;
	font-weight: bold;
}

#main .articleBody01 dd {
	margin: 1em 0 1.5em;
}

#main .articleBody01 p strong {
	font-weight: bold;
}

#main .articleBody01 table {
	width: 100%;
	margin: 1.5em 0;
	font-size: 1.4em;
}

#main .articleBody01 table th,
#main .articleBody01 table td {
	padding: 0.75em 1em;
	border: 1px solid #ddd;
}	

#main .articleBody01 table th {
	width: 8em;
	background-color: #f4efef;
	text-align: center;
}

#main .articleBody01 table p,
#main .articleBody01 table ul,
#main .articleBody01 table ol,
#main .articleBody01 table dl,
#main .articleBody01 table table {
	margin: 0;
	font-size: 1em;
}

#main .articleBody01 ul p,
#main .articleBody01 ol p,
#main .articleBody01 dl p,
#main .articleBody01 ul ul,
#main .articleBody01 ol ul,
#main .articleBody01 dl ul,
#main .articleBody01 ul ol,
#main .articleBody01 ol ol,
#main .articleBody01 dl ol,
#main .articleBody01 ul dl,
#main .articleBody01 ol dl,
#main .articleBody01 dl dl
#main .articleBody01 ul table,
#main .articleBody01 ol table,
#main .articleBody01 dl table {
	font-size: 1em;
}

#main .articleBody01 #map {
	margin: 3em 0;
}

#main .articleBody01 #map iframe {
	width: 100% !important;
	height: 320px !important;
}

/*	.block - ブロック
-------------------------------------------------- */
#main .articleBody01 .block {
	margin-bottom: 30px;
}

#main .articleBody01 .block .thumb {
	float: right;
	width: 270px;
	margin-left: 30px;
}

#main .articleBody01 .block .textArea {
	overflow: hidden;
}

/* .relatedLink01 - 関連リンク
-------------------------------------------------- */
#main .articleBody01 .relatedLink01 {
	margin-bottom: 0;
}

#main .articleBody01 .relatedLink01 .thumb {
	float: left;
	width: 240px;
	margin: 0;
	margin-right: 20px;
}

#main .articleBody01 .relatedLink01 h2 {
	margin-top: 10px;
	font-size: 1.8em;
	font-weight: normal;
}

#main .articleBody01 .relatedLink01 h2 {
	text-align: left;
}

/* .btn - ボタンスタイル
-------------------------------------------------- */
#main .articleBody01 .btn {
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.3;
}

#main .articleBody01 .btn a {
	display: block;
	padding: 6px 40px;
	background-color: #e63450;
	border-radius: 8px;
	color: #fff;
	
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
	
#main .articleBody01 .btn a:hover {
	background-color: #ec677c;
	text-decoration: none !important;
}

#main .articleBody01 .btn a span {
	padding-left: 18px;
	background: url(../tmpl-img/ico_arrow03.png) no-repeat left center;
}

/*	.information - 働く女性応援企業用テーブルスタイル
-------------------------------------------------- */
#main .articleBody01 .information {
	width: 500px;
}

#main .articleBody01 .information a {
	padding-right: 20px;
	background: url(../tmpl-img/ico_externl_link01.png) no-repeat right center;
}

/* --------------------------------------------------
	category.php, archive.php - アーカイブ
-------------------------------------------------- */
/*	.articleList01 - 記事一覧
-------------------------------------------------- */
.articleList01:after {
	content: "";
	display: block;
	clear: both;
}

/* ハッピーワーカー */
#happy-worker #main .articleList01 {
	margin-bottom: 40px;
}

#happy-worker #main .articleList01 .unit {
	width: 940px;
}

#happy-worker #main .articleList01 .unit .postBlock {
	width: 610px;
}

/* 働く女性応援企業 */
#cheer #main .articleList01 {
	margin-bottom: 40px;
	margin-right: -20px;
}

#cheer #main .articleList01 .unit {
	float: left;
	margin-right: 20px;
}

/*	.newsList - ニュース＆トピックス一覧
-------------------------------------------------- */
.newsList {
	margin-bottom: 20px;
	padding: 20px 20px 10px 20px;
	background-color: #fff;
	border-radius: 5px;
}

.newsList header {
	padding-bottom: 8px;
	border-bottom: 1px solid #e43450;
}

.newsList header h1 {
	float: left;
	font-size: 1.8em;
	line-height: 1.25;
}

.newsList header p {
	float: right;
	margin-top: 5px;
	font-size: 1.2em;
	line-height: 1.25;
}

.newsList header p a {
	display: inline-block;
	padding-right: 22px;
	background: url(../tmpl-img/ico_list01.png) no-repeat right center;
}

.newsList ul {
	padding: 5px 0;
	text-align:left;
}

.newsList li {
	list-style-type: none;
	padding: 10px 0;
	border-top: 1px dotted #ddd;
	font-size: 1.4em;
}

.newsList ul li:first-child {
	border: none;
}

.newsList li time {
	display: block;
	font-size: 0.85714285714em;
}

.newsList li a {
	display: block;
	color: #7688de;
}

.newsList ul li a:hover {
	text-decoration: underline;
}

/* ニュース＆トピックス */
#news .newsList ul {
	padding: 0;
}

#news .newsList li {
	padding: 16px 0;
}

#news .newsList li time {
	float: left;
	margin-right: 30px;
	padding-top: 2px;
}

#news .newsList li a {
	overflow: hidden;
}

/*	.companyNaviList - 企業の皆様へ一覧
-------------------------------------------------- */
.companyNaviList {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fdd92a;
	border-radius: 5px;
}

.companyNaviList header {
	margin-bottom: 15px;
	padding: 13px 0;
	background: url(../tmpl-img/ico_company.png) no-repeat right top;
}

.companyNaviList header a {
	color: #333;
	text-decoration: none;
}

.companyNaviList header h1 {
	padding-left: 20px;
	background: url(../tmpl-img/ico_circle01.png) no-repeat left center;
	font-size: 1.8em;
	line-height: 1.25;
}

.companyNaviList ul {
	padding: 0 15px;
	background-color: #fff;
	font-size: 1.4em;
	line-height: 1.5;
}

.companyNaviList li a {
	color: #333;
}

.companyNaviList li a:hover {
	color: #7688de;
	text-decoration: underline;
}

.companyNaviList li {
	list-style: none;
	padding: 10px 0 10px 15px;
	background: url(../tmpl-img/ico_arrow02.png) no-repeat left 15px;
	border-bottom: 1px dotted #ddd;
}

.companyNaviList li:last-child {
	border: none;
}

#company .companyNaviList li {
	padding: 20px 0 20px 15px;
	background: url(../tmpl-img/ico_arrow02.png) no-repeat left 25px;
}

#company .companyNaviList li a {
	display: block;
}

/*	.usefulList - お役立ち情報一覧
-------------------------------------------------- */
.usefulList li{
	margin-bottom: 20px;
	list-style-type: none;
}

.usefulList p{
	margin-bottom: 20px;
	list-style-type: none;
}

.usefulList li a {
	display: block;
	background-color:#fff;
	padding: 12px 18px;
	border-radius: 5px;
	color: #333;
}

.usefulList li a:hover {
	color: #7688de;
	text-decoration: none;
}

.usefulList li a div {
	min-height: 76px;
	overflow: hidden;
}

.usefulList li.child a div {
	background: url(../tmpl-img/bnr_ico01.png) no-repeat right center;
}

.usefulList li.recruit a div {
	background: url(../tmpl-img/bnr_ico02.png) no-repeat right center;
}

.usefulList li.work a div {
	background: url(../tmpl-img/bnr_ico03.png) no-repeat right center;
}

.usefulList li h1 {
	display: block;
	margin: 15px 0 10px;
	padding-left: 15px;
	background: url(../tmpl-img/ico_bar01.png) no-repeat left top;
	font-size: 1.8em;
	line-height: 1.25;
}

.usefulList ul li p {
	display: block;
	font-size: 1.4em;
	line-height: 1.5;
	margin-bottom: 0px;
}

/* お役立ち情報 */
#useful .usefulList li {
	float: left;
	width: 50%;
}

#useful .usefulList li a {
	margin: 0 10px;
}


/*	.aboutList - 当サイトについて
-------------------------------------------------- */
.aboutList {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fdd92a;
	border-radius: 5px;
}

.aboutList header {
	margin-bottom: 15px;
	padding: 13px 0;
	background: url(../tmpl-img/ico_about.png) no-repeat right top;
}

.aboutList header a {
	color: #333;
	text-decoration: none;
}

.aboutList header h1 {
	/*padding-left: 20px;*/
	text-align:left;
	/*background: url(../tmpl-img/ico_cat_title_about.gif) no-repeat left center;*/
	font-size: 1.8em;
	line-height: 1.25;
}

.aboutList ul {
	padding: 0 15px;
	background-color: #fff;
	font-size: 1.4em;
	line-height: 1.5;
	text-align:left;
}

.aboutList li a {
	color: #333;
}

.aboutList li a:hover {
	color: #7688de;
	text-decoration: underline;
}

.aboutList li {
	list-style: none;
	padding: 10px 0 10px 15px;
	background: url(../tmpl-img/ico_arrow02.png) no-repeat left 15px;
	border-bottom: 1px dotted #ddd;
}

.aboutList li:last-child {
	border: none;
}







/*	#pager - ページャー
-------------------------------------------------- */
#pager {
	clear: both;
	margin-top: 30px;
	margin-bottom: 0 !important
}

#pager p {
	font-size: 1.4em;
	font-weight: bold;
	text-align: center;
}

#pager .current {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #e63450;
	color: #fff;
}

#pager a {
	display: inline-block;
	margin-right: 10px;
	padding: 5px 10px;
	background-color: #fff;
	color: #333;
	text-decoration: none;
}

#pager a:hover {
	background-color: #e63450;
	color: #fff;
}

/* --------------------------------------------------
	Responsive Settings - スマートフォン用設定
-------------------------------------------------- */

@media screen and (max-width:640px) {

	#catTitle01 .inner {
		height: auto;
	}

	#catTitle01 h2 {
		margin: 76px 0 20px;
		text-align: center;
	}

	#catTitle01 .companyNavi {
		display: none;
	}
	
	#main .articleWrap {
		padding: 20px;
		overflow: hidden;
	}
	
	#main .articleTitle01 {
		margin-bottom: 30px;
		text-align: center;
	}
	
	#main .articleTitle01 .ico {
		display: none;
	}
	
	#main .articleTitle01 .volume {
		display: inline-block;
		float: none;
		width: auto;
		height: auto;
		line-height: 1.5;
		margin: 0 auto 10px;
		padding: 5px 20px;
		background: #fdd92a;
		border: none;
		border-radius: 5px;
		font-size: 1.8em;
	}
	
	#main .articleBody01 h3 {
		margin: 1.5em 0;
		font-size: 1.6em;
	}
	
	#main .articleBody01 h4 {
		margin: 1em 0;
		font-size: 1.6em;
	}
	
	#main .articleBody01 p {
		font-size: 1.5em;
	}
		
	#main .articleBody01 table {
		width: 100%;
	}
	
	#main .articleBody01 table th {
		width: 4em;
	}
	
	#main .articleBody01 .block {
		margin-bottom: 20px;
	}
	
	#main .articleBody01 .block .thumb {
		float: none;
		width: auto;
		margin: 0;
	}
	
	#main .articleBody01 .block .thumb p:last-child,
	#main .articleBody01 .block .textArea p:last-child {
		margin-bottom: 0;
	}
	
	#main .articleBody01 .btn {
		display: block;
	}
	
	#main .articleBody01 .information {
		width: 100%;
	}
	
	#main .articleBody01 .relatedLink01 .thumb {
		text-align: center;
	}
	
	#main .articleBody01 .relatedLink01 h2 {
		font-size: 1.8em;
		line-height: 1.3;
	}
	
	#cheer #main .articleList01 {
		margin-right: 0;
	}
	
	#cheer #main .articleList01 .unit.cheer {
		margin-right: 0;
	}
	
	#cheer #main .articleList01 .unit.cheer article {
		margin: 0 5px;
	}
	
	#happy-worker #main .articleList01 {
		margin-bottom: 30px;
	}
	
	#happy-worker #main .articleList01 .unit {
		width: 100%;
	}
	
	#happy-worker #main .articleList01 .unit .postBlock {
		width: auto;
	}
	
	#useful .usefulList li {
		float: none;
		width: 100%;
	}
	
	#useful .usefulList li a {
		margin: 0;
	}
		
}