@charset "UTF-8";
/*----------------------------------------------------------------------------
******************************************************************************

Style List

* Base
* Wrap
* Header
* Globalnav
* Content
* Footer
* Pager
* Breadcrumb
* Pagetop
* Smartphone
* WP addQuickタグ
* WP 独自クラス

******************************************************************************
----------------------------------------------------------------------------*/
/* ==== Base ==== */
body {
	background-color: #007351;
	padding-bottom: 30px;
}
/* ==== Wrap ==== */
.wrap { background: url(../images/wrap-bg.jpg) repeat-x left top #FFF; }
/* ==== Header ==== */
.hd-con {
	background: url(../images/hd-con-bg.jpg) no-repeat right top;
	height: 110px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	position: relative;
	width: 960px;
}
.hd-con h1 {
	display: inline-block;
	position: absolute;
	top: 30px;
}
.hd-nav {
	bottom: 20px;
	display: inline-block;
	position: absolute;
	right: 0;
}
.hd-nav li {
	display: inline-block;
	float: left;
	margin-left: 10px;
}
.hd-nav li a {
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.88, #00593F), color-stop(0, #007250));
	background: -webkit-linear-gradient(top, #007250 0%, #00593F 88%);
	background: linear-gradient(to bottom, #007250 0%, #00593F 88%);
	border-radius: 5px;
	color: #FFF;
	display: inline-block;
	font-size: 11px;
	font-weight: bold;
	padding: 2px 10px 2px;
	text-decoration: none;
}
.hd-nav li a:hover { background: #007250; }
/* ==== Globalnav ==== */
.gnav-con {
	float: left;
	width: 220px;
}
.gnav-con > nav > ul > li > a, .gnav-con > nav > ul > li > span {
	cursor: pointer;
	display: block;
	height: 36px;
	overflow: hidden;
	padding-top: 36px;
}
.gnav-con > nav ul > li > ul > li > a {
	background-color: #B0E6CA;
	border-top: 1px solid rgba(255, 255, 255, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	color: #005339;
	display: block;
	font-size: 12px;
	padding: 1px 10px 2px 20px;
	text-decoration: none;
}
.gnav-con > nav ul > li > ul > li > a:hover { background-color: #81D7AA; }
.gnav-btn0, .gnav-btn0-active { display: none !important; }
.gnav-btn1 { background: url(../images/gnav-btn1.jpg); }
.gnav-btn2 { background: url(../images/gnav-btn2.jpg); }
.gnav-btn3 { background: url(../images/gnav-btn3.jpg); }
.gnav-btn4 { background: url(../images/gnav-btn4.jpg); }
.gnav-btn5 { background: url(../images/gnav-btn5.jpg); }
.gnav-btn6, .gnav-btn6-active { display: none !important; }
.gnav-btn7, .gnav-btn7-active { display: none !important; }
.gnav-btn1:hover, .gnav-btn1-active { background: url(../images/gnav-btn1-ov.jpg); }
.gnav-btn2:hover, .gnav-btn2-active { background: url(../images/gnav-btn2-ov.jpg); }
.gnav-btn3:hover, .gnav-btn3-active { background: url(../images/gnav-btn3-ov.jpg); }
.gnav-btn4:hover, .gnav-btn4-active { background: url(../images/gnav-btn4-ov.jpg); }
.gnav-btn5:hover, .gnav-btn5-active { background: url(../images/gnav-btn5-ov.jpg); }
/* ==== Content ==== */
.con-con {
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	width: 960px;
}
/* a */
.context a img:hover {
	opacity: 0.5;
	filter: alpha(Opacity=50);
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
/* dl */
.context dl {
	margin-bottom: 20px;
	margin-top: 20px;
}
.context dl dt, .context dl dt {
	margin-bottom: 10px;
	margin-top: 10px;
}
/* h */
.context h1 {
	background: url(../images/h1-bg.jpg) no-repeat center left;
	color: #015439;
	font-size: 30px;
	line-height: 1.1em;
	margin-bottom: 20px;
	padding: 10px 0 10px 15px;
}
.context h2 {
	background: url(../images/h2-bg.jpg) no-repeat center left;
	color: #015439;
	font-size: 18px;
	margin-bottom: 20px;
	margin-top: 20px;
	padding: 3px 0 3px 10px;
	position: relative;
}
.context h2 .h2-btn1 {
	background-color: #015439;
	border-radius: 5px;
	color: #FFF !important;
	display: inline-block;
	float: right;
	font-size: 11px;
	font-weight: normal;
	padding: 0px 5px;
	text-decoration: none;
}
.context h2 .h2-btn1:hover {
	filter: alpha(opacity=80);
	/*IE*/
opacity: 0.8;
}
.context h2:after {
	bottom: -8px;
	content: url(../images/h2-bt-bg.jpg);
	left: 0;
	overflow: hidden;
	position: absolute;
	right: 0;
}
.context h3 {
	color: #015439;
	margin-bottom: 10px;
	margin-top: 10px;
}
.context h4 {
	margin-bottom: 5px;
	margin-top: 10px;
}
/* hr */
.context hr {
	border: none;
	border-top: 1px dotted black;
}
/* iframe */
.context iframe { max-width: 100%; }
/* img */
.context img {
	max-width: 100%;
	height: auto;
}
/* ol */
.context ol {
	margin-bottom: 10px;
	margin-left: 1.5em;
	margin-top: 10px;
}
.context ol li {
	margin-bottom: 10px;
	margin-left: 5px;
}
/* ol */
.context p { margin-bottom: 10px; }
/* ul */
.context ul {
	list-style-type: disc;
	margin-bottom: 20px;
	margin-left: 1.5em;
	margin-top: 20px;
}
.context ul li { 
	margin-bottom: 10px;
	margin-left: 5px;
}
/* table */
.context table {
	margin-bottom: 10px;
	margin-top: 10px;
}
.main-con {
	float: right;
	width: 710px;
}
.sub-con {
	float: left;
	width: 200px;
}
.sub-nav-con li a {
	display: block;
	padding: 12px 5px 5px 23px;
	text-decoration: none;
	background: url(../images/sub-nav-con-icon1.jpg) no-repeat left top;
	font-size: 12px;
	color: #333;
}
/* ==== Footer ==== */
.ft-bg { background-color: #0E9C52; }
.ft-con {
	background: url(../images/ft-con-bg.jpg) no-repeat right bottom;
	color: #FFF;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
	padding-top: 30px;
	width: 960px;
}
/* ==== Pager ==== */
.pager {
	padding: 2em 0;
	text-align: center;
}
a.page-numbers, .pager .current {
	background-color: #015439;
	border-radius: 5px;
	padding: 8px 10px;
	margin: 0 2px;
	text-decoration: none;
	color: #FFF;
	font-size: 0.7em;
}
.pager .current, a.page-numbers:hover {
	filter: alpha(opacity=80);
	/*IE*/
opacity: 0.8;
}
/* ==== Breadcrumb ==== */
/* ==== Pagetop === */
.pagetop {
	bottom: 30px;
	display: table;
	height: 5em;
	position: fixed;
	right: 30px;
	width: 5em;
	z-index: 100;
}
.pagetop span {
	background-color: #015439;
	border-radius: 50%;
	color: #FFF;
	cursor: pointer;
	display: table-cell;
	font-size: 0.5em;
	text-align: center;
	text-decoration: none;
	text-align: center;
	-webkit-transition: all 0.3s ease;
	transition: all 0.3s ease;
	vertical-align: middle;
}
.pagetop span:hover {
	filter: alpha(opacity=80);
	/*IE*/
opacity: 0.8;
}
/* ==== English ==== */
.gnav-btn1-en { background: url(../images/en/gnav-btn1.jpg); }
.gnav-btn2-en { background: url(../images/en/gnav-btn2.jpg); }
.gnav-btn3-en { background: url(../images/en/gnav-btn3.jpg); }

/* ******************************************************************************************************************* */
/* 追加20210616 by shimizu */
.gnav-btn9-en { background: url(http://www2.soec.nagoya-u.ac.jp/wp-content/uploads/2021/06/gnav-btn9-4.jpg); }
/* 追加ここまで */
/* ******************************************************************************************************************* */

.gnav-btn1-en:hover, .gnav-btn1-en-active { background: url(../images/en/gnav-btn1-ov.jpg); }
.gnav-btn2-en:hover, .gnav-btn2-en-active { background: url(../images/en/gnav-btn2-ov.jpg); }
.gnav-btn3-en:hover, .gnav-btn3-en-active { background: url(../images/en/gnav-btn3-ov.jpg); }


/* ******************************************************************************************************************* */
/* 追加 */
.gnav-btn9-en:hover, .gnav-btn9-en-active { background: url(http://www2.soec.nagoya-u.ac.jp/wp-content/uploads/2021/06/gnav-btn9-ov-1.jpg); }
/* 追加ここまで */
/* ******************************************************************************************************************* */



/* ==== Smartphone ==== */
.sp-hd-btn { display: none; }
@media screen and (max-width: 780px) {
/* ==== Base ==== */
body {
padding-bottom: 0;
}

/* ==== Wrap ==== */
.wrap {
background: #FFF;
}

/* ==== Header ==== */
.hd-con {
background: #FFF;
height: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 0;
padding: 20px 20px 15px;
position: relative;
width: 100%;
}
.hd-con h1 {
display: block;
margin-bottom: 10px;
position: relative;
top: 0;
}
.hd-con h1 img {
height: auto;
max-width: 100%;
}
.hd-nav {
display: none;
}

/* ==== Globalnav ==== */
.gnav-con {
display: none;
float: none;
margin-bottom: 20px;
width: 100%;
}
.gnav-con > nav > ul > li > a, .gnav-con > nav > ul > li > span {
background: #015439 !important;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
display: block;
color: #FFF;
height: auto!important;
font-size: 16px;
font-weight: bold;
height: auto!important;
padding: 13px 20px!important;
text-decoration: none;
}
.gnav-con > nav > ul > li > a:hover, .gnav-con > nav > ul > li > span:hover {
filter: alpha(opacity=80);
/*IE*/
opacity: 0.8;
}
.gnav-con > nav ul > li > ul > li > a {
background-color: #B0E6CA;
border-top: 1px solid rgba(255, 255, 255, 0.1);
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
color: #005339;
display: block;
height: auto!important;
font-size: 14px;
padding: 10px 10px 10px 30px!important;
text-decoration: none;
}
.gnav-btn0 {
display: block !important;
}
.gnav-btn6 {
display: block !important;
}
.gnav-btn7 {
display: block !important;
}

/* ==== Content ==== */
.con-con {
margin-left: auto;
margin-right: auto;
padding: 0 20px 30px;
width: 100%;
}
.context{
text-align: justify;
}
/* h */
.context h1 {
font-size: 26px;
padding: 5px 0 5px 15px;
}
.context h2 {
background: none;
padding: 3px 0 3px 0;
}
.main-con {
float: none;
width: 100%;
}

/* ==== Footer ==== */
.ft-bg {
background-color: #0E9C52;
}
.ft-con {
background: #007351;
color: #FFF;
padding: 20px;
width: 100%;
}
.ft-con span {
display: block;
font-size: 16px;
}
.ft-con-area1 {
margin-bottom: 10px;
}
.ft-con-ttl {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}

/* ==== Pager ==== */
.pager {
padding: 2em 0;
text-align: center;
}
a.page-numbers, .pager .current {
background-color: #015439;
border-radius: 5px;
padding: 8px 10px;
margin: 0 2px;
text-decoration: none;
color: #FFF;
font-size: 0.7em;
}
.pager .current, a.page-numbers:hover {
filter: alpha(opacity=80);
/*IE*/
opacity: 0.8;
}

/* ==== Breadcrumb ==== */
/* ==== Pagetop === */
.pagetop {
bottom: 10px;
filter: alpha(opacity=60);
/*IE*/
opacity: 0.6;
height: 4em;
right: 10px;
width: 4em;
}
.pagetop span:hover {
filter: alpha(opacity=80);
/*IE*/
opacity: 0.8;
}

/* ==== sp === */
.sp-hd-btn {
display: block;
text-align: center;
}
.sp-hd-btn span {
background-color: #015439;
color: #FFF;
border-radius: 5px;
cursor: pointer;
display: inline-block;
font-size: 12px;
font-weight: bold;
padding: 5px 30px;
text-align: center;
}
.sp-hd-btn span:hover, .sp-hd-btn span.active {
filter: alpha(opacity=80);
/*IE*/
opacity: 0.8;
}
}
@media screen and (max-width: 780px) {
.gnav-con > nav > ul > li > a, .gnav-con > nav > ul > li > span {
font-size: 14px;
padding: 10px 20px!important;
}
.context h1 {
font-size: 20px;
}
}
/*----------------------------------------------------------------------------
******************************************************************************
WP 独自クラス
******************************************************************************
----------------------------------------------------------------------------*/
/* --- アライン --- */
.aligncenter {
	text-align: center;
}
.alignleft {
	text-align: left;
}
.alignright {
	text-align: right;
}
/* --- blockquote (引用) --- */
blockquote {
	padding: 1em;
	margin-bottom: 10px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
/* --- code --- */
code{}
/* --- img --- */
img.aligncenter {
	display: inline-block;
	margin: 10px auto;
}
img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
}
img.alignright {
	float: right;
	margin: 0 0 10px 10px;
}
/* --- table --- */
table.aligncenter { 
	display: table;
	margin: 10px auto;
}
/* --- キャプション --- */
.wp-caption {
	background: none;
	border: none;
}
.wp-caption .wp-caption-text {
	font-size: 0.8em;
	padding: 5px 0;
	text-align: center;
}
@media screen and (max-width: 480px) {
/* --- img --- */
img.aligncenter {
display: inline-block;
height: auto;
margin: 10px auto;
max-width: 100%;
}
img.alignleft,img.alignright {
height: auto;
float: right;
margin: 10px 0;
max-width: 100%;
}
}
/*----------------------------------------------------------------------------
******************************************************************************
2016/03/23 追記分
******************************************************************************
----------------------------------------------------------------------------*/
.img_list_02 ul {
	margin-left: -5px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: center;
	align-items: center;
}
.img_list_02 ul li {
	list-style-type: none;
	width: calc((100% / 2) - 20px);
	margin: 15px 10px;
}
.img_list_02 ul li img { width: 100%; }
.img_list_02 ul li .img_list_02_title {
	text-align: center;
	font-weight: bold;
	font-size: 1.1em;
	margin: 5px 0;
}
.catalog ul {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.catalog ul li {
	list-style-type: none;
	margin: 3px;
}
@media screen and (max-width: 780px) {
.img_list_02 ul {
margin-left: -5px;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
}
.img_list_02 ul li {
list-style-type: none;
width: calc(100% - 20px);
margin: 15px 10px;
}
.img_list_02 ul li img {
width: 100%;
}
.img_list_02 ul li .img_list_02_title {
text-align: center;
font-weight: bold;
font-size: 1.1em;
margin: 5px 0;
}
}