@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
---------------------------------------------*/
#wallpaper{
	margin:0 auto; padding-bottom:30px;
	background:#fff;
	width:1419px;
}

/* ------ side main inner ------ */
#content_page{margin:0 auto 20px; width:1100px;}
#content_library{margin:0 auto 20px; width:1020px;}
.inner{margin:0 auto; width:1100px;}
#side{margin:0; width:245px;}
#main{margin:0 0 0 45px; width:800px;}
#main_access{margin:0 auto 0 45px; width:950px;}
#main .page_block{}
#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;}
/*p span{margin:0 1em 1em;}*/
#areas_blog_block p{margin:0 1em 2em;}
.overflow{overflow:hidden;}

/* ------ side ------ */
#side {
	margin: 0 0 40px 0;
	border-top: solid 2px #404040;
	border-bottom: solid 2px #404040;
	overflow:hidden;
}
#side a.head-cat-heading,#side a.head-cat-headinghover,#side .link-none,#side .link-news{
	padding: 13px 20px;
	font-size: 16px;
	font-weight:bold;
	background: #efefef url(../images/common/icon_side.png) no-repeat right center;
	display:block;
	border-bottom: dashed 1px #404040;
	border-top:none;
	cursor:pointer;
	color:#000;
}
#side .link-newshover{
	padding: 13px 20px;
	font-size: 16px;
	font-weight:bold;
	background: #efefef url(../images/common/icon_side.png) no-repeat right center;
	display:block;
	border-bottom: dashed 1px #404040;
	border-top:none;
	cursor:pointer;
	color: #0A3382;
}
#side a.head-cat-heading {
	display:block;
}
#side a.head-cat-heading:hover,#side a.head-cat-headinghover,#side .link-news a:hover,#side .link-newshover a{
	color: #0A3382;
}
#snav { margin:0 0 0 35px;}
#snav ul,#snav_none ul{margin:0;}
#snav li,#snav_none li {
	border-bottom: dashed 1px #404040;
    border-top:none;
	padding:0;
	background:none;
	list-style:none;
}
#snav li:last-child {
	border-bottom: dashed 1px #404040;
    border-top:none;
    border-bottom:none;
}
#snav li a,#snav_none li a {
    display:block;
	font-size: 13px;
	font-weight:bold;
	line-height:1.4;
    background: #efefef;
	margin:0;
    padding:4px 15px; 
	color: #0A3382;
}
#snav li a:hover,#snav_none li a:hover,#snav li.sub_cat a:hover,#snav li.sub_cat a.active{
	background:#0A3382;
	color:#fff;
}
#snav li a.active{
	background:#0A3382;
	color:#fff;
}
#snav li.cat {
	background:#0A3382;
	color:#fff;
}
#snav li.sub_cat a {
    display:block;
	background:#F5F3E7;
	font-size:14px;
	margin:0;
    padding:5px 15px;
	font-weight:bold;
}

/*サイドリンク無しの場合　*/
#side #snav_none{display:none;margin:0;}
#side .link-none {
	padding: 13px 20px;
	font-size: 16px;
	font-weight:bold;
background: #efefef url(../images/common/icon_side.png) no-repeat right center;
	display:block;
	border-top: dashed 1px #404040;
	border-top:none;
	cursor:pointer;
	color:#000;
}
#side .link-none a:hover,
#side .link-none .a-hover{
	margin:-13px -20px;
	padding: 13px 20px;
	font-size: 16px;
	font-weight:bold;
    background: #efefef url(../images/common/icon_side.png) no-repeat right center;
	display:block;
	color: #0A3382;
	cursor:pointer;
}

