@charset "utf-8";


/*----------------------------------------------------------------------------------------------
☆各ページ用☆
----------------------------------------------------------------------------------------------*/

/*====================================
INDEX
======================================*/
img#mainImg{
	height: auto;
	margin-bottom: 14px;
}

/*--治療プラン--*/
#planList {
	padding-top: 56px; /*--headerと同じ--*/
	margin-top: -56px; /*--headerと同じ--*/
}
#planList h1{
	background:#fff;
	border-top: #2982e6 2px solid;
	font-size: 20px;
	color: #2982e6;
	line-height: 40px;
	padding-left: 6px;
}

	/*--accordion--*/
	#planList h2.pulldown{
		color: #fff;
		font-size: 18px;
		line-height: 50px;
		border-top: #0946aa solid 1px;
		border-bottom: #0946aa solid 1px;
		margin-top: -1px;
		padding-left: 6px;
		background: #2982e6 url(../img/common/arrow_yl_open.png)  right 10px  center no-repeat;
		background-size: 15px;
	}
	#planList h2.pulldown.open{
		background: #2982e6 url(../img/common/arrow_yl_close.png)  right 10px  center no-repeat;
		background-size: 15px;
	}
	/*--list--*/
	#planList ul{display: none;}
		#planList ul li{
			border-bottom:1px solid #ccc;
			background: #FFF url(../img/common/arrow_circle.png)  right 10px  center no-repeat;
			background-size: 20px;
		}
			#planList ul li.recommend{
				margin-top: -2px;
				background-color: #dff3ff;
				border-top:2px solid #2982e6;
				border-bottom:2px solid #2982e6;
			}
			#planList ul li.recommend span.recommendMark{
				background: #ee9c01;
				color: #FFF;
				padding: 0 0.2em;
				font-size: 12px;
			}
		#planList ul li a{
			padding: 10px 6px;
			width: 100%;
			display: block;
			text-decoration: none;
		}

			#planList ul li h3{
				color: #2982e6;
				border-left: 2px solid #ee9c01;
				margin-bottom: 0.2em;
				letter-spacing: 0;
				font-size: 20px;
			}
				#planList ul li h3 span {margin-left:4px;}
				#planList .planTtlS{font-size:16px; }
			#planList ul li p{
				color: #000;
				padding-right: 50px;
				margin-left:6px;
				font-size: 14px;
				line-height: 1.2em;	
				margin-bottom: 1em;
			}
			#planList ul li span.price{
				margin-left:6px;
				font-size: 22px;
				color: #db128d;
			}
			.priceS{font-size: 18px;}
				#planList ul li span.yen{
					font-size: 12px;
				}

			#planList ul li span.hosyo{margin-left: 0.5em; color: #000; font-size: 12px; background:#ffee21; padding: 0 0.4em;}

