@charset "utf-8";

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

/*ヘッダ*/
.header_wrap {
	height: 121px;
	border-top: 3px solid #0F4C42;
	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: 400px;
	height: 76px;
	background: url(../images/index/logo_new.gif) 0 -5px 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: 106px;
	height: 45px;
	text-indent: -9999px;
	background: 0 0 no-repeat;
	display: block;
}
.menu_purpose li a.introduction { width: 108px; background-image: url(../images/index/hmenu_01.gif); }
.menu_purpose li a.consultation { background-image: url(../images/index/hmenu_02.gif); }
.menu_purpose li a.medical { background-image: url(../images/index/hmenu_03.gif); }
.menu_purpose li a.institution { background-image: url(../images/index/hmenu_04.gif); }
.menu_purpose li a.recruitment { background-image: url(../images/index/hmenu_05.gif); }
.menu_purpose li a.traffic { background-image: url(../images/index/hmenu_06.gif); }
.menu_purpose li a.inquiry { background-image: url(../images/index/hmenu_07.gif); }
.menu_purpose li a.university { background-image: url(../images/index/hmenu_08.gif); }
.menu_purpose li a:hover {
	background-position: 0 -45px;
}

@media print {
	.menu_purpose { width: 851px; }
}

.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.patients { background-image: url(../images/index/vmenu_01.gif); }
.menu_visitor li a.medical { background-image: url(../images/index/vmenu_02.gif); }
.menu_visitor li a.students { background-image: url(../images/index/vmenu_03.gif); }
.menu_visitor li a.handayama { height: 50px; background-image: url(../images/index/vmenu_04.gif); }
.menu_visitor li a.shihyou { height: 40px; background-image: url(../images/index/vmenu_05.gif); }

.swf {
	margin-bottom: 14px;
	width: 652px;
	height: 210px;
	background: url(../images/index/swf.jpg);
}

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

#main a.qhc {
	width: 106px;
	height: 111px;
	display: block;
	position: absolute;
	top: 510px;
	left: 40px;
}

#main a.iso15189 {
	width: 116px;
	height: 105px;
/* 	background: url(../images/index/banner/banner_iso15189.jpg) 0 0 no-repeat; */
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 570px;
	left: 34px;
	display: none;
}

#main a.iso15189_2 {
	width: 187px;
	height: 33px;
background: url(../images/index/banner/banner_iso15189_2.jpg) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 421px;
	left: 0px;
}

#main a.daishinsai {
	position: absolute;
	top: 358px;
	left: 29px;
}

#main a.kinen {
	position: absolute;
	top: 258px;
	left: 0px;
}

#main a.yoyakusei {
	position: absolute;
	top: 306px;
	left: -1px;
}

#main a.tanpopo {
	position: absolute;
	top: 344px;
	left: -1px;
}

#main a.kangoshi {
	position: absolute;
	top: 382px;
	left: -1px;
}

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

/*バナー*/
.banner {
	margin-top: 29px;
	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: 6px;
	background: url(../images/index/banner_bottom.gif) 0 bottom no-repeat;
}
.banner p img { margin-bottom: 2px; }

/*トピックス*/
.topics {
	padding-left: 14px;
	width: 436px;
	float: left;
	position: relative;
}
.topics h2 {
	margin-bottom: 11px;
	height: 31px;
	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") no-repeat scroll -354px -6px transparent;
	font-size: 1px;
	text-indent: -9999px;
	position: absolute;
	/*top: 6px;*/
	top: 382px;
	right: 2px;
}
.topics a.rss {
	padding-left: 28px;
	background: #ffffff url(../images/index/feedIcon.png) 0 0 no-repeat;
	font-size: 90%;
	text-decoration: none;
	line-height: 23px;
	position: absolute;
	top: 3px;
	right: 7px;
	display: block;
}
.topics .inner {
	height: 332px;
	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(../../../hospital/university/images/index/news_icon_info.gif); }
.topics table td.event { background-image: url(../../../hospital/university/images/index/news_icon_event.gif); }

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

