@charset "utf-8";

/* ========================================================
	information.css => 学校概要
======================================================== */

/* サイドエリア
============================================================================================================ */
#localNavi dt strong {
	background-image: url(../images/local_navi_title.gif);
}
#localNavi dd li {
	background-image: url(../images/local_navi_arrow.gif);
}
#localNavi dd li strong a {
	color: #882d85;
}


/* 北芸とは
============================================================================================================ */
.about h3 {
	margin-right: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #c7ac67;
}
.about h3 em {
	display: block;
	border-bottom: 1px solid #ffffff;
}
.about .section01 {
	margin-right: 10px;
	margin-bottom: 30px;
	font-size: 109%;
}
.about .section01 p {
	text-align: center;
}
.about .section01 p.text {
	margin: 5px 160px;
	text-align: left;
}
.about .section02 {
	width: 670px;
	margin: 20px 0 30px 20px;
	color: #535353;
	font-size: 109%;
}
.about .section02:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.about .section02 dl {
	float: right;
	width: 460px;
	padding-top: 10px;
	font-weight: bold;
}
.about .section02 dd {
	margin: 1em 0;
}
.about .section02 p {
	float: right;
	width: 460px;
}
.about .section02 p.ph {
	float: left;
	width: auto;
	padding: 1px;
	background-color: #ffffff;
	border: 1px solid #dcdcdc;
}


/* キャンパスライフ
============================================================================================================ */
.campuslife h3 {
	margin-bottom: 10px;
	margin-right: 10px;
	border-bottom: 1px solid #c7ac67;
}
.campuslife p.text {
	margin-right: 10px;
}
#campuslifeContents {
	position: relative;
	left: -3px;
	width: 720px;
	margin-top: 20px;
}
#campuslifeContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

#campuslifeContents div {
	float: left;
	width: 238px;
	margin-bottom: 12px;
	padding-top: 6px;
	background-image: url(../../campuslife/images/box_bg.gif);
}
#campuslifeContents h4 {
	margin: 0 8px 10px 6px;
	padding: 1px 10px;
	background-color: #4f90e0;
	color: #ffffff;
	font-size: 125%;
}
#campuslifeContents ul {
	margin: 0 16px;
	font-size: 109%;
}
#campuslifeContents ul strong {
	color: #d21e4a;
	font-weight: normal;
}
#campuslifeContents p {
	padding: 15px 10px 10px 8px;
	background: url(../../campuslife/images/box_bottom.gif) no-repeat bottom;
}
#campuslifeContents p.hokugeisai {
	position: relative;
	padding: 0;
}
#campuslifeContents p.hokugeisai img {
	position: absolute;
	left: 139px;
	top: -46px;
}


/* スクーリング
============================================================================================================ */
.schooling #mainArea p.ph {
	float: right;
}
.schooling #mainArea div {
	padding: 10px 0 0 8px;
}
.schooling #mainArea div dl {
	float: left;
	width: 130px;
	padding-left: 10px;
	font-size: 92%;
	line-height: 1.4;
}
.schooling #mainArea div dt {
	padding: 2px 0 4px;
}

.schooling #mainContents {
	clear: right;
	width: 520px;
	margin-left: 170px;
	margin-bottom: 30px;
	font-size: 109%;
}
.schooling #mainContents h4 {
	margin-top: 1em;
	padding: 0.8em 0 0.5em;
	border-top: 1px dotted #cccccc;
	color: #535353;
}
.schooling #mainContents p.ph_right {
	float: right;
	position: relative;
	left: 10px;
	padding: 10px 0;
}

.schooling div.ph_area {
	margin-bottom: 10px;
	zoom: 1;
}
.schooling div.ph_area:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.schooling div.ph_area div {
	width: 160px;
	float: left;
	margin-right: 10px;
	font-size: 109%;
	line-height: 1.4;
}
.schooling div.ph_area dl {
	padding: 4px 7px;
}
.schooling div.ph_area dt {
	margin-bottom: 0.3em;
	font-weight: bold;
	color: #4f90e0;
}

.schooling div.ph04 {
	margin-left: 20px;
}
.schooling div.ph03 {
	margin-left: 110px;
}





/* エグゼクティブサポーター
============================================================================================================ */
.supporter div#mainArea {
	width: 710px;
	margin-bottom: 30px;
	font-size: 109%;
}
.supporter div#mainArea h3 {
	margin-bottom: 8px;
}
.supporter div.section {
	margin-right: 10px;
	margin-bottom: 20px;
	padding-left: 18px;
	padding-top: 20px;
	border-top: 1px dotted #cccccc;
	zoom: 1;
}
.supporter div.section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}

