@charset "utf-8";
/*
 * CSS pageParts.css
 */

#mainv { width: 1280px; margin: 0 auto; position: relative;}
#mainv h1{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 304px; height: 80px;}
@media screen and (max-width: 639px) {
	#mainv{ width: 100%;}
	#mainv h1{
		position: static;
		margin: 0 9%;
		width: 82%;
		height: auto;
	}
}
/* ---------------------------------------
#index
--------------------------------------- */
#index #mainv .cnt_left{ width: 815px;}
#index #mainv .cnt_right{ width: 462px;}
@media screen and (max-width: 639px) {
	#index #mainv .cnt_left{ width: 100%;}
	#index #mainv .cnt_right{ width: 100%;}
}
#index #mainv .ul_mbtn li{ display: table;}
#index #mainv .mbtn_box{ display: table-row;}
#index #mainv .mbtn_box dt,
#index #mainv .mbtn_box dd { display: table-cell;}
#index #mainv .ul_mbtn li{ margin: 0 0 3px; }
#index #mainv .ul_mbtn li a{
	color: #58483E;
	text-decoration: none;
}
#index #mainv .ul_mbtn li a:hover{
	color: #333;
	text-decoration: underline;
}

#index #mainv .mbtn_box dt{ width: 210px;}
#index #mainv .mbtn_box dd{
	vertical-align: middle;
	width: 286px;
	padding: 20px;
	background: #F8F5EF;
}
#index #mainv .mbtn_box h3{ font-weight: normal;}
#index #mainv .mbtn_tit{ font-size: 21px; color: #6b5d53; font-weight: normal; margin-bottom: 15px; }
#index #mainv .mbtn_tit:before { content: url(../img/common/icon_arrow2.png); width: 12px; height: 22px; margin-right: 8px; }
@media screen and (max-width: 639px) {
	#index #mainv .mbtn_box dt{ width: 30%;}
	#index #mainv .mbtn_box dd{
		width: 70%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	#index #mainv .mbtn_tit{ font-size:18px; margin-bottom:0; }
	#index #mainv .ul_mbtn li{ margin: 0 0 3px; display: block; }
}


/* #sec_1 */
#index #sec_1 .ul_btn{ margin: 0 -22px 0 0;}
#index #sec_1 .ul_btn li{
	float: left;
	width: 305px;
	margin: 0 22px 0 0;
	padding: 0 0 25px;
	position: relative;
}
#index #sec_1 .ul_btn-img{ margin: 0 0 10px;}
#index #sec_1 .ul_btn .btn_detail a{
	color: #FFF;
	font-size: 0.85em;
	text-decoration: none;
	padding: 1px 10px 2px;
	border: 1px solid #6A5B52;
	background: #6A5B52;
	position: absolute;
	bottom: 0;
	right: 0;
}
@media screen and (max-width: 639px) {
	#index #sec_1 .ul_btn{
		width: 80%;
		margin: 0 auto;
	}
	#index #sec_1 .ul_btn li{
		float: none;
		width: 100%;
		margin: 0 0 10px;
	}
	#index #sec_1 .ul_btn-txt{ margin: 0 0 5px;}
	#index #sec_1 .ul_btn .btn_detail a{
		font-size: 1.1em;
		padding: 4px 10px 5px;
		display: block;
		text-align: center;
		position: static;
	}
}




/* #sec_2 */
#index #sec_2 .ul_tile_box{ margin: 0 -22px 0 0;}
#index #sec_2 .ul_tile_box li{
	float: left;
	width: 305px;
	margin: 0 22px 22px 0;
	background: #DEDBD9;
	position: relative;
}
#index #sec_2 li.li_tile_box-2{ background: #E3F3D3;}
#index #sec_2 .ul_tile_box li a{
	color: #333;
	text-decoration: none;
}
#index #sec_2 .tile_box dt{ float: left;}
#index #sec_2 .tile_box dd{
	font-size: 0.9em;
	padding: 10px 10px 5px 145px;
}
#index #sec_2 .tile_box-tit{ font-size: 1.15em;}
#index #sec_2 dd.tile_box-btn{
	color: #59493F;
	width: 160px;
	position: absolute;
	bottom: 0;
	right: 0;
	background: #F4F0E7;
	padding: 4px 0 5px 11px;
}
@media screen and (max-width: 639px) {
	#index #sec_2 .ul_tile_box{ margin: 0 -3% 0 0;}
	#index #sec_2 .ul_tile_box li{
		width: 47%;
		margin: 0 3% 3% 0;
	}
	#index #sec_2 .tile_box dt{ float: none;}
	#index #sec_2 .tile_box-tit{ text-align: center; padding: 6px 0;}
	#index #sec_2 dd.tile_box-btn{ display: none;}
	#index #sec_2 .tile_box dd{
		font-size: 0.9em;
		padding: 0;
	}
}

