@charset "UTF-8";
/* -------------------------------------------------------------------
共通スタイル
------------------------------------------------------------------- */
@import url("style.css?ver260311");  
@import url("remodal.css");

.topContL{ float:left; width:480px;}
.topContR{ float:right; width:480px;}

/* -------------------------------------------------------------------
スライドショー
------------------------------------------------------------------- */
.flexslider {
	width: 480px;
	height: 300px;
	float:left;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 2px 3px 7px rgba(0,0,0,.13);
	overflow: hidden;
}
.flexslider li img {
	width: 480px;
}

/* -------------------------------------------------------------------
重要なお知らせ
------------------------------------------------------------------- */
#importantInfo {
	width: 480px;
	height:300px;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 2px 3px 7px rgba(0,0,0,.13);
	position:  relative;
}
#importantInfo .content-holder {
	width: 455px;
	height:220px;
  position:relative; 
  margin: 10px auto 15px 15px;
  padding:0; 
  overflow: hidden;
}
#importantInfo h2 {}
#importantInfo .btnList {
	position: absolute;
	top:10px; right: 10px;
}
#importantInfo .content-holder li {
	width: 440px;
	display:flex;
  flex-wrap:wrap;
	border-bottom: 1px dotted #ccc;
	padding: 0.3em 0;
}
#importantInfo .content-holder li span.date {
	width:90px/*6em;*/;
	display: inline-block;
}
#importantInfo .content-holder li a{
	width:350px;
}


/* -------------------------------------------------------------------
バナーエリア
------------------------------------------------------------------- */
.topContBnr{
  clear:both;
  padding-top:20px;
}
.topContBnr ul{
  display:flex;
  flex-wrap:wrap;
  list-style:none;
  align-content:center;
  justify-content:center;
  padding:0;
  margin:0 -10px;
}
.topContBnr ul li{
  box-sizing:border-box;
  padding:0 10px;
}
/* .topContBnr ul li img{
  width:100%;
  height:72px;
} */
.topIGbnr{
  width:250px;
}
.topIGbnr a{
  position:relative;
  display:flex;
  flex-wrap:wrap;
  align-content:center;
  justify-content:center;
  width:100%;
  height:70px;
  background:linear-gradient(170deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow:hidden;
  border-radius: 6px;
  box-shadow: 2px 3px 7px rgba(0,0,0,.13);
  color:#FFF;
  text-align:center;
  text-decoration:none;
  line-height:1;
}
.topIGbnr a::before{
  /* margin-right:8px; */
  margin-bottom:8px;
  font-size:26px;
}
.topIGbnr a::after{
  content:'';
  position:absolute;
  top:0;left:0;
  width:100%;height:100%;
  background: linear-gradient(10deg, #ffdb2c, rgb(249, 118, 76) 25%, rgba(255, 77, 64, 0) 50%) no-repeat;
}
.topIGbnr a:hover{
  opacity:.7;
}
.topIGbnr a span{
  display:block;
  width:100%;
  position:relative;
  z-index:1;
  font-weight:bold;
  font-size:1.1em;
  font-feature-settings:"palt";
}
/* -------------------------------------------------------------------
ピックアップボタン 2015.11.24廃止
------------------------------------------------------------------- 
ul.pickUp {
	padding-left: 0 !important;
}
ul.pickUp li {
	list-style: none;
	float: left;
	margin-right: 20px;
}
ul.pickUp li.end {
	margin: 0;
}
ul.pickUp li a img {
    filter: alpha(opacity = 100);
	-moz-opacity: 1;
    opacity: 1;
	background: #FFF;
}

/* -------------------------------------------------------------------
ピックアップボタン カルーセル時 2015.11.24廃止
------------------------------------------------------------------- 
.carousel {
	width: 1000px;
	margin: 0 auto;
	padding: 25px 5px;
	position: relative;
}
.flex-viewport {
	width: 950px;
	margin: 0 25px;
}
.flex-direction-nav {*height: 0;}
.flex-direction-nav a  {
	width: 15px;
	height: 100px; 
	text-decoration:none;
	display: block;
	position: absolute; top: 53px;
	text-indent: -9999px;
	z-index: 10000;
	cursor: pointer;
}
.flex-direction-nav a.flex-prev { left: 0px; background:url(../images/btn_carousel-l.gif) no-repeat;}
.flex-direction-nav a.flex-next { right: 0px; background:url(../images/btn_carousel-r.gif) no-repeat; }
.carousel ul.pickUp li {
	margin-right: 10px;
}
.carousel ul.pickUp li.end {
	margin-right: 0px;
}
/* -------------------------------------------------------------------
新着・更新情報
------------------------------------------------------------------- */
#news {
	width: 480px;
	height: 225px;
	float: left;
	margin-right: 20px;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 2px 3px 7px rgba(0,0,0,.13);
	position:  relative;
}
#news .content-holder {
	width: 455px;
	height: 145px;
  position:relative; 
  margin: 10px auto 15px 15px;
  padding:0; 
  overflow: hidden;
}
#news h2 {
}
#news .btnList {
	position: absolute;
	top:10px; right: 10px;
}
#news .content-holder li {
	width: 440px;
	display:flex;
  flex-wrap:wrap;
	border-bottom: 1px dotted #ccc;
	padding: 0.3em 0;
}

