@charset "utf-8";

.pagelink-left { margin:15px 0 0 0; }

h2 { margin:30px 0; }


/*==================================================================

　1. 共通

==================================================================*/


/*==================================================================

　2. College（index.html）

==================================================================*/

.College h3 { margin:25px 0 15px 4px; }

.College .lead { margin:0 4px 20px; }

.College h4 {
	clear:both;
	font-size:100%;
	color:#001077;
	padding:7px 0 6px 10px;
	margin:40px 0 15px 0;
	background:url(../common/images/h3_bg_01.gif) repeat-y;
}

.College h4 img {
	position:relative;
	float:right;
	top:-45px;
	_top:-51px;
	right:10px;
}

.College table.schedule {
	width:610px;
	font-size:85%;
	border-collapse:collapse;
	margin:-30px 0 40px 0;
	_margin:-35px 0 40px 0;
}

.College table.schedule th {
	color:#000;
	font-weight:bold;
	padding:0 0 6px 0;
	border-bottom:1px solid #FFF;
	text-align:center;
}

.College table.schedule th.box01 { background:url(images/seminar/line_seminar_01.gif) no-repeat bottom left; width:110px; }
.College table.schedule th.box02 { background:url(images/seminar/line_seminar_01.gif) no-repeat bottom left; width:65px; }
.College table.schedule th.box03 { background:url(images/seminar/line_seminar_01.gif) no-repeat bottom left; width:335px; }
.College table.schedule th.box04 { background:url(images/seminar/line_seminar_01.gif) no-repeat bottom right; width:90px; }

.College table.schedule td       { padding:7px 3px 7px 3px;}
.College table.schedule td.box01 { text-align:left; width:110px; padding-left:10px; }
.College table.schedule td.box02 { width:64px; }
.College table.schedule td.box03 { text-align:left; width:335px; font-size:120%; }
.College table.schedule td.box03 span { font-size:85%; margin-top:5px; line-height:135%; }
.College table.schedule td.box04 { width:90px; }

