@charset "UTF-8";
@import url("../../css/common.css");

/* ============================================================ コンテンツナビゲーション */
#contentsNavigator h3 {
	width: 147px;
	height: 30px;
	margin: 0;
	position: relative;
	top: -30px;
	left: -10px;
	background-image: url("../images/clickIndex.png");
	text-indent: -1000em;
}

#contentsNavigator ul {
	margin-top: -30px;
	margin-left: -10px;
	margin-right: -10px;
}

#contentsNavigator ul li {
	height: 30px;
}

#contentsNavigator ul li a {
	height: 30px;
}

#contentsNavigator li {
	width: 147px;
}

#contentsNavigator ul li.blank {
	background-image: url("../images/blankNavi.jpg");
}

#contentsNavigator #syoukai {
	background-image: url("../images/syoukai.jpg");
}
#contentsNavigator #syoukai a {
	background-image: url("../images/syoukaiButton.jpg");
}

#contentsNavigator #sikaku {
	background-image: url("../images/sikaku.jpg");
}
#contentsNavigator #sikaku a {
	background-image: url("../images/sikakuButton.jpg");
}

#contentsNavigator #syuusyoku {
	background-image: url("../images/syuusyoku.jpg");
}
#contentsNavigator #syuusyoku a {
	background-image: url("../images/syuusyokuButton.jpg");
}

#contentsNavigator #setubi {
	background-image: url("../images/setubi.jpg");
}
#contentsNavigator #setubi a {
	background-image: url("../images/setubiButton.jpg");
}

#contentsNavigator #message {
	background-image: url("../images/message.jpg");
}
#contentsNavigator #message a {
	background-image: url("../images/messageButton.jpg");
}

#contentsNavigator #sakuhin {
	background-image: url("../images/sakuhin.jpg");
}
#contentsNavigator #sakuhin a {
	background-image: url("../images/sakuhinButton.jpg");
}

#contentsNavigator #subjectNews {
	background-image: url("../images/news.jpg");
}
#contentsNavigator #subjectNews a {
	background-image: url("../images/newsButton.jpg");
}

#contentsNavigator .blankMiddle {
	background-image: url("../images/blankMiddle.jpg");
}
#contentsNavigator .blankRight {
	background-image: url("../images/blankRight.jpg");
}


/* ============================================================ index.html 用スタイル */
#subjectContents {
	margin-bottom: 2em;
}

#subjectContents h2 {
	height: 150px;
	background-image: url("../images/subjectTitle.png");
}

#subjectContents h3 {
	margin: 0;
	padding: 0;
	border: 0;
	width: auto;
	text-indent: 0;

	font-weight: normal;
	font-size: 10pt;
}

#subjectContents .width280 {
	width: 270px;
	height: 12em;
	margin-top: 1.8em;
}

#subjectContents .width280 p {
	margin: 0 1em 1em 2em;
	font-size: 7pt;
}

#subjectContents .width280 p.lead {
	margin: 0 1em 0 1em;
	font-size: 8pt;
}

#subjectContents h3 a {
	display: block;
	margin: 1px;
	padding: 0.2em 1em;
	font-size: 10pt;
	letter-spacing: 0.1em;
}

#subjectContents h3 a:link,
#subjectContents h3 a:visited {
	color: #fff;
}

#subjectContents h3 a:hover {
	text-shadow: 2px 2px 2px #333;
}


#subjectContents #sb_kentiku {
	border: solid #00a1c9 1px;
	border-left: solid #00a1c9 8px;
	
}
#subjectContents #sb_kentiku h3 {
	border-bottom: solid #00a1c9 1px;
}
#subjectContents #sb_kentiku h3 a {
	background-color: #00a1c9;
}
#subjectContents #sb_kentiku h3 a:hover {
	background-color: #00c900;
}

#subjectContents #sb_senkouka {
	border: solid #0067a5 1px;
	border-left: solid #0067a5 8px;
}
#subjectContents #sb_senkouka h3 {
	border-bottom: solid #0067a5 1px;
}
#subjectContents #sb_senkouka h3 a {
	background-color: #0067a5;
}
#subjectContents #sb_senkouka h3 a:hover {
	background-color: #00c900;
}

#subjectContents #sb_machi {
	border: solid #009b72 1px;
	border-left: solid #009b72 8px;
}
#subjectContents #sb_machi h3 {
	border-bottom: solid #009b72 1px;
}
#subjectContents #sb_machi h3 a {
	background-color: #009b72;
}
#subjectContents #sb_machi h3 a:hover {
	background-color: #00c900;
}