.supporter div.section div {
	float: left;
	width: 331px;
	margin-right: 15px;
	display: inline;
}

.supporter div.section h4 {
	float: right;
	width: 205px;
	margin-bottom: 5px;
	padding-top: 3px;
	color: #535353;
	font-size: 109%;
	line-height: 1.5;
}
.supporter div.section h4 em {
	font-size: 84%;
	font-weight: bold;
}
.supporter div.section p {
	float: right;
	width: 205px;
	font-size: 109%;
	line-height: 1.5;
}
.supporter div.section p.profile {
	margin-top: 0.8em;
	font-size: 92%;
	color: #805300;
}
.supporter div.section p.ph {
	float: left;
	width: 120px;
	font-size: 92%;
}
.supporter div.section p.ph em {
	display: block;
	margin: 3px 7px 0;
}

.supporter #nextNavi {
	margin-top: 60px;
}





/* 先輩の紹介
============================================================================================================ */
.senior h3 {
	margin-right: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #c7ac67;
}
.senior h3 em {
	display: block;
	border-bottom: 1px solid #ffffff;
}
.senior .section {
	zoom: 1;
}
.senior .section:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.senior .section li {
	position: relative;
	float: left;
	z-index: 5;
}
.senior #nextStage {
	position: relative;
	margin: 8px 0 20px;
}
.senior #nextStage .abs01 {
	position: absolute;
	top: 45px;
	left: 550px;
	z-index: 3;
}
.senior #nextStage .abs02 {
	position: absolute;
	top: 381px;
	left: 408px;
	z-index: 3;
}
.senior #nextStage .abs02 p {
	position: absolute;
	top: 175px;
	left: 0;
	width: 200px;
	text-align: center;
	font-size: 92%;
	line-height: 1.5;
}
.senior #pro {
	position: relative;
	margin: 15px 0 20px;
}
.senior #pro .pro01 p {
	position: absolute;
	top: 30px;
	left: 105px;
	width: 150px;
	text-align: center;
	font-size: 92%;
	line-height: 1.5;
}
.senior #pro .pro02 img {
	position: absolute;
	top: -33px;
}
.senior #pro .pro03 {
	position: absolute;
	top: 499px;
	left: 53px;
	z-index: 6;
}
.senior #pro .pro04 {
	padding-left: 110px;
}
.senior #employment {
	margin: 15px 0 40px;
}



/* 主な進路状況
============================================================================================================ */
.course h3 {
	margin-right: 10px;
	margin-bottom: 15px;
	border-bottom: 1px solid #c7ac67;
}
.course h3 em {
	display: block;
	border-bottom: 1px solid #ffffff;
}
.course #courseArea {
	position: relative;
	width: 604px;
	margin: 0 53px 25px;
	color: #a0a0a0;
	font-size: 92%;
	line-height: 1.4;
}
.course #courseArea h4 {
	position: absolute;
	top: 8px;
	left: 12px;
	z-index: 3;
}
.course #courseArea dt {
	position: absolute;
	bottom: 20px;
	left: 25px;
	z-index: 3;
}
.course #courseArea p {
	position: absolute;
	bottom: 20px;
	right: 15px;
	width: 120px;
	z-index: 3;
}
.course #list {
	width: 690px;
	margin: 0 0 0 10px;
}
.course #list table {
	width: 100%;
	margin-bottom: 20px;
	border-collapse: collapse;
}
.course #list table th {
	padding: 0.2em 0.8em;
	background-color: #805300;
	border: 1px solid #c9c9c9;
	color: #ffffff;
	font-weight: bold;
	font-size: 109%;
}
.course #list table td {
	padding: 0.4em 0.2em;
	border: 1px solid #c9c9c9;
	background-color: #ffffff;
	text-align: center;
}
.course #list table .odd td {
	background-color: #fffcf7;
}
.course #list table td.empty {
	background-color: transparent;
	border: none;
}
.course #list table.column3 td {
	width: 33%;
}
.course #list table.column2 td {
	width: 50%;
}



/* 北芸の制服
============================================================================================================ */
.uniform #uniformTab {
	margin: 0 10px 20px 0;
	padding: 10px 0 0 45px;
	background: url(../../uniform/images/tab_line.gif) repeat-x bottom;
	zoom: 1;
}
.uniform #uniformTab:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.uniform #uniformTab li {
	position: relative;
	float: left;
}
.uniform #uniformTab li.tab02 {
	left: -1px;
}
.uniform #uniformTab li.hover {
	z-index: 10;
}