/*====================================
治療プラン
======================================*/
.priceBox{
	background: #fff;
	margin:0 10px 20px;
	padding: 16px 12px;
	border:3px solid #d2cdb4;
	-webkit-box-shadow: 2px 2px #b7b7b7;
	-moz-box-shadow: 2px 2px #b7b7b7;
	box-shadow: 2px 2px #b7b7b7;
	letter-spacing: -.40em;
}
	.priceBox li{
		display: inline-block;
		text-align: center;
		vertical-align: bottom;
		letter-spacing:normal; 
		width: 30%;
		font-size: 12px;
		line-height: 1.2em;
	}
		.priceBox.longWord li{width: 46%;}
		.priceBox.middleWord li{width: 36%;}

	.priceBox li:nth-child(2){
		text-align: right;
		width: 70%;
	}
		.priceBox.longWord li:nth-child(2){width: 54%;}
		.priceBox.middleWord li:nth-child(2){width: 64%;}

	div.priceBox{
		text-align: right;
		font-size: 12px;
		letter-spacing: 0em;
		padding-bottom: 6px;
	}
		.priceBox .hosyo{background:#ffee21; margin-bottom: 3px;}
		.priceBox .kensa{background:#efeace;}
		.priceBox .kensa + .kensa{margin-top: 3px;}

		.priceBox .price{
			color:#db128d;
			font-size: 32px;
		}
		.priceBox .priceS{font-size: 24px;}

		.priceBox .yen{font-size: 12px;}

		/*--飛蚊症--*/
		.priceBox .timeNum{
				background: #ee9c01;
				padding: 1px 3px;
				color: #FFF;
				margin-right: 5px;
		}
		.planPoint{
			text-align: center;
		}
			.planPoint span{
				width: 48%;
				display: inline-block;
				text-align: center;
				background: #dff3ff;
				margin-top: 5px;
				font-size: 12px;
			}
			.planPoint span:nth-child(odd){margin-right: 1%;}

	/*--治療手順--*/
	h3 span.planNumber{
		color: #fff;
		padding: 2px 0.4em;
		background: #ee9c01;
		margin-right: 0.5em;
	}
	.planFlowBox{
		padding:0 0 10px 0;
		margin-bottom: 10px;
	}
	.planFlowBox img{width: 30%; max-width: 110px; float: left; margin:0 0.5em 0 0; }


	/*--見出しのポイント(circle)--*/
	h3 span.circleNumber{
		background: #ee9c01;
		color: #fff;
		width: 50px;
		height: 44px;
		padding-top: 6px; /*--heigt+padding=width--*/
		display: block;
		overflow: hidden;
		text-align: center;
		line-height:1em ;
	    border-radius:50%;
	    -moz-border-radius:50%;
		-webkit-border-radius:50%;
		margin-right: 0.5em;
		float: left;
	}
		h3 span.circleNumber span{font-size: 12px;}
		h3 span.circleNumber span.circleLine1{display:block; margin-top: 12px;}

	/*--プラン一覧--*/
	/*--list--*/
	.planPrice{
		font-size: 26px;
		color: #db128d;
		}
	.planPrice .priceS{font-size: 20px;}
	.planPrice .yen{
		font-size: 12px;
		}

/*--フェイキック・白内障のコンテンツ内プラン料金--*/
table.contentPriceBox{
	border:1px solid #2982e6;
	width: 100%;
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom: 5px;
}
	.contentPriceBox th, .contentPriceBox td{
		margin: 0;
	}
		.contentPriceBox th{
			text-align: center;
			background: #2982e6;
			font-size: 15px;
			color: #fff;
			line-height: 1em;
			width: 40%;
		}
		.contentPriceBox td{
			text-align: right;			
			color:#db128d;
			vertical-align: middle;
			font-size: 28px;
			padding: 6px 6px 2px 6px;
			border:1px solid #2982e6;
		}
		.contentPriceBox .priceS{font-size: 20px;}
		.contentPriceBox .yen{font-size: 14px;}

/*--QAリスト--*/
.planQA{}
	.planQA dt{
		border-bottom: 1px dotted #999;
		margin-bottom: 5px;
		padding-bottom: 3px;
		padding-left: 1.3em;
		text-indent: -1.3em; 
		color: #007eff;
	}
		.planQA dt span{
			margin-right: 3px;
		}

	.planQA dd{
		margin-left: 0.5em;
		padding-left: 1.3em; 
		text-indent: -1.3em; 
	}
		.planQA dd span.answer{
			color: #db128d;
			margin-right: 3px;
		}
	.planQA dd + dt{margin-top: 5px;}

		
/*====================================
眼科専門医紹介
======================================*/

.drProfile + h3{
	margin-top: 10px;
	padding-top: 10px;
	border-top: #999 1px dotted;
	}
.drProfile img{width: 30%;  float: left; }

.drProfile .flR{
	width: 67%;
}
.drProfile dl{
	width: 100%;
}
	.drProfile dt{
		color: #2982e6;
		padding: 2px 6px 0;
	}
	.drProfile dd{
		border-bottom:1px dotted #999;
		padding: 0px 6px 2px;
	}
	.drProfile dd:last-child{border-bottom: none;}

/*====================================
レーシックの安全性
======================================*/
/*--認定証--*/
.safeProof{
	display: inline-block;
	text-align: center;
	letter-spacing: -.40em;
	}
	.safeProof li{
		display: inline-block;
		letter-spacing:normal; 
		width: 48%;
		font-size: 12px;
		padding-top: 10px;
		line-height: 1.2em;
	}
		.safeProof li:nth-child(even){margin-left: 2%;}
		.safeProof li img{
			margin-bottom: 3px;
		}
		
/*====================================
レーシックは経済的
======================================
/*--表 --*/
table.moneyTbl{
	width: 100%;
    border-collapse:collapse;
    border-spacing:0;
    margin-bottom: 10px;
}
	.moneyTbl th, .moneyTbl td{
		margin: 0;
		padding: 0px;
		border:1px solid #d1ccb2;
		white-space: nowrap;
		vertical-align: middle;
	}
	.moneyTbl tr:nth-child(odd){background: #f9f8f1;}

		.moneyTbl th{
			text-align: center;
			background: #fff;	
			font-size: 14px;	
			line-height: 1em;
			padding:3px 1px;
		}
			.moneyTbl th span{font-size: 12px;}

		.moneyTbl td{
			font-size: 12px;
			line-height: 1.8em;
			text-align: right;
		}
		.moneyTbl td.taC{text-align: center;}
		.moneyTbl td.moneyImg{background: #FDFBCB; text-align: center;}
		.moneyTbl img{width: 100px;}


/*====================================
レーシック説明会
======================================
/*--吹き出し--*/
.balloonSe {
	background-color:#175CBB;
	color: #FFF;
	position:relative;
	padding: 10px;
	font-size: 20px;
	margin-bottom: 20px;
}
 
.balloonSe:after {
	border:16px solid transparent;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top-color:#175CBB;
	border-bottom-width:0;
	bottom:-10px;
	content:"";
	display:block;
	left:50%;
	margin-left: -20px;
	position:absolute;
	width:0;
}


/*====================================
老眼説明会
======================================*/
/*--吹き出し--*/
.balloonRogan {
	background-color:#FF6600;
	color: #FFF;
	position:relative;
	padding: 10px;
	font-size: 20px;
	margin-bottom: 20px;
}
 
.balloonRogan:after {
	border:16px solid transparent;
	border-left:20px solid transparent;
	border-right:20px solid transparent;
	border-top-color:#FF6600;
	border-bottom-width:0;
	bottom:-10px;
	content:"";
	display:block;
	left:50%;
	margin-left: -20px;
	position:absolute;
	width:0;
}


/*====================================
ホテル一覧
======================================*/
.hotelColumn{}
	.hotelColumn+.hotelColumn{
		margin-top: 20px;
		padding-top: 10px;
		border-top:1px dotted #999; 
	}

.contentDl.hotelDl{margin-bottom: 10px;}
	.hotelDl a{line-height: 1.4em;}

	.hotelDl p{
		font-size: 14px;
		line-height: 1.2em;
	}
	.hotelDl ul{}
	.hotelDl li{
		margin: 0; 
		padding: 0; 
		padding-left: 1em; 
		text-indent: -1em; 
	}
	.hotelDl li p{padding-top: 2px; margin-left: 1em;}
	.hotelDl li + li{margin-top: 5px;}


/*====================================
FAQ
======================================*/
dl.qaList{
}
	.qaList dt{
		background: #dff3ff url(../img/common/arrow_c_open.png)  right 6px  center no-repeat;
		background-size: 14px;
		font-size: 18px;
		display: block;
		border-bottom: 1px solid #fff;
		padding: 12px 22px 12px 1.7em;
		text-indent: -1.4em; 
		color: #000;
		}
		.qaList dt span{margin-right: 0.2em; color:#007eff;}
	.qaList dt:last-of-type{border-bottom: none;}

	/*--accordion--*/
	.qaList dt.open{
		background: #dff3ff  url(../img/common/arrow_c_close.png)  right 6px  center no-repeat;
		background-size: 14px;
	}


	.qaList dd{
		padding: 4px 10px 10px 2em;
		text-indent: -1.5em; 
		display: none;
		}
		.qaList dd span.ans{
			color:#db128d;
			font-size: 18px;
			margin-right: 0.2em; 
		}
		.qaList dd p{text-indent: 0;}

/*--プルダウン--*/
.qaList dl{ margin-top: 10px;}
	.qaList dd dt{
		padding: 6px 15px 6px 6px;
		margin-bottom: 2px;
		color: #fff;
		font-size: 16px;
		border-radius: 5px;
		background: #2982e6  url(../img/common/arrow_yl_open.png)  right 6px  center no-repeat;
		background-size: 10px;
		text-indent: 0em; 
	}
	.qaList dd dt.open{
		background: #2982e6  url(../img/common/arrow_yl_close.png)  right 6px  center no-repeat;
		background-size: 10px;
	}

	.qaList dd dd{
		padding: 4px 0 10px 0;
		text-indent: 0em; 
	}

.pullContent{display: none}


/*====================================
クリニック
======================================*/
/*--地域選択--*/
.clinicList{
	border-top: #0946aa solid 1px;
	margin-bottom: 20px;
}
	.clinicList li{
	}
	.clinicList li a{
	display: block;
	padding: 10px 16px 10px 8px;
	color: #fff;
	border-bottom: #0946aa solid 1px;
	background:#2982e6 url(../img/common/arrow_yl.png)  right 5px  center no-repeat;
	background-size: 8px;
	color: #fff;
	text-decoration: none;
	font-size: 18px;
	}

/*--google map--*/
.googleMap{
}
.googleMap iframe{
	top: 0;
	left: 0;
	width: 100% !important;
	height: 250px!important;
}

.clinicDr{
	width: 70px;
	float: right;
	margin-left: 5px;
}

/*--道順--*/
.accessFlow{}
.accessFlow dd{border-bottom: none; text-align: center;}
.accessFlow p{
	text-align: left;
	padding-left: 1.4em; 
	text-indent: -1.4em; 
	padding-bottom: 5px;
	}
	.accessFlow p span{margin-right: 0.2em;}
.accessFlow img {width: 80%; margin: 0 auto;}
	.accessFlow img + p{
		background: url(../img/common/arrow_ylgra.png) top center no-repeat;
		background-size: 90px;
		padding-top:32px!important; 
	}


/*====================================
アベリーノユニバーサルテスト
======================================*/

.univ_tit1{
	border-bottom: 1px solid #00A414;
	color: #00A414 !important;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 10px;
	margin-top: 20px;
	font-size: 1em;
}

.univ_img01{
	width: 58%;
	margin: 20px auto 20px auto;
}

.green{
	color: #00A414 !important;
	font-weight: bold;
}

.univ_box01{
	background-color: #C4D970;
	border-top: 1px solid #C4D970;
	border-bottom: 1px solid #C4D970;
	margin: 30px 0;
	padding: 0 10px;
}

.univ_box01 h3{
	text-align: center;
	color: #333 !important;
	font-weight: bold;
	font-size: 1em;
	margin: 10px 0;
}

.univ_box01 h4{
	border: 0px !important;
	padding: 0 !important;
}

.univ_box02{
	background-color: #fff;
	margin-top: 2px;
	margin-bottom: 10px;
	padding: 5px;
}

.univ_box02 p{
	width: 68%;
	float: left;
	font-size: 0.9em;
	line-height: 1.1em;
}

.univ_box02 img{
	width: 28%;
	float: right;
}

.univ_tit2{
	border-bottom: 1px solid #00A414;
	color: #333 !important;
	text-align: left;
	font-weight: bold;
	padding-bottom: 10px;
	margin-bottom: 20px;
	margin-top: 20px;
	font-size: 1em;
}

.univ_q{
	background-image: url(../img/avellino/new/q_img.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	background-size: 17px;
	min-height: 31px;
	padding-left: 25px;
	vertical-align: baseline;
	color: #00A414;
	line-height: 31px;
	margin-bottom: 10px;
	border-bottom: 1px solid #00A414;
	padding-bottom: 5px;
	font-weight: bold;
	margin-top: 10px;
}

.univ_a{
	background-image: url(../img/avellino/new/a_img.jpg);
	background-position: left top;
	background-repeat:no-repeat;
	background-size: 17px;
	padding-left: 25px;
	margin-bottom: 30px;
	margin-left: 10px;
}

.univ_txt_s{
	font-size: 0.8em;
}

.univ_box03{
	border: 2px solid #C4D970;
	padding: 5px;
	margin: 20px 0;
}

.univ_tit3{
	background-color: #2B9C3C;
	color: #fff !important;
	text-align: left;
	font-weight: bold;
	padding: 5px;
	margin-bottom: 10px;
	margin-top: 40px;
	font-size: 0.85em !important;
	line-height: 1.2em !important;
}


#qaList h1{
	background:#fff;
	font-size: 1.2empx;
	color: #00A414 !important;
	line-height: 120%;
	padding: 10px 0 10px 6px;
	font-weight: bold;
}

/*--qa_accordion--*/
	#qaList h2.pulldown{
		color: #333;
		font-size: 1em;
		line-height: 120%;
		border-bottom: #00A414 solid 1px;
		border-top: none !important;
		margin-top: -1px;
		padding-left: 6px;
		background: #DAEABB url(../img/common/arrow_gr_open.png)  right 10px  center no-repeat;
		background-size: 15px;
		outline: none;
		padding-top: 5px !important;
		padding-bottom: 5px !important;
	}
	#qaList h2.pulldown.open{
		background: #DAEABB url(../img/common/arrow_gr_close.png)  right 10px  center no-repeat;
		background-size: 15px;
	}
	/*--list--*/
	#qaList ul{display: none;}
		#qaList ul li{
			margin: 5px 0 10px 0;
		}
		
/* 20170118白内障
---------------------------------------*/
#pageTtl span.senshin_icon{
	background-color: #F60;
	font-size: 0.65em;
	color: #fff;
	padding: 3px;
	margin: 0 0 0 10px;
	line-height: 1;
}

.senshin_cyusyaku{
	text-align: right;
	margin: -10px 10px 5px;
	font-size: 0.6em;
}

.senshin_box01{
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.senshin_img01{
	display: inline;
	width: 80px;
	float: right;
	text-align: center;
	font-size: 10px;
	line-height: 1.1;
	margin: 0 0 7px 7px;
}

.senshin_simu{
	margin: 20px 10px;
}

.senshin_simu h3{
	margin: 0;
}

.senshin_simu02{
	margin: 0;
}

.senshin_simu_r{
	width: 68.75%;
	float: right;
}

.senshin_simu02 ul{
	width: 31.25%;
	float: left;
	margin: 0;
}

.senshin_simu02 ul li{
	margin: 0 0 1px;
}

.senshin_simu02 ul li img{
	margin: 0;
	vertical-align: bottom;
}

.senshin_btn01{
	margin: 0 10px;
}

.senshin_btn02{
	margin: 20px 10px 0;
}

/* top main slider
--------------------------*/

#main-image-gallery{
  margin-bottom: 35px;
  background:#eee;
}
#main-image-gallery a {
  display: block;
  height: 287px !important;
  width: 320px !important;
}