#subjectContents #sb_denki {
	border: solid #8d9e5a 1px;
	border-left: solid #8d9e5a 8px;
}
#subjectContents #sb_denki h3 {
	border-bottom: solid #8d9e5a 1px;
}
#subjectContents #sb_denki h3 a {
	background-color: #8d9e5a;
}
#subjectContents #sb_denki h3 a:hover {
	background-color: #00c900;
}

#subjectContents #sb_kikai {
	border: solid #eb8b2d 1px;
	border-left: solid #eb8b2d 8px;
}
#subjectContents #sb_kikai h3 {
	border-bottom: solid #eb8b2d 1px;
}
#subjectContents #sb_kikai h3 a {
	background-color: #eb8b2d;
}
#subjectContents #sb_kikai h3 a:hover {
	background-color: #00c900;
}

#subjectContents #sb_it {
	border: solid #a1267d 1px;
	border-left: solid #a1267d 8px;
}
#subjectContents #sb_it h3 {
	border-bottom: solid #a1267d 1px;
}
#subjectContents #sb_it h3 a {
	background-color: #a1267d;
}
#subjectContents #sb_it h3 a:hover {
	background-color: #00c900;
}

#subjectContents #sb_jyouhou {
	border: solid #d81a64 1px;
	border-left: solid #d81a64 8px;
}
#subjectContents #sb_jyouhou h3 {
	border-bottom: solid #d81a64 1px;
}
#subjectContents #sb_jyouhou h3 a {
	background-color: #d81a64;
}
#subjectContents #sb_jyouhou h3 a:hover {
	background-color: #00c900;
}

#subjectContents #sb_onkyou {
	border: solid #7769a1 1px;
	border-left: solid #7769a1 8px;
}
#subjectContents #sb_onkyou h3 {
	border-bottom: solid #7769a1 1px;
}
#subjectContents #sb_onkyou h3 a {
	background-color: #7769a1;
}
#subjectContents #sb_onkyou h3 a:hover {
	background-color: #00c900;
}


#subjectContents #sb_media {
	border: solid #999 1px;
	border-left: solid #999 8px;
}
#subjectContents #sb_media h3 {
	border-bottom: solid #999 1px;
}
#subjectContents #sb_media h3 a {
	background-color: #999;
}
#subjectContents #sb_media h3 a:hover {
	background-color: #00c900;
}


/* ============================================================ コンテンツindex.html用スタイル */
#gaiyouContents h3#jyugyouTitle {
	background-image: url("../images/jyugyouTitle.jpg");
}

#gaiyouContents h3#curriculumTitle {
	background-image: url("../images/curriculumTitle.jpg");
}


/* ============================================================ sikaku.html用スタイル */
#sikakuContents h3#licenseTitle {
	background-image: url("../images/licenseTitle.jpg");
}

#sikakuContents strong {
	color: #cc0000;
	font-weight: bold;
}

#sikakuContents .goukaku {
	margin: 0;
	margin-left: -10px;
	padding: 0;
	width: 588px;
}

/* ============================================================ syuusyoku.html用スタイル */
#syuusyokuContents h3#syokusyuTitle {
	background-image: url("../images/syokusyuTitle.jpg");
}

#syuusyokuContents h3#sigotoTitle {
	background-image: url("../images/sigotoTitle.jpg");
}

#syuusyokuContents h3#naiteisakiTitle {
	background-image: url("../images/naiteisakiTitle.jpg");
}


/* ============================================================ setubi.html用スタイル */
#setubiContents h3.barTitle {
	background-image: url("../images/setubiTitle.jpg");
}


/* ============================================================ message.html用スタイル */
#messageContents h3.barTitle {
	background-image: url("../images/messageTitle.jpg");
}


/* ============================================================ sakuhin.html用スタイル */
#sakuhinContents h3.barTitle {
	background-image: url("../images/sakuhinTitle.jpg");
}

#sakuhinContents table.portfolio {
	border-spacing: 20px;
	empty-cells: hide;
	clear: both;
}

#sakuhinContents .portfolio td {
	width: 150px;
	padding: 5px;
	border: solid 1px #cccccc;
	text-align: center;
	vertical-align: top;
	background-color: #eeeeee;
}

