@charset "utf-8";
/*
**　00 : all
**	01 : head
**	02 : gNavi
**	03 : wap(固定解除)
**	04 : パンくず
**	05 : コンテンツ背景　1pxずれ/TOPページのみ-1px 
**	06 : footer
**	07 : pagetop
**	08 : 各ページのトップ：ボタンリスト
**	09 : 各ページの共通デザイン
**	10 : 外来受診のご案内　紹介状
**	11 : 
**	12 : 
*/


/* 00 : all
----------------------------------------------------------- */

/**	body,html **/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "MS UI Gothic", "Osaka", "arial", sans-serif;
	min-width: 970px;
	font-size: 14px;
	color: #58595b;
}
/* 01 : head
----------------------------------------------------------- */

#headback {
	background-color: #eeeeef;
	height: 55px;
}
#headback #kainan_logo {
	width: 273px;
	margin: 0 11px 0 -3px;
}
#headbox {
	width: 970px;
	margin: 0 auto;
	height: 55px;
}
#headback ul {
	margin: 25px 20px 0 0;
 /margin-right:10px;
}
#headback ul li {
	float: left;
	height: 15px;
	padding: 0 8px 0 8px;
	font-size: 11px;
	background: url(../images/head_line.gif) left no-repeat;
	display: block;
}
#headback ul.toplink li a {
	color: #595757;
	text-decoration: none;
}
#headback ul.toplink li a:hover {
	text-decoration: underline;
}
#headback ul li#fontstyle {
	background: none;
}
#headback ul li ul#fontSize {
	margin: -3px 0 0 0;
	background: none;
}
#headback ul li ul#fontSize li {
	float: left;
	margin: 0 3px 0 0;
	padding: 0;
	cursor: pointer;
	background: none !important;
}
#headback #tel {
	margin: 20px 28px 0 0;
}
#search {
	text-align: right;
}
div.changeArea {
	line-height: 1.5em;
}
div.changeArea ul#fontSize {
 *zoom: 1; /*forIE6,7*/
	margin-bottom: 10px;
}
div.changeArea ul#fontSize:after {
	content: "";
	display: block;
	clear: both;
}
/*サーチ*/
.search {
	height: 22px;
	padding-top: 5px;
}
#search_detail {
	display: none;
}
#search_form {
	background-image: url(../images/icon_search.png) !important;
	background-position: left center !important;
	background-repeat: no-repeat !important;
	background-color: #FFF;
	padding: 3px 3px 3px 21px !important;
	height: 20px;
	width: 370px;
	border: 1px #457bc9 solid;
	background-color: #fff;
	float: left;
}
* html body {
	background: url(null) fixed;
}
/*header固定*/
div#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 3000;/*	background-color: #D9E1E5;*/
}
* html div#header {
	position: absolute;
 top: expression(eval(document.documentElement.scrollTop+0));
}
/*201309add*/
#header1 {
	background-color: #D9E1E5;
}
/* 02 : gNavi
----------------------------------------------------------- */
#gNavi {
	background: #175ab9;
	border-bottom: 1px solid #58595b;
	height: 39px;
	position: relative;
	z-index: -2;
}
/*====ナビ====*/
.cbp-hrmenu {
	width: 580px;
}
/* general ul style */
.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/* first level ul style */
.cbp-hrmenu > ul, .cbp-hrmenu .cbp-hrsub-inner {
	width: 970px;
	margin: 0 auto;
}
.cbp-hrmenu > ul > li {
	float: left;
	display: block;
}
.cbp-hrmenu > ul > li > a {
	display: inline-block;
}
/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	display: none;
	position: absolute;
	background-color: #e6edf8;
	/* box-shadow */
	-webkit-box-shadow: 0px 4px 3px rgba(51,51,51,0.4);
	-moz-box-shadow: 0px 4px 3px rgba(51,51,51,0.4);
	box-shadow: 0px 4px 3px rgba(51,51,51,0.4);
	-ms-box-shadow: 0px 4px 3px rgba(51,51,51,0.4);
 filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffededed, endcolorstr=#ffcccccc, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=4);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ffededed, endcolorstr=#ffcccccc, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=4)";
	zoom: 1;
	width: 100%;
	left: 0;
}
.cbp-hropen .cbp-hrsub {
	display: block;
}
/*ナビオンしたときに下のメニューを表示中にもオン画像になるように消す：共通*/
.cbp-hropen > .gnavi_linkBtn02, .cbp-hropen > .gnavi_linkBtn03, .cbp-hropen > .gnavi_linkBtn04, .cbp-hropen > .gnavi_linkBtn05, .cbp-hropen > .gnavi_linkBtn06, .cbp-hropen > .gnavi_linkBtn07 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	background-repeat: no-repeat;
	display: block;
}
/*ナビオンしたときに下のメニューを表示中にもオン画像になるように：個別*/
.cbp-hropen > .gnavi_linkBtn02 {
	width: 89px;
	background-image: url(../images/navi_02_on.jpg);
}
.cbp-hropen > .gnavi_linkBtn03 {
	width: 125px;
	background-image: url(../images/navi_03_on.jpg);
}
.cbp-hropen > .gnavi_linkBtn04 {
	width: 110px;
	background-image: url(../images/navi_04_on.jpg);
}
.cbp-hropen > .gnavi_linkBtn05 {
	width: 89px;
	background-image: url(../images/navi_05_on.jpg);
}
.cbp-hropen > .gnavi_linkBtn06 {
	width: 98px;
	background-image: url(../images/navi_06_on.jpg);
}
.cbp-hropen > .gnavi_linkBtn07 {
	width: 88px;
	background-image: url(../images/navi_07_on.jpg);
}
/*リンク*/
.gNabi_Links {
	width: 970px;
	margin: 15px 0 15px 0;
	font-size: 90%;
}
.gNavi_title {
	width: 270px;
	text-align: center !important;
	margin-top: 38px;
}
.gNavi_img {
	width: 160px;
	height: 120px;
}
.gNavi_con_title {
	height: 36px !important;
}
.gNabi_Links_Box {
	padding: 0 0 0 12px;
}
.gNavi_Links_text dt {
	height: 20px;
	font-size: 14px;
	color: #175abc;
	border-bottom: 1px solid #175abc;
	padding: 4px 0 5px 0;
	margin-bottom: 7px;
	text-decoration: none;
}
.gNavi_Links_text dt a {
	color: #175abc;
	text-decoration: none;
}
.gNavi_Links_text dt a:hover {
	color: #2287ff;
}
.gNavi_Links_text dd {
	background: url(../images/gnavi_link_icon.png) left center no-repeat;
	padding-left: 10px;
	line-height: 20px;
	color: #58595b;
	font-size: 13px;
}
.gNavi_Links_text dd.none {
	background: none;
	padding-left: 0px;
}
.gNavi_Links_text dd a, ul.gNavi_Links_textsub li a {
	color: #58595b;
	text-decoration: none;
}
.gNavi_Links_text dd a:hover, ul.gNavi_Links_textsub li a:hover {
	color: #58595b;
	text-decoration: underline;
}
.gNavi_Links_text dd a, ul.gNavi_Links_textsub li a, ul.gNavi_Links_textsub03 li a, ul.gNavi_Links_textsub li a:hover {
	color: #58595b;
	text-decoration: none;
}
.gNavi_Links_text dd a:hover, ul.gNavi_Links_textsub li a:hover, ul.gNavi_Links_textsub03 li a:hover, ul.gNavi_Links_textsub04 li a:hover {
	color: #58595b;
	text-decoration: underline;
}
ul.gNavi_Links_textsub {
	width: 140px;
}
ul.gNavi_Links_textsub02 {
	width: 180px;
}
ul.gNavi_Links_textsub, ul.gNavi_Links_textsub02 {
	margin: 3px 0 3px 20px;
	font-size: 13px;
}
ul.gNavi_Links_textsub03 {
	margin: 0px 0 0 20px;
	font-size: 13px;
	line-height: 1.4em;
}
ul.gNavi_Links_textsub04 {
	margin: 0px 15px 0 0;
	font-size: 13px;
	line-height: 1.4em;
	float: left;
}
ul.gNavi_Links_textsub04 li {
	list-style: disc;
	padding: 0 25px 0 0px;
	margin-bottom: 3px;
}
ul.gNavi_Links_textsub li, ul.gNavi_Links_textsub02 li, ul.gNavi_Links_textsub03 li {
	float: left;
	list-style: disc;
	padding: 0 25px 0 0px;
	margin-bottom: 3px;
}
ul.gNavi_Links_textsub li.rightnone, ul.gNavi_Links_textsub02 li.rightnone, ul.gNavi_Links_textsub03 li.rightnone {
	padding-right: 0;
}
/* 03 : wap(固定解除)
----------------------------------------------------------- */
/*===ヘッダーの固定===*/
* html body {/*IE6*/
	background: url(../../common/css/null) fixed;
}
div#header {
	width: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000;
}
* html div#header {
	position: absolute;
