@charset "shift_jis";

/*
########################################################
    base area
########################################################
*/

/*======= general style =======*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}


/*======= container =======*/
#search #container {
}
.index_sp {
	margin:15px 0px 0px 0px;
}

/*======= body =======*/
body {
	color: #666666;
	font-size: 80%;
	text-align: center;
	background:#fff;
}

body#movie {
	background: #f2f2f2;
}

.topopen {
	margin: 0 0 1em 0;
}
/*======= container =======*/
#container {
	width: 860px;
	margin: 0 auto;
	padding: 0 0px;
	text-align: left;
}

#movie #container {
	width: 450px;
	padding: 1em 0 0 0;
}

/*======= header =======*/
#headerBtn {
/*
	position: absolute;
	top: 8px;
	left: 439px;
	*/
	display:none;
	margin:0;
	padding:0;
}

#headerBtn a:link,
#headerBtn a:visited,
#headerBtn a:hover {
	display: block;
	width: 167px;
	height: 66px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
}

#headerNavi {
	list-style: none;
	position: absolute;
	top: 22px;
	right: 0px;
}

#headerNavi li {
	float: left;
	width: 72px;
}
#headerNavi li.hNaviHome {
	float: left;
	width: 45px;
}
.hNaviHome a{
	display: block;
	width: 38px;
	height: 10px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
}
.hNaviSitemap a,
.hNaviAccess a {
	display: block;
	width: 64px;
	height: 10px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
}

.hNaviContact a {
	display: block;
	width: 65px;
	height: 10px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
}

#header form {
	position: absolute;
	top: 40px;
	left: 531px;
	padding:5px 5px 5px 5px;
	width:170px;
	height:20px;
	line-height:100%;
}

#header form p {
	margin: 0;
	padding: 0;
	line-height:100%;
}

#header form .searchField {
	width: 109px;
	padding: 1px 3px;
	margin-right:4px;
	border-top: 1px solid #888888;
	border-right: 1px solid #dddddd;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #888888;
	line-height:100%;
}

#switch {
	list-style: none;
	position: absolute;
	top: 40px;
	right: 0px;
	width: 134px;
	height: 17px;
	padding: 7px 6px 6px 7px;
}
#switch li{
	float:left;
	width: 43px;
	height:17px;
}

#switch .beauty {
	margin: 0px 1px 0px 1px;
}

#switch a:link,
#switch a:visited,
#switch a:hover {
	display: block;
	width: 43px;
	height: 17px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../img/common/switch_btn.gif) no-repeat;
}

#switch .pop a:link,
#switch .pop a:visited {
	background-position: 0px 0px;
}

#switch .pop a:hover {
	background-position: 0px -17px;;
}

#switch .beauty a:link,
#switch .beauty a:visited {
	background-position: -44px 0px;
}

#switch .beauty a:hover {
	background-position: -44px -17px;
}

#switch .cool a:link,
#switch .cool a:visited {
	background-position: -88px 0px;
}

#switch .cool a:hover {
	background-position: -88px -17px;
}

/*======= content =======*/
#content {
	margin-top:15px;
	position: relative;
	float: left;
	width: 620px;
	line-height: 1.5;
	padding-left: 15px;
}

#search #content {
	width: 820px;
}


/*======= side =======*/
#side {
	position: relative;
	float: right;
	width: 194px;
	padding-right: 15px;
/*	text-align: center;*/
}

#side p {
	margin-left: 7px;
}

#search #side {
	display: none;
}

#subNavi {
	margin-top:15px;
	list-style: none;
	margin-bottom: 1em;
	text-align: left;
}

#subNavi li a:link,
#subNavi li a:visited,
#subNavi li a:hover {
	display: block;
	width: 176px;
	padding-left: 20px;
	line-height: 30px;
	text-decoration: none;
}

#subNavi a.subNaviTop:link,
#subNavi a.subNaviTop:visited,
#subNavi a.subNaviTop:hover {
	width: 186px;
	padding-left: 10px;
	font-size: 120%;
}

#subNavi ul {
	list-style: none;
	border-right: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
}

#subNavi ul li {
	height: 1%;
	padding-bottom: 1px;
	border: none;
	background: #efefef url(../../img/common/subNavi_line.gif) no-repeat center bottom;
}

#subNavi ul li.subNaviEnd {
	padding-bottom: 0;
	background: none;
}

#subNavi ul li a:link,
#subNavi ul li a:visited {
	width: 167px;
	padding-left: 27px;
	color: #63676b;
	font-size: 85%;
	background: #efefef url(../../img/common/subNavi_mark.gif) no-repeat 20px 50%;
}

#userNavi {
	list-style: none;
	margin-bottom: 1em;
	border-right: 2px solid #414141;
	border-bottom: 2px solid #414141;
	border-left: 2px solid #414141;
	text-align: left;
}

#userNavi a:link,
#userNavi a:visited,
#userNavi a:hover {
	display: block;
	width: 190px;
	height: 34px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
	background: url(../../img/common/userNavi.gif) no-repeat;
}

#userNavi .uNaviExaminee:link,
#userNavi .uNaviExaminee:visited {
	height: 35px;
	background-position: 0 0;
}

#userNavi .uNaviExaminee:hover {
	height: 35px;
	background-position: -190px 0;
}

#examinee #userNavi .uNaviExaminee:link,
#examinee #userNavi .uNaviExaminee:visited {
	background-position: -190px 0;
}

#userNavi .uNaviGuardian:link,
#userNavi .uNaviGuardian:visited {
	background-position: 0 -35px;
}

