@charset "UTF-8";
/* CSS Document */
* {
	margin: 0px;
	padding: 0px;
}
html{overflow-y:scroll;}


html,body {
	margin: 0px;
	padding: 0px;
	
	/*text-align: center;*/
}

h1,h2,h3,h4,h5,h6,body,html,p,li,dt,dd,pre,form,fieldset,em {
	font-family: "Meiryo","Tahoma","Verdana","Arial","sans-serif";
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #333;
	font-style: normal;
	line-height: 1.6;
}


ul,ol,dl,img {
	margin: 0px;
	padding: 0px;
}
ul,ol {
	list-style-type: none;
}
table{
	border-collapse:collapse;
	border:0px;
	table-layout:fixed;
}

img {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 0%;
	line-height: 0%;
	vertical-align:bottom;
}
a{text-decoration:underline;}
a:link{color:#4a4a4a;}
a:active{color:#4a4a4a;}
a:visited{color:#4a4a4a;}
a:hover{color:#00AFEB;text-decoration:none;}

/*--リンクの点線を消去 --*/
body div a:active,body div a:focus{ outline:none; }

/*ClearFix*/
.clearfix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	zoom: 1;
}

#wrapper{
	min-height:100%;
	margin:0px auto;
	position:relative;
	border-bottom: 1px solid #e7e6e4;
}


/* ================ contants-width
======================================================== */
#h_box, #h_top div, #g_nav ul, #main_visual, #main_title, #topicPath, #box, .box, #bk_top, #footer_box{
	width:1020px;
	margin:0px auto;

}




/* ================ topicPath
======================================================== */
#topicPath{
	clear:both;
	display: block;
	padding:15px 0px;
}

#topicPath li{
	display:inline;  
	padding-top: 3px;
	list-style-type:none;
	font-size:11px;
	color:#adadad;
}
#topicPath li.home{
	padding-left:20px;  
	background:url(../img/common/home_icon.gif) no-repeat left center; 
}

#topicPath li a{
	color: #959595;
	padding-right:15px;  
	background:url(../img/common/topicpath.gif) no-repeat right center; 
}

ul#topicPath li a:hover{
	color: #82552d;
}

/* ================ box
======================================================== */
#box {
	margin-bottom: 110px;
	overflow:hidden;
}

.section{
	margin-bottom:50px;
}
.container{
	margin-bottom:40px;
}
.case{
	margin-bottom:30px;
}
.pack{
	margin-bottom:15px;
}

/* ================ content
======================================================== */
#content{
	width:730px;
	float:left;
}


/* ================ snav
======================================================== */
#snav{
	width:250px;
	float:right;
}
#snav #banner_s li{
	margin-bottom: 15px;
}

#snav #menu_s{ margin-bottom: 40px; }
#snav #menu_s h3{
	background:url(../img/common/bg_title_s.jpg) no-repeat top;
	height: 33px;
	font-size: 18px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","ＭＳ 明朝",serif;
	padding-top: 7px;
	color: #82552d;
	text-align: center;
	font-weight: bold;
}
#snav #menu_s ul{
	border: 1px solid #f3d09d;
	padding: 0 10px;
}
#snav #menu_s li{
	border-top: 1px dashed #ddd;
}
#snav #menu_s li:first-child{ border: none;}
#snav #menu_s li a{
	display: block;
	background: url(../img/common/arrow03.jpg) no-repeat left center;
	font-size: 14px;
	padding: 10px 5px 10px 20px;
	text-decoration: none;
}
#snav #menu_s li a:hover{ color: #F8A523;}
/* ================ footer
======================================================== */
#scrollUp {
	width: 80px;
	height: 80px;
  bottom: 250px;
  right: 100px;
	background:url(../img/common/back_top.png) no-repeat;
}
#footer{
	overflow:hidden;
	margin:0px auto 0px auto;
	width:100%;
	background-color:#f7f6f5;
	padding:30px 0px 0px 0px;
}
#footer_box{
	overflow:hidden;
	padding-bottom: 30px;
}
.footer_link{
	float: left;
	width: 50%;
	box-sizing: border-box;
}
.footer_link:first-child{
	border-right: 1px dotted #b4b0ae;
}
.footer_link span{
	display: block;
	font-size: 13px;
	margin-bottom: 20px;
	padding-left: 18px;
	background: url(../img/common/arrow01.png) no-repeat left center;
}
.footer_link ul{
	float:left;
	margin-right: 30px;
}
.footer_link.footer_link_r{
	padding-left: 50px;
	box-sizing: border-box;
}
.footer_link.footer_link_r ul{
	margin-right: 65px;
}
.footer_link li{ margin-bottom: 5px; }
.footer_link a{
	font-size: 11px;
	color: #5f5653;
	padding-left: 12px;
	text-decoration:none;
	background: url(../img/common/arrow02.png) no-repeat left 4px;
}
.footer_link a:hover{
	color: #d5c4a5;
}

