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

/*  学校の特徴TOP　school/index.html
---------------------------------------------- */
#index .parentsArea #childArea {
	position: absolute;
	left: 25px;
	top: 150px;
	line-height: 2em;	
}

/*  交通アクセス地図　school/access.html
---------------------------------------------- */
#access .mapBtn {
	background: #E9F8D9;
	border: 2px solid #6EAB23;
}
#access .mapBtn img {
	padding: 10px 0px 10px 25px;
}
#access table.road td.point {
	vertical-align: top;
}
#access table.road td.arrow {
	text-align: center;
	vertical-align: center;
}

/*  TCA独自の実習授業　school/class.html
---------------------------------------------- */
#class .greenline {
	border-top: 2px dotted #090;
	padding-top: 20px;
	margin-top: 20px;
}

/*  校外実習 
教育提携　
laboratory-cooperation.html
動物コミュニケーションワールド
laboratory-animal.html
海洋コミュニケーションワールド
laboratory-sea.html
エココミュニケーションワールド
laboratory-eco.html
---------------------------------------------- */
#laboratory-cooperation .box ,
#laboratory-animal .box ,
#laboratory-sea .box ,
#laboratory-eco .box {
	border: 1px solid #CCC;
	width: 48%;
	padding: 5px;
}

#laboratory-cooperation .box .title ,
#laboratory-animal .box .title ,
#laboratory-sea .box .title ,
#laboratory-eco .box .title {
	color: #FFF;
	font-weight: bold;
	padding: 5px 10px;
	margin-bottom: 5px;
}

#laboratory-cooperation .box .title {
	background: #FF9900;
}

#laboratory-animal .box .title {
	background: #FF6666;
}

#laboratory-sea .box .title {
	background: #3399FF;
}

#laboratory-eco .box .title {
	background: #009966;
}

/*  イベント（学校行事）　school/event.html
---------------------------------------------- */
#event .comentBox {
	background: #EFFFDF;
	padding: 5px;
	margin-top: 20px;
}


/*  企業プロジェクト　school/project.html
---------------------------------------------- */
#project table.projectTable {
	width: 100%;
	border-collapse: collapse;
}

#project table.projectTable th ,
#project table.projectTable td {
	border: 1px solid #AAAAAA;
	padding: 5px;
}
#project table.projectTable th {
	background-color: #D5E8FA;
	text-align: center;
}
#project table.projectTable td {
	text-align: left;
}
#project .result ul {
	width: 650px;
	margin: 0px auto;
}

#project table.projectTable td.subject  {
	background-color: #FFF;
	text-align: center;
}

/*偶数個目の要素*/
#project table.projectTable .odd {
	background-color:#FFF;
}

/*奇数込めの要素*/
#project table.projectTable .even {
	background-color:#F5F8FA;
}


/*  海外実学教育
海外実学研修　
overseas_training02.html
---------------------------------------------- */

#overseas_training02 .scheduleLineBox {
	border-bottom: 1px dotted #666;
	padding-top: 10px;
	padding-bottom: 10px;
}
#overseas_training02 .scheduleLineBox .scheduleDay {
	color: #FFF;
	background: #999;
	display: inline;
	padding: 5px;
}

/*  海外実学教育
海外専門留学
overseas_training03.html
---------------------------------------------- */

#overseas_training03 .schedule {

}

#overseas_training03 .schedule .scheduleTitle {
    background-color: #666666;
    color: #FFFFFF;
    font-weight: bold;
    padding: 3px 0;
    text-align: center;
}

#overseas_training03 .schedule .scheduleLineBox {
	border-bottom: 1px dotted #666666;
	padding: 5px 0;
	overflow:auto;
	zoom:1;
}

#overseas_training03 .schedule .scheduleLineBox .time {
	font-weight: bold;
	width:15%;
	float:left;
	text-align: center;
}
#overseas_training03 .schedule .scheduleLineBox .text {
	width:85%;
	float:left;
}