#userNavi .uNaviGuardian:hover {
	background-position: -190px -35px;
}

#guardian #userNavi .uNaviGuardian:link,
#guardian #userNavi .uNaviGuardian:visited {
	background-position: -190px -35px;
}

#userNavi .uNaviGraduate:link,
#userNavi .uNaviGraduate:visited {
	background-position: 0 -69px;
}

#userNavi .uNaviGraduate:hover {
	background-position: -190px -69px;
}

#graduate #userNavi .uNaviGraduate:link,
#graduate #userNavi .uNaviGraduate:visited {
	background-position: -190px -69px;
}

#userNavi .uNaviCompany:link,
#userNavi .uNaviCompany:visited {
	background-position: 0 -103px;
}

#userNavi .uNaviCompany:hover {
	background-position: -190px -103px;
}

#company #userNavi .uNaviCompany:link,
#company #userNavi .uNaviCompany:visited {
	background-position: -190px -103px;
}

#userNavi .uNaviStudent:link,
#userNavi .uNaviStudent:visited {
	background-position: 0 -137px;
}

#userNavi .uNaviStudent:hover {
	background-position: -190px -137px;
}

#student #userNavi .uNaviStudent:link,
#student #userNavi .uNaviStudent:visited {
	background-position: -190px -137px;
}



#userNavi .uNaviSociety:link,
#userNavi .uNaviSociety:visited {
	background-position: 0 -171px;
}

#userNavi .uNaviSociety:hover {
	background-position: -190px -171px;
}

#society #userNavi .uNaviSociety:link,
#society #userNavi .uNaviSociety:visited {
	background-position: -190px -171px;
}




#siteList ul {
	list-style: none;
	margin-bottom: 1em;
	text-align: left;
}

#siteList ul li a:link,
#siteList ul li a:visited,
#siteList ul li a:hover {
	display: block;
	width: 176px;
	padding-left: 20px;
	line-height: 30px;
	text-decoration: none;
}

#siteList ul a.subNaviTop:link,
#siteList ul a.subNaviTop:visited,
#siteList ul a.subNaviTop:hover {
	width: 186px;
	padding-left: 10px;
	font-size: 120%;
}

#siteList ul ul {
	list-style: none;
	margin: 0;
	border-right: 1px solid #bfbfbf;
	border-left: 1px solid #bfbfbf;
}

#siteList ul ul li {
	padding-bottom: 1px;
	border: none;
	background: #efefef url(../../img/common/subNavi_line.gif) no-repeat center bottom;
}

#siteList ul ul li.subNaviEnd {
	padding-bottom: 0;
	background: none;
}

#siteList ul ul li a:link,
#siteList ul ul li a:visited {
	width: 167px;
	padding-left: 27px;
	color: #63676b;
	font-size: 85%;
	background: #efefef url(../../img/common/subNavi_mark.gif) no-repeat 20px 50%;
}


/*======= footer =======*/
#footer {
	position: relative;
	clear: both;
	width: 620px;
	border-right: 15px solid #ffffff;
	border-left: 15px solid #ffffff;
	font-size: 85%;
}

#footer ul {
	list-style: none;
	padding: 5px;
	margin-bottom:5px;
}

#footer li {
	float: left;
	margin-right: 10px;
}

#footer p {
	margin: 0;
	letter-spacing:-0.5px!important;
	letter-spacing:-1px;
}

#footer a:link,
#footer a:visited {
	color: #ffffff;
	text-decoration: underline;
}

#footer a:hover {
	color: #ffffff;
	text-decoration: none;
}

#footer #footerTel {
	margin-bottom: 5px;
	background: url(../../img/common/footer_bg.gif) no-repeat 0 0;
	padding:5px;
}
#footer #footerTel img{
	vertical-align:middle;
}
#footer #footerTel .footer_img1{
	padding-left:8px;
}

#footer address {
	padding: 5px 0 10px 0;
	font-family: Arial;
}


/*
########################################################
    style area
########################################################
*/

/*======= heading =======*/
.indexSubject h3 {
	margin: 0;
}

h2 {
	margin-bottom: 0.5em;
	font-size: 100%;
}

#content h2.display {
	width: auto;
	height: auto;
	text-indent: 0;
}

h3 {
	clear: both;
	margin-bottom: 1em;
	font-size: 100%;
}

.architecture{
	padding: 2px 5px;
	border-left: 4px solid #007ABF;
	font-size: 130%;
	color: #007ABF;
	margin-bottom:2px;
	margin-top:10px;
}

.it{
	padding: 2px 5px;
	border-left: 4px solid #BA438C;
	font-size: 130%;
	color: #BA438C;
	margin-bottom:2px;
	margin-top:10px;
}

.information{
	padding: 2px 5px;
	border-left: 4px solid #A1529A;
	font-size: 130%;
	color: #A1529A;
	margin-bottom:2px;
	margin-top:10px;
}

.environment{
	padding: 2px 5px;
	border-left: 4px solid #00ADBB;
	font-size: 130%;
	color: #00ADBB;
	margin-bottom:2px;
	margin-top:10px;
}

.electrical{
	padding: 2px 5px;
	border-left: 4px solid #66BC48;
	font-size: 130%;
	color: #66BC48;
	margin-bottom:2px;
	margin-top:10px;
}

.mechanical{
	padding: 2px 5px;
	border-left: 4px solid #FC7215;
	font-size: 130%;
	color: #FC7215;
	margin-bottom:2px;
	margin-top:10px;
}

.sound{
	padding: 2px 5px;
	border-left: 4px solid #F67B5B;
	font-size: 130%;
	color: #F67B5B;
	margin-bottom:2px;
	margin-top:10px;
}

