/* sanitize.css | CC0 Public Domain | github.com/jonathantneal/sanitize.css */
pre,textarea{overflow:auto}
[hidden],audio:not([controls]),template{display:none}
details,main,summary{display:block}
input[type=number]{width:auto}
input[type=search]{-webkit-appearance:textfield}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
progress{display:inline-block}
small{font-size:75%}
textarea{resize:vertical}
[unselectable]{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}
*,::after,::before{box-sizing:inherit;border-style:solid;border-width:0}
*{font-size:inherit;line-height:inherit;margin:0;padding:0}
::after,::before{text-decoration:inherit;vertical-align:inherit}
:root{-ms-overflow-style:-ms-autohiding-scrollbar;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;box-sizing:border-box;cursor:default;font:16px/1.5 sans-serif;text-rendering:optimizeLegibility}
a{text-decoration:none}
audio,canvas,iframe,img,svg,video{vertical-align:middle}
button,input,select,textarea{background-color:transparent;color:inherit;font-family:inherit;font-style:inherit;font-weight:inherit;min-height:1.5em}
code,kbd,pre,samp{font-family:monospace,monospace}
nav ol,nav ul{list-style:none}
select{-moz-appearance:none;-webkit-appearance:none}
select::-ms-expand{display:none}
select::-ms-value{color:currentColor}
table{border-collapse:collapse;border-spacing:0}
::-moz-selection{background-color:#B3D4FC;text-shadow:none}
::selection{background-color:#B3D4FC;text-shadow:none}
@media screen{[hidden~=screen]{display:inherit}
[hidden~=screen]:not(:active):not(:focus):not(:target){clip:rect(0 0 0 0)!important;position:absolute!important}
}



/* スマイル歯科藤井クリニック */

body {
	background-color:#F3FBFE;
	font-size:14px;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width:1100px;
}



/* ヘッダー＆ナビゲーション */

nav#header_nav ,
footer nav#footer_nav {
	background:rgba(243,251,254,0.9);
	padding:20px;
	text-align:center;
	width:100%;
	min-width:1100px;
	height:60px;
}
nav#header_nav ul li ,
footer nav#footer_nav ul li {
	display:inline;
	margin:0 20px;
	font-size:16px;
	font-weight:800;
}
nav#header_nav ul li a ,
footer nav#footer_nav ul li a {
	color:#00A0E9;
}
nav#header_nav {
	position:fixed;
	z-index:999;
}
footer nav#footer_nav {
	background-color:#ffffff;
}
header {
	width:100%;
	padding-top:60px;
}
section#header_photo {
	margin:0 auto;
	width:100%;
	background:url(img/header02.jpg) no-repeat center 0;
	text-align:center;
}
section#header_photo h1 {
	background:url(img/header01.png) no-repeat 0 0;
	width:342px;
	height:199px;
	text-indent:-9999px;
	margin:0 auto;
}
section#header_photo img {
	margin-top:400px;
}


/* 特徴 */

article#smile {
	width:1200px;
	margin:0 auto;
	padding-top:50px;
}
article#smile section#smile_head {
	text-align:center;
}
article#smile section#smile_head h1 {
	width:717px;
	height:37px;
	background:url(img/smile01.png) no-repeat 0 0;
	text-indent:-9999px;
	margin:50px auto;
}
section#smile_head ul {
	padding-top:30px;
}
section#smile_head ul li {
	display:inline-block;
	margin:0 10px;
	position:relative;
}
section#smile_head ul li:nth-child(1) ,
section#smile_head ul li:nth-child(5) {
	top:-150px;
}
section#smile_head ul li:nth-child(2) ,
section#smile_head ul li:nth-child(4) {
	top:-50px;
}
div#smile_detail {
	padding:0 70px;
	letter-spacing: -.40em;
	background:url(img/smile18.jpg) no-repeat right bottom;
	padding-bottom:70px;/* 特徴セクションの右下 衛生士写真 説明文の行数に応じてpadding-bottomを調整してください　*/
}
div#smile_detail section {
	display:inline-block;
	vertical-align:top;
	letter-spacing: normal;
	width:470px;
	margin:15px 30px;
}
div#smile_detail section h3 {
	padding-left:95px;
	padding-top:13px;
	min-height:81px;
	font-size:22px;
	color:#454545;
	margin-bottom:10px;
}
div#smile_detail section:nth-child(1) h3 {
	background:url(img/smile08.png) no-repeat 0 0;
}
div#smile_detail section:nth-child(2) h3 {
	background:url(img/smile10.png) no-repeat 0 0;
}
div#smile_detail section:nth-child(3) h3 {
	background:url(img/smile12.png) no-repeat 0 0;
}
div#smile_detail section:nth-child(4) h3 {
	background:url(img/smile14.png) no-repeat 0 0;
}
div#smile_detail section:nth-child(5) h3 {
	background:url(img/smile16.png) no-repeat 0 0;
}
div#smile_detail section img {
	margin:5px 0;
}