/* ------main ------ */
.CatTitle {
	margin:0 0 15px; padding:10px 30px;
	font-size:26px;
   font-weight:bold;
   background:#7775B6;
   color:#fff;
   line-height:1.6;
}
#main h1,#main_access h1{
	margin:0 10px 20px;
	font-size:26px;
	line-height:1.5em;
	font-weight:bold;
	color:#000;
}
h2,#main h2{
	margin:0 10px 10px;
	padding:2px 10px;
	font-size:20px;
	font-weight:bold;
	border:solid 1px #7775B6;
}
h3,#main h3{margin:0 10px 15px;padding:3px 5px 0; border-bottom:solid 2px #002179;font-size:16px; font-weight:bold;}
h4,#main h4{margin:0 10px 15px;padding:3px 8px 0; border-left:solid 5px #002179;font-size:14px; font-weight:bold;background:#F6F6F6;}

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

/* ------ breadcrumb ------ */
#breadcrumb_block {margin:0 0 15px; }
#breadcrumb {margin:0 auto; width:1088px;}
#breadcrumb p {font-size:13px;margin:0;}
#breadcrumb a {color: #000;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 25px;
}
#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:20px;
	font-weight:bold;
}
#BlogTop_block .ContentMenu ul,
#BlogTop_block_admissions .ContentMenu ul{
	margin:0;
}
#BlogTop_block .ContentMenu ul li,
#BlogTop_block_admissions .ContentMenu ul li{
    padding:5px 5px 5px 12px;
	background: url(../images/common/icon_arrow.png) no-repeat 0 10px;
	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 50px;
	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;}

/* ------ 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 10px 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;}
.indent,#main .indent{margin-bottom: 5px;text-indent: -1em;padding-left:1em;}
.indent01,#main .indent01{text-indent:-1em;padding-left:2em; margin-bottom:5px; line-height:1.4;}
.indent02,#main .indent02{text-indent:-2em;padding-left:3em; margin-bottom:5px; margin-right:20px; line-height:1.4;}
.indent03,#main .indent03{text-indent:-2em;padding-left:2em; margin-bottom:2px; 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-6em,#main .margin_left-6em{margin-left:6.5em;}
.margin_section{margin:10px 15px 15px;}
.margin_box{margin:10px 0 30px;}

.width40,#main .width40{width:40%;}
.width48,#main .width48{width:48%;}
.width57,#main .width57{width:56%;}

.arrow {margin:15px 10px 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:46%;}
.arrow a{background: url(../images/common/icon_arrow.png) no-repeat 0 7px; padding-left:10px;}

/* ------ 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;}
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;}

.margin_section dl.detail03{margin-bottom:10px;}

/* 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;}

/* ------ table ------ */
table,table.none{margin: 2em 1em 3em;}

table,table.color {
  margin: 2em 1em 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.none tr th.subject {background:none; border:none;}
table.none tr td:last-child {border-right: none;}
table.none .subject {background:none;}

/* ------- base block ------- */
.paragraph{overflow:hidden; width:100%;}
.paragraph .left{float:left; margin:0 10px 30px 10px; overflow:auto;}
/*.paragraph .right{float:right; margin:0 10px 30px 10px; overflow:auto;}*/
.paragraph .right{float:right; margin:0 10px 30px 10px;}
.paragraph p{word-wrap: break-word;}

.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 {
	min-width: 250px;
}
.triple .image_box {
	min-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;
}

/*---------------------------------------------
	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{
	padding:10px 0 20px;
	background:#F7F7F7;
	position:relative;
}
#list_block{margin:0 40px;}
#areas_block h2,#academic_list_block h2,#education_news h2{
	margin:0 25px 20px;
	padding:0 2px 0 5px;
	background:none;
	border:none;
	border-left:solid 5px #002179;
	font-size:20px;
	font-weight:bold;
}

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

/* ------- areas blog ------- */
#areas_blog_block{width:946px;margin:0 auto 0;}
#title{ text-align:center; margin:10px auto 40px; overflow:hidden;}
a .button {margin:20px 0 0; min-width:8em;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; }
a:hover .button,a:hover .button_mini{background: #646464;}
.cat_btn_block{margin:20px 0;}
.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:10em; 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:10em; 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:10em; 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:10em; 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:10em; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ee {margin:0 7px 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:10em; 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:10em; 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:10em; 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:10em; line-height:1.4; cursor: pointer;display:block; display:inline-block;}

.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;}
.icon_areas_hld a,
.icon_areas_km a,
.icon_areas_sn a,
.icon_areas_ir a,
.icon_areas_et a,
.icon_areas_ee a,
.icon_areas_mc a,
.icon_areas_ap a,
.icon_areas_bb a{color:#fff;padding:15px; font-size:18px;}
.width-5em{width:5em;}
.width-6em{width:6em;}
.width-7em{width:7em;}
.width-10em{width:10em;}


/*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;}

/* ------- 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;}

/* ------- laboratory ------- */
#laboratory_block{}
#laboratory_block .labo_box{
	background-color: #ededed;
	border: solid 1px #cacaca;
	width: 410px;
	height:auto;
	min-height: 205px;
	margin:10px 15px;
	padding: 10px;
	display:inline-block;
	vertical-align:top;
}
#laboratory_block .labo_img{display:inline-block; vertical-align:top;}
#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: 18px;
}

