@charset "utf-8";
/*=============================================
	Contents Style
=============================================*/

/*---------------------------------------------
	後で削除
---------------------------------------------*/
#areas_block .inner{position:relative;}
.comment{position:absolute; top:-10px;right:30px; border:solid 1px #f30; padding:5px; background:#fff; color:#f30; font-size:24px;}
.editor-note{margin-left: 1em;color: #093;font-size: smaller;font-weight: bolder;}
.careersupport_js{}
/*---------------------------------------------
	ALL
---------------------------------------------*/

/* ------ side main inner ------ */
#content_page{margin:0 auto 20px; width:1088px;}
#content_library{margin:0 auto 20px; width:1020px;}
.inner{margin:0 auto; width:1088px;}
#side{margin:0; width:235px;}
#main{margin:0 10px 0 45px; width:790px;}
#main_access,#main_academic{margin:0 auto 45px; width:950px;}
#side,#main{display:inline-block; vertical-align:top;}
#main p,#main_access p{margin:0 1em 2em; overflow:hidden;}
p{margin:0 1em 2em; overflow:hidden;}
#areas_blog_block p{margin:0 1em 2em;}

.overflow{overflow:hidden;}


/* ------ side ------ */
#side {
	margin: 0 0 40px 0;
	border-top: solid 1px #D4D4D4;
	overflow:hidden;
}
#side a.head-cat-heading,#side a.head-cat-headinghover,#side .link-none {
	padding: 10px 20px;
	font-size: 14px;
	font-weight:bold;
	background: url(../images/common/icon_side.gif) no-repeat center left;
	display:block;
	border: solid 1px #D4D4D4;
	border-top:none;
	cursor:pointer;
}
#side a.head-cat-heading {
	display:block;
}
#side a.head-cat-heading:hover,#side a.head-cat-headinghover,#side a.head-cat-entry {
	background:#002179 url(../images/common/icon_sidehover.gif) no-repeat center left;
	color: #fff;
}

#snav {border-bottom: solid 1px #D4D4D4; margin:0;}
#snav ul,#snav_none ul{margin:0;}
#snav li,#snav_none li {
    border: solid 1px #D4D4D4;
    border-top:none;
	padding:0;
	background:none;
}
#snav li:last-child {
    border: solid 1px #D4D4D4;
    border-top:none;
    border-bottom:none;
}
#snav li a,#snav_none li a {
    display:block;
	margin-bottom: 10px;
	background: url(../images/common/icon_sidenav.png) no-repeat 20px 11px;
	font-size:12px;
	margin:0;
    padding:5px 10px 5px 35px; 
}
#snav li a:hover,#snav_none li a:hover{
	background:#C7D6FF url(../images/common/icon_sidenavhover.png) no-repeat 20px 11px;
	color:#282828;
}
#snav li a.active {
	background:#C7D6FF url(../images/common/icon_sidenavhover.png) no-repeat 20px 11px;
	color:#282828;
}
#snav ul#side_event li a.active {
	background:#C7D6FF url(../images/common/icon_sidenavhover.png) no-repeat 20px 11px;
	color:#282828;
    padding:5px 10px 5px 35px;
	font-weight:normal;
	font-size:12px;
    border-bottom:none;
}
#snav li.cat {
	background:#C7D6FF url(../images/common/icon_sidenavhover.png) no-repeat 20px 11px;
	color:#282828;
}
#snav li.sub_cat a {
    display:block;
	margin-bottom: 10px;
	background:url(../images/common/icon_sidenav.png) no-repeat 5px 11px;
	font-size:12px;
	margin:0;
    padding:5px 10px 5px 17px;
	font-weight:bold;
}

/*サイドリンク無しの場合　*/
#side #snav_none{display:none;margin:0;}
#side .link-none {
	padding: 10px 20px;
	font-size: 14px;
	font-weight:bold;
	background: url(../images/common/icon_side.gif) no-repeat center left;
	display:block;
	border: solid 1px #D4D4D4;
	border-top:none;
	cursor:pointer;
}
#side .link-entry a,
#side .link-none a:hover,
#side .link-none .a-hover{
	margin:-10px -20px;
	padding: 10px 20px;
	font-size: 14px;
	font-weight:bold;
	background:#002179 url(../images/common/icon_sidehover.gif) no-repeat center left;
	display:block;
	border:none;
	color:#fff;
	cursor:pointer;
}

/* ------main ------ */

#main .CatTitle,#main_access .CatTitle,#content_library .CatTitle{
	border-bottom: solid 4px #002179;
	margin:0 0 15px; padding:0 20px 5px;
	font-size:24px;
   font-weight:bold;
    font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}
#main .CatTitle,#main_access .CatTitle{
	border-bottom: solid 4px #002179;
	margin:0 0 15px; padding:0 20px 5px;
	font-size:24px;
   font-weight:bold;
    font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}

#main h1,#not h1{
	margin:0 0 20px;
	padding:10px 20px;
	background: #002179;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
#main_access h1{
	margin:0 0 20px;
	padding:10px 20px;
	background: #002179;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

h2,#main h2,#main_access h2{
	margin:2em 0 20px;
	padding:5px 10px 5px 0;
	background:#F6F6F6;
	border:solid 1px #D6D6D6;
	font-size:18px;
	font-weight:bold;
}

h2:before,#main h2:before{
	content: '';
	padding:2px 10px 2px 10px;
	background:#F6F6F6 url(../images/common/bg_h2.gif) repeat-y 0 3px;
}
#main_access h2:before{
	content: '';
	padding:2px 10px 2px 10px;
	background:#F6F6F6 url(../images/common/bg_h2_access.gif) repeat-y 0 3px;
}

h2.none,#main h2.none{
	margin:1em 0.5em 1em;
	padding:5px 10px 5px 0;
	background:none;
	border:none;
}

h2.none:before,#main h2.none:before{
	content: '';
	padding:0px;
	background:none;
}
/*
#member h2{
	margin:0 0 20px;
	padding:10px 20px;
	background:none;
	background: #002179;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}
#member h2:before{
	content: '';
	padding:0 !important;
	background:none !important;
}
*/

h3,#main h3{margin:0 5px 15px;padding:3px 5px 0; border-bottom:solid 2px #002179;font-size:16px; font-weight:bold;}

#main_access h3{margin:0 5px 15px;padding:3px 5px 0; border-bottom:none;font-size:16px; font-weight:bold;}

.main_festival h3{border-bottom:solid 2px #002179 !important;} /*20190718 Add*/

h3 span,#main_access h3 span{margin:0 10px 0;padding:0 5px 0;font-size:13px; font-weight: normal;}
h4,#main h4{margin:0 10px 15px;padding:3px 8px 0; border-left:solid 5px #002179;font-size:14px; font-weight:bold;background:#F6F6F6;}

/*not found*/
#not .CatTitle{
	border-bottom: solid 4px #002179;
	margin:-20px 0 15px; padding:0 20px 5px;
	font-size:24px;
	height:1.6;
   font-weight:bold;
    font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}

#not h1{
	margin:0 0 20px;
	padding:10px 20px;
	background: #002179;
	font-size:18px;
	font-weight:bold;
	color:#fff;
}

/*各コンテンツトップ見出し*/
#blocks h1{
   margin:0; 
   padding:6px 20px; 
   font-size:21px; 
	/*font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;*/
   /*font-weight:bold;*/
   color:#fff;
}


/* ------ breadcrumb ------ */
#breadcrumb_block {margin:0; }
#breadcrumb {margin:0 auto; width:1038px; padding:15px 15px;}
#breadcrumb p {font-size:13px;margin:0;}
#breadcrumb a {color: #001EFF;text-decoration: underline;}
#breadcrumb a:hover { opacity:0.8;}


/* ------ 各ブログトップ ------ */
#BlogTop_block{margin:0 40px 0;}
#BlogTop_block_admissions{margin:0 40px 0;}
#BlogTop_block .ContentMenu{
	margin:0 25px 30px;
	display:inline-block;
	width:280px;
	vertical-align:top;
}
#BlogTop_block_about .ContentMenu{
	margin:20px auto;
	width:610px;
}
#BlogTop_block_admissions .ContentMenu{
	margin:0 33px 30px;
	display:inline-block;
	width:434px;
	vertical-align:top;
}

#BlogTop_block .ContentMenu .ContentImg,
#BlogTop_block_admissions .ContentMenu .ContentImg{
	margin:0;
	padding:7px;
	border:solid 1px #BEBEBC;
}
#BlogTop_block .ContentMenu h2,
#BlogTop_block_admissions .ContentMenu h2{
	margin:15px 0 10px;
	padding:0 2px 0 5px;
	background:none;
	border:none;
	border-left:solid 5px #002179;
	font-size:18px;
	font-weight:bold;
}
#BlogTop_block .ContentMenu h2:before,
#BlogTop_block_admissions .ContentMenu h2:before{
	margin:0;
	padding:0;
	background:none;
	border:none;
	border-left:none;
	font-size:18px;
}
#BlogTop_block .ContentMenu ul.materials-science{
	display:none;
}
@media only screen and (max-width: 767px){
#BlogTop_block .ContentMenu ul.materials-science{
	display:block;
}
}
#BlogTop_block .ContentMenu ul,
#BlogTop_block_admissions .ContentMenu ul{
	margin:0;
}
#BlogTop_block .ContentMenu ul li,
#BlogTop_block_admissions .ContentMenu ul li{
    padding:2px 5px 2px 12px;
	background: url(../images/common/icon_arrow.png) no-repeat 0 8px;
	font-size:13px;
}
#BlogTop_block .ContentMenu ul li.sub{
	margin:0 0 0 1em;
    padding:0 5px 2px 10px;
	background: url(../images/common/icon_sub.gif) no-repeat 0 10px;
	font-size:13px;
}

#BlogTop_block .ContentMenu ul li a,
#BlogTop_block_admissions .ContentMenu ul li a{text-decoration:underline;}
 
#BlogTop_block .ContentMenu .btn_education{
	margin:0 0 20px;
	padding:1.25em 0;
	border:solid 1px #BEBEBC;
	background:#EDEDED;
	text-align:center;
	font-size:20px;
	vertical-align:middle;
}
#BlogTop_block_about .ContentMenu .btn_about{
	margin:0 10px 20px;
	padding:1.25em 0;
	border:solid 1px #BEBEBC;
	background:#EDEDED;
	text-align:center;
	font-size:20px;
	vertical-align:middle;
	display:inline-block;
	width:280px;
}

#BlogTop_block .ContentMenu a .btn_education span,
#BlogTop_block_about .ContentMenu a .btn_about span{
	background:url(../images/common/icon_button.png) no-repeat 0 center;
	padding-left:25px;
}

#BlogTop_block_about{margin:0 40px 0;}

