@charset "UTF-8";

/*▼▼▼ヘッダーメニューのプルダウン▼▼▼*/
#header_menu ul li.pd_oya {
	position: relative;
}
#header_menu ul li.pd_oya:hover {
	background-color: transparent;
}
#header_menu ul li.pd_oya ul {
	display: none;
}
#header_menu ul li.pd_oya:hover ul {
	display: block;
	position: absolute;
	z-index: 100;
	list-style: none;
	top: 35px;
	height: auto;
	width: auto;
}
#header_menu ul li.pd_oya ul li {
	font-size: 90%;
	display:block;
	width: auto;
	height: auto;
}
#header_menu ul li.pd_oya ul li a {
	display: block;
	white-space: nowrap;
	width: 100%;
	background-image: url(../img/menulist_point_s.gif);
	background-repeat: no-repeat;
	background-position: 3px 5px;
	padding: 0.2em 0.2em 0.2em 15px;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
}
#header_menu ul li.pd_oya ul li a:hover {
	background-image: url(../img/menulist_point_s_om.gif);
}
#header_menu ul li.pd_oya ul#pdmenu_public li a{
	background-color: #F0F0FF;
}
#header_menu ul li.pd_oya ul#pdmenu_public li a:hover{
	background-color: #F9F9FF;
}
#header_menu ul li.pd_oya ul#pdmenu_edu li a{
	background-color: #E7F5EE;
}
#header_menu ul li.pd_oya ul#pdmenu_edu li a:hover{
	background-color: #F0FFF6;
}
#header_menu ul li.pd_oya ul#pdmenu_media li a{
	background-color: #FFF6F6;
}
#header_menu ul li.pd_oya ul#pdmenu_media li a:hover{
	background-color: #FFFBFB;
}
/*▲▲▲ヘッダーのプルダウン▲▲▲*/

/*▼▼▼コンテナ▼▼▼*/
#container {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
/*▲▲▲コンテナ▲▲▲*/
/*▼▼▼メインビジュアル▼▼▼*/
#main_img{
	height: 136px;
	background-color: #bbc1cf;
}
/*▲▲▲メインビジュアル▲▲▲*/

/*▼▼▼コンテンツ領域▼▼▼*/
/*コンテンツ部分*/
#main_wrapper {
/*	width: 980px;
	margin: 0px auto;
	text-align: left;*/
}

#main_wrapper img {
	vertical-align: bottom;
}
/*▲▲▲コンテンツ領域▲▲▲*/



/*▼▼▼メインコンテンツ▼▼▼*/
/*コンテンツ部分*/
#main_wrapper #main {
	width: 610px;
	float: right;
	margin-top: 0px;
}
#main_wrapper a:hover img{
	opacity: 0.7;
}

/*病状・病気をしらべる＆専門医をさがす・*/
#main #toplink,
#main #main_serarch2{
	margin: 0px 0 12px;
}
#main #toplink a,
#main #main_serarch2 a{
	display: inline-block;
	margin-right: 12px;
}
#main #toplink a img,
#main #main_serarch2 a img{
	display: block;
	margin: 0;
	padding: 0;
}
#main .top-banner{}
#main .top-banner a{
	display: block;
	margin: 1em 0 0;
}

/*見出し*/
#main h2 {
	margin: 1rem 0 0 0;
	padding: 0 2px 1px;
	border-bottom: 1px solid #2e3963;
	color: #000066;
	font-size: 0.9rem;
}
#main #main_serarch2 + h2 {
	margin: 2rem 0 0 0;
}

#main p{
	margin: 1rem 0 0 0;
}

#main h2 + div,
#main h2 + p{
	margin-top: 8px;
}

#main h2 + div{
	margin: 8px 0px 0 0px;
	padding: 5px;
}
#main h2 + div p:first-child{
	margin-top: 0px;
}

/*メンテナンスのお知らせ*/
a.maintenance{ color: #CC0000; font-weight: bold;}
a.maintenance:hover{ color: #FF3300;}

/*20170130*/
div.system_renewal{
	margin: 8px 0px 20px 0px;
	border: 1px solid #3366FF;

}
#main div.system_renewal p{
	margin: 0;
}
#main div.system_renewal p{
	margin-top: 0;
}
#main div.system_renewal p.member{
	margin-left: 5.5rem;
	text-indent: -5.5rem;
}
#main div.system_renewal p.member span{
	color: #FF0004;
}
#main div.system_renewal p.member2{

}
#main div.system_renewal p.member2 span{
	color: #FF0004;
}

/*20200221*/
#main table.meeting,
#main table.publication{
	width: calc(100% - 0px);
	margin: 0.5em 0px 0;
	border-collapse: collapse;
	font-size:1em;
}
#main table.publication caption {
	margin-bottom: 0.5em;
	font-weight: bold;
	
}

#main table.meeting th,
#main table.publication th,
#main table.meeting td,
#main table.publication td{
	padding: 0.2em 0.2em;
	border: 1px solid #767676;
	color: #FF0004;
}
#main table.meeting th,
#main table.publication th {
	text-align: center;
	white-space: nowrap;
}

#main table.meeting td{
	padding: 4px 8px 4px 8px;
}

/*新着情報*/
#main dl {
	margin: 1.25em 15px 1em;
	padding: 0px;
}
#main dt {
	text-indent: 0.3em;
	height: 1em;
	border-left: 1em solid #CCCCCC;
	line-height: 1em;
}
#main dd {
	margin: -1.25em 0 0.4em 9em;
}
#main dl.news dt:nth-child(n+21),
#main dl.news dd:nth-child(n+22){
	display: none;
}


