@charset "utf-8";

#container {
	margin: 0 auto;
	_text-align: center;
}

/*ヘッダ*/
.header_wrap {
	height: 121px;
	border-top: 3px solid #0f3d68;
	background: url(../images/index/hmenu_bg.gif) 0 bottom repeat-x;
}
#header {
	margin: 0 auto;
	width: 850px;
	_text-align: left;
	position: relative;
}
#header h1 {
	width: 231px;
	height: 76px;
	background: url(../images/index/logo_new.gif) 0 0 no-repeat;
	text-indent: -9999px;
}
#header .search {
	left: auto;
	right: 150px;
}
#header .fontsize {
	width: auto;
	height: 25px;
	background-position: 0 center;
	left: auto;
	right: 5px;
}
#header .fontsize a {
	width: 25px;
	height: 25px;
}

#header a.lang {
	width: 101px;
	height: 26px;
	background: url(../images/index/lang.gif) 0 0 no-repeat;
	text-indent: -9999px;
	text-decoration: none;
	position: absolute;
	top: 0px;
	right: 15px;
}

/*メニュー*/
.menu_purpose {
	margin: 0 auto;
	_margin: 0;
	width: 850px;
}
.menu_purpose li {
	height: 45px;
	float: left;
}
.menu_purpose li a {
	width: 141px;
	height: 45px;
	text-indent: -9999px;
	background: 0 0 no-repeat;
	display: block;
}
.menu_purpose li a.introduction { background-image: url(../images/index/hmenu_01.gif); }
.menu_purpose li a.education { background-image: url(../images/index/hmenu_02.gif); }
.menu_purpose li a.research { background-image: url(../images/index/hmenu_03.gif); }
.menu_purpose li a.admission { background-image: url(../images/index/hmenu_04.gif); }
.menu_purpose li a.campuslife { background-image: url(../images/index/hmenu_05.gif); }
.menu_purpose li a.hospital { width: 145px; background-image: url(../images/index/hmenu_06.gif); }
.menu_purpose li a:hover {
	background-position: 0 -45px;
}

.menu_visitor {
	margin-left: -19px;
	width: 216px;
	float: left;
	_position: relative;
}
.menu_visitor li a {
	margin-bottom: 3px;
	width: 207px;
	height: 41px;
	text-indent: -9999px;
	background: 0 0 no-repeat;
	display: block;
}
.menu_visitor li a.examination { background-image: url(../images/index/vmenu_01.gif); }
.menu_visitor li a.students { background-image: url(../images/index/vmenu_02.gif); }
.menu_visitor li a.alumnus { background-image: url(../images/index/vmenu_03.gif); }
.menu_visitor li a.company { background-image: url(../images/index/vmenu_04.gif); }
.menu_visitor li a.local { background-image: url(../images/index/vmenu_05.gif); }
.menu_visitor li a.patient { margin-bottom: 5px; background-image: url(../images/index/vmenu_06.gif); }
.menu_visitor li a.department { margin-bottom: 5px; background-image: url(../images/index/vmenu_07.gif); }
.menu_visitor li a.institution { background-image: url(../images/index/vmenu_08.gif); }
.menu_visitor li a.staffs { background-image: url(../images/index/vmenu_09.gif); }

.swf {
/* スマホ化前 	
	margin-bottom: 14px;
	width: 652px;
	height: 210px;
	background: url(../images/index/swf_new.jpg); */
	    height: 210px;
    margin-bottom: 14px;
    padding: 14px 0 0 16px;
    width: 652px;
}

/*メイン*/
#main {
	margin: 0 auto;
	padding-top: 5px;
	padding-bottom: 30px;
	width: 850px;
	_text-align: left;
	position: relative;
}

#main a.daishinsai {
	position: absolute;
	top: 476px;
	left: 10px;
}

#main a.medicalphoto {
	position: absolute;
	top: 422px;
	left: 10px;
}

#main a.kouhou {
	position: absolute;
	top: 422px;
	left: 10px;
}

#main a.nosmoke {
	position: absolute;
	top: 530px;
	left: 10px;
}

#main .right {
	width: 652px;
	float: left;
}