#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;}

#laboratory_block p.txt span{
	margin: 0;
	white-space: nowrap;
	display: inline-block;
}

#laboratory_block .detail_next{line-height: 14px; text-align:right;margin-top:15px;}

.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%;}



/*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: 10px 2px 15px 2px;
	color: #6B6B6C;
	font-size: 13px;
    font-weight: bold;
	height: 35px;
	line-height: 16px;
}

@media only screen and (max-width: 767px){
	ul.areaTOP_banner li p{
		height: auto;
	}
}

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-top: 2em;
}

.areaHeading span.message{
	display: block;
    margin: 0;
	font-size: 13px!important;
	font-weight: normal!important;
	width: 55%;
    margin: 0 0 0 auto;
    text-align: left;
}


@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-top: 2em;
		margin-bottom: 1.5em;
		width: 100%;
	}
}


@media only screen and (min-width: 650px) and (max-width:800px){
	.areaHeading p{
		padding-top: 40px!important;
		padding-bottom: 35px!important;
	}

	.areaHeading span.message{
		width: 100%;
	}
}

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

.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);
}


/*領域TOPのバナー・トランスフォーマティブ知識経営研究領域*/
.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);
}

/*領域TOPのバナー・共創インテリジェンス研究領域*/
.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);
}

/*領域TOPのバナー・コンピューティング科学研究領域*/
.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);
}

/*領域TOPのバナー・次世代デジタル社会基盤研究領域*/
.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);
}

/*領域TOPのバナー・人間情報学研究領域*/
.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);
}

/*領域TOPのバナー・サスティナブルイノベーション研究領域*/
.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);
}

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

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

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

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

/*領域TOPのバナー・ナノマテリアル・デバイス研究領域*/
.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);
}

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

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

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

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


/*新10領域の色*/
.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;}
.cat_btn_block a .cat_btn_csd {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #E6277E; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_tkm {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #2470B8; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_cci {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #57479A; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_cs {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #214DA0; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ngdi {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #C8161D; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; 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 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_si {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #21A03A; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_mcf {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #53B441; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_nd {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #209EDB; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_bbbe {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #EC6618; background:#EDEDED url(../images/common/icon_button.png) no-repeat 20px 50%; padding:25px 20px 25px 45px; font-size:20px; width:20%; min-width: 165px; 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 20px 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;
}

.box_flex{
	display: flex;	
}

@media only screen and (max-width:600px){
	.box_flex{
		display: block;	
	}
	
}


/*2022 Terada Add end*/


