@charset "utf-8";
/* meiji-physics responsive.css */

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
 全デバイス共通のスタイルとスマートフォンおよび小型タブレット向けレイアウトの指定
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/

img{
    width:auto;
    height:auto;
    max-width:100%;
    max-height:100%;
}

.clearfix:after{/*clearfix設定*/
	content: "";
	display: block;
	clear: both;
}

.head_smp{
	display:none;
}

#toggle{
	display:none;
}

#nav-smp{
	display:none;
}

#page_top{
	display:none;
}

#page_top img{
	display:none;
}

/*  ～320px (Smart Phone) */
@media screen and (max-width:320px){}

/*  ～736px (Smart Phone) */
@media screen and (max-width:736px){
	
img{
	width:100%;	
}

.smp-none{
	display:none;	
}

#toggle{
	display:block;
}

#head01{
	padding-top:0px;
}

/*==========================================
 一時配置
===========================================*/


/*==========================================
 body
===========================================*/
body{
	width:100%;
	height:100%;
	line-height:180%;
	padding:0px;
	margin:0px;
}

body.top_bg{
	background-image: url(../img/bg03.jpg);
	background-repeat:repeat-x;
}

body.low_bg{
	background-image: url(../img/bg04.jpg);
	background-repeat:repeat-x;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
/* ハンバーガーボタン */
#toggle{
	width:100%;
}

.drawer-toggle{
	border:0px;
}

.drawer-hamburger-icon{
	width:80%;
	height:80%;
	min-height:45px;
	float:right;
	margin:50% 10% 0 0;
}


/*==========================================
 #container
===========================================*/
#container{
	width:100%;
	padding:0px;
	margin:0px auto 0px auto;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header{
	width:96%;
	max-width:736px;
	display:block;
	clear:both;
	line-height:140%;
	padding:0px 0px 0px 0px;
	margin:0px auto 10px auto;
}

header h1{
	width:80%;
	max-width:356px;
	clear:both;
	vertical-align:middle;
	display:block;
	padding:25px 0px 20px 0px;
	margin:auto 0px auto 0px;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
main{
	width:100%;
	margin:0px auto 10px auto;
}

main #low-contents{
	width:96%;
	margin:0px auto 10px auto;
}

/*--見出し--*/
main h1{
	font-size:32px;
	padding:0.5em 0px 25px 0px;
	margin:0px auto 1.5em auto;
}

main h2{
	width:96%;
	font-size:18px;
	padding:10px 0px 10px 15px;
}

main h3{
	width:96%;
	font-size:16px;
	padding:5px 0px 5px 15px;
}

main h4{
	width:96%;
	font-size:14px;
	padding:5px 0px 5px 16px;
}

/* フォトボックス */
.photo-box01{
	width:100%;
	float:none;
}

.rsc-tb{
	width:100%;
	float:none;
}

.photo-box02{
	width:100%;
	float:none;
	padding:0px 20px 20px 20px;
	border-bottom:#3D3938 1px solid;
}


/*==========================================
 下層コンテンツのスタイル
===========================================*/
/* ページコンテンツ */
#low-contents ul#page-contents{
	width:100%;
	clear:both;
	margin:0px auto 0px auto;
}

#low-contents ul#page-contents li{
	width:46%;
	
}

.pc-img{
	
}

.pc-title{
	font-size:18px;
	
}

.pc-bt{
	width:100%;
	height:35px;
}

#low-contents ul#page-contents li#pc-box01{
	float:left;
	margin:0px 0px 50px 0px;
}

#low-contents ul#page-contents li#pc-box02{
	float:right;
	margin:0px 0px 50px 0px;
}

#low-contents ul#page-contents li#pc-box03{
	float:left;
	margin:0px 0px 50px 0px;
}

#low-contents ul#page-contents li#pc-box04{
	float:right;
	margin:0px 0px 50px 0px;
}

#low-contents ul#page-contents li#pc-box05{
	float:left;
	margin:0px 0px 50px 0px;
}

#low-contents ul#page-contents li#pc-box06{
	float:right;
	margin:0px 0px 50px 0px;
}

#low-contents ul#page-contents li#pc-box07{
	float:left;
	margin:0px 0px 50px 0px;
}

