@charset "utf-8";

/* common
****************************************************/

	*{ margin:0; padding:0; word-break:break-all; }
	body{ font-size:17px; font-family:"游ゴシック", Meiryo, "Hiragino Kaku Gothic ProN", YuGothic, sans-serif; color:#000000; }
	img{ border:none; font-size:0; vertical-align:top; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#000000; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.8; }
	h1{ font-size:14px; padding:10px 0; font-weight:normal; line-height:14px; }
	address{ font-style:normal; }

/* space
****************************************************/

	.space_1, .space1list li{ margin-top:10px; }
	.space_2, .space2list li{ margin-top:20px; }
	.space_3, .space3list li{ margin-top:30px; }
	.space_4, .space4list li{ margin-top:50px; }
	.space_5, .space5list li{ margin-top:100px; }

/* text
****************************************************/

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }
	.ti1r, .ti1r_ul li{ text-indent:-1em; padding-left:1em; }

/* color
****************************************************/

	.col_1{ color:#404040; }
	.col_2, .col2icon:before, .col2list li:before{ color:#bfbfbf; }
	.col_3{ color:#ededed; }
	.col_4, .col4icon:before, .col4list li:before{ color:#e85197; }
	.col_5{ color:#ffc8e1; }
	.col_6{ color:#fff5fa; }
	.col_7{ color:#ffffff; }

/* background_color
****************************************************/

	.bg1col{ background-color:#f5f5f5; }
	.bg2col{ background-color:#e85197; }

/* link
****************************************************/

	.link_1{ text-decoration:underline; }

/* icon
****************************************************/

	.icon_1:before, .icon1list li:before{ content:"▶ "; }
	.icon_2:before, .icon2list li:before{ content:"● "; }
	.icon_3:before, .icon3list li:before{ content:"◆ "; }
	.icon_4:before, .icon4list li:before{ content:"■ "; }

/* button
****************************************************/

	.btn, .btn1list a{ display:block; font-size:20px; text-align:center; }
	.btn:hover, .btn1list a:hover, .btn_1:hover{ text-decoration:none; }
	.btn_1{
		display:inline-block;
		border:1px solid #e85197;
		color:#e85197;
		background:url(images/icon6.png) no-repeat right center;
		padding:3px 36px 3px 15px;
		font-weight:bold;
		border-radius:25px;
		-webkit-border-radius:25px;
		-moz-border-radius:25px;
	}
	.btn_1:hover{ background-color:#ffc8e1; }

/* border-radius
****************************************************/

	.br05, .br05ul li{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.br10, .br10ul li{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.br25, .br25ul li{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }

/* header
****************************************************/

	#header, #header2{ border-bottom:1px solid #dfdfdf; text-align:center; }

/* info
****************************************************/

	#info{ padding:15px 30px; }
	#info .tel{ font-size:20px; line-height:150%; }
	#info .tel, #info .tel a, #info .btn{ color:#e85197; }
	#info .tel a{ font-size:28px; }
	#info .adr{ font-size:13px; }
	#info .btn{ border:1px solid #e85197; padding:5px 0; background:url(images/icon1.png) no-repeat right center; }
	#info .btn span{ font-size:15px; margin-left:.5em; }

/* nav
****************************************************/

	nav a:hover{ text-decoration:none; }

 /* footer
****************************************************/

	#footer{ background-color:#e85197; color:#ffffff; }
	#footer a{ color:#ffffff; }
	#footer .section_1 li{ background-color:#ffffff; font-weight:bold; padding:5px 0; }
	#footer .section_1 li a{ color:#e85197; }
	#footer .section_2 li{ font-size:14px; }

/* headline
****************************************************/

	.headline_1{ border-left:6px solid #000000; border-right:6px solid #000000; font-size:30px; text-align:center; }
	.headline_1 span, .headline_2 span{ color:#e85197; }
	.headline_2{ border-left:6px solid #000000; padding-left:15px; }
	.headline_3{ border-left:6px solid #e85197; padding-left:15px; }
	.headline_4{ background:url(images/icon5.gif) no-repeat left center #f8cbe0; font-size:20px; padding-left:21px; line-height:38px; }

/* content
****************************************************/

	/* info */
	#info .icon3list li:before{ color:#e1c556; }
	/* medical */
	#medical .section_1 li{ border-bottom:2px solid #b8b8b8; font-size:18px; }
	#medical .section_1 li:before{ color:#646464; }
	#medical .btn{ background-color:#e85197; color:#ffffff; padding:10px 0; font-size:24px; font-weight:bold; }
	/*greeting*/
	#greeting .section_1{ border:1px solid #e85197; background-color:#ffffff; }
	/* guide */
	#guide .section_1 .col li a{ color:#005baa; }
	/* facility */
	#facility .name{ color:#e85197; }
	/* access */
	#access .section_1{ border-top:1px dotted #e85197; }
	#access .section_1 h3{ border-bottom:2px solid #e85197; }
	#access .section_1 h3{ min-width:165px; display:inline-block; }
	#access .section_2, #access .section_3, #access .section_4{
		border-bottom:1px dotted #e85197;
		background-repeat:no-repeat;
		background-position:left top;
		padding:5px 0 20px 110px;
		margin-top:20px;
	}
	#access .section_2{ background-image:url(images/access1no2.gif); }
	#access .section_3{ background-image:url(images/access1no3.gif); }
	#access .section_4{ background-image:url(images/access1no4.gif); }
	/* about */
	#about dt{ font-size:18px; font-weight:bold; }
	#about dt:before{ content:"■ "; color:#e85197; }
	#about dd{ padding:1em 0; margin-bottom:2em; }

/* disease
****************************************************/

	#disease .section_1{ border:3px solid #e85197; }
	#disease .section_1 h3{ color:#e85197; text-align:center; }
	#disease .section_2 p{ margin-bottom:15px; }
	#disease .section_3{ border:1px solid #e85197; color:#e85197; text-align:center; padding:10px 15px; }
	#disease .arrow_1, #disease .arrow_2{ background:url(images/icon7.png) no-repeat left bottom; }
	#disease .arrow_2{ padding-bottom:50px; }
    #disease .ntc{ padding:20px; border:1px dotted #e85197; border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; margin-top:20px; }

/* number
****************************************************/

	.num1no1, .num1no2, .num1no3{ background-repeat:no-repeat; background-position:left center; padding-left:20px; font-weight:bold; font-size:18px; }
	.num1no1{ background-image:url(images/num1no1.png); }
	.num1no2{ background-image:url(images/num1no2.png); }
	.num1no3{ background-image:url(images/num1no3.png); }
	.num2no1, .num2no2, .num2no3{ background-repeat:no-repeat; background-position:left center; padding-left:46px; font-weight:bold; font-size:18px; line-height:36px; }
	.num2no1{ background-image:url(images/num2no1.png); }
	.num2no2{ background-image:url(images/num2no2.png); }
	.num2no3{ background-image:url(images/num2no3.png); }

/* 404
****************************************************/

	.error404{ text-align:center; color:red; padding:100px 0; }

	/* table
****************************************************/
.table01 { width: 100%; border-collapse: collapse; width: 100%; margin-top: 10px; }
.table01 th, .table01 td { padding: 0.5em; border: 1px solid #E85197; }
.table01 th { background-color: #F8CBE0; text-align: left; }




/**************************************************

	600px over

**************************************************/
@media only screen and (min-width:600px), print{

	/* common
	****************************************************/

		.sp{ display:none; }

	/* width
	****************************************************/
	.pc_w70per { width: 70%; }
	.pc_w75per { width: 75%; }
	.pc_w80per { width: 80%; }
	.pc_w85per { width: 85%; }
	.pc_w90per { width: 90%; }

	/* margin, padding
	****************************************************/

		/* margin-left */
		.ml20, .ml20ul li{ margin-left:20px; }
		.ml30{ margin-left:30px; }
		.ml40{ margin-left:40px; }
		.ml60{ margin-left:60px; }
		.ml330{ margin-left:330px; }

	/* float
	****************************************************/

		.oh, .oh_list{ overflow:hidden; }
		.oh .fl, .oh_list li{ float:left; }
		.oh .fr{ float:right; }
		.oh .cb{ clear:both; }

	/* column
	****************************************************/

		.col{ letter-spacing:-0.4em; }
		.col li{ display:inline-block; letter-spacing:normal; vertical-align:top; }

	/* btn
	****************************************************/

		.btn_2{ width:150px; display:inline-block; }

	/* header
	****************************************************/

		#header, #header2{ height:321px; }
		#header p{ margin-top:55px; }
		#header2 p{ margin-top:30px; }

	/* nav
	****************************************************/

		nav a{ display:block; }
		nav .menu_1 a, nav .menu_2 a{ line-height:20px; padding:20px 0 20px 50px; }
		nav .menu_1 a{ background:url(images/icon1.png) no-repeat left center #000000; color:#ffffff; }
		nav .menu_1 a:hover, nav .menu_1 .on, nav .menu_4 .nav2btn:hover, nav .menu_4 .nav2btn_on{ background:url(images/icon2.png) no-repeat left center #808080; color:#ffffff; }
		nav .menu_2 a:hover, nav .menu_2 .on{ background:url(images/icon1.png) no-repeat left center #f5f5f5; }
		nav .menu_2 a{ background:url(images/icon1.png) no-repeat left center #fdeef5; color:#000000; }
		nav .menu_2 a:first-letter{ color:#e85197; }
		nav .menu_3 li{ margin-top:20px; }
		nav .menu_3 a{ background:url(images/icon4.png) no-repeat left center #e85197; color:#ffffff; }
		nav .menu_3 a, nav .menu_4 a{ line-height:20px; padding:25px 0 25px 50px; }
		nav .menu_3 a:hover, nav .menu_3 .on{ background:url(images/icon3.png) no-repeat left center #f7d1e4; color:#e85197; }
		nav .menu_4 .nav1btn{ background:url(images/icon3.png) no-repeat left center #000000; color:#ffffff; }
		nav .menu_4 .nav1btn:hover, nav .menu_4 .nav1btn_on{ background:url(images/icon4.png) no-repeat left center #808080; color:#ffffff; }
		nav .menu_4 .nav2btn{ background:url(images/icon1.png) no-repeat left center #000000; color:#ffffff; }
		.menubtn { display:none; }

	/* slider
	****************************************************/

		#slideshow{
		   position:relative;
		   width:960px;
		   height:410px;
		}
		#slideshow li{
		   position:absolute;
		   height:410px;
		   margin:0;
		   padding:0;
		   background-position:center top;
		   background-repeat:no-repeat;
		}
		#slideshow2{
		   position:relative;
		   width:960px;
		   height:410px;
		}
		#slideshow2 p{
		   position:absolute;
		   height:410px;
		   margin:0;
		   padding:0;
		   background-position:center top;
		   background-repeat:no-repeat;
		}

	/* footer
	****************************************************/

		#footer{ text-align:center; padding:30px 0 50px; }
		#footer .section_1 li{ width:290px; margin:0 17.5px; }
		#footer .section_2:after{ content:"｜"; }
		#footer .section_2 li{ margin-right:15px; }
		#footer .section_2 li:before{ content:"｜"; margin-right:15px; }
		address{ font-size:14px; }

	/* headline
	****************************************************/

		.headline_1{ margin-left:25%; margin-right:25%; }

	/* page_title
	****************************************************/

		#page_title{ background:url(images/page1title.jpg) repeat-x center center; color:#ffffff; }
		#page_title h2{ font-size:30px; line-height:110px; padding:106px 0 106px 80px; font-weight:normal; letter-spacing:8px; }

	/* content
	****************************************************/

		#content{ display:table; width:1220px; margin:0 auto; }
		#main-column, #side-column{ vertical-align:top; }
		#main-column{ display:table-cell; width:960px; }
		#side-column{ display:table-cell; width:259px; border-right:1px solid #dfdfdf; padding-bottom:60px; }
		/* section */
		.section{ padding:70px 80px; }
		/* medical */
		#medical .section_1 li{ width:380px; }
		#medical .section_2 li{ margin-right:1em; }
		#medical .section_3 .btn{ width:220px; margin-right:15px; }
		/* guide */
		#guide .section_1 .img{ width:400px; margin:0 auto; }
		#guide .section_1 .txt strong{ color:#005baa; }
		#guide .section_1 .txt strong:before{ content:"■ "; color:#005baa; }
		#guide .section_1 .col li{ margin-right:25px; }
		#guide .section_1 .col li:last-child{ margin-right:0; }
		#guide .section_1 .col li img{ margin-bottom:10px; }
		#guide .section_2 .fl{ width:290px; }
		#guide .section_2 .fl .txt strong{ text-align:center; display:block; margin-top:10px; margin-bottom:10px; }
		#guide .section_2 .fr{ width:360px; }
		#guide .section_2 .fr li{ margin-left:30px; width:150px; height:250px; font-size:13px; text-align:center; }
		/*greeting*/
		#greeting .section_1{ padding:25px 65px 40px; }
		#greeting .section_2 li{ overflow:hidden; }
		#greeting .section_2 .fl{ float:left; }
		#greeting .section_2 .fr{ float:right; width:525px; }
		#greeting .section_3 li{ width:300px; }
		/* facility */
		#facility{ padding:70px 0px 70px 80px; }
		#facility .fl{ width:230px; margin-right:55px; height:450px; }
		#facility .name{ height:50px; margin-top:15px; }
		#facility .read{ font-size:14px; margin-top:15px; }

	/* disease
	****************************************************/

		#disease .section_1{ margin-left:40px; margin-right:40px; padding:15px 25px 20px 15px; }
		#disease .section_2 li{ width:210px; margin-left:40px; margin-right:5px; }
		#disease .section_3{ margin-left:40px; margin-right:40px; }
		#disease .section_4{ margin-left:90px; }
		#disease .section_4 .box_1{ width:330px; }
		#disease .section_4 .box_2{ width:230px; margin-left:60px; }

	/* sitemap
	****************************************************/

		#sitemap .fl{ width:38%; }

	/* pagetop
	****************************************************/

		.pagetop {
			display:none;
			position:fixed;
			bottom:0px;
			right:10px;
			line-height:0;
		}
		.pagetop a{
			display:block;
			padding:5px;
			background-color:#e85197;
			text-align:center;
			color:#ffffff;
			text-decoration:none;
			margin-bottom:5px;
			border-radius:5px;
			-webkit-border-radius:5px;
			-moz-border-radius:5px;
			opacity:.5;
		}
		.pagetop a:hover, .pagetop a:hover img{ opacity:1.0; }
}





/**************************************************

	600px under

**************************************************/
@media only screen and (max-width:599px){

	/* common
	****************************************************/

		body{ line-height:150%; }
		.wrapper{ padding:15px; }
		img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }

	/* space
	****************************************************/

		.sp1space{ margin-top:15px; }
		.space_5{ margin-top:50px; }

	/* btn
	****************************************************/

		.btn_2{ display:block; }

	/* header
	****************************************************/

		#header, #header2{ padding-bottom:30px; }
		#header p{ margin-top:15px; }
		#header2 p{ margin-top:15px; }
		#header2 .senshin{ background-color:#e85197; color:#fff; text-align:center; padding:6px 10px; margin: 15px 15px 0;}


	/* slideshow
	****************************************************/

		#slideshow{
			margin-top:10px;
			position:relative;
			width:100%;
			height:200px;
		}
		#slideshow li{
			position:absolute;
			width:100%;
			background-size:auto 200px;
			height:200px;
			margin:0;
			padding:0;
			background-position:center top;
			background-repeat:no-repeat;
		}
		#slideshow2{
			margin-top:10px;
			position:relative;
			width:100%;
			height:200px;
		}
		#slideshow2 p{
			position:absolute;
			width:100%;
			background-size:auto 200px;
			height:200px;
			margin:0;
			padding:0;
			background-position:center top;
			background-repeat:no-repeat;
		}

	/* nav
	****************************************************/

		nav .menu_1{ letter-spacing: -0.4em; margin-bottom:20px; }
		nav .menu_1 li{
			display:inline-table;
			width:31%;
			margin:5px 1% 0 1%;
			vertical-align:top;
			letter-spacing:normal;
			line-height:20px;
			font-size:12px;
		}
		nav .menu_1 li a{
			height:50px;
			display:table-cell;
			vertical-align:middle;
			background-color:#000000;
			text-align:center;
			border:1px solid #005baa;
			border-radius: 10px;
			-webkit-border-radius: 10px; /* Safari,Google Chrome */
			-moz-border-radius: 10px;  /* Firefox */
			color:#ffffff;
		}
		nav .menu_2 a, nav .menu_3 a, nav .menu_4 a{ display:block; }
		nav .menu_2 a{ line-height:20px; padding:20px 0 20px 50px; }
		nav .menu_2 a:hover{ background:url(images/icon1.png) no-repeat left center #f5f5f5; }
		nav .menu_2 a{ background:url(images/icon1.png) no-repeat left center #fdeef5; color:#000000; }
		nav .menu_2 a:first-letter{ color:#e85197; }
		nav .menu_3 a{ background:url(images/icon4.png) no-repeat left center #e85197; color:#ffffff; }
		nav .menu_3 a, nav .menu_4 a{ line-height:20px; padding:25px 0 25px 50px; }
		nav .menu_3 a:hover{ border:1px solid #e85197;  background:url(images/icon3.png) no-repeat left center #ffffff; color:#e85197; }
		nav .menu_4 .nav1btn, nav .menu_4 .nav1btn_on{ background:url(images/icon3.png) no-repeat left center #000000; color:#ffffff; }
		nav .menu_4 .nav2btn{ background:url(images/icon1.png) no-repeat left center #000000; color:#ffffff; }
		nav .togmenu{ display:none; }
		nav .menubtn{ padding:20px 0 20px 50px; background-color:#000000; color:#000000; margin-bottom:20px; }
		nav .acc_1{ background:url(images/icon1.png) no-repeat left center #cccccc; }
		nav .acc_2{ background:url(images/icon3.png) no-repeat left center #f8c1db; }

 	/* footer
	****************************************************/

		#footer{ padding:5px 15px 15px; margin-bottom:40px; }
		#footer .section_1 li{ margin-top:15px; }
		#footer .section_2 li:before{ content:"▶ "; }
		#footer address{ margin-top:20px; font-size:10px; }

	/* headline
	****************************************************/

		.headline_1{ font-size:24px; }

	/* page_title
	****************************************************/

		#page_title{

			background:url(images/page1title.jpg) repeat-x center center;
			color:#ffffff;
			margin-top:30px;
			-moz-background-size:100% 100%;
			background-size:100% 100%;

		}
		#page_title .wrapper{ margin-left:1em; }
		#page_title h2{ font-size:24px; line-height:40px; padding:50px .5em; font-weight:normal; }

	/* content
	****************************************************/

		/* main-column */
		#main-column{ margin-top:25px; }
		/* side-column */
		#side-column{ margin-top:25px; }
		/* info */
		#info div{ margin-top:15px; }
		/* section */
		.section{ padding:15px; }
		/* ganka */
		#medical .section_2 .btn{ margin-top:15px; }
		/* guide */
		#guide .section_3 li{ margin-bottom:25px; text-align:center; }
		#guide .section_3 li img{ margin-bottom:10px; }
		#guide .section_3 li p{ text-align:left; }
		#guide .section_3 li p strong{ display:block; text-align:center; color:#005baa; }
		/*greeting*/
		#greeting .section_1{ padding:15px; }
		/* facility */
		#facility{ padding:15px; }
		#facility .fl{ margin-bottom:50px; }
		#facility .name{ text-align:center; margin-top:10px; }
		#facility .name br{ display:none; }

	/* disease
	****************************************************/

		#disease .section_1{ padding:15px; }
		#disease .arrow_1, #disease .arrow_2{ background-position:center bottom; padding-bottom:50px; }

	/* pagetop
	****************************************************/
	.pagetop{
		display:none;
		position:fixed;
		left:0;
		bottom:0;
		line-height:0;
		width:100%;
		background:url(images/pt1bg.png) repeat-x #242020;
		letter-spacing:-.40em;
	}
	.pagetop li{ display:inline-block; width:25%; letter-spacing:normal; text-align:center; background:url(images/pt2bg.png) right center no-repeat; }
	.pagetop li:last-child{ background:none; }
	.pagetop li a{ display:block; padding:5px 0; }
	.pagetop .tel{ width:50%; }
}