@charset "utf-8";

/*--------------------------------------------
 
      PAGE TIT
 
---------------------------------------------*/

.page-tit h2{
	vertical-align: middle;
	font-size:30px;
	color:#0066cc;
	text-align:center;
	width: 260px;
	background:url(../img/icon-about.png) no-repeat center top;
	padding-top:46px;
	line-height:1em;
}

/*--------------------------------------------
 
      コンテンツタイトル
 
---------------------------------------------*/

h3.sub{
	border-top:1px dotted #ccc;
	background:url(../img/line-dot.gif) repeat-x left bottom;
	padding:15px 0px 15px 0px;
	font-size:20px;
	font-weight:bold;
	line-height:2em;
	width:1000px;
	margin:0px auto 30px;
}

h3.sub span{
	background:url(../img/about-log.png) no-repeat 10px 10px;
	padding:15px 0px 15px 61px;
	
}

.subtit{
	font-size:16px;
}

/*----------------------------------------------------------------------------------------
 
      index.html（病院紹介）
 
-----------------------------------------------------------------------------------------*/

/*--------------------------------------------
 
      病院からのお知らせ
 
---------------------------------------------*/

.news {
    width: 100%;
    padding: 40px 0px;
}

.newsbox {
    width: 1000px;
    margin: 0px auto;
    position: relative;
}

.list {
    position: absolute;
    right: 0px;
    top: 0px;
}

.tab {
    overflow: hidden;
    height: 36px;
}

.tab li.tab01 { background: url(../../common/img/news-tab02.png) no-repeat left top }

.tab li.tab02 { background: url(../../common/img/news-tab06.png) no-repeat left top }

.tab li.tab03 { background: url(../../common/img/news-tab03.png) no-repeat left top }

.tab li.tab04 { background: url(../../common/img/news-tab04.png) no-repeat left top }

.tab li.tab05 { background: url(../../common/img/news-tab05.png) no-repeat left top }

.tab li {
    float: left;
    margin-right: 1px;
    width: 179px;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    list-style: none;
    cursor: pointer;
}

.tab li:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.tab li.select { }

.content li {
    padding: 30px 30px 0px 30px;
    list-style: none;
}

.content li .space {
    width: 100%;
    height: 170px;
    overflow: auto;
}

.content li dl { margin-bottom: 15px }

.content li dt {
    width: 120px;
    float: left;
    margin: 0px 0px 0px 0px;
}

.content li dd.category {
    width: 110px;
    float: left;
    margin: 0px 20px 0px 0px;
    text-align: center;
    color: #fff;
    font-size: 84%;
}

