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

CSS Information
File Name : page.css
Style Info: 各ページのスタイル指定
Date: 2014-12-20

************************************************** */
/* --------------------------------------------------
	全ページ共通
---------------------------------------------------*/
#main .articleBody h4 {
	margin: 1em 0 1em;
	padding: 3px 0 3px 10px;
	border-bottom: 1px dotted #ddd;
	border-left: 4px solid #5a7de3;
	font-size: 1.6em;
	font-weight: bold;
	overflow: hidden;
}

#main .articleBody h5 {
	margin: 1.5em 0 1em;
	padding: 10px 10px 10px 35px;
	background: #eee url(../tmpl-img/ico_h5.png) no-repeat 15px center;
	border-radius: 10px;
	font-size: 1.6em;
	font-weight: bold;
}

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

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

#main .articleBody ul {
	margin-left: 15px;
	list-style: outside disc;
}

#main .articleBody ol {
	margin-left: 20px;
	list-style: outside decimal;
}

#main .articleBody li {
	margin: 0.5em 0;
}

#main .articleBody li ul {
	margin: 0.5em 0 0.5em 15px;
	list-style: outside circle;
}

#main .articleBody li ol {
	margin: 0.5em 0 0.5em 20px;
}

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

#main .articleBody dd {
	margin: 0.5em 0;
}

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

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

#main .articleBody table th,
#main .articleBody table td {
	padding: 1em 10px;
	border: 1px solid #eee;
}	

#main .articleBody table th {
	width: 8em;
	background-color: #eef2fc;
	vertical-align: middle;
	text-align: center;
}

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

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

#main .articleBody .alignleft {
	margin-right: 20px;
	margin-bottom: 20px;
}

#main .articleBody .alignright {
	margin-left: 20px;
	margin-bottom: 20px;
}

/*	.captionLeft - キャプション付きブロック
--------------------------------------------------- */
#main .articleBody .captionLeft {
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
}

#main .articleBody .captionLeft p {
	margin: 10px 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/*	.captionRight - キャプション付きブロック
--------------------------------------------------- */
#main .articleBody .captionRight {
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
}

#main .articleBody .captionRight p {
	margin: 10px 0 0;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}

/*	.cl - クリア
--------------------------------------------------- */
#main .articleBody .cl {
	clear: both;
	margin: 20px 0;
}

/*	.col3 - 3カラム
--------------------------------------------------- */
#main .articleBody .col3 {
	list-style: none;
	margin: 0;
	margin-right: -2.777777777%;
	font-size: 1em;
}

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

#main .articleBody .col3 .col {
	float: left;
	width: 30.555555555%; /* 220px/720px*/
	margin: 0;
	margin-right: 2.777777777%; /* 20px/720px*/
}

#main .articleBody .col3 .col h6 {
	margin:  0;
	border-bottom: 1px solid #eee;
	font-size: 1.4em;
}



/* --------------------------------------------------
	.section - セクション
----------------------------------------------------*/
.section {
	margin-bottom: 40px;
}

/* --------------------------------------------------
	.headingBlock - 見出しブロック（一覧あり）
----------------------------------------------------*/
/*	.headingBlock01 - パターン01
----------------------------------------------------*/
.headingBlock01 {
	position: relative;
	min-height: 30px;
	margin-bottom: 20px;
	padding: 10px 0;
	background-color: #eee;
}

.headingBlock01:after {
	content: "";
	display: block;
	clear: both;
}

.headingBlock01 .heading {
	float: left;
	padding-top: 6px;
	padding-right: 10px;
	padding-left: 10px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
}

.headingBlock01 .heading img {
	vertical-align: middle !important;
}

/*	初期設定
----------------------------------------------------*/
.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_default01.png) no-repeat left center;
}

/*	#news - ニュース
----------------------------------------------------*/
#news.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_news01.png) no-repeat left center;
}

/*	#backnumber - バックナンバー
----------------------------------------------------*/
#backnumber.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_backnumber01.png) no-repeat left center;
}

/*	#feature - 連載・特集
----------------------------------------------------*/
#feature.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_feature01.png) no-repeat left center;
}

/*	#column - コラム
----------------------------------------------------*/
#column.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_column01.png) no-repeat left center;
}

