@charset "utf-8";
/* 経済学研究科　共通　201806 */


#container h1 {
	color: #008cb4;
}

#econgra #container #title {
  background: #008cb4;
}
#econgra #container #title h1, #econgra #container #title h1 + strong, #econgra #container #title .breadcrumb ul li, #econgra #container #title .breadcrumb ul li a {
    color: #FFF;
}


/* navigation */
#container header nav .navigation,
#container header nav .navigation ul.layer_01 li,
#container header nav .navigation dl{
	background: #008cb4;
}
#container header nav .navigation ul.layer_02 li {
    background: #627a86;
}


/*- layer_03 -*/
#container header nav .navigation ul.layer_03 {
  overflow: hidden;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-align: stretch;
  -webkit-box-align: stretch;
          align-items: stretch;
}
#container header nav .navigation ul.layer_03 li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  vertical-align: middle;
  position: relative;
  background: #dfe4e6;
}
#container header nav .navigation ul.layer_03 li a {
  color: #314b57;
  width: 100%;
}
#container header nav .navigation ul.layer_03 li a:before {
  background: url(../images/common/navi_cursor_l3.png) 50% 50% no-repeat;
  background-size: 34px 36px;
}
#container header nav .navigation ul.layer_03 li a:hover {
  color: #FFF;
  background-color: #627A86;
  opacity: 0.7;
}
#container header nav .navigation ul.layer_03 li a:hover:before {
  background: url(../images/common/navi_cursor.png) 50% 50% no-repeat;
  background-size: 34px 36px;
}
#container header nav .navigation ul.layer_03 li a[target="_blank"]:hover:before {
  -webkit-transform: translateX(0px);
          transform: translateX(0px);
}
#container header nav .navigation ul.layer_03 li a[target="_blank"]:before {
  background: url(../images/common/navi_blank.png) 50% 50% no-repeat;
  background-size: 34px 36px;
}
#container header nav .navigation ul.layer_03 li a[target="_blank"]:after {
  display: none;
}
/*--*/


#container header nav .navigation dl dd.act a {
	color: #008cb4;
}



/* ボタン */
#econgra #container .tile ul li.act a {
  border: 1px solid #008cb4;
  background: #008cb4;
  color: #FFF;
}
/* 201705 */
#econgra #container .tile ul li a.more.act {
    border: 1px solid #627a86;
}
#econgra #container .tile ul li:hover a {
  border: 1px solid #008cb4;
  background: #FFF;
  color: #008cb4;
}



/* request_box */
#container .request_box {
	padding: 40px 0 30px 0;
	background-color: #008cb4;
	text-align: center;
}

#container .request_box h1 {
	color: #ffffff;
}

#container .request_box h1 + strong {
	display: block;
    font-size: 15px;
    padding: 12px;
    font-weight: normal;
	color: #ffffff;
}

#econgra #container .request_box .tile {
	background-color: #008cb4;
}

#econgra #container .request_box .tile ul li.act a {
	border: 1px solid #ffffff;
    background: #ffffff;
    color: #008cb4;
}

#econgra #container .request_box .tile ul li.act a:hover {
	border: 1px solid #ffffff;
    background: #008cb4;
    color: #ffffff;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 30px;
}

#container footer .banner_links li {
    display: table-cell;
	width: auto;
	max-width: 200px;
	padding-right: 10px;
}

#container footer .banner_links li:last-child {
	padding-right: 0;
}








/* GO TO TOP*/
.gotop {}
	.gotop:after {
	  content: "";
	  clear: both;
	  display: block;
	}

.gotop a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	background: url(../../images/common/navi_cursor2.png) rgba(98, 122, 134, 0.75) center center;
    background-size: 36px 34px;
	text-decoration: none;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}


/* 画像スライド */
#contents .slide {
	width: 100%;
}

#contents .slide img {
	width: 100%;
}



/* 動画 */
.movie_box {
  position: relative;
  width: 100%;
  margin: 10px 0;
  padding-top: 56.25%;
}

.movie_box iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}



/* ページ内リンク */
#contents ul.link_box {
	width: 640px;
	margin: 0 auto 20px;
}
	#contents ul.link_box::after {
	  content: ""; clear: both; display: block;
	  }

#contents ul.link_box li {
	float: left;
	margin: 0 20px 10px 0;
}

#contents ul.link_box li a {
	display: block;
	padding: 3px 20px;
	border: 1px solid #008cb4;
	color: #008cb4;
	text-decoration: none;
	font-size: 90%;
}

#contents ul.link_box li a:hover {
	background-color: #008cb4;
	color: #ffffff;
	text-decoration: none;
}


/* リンク アイコン */
#contents a.link_text::after {
	content:" >";
	display: inline;
	margin: 0;
	padding-right: 5px;
	font-weight: bold;
	font-family: inherit;
	text-align: left;
}

#contents a.link_pdf::after {
	content:url("/images/common/ico_pdf.gif")!important;}
#contents a.link_word::after {
	content:url("/images/common/ico_word.gif")!important;}
