@charset "shift_jis";

/*----------------------------
  CSS Date Document 2007.07
----------------------------*/

@import url(common.css);
@import url(sub.css);

/*####################　共通設定　####################*/

#Header {background-image:url(../opencampus/img/wall-header.jpg);}


/* OpenCampusMenu */
#OpenCampusMenu { width:152px; font-size:12px;}
#OpenCampusMenu h2 {
	position:relative;
	top:0;
	left:0;
	margin-bottom:10px;
	margin-left:8px;
	font-size:12px;
	font-weight:normal;
	color:#757575;
	}
#OpenCampusMenu h2 a{
	color:#757575;
	}	
#OpenCampusMenu ul{margin-left:8px; width:auto;}
#OpenCampusMenu ul ul {margin-top:10px; margin-left:0; margin-bottom:20px;}

#OpenCampusMenu ul li {margin-bottom:10px; width:auto; font-weight: bold;}
#OpenCampusMenu ul li ul li{padding-left:11px; background:0 2px no-repeat; font-weight: normal;}
#OpenCampusMenu ul li ul li{background:0 3px no-repeat;}

#OpenCampusMenu ul li a{ font-weight: normal; color:#757575;}
#OpenCampusMenu ul li li a{font-weight:normal; color:#8a35af;}
#OpenCampusMenu ul a{
	display:inline;
	text-indent:0;
	width:auto;
	height:auto;
	}
	

/*画像背景打ち消し*/
#OpenCampusMenu li.menu01 li.menu01 a,
#OpenCampusMenu li.menu01 li.menu02 a,
#OpenCampusMenu li.menu01 li.menu03 a,
#OpenCampusMenu li.menu01 li.menu01 a:hover,
#OpenCampusMenu li.menu01 li.menu02 a:hover,
#OpenCampusMenu li.menu01 li.menu03 a:hover
{background:none;}

/*ページ固定*/
#PageOpencampusSEvent #OpenCampusMenu li.menu01 li.menu01,
#PageOpencampusEvent #OpenCampusMenu li.menu01 li.menu03,
#PageOpencampusCalendar #OpenCampusMenu li.menu01 li.menu04
{background-image:url(../img/common/ico-dotted_orange.gif);}

#PageOpencampusSEvent #OpenCampusMenu li.menu01 li.menu01 a,
#PageOpencampusEvent #OpenCampusMenu li.menu01 li.menu03 a,
#PageOpencampusCalendar #OpenCampusMenu li.menu01 li.menu04 a
{color:#ea7c06;}

/* Main
------------------------------------------------------------- */

#ContainerRight {margin-bottom:100px;}

#ContainerRight h2 {margin-bottom:30px;}

#ContainerRight h2.del { display: none; }

#ContainerRight .contentsBox h3{
	border-bottom:1px solid #cbcbcb;
	margin-bottom:15px;
	padding-bottom:2px;
	text-align:left;
	font-family: verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	}

#ContainerRight .contentsBox h3.title {
	font-family: verdana, sans-serif;
	font-size: 14px;
	}


#ContainerRight .contentsBox h3.del {
	position:	absolute;
	top: -9999px;
	left: -9999px;
	}

#ContainerRight .contentsBox h4 {
	margin-bottom: 15px;
	color: #ea7c06;	
	font-size: 12px;
	font-weight: normal;
	}
#ContainerRight .contentsBox p.copy{
	margin-left: 0;
	margin-bottom: 20px;
	}	
#ContainerRight p.copy.nonemargin {
	margin-bottom:0 !important;
}

.contentsBox p strong {
	color: #ea7c06;	
	}	
	
.contentsBox p.banner {
	text-align: center;
	}
	
.contentsBox ul.attention li {
	background:url(../img/common/ico-dotted_orange.gif) 0 4px no-repeat;
	padding-left:13px;
	margin-left: 10px;
	margin-bottom: 10px;
	}
	
.contentsBox ul.detail li {
	background:url(../img/common/ico-arrow_white.gif) 0 2px no-repeat;
	padding-left:16px;
	line-height: 16px;
	margin-bottom: 10px;
	}
	