img.icon,
img.pdficon{
	width: 16px;
	height: 16px;
	margin: 0px 2px 3px 4px;
}

/*過去のお知らせ*/
.pastnews {
	clear: both;
	text-align: right;
	padding: 1em 0px;
}
.pastnews a {
	background: url(../img/menulist_point.gif) no-repeat left center;
	margin-right: 22px;
	padding-left: 1em;
}
.pastnews a:hover {
	background: url(../img/menulist_point_om.gif) no-repeat left center;
}

/*▲▲▲メインコンテンツ▲▲▲*/

/*▼▼▼左メニュー▼▼▼*/

/*サイドメニュー*/
#main_wrapper #sidemenu {
	float: left;
	width: 330px;
	padding-left: 30px;
}
#main_wrapper #sidemenu ul{
	list-style: none;
	padding: 0px;
}

ul#category_menu {
	list-style: none;
	width: 100%; 
	padding: 0px;
	margin: 0.8em 0 0.8em 0px;
}

ul#category_menu li {
	margin-bottom: 0.8em;
	clear: left;
	width: auto;
}

ul#category_menu img {
	width: 306px;
	height: 56px;
}

/*高さが異なる場合*/
#category_menu .banner_auto img{
	height: auto;
}
/*バナー不要の場合*/
#category_menu .banner_noborder img{
	border: 0px none;
	width: 308px;
}

/*ロコモバナー*/
#category_menu .locomo img {
	width: 306px;
	height: 66px;
}

/*トップ用総会バナーエリア*/
#meeting{
	list-style: none;
	width: 308px;
	margin: 0 0 15px 0px;

/*	list-style-type: none;
	width: 240px;
	margin-left: 30px;
	overflow: hidden;*/
}


#meeting li{
	display: block;
	margin: 0.8em 0 0.2em;
}

#meeting li img{
	display:block;
	width: 306px;
	height: 54px;
	border: solid 1px #CCCCCC;
}

/*サブメニュー*/
#submenu {
	margin-left: 0px;
}
#submenu ul {
	width: 306px;
}
#submenu span a {
	padding: 0.3em 0.2em 0.3em 2em;
	background: url(../img/menulist_point_s.gif) no-repeat 1.2em center;
	color: #042c63;
	text-decoration: none;
	font-size: 90%;
}
#submenu span a:hover {
	background: url(../img/menulist_point_s_om.gif) no-repeat 1.2em center;
}


#submenu ul img {
	vertical-align: bottom;
}
#submenu .login img {
/*	width: 308px;*/
	width: 306px;
	height: 46px;
}

#submenu .indent {
	width: 298px;
	margin-left: 10px;
}

/*▲▲▲左メニュー▲▲▲*/

/*文字色*/
.red{
	color: #FF0000;
}

/*20170404　専門医検索一時削除*/
/*#header_menu ul li.search,
#pdmenu_public li:nth-child(2),
#contentsmenu_public li:nth-child(2),
#header_menu ul li.pd_oya:hover ul#pdmenu_public li:nth-child(2) {
	display: none;
}*/

/*～992pxの画面*/
@media screen and (max-width: 991px){
	#main_img { height: auto; width: 100%;}
	#main_img img{ height: auto; width: 100%;}
	#main_wrapper { width: 100%;}
	#main_wrapper #main{ width: calc( 100% - 330px); max-width: 610px; padding-right: 10px;}
	#main h2 img { width: 100%; height: auto; max-width: 684px;}
	#main_wrapper #sidemenu { width: 280px; padding-left: 10px;}
	ul#category_menu img { width: 278px; height: auto;}
	ul#category_menu .banner_noborder img{ width: 280px; height: auto;}
	ul#category_menu .locomo img{ width: 278px; height: auto;}
	#submenu ul { width: 278px;}
	#submenu .login img { width: 278px; height: auto;}
	#main .top-banner a img{ display: block; max-width: 610px; width: 100%; margin: 0 auto;}

}

/*～768pxの画面*/
@media screen and (max-width:767px){
	#main_wrapper{ width: 100%; float: none;}
	#main_wrapper #main{ width: calc( 100% - 20px); max-width: calc( 100% - 20px); padding: 0; margin: 10px auto; float: none;}

	#main_wrapper #sidemenu { width: 100%; padding-left: 0px;}
	#main_wrapper #sidemenu #category_menu { width: calc( 100% - 30px); margin: 30px 15px 0;}
	#category_menu li { width: 50%; min-width: 310px;}
	#category_menu li a img { width: 100%; max-width: 310px;}
	ul#category_menu img { width: 308px; height: auto;}
	ul#category_menu .banner_noborder img{ width: 310px; height: auto;}
	ul#category_menu .locomo img{ width: 308px; height: auto;}

	#submenu ul { width: calc(100% - 2px);}

	#main h2{ margin-bottom: 10px;}
	#main h2 img{ width: 100%; height: auto; margin-bottom: 10px;}
	#main #main_contents{ width: 100%; margin: 10px 0 10px;}
	#main h3{ margin-left: 0; margin-right: 0; margin-bottom: 1em;}
	#main h4{ margin: 0 4px 1em;}
	#main p{ margin: 0 12px 1em;}
}