.media{
	padding: 2px 5px;
	border-left: 4px solid #7F79BA;
	font-size: 130%;
	color: #7F79BA;
	margin-bottom:2px;
	margin-top:10px;
}

.cg{
	padding: 2px 5px;
	border-left: 4px solid #E54977;
	font-size: 130%;
	color: #E54977;
	margin-bottom:2px;
	margin-top:10px;
}


.tx_architecture{
	font-weight:bold;
	color: #007ABF;
}

.tx_it{
	color: #BA438C;
	font-weight:bold;
}

.tx_information{
	color: #A1529A;
	font-weight:bold;
}

.tx_environment{
	color: #00ADBB;
	font-weight:bold;
}

.tx_electrical{
	color: #66BC48;
	font-weight:bold;
}

.tx_mechanical{
	color: #FC7215;
	font-weight:bold;
}

.tx_sound{
	color: #F67B5B;
	font-weight:bold;
	font-size:110%;
	margin-bottom:5px;
}

.tx_media{
	color: #7F79BA;
	font-weight:bold;
}

.tx_cg{
	color: #E54977;
	font-weight:bold;
}

.mini_tx {
	font-size:80%;
}

.box_architecture {
	background-color:#DEEFEF;
	color: #007ABF;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_information {
	background-color:#F3E9F2;
	color: #A1529A;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_it {
	background-color:#F4E3EE;
	color: #BA438C;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_environment {
	background-color:#E8F8F9;
	color: #00ADBB;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_mechanical {
	background-color:#FEF0E7;
	color: #FC7215;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_electrical {
	background-color:#EBF5E7;
	color: #66BC48;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_sound {
	background-color:#FCE8E2;
	color: #F67B5B;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_media {
	background-color:#F2F2F9;
	color: #7F79BA;
	width:280px;
	padding:5px;
	font-size:80%;
}
.box_cg {
	background-color:#FEF6F8;
	color: #E54977;
	width:280px;
	padding:5px;
	font-size:80%;
}

.sub_interview {
	width:280px;
}

.qaBox h3 {
	padding: 5px;
	font-size: 120%;
	background: #e0e0e0;
}

h4 {
	margin-bottom: 1em;
	font-size: 100%;
}

.internshipBox h4 {
	position: absolute;
	top: 50%;
	left: 10px;
	width: 80px;
	margin: -1.5em 0 0 0;
	color: #ffffff;
	font-size: 130%;
}


/*======= paragraph =======*/
p {
	margin-bottom: 1em;
}

.indexSubject {
	float: left;
	width: 350px;
	margin-bottom: 2em;
}

.indexTopics {
	float: right;
	width: 250px;
}

.indexTopics p {
	padding: 0 5px 5px 0;
	font-size: 85%;
	text-align: right;
	background: #f0f0f0;
}

.topicsText {
	float: right;
	width: 365px;
}

.topicsPhoto {
	float: left;
	width: 240px;
}

.topicsRelated {
	clear: both;
	padding: 10px;
	border: 1px solid #cccccc;
}

#substratumLink {
	padding: 0 5px;
}

.subjectIndexIt {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/it_bg.gif) repeat-y 0 0;
}

.subjectIndexInfo {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/information_bg.gif) repeat-y 0 0;
}

.subjectIndexCg {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/cg_bg.gif) repeat-y 0 0;
}

.subjectIndexArch {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/architecture_bg.gif) repeat-y 0 0;
}

.subjectIndexEnvi {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/environment_bg.gif) repeat-y 0 0;
}

.subjectIndexElec {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/electrical_bg.gif) repeat-y 0 0;
}

.subjectIndexMech {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/mechanical_bg.gif) repeat-y 0 0;
}

.subjectIndexSoun {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/sound_bg.gif) repeat-y 0 0;
}

.subjectIndexMedi {
	margin-bottom: 1em;
	color: #ffffff;
	background: url(../../img/subject/index/media_bg.gif) repeat-y 0 0;
}

.subjectIndexIt div,
.subjectIndexInfo div,
.subjectIndexCg div,
.subjectIndexArch div,
.subjectIndexEnvi div,
.subjectIndexElec div,
.subjectIndexMech div,
.subjectIndexSoun div,
.subjectIndexMedi div {
	float: right;
	width: 405px;
	padding-top: 1em;
}

.subjectIndexIt p,
.subjectIndexInfo p,
.subjectIndexCg p,
.subjectIndexArch p,
.subjectIndexEnvi p,
.subjectIndexElec p,
.subjectIndexMech p,
.subjectIndexSoun p,
.subjectIndexMedi p {
	margin-bottom: 0.5em;
}

.itCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #c4518f url(../../img/subject/it/index/bg.gif) repeat-x 0 0;
}

.infoCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #d16cab url(../../img/subject/information/index/bg.gif) repeat-x 0 0;
}

.cgCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #e74673 url(../../img/subject/cg/index/bg.gif) repeat-x 0 0;
}

.archCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #0096f0 url(../../img/subject/architecture/index/bg.gif) repeat-x 0 0;
}

.enviCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #2ba57d url(../../img/subject/environment/index/bg.gif) repeat-x 0 0;
}

.elecCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #539843 url(../../img/subject/electrical/index/bg.gif) repeat-x 0 0;
}

.elecCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #539843 url(../../img/subject/electrical/index/bg.gif) repeat-x 0 0;
}

.mechCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #cc8b06 url(../../img/subject/mechanical/index/bg.gif) repeat-x 0 0;
}

.sounCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #e55c11 url(../../img/subject/sound/index/bg.gif) repeat-x 0 0;
}

.mediCourse {
	margin-bottom: 1em;
	padding: 5px;
	color: #ffffff;
	background: #6a74ac url(../../img/subject/media/index/bg.gif) repeat-x 0 0;
}

.flowArrow {
	margin-bottom: 1em;
	padding-bottom: 1.5em;
	background: url(../../img/entrance/about/img_01.gif) no-repeat center bottom;
}

.qaBox {
	height: 1%;
	margin-bottom: 1em;
	padding: 1px;
	border: 1px solid #e0e0e0;
	background: #f3f3f3;
}

.pressBackNumber {
	position: relative;
	width: 280px;
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #cccccc;
	background: #efefef url(../../img/hitppress/img_06.gif) no-repeat 0 0;
}

.pressBackNumber div {
	float: right;
	width: 170px;
}

.pressDL {
	position: absolute;
	left: 120px;
	bottom: 10px;
	width: 138px;
	margin: 0;
	padding: 5px 5px 5px 27px;
	background: #e1e1e1 url(../../img/hitppress/img_05.gif) no-repeat 5px 50%;
}

#support p.btn_passerBn  {
	text-align: right;
	margin: -3.2em 0 1.8em;
}

.mailmagaForm p {
	margin: 0;
}

#keitai #content .divide01 {
	width: 365px;
}

.sitemap {
	width: 196px;
	padding-right: 16px;
}

.toTop {
	clear: both;
	text-align: right;
}

.align01 {
	text-align: right;
}

.align02 {
	text-align: center;
}

.divide01 {
	float: left;
}

.divide02 {
	float: right;
}

.width01 {
	width: 290px;
}

.width02 {
	width: 370px;
}

.width03 {
	width: 48%;
}

.width04 {
	width: 400px;
}

.width05 {
	width: 500px;
}

.width06 {
	width: 300px;
}

.width07 {
	width: 320px;
}

.width08 {
	width: 394px;
}

.width09 {
	width: 280px;
}

.width10 {
	width: 200px;
}

.width11 {
	width: 470px;
}

.width12 {
	width: 450px;
}

.width13 {
	width: 160px;
}

.width14 {
	width: 360px;
}

.width15 {
	width: 120px;
}
.width16 {
	width: 170px;
}
.width17 {
	width: 430px;
}

.width18 {
	width: 455px;
}

.width19 {
	width: 170px;
}

.width20 {
	width: 100px;
	margin-bottom:10px;
}

.width21 {
	width: 295px;
}

.width22 {
	width: 245px;
}

.width24 {
	width: 370px;
}
.width25 {
	width: 360px;
}

.width26 {
	width: 435px;
}
.width27 {
	width: 175px;
}


.notes01 {
	font-size: 85%;
}

.box01 {
	margin-bottom: 1em;
	padding: 10px;
	background: #efefef;
}

.box02 {
	margin-bottom: 1em;
	padding: 10px;
	border: 2px solid #cccccc;
}

.box03 {
	margin-bottom: 1em;
	padding: 10px;
	border: 1px solid #cccccc;
}

.box04 {
	background-image:url(../../img/subject/interview_up.gif);
	background-repeat: no-repeat; 
	padding:10px;
}

.box05 {
	background-image:url(../../img/subject/interview_down.gif);
	background-position:bottom;
	margin-bottom:25px;
}

.box06 {
	background-image:url(../../img/special/environment/box_up.gif);
	background-repeat: no-repeat; 
	padding:10px;
}

.box07 {
	background-image:url(../../img/special/environment/box_down.gif);
	background-position:bottom;
	width:350px;
}

.box08 {
	width:305px;
	margin-bottom:10px;
}













.fukidashi {
	background:url(../../img/special/environment/fukidashi.gif) no-repeat;
	background-position:0 center ;
	width:376px;
	margin-right:5px;
}

.point {
	width:620px;
	background:url(../../img/special/environment/bar.gif) no-repeat bottom;
	padding-bottom:20px;
	margin-bottom:20px;
}

.space01 {
	padding-bottom: 0px;
}

.space02 {
	margin-bottom: 2em;
}

.attention01 {
	color: #119d65;
}

.attention02 {
	color: #cc0000;
}

.emphasis02 {
	color: #333333;
	font-weight: bold;
	font-size: 120%;
}

.emphasis03 {
	font-size: 120%;
	line-height: 1.3;
}

#entrance .voice_box{
	padding:10px;
	background:#EFEFEF;
	margin-bottom:1.8em;
}
#entrance .voice_pic{
	float:left;
	width:190px;
}
#entrance .voice_comment{
	width:400px;
	float:left;
	padding-left:10px;
}

p.special_txt{
	color:#fff;
}
#special_box01 {	padding: 10px;	background: #4D9C49;}
#special_box02 {	padding: 10px;	background: #B5A437;}
#special_box03 {	padding: 10px;	background: #C67932;}
#special_box04 {	padding: 10px;	background: #007298;}
#special_box05 {	padding: 10px;	background: #CC3300;}
#special_box06 {	padding: 10px;	background: #0B9365;}
#special_box07 {	padding: 10px;	background: #8D703C;}
#special_box08 {	padding: 10px;	background: #5B6681;}
#special_box09 {	padding: 10px;	background: #339FA7;}
#special_box10 {	padding: 10px;	background: #975253;}
#special_box11 {	padding: 10px;	background: #663366;}