/* dl.entry */
.contentsBox dl.entry {
  zoom:1;
  clear:both;
	border-left: 3px solid #e2e2e2;
	margin: 0 15px 20px 5px;
	padding-left: 8px;
  }
.contentsBox dl.entry:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  }
	
.contentsBox dl.entry dt {
	margin-bottom: 5px;
	}	
	
.contentsBox dl.entry dd {
	margin-bottom: 5px;
	}

/* PageOpencampus
------------------------------------------------------------- */
	
#PageOpencampus .contentsBox{ margin-bottom: 25px; }	
#PageOpencampus .contentsBox h3{margin-left:0; margin-right:0;}	
	
/* インデックスページ　大見出し */
#PageOpencampus #ContainerRight .contentsBox p.copy{
	margin-left: 0;
	margin-bottom: 35px;
	}

#PageOpencampus #ContainerRight .contentsBox h4.title {margin-bottom:30px;}	
						
	
/* ----------  copyimage  ----------- */			
#ContainerRight div#CopyImage {
	background: url(../opencampus/img/img-opencampus.jpg) 0 0 no-repeat;
	width: 570px;
	height: 130px;
	margin-bottom: 25px;
	}

#ContainerRight div#CopyImage h3,
#ContainerRight div#CopyImage p {
	display: none;
	}
	
/* div#Greeting */	
#Greeting {
	position: relative;
	background:url(../research/staff/img/wall-teacher_bottom.gif) left bottom no-repeat;
	width: 575px;
	padding-bottom:6px;
	}
#Greeting div {	
	background:url(../research/staff/img/wall-teacher_top.gif) left top no-repeat;
	margin-left: -3px;
	padding:20px 20px 9px;
	}	
#Greeting p.photo {
	position: absolute;
	top: -5px;
	right: 6px;
	}	
#Greeting div p {
	margin-bottom: 12px;
	line-height: 18px;
	}	
#Greeting div p.text {
	padding-right: 230px;
	font-size:12px;
	}
		 		

/* ----------  mobile  ----------- */			
#PageOpencampus .contentsBox .mobile {
	float: right;
	width: 250px;
	margin-bottom: 15px;
	background: #FFF3E7;
	}
	
#PageOpencampus .contentsBox .mobile .qr {
	display: inline;
	float: left;
	border: 1px solid #cdcdcd;
	margin: 0 10px 5px;
	}
#PageOpencampus .contentsBox .mobile div {
	float: right;
	width: 130px;
	}

#PageOpencampus .contentsBox .mobile p {
	margin: 0 10px 10px 0;
	}
#PageOpencampus .contentsBox .mobile p.detail {	
	background:url(../img/common/ico-arrow_orange.gif) 0 2px no-repeat;
	padding-left:16px;
	}	
	
#PageOpencampus .contentsBox .mobile p.address {
	clear: both;
	margin-left: 10px;
	font-family: verdana,sans-serif;
	font-size: 10px;
	letter-spacing:-1px;
	margin-right:0;
	}	
	
/* ----------  box01  ----------- */
#PageOpencampus .contentsBox div.box01 {
	float: left;
	background: url(../opencampus/img/line-dotted_v.gif) 100% 0 repeat-y;
	width: 310px;
	}
	
#PageOpencampus .contentsBox div.box01 h3 {
	clear: both;
	border: none;
	width: 310px;
	margin-bottom:5px;	
	}	

	
#PageOpencampus .contentsBox div.box01 p {
	margin-right: 10px;
	}
	
#PageOpencampus .contentsBox div.box01 p.banner {
	text-align: center;
	}	
	
#PageOpencampus .contentsBox div.box01 ul {
	float: left;
	width: 140px;
	margin-bottom: 25px;
	}

#PageOpencampus .contentsBox div.box01 ul li {
	background: url(../sitemap/img/sitemap-arrow.gif) 0 2px no-repeat;
	padding-left: 12px;
	margin-bottom: 5px;
	font-size: 10px;
	}	
#PageOpencampus .contentsBox div.box01 ul li a { color: #5c5c5c; }
#PageOpencampus .contentsBox div.box01 ul li a:hover { color: #8a35af; }			
	
/* ----------  box01  ----------- */
#PageOpencampus .contentsBox div.box02{
	float: right;
	width: 250px;
	}
	