/* ================ copy_right
======================================================== */
#copy_right{
	text-align:center;
	padding:15px 0;
	background:url(../img/common/bg_title.jpg);
}
#copy_right p{ font-size: 12px;}
#copy_right ul{ margin: 10px 0;}
#copy_right li{
	display: inline-block;
	margin: 0 5px; 
	font-size: 12px;
}

/* ================ Common style
======================================================== */
/* ------ container
--------------------------------------- */
.container {
	overflow: hidden;
}
.container .msg {
	width: 440px;
	word-break: break-all;
}
.container .img {
	width: 260px;
}
.pic_l .img, .pic_r .msg {
	float: left;
}
.pic_l .msg, .pic_r .img {
	float: right;
}

.flow_picl .img{ float:left; margin-right: 15px; margin-bottom: 5px;}
.flow_picr .img{ float:right; margin-left: 15px; margin-bottom: 5px;}
/* ------ more botton right
--------------------------------------- */
.more{
	margin-top: 10px;
	text-align: right;
}

/* ------ highlight & line_box box
--------------------------------------- */
.highlight{
	padding:15px;
	margin-bottom:30px;
	border: 1px dotted #a2ceee;
	background-color: #F1F9FF;
}
.line_box{
	padding:15px;
	border: 1px dotted #a2ceee;
}

/* ------ tb_style
--------------------------------------- */
.tb_style{
	width:100%;
	table-layout: auto;
	border-collapse: collapse;
	border:#f4e8d3 solid 1px;
}
.tb_style th,
.tb_style td{
	text-align:left;
	padding:10px 10px;
	border:#f4e8d3 solid 1px;
}
.tb_style th{
	border-bottom:#f4e8d3 solid 1px;
	background:#f9f4ea;
}

/* ------ sty_txt
--------------------------------------- */
.txt_c{
	text-align:center;
}
.txt_r{
	text-align:righ;
}
.txt_brown{
	color: #875b2f;
}

/* ------ colum style ------- */
.col2_box, .col3_box, .col4_box{
	margin-bottom:30px;
	position:relative;
}
.col2_box .col2, .col3_box .col3, .col4_box .col4{
	float:left;
}

/* ------ line_img
--------------------------------------- */
.sty_pic{
	padding: 3px;
	background-color: #fff;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(230,227,230,1);
	-moz-box-shadow: 0px 0px 5px 0px rgba(230,227,230,1);
	box-shadow: 0px 0px 5px 0px rgba(230,227,230,1);
}


/* ------ greeting_box
--------------------------------------- */
#greeting_box{
	height: 500px;
	background: url(../img/index/bg_greeting.jpg) no-repeat center top;
}
#greeting_box .box{ padding-top:25px; }
#greeting_box .txt_c{
	width:466px;
	height: 465px;
	box-sizing: border-box;
	padding: 60px 70px;
	margin: 0px auto;
	background: url(../img/index/bg_circle.png) no-repeat center top;
}
#greeting_box .txt_c h2{
	display: inline-block;
	margin-bottom: 30px;
}
#greeting_box .txt_c p{
	line-height: 25px;
	/*font-size:14px;*/
}