/*プルダウンメニュー*/
div.pulldownbox{
	width:100%;
}


/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#top_image--*/
main #top_image{
	width:100%;
	height:100%;
	padding:0px 0px 10px 0px;
	margin:0px auto 20px auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px;
	height: 10px;
	margin: -15px 5px;
}

/*--topics--*/
main #topics{
	width:100%;
	padding:0px;
}

ul#topic{
	width:365px;
	list-style-type:none;
	clear:both;
	padding:0px;
	margin:0px auto 20px auto;
}

ul#topic li{
	float:left;
	
}

ul#topic li a{
	width:180px;
	height:105px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	outline:none;
}

ul#topic li a p.tp-head{
	width:180px;
	font-size:160%;
	font-weight:bold;
	display:table-cell;
	vertical-align:top;
	padding-top:10px;
	margin:10px auto 0px auto;
}

ul#topic li a p.tp-text{
	width:180px;
	font-size:90%;
	line-height:120%;
	margin:5px auto 0px auto;
}

#topic-box01 a {
	display:block;
	background: url(../img/topics2/01.png) no-repeat;
	outline:none;
	float:left;
	padding:0px;
	margin:0px 5px 5px 0px;
}

#topic-box01 a:hover {display:block;background: url(../img/topics2/01_on.png) no-repeat;}

#topic-box02 a {
	display:block;
	background: url(../img/topics2/02.png) no-repeat;
	outline:none;
	float:right;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#topic-box02 a:hover {display:block;background: url(../img/topics2/02_on.png) no-repeat;}

#topic-box03 a {
	display:block;
	background: url(../img/topics2/03.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 5px 5px 0px;
}

#topic-box03 a:hover {display:block;background: url(../img/topics2/03_on.png) no-repeat;}

#topic-box04 a {
	display:block;
	background: url(../img/topics2/04.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#topic-box04 a:hover {display:block;background: url(../img/topics2/04_on.png) no-repeat;}

#topic-box05 a {
	display:block;
	background: url(../img/topics2/05.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 5px 5px 0px;
}

#topic-box05 a:hover {display:block;background: url(../img/topics2/05_on.png) no-repeat;}

#topic-box06 a {
	display:block;
	background: url(../img/topics2/06.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 5px 0px;
}

#topic-box06 a:hover {display:block;background: url(../img/topics2/06_on.png) no-repeat;}

#topic-box07 a {
	display:block;
	background: url(../img/topics2/07.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 5px 0px 0px;
}

#topic-box07 a:hover {display:block;background: url(../img/topics2/07_on.png) no-repeat;}

#topic-box08 a {
	display:block;
	background: url(../img/topics2/08.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#topic-box08 a:hover {display:block;background: url(../img/topics2/08_on.png) no-repeat;}

/*--#info--*/
main #info{
	width:100%;
	margin:40px 0px 40px 0px;
}

main #info .info-head{
	width:100%;
	background:url(../img/meijiro2.png) no-repeat 100% 100% ;
	padding:20px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

main #info .info-head img{
	width:38%;
	margin:20px auto 15px auto;
}

main #info .info-text{
	width:99%;
	height:260px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
}

main #info dl.info_in {
	width: 99%;
	font-size: 95%;
	padding:2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

main #info dl.info_in dt {
	width: 15%;
	padding:1.2% 1% 0.9% 1%;
}

main #info dl.info_in dd {
	width:68%;
	padding:1.2% 1% 0.9% 3%;
	margin:0px 0px 0px 25%;
}


/*==========================================
 コンテンツエリア -> 「理念・目的」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「教員・研究室」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「サイトマップ」のスタイル
===========================================*/
ul.sitemap_list {
	width:90%;
	margin:auto;
}

.sitemap_list li {
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:10px;
}


/*==========================================
 コンテンツエリア -> 「特色ある研究」のスタイル
===========================================*/
#research-field{
	width:98;
	margin:20px auto 75px auto;
}

/*山内作成ここから*/

ul.research_list {
	width:90%;
	margin:auto;
}

.research_list li {
	float:left;
	width:45%;
	background-image:url(../img/li-mark03.png);
	background-repeat: no-repeat;
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:15px;
}

