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


/* index==========================

	1.for campuslife index

	
*/


/* 1.for campuslife index ==============================================*/
div.campusBox{
	float:left;
	display:inline;
	margin:0 0 5px 5px;
	width:268px;
	min-height:116px;
	background:url("../../common/image/index_bg.gif") no-repeat;
}
div.campusBox dl{
	float:right;
	display:inline;
	margin:5px 5px 0 0;
	width:172px;
	font-size: 10px;
	line-height: 1.4em;
}
div.campusBox dt{
	margin:4px 0;
}
dd.textBox{
	height: 56px;
}
dd.btDetail{
	margin:5px 5px 0 0;
	text-align:right;
}

div.campusBox p{
	float:left;
	display:inline;
	margin:8px 0 0 8px;
	width:75px;
}

/* y[W ==== */
div.section{
	margin-bottom:25px;
}
div.section h3,div.section h4{
	margin-bottom:15px;
}
div.campuslife02 div.section p,
div.campuslife02 div.section h4{
	margin:0 20px 15px 12px;
}
div.campuslife02 div.section h5,
div.campuslife02 div.section table{
	margin:0 20px 0 12px;
}

/* 2.for calendar ==============================================*/
div#cal01 table{
	width: 547px;
}
div#cal01 th{
	padding:0px;
	font-weight:normal;
	text-align:center;
	vertical-align: middle;
	border-right:6px solid #FFF;
	border-bottom:12px solid #FFF;
	background-color: #64A233;
	width: 42px;
}
div#cal01 td{
	padding:8px;
	text-align:left;
	border-bottom:12px solid #FFF;
	background-color: #EFF5E9;
	vertical-align: middle;
}
.calImg{
	text-align: right!important;
	vertical-align: top!important;
}