/* ------ concept_box
--------------------------------------- */
#concept_box{
	padding: 45px 0;
	text-align:center;
	background: url(../img/index/bg_concept.gif);
}
/*.txt_big{ font-size: 14px; }*/
#concept_box .bg_shadow{
	background: url(../img/index/bg_concept02.png) no-repeat center bottom;
	padding-bottom: 20px;
}
#concept_box h2{ margin-bottom: 33px; }
#concept_box .col3_box{
	border: 1px solid #e8e8e8;
	background-color: #fff;
	padding: 23px;
	margin-top: 35px;
}
#concept_box .col3{
	width: 33.33%;
	border-left: 1px dotted #ccc;
	box-sizing: border-box;
	padding: 15px 0;
}
#concept_box .col3:first-child{
	border-left: none;
}
#concept_box .col3 span{
	margin: 15px 0 10px 0;
	font-weight:bold;
	display: block;
	font-size: 14px;
}
#concept_box .col3 p{
	padding: 0 40px;
	font-size: 12px;
}


/* ------ medical_assistance
--------------------------------------- */
#medical_assistance{ margin-bottom: 50px; }
#medical_assistance .medical_wrap{
	text-align:center;
	height: 290px;
	background: url(../img/index/bg_tit_medical_assistance.png) no-repeat center top;
	margin-top: -100px;
	position: relative;
}
#medical_assistance h2{ padding-top: 120px; margin-bottom: 50px;}

.medical_assistance_box{
	padding: 63px 0 23px 0;
	background: url(../img/index/bg_01.jpg) no-repeat center top;
}
.medical_assistance_box.bg02{ background-image: url(../img/index/bg_02.jpg); }
.medical_assistance_box.bg03{ background-image: url(../img/index/bg_03.jpg); }
.medical_assistance_box .title_medical{ margin: 0 0 40px 85px; }
.medical_assistance_box .title_medical h3{
	float:left;
	width: 250px;
}
.medical_assistance_box .title_medical p{
	float: right;
	width: 420px;
	font-size: 12px;
}
.medical_assistance_box.bg02 .title_medical p{ width: 500px;}
.medical_assistance_box.bg03 .title_medical p{ width: 380px;}
.medical_assistance_box .col4{
	width: 206px;
	margin-left: 39px;
}
.medical_assistance_box h4{
	font-weight:bold;
	display: block;
	text-align:center;
	margin: 15px 0 10px 0;
}
.medical_assistance_box .col4 p{
	font-size: 12px;
	
}
.medical_assistance_box.bg02 .col4_box{
	margin-left: 85px;
}
.medical_assistance_box.bg02 .col4{
	margin: 0 30px;
}

/* ------ news_topics
--------------------------------------- */
#news_topics h3{ margin-bottom: 10px; }
#news_topics .container {
	background: url(../common/img/index/bg_news.gif);
	padding: 10px;
}
#news_topics ul{
	height: 170px;
	/*overflow: auto;*/
	padding: 15px;
	background-color: #fff;
}
#news_topics li{
	overflow: hidden;
	padding: 10px 0;
}
#news_topics li .date{
	float:left;
	width: 90px;
	color: #d0cdc8;
}
#news_topics li .detail{
	float:right;
	width: 570px;
	text-decoration: none;
	font-size: 12px;
}

/* ------ calendar_box
--------------------------------------- */
#calendar_box .col2_box{
	margin-top: 10px;
	width: 730px;
	}
#calendar_box .col2{
	width: 290px;
	padding: 30px;
	margin: 0px 0 0 20px;
	background: url(../common/img/index/ph_calendar.jpg) no-repeat center top;
	height: 300px;
}
#calendar_box .col2:first-child{
	margin-left: 0px;
}


#calendar_box .col2 span{
	font-size: 14px;
	display: block;
	font-weight: bold;
	background: #1CBA70;
	color: #FFF;
	text-align: center;
	padding: 3px 0;
}
#calendar_box table{
	width: 100%;
	table-layout: fixed;
	border-collapse:separate;
	border-spacing:2px;
	text-align: center;
	
}
#calendar_box table th,
#calendar_box table td{
	padding: 3px 0;
	text-align: center;
	font-size: 12px;
}
#calendar_box .close{
	background: #ffe9c5;
	/*color: #EA7732;*/
}
#calendar_box .sat{
	color:#006ecb;
}
#calendar_box .holiday{
	color:#ff5627;
}
#calendar_box .other{
	background:#FCF;
}

/*#calendar_box .holiday{
	background: #ffcfc4;
	color: #ff5627;
}*/
#calendar_box .green{
	background: #cdecc1;
}
/*#calendar_box .other{
	background: #EDD2F2;}*/