/*	#event - イベント・セミナー
----------------------------------------------------*/
#event.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_event01.png) no-repeat left center;
}

/*	#job - 求人情報
----------------------------------------------------*/
#job.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_job01.png) no-repeat left center;
}

/*	#reader - 皆さんコーナー
----------------------------------------------------*/
#reader.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_reader01.png) no-repeat left center;
}

/*	#book - 書籍
----------------------------------------------------*/
#book.headingBlock01 {
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_book01.png) no-repeat left center;
}

/*	.btnList - 一覧を見る
----------------------------------------------------*/
.headingBlock01 .btnList {
	display: inline;
	float: right;
	margin: 0 !important;
	margin-top: 3px !important;
	margin-right: 10px !important;
	background-color: #333;
	border-radius: 5px;
	font-size: 1.2em !important;
	text-align: center;
}

.headingBlock01 .btnList a {
	display: block;
	padding: 3px 18px;
	text-decoration: none;
}

.headingBlock01 .btnList a span {
	padding-left: 10px;
	background: url(../tmpl-img/ico_arrow04.png) no-repeat left center;
	color: #fff;
	text-decoration: none;
}

/* --------------------------------------------------
	.subHeading - サブ見出し
----------------------------------------------------*/
.subHeading {
	margin: 30px 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #eee;
	font-size: 1.8em;
	font-weight: bold;
}

.subHeading span {
	padding-left: 10px;
	border-left: 4px solid #5a7de3;
}

/* --------------------------------------------------
	#topicPath - パンくずリスト
-------------------------------------------------- */
/*	#topicPath01 - パターン01
----------------------------------------------------*/
#topicPath01 {
	margin: 0 0 15px;
}

#topicPath01 ol {
	font-size: 1.4em;
}

#topicPath01 li {
	display: inline;
	height: 16px;
	margin-right: 5px;
}

#topicPath01 a {
	padding-right: 22px;
	background: url(../tmpl-img/ico_topicpath01.png) no-repeat right center;
}

#topicPath01 a .home {
	padding-left: 22px;
	background: url(../tmpl-img/ico_home.png) no-repeat left center;
}

/* --------------------------------------------------
	#pager - ページャー
-------------------------------------------------- */
#pager {
	clear: both;
	margin: 40px 0 30px !important;
	text-align:center;
}

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

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

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

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

/* --------------------------------------------------
	.btn01 - もっと見る
	.btn02 - リセットボタン
----------------------------------------------------*/
.btn01,
.btn02{
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
}

.btn01 a,
.btn02 a{
	display: block;
	width: 280px;
	margin: 30px auto;
	padding: 12px 0;
	background-color: #5a7de3;
	border:none;
	border-radius: 8px;
	color: #fff;
	text-decoration: none;
	
	-webkit-transition: .5s;
	-moz-transition: .5s;
	-ms-transition: .5s;
	transition: .5s;
	
	cursor:pointer;
}

.btn02 a{
	background-color: #333333;
}

.btn01 a:hover,
.btn02 a:hover{
	background-color: #7d9bfa;
	text-decoration: none !important;
}

.btn02 a:hover{
	background-color: #666666;
}

.btn01 a span,
.btn02 a span {
	padding-left: 16px;
	background: url(../tmpl-img/ico_arrow01.png) no-repeat left center;
}

.btn02 a span {
	padding-left: 16px;
	background: url(../tmpl-img/ico_arrow07.png) no-repeat left center;
}

/* --------------------------------------------------
	.msg - システムメッセージ
----------------------------------------------------*/
.msg {
	font-size: 1.4em;
}

/* --------------------------------------------------
	#topBannerArea - 上部バナーエリア
----------------------------------------------------*/
#topBannerArea {
	width: 90%; /* 900px/1000px*/
	margin: 30px auto;
}

#topBannerArea .wrapper {
	position: relative;
	padding: 10px 30px;
	background-color: #fff;
	border: 1px solid #eee;
}

#topBannerArea01 li {
	text-align: center;
}

#topBannerArea .wrapper .btnPrev {
	position: absolute;
	top: 0;
	left: 0;
	width: 20px;
	height: 100%;
	background: #eee url(../tmpl-img/ico_arrow05.png) no-repeat center center;
	cursor: pointer;
}

