@charset "shift-jis";
/*------------------------------------------------------------*/
/* 共通
/*------------------------------------------------------------*/

/* ボックスサイズの計算方法を指定 */
*{
 box-sizing: border-box;
}

/*------------------------------------------------------------*/
/* レイアウト
/*------------------------------------------------------------*/

/* ページ全体を囲む枠　*/
#wrapper {
	margin: 0 auto;
	width: 960px;
}

/*------------------------------------------------------------*/
/* ヘッダー
/*------------------------------------------------------------*/

/* エリア外枠のスタイル　*/
header {
	padding-top: 15px;
	padding-bottom: 0px;
}

/* 見出しのスタイル　*/
h1 {
	color: black;
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 15px;
}

/* ロゴのスタイル　*/
#header-logo img {
	width: 450px;
	height: 90px;
}

/*------------------------------------------------------------*/
/* ナビゲーション
/*------------------------------------------------------------*/

/* エリア外枠のスタイル　*/
#gNav {
	margin-bottom: 25px;
}

/* メニューリストを囲む枠　*/
#gNav ul {
	display: -webkit-flex;   /* safari用　*/
	display: flex;
}

/* メニューリストの共通スタイル　*/
#gNav li {
	border-left: 1px solid #7dceec;
	height: 45px;
	text-align: center;
	width: 16%
}

/* 一番右のメニューリストのスタイル　*/
#gNav li:last-child{
	border-right: 1px solid #7dceec;
}

/* メニューのリンクスタイル　*/
#gNav a {
	color: #4d4d4d;
	display: block;
	font-size: 11px;
	height: 45px;
	line-height: 2;
	text-decoration: none;
}

/* メニューにマウスを乗せたときのスタイル　*/
#gNav a:hover {
	background-color: #BDF5FE;
}

/* メニューの英文字スタイル　*/
#gNav a span {
	color: #007del;
	display: block;
	font-family: arial;
	font-size: 10px;
}

/* 現在ページのメニュースタイル　*/
#gNav .current-menu-item a, #gNav .current-menu-iyem a span {
	background-color: #00CED1;
	color: #ffffff;
}

/*------------------------------------------------------------*/
/* コンテンツ
/*------------------------------------------------------------*/

/* エリア外枠のスタイル　*/
#contents {
	margin-bottom: 60px;
}

/* 中見出し　*/
h2 {
	background-color: #00CED1;
	color: #ffffff;
	font-size: 18px;
	margin-bottom: 25px;
	padding: 0.5em 1em;
}

/*------------------------------------------------------------*/
/* フッター
/*------------------------------------------------------------*/

/* エリア外枠のスタイル　*/
#footer {
	background: white;
	color: black;
	padding: 25px;
	display: -webkit-flex;  /* safari用 */
	display: flex;
}

/* エリア左側のボックス　*/
#footer-left {
	width: 300px;
}

/* エリア右側のボックス　*/
#footer-right {
	width: 610px;
}

/* ロゴ　*/
#footer-logo img {
	margin-bottom: 15px;
	width: 300px;
	height: 60px;
}

/* 会社所在地　*/
#address {
	font-size: 13px;
}

/* 著作権表記　*/
#copyright {
	text-align: right;
	display: block;
}

/*------------------------------------------------------------*/
/* フッターナビゲーション
/*------------------------------------------------------------*/

/* エリア外枠のスタイル　*/
#fNav {
	margin-bottom: 30px;
}

/* メニューリストを囲む枠　*/
#fNav ul {
	display: -webkit-flex;  /* safari用 */
	display: flex;
	width: 518px;
	margin-left: auto;
}

/* メニューリストの共通スタイル　*/
#fNav li {
	padding: 0 15px;
	border-right: 1px solid #ffffff;
}

/* 一番最後のメニュー　*/
#fNav li:last-child {
	border-right: none;
	padding-right: 0;
}

/* メニューリンクの共通スタイル　*/
#fNav a {
	color: black;
	text-decoration: none;
}

/* メニューリンクにマウスを乗せたときのスタイル　*/
#fNav a:hover {
	background-color: #ffffff;
	color: #2AA8E5;
	opacity: 1;
}

/*------------------------------------------------------------*/
/* トップページ専用スタイル
/*------------------------------------------------------------*/

/* �@エリア内枠のスタイル　*/
#contents .inner {
	margin-bottom: 25px;
}

/* �Aメイン画像　*/
#main_visual {
	width: 100%;
}

