/*
Theme Name:JCHO_hospital_37
Description:
Theme URI:
Author:JCS
Author URI:
Version:1.00
License:
License URI:
*/
@charset "UTF-8";

/* BASE
======================================================== */

* {
	margin: 0;
	padding: 0;
	}

body {
	background-color:#FFFFFF;
	background-image: url(./images/common/bg_back.png);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: 'Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','メイリオ','ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height:1.8em;
	color: #323232;
	}

img {
	border: 0;
	}

p {
	margin:15px 5px 20px 5px;
	padding:0 0 0 0;
	}

li {
	list-style-type: none;
}

.clear {
	clear: both;
	}

.anchor {
	display: none;
	}

#container {
	width: 980px;
	margin: 0 auto;
	behavior: expression(IEPNGFIX.fix(this));
	/*background: #ffffff;*/
	}

#contents {
	width: 980px;
	margin: 0px auto;
	}

.red { color: #ff0000;font-weight: bold; }
.blue { color: #0058b2;font-weight: bold; }
.green { color: #007237;font-weight: bold; }

.txt10 { font-size: 90%;line-height:1.5em; }
.txt14 { font-size: 115%;line-height:1.5em; }

a:visited  { color: #0b4bce;text-decoration:none;}
a:link  { color: #0b4bce;text-decoration:none;}
a:hover  { color: #f26c00;}
a:active  { color: #0b4bce;text-decoration:none;}


/* ヘッダー部
======================================================== */

#header {
	/*background: #ffffff;*/
	width: 980px;
	height: 100px;
	margin-bottom: 10px;
	position: relative;
	}

#header #title {
	position: absolute;
	top: 0px;
	left: 0px;
	}

#header .font_size {
	position: absolute;
	width:170px;
	height:20px;
	top: 15px;
	left: 595px;
}

#header .font_size img {
	float: left;
	list-style: none;
	margin: 0;
	padding:0 0 0 5px;
}

#header .search {
	position: absolute;
	width:210px;
	height:20px;
	top: 15px;
	left: 770px;
}

#header .search ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding:0 0 0 5px;
}

#header .search ul li input[type="text"] {
	width: 95px;
	height: 18px;
	border: 1px solid #8e8e8e;
	color: #1d1d1d;
}

#header .search ul li input[type="text"]:focus {
	background: #ffffff;
	}



#header .address_tel {
	position: absolute;
	width:270px;
	height:40px;
	top: 50px;
	left: 580px;
}

#header .access {
	position: absolute;
	width:100px;
	height:18px;
	top: 61px;
	right: 0px;
}


/* グローバルナビ
======================================================== */

#header .globalnavi {
	position: absolute;
	width:100%;
	height:32px;
	/*background-image: url(./images/bg_global.png);*/
	top: 100px;
	left: 0;
}

#header .globalnavi ul li {
	float: left;
	list-style: none;
	margin: 0;
	padding:0;
}


/* パンくずリスト
======================================================== */

#breadcrumbs {
	width: 980px;
	height:20px;
	margin: 45px 0 0 0;
	}

#breadcrumbs ul {
	float: left;
	padding:0;
	margin:0;
	}

#crumbs {
	height:14px;
	}
	
#crumbs li {
	float:left;
	line-height:14px;
	color:#777;
	font-size: 10px;
	list-style: none;
	display:block;
	padding: 0 0 0 3px;
	}

#crumbs li a:link,
#crumbs li a:visited {
	color:#777;
	}

#crumbs li a:hover,
#crumbs li a:focus {
	color:#dd2c0d;
	}

#crumbs li.between {
	display:block;
	padding: 0 0 0 15px;
	background: url(./images/common/crumbs.gif) no-repeat 0 0 ;
	}

#crumbs li.last {
	display:block;
	padding: 0 0 0 15px;
	font-weight: bold;
	background: url(./images/common/crumbs.gif) no-repeat 0 0 ;
	}


/* スライダー
======================================================== */

#homeCarousel {
	width: 100%;
	margin-bottom: 14px;
	overflow: hidden;
}
#homeCarousel .homeCarousel-inner {
	background-color: #fff;
	/*		height: $hcHeight;*/
	position: relative;
}
*:first-child+html #homeCarousel .homeCarousel-inner {
	width: 100%;
	overflow: hidden;
}
#homeCarousel .carousel-box {
	/*		height: $hcHeight;*/
	margin: auto;
	position: relative;
}
#homeCarousel .carousel-list {
	margin: auto;
	height: 210px;
	position: relative;
	left: 0;
	width: 10000px;
}
#homeCarousel .carousel-list .cl-article {
	position: absolute;
	height: 210px;
}
#homeCarousel .carousel-list .cl-article .back-image,
#homeCarousel .carousel-list .cl-article .next-image {
	position: absolute;
	
}
#homeCarousel .carousel-list .cl-article .back-image { left: -1539px }
#homeCarousel .carousel-list .cl-article .next-image { left: 1480px }
#homeCarousel .carousel-list .cl-article .images-box {
	position: absolute;
	top: 0;
	left: 0;
}