#topBannerArea .wrapper .btnNext {
	position: absolute;
	top: 0;
	right: 0;
	width: 20px;
	height: 100%;
	background: #eee url(../tmpl-img/ico_arrow03.png) no-repeat center center;
	cursor: pointer;
}

.bannerMore {
	margin-top: 5px;
	font-size: 1.1em;
}

/* owl.carousel.js用スタイル設定 */
.owl-controls {
	margin-top: 0 !important;
}

.owl-pagination {
	display: none;
}



/* ---------------------------------------------------
	01 - トップページ
--------------------------------------------------- */
/*	#pickupNews - ピックアップニュース
----------------------------------------------------*/
#pickupNews {
	margin-bottom: 30px;
	border: 1px solid #eee;
}

#pickupNews .heading {
	display: none;
}

#pickupNews .thumb {
	float: left;
	width: 238px;
	height: 198px;
	border-right: 1px solid #eee;
	overflow: hidden;
}

#pickupNews .thumb img {
	max-width: none;
}

#pickupNews .icon {
	display: block;
	margin-top: -15px;
	margin-left: 240px;
	padding-left: 10px;
}

#pickupNews .block {
	width: inherit;
	margin-left: 240px;
	padding: 15px 10px 0;
}

#pickupNews .noThumbnail{
	margin-left: 0px;
}

#pickupNews .block .articleTitle {
	margin-bottom: 10px;
	font-size: 2.2em;
	font-weight: bold;
	line-height: 1.2;
}

#pickupNews .block .articleTitle a {
	text-decoration: none;
}

#pickupNews .block .articleExerpt {
	margin-bottom: 10px;
	font-size: 1.4em;
}



/* ---------------------------------------------------
	02 - カテゴリページ
----------------------------------------------------*/
/*	.articleList - 記事一覧
----------------------------------------------------*/
.articleList {
	margin-top: -20px;
	margin-right: -4.109589041%; /* 30px/730px 700px+30px(ネガティブマージン) */
}

.articleList:after {
	content: "";
	display: block;
	clear: both;
}