#calendar .month .sat{
	color: #108cff;
}
/*#calendar_box .saturday{
	background: #CFF1F2;
}*/

#calendar_box th.saturday{
	background: none;
	color: #006ecb;
}

#calendar_box th.holiday{
	background: none;
	color: #ff5627;
}

/* ------ contact_b
--------------------------------------- */
#contact_f{ padding-top: 35px; }
#contact_f .col2{
	width: 50%;
}
#contact_f .location_f table{ margin-top: 25px; }
#contact_f .location_f th,
#contact_f .location_f td{
	vertical-align: top;
	padding: 3px 30px 3px 5px;
	font-size: 12px;
}
#contact_f .tb_style{
	border:#e7e6e4 solid 1px;
}
#contact_f .tb_style th,
#contact_f .tb_style td{
	text-align:center;
	padding: 10px;
	color: #876e55;
	font-size: 11px;
}
#contact_f .tb_style th{
	border-right: 1px solid #fff;
	background: url(../img/common/bg_title.jpg) no-repeat left top;
}
#contact_f .tb_style td span{ color: #ea7732; }
#contact_f ul{
	text-align:right;
}
#contact_f li{
	display: inline-block;
	margin: 20px 0 20px 15px;
}
#contact_f li .tel_f{ padding-bottom: 5px; }

/* ------ map_box
--------------------------------------- */
#map_box{ margin-bottom: 65px; }


/* text align */
.txt_c{
	text-align:center !important;
}
.txt_l{
	text-align:left !important;
}
.txt_r{
	text-align:right !important;
}

/* if needs instant arrange */
.sec_p p{ margin-bottom: 15px; }

.navigation{
	text-align:center;
}
.navigation li{
	display:inline;
	margin: 0 5px;
}
.navigation a{
	display:inline-block;
	width:25px;
	padding:2px 0;
	border:#ddd solid 1px;
	background:#F8F8F6;
}
.navigation .active,
.navigation a:hover{
	background:#F8A525;
	border-color: #F8A525;
	color: #FFF;
	text-decoration: none;
}


/* control_area */
.control_area{
	text-align:center;
}
.control_area .btn_left{
	float:left;
}
.control_area .btn_right{
	float:right;
}
.control_area .btn_center{
	display:inline-block;
}
.control_txt a{
	color: #FFF;
	display: block;
	padding:5px 20px;
	background: #5B331F;
	margin-bottom:15px;
	text-decoration: none;
}
.control_txt a:hover{	background: #82552D; }


.list_dot{
	list-style:disc;
	margin:0px 0 20px 20px;
}
.list_dot li{ margin-bottom: 5px;}

/*---------- list_colum -------------*/
.list_colum li{
	display: block;	
	padding:10px 0 10px 10px;
	border-bottom: 1px dashed #ccc;
}
.list_colum li span{
	color: #F8A525;
	float: left;
	font-weight: bold;
	display:block;	
	width: 100px;
}
/*---------- End list_colum -------------*/

/*---------- page_colum_detail -------------*/
.page_colum_detail .title_colum{
	font-size:16px;
	font-weight:bold;
	display:block;
	margin-bottom:15px;
	border-bottom:#ddd solid 3px;
	padding-bottom: 10px;
}
.page_colum_detail .title_colum span{
	font-size:12px;
	display:inline-block;
	padding:3px 15px;
	margin-bottom:10px;
	color: #FFF;
	background:#F7A623;
}
/*---------- End page_colum_detail -------------*/

/*---------- page_concept -------------*/
.page_concept .tit_images{ margin-bottom: 35px; }
.page_concept .pd_concepts{ padding: 70px 0;}
.page_concept p{ font-size: 14px; }
.page_concept .msg{ width: 600px;}
.page_concept #our_clinic{
	background: url(../img/concept/bg_concept.jpg) no-repeat center;
	background-size: cover;
}
.page_concept .container{ margin-bottom: 0; }
.page_concept #concept{
	height: 200px;
	background: url(../img/common/bg_title.jpg);
	background-size: cover;
}
.page_concept #three_concepts{
	background: url(../img/concept/bg_concept.gif);
}
.page_concept #concept01{
	background: url(../img/concept/bg_concept02.jpg) no-repeat center;
	background-size: cover;
}
.page_concept #concept02{
	background: url(../img/concept/bg_concept03.jpg) no-repeat center;
	background-size: cover;
}
.page_concept #concept03{
	background: url(../img/concept/bg_concept04.jpg) no-repeat center;
	background-size: cover;
}
/*---------- End page_concept -------------*/