/*---------------------------------------------
	Campus Map
---------------------------------------------*/
.map {
	width: 19px;
	height: 17px;
	background-color: #6f1f99;
	color: #FFFFFF;
	font-size: 70%;
	font-family: sans-serif;
	font-weight: bold;
	text-align: center;
	padding: 2px 2px 0px 2px;
}
.maplist{margin:0;}
.maplist p{font-size:14px; line-height:1.4; margin:0 0 5px;}
/*---------------------------------------------
	news event
---------------------------------------------*/
/* ------- block  ------- */
#news_block{margin:0 0 2em;}
#news_block ul {
	margin:0;
	padding:0;
	background-color:#fff;
	overflow:hidden;
	}

#news_block ul li{
    list-style-type:none;
	background:none;
    padding:0 0 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;font-size:14px;}
#news_block ul dt {
	margin: 0;
	padding-right: 100px;
	float: left;
	line-height: 1.6;
	font-weight: normal;
	font-size: 14px;

	background-repeat: no-repeat;
	background-position: right center;
	/* 画像サイズ 92x23 */
	background-size: 64px 16px;/* 高さ：64*23/92 */
}
#news_block ul dt.news{background-image: url(../images/top/icn_news.gif);}
#news_block ul dt.awards{background-image: url(../images/top/icn_award.gif);}
#news_block ul dt.events{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 210px;}
#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: 104px;
		/* 画像サイズ 92x23 */
		background-size: 92px 23px;
	}
	#news_block ul dd {
		padding-left: 234px;
	}
}


/*---------------------------------------------
	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_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;}
#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;}

/*---------------------------------------------
     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;}

/*---------------------------------------------
     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;}
/*---------------------------------------------
     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:225px;
	}
	
	#about .sitemap_block,
	#international .sitemap_block,
	#careersupport .sitemap_block{
		min-height:180px;
	}

	#Schools{
		margin-top: 93px;
	}

/*
	#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;
	font-size:18px;
}
.sitemap_area span,.sitemap_blog_area span{
	padding-left:10px;
	display:block;
}
.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 13px;
	font-size:13px;
	margin:0;
    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 15px 10px;
	font-size: 22px;
	font-weight:bold;
	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;}

/*---------------------------------------------
     学系
---------------------------------------------*/
#academic_block{margin:30px auto 30px; padding:20px 20px 20px;width:1100px;box-sizing: border-box; background: url(../images/common/bg_academic.png) repeat-x left bottom; overflow:hidden;}
#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: 14px;
}
.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 .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:30px 0 15px;
	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;
}

/*本番・タイトル用ページID*/
h1.academic_back6197{background:#B75FFF;}/*知識科学系*/
h1.academic_back6198{background:#EF7FF1;}/*情報科学系*/
h1.academic_back6200{background:#1B7FF1;}/*マテリアルサイエンス系*/
h1.academic_back7117{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 li{float:left; width:46%; margin:0 10px;font-size:14px; background:none;}
.academic_page 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_back6200{
		letter-spacing:-2px;
	}
	
	.academic_back6200 span{
		display:block;
		margin-left: 0em;
	}
	
}

/* ------------------------
	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 #7775B6; 
    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: #7775B6; 
    border: 1px solid #7775B6; 
    text-decoration: none; 
    vertical-align: middle; 
    font-weight: bold; 
    color: #fff; 
} 
#bute .pagenate li a:hover { 
    background: #7775B6; 
    color: #fff; 
}
@media only screen and (min-width:320px) and (max-width:1418px){

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

#content_page,#content_library{margin:0 auto 20px; width:98%;}
.inner{margin:0 auto; width:98%;}
/*#side{margin:-12px 0 0; width:225px;}*/

#main{margin:0 0 0 2.5%; width:72.5%;}
#main_access{margin:0 auto 0;width:98%;}
/*---------------------------------------------
     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;}

/* ------- 学系 ------- */
#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 20px;}
#academic_list_block ul li {margin:0 10px 15px 0; text-align:center;float:left; font-size:15px;background:none;}
#academic_list_block ul li:last-child {margin:0 0 15px 0;}

#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:1019px){
#main{margin:0 0 0 2.5%; width:71%;}
}

@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 20px 15px;padding:0; float:left;}
#areas_block ul li{width:27%;}
#areas_block ul li img{max-width:100%;vertical-align:top;height:auto;}

#BlogTop_block{margin:0 0 0;}
#BlogTop_block_admissions{margin:0 20px 0;}
#BlogTop_block_admissions .ContentMenu{width:40%;}
#BlogTop_block .ContentMenu{margin:0 15px 30px;}
.sitemap_block{width:30%; margin:15px 10px 0; float: left;}

#main_access{margin:0 0 0 2.5%; width:95%;}
#main .CatTitle{
	margin:0 0 15px; padding:0 20px 5px;
	font-size:20px;
}
.left{float:left; margin: 0 20px 20px; overflow:visible; width:50%;}
.right{float:right;margin: 0 0px 20px; overflow:visible; width:40%;}