/*バナー*/
.banner {
	margin-top: 30px;
	padding-left: 16px;
	width: 180px;
	float: left;
}
.banner h2 {
	height: 6px;
	background: url(../images/index/banner_top.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	overflow: hidden;
}
.banner p {
	padding: 5px;
	padding-bottom: 10px;
	background: url(../images/index/banner_bottom.gif) 0 bottom no-repeat;
}
.banner p img { margin: 2px 0; }

/*トピックス*/
.topics {
	padding-left: 14px;
	margin-bottom: 40px;
	width: 436px;
	float: left;
	position: relative;
}
.topics h2 {
	margin-bottom: 11px;
	height: 39px;
	background: url(../images/index/topics_title.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
}
.topics a.list {
	width: 83px;
	height: 18px;
	background: url("../images/index/topics_title.gif") -353px -5px no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	position: absolute;
	bottom: -30px;
	right: 2px;
}
.topics a.eventinfo {
	width: 165px;
	height: 26px;
	background: url(../images/index/b_eventinfo.gif) 0 0 no-repeat;
	font-size: 1px;
	text-indent: -9999px;
	position: absolute;
	top: 0px;
	right: 2px;
}
.topics a.rss {
	width: 23px;
	height: 23px;
	background: #ffffff url(../images/index/feedIcon.png) 0 0 no-repeat;
	font-size: 90%;
	text-indent: -9999px;
	position: absolute;
	top: 3px;
	left: 120px;
	display: block;
}
.topics .inner {
	height: 287px;
	overflow: auto;
}
.topics table th, .news table td {
	padding: 5px 0;
	vertical-align: top;
}
.topics table th {
	padding-left: 24px;
	background: url(../images/index/topics_arrow.gif) 10px 9px no-repeat;
	/*font-weight: bold;*/
	white-space: nowrap;
}
.topics table td {
	padding: 5px 20px 5px 10px;
	background: 17px 8px no-repeat;
}
.topics table td a { color: #00003E; }
.topics table td.info { background-image: url(../../../uni/university/images/index/news_icon_info.gif); }
.topics table td.event { background-image: url(../../../uni/university/images/index/news_icon_event.gif); }

/*フッタ*/
#footer {
	background: #d9ece2;
}
#footer .footer a.pagetop { background: url(../images/pagetop.gif) 0 0 no-repeat; }

/*40周年バナー*/
a.banner_40th {
	display: block;
	position: absolute;
	right: 7px;
	top: 18px;
}
a.banner_40th img {
	width: 179px;
}
/*基金バナー*/
a.banner_kikin {
	display: block;
	position: absolute;
	right: 7px;
	top: 230px;
}
a.banner_kikin img {
	width: 179px;
}
.swf {
	background-repeat: no-repeat;
	/*background-position: -157px 0;*/
	background-position: 16px 14px;
	width: 455px;
}
/* sp化追加 */
#sp_menu_container{
	display:none;
}
.clear:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.switch_banner,.switch_banner_bottom{
	display:none !important;
}
@media screen and (max-width: 850px) {
	/* ヘッダー */
#header{
	width:100%;
}
#header .fontsize{
	display: none;
}
#header .gsearch{
	right:0;
}
/* グローバルメニュー */
.menu_purpose{
	width:100%;
}
.menu_purpose li{
width: 16%;
}
.menu_purpose li a.introduction,
.menu_purpose li a.education,
.menu_purpose li a.research,
.menu_purpose li a.admission,
.menu_purpose li a.campuslife,
.menu_purpose li a.hospital{
    background-image: none;
    color: #fff;
    font-size: 110%;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 3px #000;
    width: 100%;
				box-sizing: border-box;
				padding: 14px 2% 0;
				text-align:center;
				font-family: "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
}
.menu_purpose li a:hover{
	background-image: url(../images/sp/bg_gnv_hover.png);
	background-position:left top;
	background-repeat:repeat-x;
}
.menu_purpose li:nth-child(5){
	width:20%;
}
.menu_purpose li a.campuslife{
	width:100%;
}
.menu_purpose li:nth-child(6){
		width: 16%;
}
.menu_purpose li:nth-child(6) a{
	background-image: url(../images/sp/ic_hos.png),url(../images/sp/bg_gnv_hos.png);
	background-position:5% 14px,left top;
	background-repeat:no-repeat,repeat-x;
					padding:14px 2% 0 20%;
}
.menu_purpose li:nth-child(6) a:hover{
		background-image: url(../images/sp/ic_hos.png),url(../images/sp/bg_gnv_hos_hover.png);
	background-position:5% 14px,left top;
	background-repeat:no-repeat,repeat-x;
}
/* 訪問者別メニュー */
.menu_visitor {
	width: 22%;
	float: left;
	_position: relative;
	margin:10px 0 40px 3%;
}
.menu_visitor li a {
    background-color: #f4f4f4;
    background-image: url("../images/sp/ic_vnav.png") !important;
    background-position: 5px 50%;
    border: 1px solid #cfcfcf;
    border-radius: 9px;
    box-sizing: border-box;
    color: #484848;
    display: block;
    height: auto;
    margin-bottom: 10px;
    padding: 8px 5px 8px 25px;
    text-decoration: none;
    text-indent: 0;
    width: 100%;
}
.menu_visitor li a.department,.menu_visitor li a.patient{
	margin-bottom:10px;
}
/*フッター  */
#footer{
	height:200px;
}
#footer .footer{
	width: 100%;
}
#footer .footer .address{
	top: 60px;
}
#footer .footer .copyright{
	top: 107px;
}