.col0 { background: #46AD8A }
.col-information { background: #46AD8A }

.col1 { background: #F87B16 }
.col-patients { background: #F87B16 }

.col2 { background: #3399CC }
.col-expert { background: #3399CC }

.col3 { background: #FF9A9A }
.col-area { background: #FF9A9A }

.col4 { background: #CB94D7 }
.col-job { background: #CB94D7 }

.col6 { background: #F87B16 }

.col7 { background: #2D8C39 }

.col8 { background: #FBCF37 }

.topics{background: #FF9933 }

.content li dd.txt {
    width: 600px;
    float: left;
}

.content li.tab01 { border-top: 4px solid #46AD8A }

.content li.tab02 { border-top: 4px solid #F87B16 }

.content li.tab03 { border-top: 4px solid #3399CC }

.content li.tab04 { border-top: 4px solid #FF9A9A }

.content li.tab05 { border-top: 4px solid #CB94D7 }

.content li.tab06 { border-top: 4px solid #F87B16 }

.hide { display: none }

.content .te li.tab02 { border-top: 4px solid #46AD8A; }

.content .te li.tab06 { border-top: 4px solid #F87B16; }

/*--------------------------------------------
 
      病院紹介 リンク一覧
 
---------------------------------------------*/

.hosp-info {
    width: 1026px;
    margin: 0px auto 40px;
	padding:0px 26px 0px 0px
}

.cbox dl {
    width: 316px;
    float: left;
    margin: 0px 0px 20px 26px;
}

.cbox dt a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

.cbox dt div{
	position:relative;
}

.cbox dt{
	margin-bottom:10px;}

.cbox dt .tit{
	text-align:center;
	color:#fff;
	background:#2da1ff;
	background-color:rgba( 0, 51, 153, 0.90 );
	padding:5px 0px;
	position:absolute;
	width:100%;
	bottom:0;
	font-weight:bold;	
}

/*----------------------------------------------------------------------------------------
 
      message.html（院長挨拶・沿革・病院概要・組織図（部門紹介））
 
-----------------------------------------------------------------------------------------*/

/*--------------------------------------------
 
      院長あいさつ
 
---------------------------------------------*/

.fl-txt{
	width:654px;
	float:left;
}

.fl-txt p{
	margin-bottom:20px;
}

.fr-txt{
	width:654px;
	float:right;
}

.fr-txt p{
	margin-bottom:20px;
}

.fr-img{
	width:316px;
	float:right;
}
.fr-img2{
	width:250px;
	float:right;
}

.fl-img{
	width:316px;
	float:left;
}
.fl-img2{
	width:250px;
	float:left;
}

section.greeting .fl-txt { width:570px; }
section.greeting .fr-img { width:400px; }


/*--------------------------------------------
 
      沿革
 
---------------------------------------------*/

.history table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:100%;
	margin-bottom:50px;
}

.history table td,
.history table th{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
}

.history table th{
	background:#ECF9EE;
}

/*--------------------------------------------
 
      病院概要
 
---------------------------------------------*/

.profile{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:100%;
	margin-bottom:30px;
}

.profile td,
.profile th{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
	vertical-align:top;
}

.profile th{
	background:#eee;
}

.profile li{
	float:left;
	width:47%;
	margin-right:3%;
}

/*--------------------------------------------
 
      研修機関認定状況
 
---------------------------------------------*/

.situation{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:100%;
	margin-bottom:30px;
}

.situation td,
.situation th{
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:10px;
	vertical-align:top;
	text-align:center;
	vertical-align:middle;
}

.situation th{
	background:#ECF9EE;
}

.situation td.sp01{
	width:600px;
	text-align:left;
}

/*--------------------------------------------
 
      組織図
 
---------------------------------------------*/

.organization{
	width:100%;
}

/*--------------------------------------------
 
      病院ボランティア
 
---------------------------------------------*/

.volunteer-wrapper .caption-box {
	background: url("../img/volunteer-captionbox-bg.png") no-repeat right bottom #fdf2f7;
	border-color: #fadeea;
}
.volunteer-wrapper .caption-box dt {
	color: #c9307d;
}
.volunteer-wrapper h4.st-text {
	font-size: 120%;
}
.volunteer-wrapper .volunteer-detail {}
.volunteer-wrapper .volunteer-detail .volunteer-schedule {
	width: 55%;
	float: left;
	display: inline;
}
.volunteer-wrapper .volunteer-detail .volunteer-schedule span.st-text {
	font-size: 120%;
}
.volunteer-wrapper .volunteer-detail .volunteer-flow {
	width: 40%;
	float: right;
	display: inline;
}

/*----------------------------------------------------------------------------------------
 
      principle.html（理念と患者の権利）
 
-----------------------------------------------------------------------------------------*/

/*--------------------------------------------
 
      理念
 
---------------------------------------------*/

.idea{
	text-align:center;
	font-size:160%;
	line-height:1.5em;
}

/*--------------------------------------------
 
      憲章
 
---------------------------------------------*/

.charter{
	margin:20px 0;}

.charter li{
	margin-top:10px;
}

.charter li:first-child{
	margin-top:0px;
}

/*--------------------------------------------
 
      患者さんの権利に関する宣言
 
---------------------------------------------*/

.declaration{
	margin:30px 0;}

.declaration dt{
	font-size:110%;
	font-weight:bold;
	margin-bottom:5px;
}

.declaration dd{
	border-bottom:1px solid #ccc;
	padding:0px 0px 15px 25px;
	margin-bottom:15px;
}

/*--------------------------------------------
 
      臨床倫理指針
 
---------------------------------------------*/

.guideline{
	margin:20px 0;}

.guideline li{
	margin:10px 0px 0px 20px;
	list-style:circle;
}

.guideline li:first-child{
	margin-top:0px;
}

/*--------------------------------------------
 
     広報
 
---------------------------------------------*/

.mini-tit{
	margin-bottom:-20px;}

.media-info {
    width: 1020px;
    margin: 0px auto 40px;
	padding:0px 20px 0px 0px
}

.media-btn{
	width:490px;
	margin:0 0 20px 20px;
	float:left;
}

.media-btn p{
	display:block;
	list-style:none;
	background:url(../img/print-icon.png) no-repeat 15px center #F0F4D2;
	border: 1px solid #CCD279;
	border-radius: 4px;        /* CSS3草案 */  
    -webkit-border-radius: 4px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;   /* Firefox用 */ 	
	padding-left:50px;
}

.media-btn a{
	padding:15px 10px;
	text-decoration:none;
	display:block;
	color:#000;
}

.media-btn a:hover{
	filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*--------------------------------------------
 
     治験
 
---------------------------------------------*/

.ag-link li{
	margin-left:10px;
	list-style:circle;
}

.clinical-trial dl{
	margin-bottom:0px;
	padding:5px 0 0px 50px;
}

.clinical-trial dt{
	margin-bottom:10px;
	font-weight:bold;
}


.clinical-trial .first{	
	background:url(../img/blue-decimal-icon-one.png) no-repeat left top;
}
.clinical-trial .second{
	background:url(../img/blue-decimal-icon-two.png) no-repeat left top;
}
.clinical-trial .third{
	background:url(../img/blue-decimal-icon-three.png) no-repeat left top;
}
.clinical-trial .force{
	background:url(../img/blue-decimal-icon-four.png) no-repeat left top;
}
.clinical-trial .five{	
	background:url(../img/blue-decimal-icon-five.png) no-repeat left top;
}
.clinical-trial .six{
	background:url(../img/blue-decimal-icon-six.png) no-repeat left top;
}
.clinical-trial .seven{
	background:url(../img/blue-decimal-icon-seven.png) no-repeat left top;
}
.clinical-trial .eight{
	background:url(../img/blue-decimal-icon-eight.png) no-repeat left top;
}
.clinical-trial .nine{
	background:url(../img/blue-decimal-icon-nine.png) no-repeat left top;
}
.clinical-trial .ten{
	background:url(../img/blue-decimal-icon-ten.png) no-repeat left top;
}
.clinical-trial .eleven{
	background:url(../img/blue-decimal-icon-eleven.png) no-repeat left top;
}
.clinical-trial .twelve{
	background:url(../img/blue-decimal-icon-twelve.png) no-repeat left top;
}




.clinical-member{
	width:1000px;
	margin:0px auto 50px;
	padding-bottom:30px;
	border-bottom:1px #ccc dotted;
}

.clinical-member .photo{
	width:200px;
	float:left;
}

.clinical-member .data{
	width:770px;
	float:right;
}

.clinical-member .data h4{
	margin-bottom:20px;
	font-size:120%;
	font-weight:bold;
	line-height:150%;
}

.acMenu dt{
    display:block;
	margin-bottom:15px;
	padding:5px 0;
    text-align:center;
	background:#F0F4D2;
    cursor:pointer;
    }
.acMenu dd{
    display:none;
    }

.acMenu dd p{
	margin-bottom:15px;
}

.about-hiv dt{
	color:#0066cc;
	font-size:110%;
	font-weight:bold;
	margin:-10px -50px 20px;
}
.about-hiv2 dt{
	color:#000;
	font-size:110%;
	font-weight:bold;
	margin:-10px -50px 0px;
}




/*--------------------------------------------
 
     アンカー調整
 
---------------------------------------------*/



#greet{
 margin-top:-210px;
   padding-top:210px;
}



/*--------------------------------------------
 
     新病院のご案内
 
---------------------------------------------*/

section.renew h4.mini-tit {
	margin-bottom: 30px;
}
section.renew div.clearfix {
	margin-bottom: 2em;
}


/*--------------------------------------------
 
      サブメニュー
 
---------------------------------------------*/

.internal-medicine-integration{
	position:relative;
	margin-bottom: -8px;
}

.internal-medicine-integration p{
	display:block;
	position:relative;
	z-index:10;
}

.integration-menu{
	margin-bottom:50px;
	width:978px;
	padding:20px 22px 2px 0;
	background:#EAF5E9;
}



.integration-menu li{
	width:304px;
	margin:0 0 20px 22px;
	float:left;
	}

.integration-menu li a{
	display:block;
	padding:5px 0;
	color:#0066cc;
	text-decoration:none;
	text-align:center;
	font-size:110%;
	line-height:150%;
	border:1px #0066cc solid;
	background:url(../img/bumon/bg-integration-menu.png) no-repeat right center #fff;
}

.integration-menu li a:hover{
	background:url(../img/bumon/bg-integration-menu-on.png) no-repeat right center #0066cc;
	color:#fff;

}

.integration-menu li a.non{
	display:block;
	padding:5px 0;
	color:#0066cc;
	text-decoration:none;
	text-align:center;
	font-size:110%;
	line-height:150%;
	border:1px #0066cc solid;
	background:#fff;
}


*--------------------------------------------
 
      サブメニュー　申込み
 
---------------------------------------------*/


.integration2-menu li{
	width:300px;
	margin:0 0 20px 22px;
	text-decoration:none;
	text-align:center;
	}

.integration2-menu li a{
	display:block;
	padding:5px 0;
	color:#0066cc;
	text-decoration:none;
	text-align:center;
	font-size:110%;
	line-height:150%;
	border:1px #0066cc solid;
	background:url(../img/bumon/bg-integration-menu.png) no-repeat right center #fff;
}

.integration2-menu li a:hover{
	background:url(../img/bumon/bg-integration-menu-on.png) no-repeat right center #0066cc;
	color:#fff;

}


/*--------------------------------------------
 
     テーブル2
 
---------------------------------------------*/

.profile2{
	width:100%;
	margin-bottom:30px;
}

.profile2 td,
.profile2 th{
	padding:10px;
	vertical-align:top;
}

.profile2 th{
	background:#eee;
}

.profile2 li{
	float:left;
	width:47%;
	margin-right:3%;
}

/*--------------------------------------------
 
      マップ
 
---------------------------------------------*/

iframe.map{
	width:100%;
	height:400px;
}


/*--------------------------------------------
 
	  母乳育児について
 
 ---------------------------------------------*/
div.bonyu10 {
	width: 600px;
	border: 3px solid #FDDBDB;
	padding: 30px;
	margin: 0 auto;
}
div.bonyu10 ol{
	list-style-position: inside;
}