/* お問い合わせ */

section.contact_middle {
	width:100%;
	box-shadow:0px 0px 15px 3px #dddddd;
	background:#ffffff url(img/contact02.jpg) repeat-y center top;
	min-height:500px;
	text-align:center;
	position:relative;
	z-index:10;
}
section.contact_middle h2 {
	width:1008px;
	height:74px;
	background:url(img/contact01.png) no-repeat 0 0;
	position:relative;
	top:-30px;
	margin:0 auto;
	text-indent:-9999px;
}
section.contact_middle h2#contact_bottom {
	width:1008px;
	height:159px;
	background:url(img/contact05.png) no-repeat 0 0;
	top:-130px;
	margin-bottom:-90px;
}
section.contact_middle table {
	width:940px;
	margin:0px auto 20px auto;
}
section.contact_middle table td {
	vertical-align:middle;
	text-align:center;
}
section.contact_middle table td.contact_logo {
	width:280px;
	text-align:right;
}
section.contact_middle table td p.contact_tel {
	color:#FFC61F;
	font-size:80px;
	font-weight:800;
	line-height:90px;
}
section.contact_middle table td p.contact_text {
	color:#0079B4;
	font-size:20px;
	font-weight:800;
}
section.contact_middle table td p.contact_text span {
	color:#FFC61F;
}

/* 診察内容 */

section#service {
	width:100%;
	padding:80px 0 60px 0;
	background:
		url(img/service14.jpg) no-repeat right bottom ,
		url(img/service16.jpg) no-repeat left top ,
		url(img/service15.jpg) no-repeat left bottom ,
		url(img/service13.jpg) no-repeat right top ,
		#ffffff;
	position:relative;
	z-index:9;
}
section#service h2 {
	width:510px;
	height:48px;
	text-indent:-9999px;
	margin:0 auto;
	background:url(img/service00.png) no-repeat 0 0;
}
section#service ul {
	margin:40px auto 0 auto;
	width:1100px;
}
section#service ul li {
	display:inline-block;
	text-align:center;
	width:257px;
	height:319px;
	margin:5px;
	vertical-align:top;
	padding:90px 5px 15px 5px;
}
section#service ul li:nth-child(1) {
	background:url(img/service01.png) no-repeat 0 0;
}
section#service ul li:nth-child(2) {
	background:url(img/service02.png) no-repeat 0 0;
}
section#service ul li:nth-child(3) {
	background:url(img/service03.png) no-repeat 0 0;
}
section#service ul li:nth-child(4) {
	background:url(img/service04.png) no-repeat 0 0;
}
section#service ul li:nth-child(5) {
	background:url(img/service05.png) no-repeat 0 0;
}
section#service ul li:nth-child(6) {
	background:url(img/service06.png) no-repeat 0 0;
}
section#service ul li:nth-child(7) {
	background:url(img/service07.png) no-repeat 0 0;
}
section#service ul li:nth-child(8) {
	background:url(img/service08.png) no-repeat 0 0;
}
section#service ul li:nth-child(9) {
	background:url(img/service09.png) no-repeat 0 0;
}
section#service ul li:nth-child(10) {
	background:url(img/service10.png) no-repeat 0 0;
}
section#service ul li:nth-child(11) {
	background:url(img/service11.png) no-repeat 0 0;
}
section#service ul li:nth-child(12) {
	background:url(img/service12.png) no-repeat 0 0;
}
section#service ul li p {
	margin:20px 5px 0 5px;
	text-align:left;
	font-size:0.9em;
}

/* 小児歯科 */