/* #sec_news */
#index #sec_news .cnt_left{
	color: #FFF;
	padding: 32px 35px;
	width: 100px;
	height: 90px;
	background: #6A5B52 url(../img/common/bg_icon01.png) no-repeat left top;
}
#index #sec_news .cnt_right{
	width: 730px;
	padding: 0 20px 0 0;
	height: 154px;
	overflow-y: scroll;
}
#index .news_title{
	font-size: 1.3em;
	margin: 0 0 10px;
}
#index #sec_news .dl_news{ font-size: 1.1em;}
#index #sec_news .dl_news dt{
	float: left;
	padding: 13px 0;
}
#index #sec_news .dl_news dd{
	padding: 13px 0 13px 120px;
	border-bottom: 1px dotted #ADADAD;
}
#index #sec_news .dl_news dd span.add{
	color: #ec6d00;
	font-weight: bold; 
	font-size: 1.1em;
}
@media screen and (max-width: 639px) {
	#index #sec_news .cnt_left{
		color: #FFF;
		padding: 10px 30px;
		width: 100%;
		height: auto;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	#index #sec_news .cnt_right{
		width: 100%;
		padding: 0 0 0 0;
		height: auto;
		overflow-y: auto;
	}
	#index .news_title{ margin: 0 0 2px;}
	#index #sec_news .dl_news dt{
		float: none;
		padding: 7px 0;
	}
	#index #sec_news .dl_news dd{
		padding: 0 0 13px 0;
	}
}

/* #sec_3 */
#index #sec_3 .cnt_left,
#index #sec_3 .cnt_right{ width: 460px;}
#index #sec_3 .table01{
	width: 100%;
	margin: 0 0 15px;
}
#index #sec_3 .table01 th{
	font-weight: normal;
	width: 96px;
	background: #F3EEE4;
	text-align: right;
	padding: 10px;
}
#index #sec_3 .table01 td{
	text-align: center;
	vertical-align: middle;
}
#index #sec_3 .table01 tr{
	border-bottom: 1px solid #9B928C;
}
#index #sec_3 .table01 .tr_top{
	font-weight: bold;
	border-top: 1px solid #9B928C;
}
#index #sec_3 .table01 .tr_top td{
	padding: 7px;
}
#index #sec_3 #map{
	width: 100%;
	height: 260px;
	margin: 0 0 15px;
}
#index #sec_3 .access_box{ position: relative;}
#index #sec_3 .btn_detail a{
	color: #FFF;
	font-size: 0.85em;
	text-decoration: none;
	padding: 3px 15px 4px;
	background: #6A5B52;
	position: absolute;
	right: 0;
	top: 10px;
}
@media screen and (max-width: 639px) {
	#index #sec_3 .cnt_left,
	#index #sec_3 .cnt_right{ width: 100%;}
	#index #sec_3 .table01 th{
		width: 52px;
		text-align: left;
	}
	#index #sec_3 .cnt_left{
		margin: 0 0 30px;
	}
	#index #sec_3 .btn_detail a{
		display: block;
		font-size: 1.1em;
		text-align: center;
		padding: 6px 15px 7px;
		position: static;

	}
}





/* ---------------------------------------
#greeting
--------------------------------------- */
#greeting .txt01{
	color: #58483E;
	font-size: 1.3em;
	font-weight: bold;
	margin: 0 0 10px;
}
#greeting .txt02{
	font-size: 1.1em;
	font-weight: bold;
	text-align: right;
	margin: 0 0 10px;
}
#greeting .txt03{
	color: #58483E;
	font-size: 1.15em;
	font-weight: bold;
	margin: 0 0 5px;
}
#greeting .txt04{
	font-size: 1.15em;
	font-weight: bold;
}

#greeting #sec_1 .cnt_right{ width: 300px;}
#greeting #sec_1 .cnt_left{ width: 620px;}
#greeting #sec_2 .incnt{ margin: 0 0 40px;}
#greeting #sec_2 .cnt_left{ width: 300px;}
#greeting #sec_2 .cnt_right{ width: 620px;}
#greeting #sec_2 .ul_box li{ float: left; width: 305px;margin: 0 22px 22px 0;}
#greeting #sec_2 .ul_box{ margin: 0 -22px 0 0;}

@media screen and (max-width: 639px) {
	#greeting #sec_1 .cnt_right{ width: 90%; margin: 0 5% 10px;}
	#greeting #sec_1 .cnt_left{ width: 100%;}
	#greeting #sec_2 .cnt_left{ width: 90%; margin: 0 5% 10px;}
	#greeting #sec_2 .cnt_right{ width: 100%;}

	#greeting #sec_2 .ul_box { margin: 0;}
	#greeting #sec_2 .ul_box  li{
		width: 94%;
		margin: 0 3% 3%;
	}
}



