@charset "UTF-8";

/* index
------------------------------------*/
#container .swiper-container {
width: 950px;
height: 380px;
}
#container .swiper-container-horizontal>.swiper-pagination-bullets,
#container .swiper-pagination-custom, .swiper-pagination-fraction{
  text-align: right;
}
#container .swiper-pagination-bullet{
  width: 12px;
  height: 12px;
}
#container .swiper-pagination-bullet-active{
  background: #373737;
}
#container .swiper-button-next,
#container .swiper-container-rtl .swiper-button-prev{
background: none;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 20px;
border-color: transparent transparent transparent #373737;
}

#indexList {
width: 950px;
margin: 0 auto;
text-align: left;
}

#indexList ul {
margin: 20px 0 0;
background: url(../image/index_listfoot.gif) no-repeat 0px bottom;
padding: 0 0 17px;
}

#indexList ul li {
width: 301px;
border-top: 1px solid #C6D9E1;
border-right: 1px solid #C6D9E1;
border-left: 1px solid #C6D9E1;
float: left;
margin: 0 20px 0 0;
background-color: #F3EEEA;
}

#indexList ul li h2{
line-height: 0;
}

#indexList ul li#menkai {
margin: 0;
float: right;
}

#indexList ul li#menkai p {
margin: 17px 0 0;
}

#indexList ul li p#night {
margin: 15px 0 0;
padding: 10px 0 0;
border-top: 1px dotted #C6D9E1;
}

#indexList ul li p#night2 {
margin: 10px 0 0 0;
padding: 0 0 0 -5px;
border-top: 1px dotted #C6D9E1;
}

#indexList ul li div {
margin: 12px 16px 0;
}

#indexList ul li div p span.leftColumn {
display: block;
width: 42px;
float: left;
}

#indexList ul li div p span.rightColumn {
display: block;
width: 215px;
float: right;
}

#indexList img.pc {
		margin-top: 10px;
		margin-bottom: -10px;
}

#indexContents {
width: 950px;
margin: 20px auto 0;
padding: 0 0 30px;
text-align: left;
}

#indexContents #mainArea {
  margin: 0 0 30px;
}
#indexContents #mainArea h2 {
  margin: 0 0 15px;
}

#indexContents #mainArea h2 span {
display: block;
padding: 2px 0 0 30px;
font-size: 100%;
}

#indexContents #mainArea #topics dl {
padding: 0 15px 25px 15px;
}

#indexContents #mainArea #topics dl dt {
background:url("../image/icon02.gif") no-repeat;
margin: 13px 0 0;
padding-left: 15px;
color: #4AB3A3;
}

#indexContents #mainArea #topics p.Before {
background: url(../image2/icon03.jpg) no-repeat 0px middle;
margin-left: 350px;
margin-bottom: 30px;
padding-left: 17px;
}

.tabs{
margin: 0;
width: 650px;
float: right;
}
.tabs > ul{
width: 100%;
}
.tabs > ul li{
width: 15%;
float: left;
}

.tabs > ul li:nth-of-type(2){
width: 25%;
}
.tabs > ul li:nth-of-type(3){
width: 25%;
}
.tabs > ul li:nth-of-type(4){
width: 25%;
}
.tabs > ul li:nth-of-type(5){
width: 25%;
}
.tabs .tab-label {
display: block;
margin: 0 0 3px;
padding: 5px;
color: #fff;
text-align: center;
}

.tabs .tab-label[for="tab-2"] {
background: #6699ff;
}
.tabs .tab-label[for="tab-3"] {
background: #cc9999;
}
.tabs .tab-label[for="tab-4"] {
background: #cc99cc;
}
.tabs .tab-label[for="tab-5"] {
background: #ff9933;
}
.tabs .tab-label[for="tab-6"] {
background: #666666;
}
.tabs input[name="tab-radio"],
.tabs .tab-content {
display: none;
}

/* タブ内容のスタイル */
.tabs .tab-content{
border: 1px solid #ccc;
height: 660px;
overflow-y: scroll;
}
.tabs .tab-content p{
  margin: 0 0 10px;
}