#aim_text01 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_01.gif) 0 0 no-repeat;}
#aim_text02 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_02.gif) 0 0 no-repeat;}
#aim_text03 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_03.gif) 0 0 no-repeat;}
#aim_text04 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_04.gif) 0 0 no-repeat;}
#aim_text05 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_05.gif) 0 0 no-repeat;}
#aim_text06 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_06.gif) 0 0 no-repeat;}
#aim_text07 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_07.gif) 0 0 no-repeat;}
#aim_text08 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_08.gif) 0 0 no-repeat;}
#aim_text09 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_09.gif) 0 0 no-repeat;}
#aim_text10 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_10.gif) 0 0 no-repeat;}
#aim_text11 { background: #F2F2F2 url(../../img/special/specialist_01/arrow_11.gif) 0 0 no-repeat;}
.aim_pad{
	padding: 8px 0px 8px 120px;
	margin-bottom:2em;
}













/*======= list =======*/
ul.basic {
	margin: 0 0 1em 1.5em;
}

ol.basic {
	margin: 0 0 1em 2.5em;
}

td ul.basic {
	margin-bottom: 0;
}

.indexSubject ul {
	list-style: none;
	margin-bottom: 1em;
	font-size: 85%;
}

.indexSubject li {
	float: left;
	width: 170px;
	padding:0 0 10px 0;
}
.indexSubject li.left {
	padding-left:10px;
}

ul.society01 {
	padding: 7px 12px;
	border: 1px solid #CCCCCC;
	background-color: #F2F2F2;
}
ul.society01 li {
	list-style: none;
}
dl.society01 dd {
	margin: -1.5em 0 0 1em;
}

.indexTopics dl {
	padding: 5px 0;
	background: #f0f0f0;
	clear:both;
}

.indexTopics dd {
	padding: 0 10px 5px 10px;
	border-bottom: 1px dotted #cccccc;
}

.ellipsis span {
	white-space: nowrap;
	text-overflow: ellipsis; /* for internet explorer */
	overflow: hidden;
	width: 228px;
	display: block;
}

.topSubject {
	margin-top:0px;
}

.topicsList {
	margin-bottom: 1em;
	border-top: 1px dotted #bfbfbf;
}

.topicsList dd {
	margin: -2.6em 0 0 0;
	padding: 7px 0 7px 8em;
	border-bottom: 1px dotted #bfbfbf;
}

#substratumLink dl {
	margin-bottom: 1.5em;
	border-bottom: 1px solid #cccccc;
}

#substratumLink dd {
	padding: 5px 5px 0 5px;
	border-right: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
}

.guideTeacher {
	clear: both;
	height: 1%;
	margin-bottom: 1em;
}

.internshipBox dl {
	float: right;
	width: 520px;
	padding-top: 5px;
	background: #eaeaea;
}

.internshipBox dt {
	padding: 0 10px 5px 10px;
	font-weight: bold;
}

.internshipBox dt.separate {
	padding-top: 5px;
	border-top: 1px solid #ffffff;
}

.internshipBox dd {
	padding: 0 10px 5px 10px;
}

.internshipBox dd.separate {
	border-bottom: 1px solid #cccccc;
}

.entranceOpenPogramright {
	float: right;
	width: 420px;
}

.entranceOpenPogram {
	clear: both;
	margin-bottom: 1em;
	padding: 7px 10px;
	background: url(../../img/entrance/index/img_02.gif) no-repeat 0 0;
}

.entranceOpenPogram dd {
	float: left;
	line-height: 26px;
	padding-left: 1em;
	font-weight: bold;
	font-size: 120%;
}

.flow1 dt,
.flow2 dt,
.flow3 dt,
.flow4 dt,
.flow5 dt,
.flow6 dt,
.flow7 dt,
.flow8 dt {
	padding: 5px 0;
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
	text-align: center;
	background: #f0f0f0;
}

.flow1 dd,
.flow2 dd,
.flow3 dd,
.flow4 dd,
.flow5 dd,
.flow6 dd,
.flow7 dd,
.flow8 dd {
	padding: 5px 0;
	text-align: center;
	background: #ffffff;
}

.scheduleYear {
	width: 320px;
	border-bottom: 1px dotted #999999;
}

.scheduleYear dt {
	float: left;
	width: 68px;
	padding: 5px 0;
}

.scheduleYear dd {
	float: right;
	width: 242px;
	padding: 5px 0;
}

.scheduleYear ul {
	margin-bottom: 0;
}

.lendStep {
	position: relative;
	margin-bottom: 0.7em;
	padding-bottom: 1em;
	background: url(../../img/guide/lend/img_10.gif) no-repeat center bottom;
}

.lendStepEnd {
	position: relative;
	margin-bottom: 1.5em;
}

.lendStep dt,
.lendStepEnd dt {
	position: absolute;
	top: 5px;
	left: 5px;
}

.lendStep dd,
.lendStepEnd dd {
	height: 1%;
	padding: 0 0 0 120px;
	line-height: 52px;
	background: #eaeaea;
}

.mansionPrice dt {
	padding-bottom: 5px;
	border-bottom: 1px dotted #cccccc;
}

.mansionPrice dd {
	padding-top: 5px;
	font-size: 85%;
}

.circumference {
	float: right;
	width: 320px;
}

.circumference dt {
	border-bottom: 1px solid #cccccc;
	font-weight: bold;
}

.circumference dd {
	border-bottom: 1px solid #cccccc;
}

.highschoolList {
	list-style: none;
	margin-bottom: 1.5em;
}

.highschoolList li {
	float: left;
	width: 25%;
}

.subjectPoint dl {
	margin-bottom: 1em;
}