section#kids {
	background:
		url(img/kids04.png) no-repeat left 90% ,
		url(img/kids05.png) no-repeat right 10% ,
		url(img/kids01.png) repeat-x top ,
		url(img/kids06.png) repeat-x bottom ,
		#FCFAEF;
	padding-top:100px;
}
section#kids h2 {
	width:703px;
	height:37px;
	text-indent:-9999px;
	background:url(img/kids02.png) no-repeat 0 0;
	margin:0 auto;
}
section#kids div#kids_wrapper {
	width:1179px;
	margin:40px auto 0 auto;
}
section#kids img#kids_text {
	float:right;
}
section#kids img#kids_photo {
	margin-top:100px;
	margin-right:-200px;
}

/* 初診の流れ */

article#first {
	width:100%;
	background:url(img/first01.jpg) repeat center top;
	padding:50px 30px 30px 30px;
}
article#first h2 {
	width:334px;
	height:113px;
	text-indent:-9999px;
	background:url(img/first02.png) no-repeat 0 0;
	margin:0 auto 30px auto;
}
article#first ul {
	width:1000px;
	margin:0 auto;
	list-style:none;
}
article#first ul li {
	border-radius:15px;
	box-shadow:0px 0px 6px 3px #D6AE7E;
	margin-bottom:30px;
	background-color:#F8F7F6;
	padding:10px;
	letter-spacing: -.40em;
}
article#first ul li div {
	display:inline-block;
	letter-spacing:normal;
	vertical-align:middle;
}
article#first ul li div:nth-child(1) {
	width:120px;
	text-align:center;
}
article#first ul li div:nth-child(2) {
	width:655px;
	padding-right:20px;
	vertical-align:top;
}
article#first ul li div:nth-child(3) {
	width:205px;
	text-align:right;
}
article#first ul li div h3 {
	font-size:34px;
  color:#F36A7D;
  padding-top:10px;
}

/* 院長挨拶 */

article#about {
	background-color:#E9F3E9;
	position:relative;
	z-index:9;
	padding-top:50px;
}
article#about section {
	width:1100px;
	margin:0 auto;
	padding-top:50px;
	padding-left:550px;
	background:url(img/about01.jpg) no-repeat left bottom;
	min-height:660px;
}
article#about section h2 {
	font-size:40px;
	color:#878787;
	text-shadow:2px 2px 10px #ffffff;
	margin-bottom:40px;
}
article#about section div.about_block {
	padding:10px 0;
	border-bottom:1px dotted #666;
	line-height:1.8em;
}
article#about section div.about_block p {
	margin-bottom:1em;
}

/* よくあるご質問 */

article#faq {
	width:1000px;
	margin:0 auto;
	color:#878787;
	padding-top:50px;
	padding-bottom:80px;
}
article#faq h2 {
	text-align:center;
	font-size:40px;
	padding:40px;
}
article#faq section {
	margin-bottom:30px;
}
article#faq section h3.question {
	background:#F4F4F4 url(img/faq01.png) no-repeat 30px center;
	padding:35px 15px 15px 130px;
	color:#00A1E9;
	min-height:100px;
	font-size:24px;
}
article#faq section p.answer {
	background:#ffffff url(img/faq02.png) no-repeat 30px center;
	padding:25px 15px 15px 130px;
	min-height:100px;
	font-size:16px;
}

/* アクセス */

section#access {
	width:1000px;
	margin:0 auto;
	color:#878787;
	padding-top:50px;
	padding-bottom:60px;
}
section#access h2 {
	text-align:center;
	font-size:40px;
	padding:40px;
}
section#access p#access_address {
	margin:40px 0;
	font-size:32px;
	text-align:center;
}
section#access h3 {
	background-color:#F4F4F4;
	text-align:center;
	padding:35px 25px 25px 25px;
	font-size:32px;
}
section#access h3 img {
	margin:0 40px;
}
section#access div#park {
	background-color:#FFF;
}
section#access div#park:before ,
section#access div#park:after {
	content: " ";
	display: table;
}
section#access div#park:after {
	clear: both;
}
section#access div#park {
	*zoom: 1;
}
section#access div#park img {
	float:left;
	margin:20px;
}
section#access div#park div#park_detail {
	margin-top:20px;
}
section#access div#park div#park_detail p {
	margin-bottom:2em;
}
section#access div#park div#park_detail p>span {
	color:#0079B4;
	font-weight:800;
}

/* footer */

footer {
	width:100%;
	background:#ffffff url(img/footer01.jpg) repeat-x center top;
	padding-top:180px;
	text-align:center;
}
footer p#copyright {
	margin:15px;
	color:#878787;
}

.mb100{
	margin-bottom:100px!important;
}