/*山内作成ここまで*/

/*==========================================
 コンテンツエリア -> 「特色ある教育」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「大学生活」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「大学院生活」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「卒業後の進路」のスタイル
===========================================*/
.frame{
	/* padding:6px 6px 0px 6px; から以下に変更した by 横山 */
	padding:6px 6px 6px 6px;
}

/*--卒業生の進路リスト--*/
.pie-chart{
	margin:0px auto 0px auto;
}

.chart-result{
	margin:0px auto 10px auto;
}

ul.empl-list li{
	list-style-image:url(../img/li-mark02.png);
	margin:5px 15px 5px 15px;
}

/*==========================================
 コンテンツエリア -> 「研究会・講演会」のスタイル
===========================================*/
main table.lec-tb{
	font-size:85%;
}

main table th.date{
	width:20%;
}

main table th.room{
	width:15%;
}

/*==========================================
 コンテンツエリア -> 「イベント」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「入試情報」のスタイル
===========================================*/


/*==========================================
 ページトップへボタンのスタイル
===========================================*/
#page_top{
	width:98%;
	max-width:50px;
	height:98%;
	max-height:50px;
	left: auto;
	display:block;
	text-align:right;
	z-index:100;
	margin-left:85%;
}

#page_top img{
	display:block;
	opacity:1.00;
}

#page_top a{
	width: 45px;
    height: 45px;
	display: block;
}


/*==========================================
 フッターのスタイル
===========================================*/
footer{
	width:100%;
	margin:0px auto 0px auto;
}

footer #foot-center{
	width:96%;
	margin:0px auto 0px auto;
}

footer #foot-center ul#foot-bn{
	width:96%;
	margin:30px auto 30px auto;
}

footer #foot-center ul#foot-bn li{
	width:50%;
	max-width:200px;
	margin:0px auto 10px auto;
}

footer #foot-center #foot-logo{
	width:100%;
	max-width:236px;
	margin:0px auto 10px auto;
}

footer #foot-center #foot-logo p{
	width:100%;
	text-align:center;
	font-size:90%;
	margin:0px auto 0px auto;
}


}

/*  736px～960px (Tablet) */
@media screen and (min-width:736px) and (max-width:960px){

img{
	width:100%;	
}

.tab-none{
	display:none;	
}

#toggle{
	display:block;
}

#head01{
	padding-top:0px;
}

/*==========================================
 一時配置
===========================================*/


/*==========================================
 body
===========================================*/
body{
	width:100%;
	height:100%;
	line-height:180%;
	padding:0px;
	margin:0px;
}

body.top_bg{
	background-image: url(../img/bg06.jpg);
	background-repeat:repeat-x;
}

body.low_bg{
	background-image: url(../img/bg04.jpg);
	background-repeat:repeat-x;
}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
/* ハンバーガーボタン */
#toggle{
	width:100%;
}

.drawer-toggle{
	border:0px;
}

.drawer-hamburger-icon{
	width:80%;
	height:80%;
	min-height:45px;
	float:right;
	margin:25% 10% 0 0;
}


/*==========================================
 #container
===========================================*/
#container{
	width:100%;
	padding:0px;
	margin:0px auto 50px auto;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/
header{
	width:96%;
	max-width:736px;
	display:block;
	clear:both;
	line-height:140%;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
}

header h1{
	width:80%;
	max-width:356px;
	clear:both;
	vertical-align:middle;
	display:block;
	padding:25px 0px 20px 0px;
	margin:auto 0px auto 0px;
}

/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
main{
	width:100%;
	margin:0px auto 0px auto;
}

main #low-contents{
	width:98%;
	margin:0px auto 10px auto;
}

/*--見出し--*/
main h1{
	font-size:40px;
	padding:0.5em 0px 28px 0px;
	margin:0px auto 1.5em auto;
}

main h2{
	width:97%;
	font-size:19px;
	padding:12px 0px 12px 18px;
}

main h3{
	width:97%;
	font-size:17px;
	padding:5px 0px 5px 18px;
}

main h4{
	width:97%;
	font-size:15px;
	padding:5px 0px 5px 18px;
}

/* フォトボックス */
.photo-box01{
	width:35%;
	float:left;
	margin:0px 30px 20px 0px;
}