/* �B求める人材像　*/
#jinzaizou li {
	margin-left: 5px;
	border-bottom: 1px dotted #aaaaaa;
	padding: 0.2em;
}
/* �C新着情報のリスト　*/
#news li {
	margin-left: 35px;
	border-bottom: 1px dotted #aaaaaa;
	padding: 0.2em;
}

/*------------------------------------------------------------*/
/* 「協議会概要」専用スタイル
/*------------------------------------------------------------*/

/* �@メイン画像　*/
#about_visual {
	width: 100%;
}

/* �A組織のテーブル　*/
#council-prof {
	margin: 0 auto;
	width: 100%;
}

/* �A組織のテーブルセル　*/
#council-prof th, #council-prof td {
	border: 1px solid black;
	padding: 1em;
}

/* �B組織の見出しセル　*/
#council-prof th {
	white-space: nowrap;
	background-color: #00CED1;
	color: white;
	border-bottom: 1px solid #ffffff;
}

/* �C会員企業のテーブル　*/
#council-member {
	margin: 0 auto;
	width: 95%;
}

/* �D会員企業のテーブルセル　*/
#council-member td {
	border: 1px solid black;
	padding: 1em;
}
/* �E後援のテーブル　*/
#council-sponsor {
	margin: 0 auto;
	width: 80%;
}

/* �F後援のテーブルセル　*/
#council-sponsor td {
	border: 1px solid white;
	padding: 1em;
}

/* �Gテキスト　*/
#project_text {
	margin-left: 90px;
	width: 80%;
}


/*------------------------------------------------------------*/
/* 「支援事業・イベント」専用スタイル
/*------------------------------------------------------------*/

/* �@エリア内枠のスタイル　*/
#contents .inner {
	margin-bottom: 25px;
}

/* �Aメイン画像　*/
#project_visual {
	width: 100%;
}

/* �A事業説明　*/
ol {
	margin-left: 35px;
}
ul {
	margin-bottom: 15px;
}

/* �A事業概略図　*/
#project_all {
	margin-left: 150px;
	width: 70%;
}

/* �Cイベントの枠　*/
#event {
	display: -webkit-flex;  /* safari用　*/
	display: flex;
}

/* �C3等分で横並び　*/
.col-4 {
	width: 33.33%;
}

/* �Dイベントのボックス　*/
.event-box {
	padding: 0 25px;
	margin-bottom: 40px;
}

/* �Eイベント小見出し　*/
h3 {
	border: 1px solid #eeeeee;
	border-radius: 4px;
	box-shadow: 1px 1px 1px #999999;
	font-weight: bold;
	margin-bottom: 25px;
	padding: 0.2em 1em;
}

/* �Eイベントの小見出し　*/
.event-box h3 {
	text-align: center;
}

/* �Fイベントの画像　*/
.event-box img {
	margin-bottom: 25px;
	width: 100%;
}

/*------------------------------------------------------------*/
/* 「支援状況」専用スタイル
/*------------------------------------------------------------*/

/* �@エリア内枠のスタイル　*/
#contents .inner {
	margin-bottom: 25px;
}

/* �Aメイン画像　*/
#status_visual {
	width: 100%;
}

/* �B支援専攻一覧のテーブル　*/
#support_major {
	margin: 0 auto;
	width: 80%;
}

/* �B支援専攻一覧のテーブルセル　*/
#support_major td {
	border: 1px solid white;
	padding: 0.5em;
}

/* �C就職実績のテーブル　*/
#Recruit {
	margin: 0 auto;
	width: 80%;
}

/* �D就職実績のテーブルセル　*/
#Recruit th, #Recruit td {
	border: 1px solid black;
	padding: 1em;
}

/* �E就職実績の見出しセル　*/
#Recruit th {
	white-space: nowrap;
	background-color: #00CED1;
	color: white;
	border-bottom: 1px solid #ffffff;
}

/*------------------------------------------------------------*/
/* 「応募・申請」専用スタイル
/*------------------------------------------------------------*/

/* �@エリア内枠のスタイル　*/
#contents .inner {
	margin-bottom: 25px;
}

/* �Aメイン画像　*/
#application_visual {
	width: 100%;
}

/* �B新着情報のリスト　*/
#application li {
	margin-left: 50px;
	padding: 0.2em;
}

/*------------------------------------------------------------*/
/* 「お問合わせ」専用スタイル
/*------------------------------------------------------------*/

/* �@エリア内枠のスタイル　*/
#contents .inner {
	margin-bottom: 25px;
}

/* �Aメイン画像　*/
#contact_visual {
	width: 100%;
}

/* �Bお問合せのテーブル　*/
#contact_table {
	margin-left: 35px;
}