#homeCarousel .carousel-list .cl-article.current a.readMoreBtn { display: block }
.carousel-select {
	position: relative;
	line-height: 11px;
	padding: 12px 0 0;
	margin: auto;
	text-align: center;
	width: 120px;
}
.carousel-select ol {
	position: relative;
	width: auto;
	display: inline-block;
}
.carousel-select li {
	width: 12px;
	height: 12px;
	background: url(./images/common/carousel_select_discs.png) no-repeat;
	text-indent: -9999px;
	text-align: left;
	cursor: pointer;
	display: block;
	float: left;
	margin-left: 9px;
}
.carousel-select li.current { background: url(./images/common/carousel_select_discs_curre.png) no-repeat }
.carousel-btn {
	position: absolute;
	right: 15px;
	top: 305px;
	line-height: 11px;
	z-index: 10;
}
.carousel-btn li {
	height: 30px;
	width: 30px;
	float: left;
	text-indent: -9999px;
	margin-left: 2px;
	cursor: pointer;
}


/* BASE
======================================================== */

#left_navi {
	float: left;
	margin: 5px 12px 20px 0;
	width: 200px;
}

#top #main_content {
	float: left;
	margin: 5px 0 20px 0;
	width: 555px;
}

#under #main_content {
	float: right;
	margin: 5px 0 20px 0;
	width: 755px;
}

#flat #main_content {
	float: left;
	margin: 5px 0 20px 0;
	width: 980px;
}

#right_navi {
	float: right;
	margin: 5px 0 20px 0;
	width: 200px;
}


/* 左ナビゲーション
======================================================== */

#left_navi #hospital {
	margin-bottom: 5px;
}

#left_navi #annai_title {
	margin: 5px 0 0 0;
}

#left_navi #annai_box {
	width: 198px;
	background: #f1f1f1;
	border:1px solid #1565ae ;
}

#left_navi #annai_box img {
	margin: 4px;
}

#left_navi #annai_box img.last {
	margin: 0 4px 4px 4px;
}

#left_navi #bo_list {
	margin: 5px 0 0 0;
}


/* トップページ中央
======================================================== */

#top #main_content #title {
	clear: both;
	margin-bottom: 5px;
}

#top #main_content #reception {
	margin-bottom: 10px;
}

#top #main_content #dept {
	width: 546px;
	margin: 10px 5px 0 4px;
}

#top #main_content #dept #col1 {
	float: left;
	width: 182px;
	margin: 0;
	padding: 0 0 10px 0;
}

#top #main_content #dept #col2 {
	float: left;
	width: 182px;
	margin: 0;
	padding: 0 0 10px 0;
}

#top #main_content #dept #col3 {
	float: left;
	width: 182px;
	margin: 0;
	padding: 0 0 10px 0;
}

#top #main_content #dept li {
	float:left;
	width: 170px;
	list-style: none;
	display:block;
	line-height:1.4em;
	padding: 0 0 0 10px;
	background: url(./images/common/list_dept.png) no-repeat 0 5px ;
}

#top #main_content #dept li.small {
	width: 160px;
	padding: 0 0 0 20px;
	background: url(./images/common/list_dept.png) no-repeat 10px 5px ;
}

#top #main_content #dept li.last {
	margin-bottom: 20px;
}

#top #main_content #top_news dl{
	width: 540px;
	height: 180px;
	background: #fff;
	margin: 0 auto;
	overflow:scroll;
	overflow-x:hidden;
	font-size: 100%;
}
	
#top #main_content #top_news dt{
	padding: 3px 0 0 0 ;
	color: #000000;
}
	
#top #main_content #top_news dd{
	width: 520px;
	padding: 0 0 2px 0 ;
	border-bottom: dotted 1px #000;
}

#top #main_content #top_news dd #general{
	float:left;
	width: 22px;
	height: 14px;
	padding: 2px 3px 0 0;
}

#top #main_content #top_news dd #medical{
	float:left;
	width: 22px;
	height: 14px;
	padding: 2px 5px 0 0;
}

#top #main_content #topix_title {
	clear: both;
	margin: 10px 0 5px 0;
}

#top #main_content #topix {
	width: 555px;
	margin: 0 6px 0 6px;
}

#top #main_content #topix li {
	float:left;
	width: 543px;
	height: 31px;
	list-style: none;
	display:block;
	line-height:1.4em;
	padding: 11px 0 0 45px;
	margin: 0 0 0 0;
	background: url(./images/common/bg_topix.png) no-repeat 0 0 ;
}

#top #main_content #topix_under {
	clear: both;
	margin: 30px;
}

/*#top #main_content #topix li.last {
	margin-bottom: 30px;
}*/

#top #main_content #center_banner {
	clear: both;
	width: 555px;
	margin: 0 0 0 0;
}

#top #main_content #center_banner li {
	float:left;
	width: 180px;
	height: 60px;
	list-style: none;
	display:block;
	padding: 2px;
}


/* 右ナビゲーション
======================================================== */

#right_navi #jcho {
	margin-bottom: 5px;
}

#right_navi #recruit_title {
	margin: 5px 0 0 0;
}