#PageOpencampus .contentsBox div.box02 div {
	background: url(../opencampus/img/line-dotted_h.gif) 0 100% repeat-x;
	padding-bottom: 5px;
	margin-bottom: 15px;
	}

#PageOpencampus .contentsBox div.box02 h3 {
	border: none;
	width: 250px;
	margin-bottom:5px;
	}
#PageOpencampus .contentsBox div.box02 ul li {
	background: url(../sitemap/img/sitemap-arrow.gif) 0 2px no-repeat;
	padding-left: 12px;
	margin-bottom: 5px;
	font-size: 10px;
	}	
#PageOpencampus .contentsBox div.box02 ul li a { color: #5c5c5c; }
#PageOpencampus .contentsBox div.box02 ul li a:hover { color: #8a35af; }	
			

#PageOpencampus .contentsBox#Last ul li{
	background:url(../img/common/ico-arrow_white.gif) 0 0 no-repeat;
	padding-left:18px;
	margin-bottom:10px;
	}





/* EventとSEvent共通
------------------------------------------------------------- */
	
/* dl.trial */	
.contentsBox dl.trial { 
	background: url(../img/common/line-dotted.gif) 0 100% repeat-x;
	margin-left: 15px;
	margin-bottom: 0;
	padding-bottom: 3px;
	}	

.contentsBox dl.trial dt {
	background: url(../img/common/line-dotted.gif) 0 0 repeat-x;
	padding-top: 10px;
	padding-left: 12px;
	margin-bottom: 3px;
	color: #EA7C06;
	}			
.contentsBox dl.trial dd {
	background: url(../img/common/ico-dotted_gray.gif) 12px 3px no-repeat;
	padding-left: 24px;
	margin-bottom: 10px;
	}	
.contentsBox dl.trial dd.first { margin-bottom: 5px; }

/* div.course */	
.contentsBox div.course {
	clear: both;
	}

.contentsBox div.course dl.trial { 
	margin-left: 5px;
	}
	
/* div.list */	 
.contentsBox div.list {
  zoom:1;
  clear:both;
	}
	.contentsBox div.list:after{
  content:".";
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
  }	
.contentsBox div.list dl {
	float: left;
	width: 280px;
	margin: 0 0 24px;
	}
	.contentsBox div.list dl.list01 { margin-right: 8px;_margin-right: 4px; }	
	
.contentsBox div.list dl dt.photo {
	float: left;
	width: 57px;
	height: 76px;
	margin:0 12px 10px 0;
	_margin-right: 8px;
	}			
.contentsBox div.list dl dt.photo img { border: 1px solid #d9d9d9; }	
.contentsBox div.list dl dt.name {
	float: left;
	border-bottom: 1px solid #d9d9d9;
	width: 210px;
	margin-bottom: 3px;
	padding-top: 6px;
	padding-bottom: 2px;
	}
.contentsBox div.list dl dt.name a{
	font-weight:bold;
	color:#444444;
	}
.contentsBox div.list dl dd.lab {
	float: left;
	margin-bottom: 17px;
	font-size:10px;
	width: 210px;
	}
.contentsBox div.list dl dd.lab a{color:#aeaeae;}
.contentsBox div.list dl dd.title{margin-bottom:15px;}
.contentsBox div.list dl dd.title a{
	}	
.contentsBox div.list h4.halfmargin {margin-bottom:5px !important;}
.contentsBox div.list p.link {clear:left; margin-bottom:5px; font-size:11px;}
.contentsBox div.list dl dd.comment {clear:left;}	



/* 講義体験 */
.contentsBox .list{
	width:574px;
	_width:580px;
	clear:both;
	}
.contentsBox .list .wrapLeft{
	float:left;
	clear:left;
	}
.contentsBox .list .wrapRight{
	float:right;
	padding-right:0;
	width:278px;
	}

.contentsBox .photoBox {
	text-align:center;
}

.contentsBox .photoBox img {
border: 1px solid #CDE6F0;
background: #f0f0f0;
padding: 3px;
}

	
/* PageOpencampusEvent
------------------------------------------------------------- */
#PageOpencampusEvent .contentsBox{
	padding-top:50px;
	margin-bottom:0;
	}

#PageOpencampusEvent .contentsBox table.data{
	margin:0 0 40px 0;
	}