/*コンテンツ  */
#main{
width:100%;
}

#main .right {
    float: left;
    width: 75%;
				 padding-bottom: 160px;
}
/* メインビジュアル */


.swf {
    background-image: none;
    height: auto;
    margin: 10px 5% 30px;
    padding: 0;
    width: 90%;
}
.swf img{
	width:100%;
	height:auto;
}
/* トピックス */

.topics {
    float: left;
    margin: 0 5% 40px;
    padding-left: 14px;
    position: relative;
    width: 90%;
}

.topics .inner {
    height: 560px;
}
/* バナー */

.banner {
    float: none;
    margin-top: 30px;
    padding-left: 16px;
    position: absolute;
    width: 100%;
					left:0;
					background:#F4F4F4;
					 box-sizing: border-box;
						bottom: 0;
}
.banner h2{
	background-image:none;
}
.banner p{
	width:100%;
	position:relative;
	background:none;
	box-sizing: border-box;
	 padding: 5px;
}

.banner p .banner_inner{
		width:100%;
	display:table;
	margin-bottom:10px;
	
}
.banner p .banner_inner:after{
	display:table;
	clear:both;
}

.banner p .banner_inner a{
	display:table-cell;
	width:33%;
	 text-align: center;
}
.banner p img{
	margin:0;
}

a.banner_40th {
    left: 3%;
     top: 630px;
				width:22%;
}
a.banner_40th img{
	  width: 100%;
}

a.banner_kikin {
    left: 3%;
     top: 840px;
				width:22%;
}
a.banner_kikin img{
	  width: 100%;
}

#main a.nosmoke,#main a.daishinsai,#main a.kouhou {
    left: 3%;
				width:22%;
}
#main a.nosmoke img,#main a.daishinsai img,#main a.kouhou img{
	width:100% !important;
	height:100% !important;
}
#main a.kouhou {
					top: 450px;
}
#main a.daishinsai{
					top: 510px;
}
#main a.nosmoke{
					top: 570px;
}

}
@media screen and (max-width: 640px) {
	/* ヘッダー */
#header h1{
	 margin: 0 auto;
}
#header .gsearch{
	display:none;
}
#header a.lang{
display: none;
}
/* メニュー */

.menu_purpose li{
	display:none;
}
#sp_menu_container{
	display:block;
}
.sp_menu_box{
	width:100%;
}
.sp_menu_box > li{
    display: block;
    float: left;
    width: 33.2%;
				border-right:1px #8AC8E6 solid;
				box-sizing:border-box;
					height: 45px;
					
}
.sp_menu_box > li:last-child{
					border-right:0;
}
.sp_menu_box > li a{
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 120%;
    font-weight: 200;
    height: 45px;
    padding-top: 14px;
    text-align: center;
    text-decoration: none;
    text-shadow: 1px 1px 1px #000;
			font-family: "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
    width: 100%;
}
.sp-menu-bt{
}
#sp-menu-ic{
	    display: block;
    padding: 4px 0 0;
    text-align: center;

}
.sp_menu_box li:hover{
	background-image: url(../images/sp/bg_gnv_hover.png);
	background-position:left top;
	background-repeat:repeat-x;
}