/*バナー*/
.switch_banner,.switch_banner_bottom{
	display:none !important;
}
/* sp化追加 */
#sp_menu_container{
	display:none;
}
.clear:after {
	content: "";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}

@media screen and (max-width: 850px) {
/* ヘッダー */
#header{
	width:100%;
}
#header .fontsize{
	display: none;
}
#header .gsearch{
	right:0;
}
/* グローバルメニュー */
.menu_purpose{
   background-image: url(../images/sp/bg_gnv_uni.png);
    background-position: 100% 100%;
    background-repeat: no-repeat;
    background-size: 10px 100%;
    width: 100%;
    box-sizing:border-box;

}
.menu_purpose:after{
	display:table;
	clear:both;
	content:"";
}
.menu_purpose li{
width: 11%;
display:table;
}
.menu_purpose li:nth-child(1),.menu_purpose li:nth-child(2),.menu_purpose li:nth-child(3),.menu_purpose li:nth-child(7){
width: 14%;
}
.menu_purpose li a.introduction,
.menu_purpose li a.consultation,
.menu_purpose li a.medical,
.menu_purpose li a.institution,
.menu_purpose li a.recruitment,
.menu_purpose li a.traffic,
.menu_purpose li a.inquiry,
.menu_purpose li a.university{
	background-image:none;
	display:table-cell;
	    color: #fff;
    font-size: 108%;
    text-decoration: none;
    text-indent: 0;
    text-shadow: 1px 1px 3px #000;
    width: 100%;
				box-sizing: border-box;
				padding: 0 2% 0;
				vertical-align:middle;
				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(8) a{
	background-image: url(../images/sp/ic_uni.png),url(../images/sp/bg_gnv_uni.png);
	background-position:7% 12px,left top;
	background-repeat:no-repeat,repeat-x;
	padding-left: 13%;
	
}
.menu_purpose li:nth-child(8) a:hover{
		background-image: url(../images/sp/ic_uni.png),url(../images/sp/bg_gnv_uni_hover.png);
	background-position:7% 12px,left top;
	background-repeat:no-repeat,repeat-x;
}
/* 訪問者別メニュー */
.menu_visitor {
	width: 22%;
	float: left;
	_position: relative;
	margin:10px 0 40px 3%;
}
.menu_visitor li{
	display:table;
	    margin-bottom: 10px;
					width:100%;
					 height: 55px;
}
.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: table-cell;
				vertical-align:middle;
    height: auto;
    padding: 8px 5px 8px 25px;
    text-decoration: none;
    text-indent: 0;
    width: 100%;
}
.menu_visitor li:nth-child(n+4) a{
	    background-image: url("../images/sp/ic_vnav_sub.png") !important;
}
.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 0 30px 7%;
    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 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 5px 20px;
    text-indent: 0;
				font-family: "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
}

.topics .inner {
    height: 470px;
}
.topics a.list{
	top: 545px;
}
/* 左側バナー */
#left_banners {
	width:22%;
	
}
#left_banners a img{
	width:100%;
}

#main a.qhc {
	width: 106px;
	height: 111px;
	background: url(../images/index/qhc.gif) 0 0 no-repeat;
	text-indent: -9999px;
	display: block;
	position: absolute;
	top: 637px;
	left: 7%;
}

#main a.iso15189_2,#main a.kinen,#main a.yoyakusei,
#main a.tanpopo,#main a.kangoshi{
	width:22%;
}

#main a.iso15189_2 {
	top: 548px;
	left:20px;
	 background-size: 100% auto;
}

/* #main a.daishinsai {
	position: absolute;
	top: 358px;
	left: 29px;
} */

#main a.kinen {
	top: 385px;
	left:20px;
}

#main a.yoyakusei {
	top: 433px;
	left:20px;
}

#main a.tanpopo {
	top: 471px;
	left:20px;
}