.articleList li {
	float: left;
	width: 45.890410958%; /* 335px/730px */
	margin-top: 20px;
	margin-right: 4.109589041%; /* 30px/730px */
	padding-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

.articleList li .thumb {
	float: left;
	width: 80px;
	height: 80px;
	overflow: hidden;
}

.articleList li .thumb img {
	max-width: none;
	height: inherit;
}

.articleList li .block {
	margin-left: 90px;
}

.articleList li .noThumbnail {
	margin-left: 0;
}

.articleList li .articleTitle {
	margin-bottom: 15px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
}

.articleList li .articleTitle a {
	text-decoration: none;
}

.articleList li .articleExerpt {
	font-size: 1.3em;
}

.articleList li .articleCategory {
	margin-top: 10px;
	font-size: 1.2em;
}

.articleList li .articleCategory a {
	display: inline-block;
	padding-left: 14px;
	background: url(../tmpl-img/ico_arrow01.png) no-repeat left 3px;
	color: #333;
	text-decoration: none;
}

/*	.backnumberList - バックナンバー一覧
---------------------------------------------------*/
.backnumberList {
	margin-top: -15px;
	margin-right: -2.234636871%; /* 16px/716px 700px+16px(ネガティブマージン) */
}

.backnumberList:after {
	content: "";
	display: block;
	clear: both;
}

.backnumberList li {
	float: left;
	width: 47.765363128%; /* 342px/716px */
	margin-top: 16px;
	margin-right: 2.234636871%; /* 16px/716px */
}

.backnumberList li a {
	display: block;
	padding: 18px 30px 18px 15px;
	background: #fff url(../tmpl-img/ico_arrow06.png) no-repeat right center;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
}

.backnumberList li a:hover {
	background-color: #eef2fc;
	text-decoration: none !important;
}

.backnumberList li a span {
	display: inline-block;
	padding-left: 10px;
	border-left: 6px solid #5a7de3;
}

/* 過去記事へのボタンリンク */
.btnBacknumber {
	clear: both;
	margin-top: 30px;
	border-top: 1px solid #eee;
}

.btnBacknumber .btn01 {
}

.btnBacknumber .btn01 a {
	display: inline-block;
	width: auto;
	padding: 20px;
}

.btnBacknumber .btn01 a span {
	padding-left: 21px;
    background: url("../tmpl-img/ico_gnavi02.png") no-repeat left 2px;
}

.btnBacknumber .btn01 a span span {
	display: inline;
	padding: 0;
	padding-right: 20px;
    background: url("../tmpl-img/ico_arrow01.png") no-repeat right center;
}

/*	.featureList - 特集一覧
----------------------------------------------------*/
.featureList {
	margin-top: -20px;
	margin-right: -4.109589041%; /* 30px/730px 700px+30px(ネガティブマージン) */
}

.featureList:after {
	content: "";
	display: block;
	clear: both;
}

.featureList li {
	float: left;
	width: 45.890410958%; /* 335px/730px */
	margin-top: 20px;
	margin-right: 4.109589041%; /* 30px/730px */
	padding-bottom: 15px;
	border-bottom: 1px dotted #ddd;
}

.featureList li .thumb {
	float: left;
	width: 78px;
	height: 78px;
	border: 1px solid #eee;
	overflow: hidden;
}

.featureList li .block {
	margin-left: 90px;
}

.featureList li .noThumbnail {
	margin-left: 0;
}

.featureList li .featureTitle {
	margin-bottom: 10px;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.3;
}

.featureList li .featureTitle a {
	display: inline-block;
	padding-left: 15px;
	background: url(../tmpl-img/ico_arrow01.png) no-repeat left 3px;
	text-decoration: none;
}

.featureList li .featureDescription {
	font-size: 1.4em;
}

/*	.titleBlock01 - タイトルブロック（カテゴリ）
----------------------------------------------------*/
.titleBlock01 {
	margin-bottom: 30px;
}

.titleBlock01 .thumb {
	float: left;
	width: 198px;
	height: 198px;
	border: 1px solid #eee;
}

.titleBlock01 .block {
	margin-left: 220px;
	overflow: hidden;
}

.titleBlock01 .noThumbnail {
	margin-left: 0px;
}

.titleBlock01 .block .title {
	margin: 20px 0 10px;
	color: #004d9d;
	font-size: 2.4em;
	font-weight: bold;
	line-height: 1.2;
}

.titleBlock01 .block p {
	font-size: 1.4em;
}

/*	.eventList - イベント一覧
----------------------------------------------------*/
.eventList {
	margin-top: -10px;
}

.eventList:after {
	content: "";
	display: block;
	clear: both;
}

.eventList li {
	padding: 15px 0 10px;
	border-bottom: 1px dotted #ddd;
}

.eventList li .eventMeta {
	margin-bottom: 5px;	
}

.eventList li .eventCategory {
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 5px 5px;
	background-color: #5a7de3;
	border-radius: 5px;
	color: #fff;
	font-size: 1.2em;
	line-height: 1;
}

/* イベントカテゴリのカラー設定 */
.eventList li .eventCategory {
	background-color: #286edc;
}

.eventList li .event {
	background-color: #00a0e6;
}

.eventList li .music {
	background-color: #fa7d00;
}

.eventList li .exhibition {
	background-color: ##965aaa;
}

.eventList li .stage {
	background-color: #e12a66;
}

.eventList li .sports {
	background-color: #00a000;
}

.eventList li .seminar {
	background-color: #cddc00;
	color: #333;
}

.eventList li .recruit {
	background-color: #ffd200;
	color: #333;
}

.eventList li .etc {
	background-color: #aa6e3c;
}

.eventList li .eventDate {
	font-size: 1.4em;
}

.eventList li .eventNote {
	font-size: 1.2em;
}

.eventList li .eventTitle {
	font-size: 1.6em;
	font-weight: bold;
}

.eventList li .eventTitle a {
	text-decoration: none;
}

/*	.eventBlock - イベント一覧
---------------------------------------------------*/
.eventBlock .upcoming .subHeading,
.eventBlock .inSession .subHeading {
	margin: 10px 0;
}

/* 開催中 */
.eventBlock .inSession {
	float: right;
	width: 28.5714285%; /* 200px/700px */
	padding: 23px 2.8571428%; /* 20px/700px */
	background: #eef2fc url(../tmpl-img/bg_event_list02.png) repeat-x center top;
}

.eventBlock .inSession .subHeading02 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 3px solid #fff;
	font-size: 1.8em;
	font-weight: bold;
}