#PageOpencampusEvent .contentsBox table.data th{
	color:#222222;
	text-align:right;
	padding-right:10px;
	}
#PageOpencampusEvent .contentsBox table.data td.center{
	text-align:right;
	padding-right:10px;
	}

#PageOpencampusEvent .contentsBox table.scheduleBox {
	border-collapse: collapse;
	border:1px solid #d9d9d9;
	table-layout:fixed;
	margin: 0 0 10px 0;
	width:340px;
}

#PageOpencampusEvent .contentsBox table.scheduleBox tr th,
#PageOpencampusEvent .contentsBox table.scheduleBox tr td {
	padding: 3px 3px;
	border:1px solid #d9d9d9;
	vertical-align:middle;
	text-align:center;
}

#PageOpencampusEvent .contentsBox table.scheduleBox tr th {
	font-weight:normal;
	font-size:12px;
}

#PageOpencampusEvent .contentsBox table.scheduleBox tr td {
	font-weight:normal;
	font-size:11px;
}

#PageOpencampusEvent .contentsBox table.scheduleBox thead tr th {
	background:#f1c08d;
	color:#fff;
}

#PageOpencampusEvent .contentsBox table.scheduleBox tbody tr th {
	background:#f0f0f0;
}

#PageOpencampusEvent .contentsBox div.box {
	display: inline;
	width: 352px;
	/*_width: 344px;*/
	_width: 354px;
	}	

#PageOpencampusEvent .contentsBox#Event02{_padding-top:10px;}
	
#PageOpencampusEvent #Event01,
#PageOpencampusEvent #Event04,
#PageOpencampusEvent #Event06,
#PageOpencampusEvent #Event08,
#PageOpencampusEvent #Event10,
#PageOpencampusEvent #Event12{
	margin-right: 13px;
	}
#PageOpencampusEvent .contentsBox{_margin-right:10px;}
#PageOpencampusEvent div.leftBox{float:left;}		
#PageOpencampusEvent div.rightBox{float:right;}		

#PageOpencampusEvent .contentsBox h3{width:571px; margin-left:0; margin-right:0;}
#PageOpencampusEvent .contentsBox .box h4{
	border-bottom:1px solid #CDE6F0;
	margin:15px 0;
	padding-bottom:2px;
	text-align:left;
	font-family: verdana, sans-serif;
	font-size:14px;
	font-weight:bold;
	}
#PageOpencampusEvent #ContainerRight .rightBox h4{padding-left: 15px;}
#PageOpencampusEvent #ContainerRight .rightBox p {margin-left: 15px;}
#PageOpencampusEvent #ContainerRight .rightBox table {margin-left: 15px; width:340px;}

#PageOpencampusEvent #ContainerRight .leftBox h4{padding-right: 15px;}
#PageOpencampusEvent #ContainerRight .leftBox p {margin-right: 15px;}
#PageOpencampusEvent #ContainerRight .leftBox table {margin-right: 15px;  width:340px;}

#ContainerRight .contentsBox h4.topics {
	float: none;
	margin-bottom: 12px;
	font-size: 12px;
	font-weight: normal;
	color: #ea7c06;		
	}

.contentsBox .sideBox {
	display:inline;
	width:216px;
	margin-right:0;
	margin-left:0;
	font-size:10px;
	line-height:135%;	
	}

/* 講義体験 */
	
#PageOpencampusEvent #Event02 .sideBox,
#PageOpencampusEvent #Event03 .sideBox,
#PageOpencampusEvent #Event05 .sideBox,
#PageOpencampusEvent #Event07 .sideBox,
#PageOpencampusEvent #Event09 .sideBox,
#PageOpencampusEvent #Event11 .sideBox{float: right;}	

#PageOpencampusEvent #Event01 .sideBox,
#PageOpencampusEvent #Event04 .sideBox,
#PageOpencampusEvent #Event06 .sideBox,
#PageOpencampusEvent #Event08 .sideBox,
#PageOpencampusEvent #Event10 .sideBox,
#PageOpencampusEvent #Event12 .sideBox,
#PageOpencampusEvent #Event13 .sideBox,
#PageOpencampusEvent #Event14 .sideBox{float: left;}
	