#main a.kangoshi {
	top: 509px;
	left:20px;
}
/* バナー */

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




	
}
@media screen and (max-width: 640px) {
/* img-margin floatへの対処 */
.parent-img{
	float:none !important;
	text-align:center !important;
	margin: 0 auto 10px !important;
}
.sp-img-block{
	display:block;
	margin: 10px auto;
}
/* ヘッダー */
#header h1{
    margin: 0 auto;
}

#header .gsearch{
	display:none;
}
#header a.lang{
display: none;
}
/* コンテンツ */
#main .leftarea {
    float: none;
    width: 100%;
}

#main .rightarea {
    float: none;
    margin-left: 0;
    padding-top: 115px;
    width: 100%;
}
#main .rightarea{
	padding-top: 0px;
}

.contents {
	 margin-bottom: 40px;
		min-height: 200px;
}
.jumpmenu{
	display:none;
}
.contents h2{
	margin-top:30px;
}
/* メニュー */
.menu_purpose{
	background-image: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 #87C300 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 5px #000;
			font-family: "メイリオ", Meiryo, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", "MS Pゴシック", "MS PGothic", sans-serif;
    width: 100%;
}

.sp-menu-bt:hover{
	background-image:url(/html/hospital/images/sp/bg_gnv.png);
}

#sp-menu-ic{
	    display: block;
    padding: 4px 0 0;
    text-align: center;

}
.sp_menu_box li:hover,.sp-menu-bt-on{
	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 #536D14;
	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:#C2E573;
}


#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 #FFFFFF;
}
.sp_gnav li{
		width:50%;
	float:left;
	background:#9DD026;
	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:20px 0;
	width:100%;
	box-sizing:border-box;
	display:block;
	font-weight:bold;
	}
.sp_gnav li a.sp-university{
	background:#56B6EA;
}



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

.sp_visitor_nav li a{
   box-sizing: border-box;
    color: #111111;
    display: block;
    font-size: 110%;
    height: 50px;
    padding: 18px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;
	}
.font-s{
		    font-size: 80%;
		}
.handayama {
    padding: 9px 0 !important;
}
	
.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:#D6ED9E;
	border-bottom:1px solid #FFFFFF;
	border-left:1px solid #FFFFFF;
	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: 15px 0;
    text-align: center;
    text-decoration: none;
    width: 100%;}

/* フッター */
#footer .footer {
    box-sizing: border-box;
    padding: 0 10px;
}


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

/* 訪問者別メニュー */

.menu_visitor {
    float: none;
    margin: 0;
    width: 100%;
				background:#63B368;
				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;
	 margin-bottom: 1px;
	
}
.menu_visitor li:nth-child(odd){
	margin-left:1%;
	margin-right:1px;
}
.menu_visitor li a {
    background-color: #214523;
    background-image: none !important;
    background-position: 5px 50%;
    border: medium none;
    border-radius: 0;
    box-sizing: border-box;
    color: #fff;
    display: table-cell;
    font-size: 95%;
    height: 60px !important;
    margin-bottom: 0px;
    padding: 10px !important;
    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:nth-child(n+4) a{
	    background-image: none !important;
}
.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: 150px;
}

.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+4){
	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{
   bottom: -20px;
    display: block;
    float: right;
    font-size: 14px;
    margin-left: 10px;
    padding: 0 0 0 15px;
    position: relative;
    text-decoration: none;
    text-indent: 0;
    top: inherit;
    width: 80px;
			 background: url(../images/index/topics_arrow.gif) no-repeat 0 4px;
}
.topics a.list:after{
	display:table;
	content:"";
	clear:both;
}
.topics a.eventinfo{
    bottom: 21px;
    top: auto;
				}

.topics .inner {
    height: 300px;
				overflow:hidden;
				 border-bottom: 2px solid #ccc;
}
/* バナー */

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

#left_banners{
	display:none;
	
}
.switch_banner_box{
}
.switch_first_banner{
}
.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%;
	}
	#main a.qhc{
		left: auto;
		position: relative;
		top: 0;
	}

.leftbanner_inner{
	
}

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



@media screen and (max-width: 400px) {	
	#header h1{
    background-size: 100% auto;
    width: 100%;
				background-position: center center;
}

}