/* 開閉部分メニュー */
.sp_menu_list {
	display:none;
	width:98%;
	background:#fff;
	position:absolute;
	top:124px;
	left:1%;
	border:2px solid #6896AC;
	border-top:none;
	box-sizing:border-box;
	z-index:10000;
	font-family: "メイリオ",Meiryo,"ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro","MS Pゴシック","MS PGothic",sans-serif;
}
.sp_menu_list li{
} 
.sp_gnav li:hover,.sp_visitor_nav li:hover,.sp_fo_nav li:hover{
	opacity:0.8;
}
/* スマホメニュー検索部分 */
.sp_menu_list li#sitesearch-s{
	    float: none;
    width: 100%;
					background:#C8E3F2;
}


#searcharea-s {
    margin: 0 0 0 12%;
    padding: 20px 0 15px;
    text-align: center;
    width: 60%;
				position:relative;
}
#words-s{
	width:100%;
	    height: 20px;
    line-height: 20px;
				padding: 3px;
				border:none;
	
}

#searchbtn-s{
    position: absolute;
    right: 18%;
    top: 22px;
}

/* スマホメニューグローバルナビ */
.sp_gnav{
	border-top:2px solid #F1F9FC;
}
.sp_gnav li{
		width:50%;
	float:left;
	background:#70bad2;
	border-bottom:1px solid #F1F9FC;
	border-collapse:collapse;
	box-sizing: border-box;
	}

.sp_gnav li:nth-child(odd){
	border-right:1px solid #F1F9FC;	
}
.sp_gnav li a{
	text-decoration:none;
	font-size:120%;
	text-align:center;
	padding:15px 0;
	width:100%;
	box-sizing:border-box;
	display:block;
	font-weight:bold;
	}
.sp_gnav li a.sp-hospital{
	background:#C3E480;
}



/* スマホメニュー訪問者ナビ */
.sp_visitor_nav{
	border-top:2px solid #F1F9FC !important;
}
.sp_visitor_nav li{
	width:50%;
	float:left;
	background:#C8E3F2;
	border-bottom:1px solid #F1F9FC;
	border-collapse:collapse;
	box-sizing: border-box;
	}

.sp_visitor_nav li a{
    box-sizing: border-box;
    color: #333333;
    display: block;
    font-size: 95%;
    padding: 10px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
	}
	
.sp_visitor_nav li:nth-child(odd){
	border-right:1px solid #F1F9FC;	
}

.sp_eng{
	background:#C4CFDA;
}

/* スマホメニューフッターナビ */
.sp_fo_nav{
	border-top:2px solid #F1F9FC !important;
}
.sp_fo_nav li{
		width:33%;
	float:left;
	background:#DBEDF7;
	border-bottom:1px solid #F1F9FC;
	border-left:1px solid #F1F9FC;
	border-collapse:collapse;
	box-sizing: border-box;
	}
.sp_fo_nav li:first-child{
	border-left:none;	
}
.sp_fo_nav li:nth-child(2){
		width:34%;	
}
.sp_fo_nav li a{
	    box-sizing: border-box;
    color: #333333;
    display: block;
    font-size: 95%;
    padding: 7px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;}
				
/* 訪問者別メニュー */

.menu_visitor {
    float: none;
    margin: 0;
    width: 100%;
				background:#DBF4F4;
				box-sizing:border-box;
				padding:10px 0;
				position:absolute;
				bottom:0;
}
.menu_visitor:after{
	display:table;
	clear:both;
}
.menu_visitor li {
	width:49%;
	float:left;
	
}
.menu_visitor li:nth-child(odd){
	margin-left:1%;
	margin-right:1px;
}
.menu_visitor li a {
    background-color: #31b9b7;
    background-image: none !important;
    background-position: 5px 50%;
    border: medium none;
    border-radius: 0;
    box-sizing: border-box;
    color: #484848;
    display: block;
    font-size: 95%;
    height: auto;
    margin-bottom: 1px;
    padding: 10px;
    text-decoration: none;
    text-indent: 0;
    width: 100%;
				text-align:center;
				font-family: "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
}
.menu_visitor li a:hover{
	opacity:0.8;
}