.rsc-tb{
	width:65%;
	float:right;
}

.photo-box02{
	width:35%;
	float:right;
	padding:0px 0px 20px 20px;
	border-bottom:#3D3938 1px solid;
	border-left:#3D3938 1px solid;
	margin:0px 0px 0px 20px;
}

/*==========================================
 下層コンテンツのスタイル
===========================================*/
/* ページコンテンツ */
#low-contents ul#page-contents{
	width:750px;
	margin:0px auto 0px auto;
}

#low-contents ul#page-contents li{
	width:200px;
	float:left;
}

.pc-img{
	
}

.pc-title{
	font-size:21px;
}

.pc-bt{
	width:200px;
	height:35px;
}

#low-contents ul#page-contents li#pc-box01{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box02{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box03{
	margin:0px 0px 100px 0px;
}

#low-contents ul#page-contents li#pc-box04{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box05{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box06{
	margin:0px 0px 100px 0px;
}

#low-contents ul#page-contents li#pc-box07{
	margin:0px 75px 100px 0px;
}

/*プルダウンメニュー*/
div.pulldownbox{
	width: 30%;
}


/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--#top_image--*/
main #top_image{
	width:100%;
	padding:0px 0px 10px 0px;
	margin:35px auto 30px auto;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px;
	height: 10px;
	margin: -10px 5px;
}

/*--topics--*/
main #topics{
	width:100%;
	padding:0px;
}

ul#topic{
	width:540px;
	height:660px;
	list-style-type:none;
	clear:both;
	padding:0px;
	margin:0px auto 20px auto;
}

ul#topic li{
	float:left;
	
}

ul#topic li a{
	width:260px;
	height:150px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	outline:none;
}

ul#topic li a p.tp-head{
	width:260px;
	height:48px;
	font-size:200%;
	font-weight:bold;
	display:table-cell;
	vertical-align:bottom;
	margin:30px auto 0px auto;
}

ul#topic li a p.tp-text{
	width:260px;
	font-size:110%;
	line-height:120%;
	margin:12px auto 0px auto;
}

#topic-box01 a {
	display:block;
	background: url(../img/topics/01.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 20px 0px;
}

#topic-box01 a:hover {display:block;background: url(../img/topics/01_on.png) no-repeat;}

#topic-box02 a {
	display:block;
	background: url(../img/topics/02.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 20px 0px;
}

#topic-box02 a:hover {display:block;background: url(../img/topics/02_on.png) no-repeat;}

#topic-box03 a {
	display:block;
	background: url(../img/topics/03.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 20px 0px;
}

#topic-box03 a:hover {display:block;background: url(../img/topics/03_on.png) no-repeat;}

#topic-box04 a {
	display:block;
	background: url(../img/topics/04.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 20px 0px;
}

#topic-box04 a:hover {display:block;background: url(../img/topics/04_on.png) no-repeat;}

#topic-box05 a {
	display:block;
	background: url(../img/topics/05.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 20px 0px;
}

#topic-box05 a:hover {display:block;background: url(../img/topics/05_on.png) no-repeat;}

#topic-box06 a {
	display:block;
	background: url(../img/topics/06.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 20px 0px;
}

#topic-box06 a:hover {display:block;background: url(../img/topics/06_on.png) no-repeat;}

#topic-box07 a {
	display:block;
	background: url(../img/topics/07.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 0px 0px;
}

#topic-box07 a:hover {display:block;background: url(../img/topics/07_on.png) no-repeat;}

#topic-box08 a {
	display:block;
	background: url(../img/topics/08.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#topic-box08 a:hover {display:block;background: url(../img/topics/08_on.png) no-repeat;}

/*--#info--*/
main #info{
	width:100%;
	height:475px;
}

main #info .info-head{
	width:100%;
	height:161px;
	background:url(../img/meijiro.png) no-repeat 100% 100% ;
	margin:0px;
}

main #info .info-head img{
	width:160px;
	height:57px;
	margin:81px auto 23px auto;
}

main #info .info-text{
	width:99%;
	height:310px;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
}

main #info dl.info_in {
	width: 99%;
	font-size: 14px;
	padding:2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