.eventBlock .inSession .subHeading02 span span {
	font-size: 66.666666666%;
}

.eventBlock .inSession .eventList .eventCategory {
	margin-right: 5px;
	font-size: 0.75em;
}

.eventBlock .inSession .eventList .eventTitle {
	margin-bottom: 5px;
	font-size: 1.4em;
}

.eventBlock .inSession .eventList .eventMeta {
	margin-bottom: 0;
}

.eventBlock .inSession .eventList .eventNote {
	display: block;
	margin-top: 5px;
}

/* 近日開催 */
.eventBlock .upcoming {
	float: left;
	width: 61.4285714%;
}

/*	.jobTitle - 求人情報タイトル
---------------------------------------------------*/
.jobTitle {
	margin-bottom: 20px;
	border: 1px solid #eee;
}

/*	.jobList - 求人情報一覧
---------------------------------------------------*/
.jobList {
}

.jobList li {
	margin-bottom: 20px;
}

.jobList li a {
	display: block;
	padding: 18px 120px 18px 15px;
	background: #fff url(../tmpl-img/bg_job_list01.png) no-repeat right center;
	border: 1px solid #eee;
	border-radius: 5px;
	color: #004da0;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
}

.jobList li a:hover {
	background: #eef2fc url(../tmpl-img/bg_job_list01.png) no-repeat right center;
	text-decoration: none !important;
}


/*	.aboutList - ニュース和歌山について一覧
---------------------------------------------------*/
.aboutList {
	margin-top: -16px;
	margin-right: -2.234636871%; /* 16px/716px 700px+16px(ネガティブマージン) */
}

.aboutList li {
	float: left;
	width: 47.765363128%; /* 342px/716px */
	margin-top: 16px;
	margin-right: 2.234636871%; /* 16px/716px */
}

.aboutList li a {
	display: block;
	padding: 18px 30px 18px 15px;
	background: #fff url(../tmpl-img/ico_arrow06.png) no-repeat right center;
	border: 1px solid #eee;
	border-radius: 3px;
	color: #333;
	font-size: 1.6em;
	font-weight: bold;
	line-height: 1.5;
	text-decoration: none;
}

.aboutList li a:hover {
	background-color: #eef2fc;
	text-decoration: none !important;
}

.aboutList li a span {
	display: inline-block;
	padding-left: 10px;
	border-left: 6px solid #5a7de3;
}



/* ---------------------------------------------------
	03 - 個別ページ
----------------------------------------------------*/
#main .articleHeader {
	margin-bottom: 20px;
}

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

#main .articleHeader .articleDate {
	clear: both;
	font-size: 1.4em;
	text-align: right;
}

#main .articleHeader .articleSNSNavi {
	float: right;
	margin-bottom: 5px;
}

#main .articleHeader .articleSNSNavi div {
	float: left;
	margin-bottom: 5px;
	margin-left: 10px;
}

#main .articleHeader .articleSNSNavi .twitterButton .twitter-share-button {
	width: 90px !important;
}

/*	.aside - このカテゴリの最新記事
---------------------------------------------------*/
#main .aside {
	margin-bottom: 20px;
}

#main .aside .asideHeading01 {
	margin-bottom: 30px;
	padding-bottom: 8px;
	background: url(../tmpl-img/bg_side_pickup01.png) no-repeat left bottom;
	font-size: 1.5em;
	font-weight: bold;
}

/*	.titleBlock02 - タイトルブロック02
---------------------------------------------------*/
.titleBlock02 {
	margin-bottom: 20px;
	padding: 5px;
	background-color: #f5f5f5;
}

.titleBlock02 .thumb {
	float: left;
	width: 58px;
	height: 58px;
	border: 1px solid #eee;
}

.titleBlock02 .block {
	margin-left: 70px;
	overflow: hidden;
}

