/* CSS Document */

/* main
======================================= */

.main {
}

.main .container {
	overflow: hidden;
}

.main-right {
	float: right;
	overflow: hidden;
	width: 753px;
}

.main-left {
	float: left;
	width: 212px;
}

.main-info {
    float: left;
}

/* maincol
----------------------- */

#maincol {
	float: left;
	width: 536px;
	border: 1px solid #d5cfb7;
	background-color: #fff;
}

#maincol h2 {
	padding: 15px 20px;
}

.tab,
.tab2 {
	text-align: center;
			font-size: 12px;
}

.tab li,
.tab2 li {
	display: inline-block;
	padding: 10px 5px;
	background-color: #d2d0c6;
	cursor: pointer;
}


.tab li,
.tab2 li {
	width: 92px;
	font-size:90%;
}

.tab .select,
.tab2 .select {
	color: #fff;
}

.tab01.select {
	background-color: #09783f;
}

.tab2 .tab02.select,
.tab .tab02.select {
	background-color: #f16e8c;
}

.tab2 .tab03.select,
.tab .tab03.select {
	background-color: #998ad7;
}

.tab2 .tab04.select,
.tab .tab04.select {
	background-color: #660;
}

.tab2 .tab05.select,
.tab .tab05.select {
	background-color: #960;
}

.box,
.box02 {
	padding: 20px;
	border-top: 1px solid #d4cfb8;
}

.box .hide,
.box02 .hide {
	display: none;
}


.box .announce .link,
.box02 .event .link {
	margin-bottom: 20px;
	text-align: right;
}

.box .announce .link a,
.box02 .event .link a {
	text-decoration: none;
}

.box .announce .link a:hover,
.box02 .event .link a:hover {
	text-decoration: underline;
}

.box .info,
.box02 .info {
	overflow-y: scroll;
	padding-right: 5px;
}

.box .info{
	height: 290px;
}
.box02 .info{
	height: 290px;
}

.info-top{
	overflow:hidden;
}

 .rss-icon{
	float:left;
}

.main-info .info_bnr {
    margin: 0 0 10px;
}

#maincol .section .box .announce.cont01 .info .news,
#maincol .section .box .announce.cont01 .info .inform,
#maincol .section .box .announce.cont01 .info .reserch,
#maincol .section .box .announce.cont01 .info .exam,
#maincol .section .box .announce.cont01 .info .media {
	padding: 5px 0;
	border-bottom: 1px solid #d4cfb8;
}

#maincol .section .announce ul li,
#maincol .section .event ul li {
	padding: 5px 0;
	border-bottom: 1px solid #d4cfb8;
}

.mtx span {
	display: block;
	margin-bottom: 10px;
}

.mtx a {
	text-decoration: none;
}

.mtx a:hover {
	color: #978863;
	text-decoration: underline;
}

#maincol .section .box .announce.cont01 .info li span:before,
#maincol .section .box02 .event.cont01 .info li span:before {
	display: block;
	width: 100px;
	float: left;
	padding: 2px 5px;
	margin-right: 5px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

#maincol #archivesBox .news span:before {
	content: 'ニュース';
	background: #f16e8c;
}

#maincol #archivesBox .reserch span:before {
	content: '研究トピックス';
	background-color: #998ad7;
}

#maincol #archivesBox .exam span:before {
	content: '入試情報';
	background-color: #660;
}

#maincol #archivesBox .media span:before {
	content: 'メディア';
	background-color: #960;
}

#maincol #archivesBox02 .news span:before {
	content: '公開講座';
	background-color: #f16e8c;
}

#maincol #archivesBox02 .reserch span:before {
	content: '講演会・セミナー';
	background-color: #998ad7;
}

#maincol #archivesBox02 .exam span:before {
	content: 'その他';
	background-color: #660;
}

#maincol #archivesBox02 .student span:before {
	content: '学内向けお知らせ';
	background-color: #960;
}

/* sidebar-right
----------------------- */

.sidebar-right {
	float: right;
	width: 202px;
}