#contents a.link_excel::after {
	content:url("/images/common/ico_excel.gif")!important;}
#contents a.link_ppt::after {
	content:url("/images/common/ico_ppt.gif")!important;}
#contents a.link_blank::after {
	content:url("/images/common/ico_blank_gr.gif")!important;}
#contents a.link_pdf::after, #contents a.link_word::after, #contents a.link_excel::after, #contents a.link_ppt::after {
	display:inline-block;
	width: 35px;
	padding: 0 7px 0 5px;
}


/* リンクボタン */
/* カラー */
#contents .btn1 a {
	display: inline-block;
	padding: 3px 20px;
	border: 1px solid #008cb4;
	background-color: #008cb4;
	color: #ffffff;
	text-decoration: none;
}

#contents .btn1 a:hover {
	background-color: #ffffff;
	color: #008cb4;
}


/* SEE MORE */
#contents div.more_cont {
    display: none;
	margin-top: 30px;
	text-align: left;
}

	#contents div.more_cont::after {
	  content: ""; clear: both; display: block;
	  }
	  
#contents p.more_btn {
	width: 120px;
	height: 30px;
	margin: 25px auto;
	padding: 0 7px;
	line-height: 30px;
	border: 1px solid #008cb4;
	background-color: #008cb4;
	text-align: center;
	color: #ffffff;
	cursor: pointer;
}

#contents p.more_btn span {
	display: inline-block;
	font-size: 14px;
	transition: all 0.15s ease-out;
	text-align: center;
	overflow: hidden;
	position: relative;
}

#contents p.more_btn:hover {
    border: 1px solid #008cb4;
	background: #FFF;
	color: #008cb4;
}

#contents p.more_btn span:after {
	width: auto;
	height: 30px;
	margin: 0 auto;
	padding: 0 15px;
    content: "CLOSE";
    background: #627a86;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
    position: absolute;
    left: 0;
    bottom: -40px;
}

#contents p.more_btn.close span:after {
	bottom: 0;
}

#contents p.more_btn.close {
	border: 1px solid #627a86;
	background-color: #627a86;
	color: #ffffff;
}

#contents p.more_btn2 {
	width: 135px;
	margin: 25px auto;
    border: 1px solid #008cb4;
	background-color:  #008cb4;
	color: #ffffff;
	font-size: 14px;
	text-align: center;
	cursor: pointer;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a {
	display: inline-block;
	width: 125px;
	padding: 5px;
	color: #ffffff;
	transition: all 0.15s ease-out;
}

#contents p.more_btn2 a:hover {
	background-color: #ffffff;
	color: #008cb4;
	text-decoration: none;
}




/* 表組み（table2はレスポンシブ対応） */
#contents .table1, #contents .table2, #contents .table3 {
	width: 100%;
	margin-bottom: 20px;
	border: 1px solid #D0D8DC;
}

#contents .table1 th, #contents .table2 th, #contents .table3 th {
	padding: 10px 15px;
	background-color: #92a2ab;
	border-bottom: 1px solid #D0D8DC;
	border-right: 1px solid #D0D8DC;
	color: #ffffff;
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
}

#contents .table1 td, #contents .table2 td, #contents .table3 td {
	padding: 10px 15px;
	background-color: #ffffff;
	border: 1px solid #D0D8DC;
}

#contents .table3 th, #contents .table3 td {
	padding: 5px 10px;
	font-size: 100%;
}



/* 201807 追加GNB */
#container header nav .navigation ul.link1 li {
  background: #269dbf!important;
}



/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100px; }
#contents .box130_l, #contents .box130_r { width: 130px; }
#contents .box190_l, #contents .box190_r { width: 190px; }
#contents .box200_l, #contents .box200_r { width: 200px; }
#contents .box240_l, #contents .box240_r { width: 240px; }
#contents .box250_l, #contents .box250_r { width: 250px; }
#contents .box265_l, #contents .box265_r { width: 265px; }
#contents .box310_l, #contents .box310_r { width: 310px; }
#contents .box380_l, #contents .box380_r { width: 380px; }
#contents .box420_l, #contents .box420_r { width: 420px; }
#contents .box430_l, #contents .box430_r { width: 430px; }
#contents .box480_l, #contents .box480_r { width: 480px; }

#contents .box100_l, #contents .box130_l, #contents .box190_l, #contents .box200_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box310_l, #contents .box380_l, #contents .box420_l, #contents .box430_l, #contents .box480_l {
	float: left;
	margin-right: 20px;}

#contents .box100_r, #contents .box130_r, #contents .box190_r, #contents .box200_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box310_r, #contents .box380_r, #contents .box420_r, #contents .box430_r, #contents .box480_r {
	float: right;}




.fll{float:left !important;}
.flr{float:right !important;}
.clear { clear: both;}

.clearfix::after {
	content: ""; clear: both; display: block;
}

.p0 {padding:0 !important;}

.m0a {margin:0 auto !important;}