/* 3.for club ==============================================*/
div#club01 h3{
	margin-bottom: 5px;
}
div.clubTitle{
	background-image: url(../img/club_titlebg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 26px;
	width: 550px;
	margin-left: 12px;
}
div.clubTitle h5{
	float: left;
	margin: 0px!important;
	padding-top:6px;
	padding-left: 22px;
}
div.clubTitle p{
	float: right;
	padding-top: 5px;
	padding-right: 22px;
	margin: 0px!important;
	font-size: 0.9em;
}
div.clubTitle p img{
	vertical-align: middle;
	margin-right: 3px;
}
div.clubBox{
	border-right:1px solid #CBCBCB;
	border-bottom:1px solid #CBCBCB;
	border-left:1px solid #CBCBCB;
	width: 548px;
	margin-left: 12px;
	padding-top: 14px;
	padding-bottom: 10px;
}
div.clubBox table{
	width: 506px;
	margin: 0 0 0 22px!important;
	table-layout:fixed;
}
div.clubBox th{
	padding:4px 4px 4px 20px;
	font-weight:normal;
	text-align:left;
	border-right:solid 4px #FFF;
	background-image: url(../img/icon01.gif);
	background-repeat: no-repeat;
	background-position: 9px 12px;
}
div.clubBox th.tabHead{
	color:#FFF;
	text-align:center;
	background:#CCC;
	padding: 4px;
}
div.clubBox td{
	padding:4px;
	text-align:left;
}
div.clubBox .clubIcon{
	background-image: url(../img/icon02.gif);
	background-repeat: no-repeat;
	background-position: 5px 7px;
}
div.clubBox .tabgray{
	background:#E8E8E8;
}
p.clubSent{
	margin: 14px 20px 14px 26px!important;
}
.clubText{
	margin: 0 34px 10px 26px!important;
}
.clubText02{
	color: #63A333;
}
.red{
	color:#e6558e;
	font-weight:bold;
}
.clubLeft{
	float: left;
	width: 322px;
	padding-left: 26px;
}
.clubLeft p{
	margin:0 0 15px 0!important;
}
.clubLeftBox{
	background-color: #F2F2F2;
	margin-bottom: 15px;
	padding: 17px 17px 17px 20px;
}
.clubLeftBox p{
	margin:0 0 2px 0!important;
}
.clubLeftBox table{
	margin: 5px 0 0 0!important;
}
.clubLeftBox th{
	padding:2px 15px 2px 2;
	font-weight:normal;
	text-align:left;
}
.clubLeftBox td{
	padding:2px 2px 2px 15px;
	text-align:left;
}
.clubLeftText{
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #63A333;
	color: #63A333;
	padding-top: 12px;

}
.clubRight{
	float: right;
	width: 200px;
	margin: 0!important;
	padding-right: 20px;
}


/* 4.for facilities ==============================================*/
div#fac01 ul{
	margin-left: 12px;
}
div#fac01 li{
	float: left;
	padding-right: 7px;
}
div#fac02 h4,
div#fac03 h4,
div#fac04 h4{
	margin:0 0 15px 0;
}
div.facAc{
	background-image: url(../img/line02.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-bottom: 14px;
	padding-bottom: 3px;
	margin-left: 12px;
}
.facAcLeft{
	float: left;
	width: 336px;
}
.facAcLeft h5{
	margin:0 0 10px 0!important;
}
.facAcLeft p{
	margin:0 10px 10px 0!important;
	line-height: 1.7em;
}
p.facAcbtn{
	margin:0 10px 4px 0!important;
}
div.facBox{
	margin:0 0 10px 11px;
	background-image: url(../img/fac_bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 137px;
	width: 267px;
	float: left;
	display: inline;
}
div.facBox p{
	margin:0!important;
}
.facBoxLeft{
	width: 136px;
	padding-left: 12px;
	float: left;
	padding-top: 18px;
}
.facBoxLeft p{
	font-size: 0.9em;
}
.facBoxRight{
	padding-top: 18px;
	font-size: 12px;
	line-height: 1.4em;
}
.facBoxRight h5{
	padding-right: 10px;
	font-weight: bold;
	color: #607FB7;
	padding-bottom: 2px;
}
.facBoxRight p{
	padding-right: 10px;
}

div.facBox02{
	margin:0 0 10px 11px;
	background: url(../img/fac_bg02.gif) no-repeat left top;
	height:156px;
	width:545px;
}
div.facBox02 h5{
	padding-top: 15px;
	font-weight: bold;
	color: #607FB7;
	padding-bottom:5px;
}
div.facBox02Left{
	width:276px;
	padding-left: 12px;
	float: left;
}
div.facBox02Left li{
	float:left;
	display:inline;
	margin-right:8px;
	text-align:center;
}
div.facBox02Left img{
	font-size:0;
}
div#fac03 h5{
	margin-bottom:15px;
}
.fac03Left{
	float: left;
	width: 298px;
	line-height: 1.7em;
	margin-bottom:10px!important;
}
.fac03Right{
	margin-bottom:10px!important;
}
.fac03Text{
	clear: both;
	line-height: 1.7em;
}
.fac03Title{
	font-weight: bold;
	color: #607FB7;
	background-image: url(../img/line02.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 12px;
	margin-bottom: 8px!important;
}
div#fac03 dl{
	margin-left: 12px;
	margin-bottom: 25px;
}
div#fac03 dt{
	margin-top: 3px;
}
div#fac03 dd{
	margin-top: -1.5em;
	padding-left: 100px;
	margin-right: 20px;
}
.facRankLeft{
	float: left;
	width: 168px;
	margin:0!important;
	padding-left: 12px;
}
.facRankRight p{
	margin:0 0 5px 0!important;
}
.facRankRight table{
	width: 280px;
	margin:0!important;
}
.facRankRight th{
	padding:5px;
	font-weight:normal;
	text-align:left;
	border-left:solid 2px #FFF;	
}
.facRankRight th.tabHead{
	color:#FFF;
	text-align:center;
	background:#46AA41;
}
.facRankRight th.tabLeft{
	text-align:left;
}
.facRankRight td{
	padding:5px;
	text-align:center;
	border-left:solid 2px #FFF;
}
.facRankRight .tabgray{
	background:#eee;
}
.facRankRight .tabpink{
	background:#FF8AFF;
	color: #FFFFFF;
}
.fac04Left{
	float: left;
	width: 140px;
	margin:0!important;
	padding-left: 12px;
}
.fac04Right h5{
	font-weight: bold;
	color: #607FB7;
	margin-bottom: 5px!important;
}
.fac04Text{
	font-weight: normal;
	color: #767676;
}
.fac04Right p{
	margin-right: 40px!important;
}
.fac04Img{
	clear: both;
	padding-top: 10px;
}



/* 5.for photonews ==============================================*/
p.newsTxt{
	margin:0 0 20px 12px;
}
div#photonews{
	margin-left:12px;
}
div.photoBox{
	float:left;
	display:inline;
	margin:0 22px 20px 0;
	padding:10px 0 0 0;
	width:260px;
	border-top:solid 2px #64a334;
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	border-left:solid 1px #ccc;
}
div.photoBox p{
	text-align:center;
}
div.photoBox dl{
	margin-top:5px;
}

div.photoBox dt{
	padding:3px 15px;
}
div.photoBox dt{
	margin-top:2px;
}
div.photoBox dd{
	padding:3px 15px;
	background:#deead2;
}


/* 6.for festival ==============================================*/
div.festopLeft{
	width: 330px;
	padding-left: 12px;
	float: left;
}
div.festopLeft p{
	margin: 0 0 20px 0!important;
}
p.festopRight{
	margin: 0!important;
	width: 200px;
	padding-right: 20px;
	float: right;
}
p.festopText{
	background-image: url(../img/icon_triangle.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 12px;
}

/* 7.for student ==============================================*/
p.stu02Btn{
	margin-bottom: 7px!important;
}
div#stu03 p{
	margin-bottom: 11px!important;
}
p.stu04Left{
	margin: 0!important;
	width: 136px;
	float: left;
	padding-left: 12px;

}
p.stu04Right{
	margin: 0!important;
	width: 396px;
	float: right;
	padding-right: 20px;
}
p.stu04Btn{
	clear: both;
	padding-top: 14px;
}
p.stu04Btn img{
	margin-right: 18px;
}
p.stu04Btn02{
	background-image: url(../img/line.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 16px;
	padding-top: 16px;
}



div#fesBox02 h3{
	margin:0 0 5px 12px;
}
div#fesBox01{
	padding-bottom:20px;
	background:url(../../common/image/dot.gif) repeat-x bottom;
}
div#fesBox01 h3{
	float:left;
	display:inline;
	width: 391px;
}
div#fesBox01 p{
	float:left;
	display:inline;
	margin-right:15px;
	width: 170px;
}