main #info dl.info_in dt {
	width: 15%;
	padding:1.2% 1% 0.9% 1%;
}

main #info dl.info_in dd {
	width:68%;
	padding:1.2% 1% 0.9% 3%;
	margin:0px 0px 0px 220px;
}

/*==========================================
 コンテンツエリア -> 「理念・目的」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「教員・研究室」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「サイトマップ」のスタイル
===========================================*/
ul.sitemap_list li {
	float:left;
	width:30%;
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:15px;
}


/*==========================================
 コンテンツエリア -> 「特色ある研究」のスタイル
===========================================*/
#research-field{
	width:720px;
	margin:20px auto 0px auto;
}

/*山内作成ここから*/

.research_list li {
	float:left;
	width:22%;
	background-image:url(../img/li-mark03.png);
	background-repeat: no-repeat;
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:15px;
}


/*山内作成ここまで*/

/*==========================================
 コンテンツエリア -> 「特色ある教育」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「大学生活」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「大学院生活」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「卒業後の進路」のスタイル
===========================================*/
.grad-pc{
	width:214px;
	height:138px;
}

/*--卒業生の進路リスト--*/
.job-wrap{
	width:55%;
	float:left;
}

.course-wrap{
	width:44%;
	float:left;
	margin-left:0px;
}

.pie-chart{
	width:200px;
	float:left;
	
}

.chart-result{
	width: auto;
	float:left;
	margin-left:2px;
}

.employment{
	clear:both;
}

ul.empl-list li{
	width:28%;
	list-style-image:url(../img/li-mark02.png);
	float:left;
	margin:5px 15px 5px 15px;
}

/*==========================================
 コンテンツエリア -> 「研究会・講演会」のスタイル
===========================================*/
/** add mitsutake  **/
main table.lec-tb{
	font-size:85%;
}

main table th.date{
	width:20%;
}

/*==========================================
 コンテンツエリア -> 「イベント」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「入試情報」のスタイル
===========================================*/


/*==========================================
 ページトップへボタンのスタイル
===========================================*/
#page_top{
	width:98%;
	max-width:60px;
	height:98%;
	max-height:60px;
	left: auto;
	display:block;
	text-align:right;
	z-index:100;
	margin-left:85%;
}

#page_top img{
	display:block;
	opacity:1.00;
}

#page_top a{
	width: 50px;
    height: 50px;
	display: block;
}


/*==========================================
 フッターのスタイル
===========================================*/
footer{
	width:100%;
	margin:0px auto 0px auto;
}

footer #foot-center{
	width:96%;
	margin:0px auto 20px auto;
}

footer #foot-center ul#foot-bn{
	width:640px;
	height:65px;
	clear:both;
	margin:30px auto 30px auto;
}

footer #foot-center ul#foot-bn li.bn01{
	width:200px;
	float:left;
	margin:0px auto 0px 0px;
}

footer #foot-center ul#foot-bn li.bn02{
	width:200px;
	float:left;
	margin:0px auto 10px 20px;
}

footer #foot-center ul#foot-bn li.bn03{
	width:200px;
	float:left;
	margin:0px auto 10px 20px;
}

footer #foot-center #foot-logo{
	width:100%;
	max-width:236px;
	clear:both;
	margin:0px auto 10px auto;
}

footer #foot-center #foot-logo p{
	width:100%;
	text-align:center;
	font-size:90%;
	margin:0px auto 0px auto;
}

}

/*  960px～ (PC) */
@media print, screen and (min-width: 961px) {

.pc-none{
	display:none;	
}

/*==========================================
 body
===========================================*/
body{
	min-width:1100px;
	
}

body.top_bg{
	background-image: url(../img/bg01.jpg);
	background-repeat:repeat-x;
}

body.low_bg{
	background-image: url(../img/bg02.jpg);
	background-repeat:repeat-x;
}

/*==========================================
 #container
===========================================*/
/*--container--*/
#container{
	width:1100px;
	min-width:1100px;
	clear:both;
	padding:0px;
	margin:0px auto 90px auto;
}

/*==========================================
 ヘッダーのスタイル
===========================================*/

header{
	width:1100px;
	max-width:1100px;
	display:block;
	clear:both;
	line-height:140%;
	padding:0px 0px 0px 0px;
	margin:0px auto 0px auto;
}