.paragraph .left{float:left; margin:0 10px 30px 10px; overflow:auto; width:40%;}
.paragraph .right{float:right; margin:0 10px 30px 10px; overflow:auto; width:40%;}


.width40,#main .width40{width:40%;}
.width45,#main .width45{width:45%;}
.width57,#main .width57{width:55%;}

#side{margin:0 0 0; width:230px;}
/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_contact_block{margin:30px 0 0; background:#EBEBEB; padding:20px 10px;}
#admissions_contact_block .contect_title{margin:0 0 20px; color:#fff; background:#383838; padding:10px; text-align:center; font-size:24px;}
#admissions_contact_block .contect_over {margin: 0 30px;}

/*---------------------------------------------
     areas
---------------------------------------------*/
.academic_page li{float:none; width:95%; margin:0 10px;font-size:14px; background:none;}

}
@media only screen and (max-width:915px){
#main,#main_access{margin:0 0 0 2.5%; width:95%;}
}
@media only screen and (max-width:767px){
#BlogTop_block .ContentMenu ul,
#BlogTop_block_admissions .ContentMenu ul{display:none; margin-left:37.5%;}
.cat_comment{margin-left:37.5%;}
/*各コンテンツトップ見出し*/
#blocks h1{
   padding:15px; 
   font-size:20px; 
}
#main .CatTitle{
	margin:0 0 0; padding:0 0 5px;
	font-size:20px;
}
.left{float:left; margin: 0 20px 20px; overflow:visible; width:50%;}
.right{float:right;margin: 0 0px 20px; overflow:visible; width:40%;}

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

.arrow {margin:15px 10px 20px;padding:5px 10px 5px 15px; border:solid 1px #D6D6D6; background:#F6F6F6; width:85%;}

#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:100%;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;}
/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_contact_block .contect_over {margin: 0 20px;}


}
@media only screen and (max-width:736px){
#side{margin:0 0 0; width:228px;}
#areas_block h2,#education_news h2{
	margin:0 10px 20px;
	padding:0 2px 0 5px;
	background:none;
	border:none;
	border-left:solid 5px #002179;
	font-size:20px;
	font-weight:bold;
}
/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_contact_block .contect_over {margin: 0 10px;}

}
@media only screen and (min-width:569px) and (max-width:690px){
#side{margin:0 0 0; width:229px;}

/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_contact_block .contect_over {margin: 0 10px;}
.healthcare .left{margin: 0 10px 20px 0; overflow:visible; width:45% ; text-align:center; clear:both;}
.healthcare .right{margin: 0 0 20px 10px; overflow:visible; width:30% ; text-align:center; clear:both;}
/*---------------------------------------------
     academic
---------------------------------------------*/
#academic_list_block ul {margin:0 !important;}
#academic_list_block ul li {margin:0 5px 15px 0; text-align:center;float:left; font-size:16px;background:none;}
#academic_list_block ul li:last-child {margin:0 0 15px 0;}
#academic_list_block ul li a .academic01{background:#B75FFF;width:270px; padding:5px 0;}
#academic_list_block ul li a .academic02{background:#EF7FF1;width:270px; padding:5px 0;}
#academic_list_block ul li a .academic03{background:#1B7FF1;width:270px; padding:5px 0;}
#academic_list_block ul li a .academic04{background:#698bb4;width:270px; padding:5px 0;}
}

