@charset "utf-8";

.imgleft {
float:left;
width:250px;
margin:0 1em 1em 0;
}

.imgright {
float:right;
width:250px;
margin:0 0 1em 1em;
}


.fig {
text-align:center;
}
.fig img {
margin:0 auto;
}

/* ¥Ñ¥ó¤¯¤º
----------------------------------------------------------- */
#pan {
clear:both;
width:100%;
color: #FFF;
border-bottom:1px solid #ADADAD;
overflow:hidden;
background-color:#EEF4F9;
}

.panbox {
width:980px;
height:120px;
margin:0 auto;
font-size:12px;
text-align:left;
}

.title {
font-size: 28px;
color: #228DB0;
line-height:1.2;
letter-spacing:0.1em;
padding:30px 0 8px 0;
}

.panbox p {
font-size:13px;
color: #228DB0;
}

.panbox a {
color: #228DB0;
}

@media screen and (min-width: 751px) and (max-width: 970px) {
	.panbox {
	width:96%;
	margin:0 auto;
	}
}

@media screen and (max-width: 750px) {
	.panbox {
	width:96%;
	height:auto;
	background-image:none;
	}
	.title {
	font-size:24px;
	letter-spacing:0;
	padding:20px 0 0 0;
	}
	.panbox p {
	font-size:11px;
	}
}


/* ×ó¥á¥Ë¥å©`
----------------------------------------------------------- */
.leftmenu {
text-align:left;
margin:0 0 2em 0;
}

.leftmenu h3 {
color:#FFF;
font-size:20px;
font-weight:normal;
background-color:#2fadd7;
padding:8px 10px 6px 10px;
border-top-left-radius:6px;
border-top-right-radius:6px;
-moz-border-top-left-radius:6px;
-moz-border-top-right-radius:6px;
-webkit-border-top-left-radius:6px;
-webkit-border-top-right-radius:6px;
}

.leftmenu ul {
border:1px solid #CCC;
padding:0;
}

.leftmenu ul li {
font-size:14px;
line-height:1.3;
background-image:none;
padding:0;
margin:0;
}

.leftmenu ul li a {
display:block;
color:#333;
text-decoration:none;
padding:12px 0 10px 10px;
border-bottom:1px dotted #777;
}

.leftmenu ul li:last-child a {
border:none;
}

.leftmenu ul li a:hover {
color :#FFF;
background-image: none;
background-color:#2fadd7;
}

.leftmenu ul li:last-child ul {
border-bottom:none;
}

.leftmenu ul li:last-child ul li a {
border-bottom:1px dotted #777;
}

.leftmenu ul li.liparent ul li a:hover {
color:#0860A8;
background-color:#FFF;
}
.accordion {
width: 100%;
}
.button {
width: 100%;
font-size: 13px;
padding: 12px 15px 10px 10px;
cursor: pointer;
position: relative;
background-color :#FFF;
border:none;
border-bottom:1px dotted #777;
text-align:left;
}

.button:after {
content: "+";
position: absolute;
top: 11px;
right: 3px;
color :#FFF;
padding: 2px 5px;
color: #2fadd7;
border:1px solid #2fadd7;
}

.button.active:after {
content: "-";
font-size: 12px;
padding: 2px 8px;
color: #2fadd7;
border:1px solid #2fadd7;
}

.leftmenu ul.accordion_1 {
border:none;
background-color: #F4F4F4;
border-bottom:1px dotted #777;
}

.leftmenu ul.accordion_1 li a {
font-size: 13px;
padding:12px 0 10px 10px;
}

.leftmenu ul.accordion_1 li a::before {
content:"¨D";
color: #999;
margin: 0 0.5em 0 0;
}



/* ¥á¥¤¥ó
----------------------------------------------------------- */
#main {
width:70%;
float:right;
text-align:left;
}

.mainbox {
text-align:left;
line-height:2.0;
overflow:hidden;
}

.mainbox h2 {
color:#333;
font-size: 28px;
font-weight:normal;
line-height:1.4;
padding: 6px 0 2px 46px;
margin:0 0 20px 0;
background-image:url(/campus-cms/syusyokushien/images2020/h2.png);
background-position:0 0.2em;
background-repeat:no-repeat;
background-size: 30px;
}