.titleBlock02 .block .title {
	margin: 10px 0 10px;
	font-size: 1.4em;
	line-height: 1.4;
}

.titleBlock02 .block .title a {
	color: #333;
	text-decoration: none;
}

/*	.eventTable - イベント詳細情報
---------------------------------------------------*/
#main .eventTable {
	margin-bottom: 30px !important;
}

/*	.searchForm - 検索フォーム
----------------------------------------------------*/
#main .searchForm {
	margin: 20px 0px;
	text-align:center;
	background-color:#f5f5f5;
	padding:20px 0px;
}

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

#main .searchForm .searchTextForm {
	width: 80%; /* 80% */
	height: 40px;
	background-color: #FFFFFF;
	border: none;
	line-height: 40px;
	font-size: 1.4em;
}

#main .searchForm .btnSubmit {
	width: 40px;
	height: 40px;
	margin: 0 !important;
	padding: 0 !important;
	background: #333 url(../tmpl-img/ico_search.png) no-repeat center center;
	border: none !important;
	border-radius: 0 !important;
	text-indent: -9999px;
	cursor: pointer;
}

/*	#bookApplication - 書籍申し込みフォーム
----------------------------------------------------*/
#main #bookApplication table tfoot tr {
	border: 1px solid #eee;
}

#main #bookApplication table tfoot td {
	border: none;
}

#main #bookApplication .bookPriceTotalBlock {
	text-align: right;
	margin: 30px 0px;
}

#main #bookApplication .bookPriceTotalBlock span {
	display: inline-block;
	background-color: #ed0000;
	color: #fff;
	padding: 2px 15px;
	border-radius: 5px;
	margin-right: 10px;
}

#main #bookApplication .bookPriceTotalBlock strong {
	font-size: 1.287em;
}

#main #bookApplication .btn01,
#main #bookApplication .btn02 {
	display: inline-block;
}

#main #bookApplication .btn01 a,
#main #bookApplication .btn02 a {
	width: 200px;
}

/*	contact, posts-recruitment-application - お問い合わせ・投稿募集
---------------------------------------------------*/
#main .required {
	color: #e60012;
}

#main .formTable {
}

#main .formTable th {
	width: 30% !important;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

#main .formTable th span.required {
	color: #e60012;
	font-size: 0.8em;
}

#main .formTable td span.required {
	color: #e60012;
	font-size: 1em;
}

#main .formTable input,
#main .formTable textarea {
	padding: 5px;
	border: 1px solid #ddd;
}

#main .formTable input {
	width: 75%;
}

#main .formTable textarea {
	width: 80%;
}

#main .btnForm {
	text-align: center;
}

#main .btnForm input {
	display: inlnie-block;
	width: 280px;
	margin: 20px 0;
	padding: 5px 0;
	background-color: #f5f5f5;
	border: 1px solid #eee;
	cursor: pointer;
}

#main .send-msg ul {
	margin-left: 0;
}

#main .send-msg li {
	list-style: none;
	margin-left: 0;
}

#main .wpcf7-validation-errors {
	font-size: 1.4em;
}

/*	job_ads - 新聞・WEB・フリーペーパー３点セットの求人情報
---------------------------------------------------*/
#main .articleBody #jobAds .col {
	margin-bottom: 20px;
	text-align: center;
}

#main .articleBody #jobAds .gap {
	position: relative;
}

#main .articleBody #jobAds .gap .blockLink {
}

#main .articleBody #jobAds .gap .blockLink a {
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	display: block;
}

#main .articleBody #jobAds .gap .blockLink a span {
	display: none;
}

#main .articleBody #jobAds .col h4 {
	margin: 0;
	padding: 8px 0 6px;
	border: none;
	color: #fff;
}

#main .articleBody #jobAds .col h5 {
	margin: 10px 15px 0;
	padding: 0;
	background: none;
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

#main .articleBody #jobAds .col .gap {
	padding-bottom: 10px;
	border-size: 5px;
	border-style: solid;
	border-radius: 5px;
}

#main .articleBody #jobAds .col p {
	margin: 0;
	margin-top: 10px;
	font-size: 1.2em;
}