/*---------- page_treatment -------------*/
.page_treatment .col2{
	width:490px;
	margin:0 40px 30px 0;
}
.page_treatment .col2:nth-child(2n+2){
	margin-right:0;
}
.page_treatment .col2 img{
	margin: 0 0 20px 0;
	border: 1px solid #eee;
	padding: 4px;
	box-sizing: border-box;
}

/*---------- End page_treatment -------------*/

/*---------- page_dentures -------------*/
.page_dentures .txt_red{
	color:#F7A525;
	font-size:20px;
}
/*---------- End page_dentures -------------*/

/*---------- page_contact -------------*/
.page_contact .txt_red{
	color:#F00;
	}
.page_contact .txt_tel{
	display: inline-block;
	padding: 10px 20px 0 0;
	}
.page_contact input[type='text']{
	padding:3px;
	width:50%;
	}
.page_contact textarea{
	padding:3px;
	width:80%;
	}
.page_contact .btn{
	text-align:center;
	margin:20px 0 0 0;
	}
.page_contact .btn input{
	padding:10px 0;
	width:150px;
	margin:0 8px;
	border: none;
	background: #F7A523;
	color: #FFF;
	cursor: pointer;
	}
/*---------- End page_contact -------------*/

/*---------- step_sty -------------*/
#step_sty .container{
	background: url(../img/common/bg_step.gif) repeat-y 55px;
	margin-bottom: 0;
	padding-bottom: 40px;
}
#step_sty .container:last-child{ padding-bottom: 0;}
#step_sty .img{
	width: 115px;
}
#step_sty .msg{
	width: 580px;
	padding-top: 5px;
}
#step_sty .img span{
	display: block;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding: 20px 0;
	background: #0BA95E;
	-webkit-border-radius: 200px;
	-moz-border-radius: 200px;
	border-radius: 200px;
}
#step_sty .img span em{
	display: block;
	font-size: 32px;
	color: #FFF;
	font-weight: bold;
}
#step_sty .msg h3{
	font-size: 18px;
	color: #82552D;
	font-weight: bold;
	margin-bottom: 10px;
}



/*---------- progres -------------*/
.progres,
.method{
	background: #D0EBFC;
	color: #00AFEB;
	padding: 1px 20px;
	display: inline-block;
	margin-bottom: 5px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
}
.method{
	background: #E8D6E4;
	color: #A54996;
}

/*------ page_access ------*/
.page_access iframe{
	border: 1px solid #eee;
	padding: 2px;
}
.page_access .w_tb{
	width: 120px;
}
.page_access .tb_cen th,
.page_access .tb_cen td{
	text-align:center;
}

.page_access .tb_style span{
	color: #EA7732;
}

.holiday_icon {
	color:#ffe9c5;
	font-size: 18px;
	}
/*------ End page_access ------*/

/*------ page_concept_sub ------*/
.page_concept_sub .container .msg {
    width:665px;
}
.page_concept_sub .container .img {
    width:325px;
}
.page_concept_sub .flow_picl .img{ margin-right: 30px; }
.page_concept_sub .flow_picr .img{ margin-left: 30px; }
/*------ End page_concept_sub ------*/

/*------ page_information ------*/
.page_information .col2{
	width:500px;
	margin-right:20px;
	}
.page_information .col2:nth-child(2){
	margin-right:0;
	}
.page_information .img,
.page_information .msg{
	width:500px;
	}
/*------ End page_information ------*/




.holiday_icon {
	color:#ffe9c5;
	font-size: 18px;
	}
.orthoday_icon {
	color:#FCF;
	font-size: 18px;
	}
#calendar_box .ortho{
	background:#FCF;
}
.greeting {
	width: 730px;
	height: 250px;
	background: url(../img/staff/ph_staff01.jpg);
	}