/*--logo--*/
header h1{
	width:356px;
	height:58px;
	vertical-align:middle;
	float:left;
	display:inline;
	padding:46px 36px 46px 0px;
	margin:auto 0px auto 0px;
}

/*--#global--*/
nav #global{
	width:515px;
	float:left;
	padding:0px;
	margin:0px 90px 0px 0px;
}

ul#navi {
	width:515px;
	height:32px;
	list-style-type:none;
	padding:0px;
	margin:60px 0px 0px 0px;
}

ul#navi li{
	list-style-type:none;
}

ul#navi li a{
	width:113px;
	height:25px;
	float:left;
	background:url(../img/li-mark.png) no-repeat 100% 50%;
	text-indent:0px;
	font-size:16px;
	font-weight:bold;
	display:list-item;
	padding-top:7px;
	border-bottom:#7B92A8 2px solid;
	margin-right:21px;
}

ul#navi li#menu04 a{
	margin-right:0px;
}

/*--#head-link--*/
ul#head-link{
	width:103px;
	float:right;
	margin:40px 0px 0px 0px;
}

ul#head-link li{
	width:103px;
	height:22px;
	margin:0px 0px 5px 0px;
}


/*==========================================
 コンテンツエリア全体のスタイル
===========================================*/
#pc-wrap{
	width:1100px;
	clear:both;
}

main #right-contents{
	width:820px;
	float:right;
}

main #low-title{
	width:820px;
	height:167px;
	margin-bottom:40px;
}

main #low-contents{
	width:820px;
	margin:0px 0px 0px 0px;
}

/*--見出し--*/
main h1{
	font-size:45px;
	padding:36px 0px 32px 0px;
}

main h2{
	width:802px;
	font-size:20px;
	padding:13px 0px 13px 18px;
}

main h3{
	width:802px;
	font-size:18px;
	padding:5px 0px 5px 18px;
}

main h4{
	width:802px;
	font-size:16px;
	padding:5px 0px 5px 18px;
}

/* フォトボックス */
.photo-box01{
	width:35%;
	float:left;
	margin:0px 30px 20px 0px;
}

.rsc-tb{
	width:65%;
	float:right;
}

.photo-box02{
	width:35%;
	float:right;
	padding:0px 0px 20px 20px;
	border-bottom:#3D3938 1px solid;
	border-left:#3D3938 1px solid;
	margin:0px 0px 0px 20px;
}

/* Yokoyama add start */
.photo-box03{
	width:60%;
	float:left;
}
/* Yokoyama add end */



/*==========================================
 下層コンテンツのスタイル
===========================================*/
/* ページコンテンツ */
#low-contents ul#page-contents{
	width:750px;
	margin:0px auto 0px auto;
}

#low-contents ul#page-contents li{
	width:200px;
	float:left;
}

.pc-img{
	
}

.pc-title{
	font-size:21px;
}

.pc-bt{
	width:200px;
	height:35px;
}

#low-contents ul#page-contents li#pc-box01{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box02{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box03{
	margin:0px 0px 100px 0px;
}

#low-contents ul#page-contents li#pc-box04{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box05{
	margin:0px 75px 100px 0px;
}

#low-contents ul#page-contents li#pc-box06{
	margin:0px 0px 100px 0px;
}

#low-contents ul#page-contents li#pc-box07{
	margin:0px 75px 100px 0px;
}

/*プルダウンメニュー*/
div.pulldownbox{
	width: 30%;
}




/*==========================================
 コンテンツエリア -> 「HOME」のスタイル
===========================================*/
/*--top_image--*/
main #top-image{
	width:1100px;
	height:335px;
	margin:0px 0px 52.5px 0px;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	width: 10px;
	height: 10px;
	margin: 0px 5px;
}

/*--topics--*/
main #topics{
	width:1100px;
	padding:0px;
}

ul#topic{
	width:1100px;
	height:320px;
	list-style-type:none;
	padding:0px;
	margin:0px 0px 50px 0px;
}

ul#topic li{
	float:left;
	
}

ul#topic li a{
	width:260px;
	height:150px;
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	outline:none;
}