#main .articleBody #jobAds .col .lead {
	font-size: 1.3em;
}

/*	#newspaper - 新聞
-------------------------------------------------- */
#main .articleBody #jobAds #newspaper .gap {
	border-color: #005bac;
}

#main .articleBody #jobAds #newspaper h4 {
	background-color: #005bac;
}

#main .articleBody #jobAds #newspaper h5 {
	color: #005bac;
}

/*	#web - WEB
-------------------------------------------------- */
#main .articleBody #jobAds #web .gap {
	border-color: #e60012;
}

#main .articleBody #jobAds #web h4 {
	background-color: #e60012;
}

#main .articleBody #jobAds #web h5 {
	color: #e60012;
}

/*	#freepaper - フリーペーパー
-------------------------------------------------- */
#main .articleBody #jobAds #freepaper .gap {
	border-color: #f39800;
}

#main .articleBody #jobAds #freepaper h4 {
	background-color: #f39800;
}

#main .articleBody #jobAds #freepaper h5 {
	color: #f39800;
}

/* .btnPDF - PDFボタン
---------------------------------------------------*/
#main .articleBody .btnPDF {
	min-height: 30px;
	margin-bottom: 10px;
	padding: 10px 0;
	padding-left: 50px;
	background: #eee url(../tmpl-img/ico_pdf01.png) no-repeat left center;
}

#main .articleBody .btnPDF a {
	display: block;
	padding: 6px 36px 0 10px;
	background: url(../tmpl-img/ico_arrow08.png) no-repeat right center;
	color: #333;
	font-size: 1.07142857142em;
	font-weight: bold;
	text-decoration: none !important;
}

/* --------------------------------------------------
	Responsive Settings
-------------------------------------------------- */
/*	01 - PC Large
-------------------------------------------------- */
@media screen and (min-width:821px) {

	#mainBannerJob {
		display: none;
	}

	#mainBannerArea01 {
		display: none;
	}

}



/*	02 - PC Small
-------------------------------------------------- */
@media screen and (min-width:821px) and (max-width: 999px) {
	


}



/*	03 - for Smart Phone, Tablet
-------------------------------------------------- */
@media screen and (min-width:320px) and (max-width:820px) {
	
	#topBannerArea {
		display: none;
	}
	
	.section {
		margin: 20px 0;
	}
	
	/*	#mainBannerJob - メインバナー（最新の求人情報）
	----------------------------------------------------*/
	#mainBannerJob {
		width: 73.1707317%; /* 600px/820px */
		margin: 0 auto 10px;
	}
	
	#mainBannerJob .wrapper {
		padding: 10px;
		background: url(../tmpl-img/bg_main_banner_job01.png) repeat left top;
	}
	
	#mainBannerJob p {
		background: #fff url(../tmpl-img/bg_main_banner_job02.jpg) no-repeat right bottom;
		font-size: 1.8em;
		font-weight: bold;
	}
	
	#mainBannerJob p a {
		display: block;
		padding: 15px;
		color: #333;
		text-decoration: none;
	}
	
	#mainBannerJob p span {
		display: inline-block;
		padding-left: 60px;
		height: 30px;
		line-height: 30px;
		background: url(../tmpl-img/ico_main_banner_job01.png) no-repeat left center;
	}
	
	/*	#mainBannerArea01 - メインバナーエリア
	----------------------------------------------------*/
	#mainBannerArea01 {
		width: 73.1707317%; /* 600px/820px */
		margin: 0 auto 20px;
	}
	
	#mainBannerArea01 li {
		text-align: center;
	}
	
	#mainBannerArea01 .wrapper {
		position: relative;
		padding: 10px 30px;
		background-color: #fff;
		border: 1px solid #eee;
	}
	
	#mainBannerArea01 .wrapper .btnPrev {
		position: absolute;
		top: 0;
		left: 0;
		width: 20px;
		height: 100%;
		background: #eee url(../tmpl-img/ico_arrow05.png) no-repeat center center;
		cursor: pointer;
	}
	
	#mainBannerArea01 .wrapper .btnNext {
		position: absolute;
		top: 0;
		right: 0;
		width: 20px;
		height: 100%;
		background: #eee url(../tmpl-img/ico_arrow03.png) no-repeat center center;
		cursor: pointer;
	}
	
	/* owl.carousel.js用スタイル設定 */
	.owl-controls {
		margin-top: 0 !important;
	}
	
	.owl-pagination {
		display: none;
	}
	
	.headingBlock01 {
		margin: 20px -10px !important;
	}
	
	.articleList,
	.eventList,
	.featureList {
		margin-top: 0;
	}
	
	#main .searchForm {
		display: none;
	}
}



