﻿@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.cl_mtitle {
	background: url(../images/campus_life/cl_mtitle.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 35px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}
	
.cl_mlead {
	background: url(../images/campus_life/cl_mimage.jpg) no-repeat;
	margin: 0 0 20px 0;
	padding: 363px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:363px;/* for ie5.x */
	}
	
.cl_stitle1,
.cl_stitle2 {
	margin: 0;
	padding: 93px 0 0 0;
	width: 588px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:93px;/* for ie5.x */
	}
	
.cl_stitle1 {
	background: url(../images/campus_life/cl_stitle1.jpg) no-repeat;
	}
	
.cl_stitle2 {
	background: url(../images/campus_life/cl_stitle2.jpg) no-repeat;
	margin:0 0 20px 0;
	}

.cl_area1 {
	background: url(../images/campus_life/cl_area1.jpg) no-repeat;
	margin:0 0 15px 0;
	width:588px;
	height:925px;
	position: relative;
	}

.day_title {
	margin: 0 0 5px 0;
	padding: 21px 0 0 0;
	width: 179px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:21px;/* for ie5.x */
	}
	
.day_ex {
	margin:0;
	font-size:1.4em;
	width:300px;
	line-height:1.7;
	}

.day1 {
	position: absolute;
	top:67px;
	left:60px;
	}
	
.day2 {
	position: absolute;
	top:185px;
	left:60px;
	}
	
.day3 {
	position: absolute;
	top:302px;
	left:60px;
	}
	
.day4 {
	position: absolute;
	top:423px;
	left:60px;
	}
	
.day5 {
	position: absolute;
	top:540px;
	left:60px;
	}
	
.day6 {
	position: absolute;
	top:660px;
	left:60px;
	}
	
.day7 {
	position: absolute;
	top:778px;
	left:60px;
	}
	
.day1 .day_title {
	background: url(../images/campus_life/cl_day1.gif) no-repeat;
	}
	
.day2 .day_title {
	background: url(../images/campus_life/cl_day2.gif) no-repeat;
	}
	
.day3 .day_title {
	background: url(../images/campus_life/cl_day3.gif) no-repeat;
	}
	
.day4 .day_title {
	background: url(../images/campus_life/cl_day4.gif) no-repeat;
	}
	
.day5 .day_title {
	background: url(../images/campus_life/cl_day5.gif) no-repeat;
	}
	
.day6 .day_title {
	background: url(../images/campus_life/cl_day6.gif) no-repeat;
	}
	
.day7 .day_title {
	background: url(../images/campus_life/cl_day7.gif) no-repeat;
	}
	
.to_top.b45 {
	margin-bottom:45px;
	}

.cl_area2 {
	margin:0 0 65px 0;
	width:575px;
	}

.fbox_title {
	margin: 0 0 10px 0;
	padding: 16px 0 0 0;
	width: 273px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:16px;/* for ie5.x */
	}
	
.fbox_ex {
	margin:0 0 10px 0;
	font-size:1.4em;
	line-height:1.3;
	}

.fbox1 {
	float:left;
	background: url(../images/campus_life/cl_area2image1.jpg) no-repeat;
	margin:0;
	padding:180px 0 0 0;
	width:273px;
	}
	
.fbox2 {
	float:right;
	background: url(../images/campus_life/cl_area2image2.jpg) no-repeat;
	margin:0;
	padding:180px 0 0 0;
	width:273px;
	}
	
.fbox3 {
	float:left;
	background: url(../images/campus_life/cl_area2image3.jpg) no-repeat;
	margin:0;
	padding:180px 0 0 0;
	width:273px;
	}
	
.fbox4 {
	float:right;
	background: url(../images/campus_life/cl_area2image4.jpg) no-repeat;
	margin:0;
	padding:180px 0 0 0;
	width:273px;
	}
	
.fbox5 {
	float:left;
	background: url(../images/campus_life/cl_area2image5.jpg) no-repeat;
	margin:0;
	padding:180px 0 0 0;
	width:273px;
	}
	
.fbox6 {
	float:right;
	background: url(../images/campus_life/cl_area2image6.jpg) no-repeat;
	margin:0;
	padding:180px 0 0 0;
	width:273px;
	}

.fbox1 .fbox_title {
	background: url(../images/campus_life/cl_area2title1.gif) no-repeat;
	}
	
.fbox2 .fbox_title {
	background: url(../images/campus_life/cl_area2title2.gif) no-repeat;
	}
	
.fbox3 .fbox_title {
	background: url(../images/campus_life/cl_area2title3.gif) no-repeat;
	}
	
.fbox4 .fbox_title {
	background: url(../images/campus_life/cl_area2title4.gif) no-repeat;
	}
	
.fbox5 .fbox_title {
	background: url(../images/campus_life/cl_area2title5.gif) no-repeat;
	}
	
.fbox6 .fbox_title {
	background: url(../images/campus_life/cl_area2title6.gif) no-repeat;
	}
	
.btn_nenkan {
	width:249px;
	height:68px;
	padding:0 190px 50px;
	}

.btn_nenkan a{
	background: url(../images/campus_life/btn01.jpg) no-repeat 0 -68px;
	margin: 0 0 15px 0;
	padding: 68px 0 0 0;
	width: 249px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:68px;/* for ie5.x */
	}
	
.btn_nenkan a:hover {
	background-position: 0 0;
	}


/* #events
--------- --------- --------- --------- --------- */
.events_mtitle {
	background: url(../images/campus_life/event_title.jpg) no-repeat;
	margin: 0 0 15px 0;
	padding: 35px 0 0 0;
	width: 600px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}
	
.events_mimage {
	background: url(../images/campus_life/event_mainimage.jpg) no-repeat;
	margin: 0 0 10px 0;
	padding: 200px 0 0 0;
	width: 630px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:200px;/* for ie5.x */
	}

.eventslist {
	margin:0 0 20px 0;
	height:42px;
	list-style-type: none;
	}
	
.eventslist li {
	margin:0 3px 0 0;
	width:49px;
	height:42px;
	float:left;
	}
	
.eventslist li a {
	margin: 0;
	padding: 42px 0 0 0;
	width: 49px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:42px;/* for ie5.x */
	}
	
.eventslist li.events1 a {
	background: url(../images/campus_life/event_btn1.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events2 a {
	background: url(../images/campus_life/event_btn2.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events3 a {
	background: url(../images/campus_life/event_btn3.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events4 a {
	background: url(../images/campus_life/event_btn4.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events5 a {
	background: url(../images/campus_life/event_btn5.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events6 a {
	background: url(../images/campus_life/event_btn6.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events7 a {
	background: url(../images/campus_life/event_btn7.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events8 a {
	background: url(../images/campus_life/event_btn8.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events9 a {
	background: url(../images/campus_life/event_btn9.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events10 a {
	background: url(../images/campus_life/event_btn10.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events11 a {
	background: url(../images/campus_life/event_btn11.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li.events12 a {
	background: url(../images/campus_life/event_btn12.jpg) no-repeat;
	background-position: 0 -42px;
	}
	
.eventslist li a:hover {
	background-position: 0 0;
	}

.event_area1 {
	background: url(../images/campus_life/event_ph1.jpg) no-repeat;
	background-position: right 0;
	margin:0 0 40px 0;
	width:620px;
	height:430px;
	position: relative;
	}
	
.event_area2 {
	background: url(../images/campus_life/event_ph2.jpg) no-repeat;
	margin:0 0 40px 0;
	width:620px;
	height:420px;
	position: relative;
	}
	
.event_area3 {
	background: url(../images/campus_life/event_ph3.jpg) no-repeat;
	background-position: right 0;
	margin:0 0 40px 0;
	width:620px;
	height:420px;
	position: relative;
	}
	
.event_area4 {
	background: url(../images/campus_life/event_ph4.jpg) no-repeat;
	margin:0 0 40px 0;
	width:620px;
	height:435px;
	position: relative;
	}

.ptop {
	position: absolute;
	right:0;
	bottom:0;
	}

#event1,
#event2,
#event3,
#event7,
#event8,
#event9 {
	margin:0 0 30px 0;
	font-size:1.8em;
	line-height:1.3;
	}
	
#event4,
#event5,
#event6,
#event10,
#event11,
#event12 {
	margin:0 0 30px 0;
	padding:0 0 0 380px;
	font-size:1.8em;
	line-height:1.3;
	}

.month {
	margin: 0 0 15px 0;
	padding: 42px 0 0 0;
	width: 221px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:42px;/* for ie5.x */
	}

#event1 .month {
	background: url(../images/campus_life/event_month1.gif) no-repeat;
	}
	
#event2 .month {
	background: url(../images/campus_life/event_month2.gif) no-repeat;
	}
	
#event3 .month {
	background: url(../images/campus_life/event_month3.gif) no-repeat;
	}
	
#event4 .month {
	background: url(../images/campus_life/event_month4.gif) no-repeat;
	}
	
#event5 .month {
	background: url(../images/campus_life/event_month5.gif) no-repeat;
	}
	
#event6 .month {
	background: url(../images/campus_life/event_month6.gif) no-repeat;
	}
	
#event7 .month {
	background: url(../images/campus_life/event_month7.gif) no-repeat;
	}
	
#event8 .month {
	background: url(../images/campus_life/event_month8.gif) no-repeat;
	}
	
#event9 .month {
	background: url(../images/campus_life/event_month9.gif) no-repeat;
	}
	
#event10 .month {
	background: url(../images/campus_life/event_month10.gif) no-repeat;
	}
	
#event11 .month {
	background: url(../images/campus_life/event_month11.gif) no-repeat;
	}
	
#event12 .month {
	background: url(../images/campus_life/event_month12.gif) no-repeat;
	}

.events_ex {
	position: absolute;
	left:0;
	bottom:0;
	font-size:1.2em;
	}