ul#topic li a p.tp-head{
	width:260px;
	height:48px;
	font-size:200%;
	font-weight:bold;
	display:table-cell;
	vertical-align:bottom;
	margin:30px auto 0px auto;
}

ul#topic li a p.tp-text{
	width:260px;
	font-size:110%;
	line-height:120%;
	margin:12px auto 0px auto;
}

#topic-box01 a {
	display:block;
	background: url(../img/topics/01.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 20px 0px;
}

#topic-box01 a:hover {display:block;background: url(../img/topics/01_on.png) no-repeat;}

#topic-box02 a {
	display:block;
	background: url(../img/topics/02.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 20px 0px;
}

#topic-box02 a:hover {display:block;background: url(../img/topics/02_on.png) no-repeat;}

#topic-box03 a {
	display:block;
	background: url(../img/topics/03.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 20px 0px;
}

#topic-box03 a:hover {display:block;background: url(../img/topics/03_on.png) no-repeat;}

#topic-box04 a {
	display:block;
	background: url(../img/topics/04.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 20px 0px;
}

#topic-box04 a:hover {display:block;background: url(../img/topics/04_on.png) no-repeat;}

#topic-box05 a {
	display:block;
	background: url(../img/topics/05.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 0px 0px;
}

#topic-box05 a:hover {display:block;background: url(../img/topics/05_on.png) no-repeat;}

#topic-box06 a {
	display:block;
	background: url(../img/topics/06.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 0px 0px;
}

#topic-box06 a:hover {display:block;background: url(../img/topics/06_on.png) no-repeat;}

#topic-box07 a {
	display:block;
	background: url(../img/topics/07.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 20px 0px 0px;
}

#topic-box07 a:hover {display:block;background: url(../img/topics/07_on.png) no-repeat;}

#topic-box08 a {
	display:block;
	background: url(../img/topics/08.png) no-repeat;
	outline:none;
	padding:0px;
	margin:0px 0px 0px 0px;
}

#topic-box08 a:hover {display:block;background: url(../img/topics/08_on.png) no-repeat;}

/*--#info--*/
main #info{
	width:1100px;
	height:475px;
}

main #info .info-head{
	width:1100px;
	height:161px;
	background:url(../img/meijiro.png) no-repeat 100% 100% ;
	margin:0px;
}

main #info .info-head img{
	width:160px;
	height:57px;
	margin:81px auto 23px auto;
}

main #info .info-text{
	width:100%;
	height:310px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

main #info dl.info_in {
	width: 99%;
	font-size: 14px;
	padding:2px 2px 2px 2px;
	margin: 0px 0px 0px 0px;
}

main #info dl.info_in dt {
	width: 15%;
	padding:1.2% 1% 0.9% 1%;
}

main #info dl.info_in dd {
	width:75%;
	padding:1.2% 1% 0.9% 3%;
	margin:0px 0px 0px 220px;
}





/*==========================================
 コンテンツエリア -> 「理念・目的」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「教員・研究室」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「サイトマップ」のスタイル
===========================================*/
ul.sitemap_list li {
	float:left;
	width:30%;
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:15px;
}


/*==========================================
 コンテンツエリア -> 「特色ある研究」のスタイル
===========================================*/
#research-field{
	width:720px;
	margin:20px auto 0px auto;
}

/*山内作成ここから*/

.research_list li {
	float:left;
	width:18%;
	background-image:url(../img/li-mark03.png);
	background-repeat: no-repeat;
	background-position:0px 7px;
	padding-left:15px;
	padding-bottom:15px;
}

/*山内作成ここまで*/


/*==========================================
 コンテンツエリア -> 「特色ある教育」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「大学生活」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「大学院生活」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「卒業後の進路」のスタイル
===========================================*/
ul.grad-list{
	margin-left:50px;
}

.grad-pc{
	width:214px;
	height:138px;
}


/*--卒業生の進路リスト--*/
.job-wrap{
	width:50%;
	float:left;
}

.job-wrap h4{
	width:50%;
}

.course-wrap{
	width:45%;
	float:right;
	margin-left:0px;
}

.course-wrap h4{
	width:50%;
}

.pie-chart{
	width:200px;
	float:left;
	
}