.College table.schedule tr.row01  { background:#F2F1E3 url(images/seminar/bg_seminar_02.gif) repeat-x bottom; }
.College table.schedule tr.row02 { background:url(../common/images/line_dot_01.gif) repeat-x bottom; }

.College .frame {
	clear:both;
	border-top:1px solid #E6E4D6;
	border-left:1px solid #E6E4D6;
	border-right:1px solid #E6E4D6;
	width:584px;
	_width:615px;
	padding:20px 15px;
}

.College h5 { margin-bottom:20px; }

.College .photo {
	float:right;
	margin:0 10px 0 10px;
}

.College .program {
	clear:both;
	background:url(../common/images/line_dot_01.gif) repeat-x top;
	padding:20px 2px 0 2px;
	margin-top:20px;
}

.College .program .menu-left {
	width:271px;
	float:left;
	margin:0 12px 20px 0;
}

.College .program .menu-right {
	width:271px;
	float:left;
	margin-bottom:20px;
}

.College .program .menu-left img,
.College .program .menu-right img {
	float:left;
	margin:0 7px 0 0;
}

.College .program .menu-left strong a,
.College .program .menu-right strong a {
	color:#333;
	display:block;
	margin-bottom:2px;
}

/*==================================================================

　3. Seminar（sponsoring_seminar.html）

==================================================================*/

.Seminar h2 { margin:30px 0; }

.Seminar .visual {
	background:url(images/seminar/bg_seminar_01.jpg) no-repeat;
	width:620px;
	height:130px;
}

.Seminar .lead { width:380px; }

.Seminar .lead em {
	font-size:85%;
	color:#CC9900;
	float:left;
	margin:5px 0 0 5px;
	width:350px;
}

.Seminar .lead .mark {
	font-size:85%;
	color:#CC9900;
	float:left;
	margin:5px 0 0 0;
	width:10px;
}

.Seminar h3 {
	clear:both;
	margin:20px 2px 15px 2px;
}

.Seminar .lead02 { margin:0 3px; }

.Seminar h4 {
	clear:both;
	font-size:100%;
	color:#001077;
	padding:6px 0 6px 10px;
	margin:20px 0 15px 0;
	background:url(../common/images/h3_bg_01.gif) repeat-y;
}

.Seminar table.schedule {
	width:616px;
	font-size:85%;
	border-collapse:collapse;
	margin-bottom:20px;
	_margin-bottom:40px;
}

.Seminar table.schedule th {
	color:#000;
	font-weight:bold;
	padding:0 0 6px 0;
	border-bottom:1px solid #FFF;
	text-align:center;
}

.Seminar table.schedule th.box01 { background:url(images/seminar/line_seminar_01.gif) no-repeat bottom left; width:120px; }
.Seminar table.schedule th.box02 { background:url(images/seminar/line_seminar_01.gif) no-repeat -120px bottom; width:64px; }
.Seminar table.schedule th.box03 { background:url(images/seminar/line_seminar_01.gif) no-repeat -188px bottom; width:259px; }
.Seminar table.schedule th.box04 { background:url(images/seminar/line_seminar_01.gif) no-repeat -450px bottom; width:70px; }
.Seminar table.schedule th.box05 { background:url(images/seminar/line_seminar_01.gif) no-repeat -519px bottom; width:86px; }

.Seminar table.schedule td       { padding:8px 3px 7px 3px;}
.Seminar table.schedule td.box01 { text-align:left; width:120px; }
.Seminar table.schedule td.box02 { width:64px; }
.Seminar table.schedule td.box03 { text-align:left; width:259px; }
.Seminar table.schedule td.box04 { width:70px; }
.Seminar table.schedule td.box05 { width:86px; }

.Seminar table.schedule tr.row01  { background:#F2F1E3 url(images/seminar/bg_seminar_02.gif) repeat-x bottom; }
.Seminar table.schedule tr.row02 { background:url(../common/images/line_dot_01.gif) repeat-x bottom; }

.Seminar .photo {
	float:right;
	margin:0 0 0 15px;
}

.Seminar .btn { margin:15px 0 0 3px; }


/*==================================================================

　4. Lecturers（lecturers.html）

==================================================================*/

.Lecturers .photo01 {
	float:right;
	margin:0 0 0 10px;
}

.Lecturers ul.list { margin:20px 0 0 0; }

.Lecturers li {
	display:inline;
	background:url(../common/images/icon_arrow_01.gif) no-repeat 0 2px;
	padding-left:14px;
	margin:0 0 0 15px;
}

.Lecturers .contact {
	background:url(images/lecturers/bg_lecturers_01.gif) repeat;
	padding:15px;
	margin:20px 0 15px 0;
}

.Lecturers .contact img { float:right; }

/* ==================== Tab menu ==================== */

/* ---------------------------------------------------
　※タブメニューの共通箇所はsecond.cssに記述 
--------------------------------------------------- */

.Lecturers ul.tab { clear:both; padding-top:20px; }

.Lecturers ul.tab li.on {
	color:#001077;
	background:url(images/lecturers/btn_tab_01_on.gif) no-repeat;
	width:220px;
	top:1px;
}

/* ==================== Tab menu ==================== */
.Lecturers .frame {
	clear:both;
	border-top:1px solid #E6E4D6;
	border-left:1px solid #E6E4D6;
	border-right:1px solid #E6E4D6;
	width:581px;
	_width:615px;
	margin:0 auto;
	padding:20px 15px;
}

.Lecturers .lead { margin-bottom:20px; }

.Lecturers .staff {
	clear:both;
	background:url(../common/images/line_dot_01.gif) repeat-x top;
	margin:0 10px 0 10px;
	padding:20px 7px 0 7px;
	_padding:10px 7px 0 7px;
}

.Lecturers .staff .photo02 {
	float:left;
	margin:0 5px 20px 0;
	width:109px;
}

.Lecturers .staff .profile {
	float:right;
	width:420px;
}

.Lecturers .staff .profile h3 {
	font-size:100%;
	color:#333;
	line-height:135%;
	margin:0 0 12px 0;
}

.Lecturers .staff .profile h3 span { font-size:85%; }

.Lecturers .staff .profile p { margin-bottom:12px; }

.Lecturers .staff .profile .links {
	margin:0 10px 15px 0;
	line-height:180%;
}

.Lecturers .staff .profile .links span { font-size:85%; }

.Lecturers .staff .profile .links a.web,
.Lecturers .staff .profile .links a.blog { padding-left:54px; }
.Lecturers .staff .profile .links a.web  { background:url(images/lecturers/icon_web.gif) no-repeat; }
.Lecturers .staff .profile .links a.blog { background:url(images/lecturers/icon_blog.gif) no-repeat; }



/*==================================================================

　5. System（system.html）

==================================================================*/

.System .lead { margin-bottom:20px; }

.System .frame {
	clear:both;
	border-top:1px solid #E6E4D6;
	border-left:1px solid #E6E4D6;
	border-right:1px solid #E6E4D6;
	width:583px;
	_width:615px;
	margin:10px 0 0 0;
	padding:0 15px 20px 15px;
}

.System .frame h3 { margin:20px 0 10px 0; }

.System .frame dl.accreditation dd {
	margin:0 10px 0 15px;
}

.System .frame .graph { margin:15px 0 5px 0; }

.System h4 {
	clear:both;
	font-size:100%;
	color:#001077;
	padding:6px 0 6px 10px;
	margin:30px 0 15px 0;
	background:url(../common/images/h3_bg_01.gif) repeat-y;
}

.System .btn-set01 {
	text-align:right;
	margin: 10px 10px 0 0;
}

.System .btn-set02 {
	text-align:right;
	margin: 10px 10px 30px 0;
}

.System .photo {
	font-size:85%;
	text-align:center;
	float:right;
	margin:0 5px 15px 15px;
}

.System .photo img { display:block; }

.System .point {
	clear:both;
	background:url(images/system/bg_system_01.gif) repeat;
	width:545px;
	_width:560px;
	padding:0 0 20px 20px;
	margin:5px 0 0 10px;
}

.System .point h5 { padding:22px 0 15px 0; }

.System .point .icon { float:right; }

.System .point dt {
	float:left;
	font-weight:bold;
	background:url(images/system/icon_system_02.gif) no-repeat 0 7px;
	padding-left:12px;
	width:120px;
}

.System .point dd {
	float:left;
	font-size:85%;
	line-height:135%;
	width:370px;
	margin-bottom:10px;
}


