@charset "UTF-8";
/* CSS Document */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table
}
.clearfix:after,
.container:after{
	clear: both
}


/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   カラム
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */

/* sub global navi */

#leftColumn {
	float:left;
	width:220px;
	padding-right:15px;
}

@media screen and (max-width: 768px) {
#leftColumn  {
	float:none;
	width:100%;
	padding:0px 15px;
}
#leftColumn .alignfull {
	margin-left: -15px;
	margin-right: -15px;
}
}


/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   動画
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
.movieOuter {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	height: 0;
	padding-bottom: 56.25%;
}
.movieOuter > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


/* Street View */
.streetViewOuter {
	position: relative;
	width: 100%;
	margin-bottom: 15px;
	height: 0;
	padding-bottom: 56.25%;
}
.streetViewOuter > iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
@media screen and (max-width:768px) and (orientation:portrait) {
	.streetViewOuter {
		padding-bottom: 75%;
	}
}
@media screen and (max-width:768px) and (orientation:landscape) {
	.streetViewOuter {
		padding-bottom: 40%;
	}
}


/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   list & links
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
.sideLinks {
	margin-bottom:15px;
	border:solid 1px #CCD6C8;
	background-color:#EFF4ED;
}
.sideLinks > li {
	margin-bottom:0px;
}
.sideLinks > li + li {
	border-top:solid 1px #CCD6C8;
}
.sideLinks > li > a {
	display:block;
	padding:10px 20px 7px 10px;
	position:relative;
	text-decoration:none;
	color:#666666;
	line-height:1.2;
}
.sideLinks li a:hover {
	background-color:#E1EEDD;
}
.sideLinks > li > a.imageLink {
	padding-left:45px;
	padding-top:13px;
	min-height:45px;
	position:relative;
	vertical-align:middle;
	line-height:1.2;
}
.sideLinks > li > a.imageLink > img {
	width:35px;
	height:auto;
	position:absolute;
	top:50%;
	left:5px;
	margin-top:-17px;
}


/* links after */
.sideFreeBox1 dd a:before,
.sideLinks li a:before {
	content:"";
	border:solid 4px transparent;
	border-left:solid 4px #B2D3A7;
	position:absolute;
	bottom:50%;
	right:0px;
	margin-bottom:-4px;
}

/* -----------------------------------
    free1
   ----------------------------------- */
.sideFreeBox1 {
	display:block;
	padding:8px;
	margin:15px 0px;
	border:solid 1px #CCD6C8;
	background-color:#EFF4ED;
	line-height:1.2;
}
.sideFreeBox1 dt {
	display:block;
	margin:0px -8px 5px;
	padding:10px 8px 7px 13px;
	border-left:solid 5px #005E3C;
	color:#005E3C;
	font-weight:bold;
}
.sideFreeBox1 dd + dt {
	margin-top:15px;
}
.sideFreeBox1 dd {
	text-align:center;
}
.sideFreeBox1 dd:first-child {
	border-top: none;
}
.sideFreeBox1 dd p {
	display:block;
  text-align: justify;
  text-justify: inter-ideograph;
	margin:5px 0px;
}
.sideFreeBox1 dd img {
	margin:5px 0px
}
.sideFreeBox1 dd a {
	display:block;
	padding:10px 20px 7px 10px;
	position:relative;
	border-top: dotted 1px #CCCCCC;
	text-decoration:none;
	color:#666666;
	text-align:left;
	line-height:1.2;
}
.sideFreeBox1 dd a:hover {
	background-color:#E1EEDD;
}
.sideFreeBox1 dd a.imgLink {
	display:inline-block;
	padding:0px;
	margin:10px auto;
	position:relative;
	border-top:none;
	text-decoration:none;
	color:#666666;
	text-align:left;
	line-height:1.2;
}
.sideFreeBox1 dd a.imgLink:hover {
	background:none;
}
.sideFreeBox1 dd p > a {
	display:inline;
}
.sideFreeBox1 dd hr {
	margin:10px 0px;
}

/* -----------------------------------
    free2
   ----------------------------------- */
.sideFreeBox2 {
	display:block;
	padding:0px;
	margin:15px 0px;
	text-align:center;
	line-height:1.2;
}
.sideFreeBox2 div {
	display:block;
	margin:0px 0px 5px;
	padding:10px 8px 7px 8px;
	border-bottom:dotted 1px #005E3C;
	color:#005E3C;
	font-weight:bold;
	text-align:left;
}
.sideFreeBox2 p {
	display:block;
	text-align:left;
	margin:5px 0px;
}
.sideFreeBox2 img {
	margin:5px 0px
}
.sideFreeBox2 a {
	display:inline-block;
	text-align:left;
}
.sideFreeBox2 p > a {
	display:inline;
	line-height:1.2;
}


@media screen and (max-width:768px) {
.sideFreeBox1 li a  {
	padding:20px 10px 17px;
}
.sideLinks {
	margin:20px 0px;
}

}
/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   サイドメニュー
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
/* -----------------------------------
    共通　underPage subMenu
   ----------------------------------- */