.subjectPoint dt {
	padding: 5px 5px 5px 45px;
	color: #ffffff;
	font-weight: bold;
}

.subjectPoint dd {
	padding: 5px;
	color: #ffffff;
}

.itPoint1 dt {
	background: #963369 url(../../img/subject/it/index/01.gif) no-repeat 5px 50%;
}

.itPoint2 dt {
	background: #963369 url(../../img/subject/it/index/02.gif) no-repeat 5px 50%;
}

.itPoint3 dt {
	background: #963369 url(../../img/subject/it/index/03.gif) no-repeat 5px 50%;
}

.infoPoint1 dt {
	background: #8c156e url(../../img/subject/information/index/01.gif) no-repeat 5px 50%;
}

.infoPoint2 dt {
	background: #8c156e url(../../img/subject/information/index/02.gif) no-repeat 5px 50%;
}

.infoPoint3 dt {
	background: #8c156e url(../../img/subject/information/index/03.gif) no-repeat 5px 50%;
}

.cgPoint1 dt {
	background: #a93454 url(../../img/subject/cg/index/01.gif) no-repeat 5px 50%;
}

.cgPoint2 dt {
	background: #a93454 url(../../img/subject/cg/index/02.gif) no-repeat 5px 50%;
}

.cgPoint3 dt {
	background: #a93454 url(../../img/subject/cg/index/03.gif) no-repeat 5px 50%;
}

.archPoint1 dt {
	background: #0085cd url(../../img/subject/architecture/index/01.gif) no-repeat 5px 50%;
}

.archPoint2 dt {
	background: #0085cd url(../../img/subject/architecture/index/02.gif) no-repeat 5px 50%;
}

.archPoint3 dt {
	background: #0085cd url(../../img/subject/architecture/index/03.gif) no-repeat 5px 50%;
}

.enviPoint1 dt {
	background: #25675b url(../../img/subject/environment/index/01.gif) no-repeat 5px 50%;
}

.enviPoint2 dt {
	background: #25675b url(../../img/subject/environment/index/02.gif) no-repeat 5px 50%;
}

.enviPoint3 dt {
	background: #25675b url(../../img/subject/environment/index/03.gif) no-repeat 5px 50%;
}

.elecPoint1 dt {
	background: #008030 url(../../img/subject/electrical/index/01.gif) no-repeat 5px 50%;
}

.elecPoint2 dt {
	background: #008030 url(../../img/subject/electrical/index/02.gif) no-repeat 5px 50%;
}

.elecPoint3 dt {
	background: #008030 url(../../img/subject/electrical/index/03.gif) no-repeat 5px 50%;
}

.mechPoint1 dt {
	background: #886216 url(../../img/subject/mechanical/index/01.gif) no-repeat 5px 50%;
}

.mechPoint2 dt {
	background: #886216 url(../../img/subject/mechanical/index/02.gif) no-repeat 5px 50%;
}

.mechPoint3 dt {
	background: #886216 url(../../img/subject/mechanical/index/03.gif) no-repeat 5px 50%;
}

.sounPoint1 dt {
	background: #ab4712 url(../../img/subject/sound/index/01.gif) no-repeat 5px 50%;
}

.sounPoint2 dt {
	background: #ab4712 url(../../img/subject/sound/index/02.gif) no-repeat 5px 50%;
}

.sounPoint3 dt {
	background: #ab4712 url(../../img/subject/sound/index/03.gif) no-repeat 5px 50%;
}

.mediPoint1 dt {
	background: #4f588e url(../../img/subject/media/index/01.gif) no-repeat 5px 50%;
}

.mediPoint2 dt {
	background: #4f588e url(../../img/subject/media/index/02.gif) no-repeat 5px 50%;
}

.mediPoint3 dt {
	background: #4f588e url(../../img/subject/media/index/03.gif) no-repeat 5px 50%;
}

.itPoint1 dd,
.itPoint2 dd,
.itPoint3 dd {
	background: #c4518f;
}

.infoPoint1 dd,
.infoPoint2 dd,
.infoPoint3 dd {
	background: #d16cab;
}

.cgPoint1 dd,
.cgPoint2 dd,
.cgPoint3 dd {
	background: #e74673;
}

.archPoint1 dd,
.archPoint2 dd,
.archPoint3 dd {
	background: #0096f0;
}

.enviPoint1 dd,
.enviPoint2 dd,
.enviPoint3 dd {
	background: #2ba57d;
}

.elecPoint1 dd,
.elecPoint2 dd,
.elecPoint3 dd {
	background: #539843;
}

.mechPoint1 dd,
.mechPoint2 dd,
.mechPoint3 dd {
	background: #cc8b06;
}

.sounPoint1 dd,
.sounPoint2 dd,
.sounPoint3 dd {
	background: #e55c11;
}

.mediPoint1 dd,
.mediPoint2 dd,
.mediPoint3 dd {
	background: #6a74ac;
}

.diningList {
	list-style: none;
	margin-bottom: 1em;
}

.diningList li {
	height: 1%;
	padding-left: 17px;
	background: url(../../img/campus/dining/img_01.gif) no-repeat 0 3px;
}

.qaBox dl {
	padding: 0 10px;
}

.qaBox dt {
	margin-bottom: 1em;
	padding-left: 27px;
	background: url(../../img/entrance/qa/q2.gif) no-repeat 0 0;
	cursor: pointer;
}

.qaBox dd {
	margin-bottom: 1em;
	padding: 10px 10px 10px 40px;
	background: #ffffff url(../../img/entrance/qa/a.gif) no-repeat 10px 12px;
}

