@charset "UTF-8";

@import url("base/reset.css");

@import url("common.css");
@import url("layout.css");

@import url("print.css");


/* /////////////////////////////////////////////////////////////////////////// Common */

/* ----------------------------------------------------- contentsMenu */
#cmSupport a{
	background-image: url(images/career_cmenu_btn01.gif);
}

#cmData a{
	background-image: url(images/career_cmenu_btn02.gif);
}

#cmGuide a{
	background-image: url(images/career_cmenu_btn03.gif);
}

#cmLink a{
	background-image: url(images/career_cmenu_btn04.gif);
}

#cmSystem a{
	background-image: url(images/career_cmenu_btn05.gif);
}


/* /////////////////////////////////////////////////////////////////////////// Contents */

/* ----------------------------------------------------- support */
#supportSkill{
	color: #00a2d7;
	text-align: center;
}

#supportSkill img{
	vertical-align: texttop;
	margin: 0px 5px;
}

#supportSkillBox{
	margin: 0px 0px 0px 23px;
}

#supportSkillBox #actionBox, #supportSkillBox #thinkBox, #supportSkillBox #teamBox{
	padding-top: 5px;
	padding-bottom: 1px;
	width: 180px;
	float: left;
}

#supportSkillBox p, h6{
	text-align: center;
}

#supportSkillBox h6{
	font-weight: bold;
}

#supportSkillBox em{
	padding: 0px 8px;
}

#supportSkillBox ul{
	padding: 5px 15px;
}

#supportSkillBox ul li{
	margin-left: 1em;
	list-style: disc;
}

#supportSkillBox #actionBox{
	border: 1px solid #8fc76d;
	color: #639f3e;
}

#supportSkillBox #actionBox em{
	background: #e3eed5;
}

#supportSkillBox #actionBox ul{
	border-top: 1px dashed #8fc76d;
	background: #e3eed5;
}

#supportSkillBox #thinkBox{
	border: 1px solid #e7863f;
	color: #e37422;
}

#supportSkillBox #thinkBox em{
	background: #fbeadd;
}

#supportSkillBox #thinkBox ul{
	border-top: 1px dashed #e7863f;
	background: #fbeadd;
}

#supportSkillBox #teamBox{
	border: 1px solid #996457;
	color: #734b42;
}

#supportSkillBox #teamBox em{
	background: #f1e9e7;
}

#supportSkillBox #teamBox ul{
	border-top: 1px dashed #996457;
	background: #f1e9e7;
}

.stepText{
	padding-left: 12px;
	background: url(images/common_list07.gif) no-repeat 1px 0.6em;
}


/* ----------------------------------------------------- data */
.resultsBox{
	width: 200px;
	float: left;
}


/* ----------------------------------------------------- Future */
#univNav{
	margin: 0px -10px 20px 0px;
	overflow: hidden;
	zoom: 1;
}

#univNav li{
	margin-right: 10px;
	display: inline;
	float: left;
	width: 200px;
}

#univNav li a{
	display: block;
	width: 200px;
	height: 120px;
	background-image: url(images/faculty_nav01.jpg);
	background-repeat: no-repeat;
	text-indent: -999px;
	text-decoration: none;
}

/* *Hides from IE-mac \*/
#univNav li a{
	overflow: hidden;
}
/* *End hide from IE-mac */

#univNav #expression a{ margin-bottom: 10px; background-position: 0px 0px; }
#univNav #humanPsycho a{ margin-bottom: 10px; background-position: 0px -120px; }
#univNav #child a{ margin-bottom: 10px; background-position: 0px -240px; }
#univNav #society a{ background-position: 0px -360px; }
#univNav #environment a{ background-position: 0px -480px; }
#univNav #hnscience a{ background-position: 0px -600px; }

#univNav #expression a:hover{ background-position: -200px 0px; }
#univNav #humanPsycho a:hover{ background-position: -200px -120px; }
#univNav #child a:hover{ background-position: -200px -240px; }
#univNav #society a:hover{ background-position: -200px -360px; }
#univNav #environment a:hover{ background-position: -200px -480px; }
#univNav #hnscience a:hover{ background-position: -200px -600px; }

#futureRead{
	margin-bottom: 15px;
	padding-bottom: 20px;
	border-bottom: 1px dotted #d5e2e9;
	overflow: hidden;
	zoom: 1;
}

#futureRead p{
	float: left;
	width: 400px;
}

#futureRead div{
	float: right;
	width: 200px;
}

.course h5{
	margin-bottom: 13px;
	color: #575f63;
	font-size: 117%;
	font-weight: bold;
	text-align: center;
}

.course h6{
	margin-bottom: 10px;
	padding: 2px 6px;
	line-height: 1.7;
	background: #e7eef2;
	font-weight: bold;
}

.course h6 span{
	color: #00a2d7;
	font-size: 117%;
}

.workList{
	padding: 8px 10px;
	border: 1px solid #c9dbe4;
}

.workList dl{
	margin-bottom: 0.5px;
	width: 100%;
}

.workList dt{
	width: 12em;
	background: #e7eef2;
	text-align: center;
}

.workList dd{
	margin: -1.8em 0em 0.5em 13em;
}

.futureMsg{
	padding: 8px 10px;
	border: 1px solid #c9dbe4;
	overflow: hidden;
	zoom: 1;
	background: #e7eef2;
}

.futureMsg .text{
	float: left;
	width: 400px;
}

.futureMsg .photo{
	float: right;
	width: 190px;
}

.futureMsg .photo img{
	padding: 5px;
	background: #fff;
}

.futureMsg h6{
	margin-bottom: 5px;
	color: #00a2d7;
	font-size: 117%;
	font-weight: bold;
	text-align: left;
}

.futureMsg .prof{
	margin-bottom: 5px;
	line-height: 1.4;
	text-align: right;
}

.futureMsg .prof span{
	font-size: 87%;
}