@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{ margin-top:30px; }
	.space_4{ margin-top:50px; }
	.space_5{ margin-top:100px; }

/* font-size
****************************************************/

	.fs12{ font-size:12px; }


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

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }

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

	.col_1{ color:#005baa; }
	.col_2, .col2ul li:before{ color:#ff7fae; }
	.col_3{ color:#ffffdc; }
	.col_4{ color:#000000; }

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

	.bg1col{ background-color:#009844; }
	.bg1co2{ background-color:#fff9ac; }

/* 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{ display:block; font-size:20px; text-align:center; }
	.btn:hover{ text-decoration:none; }
	
/* border-radius
****************************************************/

	.br05{ border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
	.br10{ border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; }
	.br25{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }

/* header
****************************************************/
	
	#header{ border-top:15px solid #005baa; }
	#header .tel{ font-size:30px; }
	#header a:hover{ text-decoration:none; }
	
/* footer
****************************************************/
	
	#footer{ background-color:#005baa; color:#ffffff; }
	#footer a{ color:#ffffff; }
	#footer .tel{ font-size:36px; }
	#footer .tel a:hover{ text-decoration:none; }
	#footer li{ font-size:14px; margin:0 5px; }	
	address{ font-size:14px; margin-left:5px; margin-right:5px; }

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

	.headline_1{ background:url(images/icon1.png) no-repeat left bottom; border-bottom:4px solid #005baa; color:#005baa; padding-left:45px; line-height:30px; font-size:22px; }

/* side-column
****************************************************/
	
	
	/* box */
	#side-column .box{ border:1px solid #005baa; background-color:#ffffdc; }
	#side-column .box .inner{ padding:20px 19px; }
	#side-column .box h3{ color:#005baa; border-bottom:4px solid #ff7fae; text-align:center; padding:10px 0 5px; font-size:22px; }
	#side-column .btn_1{ background-color:#ff7fae; color:#ffffff; font-weight:bold; }
	#side-column .btn_2{ border:1px solid #005baa; background-color:#ffffff; color:#005baa; padding:10px 0; }
	#side-column .btn_2:hover{ background-color:#005baa; color:#ffffff; }
	/* links */
	#side-column .links li{ border-bottom:1px solid #005baa; padding:0 .5em 5px; margin-bottom:10px; }
	#side-column .links li:last-child{ border-bottom:none; margin-bottom:0; padding-bottom:0; }
	#side-column .tel{ text-align:center; font-size:24px; font-weight:bold; }

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

	/* notice */
	#notice{ border:1px solid #005baa; background-color:#ffffff; padding:25px 40px 40px 40px; }
	#notice li{ padding-top:1.5em; }
	#notice .headline_1{ border-bottom:none; }
	/* info */
	#info .icon3list li:before{ color:#e1c556; }
	/* medical */
	#medical .section_1 li:before, #medical .section_2 li:before{ color:#ff7fae; }
	#medical .section_3 .btn{ background-color:#ff7fae; color:#ffffff; padding:15px 0; }
	/*greeting*/
	#greeting .section_2{ border-top:1px solid #005baa; }
	#greeting .section_2 h3{ font-size:18px; }
	#greeting .section_2 h3:before{ color:#005baa; }
	#greeting .section_3{ border-top:1px solid #e1c556; margin-top:50px; padding-top:30px; }
	/* guide */
	#guide .section_1 .col li a{ color:#005baa; }
	/* access */
	#access .section_1 .btn{ background-color:#005baa; color:#ffffff; border:1px solid #005baa; padding:3px 0; }
	#access .section_1 .btn:hover{ background-color:#ffffff; color:#005baa; }
	#access .section_2 h3{ border-top:1px solid #005baa; border-bottom:1px solid #005baa; text-align:center; padding:5px 0; }
	/* other */
	#other .section_1 li{ background-color:#e5eff7; border-left:8px solid #80add5; padding:3px 10px; margin-top:10px; }
	#other .section_2 h3{ background-color:#ffdfeb; border-left:8px solid #f4a8cb; padding:3px 10px; margin-top:30px; font-size:17px; font-weight:normal; }
	#other .section_3{ margin-top:20px; }
	#other .section_3 h3{ background-position:top left; background-repeat:no-repeat; font-size:17px; padding-left:35px; }
	#other .section_3 .num1, #other .section2no1 .num1{ background-image:url(images/other1no2.gif); }
	#other .section_3 .num2, #other .section2no1 .num2{ background-image:url(images/other1no4.gif); }
	#other .section_3 .num3, #other .section2no1 .num3{ background-image:url(images/other1no6.gif); }
	#other .section_4{ color:#005baa; font-weight:bold; margin-top:30px; }
	#other .section_5 h3{ color:#005baa; border-bottom:1px solid #005baa; font-size:18px; }
	#other .section_5 h4{ background-color:#ff7fae; color:#fff; font-size:17px; font-weight:normal; padding:2px 10px; }
	#other .section_6 h3{ color:#005baa; text-align:center; text-decoration:underline; font-size:17px; margin:10px 0; }
	#other .section_6 .photo{ height:200px; text-align:center; }
	#other .section2no1{ border:1px solid #005baa; padding:5px 5px 10px; }
	#other .section2no1 h3{ background-color:#e5eff7; background-position:top left; background-repeat:no-repeat; font-size:17px; padding-left:35px; }



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

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

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

	#sitemap li{ margin-top:.5em; }
	#sitemap .parent li:before{ content:"■ "; color:#005baa; }
	#sitemap .child li:before{ content:"● "; color:#ff7fae; }

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

	.pagetop {
		display:none;
		position:fixed;
		bottom:0px;
		right:10px;
		line-height:0;
	}
	.pagetop a{
		display:block;
		padding:5px;
		background-color:#005baa;
		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; }

/* symptom
****************************************************/
	
	/* common */
	#symptom2 dt, #symptom3 h3{ background:url(images/icon1.png) no-repeat left center; border-bottom:2px solid #005baa; background-color:#ffffff; padding:10px 15px 10px 40px; font-weight:bold; }
	#symptom dd a, #symptom2 li a{ color:#000000 }
	#symptom dd a:before, #symptom2 li a:before, #symptom3 .back:before{ content:"▶ "; font-size:17px; color:#000000; }
	#symptom dd a:before{ color:#005baa; }
	#symptom dd a:hover:before, #symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#ff7fae; text-decoration:none; }
	/* symptom */
	#symptom dl{ border:1px solid #005baa; background-color:#ffffff; padding:10px 14px; }
	#symptom dt{ background:url(images/icon1.png) no-repeat left center; border-bottom:2px solid #005baa; color:#000000; padding:8px 15px 10px 40px; font-weight:bold; }
	#symptom dd{ padding:15px; line-height:150%; }
	#symptom dd a{ display:block; margin-top:1em; text-align:right; }
	/* symptom3 */
	#symptom3 h4{ color:#000000; }
	#symptom3 dt{ font-weight:bold; margin-top:1em; }
	#symptom3 dt:before{ content:"【"; margin-right:5px; }
	#symptom3 dt:after{ content:"】"; margin-left:5px; }
	#symptom3 .back{ padding-top:1em; }
	#symptom3 .outline{ padding:2em; margin-top:25px; border:1px solid #005baa; background-color:#ffffff; }

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

	#disease li a{
		display:block;
		background-color:#ffffff;
		text-align:left;
		padding:20px 0 20px 10px;
		line-height:20px;
		font-size:20px;
		border-bottom:2px solid #005baa;
		color:#000000;
	}
	#disease li a:before{ content:"▶ "; color:#005baa; }
	#disease li a:hover{ background-color:#ffffdc; border-bottom:2px solid #ff7fae; text-decoration:none; }
	#disease li a:hover:before{ content:"▶ "; color:#ff7fae; }
	#disease2 h3{ background:url(images/icon1.png) no-repeat left center; border-bottom:2px solid #005baa; background-color:#ffffff; padding:10px 15px 10px 40px; font-weight:bold; }
	#disease2 dt{ margin-top:2em; font-size:18px; font-weight:bold; padding-bottom:1em; }
	#disease2 dt:before{ content:"■ "; color:#005baa; }
	#disease2 .dt_st{ margin-top:0; }





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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	
	/* common
	****************************************************/
	
		.wrapper{ margin-left:auto; margin-right:auto; width:1000px; }
		.sp{ display:none; }
		
	/* 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; }
	
	/* header
	****************************************************/
		
		#header .oh{ padding:15px 0; }
		#header .fl{ margin-top:15px; }
		#header .adr{ font-size:14px; line-height:125%; }
		#header .slide{ text-align:center; background:url(images/slide_bg.gif) repeat-x center center; height:490px; margin-top:15px; }
		#header .slide img{ margin-top:10px; }

	/* nav
	****************************************************/
		
		nav{ background-color:#005baa; width:100%; }
		nav ul{ overflow:hidden; }
		nav li{ float:left; width:165px; margin-right:2px; padding:7px 0; }
		nav li:last-child{ margin-right:0; }
		nav a{ display:block; text-align:center; color:#ffffff; line-height:20px; padding:18px 0; border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; }
		nav a:hover, nav .on{ background:url(images/nav1btn.gif) no-repeat bottom center #ffffff; color:#005baa; text-decoration:none; }
	
	/* slider
	****************************************************/

		#slideshow{
		   position:relative;
		   width:100%;
		   height:470px;
		}
		#slideshow li{
		   position:absolute;
		   height:470px;
		   margin:0;
		   padding:0;
		   background-position:center top;
		   background-repeat:repeat-x;
		}
	
	/* shujutsu_banner */
	#side-column .ope{ margin-top:20px; }

	/* footer
	****************************************************/
	
		#footer{ text-align:center; padding:40px 0 20px; }

	/* page_title
	****************************************************/
		
		#page_title{ background:url(images/page2title.gif); color:#ffffff; }
		#page_title .wrapper{ width:900px; }
		#page_title h2{ background:url(images/icon2.gif) no-repeat left center; font-size:30px; line-height:40px; padding:80px 50px; }
	
	/* content
	****************************************************/
		
		#content{ padding:50px 0; }
		#main-column{ float:left; width:650px; }
		#side-column{ float:right; width:300px; }
		/* info */
		#info .fl{ width:50%; }
		#info .fl p, #info .fr p{ width:306px; }
		#info .btn{ margin-left:25px; margin-right:25px; }
		/* medical */
		#medical .section_1{ padding-left:60px; }
		#medical .section_1 li{ width:50%; }
		#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 .mr0{ 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:0 25px; }
		#greeting .section_2{ padding:30px 50px; }
		#greeting .section_2 li{ overflow:hidden; }
		#greeting .section_2 .fl{ float:left; }
		#greeting .section_2 .fr{ float:right; width:400px; }
		#greeting .section_3 li{ width:50%; }
		/* access */
		#access .section_1{ margin-left:25%; margin-right:25%; }
		/* other */
		#other .inner{ padding-left:40px; padding-right:40px; }
		#other .section_1{ width:380px; }
		#other .section_3 .fr{ width:260px; }
		#other .section_5 .fr{ width:280px; }
		#other .section_6 div{ width:270px; }
		#other .section2no1 .fl{ width:360px; }









	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom li{ width:310px; margin-bottom:25px; }
		#symptom dl{ padding-bottom:30px; }
		#symptom dt{ font-size:18px; }
		#symptom dd{ height:110px; }
		/* symptom2 */
		#symptom2 dt{ font-size:20px; }
		#symptom2 dd{ margin-top:30px; }
		#symptom2 ul{ margin:15px 0 0 4%; overflow:hidden; }
		#symptom2 li{ float:left; width:32%; margin-left:1%; margin-top:2em; }
		/* symptom3 */
		#symptom3 h3{ font-size:20px; }
		#symptom3 h4{ font-size:18px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }

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

		#disease li{ width:310px; margin-bottom:30px; }

	/* sitemap
	****************************************************/
	
		#sitemap .child{ margin-left:1.5em; overflow:hidden; }
		#sitemap .child li{ float:left; width:33%; }

	/* gmap
	****************************************************/
	
		.gmap{
		width:260px;
		position: relative;
		padding-bottom:300px;
		height: 0;
		overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 300px;
		}
}





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

	600px under

**************************************************/
@media only screen and (max-width:599px){
	
	/* common
	****************************************************/
		
		.wrapper{ padding:15px; }
		img{ max-width:100%; height:auto; }
		.pc{ display:none; }
		
	/* space
	****************************************************/
	
		.space_5{ margin-top:50px; }
	
	/* header
	****************************************************/
	
		#header{ text-align:center; }
		#header .fr{ margin-top:20px; }
		
	/* nav
	****************************************************/
	
		nav{ text-align:center; letter-spacing: -0.4em; }
		nav .wrapper{ padding:15px 0 0 0; }
		nav li{
			display:inline-table;
			width:31%;
			margin:5px 1% 0 1%;
			vertical-align:top;
			letter-spacing:normal;
			line-height:20px;
			font-size:12px;
		}
		nav li a{
			height:50px;
			display:table-cell;
			vertical-align:middle;
			background-color:#005baa;
			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 li a:hover{ background-color:#ffffff; color:#005baa; text-decoration:none; }
		
	/* slideshow
	****************************************************/
	
		#slideshow{
			margin-top:10px;
			position:relative;
			width:100%;
			height:100px;
		}
		#slideshow li{
			position:absolute;
			width:100%;
			background-size:auto 100px;
			height:100px;
			margin:0;
			padding:0;
			background-position:center top;
			background-repeat:no-repeat;
		}

	/* footer
	****************************************************/
	
		#footer{ padding:15px; margin-top:25px; }
		#footer address{ font-size:10px; }

	/* page_title
	****************************************************/
		
		#page_title{ background:url(images/page2title.gif); color:#ffffff; margin-top:30px; }
		#page_title .wrapper{ margin-left:1em; }
		#page_title h2{ background:url(images/icon2.gif) no-repeat left center; font-size:30px; line-height:40px; padding:40px 50px; }
	
	/* content
	****************************************************/
		
		/* main-column */
		#main-column{ margin-top:25px; }
		/* side-column */
		#side-column{ margin-top:25px; }
		/* notice */
		#notice .headline_1{ background:none; padding:0; text-align:center; }
		#notice li{ line-height: 1.3em; }
	
		/* info */
		#info div{ margin-top:15px; }
		/* ganka */
		#medical .section_2 .btn{ margin-top:15px; }
		/* guide */
		#guide{ line-height:150%; }
		#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{ line-height:150%; }
		#greeting .section_2{ padding:15px; }

	/* symptom
	****************************************************/
	
		/* symptom */
		#symptom ul{ margin-bottom:20px; }
		#symptom li{ margin-top:20px; }
		/* symptom2 */
		#symptom2 dd{ margin-top:1em; }
		#symptom2 ul{ margin-top:30px; }
		#symptom2 li{ margin-top:1em; }
		/* symptom3 */
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:1em; }		

	/* disease
	****************************************************/
	
		/* disease */
		#disease ul{ padding-bottom:20px; }
		#disease li{ margin-top:20px; }

	/* gmap
	****************************************************/
	
		.gmap{
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		}
		
	/* shujutsu
	****************************************************/
	    #side-column .ope_bn{ display: none; }
		#side-column .ope{ display: none; }
}