a.sideMenuTitle {
	display:block;
	padding:10px 20px 7px 10px;
	margin-bottom:5px;
	border:solid 1px #005E3C;
	background-color:#005E3C;
	color:#FFFFFF;
	text-align:center;
}
a.sideMenuTitle:hover {
	opacity:.8;
}
#subMenu.sideLinks {
	border:solid 1px #DCE2D9;
}
#subMenu.sideLinks > li + li {
	border-top:solid 1px #DCE2D9;
}

#subMenu li a:before {
	content:none;
}
#subMenu li a:hover {
	background-color:#B7D5AE;
	color:#005E3C;
}
#subMenu li a.openMenu:before {
	content:none;
}
#subMenu li a.active:before {
	content:none;
}
#subMenu li.dropdownMenu > a:before {
	content:none;
}
#subMenu li.dropdownMenu.selected > a.openMenu:before {
	content:none;
}
#subMenu li.dropdownMenu.selected > a:before {
	content:none;
}
#subMenu.sideLinks li a.openMenu:before,
#subMenu li.dropdownMenu > a:before  {
	right:3px;
	margin-bottom:-6px;
}
#subMenu li.dropdownMenu.selected > a.openMenu:before ,
#subMenu li.dropdownMenu.selected > a:before {
	right:3px;
	margin-bottom:-3px;
}

/* sub menu */
.dropdownMenu > ul {
	display:block;
	border:none;
	border-top:solid 1px #DCE2D9;
	margin:0px;
	background:none;
}
.dropdownMenu > ul > li + li {
	border-top:dotted 1px #DCE2D9;
}
.dropdownMenu > ul > li > a {
	padding-left:2.5em;
	text-indent:-1em;
}
#subMenu .dropdownMenu > ul > li > a:before,
#siteMainMenu .dropdownMenu > ul > li > a:before {
	content:">";
	border:none;
	position:relative;
	font-size:70%;
	padding-right:5px;
}
.dropdownMenu > ul > li > a.active,
.dropdownMenu > ul > li > a:hover {
	background-color:#B7D5AE;
	color:#005E3C;
}

/* sub sub menu */
#subMenu .lowDropdownMenu > ul,
#siteMainMenu .lowDropdownMenu > ul {
	display:block;
	border:none;
	border-top:dotted 1px #DCE2D9;
	margin:0px;
}
#subMenu .lowDropdownMenu > ul > li + li,
#siteMainMenu .lowDropdownMenu > ul > li + li {
	border-top:dotted 1px #DCE2D9;
}
#subMenu .lowDropdownMenu > ul > li > a,
#siteMainMenu .lowDropdownMenu > ul > li > a {
	padding-left:3.5em;
	text-indent:-1em;
}
#subMenu .lowDropdownMenu > ul > li > a:before,
#siteMainMenu .lowDropdownMenu > ul > li > a:before {
	border:none;
	content:"≫";
	position:relative;
	padding-right:5px;
}
#subMenu .lowDropdownMenu > ul > li > a.active,
#siteMainMenu .lowDropdownMenu > ul > li > a.active,
#subMenu .lowDropdownMenu > ul > li > a:hover,
#siteMainMenu .lowDropdownMenu > ul > li > a:hover {
	background-color:#B7D5AE;
	color:#005E3C;
}

@media screen and (max-width:768px) {
.sideMenuTitle + .sideLinks {
	margin-top:0px;
}
}

/* -----------------------------------
    学部など　underPage subMenu
   ----------------------------------- */
#siteMainMenu.sideLinks .active{
}
#siteMainMenu.sideLinks {
	margin-bottom:15px;
	border:solid 1px #CCD6C8;
	background-color:#005E3C;
}
#siteMainMenu.sideLinks > li {
	margin-bottom:0px;
}
#siteMainMenu.sideLinks > li + li {
	border-top:solid 1px #CCD6C8;
}
#siteMainMenu.sideLinks li a {
	color:#FFFFFF;
}
#siteMainMenu.sideLinks li a:hover ,
#siteMainMenu.sideLinks > li.active > a {
	color:#005E3C;
	background-color:#FFFFFF;
}
#siteMainMenu.sideLinks li a:before {
	content:none;
}
#siteMainMenu.sideLinks > li > a:hover:before ,
#siteMainMenu.sideLinks > li.active > a:before {
	content:none;
}
#siteMainMenu .dropdownMenu > ul,
#siteMainMenu .lowDropdownMenu > ul {
	background:none;
}

#siteMenu.spBottom {
	display:none;
}
@media screen and (max-width:768px) {
#siteMenu.spBottom {
	display:block;
}

}



/* ////////////////////////////////////////////////////////////////////////
*                                                                         *
*                                                                         *
   スマホ用リンク高さ設定
*                                                                         *
*                                                                         *
//////////////////////////////////////////////////////////////////////// */
@media screen and (max-width:768px) {
.sideLinks > li > a,
.sideFreeBox1 dd a {
	padding-top:15px;
	padding-bottom:13px;
}

}