#right_navi #recruit_box {
	position: relative;
	width: 200px;
	height: 123px;
	background: url(./images/common/body_recruit.png) 0 0 no-repeat;
}

#right_navi #recruit_box ul {
	position: absolute;
	top: 55px;
	left: 0;
}

#right_navi #recruit_box ul li {
	float: left;
	padding: 2px 5px 2px 5px;
}

#right_navi #bo_list {
	margin: 5px 0 0 0;
}

#right_navi #effort_title {
	margin: 5px 0 0 0;
}

#right_navi #effort_box {
	width: 198px;
	background: #ffffff;
	border:1px solid #c2c2c2 ;
}

#right_navi #effort_box img {
	margin: 4px 4px 0 4px;
}

#right_navi #effort_box #under {
	margin: 4px 4px 0 4px;
}

/*#right_navi #effort_box img.last {
	margin: 4px;
}*/


/* トップメニュー　以下共通
======================================================== */

#main_content #h2group {
	width: 98%;
	border-bottom:1px solid #ccc;
	padding:5px;
	margin: 0 0 15px 0;
}

#main_content #h2group h2 {
	font-size: 120%;
	font-weight: bold;
	color: #114676;
	border-left:7px solid #1565ae;
	padding:5px 5px 5px 10px;
}

#main_content #lead {
	clear: both;
	margin: 5px;
}

#main_content #lead h3 {
	clear: both;
	width: 99%;
	height: 25px;
	font-size: 105%;
	font-weight: bold;
	text-align: left;
	color: #003f54;
	padding: 0 0 0 2px;
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #1283a8;
}

#main_content #lead h4 {
	clear: both;
	width: 98%;
	height: 20px;
	font-size: 100%;
	font-weight: bold;
	text-align: left;
	color: #155f77;
	padding: 0 0 0 2px;
	margin: 10px 0 10px 0;
	border-bottom: 1px dashed #85ace6;
}

#main_content #lead h5,
#main_content #lead h6,
#main_content #lead h7 {
        clear: both;
        width: 98%;
        height: 20px;
        font-size: 100%;
        font-weight: bold;
        text-align: left;
        color: #155f77;
        padding: 0 0 0 2px;
        margin: 10px 0 15px 0;
}

#main_content #lead table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	margin: 10px 0 10px 0;
}

#main_content #lead table.no_border{
        border: none;
}

#main_content #lead table th{
	padding:1px 0 1px 0;
	text-align: center;
	background: #d5efff;
	border:1px solid #07689a ;
}

#main_content #lead table th.left{
	text-align: left;
	padding: 0 0 0 5px;
}

#main_content #lead table td{
	padding:5px;
	text-align: left;
	line-height: 1.5;
	border:1px solid #c2c2c2 ;
}

#main_content #lead table td.center{
	text-align: center;
}

#main_content #lead table td.no_border{
	padding:10px;
	text-align: center;
	border: none;
}

#main_content #lead ul li {
	width: 100%;
	list-style-type: circle;
	margin: 0 0 0 20px;
}

#main_content #lead ol li {
	list-style-type: decimal;
	margin: 0 0 0 20px;
}

#main_content #lead img.alignleft {
	float: left;
	margin: 0 15px 0 0;
}

#main_content #lead img.aligncenter {
	display:block;
	margin-left:auto;margin-right:auto;
	text-align:center;
}

#main_content #lead img.alignright {
	float: right;
	margin: 0 0 0 15px;
}

#main_content #lead #sinryou li {
	width: 500px;
	list-style: none;
	display:block;
	line-height:1.4em;
	padding: 0 0 0 10px;
	background: url(./images/common/list_dept.png) no-repeat 0 5px ;
}


/* PageTop
======================================================== */
#pagetop {
	clear: both;
	width: 970px;
	/*margin: 0 0 0 851px;*/
	text-align: right;
	padding: 0;
	/*border:1px solid #07689a ;*/
	}


/* Footer
======================================================== */

#foot {
	clear: both;
	width: 100%;
	min-width:980px;
	height: 50px;
	background: #7eb1d9;
}

#foot #footer {
	width: 980px;
	margin: 0 auto;
	position: relative;
}

#foot #footer #footnavi {
	position: absolute;
	top: 15px;
	left: 0px;
}

#foot #footer #footnavi a:visited  { color: #ffffff;text-decoration:none;}
#foot #footer #footnavi a:link  { color: #ffffff;text-decoration:none;}
#foot #footer #footnavi a:hover  { color: #ff7200;text-decoration:none;}
#foot #footer #footnavi a:active  { color: #ffffff;text-decoration:none;}


#foot #footer #footnavi li {
	float:left;
	list-style: none;
	display:block;
	font-size: 10pt;
	line-height:1.4em;
	padding: 0 0 0 10px;
	margin: 0 6px 0 5px;
	background: url(./images/common/list_foot.png) no-repeat 0 4px ;
}

address {
	position: absolute;
	top: 15px;
	right: 0px;
	font-size: 8pt;
	font-style: normal;
	letter-spacing: 1px;
	color: #ffffff;
	}


/* ClearFix
======================================================== */
.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

.cf {
	zoom:1;
}