.contentsBox .sideBox table{
	margin:0 0 20px;
	}
.contentsBox .sideBox td{
	border: 1px solid #CDE6F0;
	background: #f0f0f0;
	padding:3px;
	}
	
/*#PageOpencampusEvent #ContainerRight #Event03 h4 { margin-bottom: 5px; }*/

/* table.schedule */	
.contentsBox table.schedule {
	margin-bottom: 15px;
	}
	
.contentsBox table.schedule th.name {
	padding: 1px 0;
	width: 6em;
	}
.contentsBox table.schedule th.lab {
	padding: 1px 0;
	width: 9em;
	font-weight: normal;
	}	
.contentsBox table.schedule td {
	padding: 1px 0;
	}				
	
#PageOpencampusEvent .contentsBox p.detail {
	background:url(../img/common/ico-arrow_white.gif) 0 2px no-repeat;
	padding-left:16px;
	font-size:10px;
	line-height: 16px;
	margin-bottom: 3px;
	}
	
/* PageOpencampusSEvent
------------------------------------------------------------- */

#PageOpencampusSEvent .contentsBox{
	padding-top:50px;
	margin-bottom:0;
	_margin-right:10px;
	}

#PageOpencampusSEvent #ContainerRight #Event11 h4 { margin-bottom: 5px; }

#PageOpencampusSEvent .contentsBox div.box {
	display: inline;
	/*width: 352px;*/
	/*_width: 344px;*/
	}
#PageOpencampusSEvent .contentsBox div.box .photoBox {
	margin-bottom:20px;
}
	
#PageOpencampusSEvent #Event05 div.box,
#PageOpencampusSEvent #Event07 div.box,
#PageOpencampusSEvent #Event09 div.box{ float: left;	}		

#PageOpencampusSEvent #Event10 div.box { width: auto; }

#PageOpencampusSEvent #Event04,
#PageOpencampusSEvent #Event06,
#PageOpencampusSEvent #Event08 {
	margin-right: 13px;
	_margin-right: 0px;
	}

#PageOpencampusSEvent #Event02 div.box,
#PageOpencampusSEvent #Event04 div.box,
#PageOpencampusSEvent #Event06 div.box,
#PageOpencampusSEvent #Event08 div.box { float: right; _margin-right:12px;}		

#PageOpencampusSEvent #ContainerRight .contentsBox div.box h3{
	border-bottom:1px solid #CDE6F0;
	margin:15px 0;
	padding-bottom:2px;
	text-align:left;
	font-family: verdana, sans-serif;
	font-weight:bold;
	font-size:12px;
	}
#PageOpencampusSEvent #ContainerRight .contentsBox div.box h3 a{
	font-size:12px;
	}
	
#PageOpencampusSEvent #ContainerRight #Event04 h3,
#PageOpencampusSEvent #ContainerRight #Event06 h3,
#PageOpencampusSEvent #ContainerRight #Event08 h3 {
	padding-left:15px;
	}

#PageOpencampusSEvent #ContainerRight #Event04 h3,
#PageOpencampusSEvent #ContainerRight #Event05 h3 {
	position: relative;
	}
#PageOpencampusSEvent #ContainerRight #Event05 .wrapRight{
padding-top:37px;
}

#PageOpencampusSEvent #ContainerRight h3 a{
	text-align:right;
	position:absolute;
	right:5px;
	}

#PageOpencampusSEvent #ContainerRight #Event04 h3 span,
#PageOpencampusSEvent #ContainerRight #Event05 h3 span {
	position: absolute;
	top:0;
	right: 10px;
	background: url(../img/common/ico-arrow_white.gif) 100% 0 no-repeat;
	padding-right: 20px;
	text-align: right;
	font-size: 10px;
	line-height: 14px;
	}
#PageOpencampusSEvent #ContainerRight #Event04 h3 span a,
#PageOpencampusSEvent #ContainerRight #Event05 h3 span a { color: #333333;}
#PageOpencampusSEvent #ContainerRight #Event04 h3 span a:hover,
#PageOpencampusSEvent #ContainerRight #Event05 h3 span a:hover { color: #8a35af;}	
	