@media only screen and (min-width:481px)  and (max-width:568px){
.width40,#main .width40{width:98%; text-align:center;}
.width57,#main .width57{width:98%;}
.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;}
.healthcare .left{float:none; margin: 0 0 20px;}
.healthcare .right{float:none;margin: 0 10px 20px;}

#areas_block ul li{margin:0 10px 15px;padding:0; float:left;width:45%;}
a .button {margin:10px 0 0; width:8em;padding:5px 5px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:14px; }
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:13px; }
table{width:100% !important;}
table,table.none{margin: 2em 0 3em;}
/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_contact_block .contect_over {margin: 0 10px;}
/*---------------------------------------------
     academic
---------------------------------------------*/
#academic_list_block ul li {margin:0 10px 15px 10px; text-align:center;float:left; font-size:16px;background:none;}
#academic_list_block ul li:last-child {margin:0 10px 15px 10px;}
#academic_list_block ul li a .academic01{background:#B75FFF;width:400px; padding:5px 0;}
#academic_list_block ul li a .academic02{background:#EF7FF1;width:400px; padding:5px 0;}
#academic_list_block ul li a .academic03{background:#1B7FF1;width:400px; padding:5px 0;}
#academic_list_block ul li a .academic04{background:#698bb4;width:400px; padding:5px 0;}
}

@media only screen and (min-width:376px)  and (max-width:480px){
#side{margin:0 0 0; width:230px;}
#areas_block ul li{margin:0 10px 15px;padding:0; float:left;width:45%;}
.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;}
.healthcare .left{float:none; margin: 0 0 20px;}
.healthcare .right{float:none;margin: 0 10px 20px;}
#main p img{max-width:90%;vertical-align:top;height:auto;}
#main_access p img{max-width:100%;vertical-align:top;height:auto;}
a .button {margin:10px 0 0; width:8em;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; }
/*---------------------------------------------
     admissions
---------------------------------------------*/
#admissions_contact_block .contect_over {margin: 0 10px;}
/*---------------------------------------------
     academic
---------------------------------------------*/
#academic_list_block ul li {margin:0 0 15px 0; text-align:center;float:left; font-size:16px;background:none;}
#academic_list_block ul li:last-child {margin:0 0 15px 0;}
#academic_list_block ul li a .academic01{background:#B75FFF;max-width:380px; padding:5px 0;}
#academic_list_block ul li a .academic02{background:#EF7FF1;max-width:380px; padding:5px 0;}
#academic_list_block ul li a .academic03{background:#1B7FF1;max-width:380px; padding:5px 0;}
#academic_list_block ul li a .academic04{background:#698bb4;max-width:380px; padding:5px 0;}
}
@media only screen and (max-width:414px){
#areas_block ul li{margin:0 10px 15px;padding:0; float:left;width:43%;}
}

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


/*各コンテンツトップ見出し*/
#blocks h1{
   padding:15px 20px; 
   font-size:20px; 
   font-family:"ヒラギノ明朝 Pro W3","ＭＳ Ｐ明朝", "MS PMincho", "Hiragino Mincho Pro", serif;
}
/* ------main ------ */
#side,#main{display:block;}
#main,#main_access{margin:0 auto; width:95%;}

/* ------side ------ */
#side{display:block; margin:0;}

/* ------areas ------ */
#areas9_block{width:100%; margin:0;}