/*	04 - for Smart Phone
-------------------------------------------------- */
@media screen and (min-width:320px) and (max-width:640px) {
	
	.articleList li,
	.featureList li {
		float: none;
		width: inherit;
		min-height: 80px;
	}
	
	.aboutList {
		margin-top: 0;
		margin-right: 0;
	}
	
	.aboutList li {
		float: none;
		width: inherit;
		margin-top: 10px;
	}
	
	.backnumberList {
		margin-top: 0;
		margin-right: 0;
	}
	
	.backnumberList li {
		float: none;
		width: inherit;
		margin-top: 10px;
	}
	
	.eventBlock .inSession,
	.eventBlock .upcoming {
		float: none;
		width: inherit;
		margin-top: 30px;
	}
	
	#topicPath01 {
		display: none;
	}
	
	.titleBlock02 {
		float: none;
		margin-bottom: 10px;
	}
		
	#main .articleBody .alignleft {
		float: none;
		margin: 0;
	}
	
	#main .articleBody .alignright {
		float: none;
		margin: 0;
	}
	
	#main .articleBody .captionLeft {
		float: none;
		margin: 0;
	}
	
	#main .articleBody .captionRight {
		float: none;
		margin: 0;
	}

	#main .articleBody .captionLeft p,
	#main .articleBody .captionRight p {
	}
	
	/*	.col3 - 3カラム
	----------------------------------------------------*/
	#main .articleBody .col3 {
		margin:  0;
	}

	#main .articleBody .col3 .col {
		float: none;
		width: 100%;
		margin: 0;
	}
	
	.btnBacknumber .btn01 a {
		padding: 10px;
	}

		
}



/*	04.5 - for Smart Phone02
-------------------------------------------------- */
@media screen and (min-width:320px) and (max-width:480px) {
	
	/*	#pickupNews - ピックアップニュース
	----------------------------------------------------*/
	#pickupNews {
		margin-bottom: 30px;
		border: none;
	}
	
	#pickupNews .heading {
		display: block;
		margin: 0 -10px 10px;
		padding: 8px 10px;
		background-color: #23b173;
		color: #fff;
		font-size: 1.5em;
		font-weight: bold;
	}
	
	#pickupNews .heading span {
		padding-left: 20px;
		background: url(../tmpl-img/ico_index_pickup02.png) no-repeat left center;
	}
	
	#pickupNews .thumb {
		float: none;
		width: 100%;
		height: 100%;
		border: none;
	}
	
	#pickupNews .thumb img {
		width: 100% !important;
		height: auto !important;
		margin: 0 !important;
	}
	
	#pickupNews .icon {
		display: none;
	}
	
	#pickupNews .block {
		margin: 15px 0 0;
		padding: 0;
	}
	
	#mainBannerJob,
	#mainBannerArea01 {
		width: 90%; /* 432px/480px */
	}
	
	#mainBannerJob p a{
		padding: 15px 0px 55px 10px;
	}
	
	.eventList .eventMeta {
		margin-bottom: 5px;
		line-height: 1.6;
	}
	
	.eventList .eventNote {
		display: block;
		margin-top: 5px;
	}
	
	/*	.titleBlock01 - タイトルブロック01
	----------------------------------------------------*/
	.titleBlock01 {
		
	}
	
	.titleBlock01 .thumb {
		float: none;
		width: auto;
		height: auto;
	}
	
	.titleBlock01 .block {
		margin-left: 0;
	}
	
	.titleBlock01 .block .title {
		margin: 10px 0;
		font-size: 2.2em;
	}
	
	#main .articleBody .fl.jobAds {
		float: none;
		width: 100% !important;
	}
	
	#main .articleBody .fr.jobAds {
		display: none;
	}


}