#news .content-holder li span.date {
	width:90px/*6em;*/;
	display: inline-block;
}
#news .content-holder li a{
	width:350px;
}

/* -------------------------------------------------------------------
会員（医師）向けお知らせ
------------------------------------------------------------------- */
#membersInfo {
	width: 480px;
	height: 225px;
	float: left;
	border-radius: 6px;
	background-color: #fff;
	box-shadow: 2px 3px 7px rgba(0,0,0,.13);
	position:  relative;
}
#membersInfo .content-holder {
	width: 455px;
	/*height: 125px;*/
	height: 87px;
  position:relative; 
  margin: 10px auto 10px 15px;
  padding:0; 
  overflow: hidden;
}
#membersInfo h2 {
}
#membersInfo .btnList {
	position: absolute;
	top:10px; right: 10px;
}
#membersInfo .content-holder li {
	width: 440px;
	display:flex;
  flex-wrap:wrap;
	border-bottom: 1px dotted #ccc;
	padding: 0.3em 0;
}
#membersInfo .content-holder li span.date {
	width:90px/*6em;*/;
	display: inline-block;
}
#membersInfo .fontsS {
	/*margin: 0 15px;*/
	margin: 0;
}
#membersInfo .content-holder li a{
	width:350px;
}
.membersInfoLink {
  margin:0px 10px;
	text-indent: 0;
	padding: 0.3em 0 0.3em 23px;
	background: url(../parts/ico_arrow.png) no-repeat center left !important;
	color: #333;
	font-weight: normal;
}
.membersInfoLink:after { clear:both;}

/* -------------------------------------------------------------------
下の方のその他
------------------------------------------------------------------- */
.topKenkou {
	width: 490px;
	float: left;
	border-right: 1px solid #ccc;
}
.topKenkou .magazine {
	width: 235px;
	float: left;
	padding-right: 15px;
	border-right: 1px dotted #ccc;
}
.topKenkou .radio {
	width: 204px;
	float: left;
	padding-left: 15px;
}
.topKenkou .magazine .thumb {
	float:right;
	margin: 0 0 10px 10px;
}

.topBnr {
	width: 480px;
	float:left;
	margin-left: 9px;
}
.topBnr img {
	margin: 0 0 10px 10px;
}