.uniform h3 {
	margin-right: 10px;
	border-bottom: 1px solid #ffffff;
}
.uniform h3 em {
	display: block;
	border-bottom: 1px solid #C7AC67;
}
.uniform #wayContents {
	position: relative;
	overflow: hidden;
	width: 702px;
	height: 469px;
	margin-bottom: 35px;
	background: url(../../uniform/images/way_bg_top.gif) no-repeat;
	zoom: 1;
}
.uniform #wayContents #wayMov {
	position: absolute;
	top: 23px;
	left: 0;
	width: 999em;
	height: 444px;
	border-top: 1px solid #e4e4e4;
	border-bottom: 1px solid #e4e4e4;
	background-color: #ffffff;
}
.uniform #wayContents #wayMov * {
	float: left;
}
.uniform #wayContents #wayMov ol {
	padding-left: 100px;
}
.uniform #wayContents ul li {
	position: absolute;
	top: 23px;
	width: 78px;
	height: 446px;
	cursor: pointer;
}
.uniform #wayContents .prev {
	left: 0;
	background: url(../../uniform/images/way_prev_off.png) no-repeat center;
}
.uniform #wayContents .prev_on {
	background: url(../../uniform/images/way_prev_on.png) no-repeat center;
}
.uniform #wayContents .prev_no {
	cursor: default;
	background: url(../../uniform/images/way_prev_no.png) no-repeat center;
}
.uniform #wayContents .next {
	right: 0;
	background: url(../../uniform/images/way_next_off.png) no-repeat center;
}
.uniform #wayContents .next_on {
	right: 0;
	background: url(../../uniform/images/way_next_on.png) no-repeat center;
}
.uniform #wayContents .next_no {
	cursor: default;
	background: url(../../uniform/images/way_next_no.png) no-repeat center;
}
.uniform #wayContents #wayMask {
	background: url(../../uniform/images/way_mask.png) no-repeat;
	position: absolute;
	top: 23px;
	left: 0;
	width: 702px;
	height: 446px;
}

.uniform #catalogContents {
	position: relative;
	width: 705px;
	height: 385px;
	margin-bottom: 50px;
	background: url(../../uniform/images/catalog_bg.jpg) no-repeat;
}
.uniform #catalogContents #sexTab {
	position: absolute;
	top: 26px;
	left: 141px;
	z-index: 999;
}
.uniform #catalogContents #sexTab li {
	float: left;
	padding-right: 4px;
}

.uniform #catalogContents div {
	position: absolute;
}
.uniform #catalogContents .contents {
	left: 0;
	top: 0;
	width: 705px;
	height: 385px;
}
.uniform #catalogContents .arrow li {
	position: absolute;
	top: 78px;
}
.uniform #catalogContents .arrow .prev {
	left: 146px;
}
.uniform #catalogContents .arrow .next {
	left: 510px;
}
.uniform #catalogContents .tab {
	top: 78px;
	left: 167px;
	width: 341px;
	height: 43px;
	overflow: hidden;
}
.uniform #catalogContents .tab ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 999em;
}
.uniform #catalogContents .tab li {
	float: left;
	padding-right: 1px;
	background: url(../../uniform/images/catalog_tab_line.gif) no-repeat right;
}

.uniform #catalogContents .ph {
	top: 141px;
	left: 151px;
	width: 373px;
	height: 222px;
	overflow: hidden;
}
.uniform #catalogContents .ph ul {
	position: absolute;
	left: 0;
	top: 0;
	width: 999em;
}
.uniform #catalogContents .ph li {
	float: left;
}




/* 指定学生会館
============================================================================================================ */
.dormitories #mainArea {
	width: 700px;
	margin: 10px 0 16px;
	font-size: 109%;
}
.dormitories #mainArea:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
.dormitories #mainArea p {
	padding-bottom: 5px;
}
.dormitories #mainArea p.ph {
	float: left;
	margin-right: 10px;
	padding-bottom: 0;
}

#dormitoriesContents {
	width: 720px;
	font-size: 109%;
}
#dormitoriesContents:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	line-height: 0;
}
#dormitoriesContents div {
	display: inline;
	float: left;
	width: 229px;
	margin-right: 10px;
	padding-left: 1px;
}
#dormitoriesContents p {
	margin: 3px 4px 5px;
}
#dormitoriesContents p.sub {
	display: inline;
	float: left;
	margin-right: 10px;
	margin-bottom: 7px;
}
#dormitoriesContents dt {
	padding: 7px 4px;
	font-weight: bold;
	color: #313131;
	line-height: 1.4;
}
#dormitoriesContents dd {
	clear: left;
	margin: 0 4px;
	color: #4f90e0;
}
#dormitoriesFoot {
	text-align: center;
	font-size: 92%;
}
#dormitoriesFoot p {
	margin-bottom: 5px;
}