/* ---------------------------------------
#treatment
--------------------------------------- */
#treatment .mtxt01{
	color: #58483E;
	font-size: 1.2em;
	text-align: center;
	margin: 0 0 50px;
}
#treatment .txt01{ margin: 0 0 30px;}
#treatment .img01{ text-align: center;}
#treatment .nav_cnt{ text-align: center;}
#treatment .nav_cnt li{ display: inline-block;}
#treatment .nav_cnt li a{ padding: 0 10px;}
#treatment .nav_cnt li.li2 img{ padding: 0 0 3px;}

#treatment .img_right-style .cnt_left{ width: 610px;}
#treatment .img_right-style .cnt_right{ width: 300px;}
#treatment .img_left-style .cnt_right{ width: 610px;}
#treatment .img_left-style .cnt_left{ width: 300px;}

#treatment .txt_box{ margin-bottom: 20px; }
#treatment .img_box{ margin-bottom: 20px; }
#treatment .img_box .div_img{ float: left; margin-right: 70px; }
#treatment .img_box .img_box_list{  margin-bottom: 20px; }

#treatment #cboxLoadedContent { padding: 0;}

#youtube_box{ position: relative; width: 100%; padding: 56.8% 0 0 0; }
#youtube_box iframe{ width: 100%; height: 100%; position: absolute; top: 0; right: 0; }
@media screen and (max-width: 639px) {
	#treatment .mtxt01{ font-size: 0.95em; margin: 0 0 20px;}
	#treatment .img_right-style .cnt_left{ width: 100%; margin: 0 0 20px;}
	#treatment .img_right-style .cnt_right{ width: 92%; margin: 0 4%;}
	#treatment .img_left-style .cnt_right{ width: 100%; margin: 0 0 20px;}
	#treatment .img_left-style .cnt_left{ width: 92%; margin: 0 4% 20px;}
	#treatment .img01{ width: 92%; margin: 0 4%;}
	#treatment .nav_cnt li{ padding: 6px 0;}
	#treatment .img_box {text-align: center;}
	#treatment .img_box .div_img{ float: none; text-align: center; margin-bottom: 20px; margin-right: 0;}
	#treatment .img_box .img_box_list{ text-align: center; }
}




/* ---------------------------------------
#introduction
--------------------------------------- */
#introduction .ul_thumbs{ margin: 0 -22px 0 0;}
#introduction .ul_thumbs li{
	float: left;
	width: 305px;
	margin: 0 22px 22px 0;
	text-align: center;
}
#introduction .img_cap{
	font-size: 0.9em;
	display: inline-block;
}
#introduction .txt01{ margin: 0 0 20px;}
@media screen and (max-width: 639px) {
	#introduction .ul_thumbs{ margin: 0;}
	#introduction .ul_thumbs li{
		width: 90%;
		margin: 0 5% 5%;
	}
}


/* colorbox */
#introduction #cboxTitle{
	top: 10px;
	left: 50px;
	color: #58483E;
	font-size: 1.4em;
	padding: 0 0 0 20px;
	background: url(../img/common/icon01.png) no-repeat left 46%;
}
@media screen and (max-width: 639px) {
	#introduction #cboxTitle{ display: none!important;}
}


/* ---------------------------------------
#access
--------------------------------------- */
#access #sec_1 .table01{
	width: 670px;
	margin: 0 0 15px;
}
#access #sec_1 .table01 th{
	font-weight: normal;
	width: 100px;
	background: #F3EEE4;
	text-align: right;
	padding: 10px 30px;
}
#access #sec_1 .table01 td{
	text-align: center;
	vertical-align: middle;
}
#access #sec_1 .table01 tr{
	border-bottom: 1px solid #9B928C;
}
#access #sec_1 .table01 .tr_top{
	font-weight: bold;
	border-top: 1px solid #9B928C;
}
#access #sec_1 .table01 .tr_top td{
	padding: 7px;
}
#access .tit01{
	font-size: 1.3em;
}
#access .txt01{
	font-size: 1.1em;
	font-weight: bold;
	margin: 0 0 5px;
}
#access #sec_2 .tel_img{ width: 330px; margin-bottom: 20px;}
#access #sec_2 .incnt{
	padding: 0 0 30px;
	margin: 0 0 30px;
	border-bottom: 1px dotted #323232;
}
#access #sec_2 .cnt_left{ width: 420px;}
#access #sec_2 .cnt_right{ width: 500px;}
#access #sec_2 #map{
	width: 800px;
	height: 380px;
	margin: 0 auto;
}
@media screen and (max-width: 639px) {
	#access #sec_1 .table01{
		width: 100%;
		margin: 0 0 15px;
	}
	#access #sec_1 .table01 th{
		width: 52px;
		padding: 10px;
		text-align: left;
	}
	#access #sec_2 .tel_img{ width: 70%;}
	#access #sec_2 .cnt_left{ width: 100%; margin: 0 0 20px;}
	#access #sec_2 .cnt_right{ width: 90%; margin: 0 5%;}
	#access #sec_2 #map{
		width: 100%;
		height: 260px;
		margin: 0 auto;
	}
}



.txtSmall{ font-size: 0.85em!important;}