@charset "UTF-8";

@import url("common.css");

/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
+
+　キャンパスライフ
+
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/*----------------------------------------------------
	/ryugaku
----------------------------------------------------*/

/* ページ内リンク ------------------------------ */

body.campus .pagelink li {
	background: url(../campus/images/cam_right.gif) no-repeat 0 7px;
}

body.campus .pagelink li a:link,
body.campus .pagelink li a:visited {
	color: #3AA061;
}
body.campus .pagelink li a:hover,
body.campus .pagelink li a:active {
	color: #ABADAB;
}

/*----------------------------------------------------
	パンくず
----------------------------------------------------*/

#topic_path li {
	background: url(../campus/images/cam_topicpath.gif) no-repeat 0 4px;
}
#topic_path li strong {
	border: 1px solid #ABADAB;
	color: #7b649c;
}



body.campus #contents .on01,
body.campus #contents .on02{
	width:223px;
	height:30px;
	display:block;
}
body.campus #contents a.on01:hover,
body.campus #contents a.on02:hover{
	width:223px;
	height:30px;
	display:block;
	text-indent:-9999px;
}
body.campus #contents a.on01:hover{
	background:url(../campus/images/camp_btn_01_on.gif) 0 0 no-repeat;
}
body.campus #contents a.on02:hover{
	background:url(../campus/images/camp_btn_02_on.gif) 0 0 no-repeat;
}







/*----------------------------------------------------
	個別スタイル
----------------------------------------------------*/

/* index ------------------------------ */

#index #header_image {
	background: url(../headimages/headimages_45.jpg) no-repeat;
}
#index #contents h2{
	text-indent:0;
}
#index #contents h2.part{
	padding:0 0 15px;
}
#index #contents h2.subtitle{
	margin:36px 0 22px;
	float:left;
}
#index #contents h2.text{
	padding:0 0 20px 22px;
}

#index #contents ul{
	float:left;
	padding:0 0 0 0;
}
#index #contents ul li{
	float:left;
	padding:0 9px 10px 0;
}

#index .text-area{
	margin:0;
	padding:0;
	}






#index div.swfSection{
	padding:0 0 2.5em 0;
}
#index div.section{
	width:690px;
	position:relative;
	clear:both;
}
#index div.section h2.equipment{
	position:absolute;
	left:2px;
	top:12px;
}
#index div.section h2.layer{
	padding:10px 0 0 268px;
}
#index div.section ul{
	margin:45px 0 0;	
}
#index div.section ul li{
	clear:both;
	padding:10px 0 0;
}
#index div.section ul li dl{
	padding:0 0 5px;
}
#index div.section ul li dl dt{
	width:191px;
	float:left;
	margin:0 25px 0 49px;
	display: inline;
}
#index div.section ul li dl dd{
	font-size:75%;
	width:422px;
}
#index div.section ul li dl dd strong{
	display:block;
	font-size:0;
	line-height:0;
	padding:0 0 5px;
}
#index div.section .pagetop{
	padding:0 0 10px;
}







/* /index02 ------------------------------ */

#campus01 #header_image {
	background: url(../headimages/headimages_46.jpg) no-repeat;
}

#campus01 div.swfSection{
	padding:0 0 100px;
}
#campus01 div.section{
	width:690px;
	position:relative;
	clear:both;
}
#campus01 div.section h2.equipment{
	position:absolute;
	left:2px;
	top:12px;
}
#campus01 div.section h2.layer{
	padding:10px 0 0 268px;
}
#campus01 div.section ul{
	margin:45px 0 0;	
}
#campus01 div.section ul li{
	clear:both;
	padding:10px 0 0;
}
#campus01 div.section ul li dl{
	padding:0 0 5px;
}
#campus01 div.section ul li dl dt{
	width:191px;
	float:left;
	margin:0 25px 0 49px;
	display: inline;
}
#campus01 div.section ul li dl dd{
	font-size:75%;
	width:422px;
}
#campus01 div.section ul li dl dd strong{
	display:block;
	font-size:0;
	line-height:0;
	padding:0 0 5px;
}
#campus01 div.section .pagetop{
	padding:0 0 10px;
}


/* /index03 ------------------------------ */

#campus02 #header_image {
	background: url(../headimages/headimages_48.jpg) no-repeat;
}
#campus02 .syokai{
	width:690px;
	height:860px;
	background:url(../campus/images/camp_03_p01.gif) 0 0 no-repeat;
	position:relative;
}
#campus02 .syokai .campus{
	width:163px;
	height:45px;
	position:absolute;
	top:0;
	right:0;
	background:url(../campus/images/camp_03_btn02.gif) 0 0 no-repeat;
}
#campus02 .syokai .campus a{
	width:163px;
	height:45px;
	display:block;
	text-indent:-9999px;
}
#campus02 .syokai .campus a:hover,
#campus02 .syokai .access a:hover{
	background:transparent;
	text-indent:0;
}
#campus02 .syokai .access{
	position:absolute;
	bottom:0;
	right:0;
	background:url(../campus/images/camp_03_btn01.gif) 0 0 no-repeat;
}
#campus02 .syokai .access a{
	width:153px;
	height:15px;
	display:block;
	text-indent:-9999px;
}


/*ボタンテキスト*/
ul.linkbot li a,
ul.linkbot2 li a{
	background:url(../images/bot_campus.gif) no-repeat right 8px;
	border:1px solid #bcb2cd;
	}
ul.linkbot li.normal1 a,
ul.linkbot2 li.normal1 a{
	width:213px;
	padding-left:9px;
	}
ul.linkbot li.small2 a,
ul.linkbot2 li.small2 a{
	width:207px;
	padding-left:15px;
	}
ul.linkbot li a:hover,
ul.linkbot2 li a:hover{
	background-color:#e4e0eb;
	}