/*  保護者の方へ　school/for-parent.html
    高校の先生方へ　school/for-teacher.html
---------------------------------------------- */
#for-parents dl.ideal,
#for-teacher dl.ideal {
}
#for-parents dl.ideal dt,
#for-teacher dl.ideal dt {
	margin-right: 20px;
	width: 70px;
	font-weight: bold;
	color: #F60;
}
#for-parents dl.ideal dd,
#for-teacher dl.ideal dd {
	margin-bottom: 20px;
}


/*  リンク集　school/link.html
---------------------------------------------- */
#link .link li {
	line-height: 2em;
	list-style: url(img/link/list_arrow.gif) inside;
	margin-left: 20px;
}


/*  Q&A　school/link.html
---------------------------------------------- */
#faq ul.pageList {
	width: 250px;
	display: inline;
}
#faq ul.pageList li {
	background: url(img/faq/faq_arrow.gif) no-repeat;
	padding-left: 25px;
	margin-bottom: 5px;
}
#faq .btnQuestion {
	width: 200px;
}
#faq .qBox {
	width: 405px;
	border: 5px solid #EEE;
	padding: 20px;
	margin: 10px;
	float: left;
	display: inline;
}
#faq .qBox dl.q,
#faq .qBox dl.a {
	width: 405px;
	float: left;
}
#faq .qBox dl.q dt,
#faq .qBox dl.a dt{
	float: left;
	width: 40px;
	margin-right: 20px;
}
#faq .qBox dl.q dd {
	width: 345px;
	font-weight: bold;
}
#faq .qBox dl.a dd {
	width: 345px;
}
#faq .qBox dl li {
	background: url(img/faq/next_arrow.gif) no-repeat;
	padding-left: 15px;
}
#faq .qBox dl li a {
	color: #06C;
	text-decoration: underline;
}
#faq .qBox dl li a:hover {
	color: #C33;
	text-decoration: underline;
}


/*  大学・短大生･社会人の皆様へ　school/for-society.html
---------------------------------------------- */
#for-society .interviewBlock  {
	overflow:hidden;
	_zoom:1;
}
#for-society .interviewLine {
	padding-bottom: 15px;
	margin-bottom:15px;
	border-bottom: 1px dotted #999;
}
#for-society .interviewBlock dl  {
	overflow:hidden;
	_zoom:1;

}
#for-society .interviewBlock dt  {
	padding-bottom: 5px;
}
#for-society .interviewBlock dd.name  {
	font-weight: bold;
}
#for-society .interviewBlock dd.coment  {
	font-size:77%;	
}
#for-society .decisionBox {
	padding: 10px;
	border: 2px solid #090;
	overflow:hidden;
	_zoom:1;
}
#for-society .decisionBox dl {
	padding-top: 10px;
}
#for-society .decisionBox dt {
	font-weight: bold;
	padding:0 0 5px 0;
}
#for-society .decisionBox dd {
/*	font-size:77%;	*/
}
#for-society dl.employmentBlock {
	float: left;
	width: 350px;
}
#for-society dl.employmentBlock dt {
	padding:0 0 5px 0;
}
#for-society dl.employmentBlock dd {
	font-size:77%;
}
#for-society dl.supportBlock {
	width: 214px;
	padding-right: 15px;
	float: left;
}
#for-society dl.supportLine {
	padding-left: 15px;
	border-left: 1px solid #999;
}
#for-society dl.supportBlock dt {
	padding:0 0 5px 0;
}
#for-society dl.questionLine {
	padding-bottom: 15px;
	margin-bottom:15px;
	border-bottom: 1px dotted #999;
}
#for-society dl.question dt {
	color: #006600;
	background: url(img/for-society/qa_q.gif) no-repeat;
	padding-left: 40px;
	font-size:108%;
	font-weight: bold;
	height: 30px;
}
#for-society dl.question dd {
	background: url(img/for-society/qa_a.gif) no-repeat;
	padding-left: 40px;
	margin-left: 50px;
}