/* ------- areas blog ------- */
#areas_blog_block{width:95%; margin:0 auto;}
.cat_btn_block{margin:20px auto; width:95%;}
.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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; 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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; 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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; 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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; 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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ee {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #005639; background:#EDEDED url(../images/common/icon_button.png) no-repeat 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; 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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; 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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; 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 10px 50%; padding:20px 10px 20px 35px; font-size:20px; width:8em; line-height:1.4; cursor: pointer;display:block; display:inline-block;}

.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 10px 50%;}
/* ------- areas 9 news event ------- */
.areas_news_event{width:90%; margin:0 10px 50px; padding: 0 10px;display:block; vertical-align:top;}
#areas_blog_block ul li dt,.areas_news_event ul li dt{margin:0; padding:0; float:none; 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 100px 2px;}
#areas_blog_block ul li dt.award,.areas_news_event ul li dt.award{background: url(/areas/images/icn_winning.gif) no-repeat 100px 2px;}
#areas_blog_block ul li dt.event,.areas_news_event ul li dt.event{background: url(/areas/images/icn_event.gif) no-repeat 100px 2px;}
#areas_blog_block ul li dt.press,.areas_news_event ul li dt.press{background: url(/areas/images/icn_press.gif) no-repeat 100px 2px;}

#areas_blog_block ul li dd ,.areas_news_event ul li dd {margin:0 0; padding:0 0 5px 0;}
a .button_mini {margin:0 0 0; width:8em;padding:5px 10px; float:right; color:#fff; background:#000; text-align:center; cursor: pointer;display:block;font-size:12px; }

/* ------- 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_contact_block{margin:30px 0 30px; background:#EBEBEB; padding:20px;}
#admissions_contact_block .contect_title{margin:0 0 20px; color:#fff; background:#383838; padding:10px; text-align:center; font-size:24px;}
#admissions_contact_block .contect_over {margin: 0 10px;}

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

/*---------------------------------------------
     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;}
#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;}
.healthcare .left{float:none; margin: 0 0 20px;}
.healthcare .right{float:none;margin: 0 10px 20px;}

/*---------------------------------------------
     academic
---------------------------------------------*/
#academic_list_block ul {margin:0 0 2em !important;}

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


/* ------- areas blog ------- */
#areas_blog_block{width:98%; margin:0 auto;}
.cat_btn_block{margin:20px auto; width:96%;}
.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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; 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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; 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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; 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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; 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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}
.cat_btn_block a .cat_btn_ee {margin:0 7px 20px; border:solid 1px #CBCBCB; border-bottom: solid 3px #005639; background:#EDEDED url(../images/common/icon_button.png) no-repeat 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; 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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; 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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; 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 5px 50%; padding:20px 10px 20px 30px; font-size:18px; width:90px; line-height:1.4; cursor: pointer;display:block; display:inline-block;}


.left{float:none; margin: 0 15px 20px; overflow:visible; width:95% !important; text-align:center; clear:both;}
.right{float:none;margin: 0 15px 20px; overflow:visible; width:95% !important; text-align:center; clear:both;}
.healthcare .left{float:none; margin: 0 0 20px;}
.healthcare .right{float:none;margin: 0 10px 20px;}

#main p img{max-width:90%;vertical-align:top;height:auto;}
#main_access p img{max-width:100%;vertical-align:top;height:auto;}

#areas_block ul li{margin:0 10px 15px;padding:0; float:left;width:42%;}

/*---------------------------------------------
     academic
---------------------------------------------*/
#academic_list_block ul li {margin:0 0 15px 0; text-align:center;float:left; font-size:14px;background:none;}
#academic_list_block ul li:last-child {margin:0 0 15px 0;}
#academic_list_block ul li a .academic01{background:#B75FFF;max-width:250px; padding:5px 0;}
#academic_list_block ul li a .academic02{background:#EF7FF1;max-width:250px; padding:5px 0;}
#academic_list_block ul li a .academic03{background:#1B7FF1;max-width:250px; padding:5px 0;}
#academic_list_block ul li a .academic04{background:#698bb4;max-width:250px; padding:5px 0;}
}

#main_access a {
	color: #001EFF;
	text-decoration: underline;
}

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

}
/*---------------------------------------------
	education
---------------------------------------------*/
/* ------- 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;}

@media only screen and (max-width:568px){
	/* ------- 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;}
}