@charset "utf-8";

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

	*{ margin:0; padding:0; word-break:break-all; word-wrap:break-word; box-sizing:border-box; }
	body{ font-size:19px; line-height:180%; color:#4d4d4d; font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif; }
	img{ max-width: 100%; border:none; font-size:0; vertical-align:top; }
	ul{ list-style-type:none; }
	a{ text-decoration:none; color:#000; }
	a:hover{ text-decoration:underline; }
	a:hover img{ opacity: 0.8; }
	h1{ font-size:14px; font-weight:normal; }
	address{ font-style:normal; }

/* margin
****************************************************/

	.mt10, .mt10ul li{ margin-top:10px; }
	.mt20, .mt20ul li{ margin-top:20px; }
	.mt30, .mt30ul li{ margin-top:30px; }
	.mt50{ margin-top:50px; }
	.mt75{ margin-top:75px; }
	.mt100{ margin-top:100px; }
	.mt-50{ margin-top:-50px; }
	
/* text-align
****************************************************/

	.tar{ text-align:right; }
	.tac{ text-align:center; }
	.ti1{ text-indent:1em; }
	.ti2{ text-indent:-1em; padding-left:1em; }
	.ti3, .ti3ul li{ text-indent:-1.4em; padding-left:1.4em; }
	
/* color
****************************************************/
	
	.col_red{ color:red; }
	.col_white{ color:white; }
/*水色*/
	.col_1, .col1ul li:before, .col1icon:before{ color:#6ac6eb; }
/*うすい水色*/
	.col_2, .col2ul li:before, .col2icon:before{ color:#e1f4fb; }
/*黄色*/
	.col_3, .col3ul li:before, .col3icon:before{ color:#ffc136; }
/*グレー*/
	.col_4, .col4ul li:before, .col4icon:before{ color:#b2b2b2; }
/*濃いグレー*/
	.col_5, .col5ul li:before, .col5icon:before{ color:#4d4d4d; }
/*ほぼ黒*/
	.col_6, .col6ul li:before, .col6icon:before{ color:#1a1a1a; }
/*青*/
	.col_7, .col7ul li:before, .col7icon:before{ color:#0060b0; }
/*オレンジ*/
	.col_8, .col8ul li:before, .col8icon:before{ color:#f39700; }

/* background
****************************************************/
	
	/* color */
	.bg1col{ background-color:#fff; }
	.bg2col{ background-color:#e1f4fb; }

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

	.icon_1:before, .icon1ul li:before, .icon1dl dt:before{ content:"▶ "; }
	.icon_2:before, .icon2ul li:before, .icon2dl dt:before{ content:"● "; }
	.icon_3:before, .icon3ul li:before, .icon3dl dt:before{ content:"◆ "; }
	.icon_4:before, .icon4ul li:before, .icon4dl dt:before{ content:"■ "; }
	.icon_5:before, .icon5ul li:before, .icon5dl dt:before{ content:"▲ "; }

/* font-size
****************************************************/
	
	.fs_s{ font-size:small; }
	.fs12{ font-size:12px; }
	.fs14{ font-size:14px; }
	.fs15{ font-size:15px; }
	.fs16{ font-size:16px; }
	.fs20{ font-size:20px; }
	.fs24{ font-size:24px; }

/* font-weight
****************************************************/
.fwb{ font-weight: bold; }

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

	.br05
	, #disease li a, #disease dt, #symptom dl, #symptom dt, #symptom2 ul, #symptom3 .outline, #medical .sec3 .box1, #medical .sec3 .box2, #guide .sec1 .box1, #guide .sec1 .box2, #guide .sec2 .box1, #guide .sec2 .box2
	{ 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; }
	.br15{ border-radius:15px; -webkit-border-radius:15px; -moz-border-radius:15px; }
	.br25, .br25ul li, .br25a a{ border-radius:25px; -webkit-border-radius:25px; -moz-border-radius:25px; }
	.br50{ border-radius:50px; -webkit-border-radius:50px; -moz-border-radius:50px; }

/* list-style
****************************************************/

	.ls_disc{ list-style:disc; margin-left:1em; }

/* btn
****************************************************/
	
	/* template */
	.btn1tmp{ display:block; font-size:20px; text-align:center; }
	
/* border
****************************************************/
	
	.bor1{ border:1px solid #b2b2b2; }
	.bor2{ border:1px solid #6ac6eb; padding:20px; }
	.bor8{ border:1px solid #f39700; }

/* page title
****************************************************/

	.pp1ttl{ background:url(images/pp1ttlbgno1.jpg) no-repeat center center; text-align:center; color:#b2b2b2; }

/* content
****************************************************/
	
	/* section */

	/* notice */
	#notice{ height:500px; overflow:auto; font-size: 0.9em; line-height: 1.7; }
	#notice li{ padding-right:25px; margin-bottom: 10px;}
	#notice::-webkit-scrollbar {
		all:unset;
		width:6px;
		background:transparent;
	}
	
	#notice::-webkit-scrollbar-track {
		all:unset;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
		background: transparent;
	}
	
	#notice::-webkit-scrollbar-thumb {
		all:unset;
		background:#ffc136;
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);
		border-radius: 8px;
	}
	
	#notice::-webkit-scrollbar-thumb:hover {
		-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
		background: transparent;
	}
	/* index */	
	#index .sec1{ background:url(images/index1bg.jpg) no-repeat center center; }
	

	/* medical */
	#medical .sec3 .box1, #medical .sec3 .box2{ border-width:1px; border-style:solid; }
	#medical .sec3 .box1{ border-color:#ffc136; line-height:1.6; }
	#medical .sec3 .box2{ border-color:#6ac6eb; line-height:1.6; }
	#medical .sec3 .box1 h3:before{ color:#ffc136; }
	#medical .sec3 .box2 h3:before{ color:#6ac6eb; }
#medical .fs16{ font-size:16px; border-top: 1px dotted #b2b2b2; padding-top: 5px; }

	/* guide */
	#guide .sec1 .box1, #guide .sec1 .box2, #guide .sec2 .box1, #guide .sec2 .box2{ border-width:1px; border-style:solid; }
	#guide .sec1 .box1, #guide .sec2 .box1{ border-color:#ffc136; }
	#guide .sec1 .box2, #guide .sec2 .box2{ border-color:#6ac6eb; }
	#guide .sec1 .box1 h3:before{ color:#ffc136; }
	#guide .sec1 .box2 h3:before{ color:#6ac6eb; }
	#guide .sec2 .box1 h3{ border-bottom:1px solid #ffc136; }
	#guide .sec2 .box2 h3{ border-bottom:1px solid #6ac6eb; }

	/* cataract */
#cataract h3{ border-bottom:1px solid #6ac6eb; font-size:20px; font-weight:bold; padding-bottom:5px; }
#cataract h3:before{ content:"● "; color:#6ac6eb; }
#cataract h4{ font-size:20px; background-image:url(images/catnobg1.png); background-position:left center; background-repeat:no-repeat; color:#4d4d4d; line-height:60px; padding:0 0 0 80px; }
#cataract .num1{ background-image:url(images/catnobg2.png); }
#cataract .num2{ background-image:url(images/catnobg3.png); }
#cataract .num3{ background-image:url(images/catnobg4.png); }
#cataract .num4{ background-image:url(images/catnobg5.png); }
#cataract .cat_sym{ background-color:#f1fbff; padding:20px; }
#cataract .cat_sym li { list-style: none; text-indent: -1em; padding-left: 1em; margin-top:5px; }
#cataract .cat_sym li:before { content: "○"; color: #6ac6eb; font-weight:bold; }
#cataract .cat_sym ul{ text-align:left; }
#cataract .cat_sym{ background-color:#f1fbff; padding:20px; }
#cataract .box2{ padding:20px; border:2px solid #c7e7fa; }

	/* botox */
#botox h3{ border-bottom:1px solid #6ac6eb; font-size:20px; font-weight:bold; padding-bottom:5px; }
#botox h3:before{ content:"● "; color:#6ac6eb; }
#botox h4{ font-size:20px; background-image:url(images/catnobg1.png); background-position:left center; background-repeat:no-repeat; color:#4d4d4d; line-height:60px; padding:0 0 0 80px; }
#botox .cat_sym{ background-color:#f1fbff; padding:20px; }
#botox .cat_sym li { list-style: none; text-indent: -1em; padding-left: 1em; margin-top:5px; }
#botox .cat_sym li:before { content: "○"; color: #6ac6eb; font-weight:bold; }
#botox .cat_sym ul{ text-align:left; }
#botox .cat_sym{ background-color:#f1fbff; padding:20px; }
#botox .box2{ padding:20px; border:2px solid #c7e7fa; }

/* tashoten */
#tashoten .section .box1, #tashoten .section .box2{ border-width:1px; border-style:solid; }
#tashoten .section .box1{ border-color:#ffc136; line-height:1.6; }
#tashoten .section .box2{ border-color:#6ac6eb; line-height:1.6; }
#tashoten .section .box1 h3:before{ color:#ffc136; }
#tashoten .section .box2 h3:before{ color:#6ac6eb; }
#tashoten .fs16{ font-size:16px; border-top: 1px dotted #b2b2b2; padding-top: 5px; }
#tashoten img{ max-width: 100%; height: auto; }

/* symptom
****************************************************/
	
	/* common */
	#symptom dd a, #symptom2 li a{ text-decoration:none; color:#000000 }
	#symptom2 li a:before, #symptom3 .back:before{ content:"▶"; font-size:14px; margin-right:5px; color:#000; }
	#symptom dd a:hover:before, #symptom2 li a:hover:before, #symptom3 .back:hover:before{ color:#ffc136; text-decoration:none; }
	/* symptom */
	#symptom{ font-size:16px; }
	#symptom dl{ border:1px solid; padding:15px; }
	#symptom li:nth-child(odd) dl{ border-color:#6ac6eb; }
	#symptom li:nth-child(even) dl{ border-color:#ffc136; }
	#symptom dt{ font-weight:bold; }
	#symptom li dt:before{ content:"● "; }
	#symptom li:nth-child(odd) dt:before{ color:#6ac6eb; }
	#symptom li:nth-child(even) dt:before{ color:#ffc136; }
	#symptom dd a:before{ content:"▶"; font-size:14px; margin-right:5px; }
	#symptom dd a:hover{ text-decoration:underline; }
	#symptom li:nth-child(odd) dd a:before{ color:#6ac6eb; }
	#symptom li:nth-child(even) dd a:before{ color:#ffc136; }
	#symptom dd{ padding:15px; line-height:150%; }
	#symptom dd a{ display:block; margin-top:1em; text-align:right; }
	/* symptom2 */
	#symptom2 dt, #symptom3 h3, #symptom3 h4{ border-bottom:1px solid #6ac6eb; font-weight:bold; padding:10px 0; }
	#symptom2 dt:before, #symptom3 h3:before{ content:"● "; color:#6ac6eb; }
	#symptom2 dd{ margin-top:30px; }
	#symptom2 ul, #symptom3 .outline{ border:1px solid #6ac6eb; }
	/* symptom3 */
	#symptom3 h4{ padding-bottom:20px; margin-bottom:20px; }
	#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{ margin-top:50px; }

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

	#disease h3{ border-bottom:1px solid #6ac6eb; padding-bottom:30px; }
	#disease dl{}
	#disease dt{ background-color:#e1f4fb; margin-top:40px; padding:10px 20px; }
	#disease dd{ padding:20px; }
	#disease li a{
		border:2px solid;
		color:#000;
		display:block;
		font-size:20px;
		text-align:center;
	}
	#disease li:nth-child(odd) a{ background-color:#fff; border-color:#6ac6eb; }
	#disease li:nth-child(even) a{ background-color:#fff; border-color:#ffc136; }
	#disease li:nth-child(odd) a:hover{ background-color:#6ac6eb; color:#fff; text-decoration:none; }
	#disease li:nth-child(even) a:hover{ background-color:#ffc136; color:#fff; text-decoration:none; }

/* about
****************************************************/

	#about dt:before{ content:"● "; color:#ffc136; }
	#about dd{ margin:15px 15px 50px; }
	
/* sitemap
****************************************************/

	#sitemap li{ margin-top:15px; }
	#sitemap .parent li:before{ content:"●"; color:#ffc136; margin-right:.5em; }
	#sitemap .child li:before{ content:"";  margin-right:0; }
	#sitemap .child a{ text-decoration:underline; }
	#sitemap .child a:hover{ text-decoration:none; }

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

	footer .sec1{ background-color:#6ac6eb; }
	footer .sec1 .fl{ background-color:#fff; }
	address{ font-size:12px; text-align:center; }

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

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

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

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

/* Flexbox
****************************************************/
.f-container {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

/* Swiper
****************************************************/
.swiper-button-next:after, .swiper-button-prev:after {
	color: #ffc136;
}
.swiper-pagination.swiper-pagination-bullets .swiper-pagination-bullet-active {
	background: #ffc136;
}




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

	600px over

**************************************************/
@media only screen and (min-width:600px), print{
	
	/* common
	****************************************************/
	
		.wrap{ margin-left:auto; margin-right:auto; width:1000px; }
		.sp{ display:none!important; }
	
	/* width
	****************************************************/
		
		.w750{ width:750px; }

	/* btn
	****************************************************/
		
		.btn1, .btn2{ display:inline-block; }
		.btn_db{ display:block; }

	/* margin
	****************************************************/
	
		.ml30{ margin-left:30px; }
		.mr20{ margin-right:20px; }
		.mr50{ margin-right:50px; }
		.mlr50{ margin-left:50px; margin-right:50px; }
		
	/* padding
	****************************************************/
	
		.pb50{ padding-bottom:50px; }
		.p20no40{ padding:20px 40px; }
	
	/* overflow:hidden;
	****************************************************/
	
		.oh, .oh_ul{ overflow:hidden; }
		.oh .fl, .oh_ul li{ float:left; }
		.oh .fr{ float:right; }
		.oh .cb{ clear:both; }

	/* column
	****************************************************/
	
		.clm{ letter-spacing:-0.4em; }
		.clm li{ display:inline-block; letter-spacing:normal; vertical-align:top; }

	/* list
	****************************************************/

		.list li{ padding-left:100px; overflow:hidden; }
		.list li span{ display:block; float:left; width:100px; margin-left:-100px; }

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

		header{ padding-bottom:20px; }
		header .adr{ background:url(images/adr1h.png) no-repeat left top; font-size:12px; padding-left:60px; line-height:19px; margin-right:15px; }
		header .box1{ margin-top:15px; }
		header .box2{ margin-top:10px; }

	/* nav
	****************************************************/
		
		nav{ background-color:#e1f4fb; font-weight:bold; width:100%; font-size:18px; padding:7px 0; }
		nav ul{ overflow:hidden; }
		nav li{ float:left; width:170px; }
		nav li:first-child{ width:150px; }
		nav ul a{ display:block; text-align:center; color:#1a1a1a; line-height:60px }
		nav ul a:hover, nav ul .on{ background:url(images/nav1bg.png) no-repeat center bottom; text-decoration:none; }
		.fixed{ position:fixed; top:0px; left:0px; z-index:9999; }
		.space{ margin-top:60px; }
		.none{ display:none; }

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

		.slide{
			background:url(images/slide01.jpg) no-repeat center top;
			-moz-background-size:100% auto;
			background-size:100% auto;
			padding-top:28.125%;
		}
		.slide-kari {
			background:url(images/slide01.jpg) no-repeat center top;
			-moz-background-size:100% auto;
			background-size:100% auto;
			padding-top: 31.624%;
		}

	/* page title
	****************************************************/
	
		.pp1ttl h2{ background-color:rgba(255, 255, 255, 1.0 ); display:inline-block; width:370px; color:#000; line-height:60px; margin:70px 0; }

	/* content
	****************************************************/
		
		/* common */
		.sec1sp{ padding:80px 0; }
		.sec2sp{ padding:50px 0; }
		/* index */
		#index .sec1 .fl{ width:650px; height:600px; border:1px solid #b2b2b2; padding:25px; }
		#index .sec2{ background:url(images/index2nobg.jpg) no-repeat center center; -moz-background-size:100% 100%; background-size:100% 100%; min-height:1150px; }
		#index .sec2 .box1{ padding:20px 80px 50px; }
		#index .sec2 .box1 li{ width:33%; margin-top:30px; }
		#index .sec2 .box1 li:nth-child(n+4):nth-child(-n+6){ margin-top:10px; }
	#index .sec2 .box2{ padding:30px 100px 40px; }
		#index .sec3 .box1{ position:relative; min-height:500px; }
		#index .sec3 .box2{ width:570px; border:2px solid #6ac6eb; padding:50px 60px; }
		#index .sec3 .box1 .ads1{ position:absolute; top:0; right:0; }
		#index .sec3 .box1 .ads2{ position:absolute; top:450px; right:0; }
		#index .sec3 .box1 .ads3 {
			position: absolute;
			top: 530px;
			right: 0;
			width: 100%;
			max-width: 386px;
			text-align: center;
		}
		#index .sec3 .box1 .ads3 a {
			overflow: hidden;
			display: block;
			position: relative;
			z-index: 1;
			color: #fff;
			background-color: #f39700;
			border: 1px solid #f39700;
			text-decoration: none;
		}
		#index .sec3 .box1 .ads3 a::after {
			content: "";
			position: absolute;
			z-index: -1;
			top: 0;
			left: -100%;
			width: 100%;
			height: 100%;
			transition: 0.5s cubic-bezier(0.14, 0.39, 0.55, 0.83);
		}
		#index .sec3 .box1 .ads3 a:hover {
			color: #f39700;
			border: 1px solid #f39700;
		}
		#index .sec3 .box1 .ads3 a:hover::after {
			left: 0;
			background-color: #fff;
		}
		#index .sec4 .wrap{ padding:50px; }
		#index .sec4 .fl{ width:600px; }
		/* greeting */
		#greeting .sec1 .fl{ width:600px; }
		#greeting .sec2 .wrap{ padding:50px; }
		#greeting .sec2 .fl{ width:540px; }
		#greeting .sec2 .fr{ padding-top:80px; }
/*		#greeting .sec2 .fl2{ float:left; width:720px; }
		#greeting .sec2 .fr2{ float:right; margin-top:20px; }*/
		#greeting .sec2 .img1{ margin-top:125px; margin-bottom:50px; }
		/* medical */
		#medical .sec1{ padding-left:100px; padding-right:100px; }
		#medical .sec2 .fl{ width:500px; }
		#medical .sec3 .box1, #medical .sec3 .box2{ width:480px; height:380px; padding:30px 40px; margin-top:40px; }
		/* guide */
		#guide .sec1 .box1, #guide .sec1 .box2{ padding:40px; }
		#guide .sec1 .fl, #guide .sec1 .fr{ width:440px; }
		#guide .sec2 .fl, #guide .sec2 .fr{ width:300px; margin-top:50px; }
		#guide .sec2 .fl{ margin-right:50px; }
		#guide .sec2 .box1, #guide .sec2 .box2{ padding:20px; height:250px; margin-top:30px; }
		#guide .sec2 h3{ font-size:20px; line-height:125%; height:60px; display:table-cell; vertical-align:middle; width:300px; }
	/* cataract */
#cataract .cat_sym li{ display:inline-block; margin-right:40px; }
#cataract .box{ padding:20px; width:480px; min-height: 260px; border:2px solid #ffed98; }
#cataract .w300{ width:300px; }
#cataract .w680{ width:680px; }
#cataract .box2 .fl{ width:600px; }

	/* botox */
#botox .w300{ width:300px; }
#botox .w680{ width:680px; }

		/* tashoten */
		#tashoten .section .fl{ width:500px; }
		#tashoten .section .box1, #tashoten .section .box2{ width:480px; height:380px; padding:30px 40px; margin-top:40px; }

	/* symptom
	****************************************************/
	
		#symptom2 .wrap, #symptom3 .wrap{ padding:40px; }
		/* symptom */
		#symptom .wrap{ width:1050px; }
		#symptom li{ width:300px; margin:25px; }
		#symptom dt{ font-size:20px; }
		#symptom dd{ height:140px; }
		/* symptom2 */
		#symptom2 dt, #symptom3 h3{ font-size:26px; }
		#symptom2 dt{ padding:0 0 30px 100px; }
		#symptom2 dd{ padding:10px 100px; }
		#symptom2 ul{ margin-top:40px; padding:20px 0 40px 100px; letter-spacing:-0.4em; }
		#symptom2 li{ display:inline-block; letter-spacing:normal; vertical-align:top; min-width:31%; margin-left:1%; margin-top:20px; }
		/* symptom3 */
		#symptom3 h3{ padding:0 0 30px 100px; }
		#symptom3 .dis{ padding:30px 100px 0 100px; }
		#symptom3 h4{ font-size:20px; margin-top:20px; }
		#symptom3 .des{ margin-top:1em; }
		#symptom3 .back{ margin:0 1em; }
		#symptom3 .outline{ padding:0 30px 30px; }
		#symptom2 .adj, #symptom3 .adj{ margin-left:50px; margin-right:50px; }
		
	/* disease
	****************************************************/

		/* disease */
		#disease h3{ font-size:28px; }
		#disease dl{ padding:20px 0; }
		#disease ul{ text-align:center; }
		#disease li{ margin-top:40px; }
		#disease li{ margin-right:50px; }
		#disease li:nth-child(3n){ margin-right:0; }
		#disease li a{ width:300px; padding-top:65px; height:150px; line-height:20px; }

	/* sitemap
	****************************************************/
	
		#sitemap .child{ margin-left:1.5em; overflow:hidden; }
		#sitemap .child li{ float:left; width:33%; }
	
	/* bnr_list
	****************************************************/
	
		.bnr1list{ padding:20px 0; }
		.bnr1list li{ margin:0 15px; }
		
	/* footer
	****************************************************/
	
		footer .sec1{ padding:40px 0; }
		footer .sec1 .fl, footer .sec1 .fr{ width:480px; }
		footer .sec1 .fl{ height:550px; padding:30px; }
		footer .sec2{ font-size:14px; padding:15px; text-align:center; }
		footer .sec2 li{ margin:0 10px; }

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

	/* anc_adj
	****************************************************/
	
		.anc_adj{ margin-top:-75px; padding-top:75px; }

	/* table
	****************************************************/
	
		.tbl1 th, .tbl1 td{ width:20%; }

}





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

	600px under

**************************************************/
@media only screen and (max-width:599px){
	
	/* common
	****************************************************/
	
		body{ font-size:16px; line-height:1.5; }
		.wrap, .wrap800, .section{ padding:20px 15px; }
		img{ max-width:100%; height:auto; }
		.pc{ display:none!important; }
		.sp_tac{ text-align:center; }
	
	/* padding
	****************************************************/
		
		.p20no40{ padding:10px 20px; }
	
	/* padding
	****************************************************/
		
		ol{ margin-left:30px; }
		
/* font-size
****************************************************/
	
	.fs24{ font-size:24px; line-height:1.4; }

	/* btn
	****************************************************/
		
		.btn1, .btn2, .btn3, .btn4{ display:block; }

	/* header
	****************************************************/
		
		header{ text-align:center; }
		header p{ margin-top:10px; }
		header .box1{ margin-top:20px; }

	/* nav
	****************************************************/
	
		nav{ text-align:center; }
		nav ul{ margin-bottom:10px; padding:0 0 0 0; letter-spacing: -0.4em; }
		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;
			color:#000;
			text-align:center;
			border:1px solid #e1f4fb;
			background-color:#e1f4fb;
			border-radius:10px;
			-webkit-border-radius:10px; /* Safari,Google Chrome */
			-moz-border-radius:10px;	/* Firefox */
		}
		nav li a:hover{ background-color:#fff; color:#000; text-decoration:none; }

	/* slider
	****************************************************/
	
		.slide-kari{
			background:url(images/sp_slide01.jpg) no-repeat center top;
			-moz-background-size:100% auto%;
			background-size:100% auto;
			padding-top:80%;
		}


	/* page title
	****************************************************/
	
		.pp1ttl{ background:url(images/pp1ttlbgno1.jpg) no-repeat -70px center; text-align:center; margin-top:20px; padding:15px 0; background-size:cover; }
		.pp1ttl h2{ color:#1a1a1a; /*-webkit-text-stroke-color:#fff; -webkit-text-stroke-width:1px;*/ }

	/* content
	****************************************************/
		
		/* common */
		.sec1sp{ padding-top:50px; padding-bottom:50px; }
		.sec2sp{ padding:25px 0; }
		/* index */
		#index .sec1 .fl{ border:1px solid #b2b2b2; padding:15px; }
		#index .sec1 .fr{ margin-top:20px; text-align:center; }
		#index .sec2{ background:url(images/index2nobg.jpg) no-repeat center center; -moz-background-size:auto 100%; background-size:auto 100%; padding:50px 15px; }
	#index .sec2 li{ margin-top:10px; }
		#index .sec3 .box2{ border:2px solid #6ac6eb; padding:15px; }
		#index .sec3 .box1 .ads1, #index .sec3 .box1 .ads2, #index .sec3 .box1 .ads3{ margin-top:20px; text-align:center; }
		#index .sec3 .box1 .ads3 a { display: block; width: 100%; max-width: 386px; color: #fff; padding: 10px 0; margin: 0 auto; background-color: #f39700; text-align: center; text-decoration: none; }
		#index .sec4 .wrap{ margin-left:15px; margin-right:15px; padding:25px; }
		#index .sec4 .fr{ margin-top:20px; text-align:center; }
		/* greeting */
		#greeting .sec1 .fr{ margin-top:30px; }
		#greeting .sec2{ padding:15px; }
		#greeting .sec2 .fr{ padding:25px 0; }
		#greeting .sec2 .img1{ margin-top:75px; margin-bottom:50px; }
		/* medical */
		#medical .sec2 .fr{ margin-top:20px; }
		#medical .sec3 .box1, #medical .sec3 .box2{ padding:20px; margin-top:40px; }
		/* guide */
		#guide .sec1 .box1, #guide .sec1 .box2{ padding:20px; }
		#guide .sec1 h3{ margin-top:20px; }
		#guide .sec2 .box1, #guide .sec2 .box2{ padding:20px; margin-top:30px; }
		#guide .sec2 .fl, #guide .sec2 .fr{ margin-top:50px; }
		#guide .sec2 .box1, #guide .sec2 .box2{ padding:20px; margin-top:30px; }

	/* cataract */
#cataract .box{ padding:20px; border:2px solid #ffed98; }

		/* tashoten */
		#tashoten .section .fr{ margin-top:20px; }
		#tashoten .section .box1, #tashoten .section .box2{ padding:20px; margin-top:40px; }



	/* symptom
	****************************************************/

		#symptom2 .wrap, #symptom3 .wrap{ padding:20px; }
		/* symptom */
		#symptom ul{ margin-bottom:20px; }
		#symptom li{ margin-top:30px; }
		#symptom dd{}
		/* symptom2 */
		#symptom2 dd{ margin-top:1em; }
		#symptom2 ul{ margin-top:30px; padding:10px 0 20px 15px; }
		#symptom2 li{ margin-top:10px; }
		/* symptom3 */
		#symptom3 .dis{ margin-top:20px; }
		#symptom3 h4{ font-size:20px; margin-top:15px; }
		#symptom3 .des, #symptom3 dl, #symptom3 .back{ margin-top:10px; }
		#symptom3 .outline{ padding:0 15px 15px; }

	/* disease
	****************************************************/
	
		/* disease */
		#disease dl{ padding:20px; }
		#disease ul{ margin-top:30px; padding:0 0 20px; }
		#disease li{ margin-top:20px; }
		#disease li a{ padding:15px; }

	/* footer
	****************************************************/
	
		footer .sec1 .fl{ padding:15px; }
		footer .sec2{ padding:15px; }

	/* pagetop
	****************************************************/
	
		.pagetop { bottom:0; }

	/* gmap
	****************************************************/
	
		.gmap{
			position: relative;
			padding-bottom: 56.25%;
			margin-top:10px;
			padding-top:30px;
			height: 0;
			overflow: hidden;
		}
		.gmap iframe, .gmap object, .gmap embed{
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	
	/* table
	****************************************************/
	
		/* table_1 */
		.tbl1{ width:100%; }
		.tbl1{ border-top:1px solid #d1d7c6; }
		.tbl1 th, .tbl1 td{ display:block; border-bottom:none; width:100%; border-top:0!important; }
		.tbl1 th, .tbl1 td{ border-bottom:1px solid #d1d7c6; }

	/* list
	****************************************************/

		.list li span{ display:block }


}