/* ------ 就職・キャリア　コメント ------ */
.cat_comment{margin:5px 5px 5px 10px; color:#002179;}
.graduates_box{margin:0 10px; display:inline-block; width:47%; vertical-align:top;}

/* ------ 入学案内　コメント ------ */
.cat_comment_ad{margin:5px 5px 5px 10px; color:#E22819;}

/* ------ layout -----*/
.left{float:left; margin:0 10px 10px 0; overflow:visible;}
.left img{margin:0 0 10px 10px; overflow:visible;}
.right{float:right; margin:0 0 30px 10px; overflow:visible;}
.right_img{float:right; margin:0 0 10px 15px; border:solid 1px #ccc; padding:2px;}
.left_img{float:left; margin:0 15px 10px 0; border:solid 1px #ccc; padding:2px;}
.center{ text-align:center; margin:50px 0 80px;}
.indent01,#main .indent01{margin-bottom: 5px;text-indent: -1em;padding-left:1em;}
.indent02,#main .indent02{text-indent:-1em;padding-left:2em; margin-bottom:5px; line-height:1.4;}
.indent03,#main .indent03{text-indent:-2em;padding-left:3em; margin-bottom:5px; margin-right:20px; line-height:1.4;}
.box,#main .box{margin:10px 20px 20px; padding:10px; border:solid 1px #999;}
.box p,#main .box p{margin-bottom:5px !important;}
.box ul,#main .box ul{margin:5px;}
.box ul li,#main .box ul li{padding:5px 5px 1px 10px;background: url(../images/common/icon_arrow02.gif) no-repeat 0 13px;}

.box p a,#main .box p a{text-decoration: none !important;}
.bullet {padding-left: 1.0em;text-indent: -1.0em;}
.bullet2em {padding-left: 2.0em;text-indent: -2.0em;}
.bullet3em {padding-left: 3.0em;text-indent: -3.0em;}

.margin_bottom_none,#main .margin_bottom_none{margin-bottom:0;}
.margin_bottom-20px,#main .margin_bottom-20px{padding-bottom:20px;}
.margin_top-1em,#main .margin_top-1em{margin-top:-1em;}
.margin_top-2em-,#main .margin_top-2em-{margin-top:-2em;}
.margin_top-3em-,#main .margin_top-3em-{margin-top:-3em;}
.margin_top-2em,#main .margin_top-2em{margin-top:2em;}
.margin_left-1em,#main .margin_left-1em{margin-left:1em;}
.margin_left-5em,#main .margin_left-5em{margin-left:8em;}
.margin_left-4em,#main .margin_left-4em{margin-left:4em;}

.width40,#main .width40{width:40%;}
.width57,#main .width57{width:57%;}

.arrow {margin:15px 0 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:43%;}
.arrow_harf {margin:15px 20px 20px 0;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:43%; display:inline-block;}
.arrow a,.arrow_full a,.arrow_harf a, .arrow_link a{background: url(../images/common/icon_arrow.png) no-repeat 0 7px; padding-left:10px;}
.arrow_full {margin:15px auto 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:80%;}
a .arrow_full {margin:15px auto 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:80%;}
a:hover .arrow_full {margin:15px auto 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background: #E8F5FD; width:80%; color: #09F;text-decoration: none;}

#page_link_area{
	background-color:#E1E1E1;
	margin:0px;
	padding:5px 10px;
}
#page_link_area a{
	background: url(../images/common/icon_sidenavhover.png) no-repeat 0px center;
	margin:0px 15px 0px 5px;
	padding:0px 0px 0px 10px;
	color:#333333;
	display:inline-block;
}


/* ------ img ------ */
img{max-width:100%;vertical-align:top;height:auto;}
/*{background-size:100%; height:auto;}*/

/* ------ font -----*/
strong{font-weight:bold;}
.f12, #main .f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}

/* ------ ul  ol ------ */
ul,#main ul{margin:0 1em 2em; list-style:none;}
ul li,#main ul li,.campus_root ul li,#main .campus_root ul li{padding:5px 5px 5px 10px;background: url(../images/common/icon_arrow02.gif) no-repeat 0 13px;}
ul.housing li,#main ul.housing li{padding:5px 5px 15px 10px;background: url(../images/common/icon_arrow02.gif) no-repeat 0 13px;}
ul li p,#main ul li p{margin-bottom:0.5em;}

ul.bg-none li,#main ul.bg-none li{padding:5px;background: none;}
ul.bg-none li p,#main ul.bg-none li p{margin-bottom:0.5em;}

ul.link,#main ul.link{margin:0 10px 2em; list-style:none;}
ul.link li,#main ul.link li{padding:5px 5px 5px 10px;background: url(../images/common/icon_arrow.png) no-repeat 0 13px;}
ul.times {margin:0 30px; overflow:hidden;}
ul.times li{margin:0 5px;padding:0 5px; display:inline-block; width:46%; vertical-align:top;}
ol{margin:0 0 2em;}

#main dd ul{margin:10px 0;background:none;}
#main dd ul li{padding:10px;background:none; float:left;}

/* ------ dl li ------ */
dl{overflow:hidden; margin:0 5px 2em;}
dl dt{margin:0;padding:1px 5px; font-size:16px; font-weight:bold;}
dl dt.border{margin:0;padding:3px 5px; border-bottom:solid 2px #002179;}
dl dt.border a {color: #001EFF;text-decoration: none;}
dl dd{margin:10px 0 0;padding:1px 5px;}
dl dd ul{margin:0 1em 0; list-style:none;}
dl dd ul li{padding:5px 5px 5px 10px;background: url(../images/common/icon_arrow02.gif) no-repeat 0 13px;}


dl.description-3em,#main dl.description-3em{overflow:hidden; margin:0 0 2em;}
dl.description-3em dt,#main dl.description-3em dt{margin:0 0;padding:0; float:left; width:4em; line-height:1.5;}
dl.description-3em dd,#main dl.description-3em dd{margin: 0; padding-left:5em;}

dl.link_block,#main dl.link_block{margin:0 10px 5px; overflow:hidden;}
dl.link_block dt,#main dl.link_block dt{padding:5px 5px 5px 10px;background: url(../images/common/icon_arrow02.gif) no-repeat 0 13px; float:left; width:75%; font-weight:normal; font-size:14px;}
dl.link_block dt dt.sub,#main dl.link_block dt.sub{background: none;}
dl.link_block dd,#main dl.link_block dd{padding:0;margin:0 5px; float:left; width:4em;}

dl.schedule_block,#main dl.schedule_block{margin:0 10px 20px; overflow:hidden;background: #E3EBFF;}
dl.schedule_block dt,#main dl.schedule_block dt{padding:5px 5px 5px 25px;background: url(../images/common/icon_arrow02.gif) no-repeat 15px 13px; float:left; width:40%; font-weight:normal; font-size:14px;}
dl.schedule_block dt dt.sub,#main dl.schedule_block dt.sub{background: none;}
dl.schedule_block dd,#main dl.schedule_block dd{padding:0;margin:5px; float:left; width:11em;}

dl.detail,dl.detail02,,dl.detail03{overflow:hidden; margin:0 5px 0;}
dl.detail dt{margin:0 0;padding:0; float:left; width:4em; font-size:14px; font-weight:normal;}
dl.detail02 dt{margin:0 0;padding:0; float:left; width:8em; font-size:14px; font-weight:normal;}
dl.detail03 dt{margin:0 0;padding:0; float:left; width:15em; font-size:14px; font-weight:normal;}
dl.detail dd{margin: 0; padding-left:5em;}
dl.detail02 dd{margin: 0; padding-left:8.5em;}
dl.detail03 dd{margin: 0; padding-left:15.5em;}

/* file
------------------------------------ */
a[href$=".pdf"]{margin: 0;padding: 5px 50px 5px 0;background: url(../images/common/pdf.gif)  no-repeat right 8px; }
a[href$=".pdf"] img {background:none !important; padding:0;}
a[href$=".doc"],a[href$=".docx"]{margin: 0;padding: 5px 50px 5px 0;background: url(../images/common/doc.gif) no-repeat  no-repeat right 8px;}
a[href$=".xls"],a[href$=".xlsx"]{margin: 0;padding: 5px 50px 5px 0;background: url(../images/common/xls.gif) no-repeat  no-repeat right 8px;}
a[href$=".zip"]{margin: 0;padding: 5px 50px 5px 0;background: url(../images/common/zip.gif) no-repeat  no-repeat right 8px;}
.side_icon{margin:2px 0 0 5px;}

a.none{margin: 0;padding:0;background:none; }

/* ------ table ------ */
table{margin: 2em 0.5em 3em; font-size:13px;}
table table.formTblInner{margin:0.5em;}
table.none,table.border{margin: 1em 0 3em;}
table.none{ font-size:14px;}
table,table.color {
  margin: 2em 0.5em 3em;
  width: auto;
  border-spacing: 0;
  border-collapse: collapse;
 }
table th {
  padding: 7px 10px;
  background: #C7D7FF;
  font-weight: bold;
  border-left:1px solid #fff;
  border-top:1px solid #C7D7FF;
  border-bottom:1px solid #fff;
  text-align: left;
  border-collapse: collapse;
}
table.color th {
  padding: 7px 10px;
  background: #eee;
  font-weight: bold;
  border: 1px solid #D6D6D6;
  text-align: left;
  border-collapse: collapse;
}
table.color th:first-child {border-left:1px solid #D6D6D6;}
table.color th:last-child {border-right:1px solid #D6D6D6;}

table th:first-child {border-left:1px solid #C7D7FF;}
table th:last-child {border-right:1px solid #C7D7FF;}
table tr td {
  padding: 7px 10px;
  border-top: 1px solid #D6D6D6;
  border-bottom: 1px solid #D6D6D6;
  border-left: 1px solid #D6D6D6;
  text-align:left;
}
table tr th.subject {background:#eee; border: 1px solid #D6D6D6;}

table tr td:last-child {border-right: 1px solid #D6D6D6;}
table tr {background: #fff;}

table.none th,table.none td,table.none tr td:last-child {border:none;}
table caption{font-weight:bold;}
table caption.right{font-weight:bold; text-align:right;}
table caption.left{font-weight:bold; text-align:left;}
table caption span{font-weight:normal;}
.subject {background:#eee;}
.subject2em {width:2em;}
.subject3em {width:3em;}
.subject4em {width:4em;}
.subject5em {width:5em;}
.subject6em {width:6em;}
.subject7em {width:7em;}
.subject8em {width:8em;}
.subject9em {width:9em;}
.subject10em {width:10em;}
.subject15em{width:15em;}
.subject25em {width:25em;}
.subject25 {width:25%;}
.subject22 {width:23%;}
.subject20 {width:20%;}
.subject16 {width:16%;}
.subject14 {width:14%;}
.sub-cback-gray {background:#eee;}
.sub-cback-blue {background:#CFE4FA;}
.sub-cback-pink {background:#FBD9E2;}
.sub-cback-purple{background:#EBE0F5;}
.sub-cback-lgreen {background-color:#E9F6C2;}


.left table{margin: 0 0.5em 1em; width:100%;}

table.border th {
  padding: 5px;
  background: #eee;
  font-weight: bold;
  border:1px solid #ccc;
  border-collapse: collapse;
}
table.border td {
  padding: 5px;
  font-weight: bold;
  border:1px solid #ccc;
  border-collapse: collapse;
}
table.center{margin: 2em 0.5em 1em;}
table.center th, table.center td{text-align:center;}

.image_block {
	margin: 10px 15px;
	text-align: center;
}
.image_box {
	display: inline-block;
	margin: 0 10px 15px;
}
.image_box img {
	margin-bottom: 10px;
}
.double .image_box {
/*	max-width: 250px;*/
}
.triple .image_box {
	max-width: 215px;
}

/* ------- content page ------- */
.life_left {
	width: 11em;
	float: left;
	margin: 10px 10px 0;
}
.life_right {
	width: 30em;
	float: left;
	margin: 10px 10px 0;
}
.inter_alumni {
    margin: 0px;
	padding: 0px 3px;
	width:49%;
	line-height:150% ;
	text-align:left;
	float:left;
	text-align:center;
}
/*---------------------------------------------
	president_interview
---------------------------------------------*/
.president_interview,#main .president_interview{
	text-indent:-2em;
	padding-left:3em; 
	margin:0 0 1.5em; 
	margin-right:20px; 
	line-height:1.4;
	overflow:visible;
}

/*---------------------------------------------
	areas
---------------------------------------------*/

/* ------- areas9 ------- */
#areas9_block{ overflow:hidden; width:961px; margin:0 auto;}
#areas9_block ul{list-style:none;}
#areas9_block ul li{float:left;margin: 0 20px 45px; background:none;padding:0;}

figure {
	width: 267px;
	height: 265px;
	position: relative;
	margin: 0 auto;
}
figure img {
	position: absolute;
	left: 0;
	top: 0;
}
figure figcaption {
	position: absolute;
	left: 0;
	top: 0;
	width: 267px;
	height: 265px;
	display: none;
	color: #fff;
	box-sizing: border-box;
	padding: 13px 12px;
	font-size:15px;
}
figure figcaption .areas01{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field01on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas02{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field02on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas03{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field03on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas04{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field04on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas05{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field05on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas06{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field06on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas07{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field07on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas08{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field08on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}
figure figcaption .areas09{
	position: absolute;
	left: 0;
	top: 0;
	background: url(/areas/images/btn_field09on.jpg) no-repeat;
	width: 267px;
	height: 265px;
}

figure figcaption div span{
	padding: 20px;
	display: inline-block;
}

#areas_block{
	width:1100px;
	margin:0 auto 25px;
	padding:20px 0;
	background:#F7F7F7;
	-moz-box-shadow: 0 0 10px #E6E6E6;
    -webkit-box-shadow: 0 0 10px #E6E6E6;
	position:relative;
}
#list_block{margin:0 40px;}
#areas_block h2,#education_news h2,#academic_block h2{
	margin:0 25px 20px;
	padding:0 2px 0 5px;
	background:none;
	border:none;
	border-left:solid 5px #002179;
	font-size:18px;
	font-weight:bold;
}
#areas_block h2:before,#education_news h2:before,#academic_block h2:before{
	margin:0;
	padding:0;
	background:none;
	border:none;
	border-left:none;
}

#academic_block h2{
	margin-bottom: 10px;
}


#areas_block ul{margin:0; overflow:hidden;}
#areas_block ul li{margin:0 25px 15px;padding:0; float:left;}

/* ------- 学系 ------- */
#academic_block{margin:-20px auto 10px; padding:20px 20px 20px;width:1100px;box-sizing: border-box; background: url(../images/common/bg_academic.png) repeat-x left bottom;}
#academic_list_block{margin:0 25px;}
/* 長い矢印 */
.kei_arrow {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 1em;
	vertical-align: middle;
}
.kei_arrow::before,
.kei_arrow::after {
	content: "";
	top: 0;
	bottom: 0;
	position: absolute;
}
.kei_arrow::before {
	left: 0;
	right: 0;
	height: 2px;
	margin: auto;
	background-color: currentcolor;
}
.kei_arrow::after {
	width: 0.5em;
	height: 0.5em;
	right: 0.0625em;
	margin: auto;
	border-right: 2px solid currentcolor;
	border-top: 2px solid currentcolor;
	transform: rotate(45deg);
}

.kei_banner {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-left: 25px;
	margin-right: 25px;
}
.kei_banner li {
	padding: 0;
	background: none;
	flex: 1 0 80%;
}
@media (min-width: 600px) {
	.kei_banner li {
		flex-basis: 45%;
	}
}
@media (min-width: 1024px) {
	.kei_banner li {
		flex-basis: 22%;
	}
}

.kei_banner li a {
	font-size: 16px;
}
.kei_banner li a {
	position: relative;
	display: block;
	padding: 0.875em 0.875em 0.5em;
	color: #333;
	font-weight: bold;
	border: 2px solid #ccc;
}
.kei_banner li a::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	display: inline-block;
	width: 5px;
	background-image: linear-gradient(180deg, #6d96ce 50%, #4366b0 50%);
}
.kei_banner li a .en {
	display: block;
	color: #444;
	font-size: 13px;
	font-weight: normal;
}
.kei_banner li a .kei_arrow {
	position: absolute;
	right: 15px;
	top: 0;
	bottom: 0;
	margin: auto;
	color: #ccc;
}
.kei_banner li a:hover {
	background-color: #dae5f3;
}
.kei_banner li a:hover .kei_arrow {
	right: 10px;
}


#main_academic h1{
	margin:15px 0 10px;
	padding:10px 20px;
	font-size:21px;
	line-height:32px;
	font-weight:bold;
    font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
	color:#fff;
	position:relative;
}

/*本番サイト用*/
h1.academic_back6197{background:#B75FFF;}
h1.academic_back6198{background:#EF7FF1;}
h1.academic_back6200{background:#1B7FF1;}
h1.academic_back7117{background:#698bb4;}

/*2021.2.12 Add*/
h1.academic_back6200{
	width: 50%;
	float: left;
}

div.ms_hplink{
	border: double #1B7FF1;
	text-align: center;
	font-size: 20px;
	width: 40%;
	float: right;
	margin: 15px 0 20px 20px;
}

div.ms_hplink a{
	display: block;
	padding: 9px;
}

.imgPamphlet{
	display: block;
	float: right;
	margin-left: 20px;
}

.imgPamphlet img{
	max-width:220px;
}

@media only screen and (max-width: 768px){
	h1.academic_back6200{
		float: none;
		max-width: 100%;
		width: 90.5%;
	}

	div.ms_hplink{
		float: none;
		width: 70%;
		margin: 0 auto 20px auto;
		font-size: 18px;
	}

	.imgPamphlet img{
		max-width:120px;
	}

}


/*2021.2.12 Add ここまで*/

/*テストサイト用*/
h1.academic_back5314{background:#B75FFF;}
h1.academic_back5315{background:#EF7FF1;}
h1.academic_back5316{background:#1B7FF1;}
h1.academic_back6927{background:#698bb4;}
/*ここまで*/

.tit_academic{margin-left: 1em; font-size:15px;}
.academic_page{margin:0 5px 60px;}
.academic_page ul{margin:0 0 50px; padding-bottom:30px;overflow:hidden;}
.academic_page ul li{float:left; width:46%; margin:0 10px;font-size:14px; background:none;}
.academic_page ul li a{text-decoration: underline;}
.academic_page li span{font-size:12px;}
.academic_page ul.information{margin:0 0 20px; overflow:hidden;}
.academic_page ul.information li{margin:0 10px; padding-left:15px;float:none; width:90%; font-size:14px; background:url(../images/common/icon_information.png) no-repeat 0 10px;}

#main_academic h2{
	margin:20px 0 20px;
	padding:0 2px 0 5px;
	background:none !important;
	border:none;
	border-left:solid 5px #002179;
	font-size:18px;
	font-weight:bold;
}
#main_academic h2:before{
	content: '';
	padding:0 2px 0 5px;
	background:none;
}

@media only screen and (max-width: 768px){
	#main_academic h1{
		font-size:20px;
		padding:10px 20px;
		line-height:1.2em;
	}

	.tit_academic{
		font-size:14px;
/*		margin-left: 0em;*/
		letter-spacing:0px!important;

	}
	
	.academic_back5316{
		letter-spacing:-2px;
	}
	
	.academic_back5316 span{
		display:block;
		margin-left: 0em;
	}
	.academic_page ul li{width:95%;}
}

/* ------- areas blog ------- */
#areas_blog_block{margin:0 auto 0;width:946px;}

#title{ text-align:center; margin:10px auto 40px; overflow:hidden;}
a .button {margin:20px 0 0; width:20em;padding:10px 20px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:16px; }
a .button_mini {margin:20px 0 0; width:8em;padding:5px 10px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:12px; }
#main .button_center a {margin:20px auto; width:16em;padding:10px 20px; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:16px;text-decoration:none;}

a:hover .button,a:hover .button_mini,#main .button_center a:hover{background: #646464; color:#fff;}
.cat_btn_block{margin:20px auto; width:940px; text-align:center;}
.cat_btn_block a .cat_btn_hld {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #D7000F; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_km {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #990066; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_sn {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #660099; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ir {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #0171bb; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_et {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #de5900; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ee {margin:0 5px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #005639; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_mc {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #80c060; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ap {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #41a0e0; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_bb {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #e18021; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}


@media only screen and (min-width: 769px){
	.btn_modePC{
	}

	.btn_modeSP{
		display: none;
	}
	.block_column5{
		width:100%;
	}
}

@media only screen and (max-width: 768px){
	.btn_modePC{
		display: none!important;
	}

	.btn_modeSP{
		width:98%;
		margin: 0 auto 15px auto;
	}
}

/*ボタン5個の場合*/
@media only screen and (min-width: 768px){
	.areas_column5btn {
		margin: 0 5px 20px!important;
		width: 100px!important;
	}
}

.cat_btn_block a:hover .cat_btn_hld,
.cat_btn_block a:hover .cat_btn_km,
.cat_btn_block a:hover .cat_btn_sn,
.cat_btn_block a:hover .cat_btn_ir,
.cat_btn_block a:hover .cat_btn_et,
.cat_btn_block a:hover .cat_btn_ee,
.cat_btn_block a:hover .cat_btn_mc,
.cat_btn_block a:hover .cat_btn_ap,
.cat_btn_block a:hover .cat_btn_bb
 {background: #F5F5F5 url(../images/common/icon_button.png) no-repeat 20px 50%;}

/* ------- areas 9 color ------- */
.icon_areas_hld,
.icon_areas_km,
.icon_areas_sn,
.icon_areas_ir,
.icon_areas_et,
.icon_areas_ee,
.icon_areas_mc,
.icon_areas_ap,
.icon_areas_bb{color:#fff;margin:15px 5px 10px; padding:0 10px; font-size:16px; font-weight:bold; border-radius:3px; line-height:1.8;}
.width-5em{width:5em;}
.width-7em{width:7em;}


/*9領域の色*/
.color_hld{background:#d7000f;}
.color_km{background-color:#990066;}
.color_sn{background-color:#660099;}
.color_ir{background-color:#0171bb;}
.color_et{background-color:#de5900;}
.color_ee{background-color:#005639;}
.color_mc{background-color:#80c060;}
.color_ap{background-color:#41a0e0;}
.color_bb{background-color:#e18021;}



/*2022 Terada Add start*/
ul.areaTOP_banner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	max-width: 958px;
	margin: 0 auto!important;
}

ul.areaTOP_banner li{
	border: solid 1px #DBDBDB;
	margin: 0 0 10px 0!important;
	background: #FFF!important;
	width: auto!important;
    width: 310px!important;
}

@media only screen and (max-width: 990px){
	ul.areaTOP_banner li{
		width: 48%!important;
	}
}

@media only screen and (max-width: 767px){
	ul.areaTOP_banner{
		margin-left: 15px!important;
	}

	ul.areaTOP_banner li{
		width: 98%!important;
	}
}

ul.areaTOP_banner li a{
	display: block;
	padding: 0 2px 2px 2px!important;
}

ul.areaTOP_banner li a:hover p{
	color: #FFF;
	border-bottom: solid 2px #FFF;
}

ul.areaTOP_banner li p{
	margin: 0!important;
	padding: 15px 2px 10px 2px;
	color: #6B6B6C;
	font-size: 13px;
    font-weight: bold;
}

ul.areaTOP_banner li p span{
	display: inline-block;
	margin-left: 40px;
}

ul.areaTOP_banner li p span.fontS{
	font-size: 0.8em;
	letter-spacing: -0.8px;
	margin: 0;
	display: block;
}

.areaHeading{
	background-position: center center;
    background-size: cover;
	background-repeat: no-repeat;
    width: 100%;
	height: 301px;
	padding-top: 1.5em;
}


.areaHeading p{
	color: #FFF;
	text-align: right;
}

.areaHeading p.name{
    font-size: 30px;
	font-weight: bold;
	padding: 25px 15px;
    margin-bottom: 0!important;
}

.areaHeading p.name span{
	display: block;
    font-size: 18px;
	font-weight: bold;
	margin-bottom: 3em;
}

.areaHeading span.message{
	display: block;
    margin: 0;
	font-size: 15px!important;
	font-weight: normal!important;
}

.areaHeading video{
    /*position: relative;
	width: 40%;
    max-width: 350px;
	left: 20px;
	top:-20px;*/
}

@media screen and (min-width:768px) and (max-width:1024px) {
	.Heading_nd p.name{
		font-size: 26px;
	}

	.Heading_nd p.name span{
		font-size: 15px;
		margin-bottom: 20px;
	}

	.Heading_nd p.name span.message{
		font-size: 13px!important;
	}
}


@media only screen and (max-width:767px){
	.areaHeading{
		height: auto;
		padding-top: 0;
	}

	.areaHeading p{
		margin: 0!important;
		padding: 25px 10px!important;
	}

	.areaHeading p.name{
		font-size: 22px;
	}
	
	.areaHeading p.name span{
		font-size: 16px;
		margin-bottom: 1.5em;
	}
	
	.areaHeading span.message{
		font-size: 14px!important;
		margin-bottom: 1em!important;
	}

	.areaHeading video{
		left: 5px;
		top:0;
		max-width: 100%;
	}

	.Heading_nd{
		display: block!important;
		height: auto!important;
		background-position-x: right;
	}
}

/*共通ボタン*/
@media only screen and (max-width:767px){
	.cat_btn_block{
		text-align: left!important;
		width: 98%!important;
		margin: 0 auto 15px auto!important;
	}

	.cat_btn_csd, .cat_btn_tkm, .cat_btn_cci, .cat_btn_cs, .cat_btn_ngdi, .cat_btn_his, .cat_btn_si, .cat_btn_mcf, .cat_btn_nd, .cat_btn_bbbe{
		margin: 0!important;;
		width: 43%!important;
		font-size: 17px!important;
		padding: 10px 0 10px 30px!important;
		margin-bottom: 15px!important;
	}
}

@media only screen and (max-width:568px){
	.cat_btn_csd, .cat_btn_tkm, .cat_btn_cci, .cat_btn_cs, .cat_btn_ngdi, .cat_btn_his, .cat_btn_si, .cat_btn_mcf, .cat_btn_nd, .cat_btn_bbbe{
		width: 38.5%!important;
	}
}

/*創造社会デザイン研究領域*/

.banner_csd p{
	border-bottom: solid 2px #E6277E;
	content: "";
	background: url(../../areas/images/ico_csd.png) 2px 10px no-repeat;
}

.banner_csd p:hover{
	background: url(../../areas/images/ico_csd_on.png) 2px 10px no-repeat;
}

.banner_csd a:hover{
	background: #E6277E;
}

.Heading_csd{
	background-image: url(../../areas/csd/images/bg_title.png);
}


/*トランスフォーマティブ知識経営研究領域*/
.banner_tkm p{
	border-bottom: solid 2px #2470B8;
	content: "";
	background: url(../../areas/images/ico_tkm.png) 2px 15px no-repeat;
}

.banner_tkm p:hover{
	background: url(../../areas/images/ico_tkm_on.png) 2px 15px no-repeat;
}

.banner_tkm a:hover{
	background: #2470B8;
}

.Heading_tkm{
	background-image: url(../../areas/tkm/images/bg_title.png);
}

/*共創インテリジェンス研究領域*/
.banner_cci p{
	border-bottom: solid 2px #57479A;
	content: "";
	background: url(../../areas/images/ico_cci.png) 2px 15px no-repeat;
}

.banner_cci p:hover{
	background: url(../../areas/images/ico_cci_on.png) 2px 15px no-repeat;
}

.banner_cci a:hover{
	background: #57479A;
}

.Heading_cci{
	background-image: url(../../areas/cci/images/bg_title.png);
}


/*コンピューティング科学研究領域*/
.banner_cs p{
	border-bottom: solid 2px #214DA0;
	content: "";
	background: url(../../areas/images/ico_cs.png) 2px 10px no-repeat;
}

.banner_cs p:hover{
	background: url(../../areas/images/ico_cs_on.png) 2px 10px no-repeat;
}

.banner_cs a:hover{
	background: #214DA0;
}

.Heading_cs{
	background-image: url(../../areas/cs/images/bg_title.png);
}

/*次世代デジタル社会基盤研究領域*/
.banner_ngdi p{
	border-bottom: solid 2px #C8161D;
	content: "";
	background: url(../../areas/images/ico_ngdi.png) 2px 15px no-repeat;
}

.banner_ngdi p:hover{
	background: url(../../areas/images/ico_ngdi_on.png) 2px 15px no-repeat;
}

.banner_ngdi a:hover{
	background: #C8161D;
}

.Heading_ngdi{
	background-image: url(../../areas/ngdi/images/bg_title.png);
}

/*人間情報学研究領域*/
.banner_his p{
	border-bottom: solid 2px #43ADBC;
	content: "";
	background: url(../../areas/images/ico_his.png) 2px 10px no-repeat;
}

.banner_his p:hover{
	background: url(../../areas/images/ico_his_on.png) 2px 10px no-repeat;
}

.banner_his a:hover{
	background: #43ADBC;
}

.Heading_his{
	background-image: url(../../areas/his/images/bg_title.png);
}

/*サスティナブルイノベーション研究領域*/
.banner_si p{
	border-bottom: solid 2px #21A03A;
	content: "";
	background: url(../../areas/images/ico_si.png) 2px 15px no-repeat;
}

.banner_si p:hover{
	background: url(../../areas/images/ico_si_on.png) 2px 15px no-repeat;
}

.banner_si a:hover{
	background: #21A03A;
}

.Heading_si{
	background-image: url(../../areas/si/images/bg_title.png);
}

/*物質化学フロンティア研究領域*/
.banner_mcf p{
	border-bottom: solid 2px #53B441;
	content: "";
	background: url(../../areas/images/ico_mcf.png) 2px 20px no-repeat;
}

.banner_mcf p:hover{
	background: url(../../areas/images/ico_mcf_on.png) 2px 20px no-repeat;
}

.banner_mcf a:hover{
	background: #53B441;
}

.Heading_mcf{
	background-image: url(../../areas/mcf/images/bg_title.png);
}

/*ナノマテリアル・デバイス研究領域*/
.banner_nd p{
	border-bottom: solid 2px #209EDB;
	content: "";
	background: url(../../areas/images/ico_nd.png) 2px 15px no-repeat;
}

.banner_nd p:hover{
	background: url(../../areas/images/ico_nd_on.png) 2px 15px no-repeat;
}

.banner_nd a:hover{
	background: #209EDB;
}

.Heading_nd{
	background-image: url(../../areas/nd/images/bg_title.png);
	display: flex;
	justify-content: space-between;
	padding-top: 0;
	height: 322px;
}



.Heading_nd p.name{
	padding: 25px 0;
	margin: 0 0.5em 0 5px!important;
}

@media only screen and (max-width:420px){
	.Heading_nd p.name{
		padding: 25px 2px!important;
		margin: 0!important;
	}

	.Heading_nd p.name span.message{
		font-size: 13px!important;
		letter-spacing: -1px;
	}
}


/*バイオ機能医工学研究領域*/
.banner_bbbe p{
	border-bottom: solid 2px #EC6618;
	content: "";
	background: url(../../areas/images/ico_bbbe.png) 2px 10px no-repeat;
}

.banner_bbbe p:hover{
	background: url(../../areas/images/ico_bbbe_on.png) 2px 10px no-repeat;
}

.banner_bbbe a:hover{
	background: #EC6618;
}

.Heading_bbbe{
	background-image: url(../../areas/bbbe/images/bg_title.png);
}

/*新10領域の色*/
.t_color_csd{color:#E6277E}
.t_color_tkm{color:#2470B8}
.t_color_cci{color:#57479A}
.t_color_cs{color:#214DA0}
.t_color_ngdi{color:#C8161D}
.t_color_his{color:#43ADBC}
.t_color_si{color:#21A03A}
.t_color_mcf{color:#53B441}
.t_color_nd{color:#209EDB}
.t_color_bbbe{color:#EC6618}


.color_csd{background-color:#E6277E}
.color_tkm{background-color:#2470B8}
.color_cci{background-color:#57479A}
.color_cs{background-color:#214DA0}
.color_ngdi{background-color:#C8161D}
.color_his{background-color:#43ADBC}
.color_si{background-color:#21A03A}
.color_mcf{background-color:#53B441}
.color_nd{background-color:#209EDB}
.color_bbbe{background-color:#EC6618}



a:hover .button,a:hover .button_mini,#main .button_center a:hover{background: #646464; color:#fff;}
.cat_btn_block{margin:20px auto; width:940px; text-align:center;}
.cat_btn_block a .cat_btn_csd {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #E6277E; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_tkm {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #2470B8; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_cci {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #57479A; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_cs {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #214DA0; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ngdi {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #C8161D; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:110px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_his {margin:0 5px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #43ADBC; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_si {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #21A03A; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_mcf {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #53B441; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_nd {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #209EDB; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_bbbe {margin:0 7px 20px 0; border:solid 1px #CBCBCB; border-bottom: solid 3px #EC6618; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:25px 20px 25px 30px; font-size:20px; width:100px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}


.cat_btn_block a:hover .cat_btn_csd,
.cat_btn_block a:hover .cat_btn_tkm,
.cat_btn_block a:hover .cat_btn_cci,
.cat_btn_block a:hover .cat_btn_cs,
.cat_btn_block a:hover .cat_btn_ngdi,
.cat_btn_block a:hover .cat_btn_his,
.cat_btn_block a:hover .cat_btn_si,
.cat_btn_block a:hover .cat_btn_mcf,
.cat_btn_block a:hover .cat_btn_nd,
.cat_btn_block a:hover .cat_btn_bbbe
 {background: #F5F5F5 url(../images/common/icon_button.png) no-repeat 5px 50%;}

/* ------- areas 10 color ------- */
.icon_areas_csd,
.icon_areas_tkm,
.icon_areas_cci,
.icon_areas_cs,
.icon_areas_ngdi,
.icon_areas_his,
.icon_areas_si,
.icon_areas_mcf,
.icon_areas_nd,
.icon_areas_bbbe{color:#fff;margin:15px 5px 10px; padding:0 10px; font-size:16px; font-weight:bold; border-radius:3px; line-height:1.8;}
.width-5em{width:5em;}
.width-7em{width:7em;}

#areas_blog_block h1.csd{border-bottom: solid 3px #E6277E;}
#areas_blog_block h1.tkm{border-bottom: solid 3px #2470B8;}
#areas_blog_block h1.cci{border-bottom: solid 3px #57479A;}
#areas_blog_block h1.cs{border-bottom: solid 3px #214DA0;}
#areas_blog_block h1.ngdi{border-bottom: solid 3px #C8161D;}
#areas_blog_block h1.his{border-bottom: solid 3px #43ADBC;}
#areas_blog_block h1.si{border-bottom: solid 3px #21A03A;}
#areas_blog_block h1.mcf{border-bottom: solid 3px #53B441;}
#areas_blog_block h1.nd{border-bottom: solid 3px #209EDB;}
#areas_blog_block h1.bbbe{border-bottom: solid 3px #EC6618;}

.icon_labo_csd,
.icon_labo_tkm,
.icon_labo_cci,
.icon_labo_cs,
.icon_labo_ngdi,
.icon_labo_his,
.icon_labo_si,
.icon_labo_mcf,
.icon_labo_nd,
.icon_labo_bbbe{
	color:#fff;
	margin:15px 0 5px;
	padding:0 8px; 
	font-size:12px; 
	font-weight:bold; 
	border-radius:3px; 
	line-height:1.6;
}

/*2022 Terada Add end*/


/* 融合科学系 */
.color_tc{background-color:#5C95CF;}

/* ------- areas 9 news event ------- */
.areas_news_event{width:47.5%; margin:0 0 30px; padding: 0 10px;display:inline-block; vertical-align:top;}
.areas_news_event h2{margin:0 0 15px;padding:5px; border:none; font-size:30px; line-height:1.4;font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif; background:none;}
.areas_news_event h2:before{margin:0 0 15px;padding:5px; border:none; font-size:30px; line-height:1.4;font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif; background:none;}

.areas_news_event h2.hld,h1.hld{border-bottom: solid 3px #E22B2D;}
.areas_news_event h2.km,h1.km{border-bottom: solid 3px #990066;}
.areas_news_event h2.sn,h1.sn{border-bottom: solid 3px #660099;}
.areas_news_event h2.ir,h1.ir{border-bottom: solid 3px #0171bb;}
.areas_news_event h2.et,h1.et{border-bottom: solid 3px #de5900;}
.areas_news_event h2.ee,h1.ee{border-bottom: solid 3px #005639;}
.areas_news_event h2.mc,h1.mc{border-bottom: solid 3px #80c060;}
.areas_news_event h2.ap,h1.ap{border-bottom: solid 3px #41a0e0;}
.areas_news_event h2.bb{border-bottom: solid 3px #e18021;}


#areas_blog_block ul,.areas_news_event ul{margin: 0 0 10px;}
#areas_blog_block ul li,.areas_news_event ul li{list-style-type:none; padding:0 0 10px; background:none;}

#areas_blog_block ul li dl,.areas_news_event ul li dl{margin:0 5px 5px; padding:5px 5px 5px; background:url(../images/top/bg_tab_menu.gif) repeat-x left bottom; font-size:13px;}

#areas_blog_block ul li dt,.areas_news_event ul li dt{margin:0; padding-right:70px; float:left; font-weight:bold; line-height:1.6; font-size:13px;}
#areas_blog_block ul li dt.info,.areas_news_event ul li dt.info{background: url(/areas/images/icn_news.gif) no-repeat right 2px;}
#areas_blog_block ul li dt.award,.areas_news_event ul li dt.award{background: url(/areas/images/icn_winning.gif) no-repeat right 2px;}
#areas_blog_block ul li dt.event,.areas_news_event ul li dt.event{background: url(/areas/images/icn_event.gif) no-repeat right 2px;}
#areas_blog_block ul li dt.press,.areas_news_event ul li dt.press{background: url(/areas/images/icn_press.gif) no-repeat right 2px;}



#areas_blog_block ul li dd ,.areas_news_event ul li dd {margin:0 0; padding:0 0 5px 180px;}
#areas_blog_block ul li dd a,.areas_news_event ul li dd a{text-decoration: underline;}
#areas_blog_block ul li dd a:hover,.areas_news_event ul li dd a:hover{opacity:0.8;}


/* ------- areas news event list ------- */
#areas_blog_block h1{margin:0 0 15px;padding:5px; border:none; font-size:30px; line-height:1.4;font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif; background:none;}
#areas_blog_block h1.hld{border-bottom: solid 3px #E22B2D;}
#areas_blog_block h1.km{border-bottom: solid 3px #990066;}
#areas_blog_block h1.sn{border-bottom: solid 3px #660099;}
#areas_blog_block h1.ir{border-bottom: solid 3px #0171bb;}
#areas_blog_block h1.et{border-bottom: solid 3px #de5900;}
#areas_blog_block h1.ee{border-bottom: solid 3px #005639;}
#areas_blog_block h1.mc{border-bottom: solid 3px #80c060;}
#areas_blog_block h1.ap{border-bottom: solid 3px #41a0e0;}
#areas_blog_block h1.bb{border-bottom: solid 3px #e18021;}

.areas_employment{margin:1em 1em 1em; font-size:18px; font-weight:bold; background:#f0f0f0; border: solid 1px #ccc; padding:5px 10px;}

/* ------- laboratory ------- */
#laboratory_block{}
#laboratory_block .labo_box{
	background-color: #ededed;
	border: solid 1px #cacaca;
	width: 415px;
	min-height:200px;
	margin:10px 20px;
	padding: 10px;
	display:inline-block;
	float:left; /*20160622deguchi*/
}

#laboratory_block .labo_box:nth-child(2n){
	margin: 10px 0;
}

#laboratory_block .labo_img{display:inline-block; vertical-align:top;max-width: 35%;}
#laboratory_block .labo_detail{display:inline-block; width:68%; vertical-align:top;margin-left:10px;font-size: 12px;}
#laboratory_block .labo_box .labo_name{
	font-size: 18px;
	font-weight: bold;
	border-bottom: dotted 2px #000;
	margin: 0 0 10px 0;
	line-height: 1.2em;
	
}
@media only screen and (max-width: 1000px){
#laboratory_block .labo_box{
	width: 44%;
	height:200px;
	margin:10px 15px;
}
#laboratory_block .labo_detail{display:inline-block; width:60%; vertical-align:top;margin-left:10px;font-size: 12px;}
}
@media only screen and (max-width: 767px){
#laboratory_block .labo_box{
	background-color: #ededed;
	border: solid 1px #cacaca;
	width: 100%;
	height:auto;
	margin:10px 0;
	padding: 10px;
	box-sizing:border-box;
	display:block;
}
}
#laboratory_block p.catch{
	font-weight: bold;
	font-size: 13px;
	line-height: 16px;
	margin:0 0 13px;
}
#laboratory_block p.txt{line-height: 14px;margin:0 0 10px;}
#laboratory_block .detail_next{line-height: 14px; text-align:right;}

.icon_labo_hld,
.icon_labo_km,
.icon_labo_sn,
.icon_labo_ir,
.icon_labo_et,
.icon_labo_ee,
.icon_labo_mc,
.icon_labo_ap,
.icon_labo_bb{
	color:#fff;
	margin:15px 0 5px;
	padding:0 8px; 
	font-size:12px; 
	font-weight:bold; 
	border-radius:3px; 
	line-height:1.6;
}

/* ------- employment ------- */
#areas_blog_block ul.employment {margin:0 2em 2em; list-style:none; overflow:hidden;}
#areas_blog_block ul.employment li{padding:5px 5px 5px 10px;background: url(../images/common/icon_arrow02.gif) no-repeat 0 13px !important; float:left; width:47%;}


/*研究室検索サイト*/

.btn_search_area img:hover{
	opacity:0.8;
}

@media only screen and (max-width: 767px) and (min-width: 320px){
	.btn_search_area{
		display: block;
	}
}

/*---------------------------------------------
	materials-science
---------------------------------------------*/
.cat_comment_ms{margin:5px 5px 5px 10px;}

.materials_block{
	margin:20px 0 10px;
}
h4.orange,h3.orange,h2.orange{
	color:#cc7700;
	font-size:16px !important;
	border:none !important;
	background:none !important;
    line-height: 1.1;
    margin:20px 0 5px 0 !important;
}
h2.orange{
	background:none !important;
}
h2.subtitle{
	color:#333;
	margin:-20px 0 30px!important;
	font-size:16px!important;
	padding-left:20px!important;
}
h2.subtitle:before{
    content: '';
    padding:0 !important;
    background:none !important;
}
@media only screen and (max-width:767px){
h2.subtitle{
	color:#333;
	margin:-20px 0 20px!important;
}
}
h3.blue {
	color: #305982 !important;
	background:none !important;
	border:none !important;
    margin: 0 0 20px !important;
    padding: 5px 1em !important;
	font-size:18px !important;
}
h2.orange:before,h2.blue:before,h2.subtitoke:before{
    content: '';
    padding:0 !important;
    background:none !important;
}
.materials_block .leftArea{
	width:210px;
	display:inline-block;
	vertical-align:top;
}
.materials_block .rightArea{
	width:70%;
	display:inline-block;
	vertical-align:top;
}
.materials_block .rightArea h4.orange{
    margin:0 0 5px 0 !important;
}

.leftArea02{/*左テキスト*/
	width: 68%;
	float:left;
}
@media only screen and (max-width:767px){
.leftArea02{/*左テキスト*/
	width: 100%;
	float:none;
}
.materials_block .leftArea{
	width:210px;
	display:block;
	margin:0 auto 0;
}

.materials_block .rightArea{
	width:100%;
	display:block;
	margin:0 auto 0;
}

}
.materials_block .leftArea img,
.rightArea02 img{
	width:210px;
}
.rightArea03 img{
	margin-bottom:20px;
}

.rightArea02{
	width:210px;
	float:right;
	margin-left:20px;
}
.rightArea03{/*右画像*/
	width:30%;
	float:right;
}
@media only screen and (max-width:767px){
.rightArea02{
	width:210px;
	float:none;
	margin:0 auto;
}
.rightArea03{/*右画像*/
	width:100%;
	text-align:center;
	float:none;
}
}
table.spec{
	margin:0 1em 2em;
	width:96%;
	box-sizing:border-box;
}
table.spec th{
	width:30%;
}
table.spec caption{
	text-align:left;
}
table.spec th {
  padding: 7px 10px;
  background: #eee;
  font-weight: bold;
  border:1px solid #ccc;
  text-align: left;
  border-collapse: collapse;
}
table.spec tr td {
  padding: 7px 10px;
  border:1px solid #ccc;
  text-align:left;
}
#snav li a .small{
	font-size:11px;
}
.materials_block .rightArea p{margin:0 1em 1em !important;}
/*---------------------------------------------
	education
---------------------------------------------*/
/* ------- news  ------- */
#education_news{margin:0 40px 40px; overflow:hidden;}
#education_news .news_box{margin:10px;}
#education_news .news_box ul{margin:0;}
#education_news .news_box ul li{
	margin:0 17px 15px;
	padding: 10px;
	display:inline-block;
	width:187px;
	vertical-align:top;
    border:solid 1px #BEBEBC;
	background:none;
}
#education_news .news_box .news_img{margin-bottom:10px; text-align:center;}
#education_news .news_box img{height:140px;}
#education_news .news_box dl{margin:0;}
#education_news .news_box dl dt{margin:0 0 10px;padding:0; font-size:13px; line-height:1.4; height:5.5em;}
#education_news .news_box dl dt .date{color:#002377;}
#education_news .news_box dl dd{margin:0;padding:0; font-size:12px; line-height:1.4;}
/* ------- courses ------- */
.courses_page{margin:0 5px 60px;}
.courses_page ul{margin:0 0 50px; padding-bottom:30px;overflow:hidden;}
.courses_page ul li{float:left; width:43%; margin:0 10px;font-size:14px; background:none !important;}
.courses_page ul li a{text-decoration: underline;}
.courses_page li span{font-size:12px;}

/*---------------------------------------------
	news event
---------------------------------------------*/
/* ------- block  ------- */
#news_block{margin:0 0 3em;}
#news_block ul {
	margin:0;
	padding:0;
	background-color:#fff;
	overflow:hidden;
	}

#news_block ul li{
    list-style-type:none;
	background:none;
    padding:0 20px 10px;
}

#news_block ul dl{margin:0 5px 5px; padding:5px 5px 5px; background:url(../images/top/bg_tab_menu.gif) no-repeat left bottom;}

#news_block ul dt .icon{
	width: 84px;
	display: inline-block;
    margin-left: 15px;
    border-radius: 10px;
    color: #fff;
    padding: 2px 5px;
	text-align: center;
	font-size: 12px;
}

#news_block .info .icon {
	background-color: #2e7e16;
}
#news_block .award .icon {
	background-color: #5d2369;

}
#news_block .press .icon {
	background-color: #465DAA;
    letter-spacing: -1px;
}
#news_block .event .icon {
	background-color: #f56a29;
}


#news_block ul dt {
	margin: 0;
	/*padding-right: 75px;*/
	float: left;
	line-height: 1.6;
	font-weight: normal;
/*
	background-repeat: no-repeat;
	background-position: right center;
	/* 画像サイズ 88x22 */
/*	background-size: 64px 16px;/* 高さ：64*22/88 */
}
/*
#news_block ul dt.info{background-image: url(../images/top/icn_info.gif); }
#news_block ul dt.award{background-image: url(../images/top/icn_award.gif);}
#news_block ul dt.event{background-image: url(../images/top/icn_event.gif);}
#news_block ul dt.press{background-image: url(../images/top/icn_press.gif);}
*/
#news_block ul dd {margin:0 0; padding:0 0 5px 190px;}
#news_block ul dd a{text-decoration: underline;}
#news_block ul dd a:hover{opacity:0.8;}

@media (min-width: 768px) {
	#news_block ul dt {
		/*padding-right: 100px;*/
		/* 画像サイズ 88x22 */
		background-size: 88px 22px;
	}
	#news_block ul dd {
		padding-left: 230px;
	}
}

@media (max-width: 768px) {
	#news_block ul dt {
		float: none;
	}
	#news_block ul dd{
		padding: 5px;
	}
}

/* ------- fiscal  ------- */
#fiscal_block{margin:0 0 10px;}
#fiscal_block ul{}
#fiscal_block ul li{display:inline-block; width:45%; margin:10px; border-bottom:dotted 1px #ccc; background:none; padding:0;}
#fiscal_block ul.month{margin:10px 0 0; border-bottom:solid 2px #ccc; border-top:solid 2px #ccc;}
#fiscal_block ul.month li{display:inline-block; width:3.5em; margin:5px; border:none;}
.move_year{margin:0; overflow:hidden;}
.prev_year{margin:0; float:left;}
.next_year{margin:0; float:right;}

table.blog_calendar{width:100%;margin:10px 0 3em;}
table.blog_calendar th{background-color:#fff; width:4.5em;}
table.blog_calendar th.holiday{background-color:#FFC3C3;}
table.blog_calendar th.saturday{background-color:#C3D5FF;}
table.blog_calendar th,table.blog_calendar td {padding: 7px;border: 1px #999 solid; font-size:14px;}
table.blog_calendar tr td:last-child {border-right: 1px solid #999;}

table.blog_calendar td .seminar {background: url(../images/common/icon_seminar.png) no-repeat 0 6px; padding-left:12px;}
table.blog_calendar td .event {background: url(../images/common/icon_event.png) no-repeat 0 6px; padding-left:12px;}
table.blog_calendar td .counseling {background: url(../images/common/icon_counseling.png) no-repeat 0 6px; padding-left:12px;}
table.blog_calendar td .other {background: url(../images/common/icon_other.png) no-repeat 0 6px; padding-left:12px;}
/*---------------------------------------------
	top/employment
---------------------------------------------*/
.lastupdate{text-align:right;font-size:13px;}

/*---------------------------------------------
	campus
---------------------------------------------*/

.campus_root,#main .campus_root{background:#F5F3E8; padding:10px;}
a.button-root,#main a.button-root {margin:20px 0 0; width:8em;padding:10px 20px; float:none; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:16px; text-decoration:none;}

h2.campus_floor,#main h2.campus_floor{background:url(/top/campus/images/ttl_detail.gif) no-repeat 20px 0; border:none; border-bottom: solid 1px #ccc;	display: block;	overflow: hidden;text-indent: 100%;	white-space: nowrap; padding:0 0 12px; margin:20px;}

h2.campus_root,#main h2.campus_root{background:url(/top/campus/images/ttl_root.gif) no-repeat 20px 0; border:none; border-bottom: solid 1px #ccc;	display: block;	overflow: hidden;text-indent: 100%;	white-space: nowrap; padding:0 0 12px; margin:20px;}

/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_news_block{
	margin:10px 75px 40px;
	padding:10px;
	border:solid 1px #999;
    overflow-y: auto;
    height: 150px;
	position: relative;
}
#admissions_news_block a{text-decoration: underline;color: #001EFF;}
#admissions_news_block h2{margin:0 0 20px;
	padding:0 2px 0 5px;
	background:none;
	border:none;
	border-left:solid 5px #002179;
	font-size:16px;
	font-weight:bold;
}
#admissions_news_block h2:before{
	margin:0;
	padding:0 0 0;
	background:none;
	border:none;
	border-left:none;
}

#admissions_list{
	margin:10px 10px 30px;
 }

#admissions_news_block ul,
#admissions_newslist ul {margin:5px;}
#admissions_news_block ul li,
#admissions_newslist ul li{padding:1px;background: none;}
#admissions_news_block ul li dl,
#admissions_newslist ul li dl{margin:0 5px; padding:2px; font-size:13px;}
#admissions_news_block ul li dt,
#admissions_newslist ul li dt{margin:0; padding:0; float:left; font-weight:normal; font-size:13px;}
#admissions_news_block ul li dd,
#admissions_newslist ul li dd{margin:0 0; padding:0 0 5px 7em;}
a .button_small {margin:0; width:3em;padding:2px; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:11px; }
a .button_rss {margin:0; width:3em;padding:2px; color:#fff; background: #F90; text-align:center; cursor: pointer;display:block;font-size:11px; }
#admissions_news_block .button_small{position:absolute; top:10px; right:6em;}
#admissions_news_block .button_rss{position:absolute; top:10px 0; right:2em;}
#admissions_contact_block{margin:50px 0 30px; background:#EBEBEB; padding:25px 80px;}
#admissions_contact_block .contect_title{margin:0 0 20px; color:#fff; background:#383838; padding:15px; text-align:center; font-size:24px;}
#admissions_contact_block .contect_over {margin: 0 60px;}
#admissions_contact_block .contect_box{margin:0 20px; background:#fff; padding:15px 10px; border: solid 1px #D2D2D2; display:inline-block; width:40%;}
#admissions_contact_block .contect_box dl{margin:10px 0;}
#admissions_contact_block .contect_box dl dt{margin:0 0 10px; padding:0 10px; border-bottom: dotted 1px #333; font-size:18px;}
#admissions_contact_block .contect_box dl dt{margin:0; padding:0 15px;font-size:16px;}
#admissions_contact_block p{margin:10px 0 0; text-align:center;}

/* ▼(A)表示領域全体 */
div.tabbox { margin: 0px; padding: 0px;}
table.tbl_gakusei{margin:0;}
table.tbl_gakusei td{ vertical-align:top;}
table.tbl_gakusei td ul{margin:0 !important;}
table.tbl_gakusei td ul li{padding:1px 5px 1px 10px!important; font-size:13px;}
/* ▼(B)タブ部分 */
p.tabs { margin: 0px !important; padding: 0px; }
p.tabs a {
/* ▼(B-2)リンクをタブのように見せる */
   display: block; width:auto; float: left;
   margin: 0px 10px 0px 0px; padding: 5px;
   text-align: center;
 border-radius: 12px 12px 0px 0px; color:#fff !important; /* 角を丸くする */
}
/* ▼(B-3)各タブの配色 */
p.tabs a.tab1 { background-color: #b766ff;text-decoration: none;}
p.tabs a.tab2 { background-color: #ee82ee;text-decoration: none;}
p.tabs a.tab3 { background-color: #2582ee;text-decoration: none;}

/* ▼(C)タブ中身のボックス */
div.tab {
   /* ▼(C-2)ボックス共通の装飾 */
   height: auto; overflow: auto; clear: left;
}
/* ▼(C-3)各ボックスの配色 */
div#tab1 { border: 2px solid #b766ff; background-color: #ffffff; }
div#tab2 { border: 2px solid #ee82ee; background-color: #ffffff; }
div#tab3 { border: 2px solid #2582ee; background-color: #ffffff; }
div.tab p { margin: 0.5em !important; }
/*---------------------------------------------
     research
---------------------------------------------*/
.movie_block{margin:10px 0 30px;}
.movie_block .mivie_area{margin:0 10px; display:inline-block; width:40%; vertical-align:top;}
.movie_block .txt_area{margin:0; display:inline-block; width:56%; vertical-align:top;}
.movie_list{display:inline-block; width:31%;margin:10px 5px;padding:0; vertical-align:top;}
.movie_list img{margin-bottom:10px;}
.movie_list p{margin:0; color:#002179; line-height:1.4;}
.p_movie{color: #002179; margin:10px 0 0 50px;}
#movie_block ul{margin:0 0 30px; overflow:hidden;}
#movie_block ul li{padding:0; float:left; padding:10px; background:none; width:47%;}
#movie_block ul li a,#movie_block ul li a:hover{ text-decoration:none;}
#movie_block ul li a{margin-bottom:1px; padding:5px 0px; color:#2E2E2E; display:block; font-weight:bold; width:100%; height:auto; background:#F2F2F2; border-bottom: solid 1px #D8D8D8;}
#movie_block ul li a:hover{opacity:0.8;display:block;}
#movie_block ul li .menu01{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #D7000F;}
#movie_block ul li .menu02{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #990065;}
#movie_block ul li .menu03{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #650099;}
#movie_block ul li .menu04{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #0071BB;}
#movie_block ul li .menu05{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #DD5900;}
#movie_block ul li .menu06{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #005537;}
#movie_block ul li .menu07{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #7FBF5F;}
#movie_block ul li .menu08{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #3F9FDF;}
#movie_block ul li .menu09{margin:3px 0;padding:3px 5px 3px 10px; border-left:4px solid #DF7F1F;}

.lab_block{margin:10px 30px 50px; overflow:hidden;}
.lab_video{
	/*height:260px;*/
	width:170px;
	float:left;
	font-size:13px;
	text-align:center;
	padding:15px 5px 5px 5px;
	margin:10px 15px 10px;
	background:#eee;
	border:solid 1px #ccc;
}
@media only screen and (max-width:736px){
.lab_block{margin:10px 20px 50px; overflow:hidden;}
.lab_video{margin:10px 15px 10px;}
}

@media only screen and (max-width:715px){
.lab_block{margin:10px 0 50px; overflow:hidden;}
.lab_video{margin:10px 8px 10px;}
}
@media only screen and (max-width:639px){
.lab_video{margin:10px 30px 10px;
}
}
@media only screen and (max-width:480px){
.lab_video{
	height:auto;
	width:60%;
	margin:10px auto;
	float:none;
	font-size:15px;
}
}

dl.lab {margin:0; font-size:13px;}
dl.lab dt {margin:0 0 2px; padding:0; font-size:13px;}
dl.lab dd {
	height:70px;
	line-height:120%;
	overflow:auto;
	text-align:left;
	color:#222;
	margin:0 0 5px;font-size:11px;
}

.lab_video img{margin:0 0 5px;}

.t_color_hld{color:#d7000f;}
.t_color_km{color:#990066;}
.t_color_sn{color:#660099;}
.t_color_ir{color:#0171bb;}
.t_color_et{color:#de5900;}
.t_color_ee{color:#005639;}
.t_color_mc{color:#80c060;}
.t_color_ap{color:#41a0e0;}
.t_color_bb{color:#e18021;}


/*---------------------------------------------
     research topics
---------------------------------------------*/
#topics_list{}
.topics_box{margin:0 10px 20px ;padding:5px; border:solid 1px #ccc; position:relative;}
.topics_box_img{margin:0 10px 0 0; width:180px; display:inline-block; vertical-align:top;}
.topics_box_txt{margin:5px 0 0; width:72%; display:inline-block; vertical-align:top;}
.topics_box_txt em{margin:0 0 10px; font-size:16px; font-weight:bold;}
.topics_catch{margin:10px 0 0;font-size:18px; 
   font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
   font-weight:bold;
}
.topics_box .button_mini{position:absolute; right:15px; bottom:10px;}

/*20190718 Add*/
.topics_img_left{
	float:left;
	width:48%;
	margin-right:1em;
}

.topics_img_right{
	float:left;
	width:48%;
}

@media only screen and (max-width:736px){
	.topics_img_left{
		float:none;
		width:100%;
		margin-right:0;
		margin-bottom: 2em;
	}

	.topics_img_right{
		float:none;
		width:100%;
		margin-bottom: 2em;
	}
}

/*---------------------------------------------
     interview
---------------------------------------------*/
.interview_block{margin:10px 0 30px;}
.interview_img{margin:0 15px 0 10px; display:inline-block; width:200px; vertical-align:top;}
.interview_txt{margin:0; display:inline-block; width:70%; vertical-align:top;}
#interview_list{overflow:hidden;}
.interview_box{margin:0 10px 20px ;padding:5px; border:solid 1px #ccc; float:left; width:45.5%;}
.interview_box_img{margin:0 10px 0 0; width:120px; display:inline-block; vertical-align:top;}
.interview_box_txt{margin:10px 0 0; width:60%; display:inline-block; vertical-align:top;}
.interview_box_txt em{margin:0 0 10px; font-size:16px; font-weight:bold;}

/*---------------------------------------------
     magazine
---------------------------------------------*/
.magazine_block{margin:10px 0 30px;}
.magazine_img{margin:0 15px 0 10px; display:inline-block; width:135px; vertical-align:top;}
.magazine_txt{margin:0 0 0; display:inline-block; width:75%; vertical-align: top; overflow:hidden;}
.magazine_txt ul{margin:30px 0 0;}
.magazine_txt ul li{margin:0 5px 0; width:45%;  display:inline-block;vertical-align: top;}
.magazine_area{margin:0 15px 15px; width:45%; display:inline-block; vertical-align:top;}
.magazine_area .magazine_txt {width: 53%;}

/*---------------------------------------------
    careersupport
---------------------------------------------*/
.application,.meet {display:none;}
table.careersupport,table.careersupport_app{width:98%; margin-bottom:1em;}
table.careersupport caption{font-weight:normal; text-align:right;}
table.careersupport th{ width:27%;}
table.careersupport_app{margin-bottom:0; margin-top:0;}
table.careersupport_app th{ width:100%; border:none;}
table.careersupport .red{color:#F00;}
table.careersupport td ul{margin:0;}
table.careersupport td ul li{margin:0; background:none !important; padding:0 !important;}

/*---------------------------------------------
     access
---------------------------------------------*/
.hakusan{background:url(../../top/images/img_hakusan_ic.gif) no-repeat 0 0;padding:110px 130px 20px 0;margin-bottom:20px;}
.hakusan p,.komatsu p{margin:0 0 5px;}

.komatsu{background:url(../../top/images/img_komatsu_ic.gif) no-repeat 0 0;padding:110px 130px 20px 0;margin-bottom:20px;}
#main_access h1,#main_access .map_access{
	margin:0 0 20px;
	padding:5px 20px;
	background: #002179;
	font-size:16px;
	font-weight:bold;
	color:#fff;
}

#main_access a {
	color: #001EFF;
	text-decoration: underline;
}
.map_pdf{text-align:right; padding-right:20px;}


/*---------------------------------------------
     sitemap
---------------------------------------------*/
.sitemap_area{margin:0 15px; overflow:hidden;}
.sitemap_block{width:30%; margin:15px 15px 0; float: left;}

@media only screen and (min-width:769px){
	.sitemap_block{
		min-height:245px;
	}

	#international .sitemap_block{
		min-height:140px;
	}

	#areas .sitemap_block,
	#research .sitemap_block,
	#studentlife .sitemap_block,
	#careersupport .sitemap_block{
		min-height:auto;
	}

}

.sitemap_page{padding:0 0 10px;}
.sitemap_area h2,.sitemap_blog_area h2{
	margin:10px 0 15px;
	padding:5px 10px 5px 1em;
	font-size:18px;
	text-indent: -1em;
}
.sitemap_area h2:before,.sitemap_blog_area h2:before{
	content: '';
	padding:2px 10px 2px 10px;
	background: url(../images/common/bg_h2_sitemap.gif) repeat-y 0 3px;
}

.sitemap_area ul,
.sitemap_blog_area ul {
	margin:0;
}
.sitemap_area ul li,
.sitemap_blog_area ul li {
    display:block;
	margin-bottom: 5px;
/*	background: url(../images/common/icon_sidenav.png) no-repeat 10px 7px;*/
/*	padding:2px 10px 2px 25px; */
	font-size:13px;
	margin:0;
	background: url(../images/common/icon_sidenav.png) no-repeat 10px 13px;
	padding:5px 10px 5px 25px; 
}
.sitemap_area ul li a {color:#3B3B3B; text-decoration: underline;}
.sitemap_page ul li.sub {
	margin:0 0 0 2em;
    padding:0 5px 2px 10px;
	background: url(../images/common/icon_sub.gif) no-repeat 0 10px;
}

.sitemap_blog_area{margin:20px;}

.sitemap_blog_area a.head-cat-heading,.sitemap_blog_area a.head-cat-headinghover,.sitemap_blog_area .link-none {
	padding: 15px 20px;
	font-size: 22px;
	font-weight:bold;
	background: url(../images/common/icon_side.gif) no-repeat center left;
	display:block;
	border: solid 1px #D4D4D4;
	cursor:pointer;
	margin:10px 0;
}
.sitemap_blog_area a.head-cat-heading {
	display:block;
}
.sitemap_blog_area .link-none span {display:block;background:url(../images/common/icon_sitemap.png) no-repeat right center;}
.sitemap_blog_area .active span{display:block;background:url(../images/common/icon_sitemap_up.png) no-repeat right center;}
.sitemap_blog_area .down{overflow:hidden;}

/*---------------------------------------------
     for
---------------------------------------------*/
.for_block{margin:0 auto 20px;padding:15px; background:#eee;}
.for_block .for_img{border:solid 1px #ccc; padding:2px; background:#fff; width:1080px; margin:0 auto;}
/* ------------------------
	page bute
------------------------ */
#bute{}


#bute .pagenate  { 
    margin: 15px 0 15px; 
    padding: 10px 10px 5px; 
    text-align: center;
	font-size:12px;
}

#bute .pagenate li  { 
    display: inline; 
    margin: 0 2px; 
    padding: 0; 
} 
#bute .pagenate li a { 
    display: inline-block; 
    margin-bottom: 5px; 
    padding: 5px 7px; 
    background: #fff; 
    border: 1px solid #002179; 
    text-decoration: none; 
    vertical-align: middle; 
    font-weight: bold; 
    color: #888; 
} 
#bute .pagenate li.crrent { 
    display: inline-block; 
    margin-bottom: 5px; 
    padding: 5px 7px; 
    background: #002179; 
    border: 1px solid #002179; 
    text-decoration: none; 
    vertical-align: middle; 
    font-weight: bold; 
    color: #fff; 
} 
#bute .pagenate li a:hover { 
    background: #002179; 
    color: #fff; 
}

@media only screen and (max-width:1024px){
#breadcrumb {width:98%;padding:25px 0;}
#BlogTop_block,
#BlogTop_block_admissions{margin:0 5px;}
#BlogTop_block .ContentMenu{margin:0 20px 30px;}

#content_page,#main_access,#main_academic,#content_library{margin:0 auto 20px; width:98%;}
.inner{margin:0 auto; width:98%;}
#side{margin:0; width:200px;}
#main{margin:0 0 0 2.5%; width:72.5%;}

/*---------------------------------------------
     areas
---------------------------------------------*/
#areas9_block{ overflow:hidden; width:98%; margin:0 auto;}
#areas_blog_block{width:95%;margin:0 auto 0;}
#areas_block{width:100%; margin:0 auto;}

#list_block{margin:10px;}

#areas_block ul{margin:0; overflow:hidden;}
#areas_block ul li{margin:0 20px 15px;padding:0; float:left; background:none;}

/*---------------------------------------------
     for
---------------------------------------------*/
.for_block .for_img{border:solid 1px #ccc; padding:2px; background:#fff; width:100%; margin:0 auto;}

/*---------------------------------------------
	education
---------------------------------------------*/
#areas_block h2,#education_news h2{
	margin:0 15px 20px;
	padding:0 2px 0 5px;
	background:none;
	border:none;
	border-left:solid 5px #002179;
	font-size:20px;
	font-weight:bold;
}
/* ------- news  ------- */
#education_news{margin:0 20px 40px; overflow:hidden;}

#education_news .news_box ul li{
	margin:0 10px 10px;
	padding: 10px;
	display:inline-block;
	width:187px;
	vertical-align:top;
    border:solid 1px #BEBEBC;
	background:none;
}

/*---------------------------------------------
	access
---------------------------------------------*/
.hakusan{background-size:100%;;padding:110px 140px 20px 0;margin-bottom:20px;}
.komatsu{background-size:100%;padding:110px 130px 20px 0;margin-bottom:20px;}

/* ------- 学系 ------- */
#academic_block{margin:10px auto 10px; padding:10px 0 20px;width:100%;box-sizing: border-box; background: url(../images/common/bg_academic.png) repeat-x left bottom;}
#academic_list_block{margin:0 25px;}
¥
#academic_block h2{
	margin:0 0 20px;
	padding:0 2px 0 5px;
	background:none;
	border:none;
	border-left:solid 5px #002179;
	font-size:18px;
	font-weight:bold;
}

#academic_block h2{
	margin-bottom: 10px;
}

}
@media only screen and (max-width:960px){
#list_block{margin:0 10px;}
#areas_block{width:100%; margin:0 auto;}
#areas_block ul li{margin:0 10px 15px;padding:0; float:left;}
#BlogTop_block{margin:0 0 0;}
#BlogTop_block_admissions{margin:0 20px 0;}
#BlogTop_block .ContentMenu{margin:0 15px 30px;}
.sitemap_block{width:30%; margin:15px 1.66% 0; float: left;}
/* ------- education news  ------- */
#education_news{margin:0 8px 40px; overflow:hidden;}
#education_news .news_box ul li{
	margin:0 8px 10px;
	padding: 10px;
	display:inline-block;
	width:183px;
	vertical-align:top;
    border:solid 1px #BEBEBC;
	background:none;
}

.academic_page li{float:left; width:44%; margin:0 10px;font-size:14px; background:none;}

/*research*/
.movie_block .txt_area{margin:0; display:inline-block; vertical-align:top;width: 98%;}
.movie_block .mivie_area{display: block;text-align: center;width: 98%;margin: 0;}

}
@media only screen and (max-width:984px){
	/* ------ breadcrumb ------ */
	#breadcrumb_block {margin:0; }
	#breadcrumb {padding:15px 0 15px 20px;}

	#BlogTop_block .ContentMenu{margin:0 18px 30px;	width:220px;}
	#list_block{margin:0 30px;}
	#areas_block ul li{width:210px;}
	#areas_block ul li img{max-width:100%;vertical-align:top;height:auto;}
	.cat_btn_block{margin:20px 0; width:100%;}
	.cat_btn_block a .cat_btn_hld,
	.cat_btn_block a .cat_btn_km,
	.cat_btn_block a .cat_btn_sn,
	.cat_btn_block a .cat_btn_ir,
	.cat_btn_block a .cat_btn_et,
	.cat_btn_block a .cat_btn_ee,
	.cat_btn_block a .cat_btn_mc,
	.cat_btn_block a .cat_btn_ap,
	.cat_btn_block a .cat_btn_bb {
		margin: 0 5px 20px 0!important;
		font-size: 18px;
		padding: 25px 6px 25px 22px;
		/*width: 37.5%;*/
		background: #EDEDED url(../images/common/icon_button.png) no-repeat 6px 50%;
	}

.cat_btn_block a:hover .cat_btn_hld,
.cat_btn_block a:hover .cat_btn_km,
.cat_btn_block a:hover .cat_btn_sn,
.cat_btn_block a:hover .cat_btn_ir,
.cat_btn_block a:hover .cat_btn_et,
.cat_btn_block a:hover .cat_btn_ee,
.cat_btn_block a:hover .cat_btn_mc,
.cat_btn_block a:hover .cat_btn_ap,
.cat_btn_block a:hover .cat_btn_bb
 {background: #F5F5F5 url(../images/common/icon_button.png) no-repeat 6px 50%;}


	.areas_news_event{width:46%; margin:0 0 30px; padding: 0 10px;display:inline-block; vertical-align:top;}
	#education_news{margin:0 10px 30px;}
	#education_news .news_box{margin:0 5px 40px;}
	#education_news .news_box ul{margin:0 10px;}
	#education_news .news_box ul li{
		margin:0 5px 10px;
		padding: 8px;
		display:inline-block;
		width:20%;
		vertical-align:top;
		border:solid 1px #BEBEBC;
		background:none;
	}
}

@media only screen and (max-width:855px){
#main{margin-left:2%; width:70%;}
}
@media only screen and (max-width:768px){
#BlogTop_block{margin:0 20px 0;}
#BlogTop_block .ContentMenu{margin:0 12px 30px;	width:200px;}
#blocks h1{padding:20px 15px;}
#list_block{margin:0 10px;}
#areas_block{width:100%; margin:0 auto; padding:0;}

#education_news{margin:0 10px 30px;}
#education_news .news_box{margin:0 5px 10px;}
#education_news .news_box ul{margin:0 10px;}
#education_news .news_box ul li{
	margin:0 5px 30px;
	padding: 8px;
	display:inline-block;
	width:20%;
}
#education_news .news_box img{height:120px;}
#education_news .news_box dl dt{margin:0 0 10px;padding:0; font-size:13px; line-height:1.4; height:7em;}

/*---------------------------------------------
	access
---------------------------------------------*/
.hakusan{background-size:100%;;padding:110px 140px 20px 0;margin-bottom:20px;}
.komatsu{background-size:100%;padding:110px 100px 20px 0;margin-bottom:20px;}

#areas_block ul{margin:0;}
#areas_block ul li{margin:0 13px 15px;}
#BlogTop_block_about .ContentMenu .btn_about{width:200px;}
.areas_news_event{width:90%; margin:0 10px 30px; padding: 0 10px;display:block; vertical-align:top; overflow:hidden;}
/*---------------------------------------------
     sitemap
---------------------------------------------*/
.sitemap_area{margin:0 10px 0 0; overflow:hidden;}
.sitemap_block{width:95%; margin:15px 15px 0; float: none;}

a .button {margin:20px 0 0; width:14em;padding:10px 20px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:14px; }
/*----------------学系----------------*/
#academic_list_block{margin:0 25px;}

.academic_page li{float:none; width:95%;}
}

@media only screen and (max-width:767px){
/* ------- employment ------- */
#areas_blog_block ul.employment li{float:none; width:98%;}
#areas_block ul{margin:0 10px; overflow:hidden; padding:0}
#areas_block ul li{margin:0 5px 15px;}

#education_news{margin:0 10px 30px;}
#education_news .news_box{margin:0 5px 0;}
#education_news .news_box ul{margin:0 10px;}
#education_news .news_box ul li{
	margin:0 5px 30px;
	padding: 5px;
	display: inline-block;
	width:46%;
}
#education_news .news_box img{margin:5px 0 0;height:100px; float:left;}
#education_news .news_box dl{padding:0 0 0; margin:0 0 0 150px;}
#education_news .news_box dl dt{margin:0 0 10px;padding:0; font-size:13px; line-height:1.4; height:8em;}
#education_news .news_box dl dd{margin:0 0 10px;}
#education_news .news_box a .button_mini{margin:0;}

p a img {max-width:80%; vertical-align:auto; height:auto;}
/*----------------学系----------------*/
#academic_list_block ul li {font-size:16px;}
}
@media only screen and (max-width:667px){
#main,#main_access,#main_academic{width:95%;}
/* ------- employment ------- */
#list_block{margin:0 20px;}
#areas_block ul{margin:0 20px; overflow:hidden;}
#areas_block ul li{margin:0 25px 15px;}
#BlogTop_block_about .ContentMenu{margin:20px auto;width:100%;}
#BlogTop_block_about .ContentMenu .btn_about{width:220px;}
.cat_btn_block{margin:20px 0; width:100%;}
.cat_btn_block a .cat_btn_hld,
.cat_btn_block a .cat_btn_km,
.cat_btn_block a .cat_btn_sn,
.cat_btn_block a .cat_btn_ir,
.cat_btn_block a .cat_btn_et,
.cat_btn_block a .cat_btn_ee,
.cat_btn_block a .cat_btn_mc,
.cat_btn_block a .cat_btn_ap,
.cat_btn_block a .cat_btn_bb {margin:0 7px 20px; font-size:18px;padding:10px 5px 10px 25px; background-position:10px 50%;}
.areas_news_event{width:46%; margin:0 0 30px; padding: 0 10px;display:inline-block; vertical-align:top;}

#education_news{margin:0 10px 10px;}
#education_news .news_box{margin:0 5px 0;}
#education_news .news_box ul{margin:0 10px;}
#education_news .news_box ul li{
	margin:0 0 15px;
	display: block;
	width:97%;
	 overflow:hidden;
}
#education_news .news_box img{margin:5px 0 5px 5px;height:90px; float:left;}
#education_news .news_box dl{padding:0 0 0; margin:0 0 0 140px;}
#education_news .news_box dl dt{margin:0 0 10px;padding:0; font-size:13px; line-height:1.4; height:auto;}

#education_news .news_box a .button_mini{margin:0;}
/*---------------------------------------------
	access
---------------------------------------------*/
.hakusan{background-size:100%;;padding:70px 100px 20px 0;margin-bottom:20px;}
.komatsu{background-size:100%;padding:70px 100px 20px 0;margin-bottom:20px;}
/*----------------学系----------------*/
#academic_list_block{margin:0 25px;}

}
@media only screen and (max-width:640px){
#areas_block ul{margin:0 10px;}
/*----------------学系----------------*/

}
@media only screen and (max-width:568px){
#blocks h1{padding:15px 10px; font-size:28px;}
#breadcrumb{padding:15px 0;}
#side{width:200px;}
#BlogTop_block_about .ContentMenu .btn_about{display:block;}
.cat_btn_block{text-align:left;margin:0 4px 10px;}
.cat_btn_block a .cat_btn_hld,
.cat_btn_block a .cat_btn_km,
.cat_btn_block a .cat_btn_sn,
.cat_btn_block a .cat_btn_ir,
.cat_btn_block a .cat_btn_et,
.cat_btn_block a .cat_btn_ee,
.cat_btn_block a .cat_btn_mc,
.cat_btn_block a .cat_btn_ap,
.cat_btn_block a .cat_btn_bb {margin:0 7px 15px; font-size:17px;padding:8px 5px 8px 30px; background-position:5px 50%; background-size:8%; width:37.5%;}
.cat_btn_block a:hover .cat_btn_hld,
.cat_btn_block a:hover .cat_btn_km,
.cat_btn_block a:hover .cat_btn_sn,
.cat_btn_block a:hover .cat_btn_ir,
.cat_btn_block a:hover .cat_btn_et,
.cat_btn_block a:hover .cat_btn_ee,
.cat_btn_block a:hover .cat_btn_mc,
.cat_btn_block a:hover .cat_btn_ap,
.cat_btn_block a:hover .cat_btn_bb
 { background-position:5px 50%; background-size:8%;}
/*----------------学系----------------*/



/* ------- courses ------- */
.courses_page{margin:0 5px 60px;}
.courses_page ul{margin:0 0 50px; padding-bottom:30px;overflow:hidden;}
.courses_page ul li{float:left; width:90%; margin:0 10px;font-size:14px; background:none !important;}
.courses_page ul li a{text-decoration: underline;}
.courses_page li span{font-size:12px;}


}
@media only screen and (max-width:480px){
/* ------- areas  ------- */
#list_block{margin:0 5px;}
#areas_block ul{margin:0 10px; overflow:hidden;}
#areas_block ul li{margin:0 10px 15px;padding:0; float:left; width:44%;}

/* ------- laboratory ------- */
#laboratory_block .labo_box{width:100%;}
#laboratory_block .labo_img{ width:30%;}
#laboratory_block .labo_img img{max-width:100%;vertical-align:top;height:auto;}
#laboratory_block .labo_detail{width:60%;}


#areas_blog_block ul li dt,.areas_news_event ul li dt{float:none;}
#areas_blog_block ul li dd ,.areas_news_event ul li dd {margin:0 0; padding:0 0 5px 0;}
#areas_blog_block ul li dt.award,.areas_news_event ul li dt.award,
#areas_blog_block ul li dt.event,.areas_news_event ul li dt.event,
#areas_blog_block ul li dt.press,.areas_news_event ul li dt.press,
#areas_blog_block ul li dt.info,.areas_news_event ul li dt.info{ background-position:8em 2px;}
a .button_mini {margin:0 0 0;}
a .button {margin:20px 0 0; width:14em;padding:5px 5px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:13px; }
#education_news{margin:0 0 30px;}
#education_news .news_box ul li{
	margin:0 0 10px;
	display: block;
	width:96%;
}
#education_news .news_box img{margin:5px 0 0 0;height:60px; float:left;}
#education_news .news_box dl{padding:0 0 0; margin:0 0 0 100px;}
#education_news .news_box dl dt{margin:0 0 10px;padding:0; font-size:13px; line-height:1.4; height:auto;}
}
@media only screen and (max-width:767px){
#BlogTop_block .ContentMenu ul,
#BlogTop_block_admissions .ContentMenu ul{display:none; margin-left:37.5%;}
.cat_comment,.cat_comment_ad{margin-left:37.5%;}
/*各コンテンツトップ見出し*/
#blocks h1{
   padding:15px; 
   font-size:20px; 
}
#BlogTop_block .ContentMenu{width:92.5%;}
#BlogTop_block_admissions .ContentMenu{margin:0 12px 30px; width:92.5%;}
#BlogTop_block .ContentMenu .ContentImg,
#BlogTop_block_admissions .ContentMenu .ContentImg{float:left; width:32.5%; padding:0; border:0;}
#BlogTop_block .ContentMenu h2,
#BlogTop_block_admissions .ContentMenu h2{margin:0 0 5px 37.5%; padding:5px 30px 5px 8px; background:url(../images/common/smp-navi-arrow.png) no-repeat right 50%; border:1px solid #bfbfbf; border-left:solid 5px #002179;font-size:18px;}
#BlogTop_block .ContentMenu h2 a,
#BlogTop_block_admissions .ContentMenu h2 a{pointer-events:none;}
#BlogTop_block .ContentMenu ul li,
#BlogTop_block_admissions .ContentMenu ul li{padding:2px 2px 2px 12px;}
#admissions_news_block{margin:10px 35px 40px;}
#main p img{max-width:80%;vertical-align:top;height:auto;}
#main_access p img{max-width:80%;vertical-align:top;height:auto;}
#main_access p a img{max-width:80%;vertical-align:top;height:auto;}
#main p img.default{max-width:100%;}

/* ------areas ------ */
.areas_news_event h2.hld,h1.hld,
.areas_news_event h2.km,h1.km,
.areas_news_event h2.sn,h1.sn,
.areas_news_event h2.ir,h1.ir,
.areas_news_event h2.et,h1.et,
.areas_news_event h2.ee,h1.ee,
.areas_news_event h2.mc,h1.mc,
.areas_news_event h2.ap,h1.ap,
.areas_news_event h2.bb,h1.bb{font-size:28px;}
}
@media only screen and (max-width:480px){
/* ------- areas  ------- */
#areas_block ul{margin:0 0; overflow:hidden;}
#areas_block ul li{margin:0 10px 15px;padding:0; float:left; width:43%;}
.left{float:none; margin: 0 20px 20px; overflow:visible; width:95% !important; text-align:center; clear:both;}
.right{float:none;margin: 0 20px 20px; overflow:visible; width:95% !important; text-align:center; clear:both;}
#main p img,#main_access p img{max-width:90%;vertical-align:top;height:auto;}
/*---------------------------------------------
	access
---------------------------------------------*/
.hakusan{background-size:100%;;padding:70px 60px 20px 0;margin-bottom:20px;}
.komatsu{background-size:100%;padding:70px 60px 20px 0;margin-bottom:20px;}
/*----------------学系----------------*/
#academic_list_block{margin:0 20px}

}
@media only screen and (max-width:414px){
#BlogTop_block_about .ContentMenu .btn_about,
#BlogTop_block .ContentMenu .btn_education{
	margin:5px auto 20px;
	padding:0.5em 0;
	width:100%;
}
/*---------------------------------------------
	access
---------------------------------------------*/
.hakusan{background-size:100%;;padding:60px 60px 20px 0;margin-bottom:20px;}
.komatsu{background-size:100%;padding:60px 60px 20px 0;margin-bottom:20px;}
}
@media only screen and (max-width:407px){
.cat_btn_block a .cat_btn_hld,
.cat_btn_block a .cat_btn_km,
.cat_btn_block a .cat_btn_sn,
.cat_btn_block a .cat_btn_ir,
.cat_btn_block a .cat_btn_et,
.cat_btn_block a .cat_btn_ee,
.cat_btn_block a .cat_btn_mc,
.cat_btn_block a .cat_btn_ap,
.cat_btn_block a .cat_btn_bb {margin:0 5px 20px; font-size:18px;padding:10px 5px 10px 25px; background-position:10px 50%;}
}
@media only screen and (max-width:375px){
/*---------------------------------------------
	後で削除
---------------------------------------------*/
.comment{position:absolute; top:-38px;right:30px; border:solid 1px #f30; padding:5px 3px; background:#fff;}
/*---------------------------------------------*/

#content_page,
#content_library,
.inner
{width:100%;}
#breadcrumb
{width:90%;}

#BlogTop_block{margin:0 20px 0;}
#BlogTop_block_admissions{margin:0 40px 0;}
#BlogTop_block .ContentMenu{
	margin:0 5px 30px;
	width:320px;
}
#BlogTop_block_about .ContentMenu{
	margin:20px auto;
	width:100%;
}
#BlogTop_block_admissions .ContentMenu{
	margin:0 33px 30px;
	width:434px;
}


/* ------main ------ */
#side,#main{display:block;}
#main,#main_access{margin:0 auto; width:95%;}

#main .CatTitle,#main_access .CatTitle{
	margin:0 0 15px; padding:0 20px 5px;
	font-size:20px;
}
.arrow {margin:15px 0 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:80%;}
.arrow_full {margin:15px 0 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:80%;}
/* ------side ------ */
#side{display:block; margin:0;}

/* ------areas ------ */
.cat_btn_block{text-align:left;margin:0 0 10px;}
.cat_btn_block a .cat_btn_hld,
.cat_btn_block a .cat_btn_km,
.cat_btn_block a .cat_btn_sn,
.cat_btn_block a .cat_btn_ir,
.cat_btn_block a .cat_btn_et,
.cat_btn_block a .cat_btn_ee,
.cat_btn_block a .cat_btn_mc,
.cat_btn_block a .cat_btn_ap,
.cat_btn_block a .cat_btn_bb {margin:0 5px 15px; font-size:17px;padding:8px 5px 8px 30px; background-position:5px 50%; background-size:8%; width:36%;}
/* ------- laboratory ------- */
#laboratory_block .labo_box{
	background-color: #ededed;
	border: solid 1px #cacaca;
	width: 300px;
	height:auto;
	margin:10px auto;
	padding: 10px;
	display:block;
}
#laboratory_block .labo_img{ width:40%;}
#laboratory_block .labo_img img{max-width:100%;vertical-align:top;height:auto;}

#laboratory_block .labo_detail{width:55%;}

/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_news_block{
	margin:10px 20px 40px;
	padding:10px;
	border:solid 1px #999;
    overflow-y: auto;
    height: 150px;
	position: relative;
}
#BlogTop_block_admissions .ContentMenu{
	margin:0 15px 30px;
	width:280px;
}

#admissions_contact_block{margin:30px 0 30px; background:#EBEBEB; padding:20px;}
#admissions_contact_block .contect_title{margin:0 0 20px; color:#fff; background:#383838; padding:15px; text-align:center; font-size:24px;}
#admissions_contact_block .contect_over {margin: 0 10px;}
#admissions_contact_block .contect_box{margin:0 auto 10px; background:#fff; padding:15px 10px; border: solid 1px #D2D2D2; display:block; width:95%;}

/*---------------------------------------------
     careersupport
---------------------------------------------*/
.graduates_box{margin:0 10px; display:block; width:90%; vertical-align:top;}

/*---------------------------------------------
     research
---------------------------------------------*/
.movie_block{margin:10px 0 30px;}
.movie_block .mivie_area{margin:0 10px; display:block; width:100%; vertical-align:top;}
.movie_block .txt_area{margin:0; display:block; width:100%; vertical-align:top;}

/*---------------------------------------------
     research topics
---------------------------------------------*/
#topics_list{}
.topics_box{margin:0 10px 20px ;padding:5px; border:solid 1px #ccc; position:relative;}
.topics_box_img{margin:0 10px 0 0; width:100%; display:block; vertical-align:top;}
.topics_box_txt{margin:5px 0 0; width:100%; display:block; vertical-align:top;}
.topics_box_txt em{margin:0 0 10px; font-size:16px; font-weight:bold;}
.topics_catch{margin:10px 0 40px;font-size:18px; 
   font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
   font-weight:bold;
}
.topics_box .button_mini{position:absolute; right:15px; bottom:10px;}
/*---------------------------------------------
     interview
---------------------------------------------*/
.interview_block{margin:10px 0 30px;}
.interview_img{margin:0 15px 0 10px; display:inline-block; width:130px; vertical-align:top;}
.interview_txt{margin:0; display:inline-block; width:50%; vertical-align:top;}

#interview_list{overflow:hidden;}
.interview_box{margin:0 5px 20px ;padding:5px; border:solid 1px #ccc; float:none; width:95%;}
.interview_box_img{margin:0 10px 0 0; width:120px; display:inline-block; vertical-align:top;}
.interview_box_txt{margin:10px 0 5px; width:57%; display:inline-block; vertical-align:top;}
.interview_box_txt em{margin:0 0 10px; font-size:16px; font-weight:bold;}

/*---------------------------------------------
     for
---------------------------------------------*/
.for_block{margin:-10px auto 20px;padding:10px; background:#eee;}
.for_block .for_img{width:100%;}

/* -----table ------ 
    tbody tr{
        display: block;
        margin-bottom: 1.5em;
    }
    tbody th,
    tbody td{
        display: list-item;
		list-style:none;
        border: none;
    }*/
#BlogTop_block .ContentMenu h2,
#BlogTop_block_admissions .ContentMenu h2{font-size:15px; background-size:29px auto;}

dl.detail dt,
dl.detail02 dt,
dl.detail03 dt{margin:0 1em; float:none; width:100%;}
dl.detail dd,
dl.detail02 dd,

dl.detail03 dd{margin: 0 1em; padding-left:0;}
}

@media only screen and (max-width:374px){
.cat_btn_block a .cat_btn_hld,
.cat_btn_block a .cat_btn_km,
.cat_btn_block a .cat_btn_sn,
.cat_btn_block a .cat_btn_ir,
.cat_btn_block a .cat_btn_et,
.cat_btn_block a .cat_btn_ee,
.cat_btn_block a .cat_btn_mc,
.cat_btn_block a .cat_btn_ap,
.cat_btn_block a .cat_btn_bb {margin:0 6px 15px; font-size:16px;padding:8px 5px 8px 20px; background-position:5px 50%; background-size:8%; width:37.5%;}
}

@media only screen and (max-width:320px){
#content_page,
.inner{width:100%;}
#breadcrumb{width:90%;}

#BlogTop_block{margin:0 5px 0;}
#BlogTop_block .ContentMenu{
	margin:0 10px 30px;
	width:280px;
}
#BlogTop_block_admissions .ContentMenu{
	margin:0 33px 30px;
	width:434px;
}
#BlogTop_block_about .ContentMenu .btn_about{
	margin:0 0 20px;
	padding:0.5em 0;
	width:240px;
	font-size:100%;
}
#BlogTop_block .ContentMenu .btn_education{
	margin:0 auto 20px;
	padding:0.5em 0;
	width:240px;
	font-size:100%;
}
a .button {margin:10px 0 0; width:14em;padding:5px 5px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:13px; }
a .button_mini {margin:20px 0 0; width:8em;padding:5px 5px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:12px; }

/* ------- areas blog ------- */
.cat_btn_block{text-align:left;margin:0 0 10px;}
.cat_btn_block a .cat_btn_hld,
.cat_btn_block a .cat_btn_km,
.cat_btn_block a .cat_btn_sn,
.cat_btn_block a .cat_btn_ir,
.cat_btn_block a .cat_btn_et,
.cat_btn_block a .cat_btn_ee,
.cat_btn_block a .cat_btn_mc,
.cat_btn_block a .cat_btn_ap,
.cat_btn_block a .cat_btn_bb {margin:0 5px 15px; font-size:16px;padding:5px 5px 5px 20px; background-position:5px 50%; background-size:8%; width:36%;}


/*---------------------------------------------
     interview
---------------------------------------------*/
.interview_block{margin:10px 0 30px;}
.interview_img{margin:0 auto 20px; text-align:center; display:lock; width:90%; vertical-align:top;}
.interview_txt{margin:0; display:block; width:90%; vertical-align:top;}

#interview_list{overflow:hidden;}
.interview_box{margin:0 5px 20px ;padding:5px; border:solid 1px #ccc; float:none; width:93%;}
.interview_box_img{margin:0 10px 0 0; width:100px; display:inline-block; vertical-align:top;}
.interview_box_txt{margin:0 0 5px; width:57%; display:inline-block; vertical-align:top;}
.interview_box_txt em{margin:0 0 10px; font-size:16px; font-weight:bold;}

/* ------- laboratory ------- */
#laboratory_block .labo_box{width: 280px;}
#laboratory_block .labo_img{ width:30%;}
#laboratory_block .labo_img img{max-width:100%;vertical-align:top;height:auto;}
#laboratory_block .labo_detail{width:60%;}
}

@media only screen and (max-width:767px){
	#title{
		margin-bottom:20px;
	}
}

/*---------------------------------------------
     Aform
---------------------------------------------*/
.aform-content dl dt .required{
	display:none !important;
}
#member .aform-content dl {
	margin: 2em 1em !important;
	padding: 0.5em 0;
}
#member #aform_result{
	color: #000 !important;
	font-weight: normal !important;
	font-size: 110%;
	margin: 15px auto;
	padding: 10px 15px;
}