.menu_visitor li a.department, .menu_visitor li a.patient {
    margin-bottom: 1px;
}
/* コンテンツ */
#main .right{
	width:100%;
	 float: none;
		/* バナー部分の余白調整 */
	padding-bottom: 193px;
}
/* トピックス */
.topics h2{
   background: rgba(0, 0, 0, 0) url("../images/sp/ic_sp_topics.png") no-repeat scroll left 50%;
    border-bottom: 2px solid #ccc;
    font-size: 18px;
    font-weight: bold;
    line-height: 39px;
    padding: 0 10px 0 20px;
    text-indent: 0;
				font-family: "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
}
.topics a.rss{
	display: none;
}
.topics{
    border-bottom: 2px solid #ccc;
    box-sizing: border-box;
    float: none;
    margin: 0;
    padding: 0 5px 45px;
				    width: 100%;
}
.topics_list{
	width:100%;
}
.topics_list tbody tr:nth-child(n+6){
	display:none;
}
.topics_list tr{
	border-top:1px #CCC dotted;
	padding:10px 0;
	display:block;
}
.topics_list tr:first-child{
	border-top:none;
}
.topics table th, .topics table td{
	width:100%;
	box-sizing:border-box;
	display:inline-block;
}
.topics table th{
	padding-bottom:0;
}
.topics table td{
	padding-top:0;
}
.topics a.list{
	    position: relative;
					 bottom: -20px;
					top: inherit;
padding: 0 0 0 15px;
    font-size: 12px;
    text-decoration: none;
    text-indent: 0;
    width: auto;
				  background: rgba(0, 0, 0, 0) url("../images/index/topics_arrow.gif") no-repeat scroll 0px 3px;
						 margin-left: 10px;

}
.topics a.eventinfo{
    bottom: 21px;
    top: auto;
				}

.topics .inner {
    height: 500px;
				overflow:hidden;
}
/* バナー */

.banner{
	position:relative;
	padding-left:0;
	margin-top: 27px;
}
.banner p {
    box-sizing: border-box;
    padding: 5px 10%;
    position: relative;
    width: 100%;
}
.banner p .banner_inner{
	display:inline;
	margin-bottom:0;
}
.banner_box,.switch_banner_bottom{
	width:360px;
	display:block;
	margin:0 auto;
	
}
.banner p .banner_inner a {
    display: block;
    float: left;
    margin: 0 0 10px 10px;
    text-align: center;
    width: 170px;
}
.banner p .banner_inner a img{
	width:100%;
	height:auto;
}

#left_banners{
	display:none;
	
}
.switch_banner,.switch_banner_bottom{
	display:block !important;
}
.switch_banner_bottom{
	padding:0 0 10px 10px;
	box-sizing:border-box;
}
.switch_banner_bottom a{
    display: block;
    height: auto;
    margin: 0 auto;
    width: 50%;
	}
.switch_banner_bottom a img{
	width:100%;
	}

.leftbanner_inner{
	
}
.banner_inner .kouhou,.banner_inner .daishinsai,.banner_inner .nosmoke{ 
	display:block;
}
#main a.nosmoke,#main a.daishinsai,#main a.kouhou{
    left: 0;
				width: 170px;
				position:relative;
}
#main a.nosmoke img,#main a.daishinsai img,#main a.kouhou img{
	width:100%!important;
	height:auto !important;
}
#main a.kouhou,#main a.daishinsai,#main a.nosmoke {
					top: auto;
}
#main a.daishinsai{
					top: auto;
}
#main a.nosmoke{
					top: auto;
}


/* フッター */
#footer .footer {
    box-sizing: border-box;
    padding: 0 10px;
}
a.banner_40th {
    float: none !important;
    width: 100% !important;
}

#footer .footer .links{
	box-sizing: border-box;
	    position: relative;
    top: 15px;
    width: 100%;
    z-index: 100;
				right:auto;
}


#footer .footer .address {
    top: 80px;
}
#footer .footer .copyright {
    top: 157px;
}

}
@media screen and (max-width: 500px) {
	.banner p{
		padding: 5px 5%;
		margin-left: -5px;
	}
	.banner_box{
		width:100%;
	}
	.banner p .banner_inner a {
    display: block;
    float: left;
    margin: 0 0 10px 10px;
    text-align: center;
			 width: 46%;
}
.switch_banner_bottom{
	width: 100%;
}
#main a.nosmoke,#main a.daishinsai,#main a.kouhou,a  {
				 width: 46%;
}
	
}