top: expression(eval(document.documentElement.scrollTop+0));
}
#wap {
	margin: 0 auto;
	padding: 95px 0 20px;
}
/* 04 : パンくず
----------------------------------------------------------- */
#breadcrumbBox {
	background: #eeeeef;
	height: 36px;
}
#breadcrumbBox p {
	color: #808080;
	width: 946px;
	height: 16px;
	font-size: 12px;
	margin: 0 auto;
	padding-top: 16px;
	padding-left: 24px;
	line-height: 1px;
	background: url(../images/breadcrumb_icon.png) no-repeat left center;
}
#breadcrumbBox p a {
	color: #808080;
	text-decoration: none;
}
#breadcrumbBox p a:hover {
	color: #808080;
	text-decoration: underline;
}
/* 05 : コンテンツ背景　1pxずれ/TOPページのみ-1px
----------------------------------------------------------- */
#contentsback {
	background-color: #e6edf8;
	border-top: #fff solid 1px;
}
#contentsBox {
	width: 970px;
	margin: 0 auto;
	background: #fff;
	border-bottom: #e2e3e3 1px solid;
	padding: 0 0 50px 0;
	line-height: 1.8em;
}
#contents_img {
	position: relative;
}
#mainImgLink {
	position: absolute;
	top: 27px;
	left: 31px;
	border-left: 3px solid #1e2d63;
	padding: 12px 12px 7px 12px;
}
#mainImgLink h3 {
	font-size: 28px;
	color: #1e2d63;
	margin-bottom: 8px;
}
#mainImgLink dl {
	color: #175abc;
	line-height: 1.8em;
	margin-top: 24px;
	font-size: 85%;
}
#mainImgLink dl a {
	color: #175abc;
	text-decoration: none;
}
#mainImgLink dl a:hover {
	text-decoration: underline;
}
#mainImgLink dl dd {
}
#contents {
	width: 910px;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#contents h4 {
	width: 882px;
	color: #fff;
	font-size: 130%;
	background: #175abc;
	margin: 0 0 20px 0;
	padding: 8px 14px;
}
#contents h5 {
	width: 882px;
	color: #1d2185;
	margin-bottom: 20px;
	font-size: 125%;
	font-weight: 800;
}
#contents h6 {
	width: 882px;
	color: #221e1f;
	margin-bottom: 10px;
	font-size: 115%;
	font-weight: 800;
}
#inquirybtnBox {
	width: 837px;
	height: 26px;
	color: #403f41;
	margin: 50px auto 0;
	font-size: 16px;
	background: #efeff0;
	padding: 31px 37px 45px 35px;
}
/* 06 : footer
----------------------------------------------------------- */
#footer {
	font-size: 14px;
	line-height: 17px;
	padding: 17px 0 0 0;
	color: #231815;
}
#footerLink {
	color: #175abc;
	text-align: right;
	background: url(../images/footerlink_line.gif) right no-repeat;
}
#footerLink li {
	float: left;
	background: url(../images/footerlink_line.gif) left no-repeat;
	padding: 0 11px;
}
#footerLink li a {
	color: #175abc;
	text-decoration: none;
}
#footerLink li a:hover {
	text-decoration: underline;
}
/* 07 : pagetop
----------------------------------------------------------- */
#pagetop {
	position: fixed;
	bottom: 110px;
	right: 30px;
	z-index: 15000;
}
#pagetop .button {
	text-decoration: none;
	width: 40px;
	text-align: center;
	display: block;
}
/* 08 : 各ページの扉：ボタンリスト
----------------------------------------------------------- */
.pageBtnList {
}
.pageBtnList li {
	float: left;
	margin: 0 18px 20px 0;
}
.pageBtnList li.lastbtn {
	margin: 0 0 20px 0;
}
.pageBtnList li:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pageBtnList li.textLink a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #5693db;
}
.pageBtnList li.textLink:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
/* 09 : 各ページの共通デザイン
----------------------------------------------------------- */
.paragraphLL {
	width: 910px;
	margin: 0 0 50px 0;
}
.paragraphL {
	width: 910px;
	margin: 0 0 40px 0;
}
.paragraphM {
	width: 910px;
	margin: 0 0 30px 0;
}
.paragraphS {
	width: 910px;
	margin: 0 0 20px 0;
}
.paragraphR_Img {
	width: 320px;
	float: left;
	margin: 0 30px 30px 0;
}
.paragraphL_Img {
	width: 320px;
	float: right;
	margin-top: 0;
	margin-left: 30px;
	margin-bottom: 30px;
}
/* 10 : 外来受診のご案内　紹介状
----------------------------------------------------------- */
.pageBtnList {
	position: relative;
}
.pageBtnList li {
	float: left;
	margin: 0 18px 20px 0;
}
.pageBtnList li.lastbtn {
	margin: 0 0 20px 0;
}
.pageBtnList li:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
}
.pageBtnList li.textLink a:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #5693db;
}
.pageBtnList li.textLink:hover {
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
.noticeBox {
	background-color: #efeff0;
	width: 515px;
	position: absolute;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	top: 60px;
}
.noticeBox h3 {
	font-size: larger;
}
.noticeBox span {
	font-weight: bold;
}
.noticeBox2 {
	background-color: #efeff0;
	width: 515px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.noticeBox2 h3 {
	font-size: larger;
}
.noticeBox2 span {
	font-weight: bold;
}
.renkeiBox {
	background-color: #efeff0;
	width: 340px;
	float: left;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	top: 60px;
}
.renkeiBox h6 {
	font-size: larger;
}
.renkeiBox span {
	font-weight: bold;
}
.renkeiborderBOX {
	color: #58595b;
	background: #fff;
	border: #175abc 1px solid;
	margin: 0 0 10px 0;
	padding: 8px 10px;
}
.renkeiborderBOX a {
	display: block;
	color: #175abc;
	text-decoration: none;
}
.renkeiborderBOX a:hover {
	text-decoration: underline;
}