/* 選択されているタブのコンテンツのみを表示 */
.tabs #tab-1:checked ~ .tab01,
.tabs #tab-2:checked ~ .tab02,
.tabs #tab-3:checked ~ .tab03,
.tabs #tab-4:checked ~ .tab04,
.tabs #tab-5:checked ~ .tab05,
.tabs #tab-6:checked ~ .tab06{
display: block;
}
/* 選択されているタブのスタイルを変える */
.tabs input[id="tab-1"]:checked ~ ul .tab-label[for="tab-1"],
.tabs input[id="tab-2"]:checked ~ ul .tab-label[for="tab-2"],
.tabs input[id="tab-3"]:checked ~ ul .tab-label[for="tab-3"],
.tabs input[id="tab-4"]:checked ~ ul .tab-label[for="tab-4"],
.tabs input[id="tab-5"]:checked ~ ul .tab-label[for="tab-5"],
.tabs input[id="tab-6"]:checked ~ ul .tab-label[for="tab-6"] {
border-bottom: 2px solid #cc0000;
}
.tabs #recruit ul li {
margin: 0 0 15px;
}


#indexContents #mainArea #topics dl a:link { color: #000000;}
#indexContents #mainArea #topics dl a:visited { color: #373737;}
#indexContents #mainArea #topics dl a:hover { color: #4AB3A3;}
#indexContents #mainArea #topics dl a:active { color: #4AB3A3;}

#indexContents #mainArea #whatsNew ul li span.rightColumn a:link { color: #373737;}
#indexContents #mainArea #whatsNew ul li span.rightColumn a:visited { color: #373737;}
#indexContents #mainArea #whatsNew ul li span.rightColumn a:hover { color: #4AB3A3;}
#indexContents #mainArea #whatsNew ul li span.rightColumn a:active { color: #4AB3A3;}



#indexContents #menu {
width: 280px;
float: left;
}

#indexContents #menu img.OUTPATIENTS {
margin-bottom: 20px;
}

#indexContents #menu div#medicalwork {
border: 1px solid #009966;
text-align: center;
padding: 10px 0;
margin-bottom: 20px;
margin-top: -5px;
background-color: #DBF1EE;
}

#indexContents #menu div#medicalwork ul li {
margin: 10px 0 0;
}


#indexContents #menu div#link {
background-color: #ffe5ff;
border: 1px solid #C6D9E1;
text-align: center;
padding: 15px 0;
margin-top: 5px;
margin-bottom: 12px;
}

#indexContents #menu div#link ul li {
margin: 15px 0  0;
}

#indexContents #menu2 {
width: 190px;
float: left;
margin-left: 20px;
}

#indexContents #menu2 li {
margin: 0 0 17px;
padding: 12px 0;
text-align: center;
background: #FFFFCC;
border:1px solid #CCCCCC;
}
#indexContents #menu2 li a{
color: #006633;
font-weight: bold;
font-size: 110%;
}


#indexContents #bannerList {
clear: both;
margin: 15px 10px 0 0;
}

#indexContents #bannerList img {
float: left;
}

#indexContents #bannerList table {
float: right;
width: 720px;
}
#indexContents #bannerList table td {
width: 215px;
text-align: left;
padding-bottom: 10px;
}
#indexContents #bannerList table td.endli {
width: 280px;
text-align: left;
padding-bottom: 10px;
}

#indexContents #pickup{
  margin: 0 0 30px;
}
#indexContents #pickup ul{
  margin: 15px 0 0;
}
#indexContents #pickup ul li{
  float: left;
  width: 33%;
}



#indexFooter {
border-top: 1px solid #CEC7BB;
padding: 10px 0 0;
height: 50px;
background-color: #4AB3A3;
}

#indexFooter p {
width: 950px;
margin: 0 auto;
text-align: left;
color: #FFFFFF;
}


/* float
------------------------------------*/
#indexList ul:after,
#indexList ul li div p:after,
#indexContents:after,
#indexContents #mainArea #whatsNew ul li:after,
#indexContents #menu div#medicalwork ul:after,
#indexContents #menu div.menuBanner ul:after,
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

#indexList ul,
#indexList ul li div p,
#indexContents,
#indexContents #mainArea #whatsNew ul li,
#indexContents #menu div#medicalwork ul,
#indexContents #menu div.menuBanner ul,
.clearfix {
display: inline-block;
}

/* exlude MacIE5 \*/
* html #indexList ul,
* html #indexList ul li div p,
* html #indexContents,
* html #indexContents #mainArea #whatsNew ul li,
* html #indexContents #menu div#medicalwork ul,
* html #indexContents #menu div.menuBanner ul,
* html .clearfix {
height: 1%
}

#indexList ul,
#indexList ul li div p,
#indexContents,
#indexContents #mainArea #whatsNew ul li,
#indexContents #menu div#medicalwork ul,
#indexContents #menu div.menuBanner ul,
.clearfix {
display:block;
}
/* end MacIE5 */