div#aboutIaisai p{
	margin:0 20px 0 10px;
}


div#newsBox{
	margin:0 50px 0 12px;
	height:85px;
	border:solid 1px #b9b9b9;
	background:#fffdf3;
	overflow:auto;
}
div#newsBox dl{
	margin:20px 20px 0 10px;
	padding-bottom: 20px;
}
div#newsBox dt{
	clear:both;
	float:left;
	text-indent:10px;
	width:8em;
	background:url("../img/fes_list.gif") 0 5px no-repeat;
}
div#newsBox dd{
	margin-left:8em;
}
dl#fes03Left{
	float:left;
	display:inline;
	margin-left:12px;
	width:310px;
}
div#fes03Right{
	float:right;
	display:inline;
	margin-right:30px;
}
div#fesBox03 dl,
div#fesBox04 dl{
	margin-left:12px;
}
div#fesBox04 dl{
	margin-right:40px;
}
div#fesBox03 dt,
div#fesBox04 dt{
	color:#f07171;
	font-size:1.2em;
	font-weight:bold;
}
div#fesBox03 dd,
div#fesBox04 dd{
	margin-bottom:15px;
}
div.festival ul#pageIndex{
	margin-right:40px;
}

/* 4.for project ==============================================*/
div.section#pjtBox01 h3{
	margin-bottom:5px;
}
div#pjtBox01 ul#pageIndex{
	margin-right:30px;
}
div.project div.section{
	padding-bottom:20px;
	background:url(../../common/image/dot.gif) repeat-x bottom;
}
div.pjtImage{
	float:right;
	display:inline;
	margin:0 20px 0 20px;
}
p.imgRight{
	text-align:right;
}
div.project p{
	margin:0 30px 15px 12px;
}
div.project h4{
	margin:0 0 10px 12px;
}
div.project h5{
	margin:0 0 5px 12px;
}
div.project td{
	vertical-align:top;
}
.pjttxt01{
	color:#61a7cb;
}
.pjttxt02{
	color:#e99a00;
}
dl#pjtLast{
	margin:0 10px 30px 12px;
	padding:15px 0;
	border:solid 1px #d4d4d4;
	background:#fffef5;
}
dl#pjtLast dt{
	margin:0 15px;
}
dl#pjtLast dd{
	margin:0 15px;
}

/* 5.for photo ==============================================*/
p.photoTxt{
	margin-left:12px;
	color:#989898;
}
p.photoTxt span{
	font-size:1.2em;
	color:#65aee6;
}
div#phoBox02 ul{
	margin-left:12px;
}
div#phoBox02 li{
	float:left;
	display:inline;
	margin:0 10px 10px 0;
	padding:18px 20px;
	background:url(../img/pho_bgimg.gif) no-repeat;
}
p.pageInfo{
	clear:both;
	margin-right:60px;
	pading-top:20px;
	text-align:right;
	color:#666666;
}

/* 6.for access ==============================================*/
div#acLeft{
	float:left;
	display:inline;
	margin-left:12px;
	width:380px;
}
div#acLeft ul.btmap li{
	margin-top:10px;
}
div#acLeft p.btmap img{
	margin-bottom:10px;
}

div#acRight{
	float:right;
	display:inline;
	margin-right:40px;
}

/* for access */
body.popup{
	background:#FFF;
}
div#map{
	margin:0 0 15px 40px;
	font-size:0.8em;
}
div#popupBox{
	padding-top:30px;
	width:550px;
}
.popupCenter{
	margin:0 0 15px 40px;
}
div#popupBox address{
	margin:0 0 15px 40px;
	font-size:0.8em;
	font-style:normal;
}
div#popupBox ul{
	text-align:center;
}
div#popupBox li{
	margin-bottom:15px;
}


div#pageNavBlue{
	margin-bottom:15px;
	background:url("../../common/image/s_bluemid.gif") repeat-y;
}
div#pageNavBlue ul{
	padding-bottom:10px;
	background:url("../../common/image/s_bluebot.gif") no-repeat bottom left;
}
div#pageNavBlue li{
	margin:0 10px;
	padding:5px 0;
	background:url("../../common/image/s_bluedot.gif") repeat-x bottom;
}
div#pageNavBlue a{
	padding-left:10px;
	background:url("../../common/image/s_list.gif") no-repeat 0 5px;
}
div#pageNavBlue li#onpage a{
	color:#e6558e;
}


/* MT Start ==============================================*/
.mt_photo{
	background:url("../img/mt_photo.gif") no-repeat;
	width:576px;
	height:440px;
	}
img.mt_photo2{
	margin:20px 0 0 23px;
	}
p.pageInfo {
clear:both;
margin-top:20px;
}
/* MT End ==============================================*/