.sidebar-right-bnr li {
	margin-bottom: 10px;
}

/* sidebar-linkbox01
----------------------- */

.sidebar-linkbox01 {
	border: 4px solid #d4cfb8;
	margin-bottom: 10px;
}

.sidebar-linkbox01-category {
	padding: 10px 15px;
	background-color: #a98f02;
	color: #fff;
	font-size: 14px;
}

.sidebar-linkbox01-link li {
	padding-left: 15px;
	border-bottom: 1px solid #d4cfb8;
	background-color: #fff;
}

.sidebar-linkbox01-link li:last-child {
	border: none;
}

.sidebar-linkbox01-link a {
	display: block;
	padding: 10px 15px;
	background: url(../img/sidebar_left_icon01.png) no-repeat left center;
	font-size: 14px;
	text-decoration: none;
}

.sidebar-linkbox02 {
	padding: 10px 14px;
	border: 1px solid #d5cfb7;
	background-color: #fff;
}

.sidebar-linkbox02-category {
	padding-bottom: 10px;
	border-bottom: 1px solid #d4cfb8;
	color: #978863;
	font-size: 14px;
}

.sidebar-linkbox02-link li {
	border-bottom: 1px dotted #d4cfb8;
	background-color: #fff;
}

.sidebar-linkbox02-link li:last-child {
	border: none;
}

.sidebar-linkbox02-link a {
	display: block;
	padding: 5px 0;
	font-size: 14px;
	text-decoration: none;
}

.sidebar-linkbox01-link a:hover,
.sidebar-linkbox02-link a:hover {
	text-decoration: underline;
}

.sidebar-linkbox02-bnr li {
    margin: 0px 0 7px;
}

body {
    font-size: 12px;
}

.sidebar-linkbox03 {
    margin-bottom: 10px;
}




.top_attention {
	text-align: center;
	padding-bottom: 20px;
}
.top_attention .pc_bnr {}
.top_attention .sp_bnr {display: none;}



/* responsive
======================================= */

@media screen and (max-width: 979px) {
	.PcOnlyBnr {
		display: none
	}
	
.top_attention .pc_bnr {display: none;}
.top_attention .sp_bnr {display: block;}
	
.top_attention {
	text-align: center;
	padding-bottom: 20px;
	max-width: 440px;
	margin: auto;
}
	
	/* main
	======================================= */
	
	.main-right {
		float: none;
		width: 100%;
		margin-bottom: 20px;
	}
	
	.main-left {
		float: none;
		width: 100%;
	}
	
	.main-info .info_bnr {
	    max-width: 472px;
	}
	
	/* main-contents
	----------------------- */
	
	#maincol {
		max-width: 470px;
		width: 100%;
	}
	
	.tab,
	.tab2 {
		display: none;
	}
	
	/* sidebar-right
	----------------------- */
	
	.sidebar-right {
		max-width: 202px;
		width: 100%;
	}
	
}

@media screen and (max-width: 767px) {
	/* main
	======================================= */
	.main{
		background-size:contain;
	}
	
	.main-left {
		max-width: 202px;
		margin: 0 auto;
	}
	
	/* main-contents
	----------------------- */
	.main-info {
    float: none;
    max-width: 470px;
    margin: auto;
	}
	
	#maincol {
		float: none;
		margin: 0 auto 20px;
	}
	
	/* sidebar-right
	----------------------- */
	
	.sidebar-right {
		float: none;
		margin: 0 auto;
	}

	/* スライドの丸印大きさ、位置調整 
	----------------------- */
	.wideslider {
		padding-bottom: 15px!important;
		background: #f6f2e7!important;
	}
	
	.pagination {
		bottom: 0px!important;
		height: 10px!important;
	}
	
	.pagination a {
		width: 8px!important;
		height: 8px!important;
	}

}
@media screen and (max-width: 479px) {
	/* main
	======================================= */
	
	/* main-contents
	----------------------- */
	
	.main-sublink {
		border-left: none;
	}
	
	.main-sublink li {
		float: none;
		margin-bottom: 10px;
		border-right: none;
	}
	
}