.chart-result{
	width: auto;
	float:left;
	margin-left:5px;
}

.employment{
	clear:both;
}

ul.empl-list li{
	width:30%;
	list-style-image:url(../img/li-mark02.png);
	float:left;
	margin:5px 10px 5px 10px;
}



/*==========================================
 コンテンツエリア -> 「研究会・講演会」のスタイル
===========================================*/
main table th.date{
	width:20%;
}


/*==========================================
 コンテンツエリア -> 「イベント」のスタイル
===========================================*/


/*==========================================
 コンテンツエリア -> 「入試情報」のスタイル
===========================================*/


/*==========================================
 ページトップへボタンのスタイル
===========================================*/
#page_top a{
	display:none;
}

/*==========================================
 フッターのスタイル
===========================================*/
footer{
	width:100%;
	margin:0px auto 0px auto;
}

footer #foot-center{
	width:1100px;
	height:149px;
	font-size:100%;
	margin:0px auto 0px auto;
}

footer #foot-center ul#foot-bn{
	width:660px;
	height:65px;
	float:left;
	margin:42px auto 42px 0px;
}

footer #foot-center ul#foot-bn li{
	width:200px;
	height:65px;
	float:left;
	margin-right:20px;
}

footer #foot-center #foot-logo{
	width:236px;
	height:65px;
	float:right;
	margin:40px 0px 0px 0px;
}

footer #foot-center #foot-logo p{
	text-align:right;
	margin:10px 0px 0px 0px;
}

}

/*==========================================
 グローバルナビゲーションのスタイル
===========================================*/
/* ドロワーメニュー */

/* 外枠はそのまま */
#menu-outer {
  position: fixed;
  width:100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}

/* 内枠を追加 */
#menu-inner {
  height: 100%;
  overflow-y: auto;
}

.drawer-nav-list{
	width:100%;
	list-style-type:none;
	margin-top:0px;
}

.drawer-nav-list ul{
	border-top:1px solid #FFFFFF;
}	

.drawer-nav-list li{
	font-size:13px;
	border-bottom:1px solid #FFFFFF;
	margin-right:0px;
}

.drawer-nav-list li a{
	display:block;
	text-decoration:none;
}

.drawer-nav-list li a:link,
.drawer-nav-list li a:visited{
	color:#FFFFFF;
	background-color:#7B92A8;
	padding:10px 10px 10px 10px;
}

.drawer-nav-list li.dra02 a:link,
.drawer-nav-list li.dra02 a:visited{
	color:#FFFFFF;
	background-color:#96A8BA;
	padding:10px 10px 10px 10px;
}

.drawer-nav-list li a:hover,
.drawer-nav-list li a:active{
	color:#FFFFFF;
	background-color:#381F86;
}

.drawer-default a:hover, .drawer-default a:focus {
      color: #FFFFFF !important;
      text-decoration: none; }
	  
.nolink{
	font-size:13px;
	border-bottom:1px solid #FFFFFF;
	margin-right:0px;
	color:#fff;
	background-color:#000000;
	padding:10px;
}

.nolink-sub{
	font-size:13px;
	color:#fff;
	text-decoration:underline;
	background-color:#111111;
	padding:2px 10px;
	border-bottom:1px solid #FFFFFF;
	margin-right:0px;
}	  

.drawer-nav-sub{
	width:100%;
	list-style-type:none;
	margin-top:0px;
}

.drawer-nav-list ul{
	border-bottom:1px solid #FFFFFF;
}

.drawer-nav-sub li{
	font-size:12px;
	line-height:150%;
	border-bottom:1px solid #FFFFFF;
	margin-right:0px;
}

.drawer-nav-sub li a{
	display:block;
	text-decoration:none;
}

.drawer-nav-sub li a:link,
.drawer-nav-sub li a:visited{
	color:#FFFFFF;
	background-color:#B0BECB;
	padding:5px 10px;
}

.drawer-nav-sub li a:hover,
.drawer-nav-sub li a:active{
	color:#FFFFFF;
	background-color:#604C9E;
	padding:5px 10px;
}

/*img_max_width*/
img.small{
	max-width: 100%;
	height: auto;
}

img.max1{
	width: auto;
	max-width: 100%;
	height: auto;
}