.qaBox ol {
	margin-bottom: 0;
}

.policy dt {
	font-weight: bold;
	font-size: 120%;
}

.policy dd {
	margin-bottom: 1em;
}

td .linkArrow {
	margin: 0;
}

#women .box01 dt {
	font-size: 120%;
}

#women .box01 dd {
	margin-bottom: 1em;
}

.mailmagaForm {
	position: relative;
	height: 1%;
	margin-bottom: 1em;
	background: #589ce1;
}

.mailmagaForm dt {
	position: absolute;
	top: 50%;
	left: 0;
	width: 150px;
	margin-top: -13px;
	text-align:center;
}

.mailmagaForm dd {
	margin-left: 150px;
	padding: 10px;
	background: #f5f5f5;
}

#entrance .voice_list{
	margin:15px 0px 15px 0px;
	list-style:none;
}
#entrance .voice_list li{
	float:left;
	width:155px;
	text-align:left;
}

#entrance .voice_qa{
	margin:15px 0px 20px 0px;
}
#entrance .voice_qa dt{
	font-weight:bold;
}
#entrance .voice_qa dd{
	padding:0px 0px 15px 0px;
}

#specialist .world dd{
	padding:0px 0px 1.5em 0px;
}

#society .box_society_01{
	width:350px;
}

#society .box_society_02{
	width:250px;
}

#society .box_society_03{
	width:380px;
	color:#FFFFFF;
}

#society .society__h3{
	margin-top:25px;
	margin-bottom:0px;
}

#society .society_menu{
	border:solid 1px #CCCCCC;
	background-color:#EEEEEE;
	padding:10px;
	width:598px;
	margin-bottom:20px;
}

#society .menu01{
list-style-image:url(../../img/user/society/ph_02_m.jpg);
}

#society .society_architecture01{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#0081C5 url(../../img/user/society/ph_02.jpg) no-repeat left bottom;
}
#society .society_architecture02{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#0081C5 url(../../img/user/society/ph_03.jpg) no-repeat left bottom;
}
#society .society_architecture02 a:link,
#society .society_architecture02 a:visited{
	color: #FFFFFF;
	text-decoration: underline;
}
#society .society_architecture02 a:hover{
	color: #FFFFFF;
	text-decoration: none;
}

#society .society_information{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#8E4985 url(../../img/user/society/ph_04.jpg) no-repeat left bottom;
}

#society .society_environment{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#009999 url(../../img/user/society/ph_05.jpg) no-repeat left bottom;
}

#society .society_electrical{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#4DA13C url(../../img/user/society/ph_06.jpg) no-repeat left bottom;
}

#society .society_mechanical{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#FC7215 url(../../img/user/society/ph_07.jpg) no-repeat left bottom;
}

#society .society_sound{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#EE3935 url(../../img/user/society/ph_08.jpg) no-repeat left bottom;
}

#society .society_media01{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#555F9A url(../../img/user/society/ph_09.jpg) no-repeat left bottom;
}

#society .society_media02{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#555F9A url(../../img/user/society/ph_10.jpg) no-repeat left bottom;
}

#society .society_cg{
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background:#E74673 url(../../img/user/society/ph_11.jpg) no-repeat left bottom;
}

#society .society_it{
	background-color:#8E4985;
	width:580px;
	height:350px;
	padding:15px;
	margin-bottom:5px;
	background-image:url(../../img/user/society/ph_10.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}




/*==============================*/
dl#php_topics,
dl#php_news{
	margin-bottom:1em;
}



/*======= table =======*/
table {
	width: 100%;
	margin-bottom: 1em;
	font-size: 100%;
}

table.type1 {
	border-top: 2px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 2px solid #cccccc;
	background: url(../../img/common/td_bg.gif) repeat-y right top;
}

table.type1 th {
	vertical-align: top;
	padding: 5px 7px;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	text-align: left;
	background: #f2f2f2;
}

table.type1 td {
	padding: 5px 7px;
	border-top: 2px solid #ffffff;
	border-bottom: 1px solid #cccccc;
	background: url(../../img/common/th_bg.gif) repeat-y 0 0;
}

table.type2 {
	border-top: 2px solid #cccccc;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	border-left: 2px solid #cccccc;
}

table.type2 th {
	padding: 5px 7px;
	border-top: 2px solid #ffffff;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
	font-weight: normal;
	text-align: left;
	background: #f2f2f2;
}

table.type2 td {
	padding: 5px 7px;
	border-right: 1px solid #cccccc;
	border-bottom: 1px solid #cccccc;
}

table.type3 {
	width: 410px;
}

table.type3 th,
table.type3 td {
	padding: 1px 5px;
}

#keitai #content .divide01 table {
	border-collapse: collapse;
}

#keitai #content .divide01 table th {
	padding: 5px 7px;
	border: 1px solid #eaeaea;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	background: #333333;
}

#keitai #content .divide01 table td {
	padding: 5px 7px;
	border: 1px solid #eaeaea;
	background: #ffffff;
}

.sidebg {
	background:url(../../img/campus/mansion/bg.gif) repeat-y;
	padding:3px 10px;
}


/*passer*/
#support .passer_box01 {
	width: 620px;
	text-align: center;
	background: url(../../img/support/passer/box01_bg.gif) no-repeat 0 0;
	margin-bottom: 1.5em;
}
#support .passer_box01_btm {
	width: 580px;
	background: url(../../img/support/passer/box01_bgBtm.gif) no-repeat left bottom;
	padding: 20px;
}
#support table.passer01 {
	width: 100%;
	margin: 0;
}
#support table.passer01 td {
	width: 194px;
	padding: 5px 8px 5px;
	font-weight: bold;
	text-align: left;
}
#support table.passer01 td span {
	font-size: 85%;
	font-weight: normal;
}
#support table.passer01 td.td_end {
	padding-bottom: 3px;
}