#sakuhinContents .portfolio td.empty {
	border: none;
	background-color: transparent;
}

#sakuhinContents .portfolio td a {
	margin: 5px auto;
}

#sakuhinContents .portfolio td dt {
	font-weight: bold;
	font-size: 0.9em;
	color: #005900;
}


/* ============================================================ news.html用スタイル */
#newsContents h3.barTitle,
#newsListContents h3.barTitle {
	background-image: url("../images/newsTitle.jpg");
}

/* トピックス写真エリア */
#newsContents #topicsPhoto {
	width: 210px;
	float: left;
}

/* トピックス本文 */
#newsContents #topicsBody {
	width: 350px;
	float: right;
}

/* トピックス本文 */
#newsContents #topicsBodyAll {
	width: 100%;
}

/* トピックス関連リンクエリア */
#newsContents #topicsLink {
	clear: both;
}

#newsContents #topicsLink h4 {
	margin-top: 2em;
}

#newsContents #topicsLink p {
	margin-top: 0.5em;
	margin-bottom: 1.5em;
	margin-left: 3em;
}

/* 記事一覧 */
#newsContents #topicsOlder,
#newsListContents #topicsOlder {
	clear: both;
}

#newsContents #topicsOlder ul,
#newsListContents #topicsOlder ul {
	list-style: none;
	margin-left: 3em;
}

#newsContents #topicsOlder ul li,
#newsListContents #topicsOlder ul li {
	float: left;
	width: 90px;
}

/* トピックス一覧 */
#topicsList {
	width: 100%;
}

#newsListContents dl {
	width: 550px;
	margin-top: 1em;
	margin-left: 1em;
	line-height: 1.7;
}

#newsListContents dt {
	display: block;
	width: 80px;
	float: left;
	font-size: 0.85em;
}

#newsListContents dd {
	display: block;
	width: 468px;
	float: left;
	font-size: 0.95em;
}

#newsListContents #topicsOlder {
	margin-top: 2em;
}

/* ====================================================================== 動画領域設定クラス */
.subjectMovie {
	width: 240px;
	float: left;
	margin-right:1em;
	margin-bottom: 1em;
}

.subjectMovie p.mvScreen {
	height: 160px;
}

.subjectMovie p.mvScreen a {
	display: block;
	width: 240px;
	height: 160px;
	background-image: url("../../images/moviePlay.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -10000em;
	overflow: hidden;
}

.subjectMovie p.mvScreen a:hover {
	background-position: left bottom;
}

/* ====================================================================== 時間割クラス */
table.curi {
	margin: 0.5em auto 1.5em;
	width: 568px;
}

table.curi th {
	text-align: center;
}
table.curi td {
	min-width: 80px;
}

table.curi th.title {
	padding: 2px 5px;
	color: #eee;
	background-color: #0059bc;
}

table.curi th.width50 {
	width: 30px;
}

table.curi th {
	color: #333355;
	background-color: #f7eaae;
}

table.curi td {
	height: 50px;
	color: #333355;
	background-color: #eee;
	text-align: center;
	font-size: 10px;
}

table.curi td.taisaku {
	color: #fff;
	background-color: #619efa;
	text-shadow: 2px 2px 2px #666;
}

/* ====================================================================== 認定指定校クラス */
ul.nintei {
	width: 560px;
	list-style: none;
	margin: 1em auto;
}

ul.nintei li {
	margin: 2px 0;
	padding: 2px 10px;
	color: #fff;
	background-color: #0059bc;
	text-shadow: 2px 2px 2px #666;
}

/* ====================================================================== 資格テーブルクラス */
table.sikakuTable {
	width: 560px;
	margin: 0.5em auto;
	table-layout: fixed;
	border-collapse: separate;
	border-spacing: 2px;
	empty-cells: hide;
}

table.sikakuTable th {
	width: 50%;
	padding: 5px 10px;
	color: #fff;
	background-color: #0059bc;
	font-weight: normal;
	font-size: 1.2em;
	text-align: left;
	text-shadow: 2px 2px 2px #000;
}

table.sikakuTable th a {
	display: block;
	margin-top: -1.2em;
	text-align: right;
	font-size: 0.8em;
	color: #eee;
}
table.sikakuTable th a:hover {
	color: #e56b0b;
}

table.sikakuTable td {
	color: #030;
	background-color: #eee0e0;
	padding: 5px 10px;
	font-size: 0.9em;
	vertical-align: top;
}