@charset "utf-8";

/*********************************************************************
Sanuki92
COMMON STYLES
*********************************************************************/

/* BASE --------------------------------------------------------------------------------------------*/

body{
	margin: 0;
	padding: 0;
	color: #434039;
	background: #fff url(common/bg.gif) repeat-x 0 0;
	line-height: 1.8;
	text-align: center;
	font-size: 95%;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ ProN", Osaka;
}
a{ color: #387ba8; text-decoration: none; outline: none;}
a:hover{ color: #245779; text-decoration: underline;}

.str1{ font-size: 105%; font-weight: bold;}
.str2{ font-size: 120%; font-weight: bold;}
.str3{ font-size: 150%; font-weight: bold;}
.sml1{ line-height: 1.7; font-size: 90%;}
.sml2{ line-height: 1.65; font-size: 80%;}

.read{ font-size: 110%;}
.caption{ line-height: 1.6; font-size: 90%;}

.red, .red a{ color: #f34500;}
.gray{ color: #aba595;}
.green{ color: #009b83;}
.lime{ color: #6cbb57;}
.yellow{ color: #f3bc00;}
.gold, .gold a{ color: #dcaa00;}
.white{ color: #fff;}
.brown{ color: #434039;}

.bg_gray1{ background: #e7e4dc;}
.bg_gray2{
	margin: 0 0 25px;
	padding: 1em 20px;
	background: #efede6;
}

.mg0{ margin: 0;}
.mg05t{ margin-top: 5px;}
.mg05l{ margin-left: 5px;}
.mg05r{ margin-right: 5px;}
.mg05b{ margin-bottom: 5px;}
.mg05tb{ margin: 5px 0;}
.mg10t{ margin-top: 10px;}
.mg10l{ margin-left: 10px;}
.mg10r{ margin-right: 10px;}
.mg10b{ margin-bottom: 10px;}
.mg10tb{ margin: 10px 0;}
.mg10lr{ margin: 0 10px;}
.mg15{ margin: 15px;}
.mg15t{ margin-top: 15px;}
.mg15l{ margin-left: 15px;}
.mg15r{ margin-right: 15px;}
.mg15b{ margin-bottom: 15px;}
.mg15tb{ margin: 15px 0;}
.mg15lr{ margin: 0 15px;}
.mg20t{ margin-top: 20px;}
.mg20l{ margin-left: 20px;}
.mg20r{ margin-right: 20px;}
.mg20b{ margin-bottom: 20px;}
.mg20tb{ margin: 20px 0;}
.mg20lr{ margin: 0 20px;}
.mg30t{ margin-top: 30px;}
.mg30l{ margin-left: 30px;}
.mg30r{ margin-right: 30px;}
.mg30b{ margin-bottom: 30px;}
.mg30tb{ margin: 30px 0;}
.mg30lr{ margin: 0 30px;}
.mg70lr{ margin: 0 70px;}

img{ border: none; vertical-align: bottom;}

.img_r{ margin: 0 0 20px 20px; float: right;}
.img_l{ margin: 0 20px 20px 0; float: left;}

.c{ text-align: center;}
.l{ text-align: left;}
.r{ text-align: right;}

.clr{ clear: both;}
.clr_l{ clear: left;}
.clr_r{ clear: right;}
.clr_n{ clear: none;}

.f_l{ float: left;}
.f_r{ float: right;}

.w250{ width: 250px;}
.w300{ width: 300px;}
.w320{ width: 320px;}
.w460{ width: 460px;}
.w600{ width: 600px;}
.w630{ width: 630px;}
.w670{ width: 670px;}

.w50p{ width: 48.5%;}

/* LAYOUT --------------------------------------------------------------------------------------------*/

#container{	background: url(common/bg_container.jpg) no-repeat 50% 0;}

#wrap{
	margin: 0 auto;
	width: 960px;
	min-height: 450px;
	text-align: left;
}
header{
	margin: 0 auto;
	padding: 0;
	position: relative;
	width: 960px;
	height: 450px;
	overflow: hidden;
}
#center{
	padding: 0 0 10px;
	float: right;
	width: 650px;
}
#left{
	padding: 0 0 20px;
	float: left;
	width: 260px;
	font-size: 12px;
}
footer{
	clear: both;
	min-width: 960px;
	text-align: left;
}

/* TITLES --------------------------------------------------------------------------------------------*/

h1{
	margin: 0;
	top: 280px;
	left: 0;
	width: 700px;
	height: 130px;
	color: #fece2c;
	line-height: 130px;
	text-shadow: 3px 3px 5px #006555;
	font-size: 45px;
	font-family: "HG丸ｺﾞｼｯｸM-pro", "Comic Sans MS", Meiryo, "メイリオ", "ヒラギノ丸ゴ Pro W4", "Hiragino maru Gothic Pro", Hiragino Kaku Gothic Pro, "ヒラギノ角ゴ Pro",;
}
h1 span{ display: none;}
h1 a{
	display: block;
	height: 200px;
}
h1 #mainimg_sph{ display: none;}

h2{
	margin: 0 0 1.2em;
	padding: 0 5px 0.75em;
	position: relative;
	border-bottom: solid 1px #434039;
	background: url(common/h2.png) no-repeat 0 100%;
	line-height: 1.6;
	font-size: 125%;
}
h2 a, h3 a{ color: #434039;}

h3{
	margin: 0 0 0.5em;
	padding: 0 0 0 23px;
	background: url(common/h3.png) no-repeat 0 50%;
	line-height: 1.7;
	font-size: 120%;
}
h4{
	margin: 0 0 0.25em;
	padding: 0 0 0 15px;
	background: url(common/h4.png) no-repeat 0 50%;
	font-size: 110%;
}
h4 span{ font-weight: normal;}
h5{
	margin: 0;
	font-size: 100%;
}
.sml1 h4{ padding: 2px 0 0 17px; background-position: 0 4px;}

/* Header --------------------------------------------------------------------------------------------*/

.tel_no{
	line-height: 1.5;
	font-size: 12.5px;
}
header .tel_no{
	position: absolute;
	top: 55px;
	right: 20px;
	width: 400px;
	height: 70px;
	text-align: right;
}
.tel_no .no{
	color: #f3bc00;
	letter-spacing: -0.05em;
	line-height: 1.1;
	font-weight: bold;
	font-family: "Lucida Console", "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 30px;
}
.tel_no .no a{ color: #f3bc00; display: inline;}
.tel_no .no span{
	vertical-align: 20%;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
	font-size: 20px;
}

/* Index --------------------------------------------------------------------------------------------*/

#index{ background: #fff url(index/bg.gif) repeat-x 0 0;}
#index #container{ background: url(index/bg_container.jpg) no-repeat 50% 0;}
#index header{ height: 520px;}
#index header .tel_no{ top: 50px;}

#index #g_navi{ top: 400px;}
#index #g_navi a:hover{ background-image: url(index/gnavi.gif);}

#index h1{
	top: 190px;
	left: 290px;
	width: 320px;
	height: 200px;
	background: url(index/mainimg.jpg) no-repeat 0 0;
}
#index .w460 .sml1{ font-size: 95%;}
#index .dl2{ margin: 0;}
#index .dl2 dl{
	padding: 0;
	background: none;
}
#index .dl2 dl dt{ width: 100px;}
#index .dl2 dl dd{ width: 355px;}
#index .dl2 span.new img{ margin: 0 0 0 2px; vertical-align: middle;}
#index .dl2 span.new{ display: none;}

#index_info{ padding: 0 0 40px;}
#index_info .shinryo{
	padding: 20px 0 0;
	width: 300px;
	background: url(index/kamoku_bg_t.gif) no-repeat 0 0;
}
#index_info .shinryo_inner{
	padding: 0 0 25px;
	width: 300px;
	background: url(index/kamoku_bg_b.gif) no-repeat 0 100%;
}
#index_info h3{
	margin: 0 0 0.5em;
	padding: 0 30px;
	border-bottom: none;
	background: none;
	font-size: 150%;
	font-weight: normal;
}
#index_info img{ margin: 0 0 10px;}
#index_info p{ margin: 0 0 0.7em; font-size: 85%;}
#index_info .f_btn{
	text-align: center;
}
#index_info .btn{
	margin: 0 auto;
	width: 6em;
}

/* Articles --------------------------------------------------------------------------------------------*/

section{ padding: 0 0 30px; clear: both;}

section p{ margin: 0 0 1em;}
section p,
.f_l, .f_r{
	text-align: justify;
	text-justify: inter-ideograph;
}

/* column ***********/

.column, .column1, .column2, .column3{ margin: 0 0 20px; padding: 1em 2em;}
.column{ border: double 4px #c2bdb1;}
.column1{ border: solid 2px #009b83;}
.column2{ border: solid 1px #009b83;}
.column3{ border: solid 3px #c2bdb1;}

/* LIST *********/

/* ul, ol */

section ul{ margin: 0 0 1em 5px; padding: 0 0 0 1.5em;}
section ol{ margin: 0 0 1em 5px; padding: 0 0 0 2em;}
section ul ul{ margin: 0 0 1em 5px; padding: 0 0 0 1em;}

/* dl ***********/

dl dt{ text-align: left;}
dl.dl1 dt{ font-weight: bold;}
dl.dl1 dd{
	margin: 0 0 0.5em;
	border-bottom: solid 1px #d8d4c9;
}

.dl2{
	margin: 0 0 30px;
	border-top: solid 1px #d8d4c9;
	font-size: 95%;
}
.dl2 dl{
	margin: 0 0 0.5em;
	padding: 0 0 0 20px;
	border-bottom: solid 1px #d8d4c9;
	background: url(common/h4.png) no-repeat 0 14px;
}
.dl2 dl dt{ margin: 0.5em 0; float: left; width: 18%;}
.dl2 dl dd{ margin: 0.5em 0; float: right; width: 81%;}
.dl2 dl dd ul, .dl2 dl dd ol{ margin: 0;}

.dl1 .dl2 dt{ padding: 0; background: none; font-weight: normal;}
.dl1 .dl2 dd{ margin-left: 0;}

.dl3{ margin: 0 0 30px; border-top: solid 1px #d8d4c9;}
.dl3 dl{ margin: 0; padding: 0; border-bottom: solid 1px #d8d4c9;}
.dl3 dl dt{ margin: 0; padding: 0.5em 2%; float: left; width: 45%; background: #efede6;}
.dl3 dl dd{ margin: 0; padding: 0.5em 2%; float: right; width: 45%;}

/* Tables **********/

table caption{ padding: 0 0 0.5em;}
table, th, td{ border-collapse: collapse; font-size: 100%;}
table{ margin: 0 0 20px; width: 100%;}
th{ background: #e7e4dc; font-weight: normal;}
th, td{
	padding: 0.2em 0.5em;
	border: 1px solid #d8d4c9;
	line-height: 1.6;
}
.tbl_1{ line-height: 1.5; font-size: 85%;}
.tbl_1 th{ white-space: nowrap; font-weight: normal;}
.tbl_1 th, .tbl_1 td{ padding: 0.25em 0.3em;}

section table ul, section table ol{ margin: 0;}

/* Form ***********/

#form_sanuki .dl2{ border: none;}
#form_sanuki span{ color: #f34500; font-weight: bold;}
#form_sanuki .dl2 dl dt{ width: 25%;}
#form_sanuki .dl2 dl dd{ width: 74%;}
#form_sanuki .btn input:hover{ cursor: pointer;}

input, textarea{
	font-size: 95%;
	font-family: Meiryo, Verdana, "メイリオ", "ＭＳ Ｐゴシック", Hiragino Kaku Gothic Pro, Osaka;
}
input[type="text"],input[type="email"]{ max-width: 70%;}
.f30p input[type="text"]{ max-width: 30%;}
input[type="text"],input[type="email"], textarea{
	margin: 1px 0;
	padding: 0.1em 3px;
	vertical-align:middle;
	border:1px solid #d8d4c9;
	border-radius:3px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
}
input[type="submit"],input[type="reset"],input[type="button"]{
	margin: 5px 0;
	padding:3px 30px;
	background: #e7e4dc;
	border:1px solid #d8d4c9;
	border-radius: 5px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	line-height:1.5;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #efede6;
	cursor: pointer;
}
*:first-child+html input[type="submit"]{padding:2px;}

div.wpcf7-mail-sent-ok {
	border: 3px solid #009b83 !important;
}
div.wpcf7-mail-sent-ng,
div.wpcf7-spam-blocked,
div.wpcf7-validation-errors {
	border: 3px solid #f34500 !important;
}
span.wpcf7-not-valid-tip {
	color: #f34500 !important;
}
.use-floating-validation-tip span.wpcf7-not-valid-tip { 
	border: 1px solid #f34500 !important;
}
.wpcf7 form .wpcf7-response-output{ padding: 1em; font-weight: bold; text-align: center;}
.wpcf7 form.invalid .wpcf7-response-output,
.wpcf7 form.unaccepted .wpcf7-response-output,
.wpcf7 form.payment-required .wpcf7-response-output{ color: #f34500 !important; border: 2px solid #f34500 !important;}
.wpcf7 form.sent .wpcf7-response-output{ padding: 0; border: none; display: none; height: 0; overflow: hidden;}

/* Entries etc ***********/

.meta{
	margin: -0.5em 0 1em;
	padding: 0.5em 0 0;
	border-top: solid 1px #d8d4c9;
	line-height: 1.2;
	text-align: right;
	font-size: 95%;
}
.meta ul{
	margin: 0 0 0 10px;
	padding: 0;
	display: inline;
	list-style: none;
	line-height: 1.2;
}
.meta li{
	margin: 0;
	padding: 0 0 0 10px;
	border-left: solid 1px #d8d4c9;
	display: inline;
}

/* pagenav */

.pagenav{
	margin: 0 0 10px;
	clear:both;
	width: 100%;
	height: 30px;
}
.prev{ float:left;}
.next{ float:right;}
.prev a{ padding: 0 0 0 15px; background: url(common/arrow_l_2.png) no-repeat 0 50%;}
.next a{ padding: 0 15px 0 0; background: url(common/arrow_r_2.png) no-repeat 100% 50%;}

#pageLinks{
	clear:both;
	text-align:center;
}
.notfound{
	margin: 0;
	color: #c2bdb1;
	line-height: 1;
	text-align: center;
	font-size: 300px;
}
/* images */
.alignright{ margin: 0 0 20px 20px; float: right;}
.alignleft{ margin: 0 20px 20px 0; float: left;}
.aligncenter{ margin: 0 0 20px;}

/* iframe ***********/

iframe{
	margin: 0;
	border: solid 1px #ddd;
	width: 100%;
	height: 400px;
}

/* Pages --------------------------------------------------------------------------------------------*/

/* aboutus ||||||||||||||||||||||||*/

#aboutus_2 .dl2 dl dt{ width: 26%; font-weight: bold;}
#aboutus_2 .dl2 dl dd{ width: 72%;}

/* doctor ||||||||||||||||||||||||*/

#doctor_1 .dl2 dl dt{ width: 25%;}
#doctor_1 .dl2 dl dd{ width: 73%;}
#doctor .w300{ margin: 0 0 20px;}

/* Footer --------------------------------------------------------------------------------------------*/

.footer_inner{
	margin: 0 auto;
	position: relative;
	width: 960px;
	clear: both;
}

/* #footer_top ***********/

#footer_top{
	padding: 20px 0;
	color: #aba595;
	background: #434039;
}
#footer_top table,
#footer_top th,
#footer_top td{ color: #434039; font-size: 11.5px;}
#footer_top td.sml{ font-size: 10px;}
#footer_top table{ margin: 0 0 .5em;}
#footer_top td{ background: #fff;}
#footer_top th, #footer_top td{
	padding: 0.35em 0.5em 0.2em;
	line-height: 1.5;
	text-align: center;
}
#footer_top td.td_am{ padding: 0.7em 0.5em 0.6em;}
#footer_top .yellow{
	margin: 0 0 0.3em;
	line-height: 1.6;/*font-size: 85%;*/
}


/* Footer Navigation -> navigation.css *****/

/* #footer_btm ***********/

#footer_btm{
	padding: 20px 0;
	clear: both;
	line-height: 1.4;
	text-align: center;
	font-size: 90%;
}
#footer_btm p{
	margin: 0 0 0.3em;
}
#copy{
	padding: 0.3em 0;
	clear: both;
	color: #fff;
	background: #aba595;
	text-align: center;
	font-size: 80%;
}
.grecaptcha-badge{
	box-shadow: none !important;
	border: solid 1px #ddd;
	box-sizing: border-box;
	display: none;
}
.grecaptcha-badge iframe{ border:none;}
body#contact .grecaptcha-badge{ display: block;}

/* Print --------------------------------------------------------------------------------------------*/

@media print {
body{ background: none;}
#container{ background: none;}
}

/* UTILITY --------------------------------------------------------------------------------------------*/

/* --- GET HIGHT --- */

.Dlist dl{
	margin: 0;
	display: block;
	min-height: 0;
	line-height: 170%;
}
.Dlist dl:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .Dlist dl{
	display: inline-block;
	height: 1%;
}

.clrfx{
	display: block;
	min-height: 0;
}
.clrfx:after{
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}
* html .clrfx{
	display: inline-block;
	height: 1%;
}