/*======= link =======*/
.indexTopics p a:link,
.indexTopics p a:visited,
.indexTopics p a:hover {
	color: #333333;
}

#substratumLink dd a {
	display: block;
	width: 109px;
	margin-left: auto;
	padding-bottom: 5px;
}

.it a:link,
.it a:visited {
	color: #a13770;
	text-decoration: none;
}

.it a:hover {
	color: #a13770;
	text-decoration: underline;
}

.information a:link,
.information a:visited {
	color: #875088;
	text-decoration: none;
}

.information a:hover {
	color: #875088;
	text-decoration: underline;
}

.cg a:link,
.cg a:visited {
	color: #e74673;
	text-decoration: none;
}

.cg a:hover {
	color: #e74673;
	text-decoration: underline;
}

.architecture a:link,
.architecture a:visited {
	color: #0072af;
	text-decoration: none;
}

.architecture a:hover {
	color: #0072af;
	text-decoration: underline;
}

.environment a:link,
.environment a:visited {
	color: #008c9d;
	text-decoration: none;
}

.environment a:hover {
	color: #008c9d;
	text-decoration: underline;
}

.electrical a:link,
.electrical a:visited {
	color: #4da13c;
	text-decoration: none;
}

.electrical a:hover {
	color: #4da13c;
	text-decoration: underline;
}

.mechanical a:link,
.mechanical a:visited {
	color: #fc7215;
	text-decoration: none;
}

.mechanical a:hover {
	color: #fc7215;
	text-decoration: underline;
}

.sound a:link,
.sound a:visited {
	color: #f25f4c;
	text-decoration: none;
}

.sound a:hover {
	color: #f25f4c;
	text-decoration: underline;
}

.media a:link,
.media a:visited {
	color: #555f9a;
	text-decoration: none;
}

.media a:hover {
	color: #555f9a;
	text-decoration: underline;
}

#shiryo_btn a:link,
#shiryo_btn a:visited,
#shiryo_btn a:hover {
	display: block;
	width:180px;
	height:90px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
}

#index #shiryo_btn a:link,
#index #shiryo_btn a:visited,
#index #shiryo_btn a:hover {
	display: block;
	width:180px;
	height:50px;
	/* \*/
	overflow: hidden;
	/* */
	text-indent: -9999px;
	text-decoration: none;
}


/*======= form =======*/
select option {
	padding-right: 5px;
}

.mailmagaForm input {
	padding: 3px;
	vertical-align: middle;
}

.keitaiInput {
	padding: 1px;
}


/*======= lightbox =======*/
#lightbox {
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
	line-height: 0;
	z-index: 100;
	text-align: center;
}

#lightbox a img {
	border: none;
}

#outerImageContainer {
	position: relative;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	background-color: #ffffff;
}

#imageContainer {
	padding: 10px;
}

#loading {
	position: absolute;
	top: 40%;
	left: 0%;
	width: 100%;
	height: 25%;
	line-height: 0;
	text-align: center;
}

#hoverNav {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 10;
}

#imageContainer>#hoverNav {
	left: 0;
}

#hoverNav a {
	outline: none;
}

#prevLink,
#nextLink {
	display: block;
	width: 49%;
	height: 100%;
	background: transparent url(../../img/common/lightbox_blank.gif) no-repeat; /* Trick IE into showing hover */
}

#prevLink {
	left: 0;
	float: left;
}

#nextLink {
	right: 0;
	float: right;
}

#prevLink:hover,
#prevLink:visited:hover {
	background: url(../../img/common/lightbox_prevlabel.gif) no-repeat 0 15%;
}

#nextLink:hover,
#nextLink:visited:hover {
	background: url(../../img/common/lightbox_nextlabel.gif) no-repeat right 15%;
}

#imageDataContainer {
	margin: 0 auto;
	line-height: 1.4em;
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #ffffff;
}

#imageData {
	padding: 0 10px;
}

#imageData #imageDetails {
	float: left;
	width: 70%;
	text-align: left;
}
	
#imageData #caption {
	font-weight: bold;
}

#imageData #numberDisplay {
	display: block;
	clear: left;
	padding-bottom: 1em;
}

#imageData #bottomNavClose {
	float: right;
	width: 66px;
	padding-bottom: 0.7em;
}	
		
#overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	background-color: #000000;
}


/*======= others =======*/
img {
	border: none;
}

hr {
	display: none;
}

.fs_01 {
	font-size: 100%;
	font-weight: normal;
}

.fs_02 {
	color: #CCCCCC;
}

.no {
	margin: 0 !important;
}

.ma_t010{margin-top:10px;}
.ma_t015{margin-top:15px;}
.ma_t01{margin-top:1em;}
.ma_t02{margin-top:2em;}
.ma_t03{margin-top:3em;}
.ma_b01{margin-bottom:1em;}
.ma_b02{margin-bottom:2em;}
.ma_b03{margin-bottom:3em;}
.ma_b04{margin-bottom:0.5em;}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-mac */


/*
########################################################
    hack area
########################################################
*/

/*===== Windows IE 5.x =====*/
@media tty {
  i{content:"\";/*" "*/}}@import 'ie5win.css'; /*";}
}/* */


/*===== Macintosh IE 5.x =====*/
/*\*//*/
@import "ie5mac.css";
/**/