.mb0 {margin-bottom:0 !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt50 {margin-top:50px !important;}
.mt60 {margin-top:60px !important;}

.ml0 {margin-left:0 !important;}
.ml5 {margin-left:5px !important;}
.ml10 {margin-left:10px !important;}
.ml20 {margin-left:20px !important;}
.ml30 {margin-left:30px !important;}


.mr0 {margin-right:0 !important;}
.mr5 {margin-right:5px !important;}
.mr10 {margin-right:10px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}


.tal {text-align:left !important;}
.tac {text-align:center !important;}
.tar {text-align:right !important;}

.small { font-size: 82%;}
.xsmall { font-size: 74%;}

.fcr { color: #dc0000; }
.bold { font-weight: bold;}
.fcr_b { color: #dc0000; font-weight: bold; }
.fc_letgra { color: #008cb4; }

.uline { text-decoration: underline;}

.indent1 { text-indent: 1em; }
.indent2 { padding-left:1em; text-indent:-1em;}

.iframe_wrap {   position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
  overflow: hidden;
  margin-bottom: 50px; }


.iframe_wrap iframe {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
}



@media screen and (max-width: 736px) {
#container .request_box {
	padding: 20px 0 10px 0;
}

#container .request_box h1 + strong {
	padding: 2px 6px;
    font-size: 13px;
}


/* footer banner */
#container footer .banner_links {
	margin: 0 auto 20px;
}

#container footer .banner_links li {
    display: block;
	margin: 8px auto 0;
	padding-right: 0;
}



section#about section, section#department section, section#teacher section, section#career section, section#other section, section#international section {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents .w100 {
	width: 100%;
	padding: 0;
}

#contents .w640 {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents section img {
	/* display: block; */
	max-width: 100%!important;
	height: auto;
	/* margin: 5px auto 0; */
}

#contents h1.tit_page {
	margin: 20px 10px;
}

#contents h2 {
	font-size: 18px;
}


/* ページ内リンク */
#contents ul.link_box {
	width: 100%;
	padding: 0 10px;
	box-sizing: border-box;
}

#contents ul.link_box li {
	width: 48%;
	margin-right: 10px;
}

#contents ul.link_box li:nth-child(even) {
	margin-right: 0;
}

#contents ul.link_box li a {
	padding: 3px 10px;
}


/* 表組み（レスポンシブで1列） */
#contents .table2 th {
	display: block;
	width: 100%;
	box-sizing: border-box;
}

#contents .table2 td {
	display: block;
	width: 100%;
	box-sizing: border-box;
}


/* 表組み スクロール */
.scroll {
	padding: 5px;
	border: 2px solid #BCC7CE;
	overflow-x: scroll;
	-webkit-overflow-scrolling: touch;
	white-space: nowrap;
}

.scroll::-webkit-scrollbar {
	height: 10px;
}
.scroll::-webkit-scrollbar-track {
	background: #E7EBEE;
}
.scroll::-webkit-scrollbar-thumb {
	background: #92A2AB;
}


/* レイアウト パターン */
#contents .box100_l, #contents .box100_r { width: 100%; }
#contents .box130_l, #contents .box130_r { width: 100%; }
#contents .box190_l, #contents .box190_r { width: 100%; }
#contents .box200_l, #contents .box200_r { width: 100%; }
#contents .box240_l, #contents .box240_r { width: 100%; }
#contents .box250_l, #contents .box250_r { width: 100%; }
#contents .box265_l, #contents .box265_r { width: 100%; }
#contents .box310_l, #contents .box310_r { width: 100%; }
#contents .box380_l, #contents .box380_r { width: 100%; }
#contents .box420_l, #contents .box420_r { width: 100%; }
#contents .box430_l, #contents .box430_r { width: 100%; }
#contents .box480_l, #contents .box480_r { width: 100%; }

#contents .box100_l, #contents .box130_l, #contents .box190_l, #contents .box200_l, #contents .box240_l, #contents .box250_l, #contents .box265_l, #contents .box310_l, #contents .box380_l, #contents .box420_l, #contents .box430_l, #contents .box480_l {
	float: none;
	margin: 0 auto;}

#contents .box100_r, #contents .box130_r, #contents .box190_r, #contents .box200_r, #contents .box240_r, #contents .box250_r, #contents .box265_r, #contents .box310_r, #contents .box380_r, #contents .box420_r, #contents .box430_r, #contents .box480_r {
	float: none;}

#contents .box100_l img, #contents .box130_l img, #contents .box190_l img, #contents .box200_l img, #contents .box240_l img, #contents .box250_l img, #contents .box265_l img, #contents .box310_l img, #contents .box380_l img, #contents .box420_l img, #contents .box430_l img, #contents .box480_l,#contents .box100_r img, #contents .box130_r img, #contents .box190_r img, #contents .box200_r img, #contents .box240_r img, #contents .box250_r img, #contents .box265_r img, #contents .box310_r img, #contents .box380_r img, #contents .box420_r img, .box430_r img, #contents .box480_r img {
	display: block;
	margin: 10px auto;
}