.mainbox h3 {
font-size:20px;
font-weight:normal;
line-height:1.3;
letter-spacing:0.1em;
color:#FFF;
margin:1.5em 0 1em 0;
padding:10px 20px 6px 20px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
background: repeating-linear-gradient(-45deg, #2fadd7, #2fadd7 5px, #2fadd7 5px, #2fadd7 10px);
}

.mainbox h2 + h3 {
margin-top:0;
}


.mainbox h4 {
font-size: 18px;
font-weight:normal;
line-height:1.4;
color:#000;
padding:8px 12px 6px 20px;
margin:2em 0 1em 0;
border-top:3px solid #1e9b3d;
border-bottom:1px dotted #CCC;
background-color:#F4F4F4;
}

.mainbox h5 {
font-size:18px;
line-height:1.4;
padding:4px 0 4px 20px;
margin:1.5em 0 0.5em 0;
background-image:url(/campus-cms/syusyokushien/images/h5.jpg);
background-position:0 0;
background-repeat:repeat-y;
}

.mainbox a {
font-size:14px!important;
}

.red {
color:#B20000;
}

.day { text-align:right;}

blockquote {
padding:20px 30px 6px 30px;
margin:0 0 1em 0;
border:1px solid #CCC;
background-color:#F2F2F2;
}

.mainbox blockquote h3 {
font-size:20px;
font-weight:bold;
line-height:1.3;
letter-spacing:0.1em;
color:#333;
margin:0 0 1em 0;
padding:8px 0;
border-bottom:2px solid #666;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-image:none;
}

@media screen and (min-width: 751px) and (max-width: 970px) {
	#main {
	width:68%;
	padding:0 2% 0 0;
	}
}

@media screen and (max-width: 750px) {
	#main {
	width:96%;
	margin:0 auto 2em auto;
	padding:0;
	float:none;
	}
	.mainbox {
	line-height:1.6;
	}
	.mainbox h2 {
	font-size:24px;
	line-height:1.2;
	background-image:url(/campus-cms/syusyokushien/images2020/h2.png);
	background-size: 24px;
	}
	.mainbox h3 {
	font-size:20px;
	letter-spacing:0;
	padding:10px 14px 6px 14px;
	}
	.mainbox h4 {
	font-size:18px;
	}
	.mainbox h5 {
	font-size:16px;
	}
}


/* ¥ê¥¹¥Èϵ
----------------------------------------------------------- */

.mainbox ul {
margin:0 0 1em 0;
}

.mainbox ul li {
font-size:14px;
padding:4px 0 4px 26px;
border-bottom:1px dotted #777;
background-image:url(/campus-cms/syusyokushien/images/icon_li.png);
background-repeat:no-repeat;
background-position:0 0.8em;
}

.mainbox ol {
padding:0 0 0 26px;
margin:0 0 1em 0;
}

.mainbox ol li  {
list-style-type:decimal;
padding:6px 0 6px 0;
border-bottom:1px dotted #777;
}

#ulbt {
width: 100%;
padding: 1em 0 0 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}

#ulbt li {
width: 32%;
padding:0;
margin: 0 2% 0 0;
text-align:center;
border:none;
background-image:none;
}

#ulbt li:nth-of-type(3n){
margin:0;
}

#ulbt a {
display: block;
color: #000;
padding: 3em 0;
background-color: #F4F4F4;
border: 2px solid #2fadd7;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
text-decoration: none;
background: linear-gradient(-45deg, #F4F4F4, #FFF);
}

#ulbt a:hover {
color :#FFF;
background: linear-gradient(-45deg, #2fadd7, #2fadd7);
}

@media screen and (max-width: 750px) {
	.mainbox ul li {
	background-position:0 0.75em;
	}
	#ulbt li {
	width: 100%;
	margin:0 0 1em 0;
	}
	#ulbt a {
	padding: 2em 0;
	}
}


/* ¥ê¥ó¥¯¡¡----------------------- */

.alink {
width:60%;
line-height:1.3;
margin:2em auto ;
color:#FFF;
text-align:center;
background-color:#E8E8E8;
background-image:url(/campus-cms/syusyokushien/images/bg_green.jpg);
border:1px solid #CCC;
}

.alink a {
display:block;
color:#FFF;
font-size:20px!important;
padding:20px 20px 20px 0;
text-decoration:none;
text-align:center;
background-image:url(/campus-cms/syusyokushien/images/bg_green.jpg),none;
}