#PageOpencampusSEvent #ContainerRight #Event04 div.box p,
#PageOpencampusSEvent #ContainerRight #Event06 div.box p,
#PageOpencampusSEvent #ContainerRight #Event08 div.box p { 
	margin-left: 15px;
	}	
	
#PageOpencampusSEvent #Event05 .sideBox,
#PageOpencampusSEvent #Event07 .sideBox,
#PageOpencampusSEvent #Event09 .sideBox { float: right; }	

#PageOpencampusSEvent #Event04 .sideBox,
#PageOpencampusSEvent #Event06 .sideBox,
#PageOpencampusSEvent #Event08 .sideBox { float: left; }	
	
#PageOpencampusSEvent .contentsBox p.detail {
	background:url(../img/common/ico-arrow_white.gif) 0 2px no-repeat;
	padding-left:16px;
	font-size:10px;
	line-height: 16px;
	margin-bottom: 3px;
	}
		
	
/* PageOpencampusCalendar
------------------------------------------------------------- */

#PageOpencampusCalendar .contentsBox{
	margin-bottom:30px;
	}

#PageOpencampusCalendar .contentsBox.calendar{
	border:1px solid #ccc;
	width:570px;
	padding-top:20px;
	}
#PageOpencampusCalendar .contentsBox.calendar h2,h3 {margin:0 20px;}
#PageOpencampusCalendar .contentsBox.calendar table {
	border-collapse:collapse;
	width:550px;
	margin:0 10px;
	}
#PageOpencampusCalendar .contentsBox.calendar tr{_border:1px solid #ccc;}
*+html #PageOpencampusCalendar .contentsBox.calendar tr{border:1px solid #ccc;}
#PageOpencampusCalendar .contentsBox.calendar td {
	border:1px solid #ccc;
	background:#f2f2f2;
	padding:20px 10px;
	font-size:10px;
	text-align:center;
	}
#PageOpencampusCalendar .contentsBox.calendar td.center	{background:#e6f4ff;}/*中央キャンパス*/
#PageOpencampusCalendar .contentsBox.calendar td.no{border:none; background:none; font-size:0;}/*枠無し*/
#PageOpencampusCalendar .contentsBox.calendar td.right{border-right:1px solid #ccc;}/*枠無し*/
#PageOpencampusCalendar .contentsBox.calendar td.time{border:none; background:#fff; padding-top:0; line-height:1; vertical-align:top; white-space:nowrap;}/*時間枠*/

#PageOpencampusCalendar .contentsBox.calendar dl{margin:0 0 30px 20px;}
#PageOpencampusCalendar .contentsBox.calendar dl dt{
	background:url(../img/common/ico-dotted_gray.gif) 0 3px no-repeat;
	padding-left:13px;
	}
#PageOpencampusCalendar .contentsBox.calendar dl dd{
	margin:0 0 8px 0;
	padding-left:13px;
	}

	
	

/* table.calendar02 キャンパス色分けテーブル */
.contentsBox table.calendar02{
	border: 1px solid #cccccc;
	}
.contentsBox table.calendar02 th,
.contentsBox table.calendar02 td {
	border: 3px solid #ffffff;
	}

.contentsBox table.calendar02 th.cal01,
.contentsBox table.calendar02 th.cal02{ width: 20px;}
.contentsBox table.calendar02 .cal01{ background:#F2F2F2; }	
.contentsBox table.calendar02 .cal02{ background:#E6F4FF; }		

#PageOpencampusCalendar .contentsBox ul.attention {
	margin-bottom: 30px;
	}
		
/* pdf */
.contentsBox p.pdf{
	clear: both;
	background:url(../img/common/ico-pdf.gif) 0 2px no-repeat;
	padding:1px 0 5px 19px;
	}
.contentsBox p.pdf span {
	padding-left: 6px; 
	color: #666666;
	}	
	
/* 一番下のリスト */
#PageOpencampusCalendar .contentsBox ul li{
	background:url(../img/common/ico-dotted_orange.gif) 0 3px no-repeat;
	padding-left:13px;
	margin-bottom:8px;
	}
	
			

/*end*/