/* ---------------------------------------------------------
! perfect-scrollbar - v0.4.8
http://noraesae.github.com/perfect-scrollbar/
Copyright (c) 2014 Hyeonje Jun; Licensed MIT 

CSSカスタマイズ済み
---------------------------------------------------------*/
.ps-container .ps-scrollbar-x-rail {
	position: absolute;
    bottom: 0px;
    height: 5px;
    filter: alpha(opacity = 0);
	-moz-opacity: 0;
    opacity: 0;
	background: #f0f0f0;
}
.ps-container .ps-scrollbar-y-rail {
    position: absolute;
    right: 0px;
    width: 5px;
    filter: alpha(opacity = 0);
	-moz-opacity: 0;
    opacity: 0;
	background: #f0f0f0;
}
.ps-container:hover .ps-scrollbar-x-rail,.ps-container.hover .ps-scrollbar-x-rail,.ps-container .ps-scrollbar-x-rail:hover,.ps-container .ps-scrollbar-x-rail.hover,.ps-container .ps-scrollbar-x-rail.in-scrolling,
.ps-container:hover .ps-scrollbar-y-rail,.ps-container.hover .ps-scrollbar-y-rail,.ps-container .ps-scrollbar-y-rail:hover,.ps-container .ps-scrollbar-y-rail.hover,.ps-container .ps-scrollbar-y-rail.in-scrolling {
    filter: alpha(opacity = 100);
	-moz-opacity: 1;
    opacity: 1;
}
.ps-container .ps-scrollbar-x {
    position: absolute;
    bottom: 0; 
    height: 5px;
    background-color: #959595;
	border-right: 1px solid #646464;
}
.ps-container .ps-scrollbar-y {
    position: absolute;
    right: 0;
    width: 5px;
    background-color: #959595;
	border-bottm: 1px solid #646464;
}
.ps-container.ie6 .ps-scrollbar-x,.ps-container.ie6 .ps-scrollbar-y {font-size: 0;}
.ps-container.ie .ps-scrollbar-x,.ps-container.ie .ps-scrollbar-y,.ps-container.ie:hover .ps-scrollbar-y,.ps-container.ie.hover .ps-scrollbar-x,.ps-container.ie.hover .ps-scrollbar-y {visibility: visible;}

/* -------------------------------------------------------------------
サイト内検索ページ用　search.html
------------------------------------------------------------------- */
.search h2 {
	background: url(../images/ico_h2-search.png) no-repeat left 25%;
	font-size: 215%;
	text-indent: 50px;
	margin: 25px 0;
}
.search table {
	width: 100%;
	border-collapse: collapse;
	empty-cells:show;
}
.search table  td{
	padding:0.3em 0.5em;
	vertical-align: auto;
	border: none;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {/*リンクページ*/
	border: 1px solid #d3d3d3 !important;
	background-color: #FFFF !important;
	/*color: #333333 !important;*/
	padding: 0.2em 0.5em !important;
	text-decoration: none !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page:hover {/*リンクページホバー*/
	border: 1px solid #1f8cbe !important;
	background-color: #2da5da !important;
	color: #FFFFFF !important;
	padding: 0.3em 0.5em !important;
	text-decoration: none !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {/*現在地*/
	border: 1px solid #d3d3d3 !important;
	background-color: #EEEEEE !important;
	color: #333333 !important;
	padding: 0.2em 0.5em !important;
	text-decoration: none !important;
}

/* -------------------------------------------------------------------
メンバー説明ページ用　member.html
------------------------------------------------------------------- */
.aboutMember h2 {
	background: url(../images/ico_h2-search.png) no-repeat left 25%;
	font-size: 215%;
	text-indent: 50px;
	margin: 25px 0;
}
a.btnMember {
	display: block;
	width: 30em;
	max-width: 730px;
	padding: 0.5em 0;
	text-align: center;
	border-radius: 16px;
	background-color: #fff;
	box-shadow: 0 3px #a4afaf;
	border: solid 7px #d5e5e5;
	margin: 0 auto 6px auto;
}
a:hover.btnMember {
	border-radius: 16px;
	background-color: #fff;
	border: solid 7px #d5e5e5;
	box-shadow: none;
	margin: 3px auto 3px auto;
}