.alink a:hover {
color:#FFF;
background-image:none;
background-color:#666;
}


@media screen and (max-width: 750px) {
	.alink {
	width:100%;
	font-size:16px;
	}
	.alink a {
	padding:14px 30px 14px 10px;
	text-align:left;
	}
}


/* ¥Æ©`¥Ö¥ë------------------------------ */

table {
width:100%;
margin:0 0 1em 0;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
}

th {
font-size:13px;
padding:8px 12px;
font-weight:normal;
text-align:left;
border-bottom:1px dotted #999;
background-color:#EEE;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

td {
font-size:13px;
padding:8px 12px;
border-bottom:1px dotted #999;
border-left:1px solid #CCC;
border-bottom:1px solid #CCC;
}

table.underborder tr:nth-of-type(even) {
background-color: #F2F2F2;
}

.mainbox td p {
margin:0;
}

.mainbox td ul {
padding:0;
margin:0;
}

.mainbox td li {
font-size:13px;
border:none;
padding:4px 0 4px 20px;
background-position:0 0.8em;
}

table.t_staff {
border:none;
}

table.t_staff td {
width: 50%;
padding: 0 2em;
border:none;
}

table.t_staff td p {
margin: 0 0 1em 0;
}

table.t_staff td p.name {
font-size: 15px;
text-align:center;
}

@media screen and (max-width: 750px) {
	table {
	width:100%;
	border:none;
	}
	th {
	width:100%;
	background-color:#EEE;
	border:1px solid #CCC;
	padding:6px 0 4px 0;
	text-align:center;
display:block;
	}
	td {
	width:100%;
	padding:4px 10px 20px 10px;
	border:none;
        display:block;
        }
        table.t_staff td {
	width:100%;
        display:block;
	border-bottom: 1px dotted #666;
	padding: 2em;
        }
}

/* ¥Ú©`¥¸¥Õ¥Ã¥¿©`
---------------------------------------------*/

#pagefooter {
clear:both;
margin:2em 0 1em 0;
line-height:2.5em;
text-align:center;
}

#pagefooter a {
color:#FFF;
background-color:#999;
text-decoration:none;
padding:4px 14px;
margin:0;
}

#pagefooter a:hover {
background-color:#0860A8;
}

#pagefooter span {
padding:4px 12px;
border:1px solid #999;
}

.current {
color:#000;
background-color:#FFF;
border:1px solid #999;
text-decoration:none;
padding:4px 14px;
margin:0;
}


/* ¾ÍšÏÈÒ»ÓE¥Ú©`¥¸
-----------------------------------------------------*/
.listbox ul {
overflow:hidden;
}

.listbox ul li {
width:31%;
float:left;
margin:0 1%;
}

@media screen and (max-width: 460px) {
	.listbox ul li {
	width:100%;
	float:none;
	}
}



/* OB?OGÔL†–¿ÉÄÜÆó˜I¥ê¥¹¥È
-----------------------------------------------------*/
.oboglistbox h3 {
margin:0 0 14px 0;
}

.oboglistboxentry {
padding:6px 14px 30px 14px;
}

.oboglistboxentry h4:first-child {
margin-top:0;
}

.oboglistbox ul {
overflow:hidden;
}

.oboglistbox ul li {
width:48%;
float:left;
margin:0 1%;
}

@media screen and (max-width: 460px) {
	.oboglistbox ul li{
	width:100%;
	float:none;
	}
}



/* ¤ªÖª¤é¤»
-----------------------------------------------------*/
.informationbox dl {
overflow:hidden;
padding:8px 0;
border-bottom:1px dashed #666;
}

.informationbox dt {
width:26%;
float:left;
}

.informationbox dt span {
font-size: 13px;
color:#FFF;
padding:0 13px;
background-color: #F1546A;
margin:0 0 0 14px;
}

.informationbox dt span.publications {
padding:0 10px;
background-image: url(/campus-cms/syusyokushien/images/bg_green.jpg);
}

.informationbox dd {
width:74%;
float:right;
text-align:left;
}

@media screen and (max-width: 640px) {
	.informationbox dt {
	float:none;
	width:100%;
	}
	.informationbox dd {
	float:none;
	width:100%;
	}
}