@charset "utf-8";

/*********************************************************************
CARESIS PARK
COMMON STYLES
*********************************************************************/

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

body{
	margin: 0;
	padding: 0;
	color: #111;
	background: url(common/bg.jpg) 0 0;
	line-height: 1.8;
	text-align: center;
	font-size: 95%;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Osaka, "MS UI Gothic";
}
a{ color: #007ea8; text-decoration: none; outline: none;}
a:hover{ color: #005976; text-decoration: underline;}
.red a{ color: #e50012;}
.green a{ color: #009844;}

.str1{ font-size: 110%; font-weight: bold;}
.str2{ font-size: 125%; 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{ line-height: 2.2; font-size: 105%;}
.cap{ margin: 5px 0 0; font-size: 95%;}

.idt1{ margin: 0 0 0 1em; text-indent: -1em;}
.idt2{ margin: 0 0 1em 2em; text-indent: -2em;}
.idt1 p, .idt2 p{ margin: 0;}

.idt1h{ margin-left: 1.5em; text-indent: -1.5em;}
.idt2h{ margin-left: 2.5em; text-indent: -2.5em;}
.idt3{ margin-left: 3em; text-indent: -3em;}
ul.idt1, ol.idt1{ margin: 0 0 1em; padding-left: 1em; list-style: none;}
ul.idt1h, ol.idt1h{ margin: 0 0 1em 1.5em; list-style: none;}
ul.idt2, ol.idt2{ margin: 0 0 1em 2em; list-style: none;}
ul.idt2h, ol.idt2h{ margin: 0 0 1em 2.5em; list-style: none;}
li ol.idt1h{ margin: 0;}

.ker1{ letter-spacing: -0.05em;}
.cap{
	margin: 5px 0 0;
	line-height: 1.7;
	font-size: 95%;
}
.bd_gr1{ padding: 0 0 0.5em; border-bottom: solid 1px #008134;}/*green*/
.bd_gr2{ padding: 0 0 0.5em; border-bottom: solid 2px #009844;}/*green*/
.bd_g1{ padding: 0 0 0.5em; border-bottom: solid 1px #999;}/*black*/
.bd_g2{ padding: 0 0 0.5em; border-bottom: solid 2px #ddd;}/*black*/

.red{ color: #e50012;}
.gray{ color: #999;}
.green{ color: #009844;}
.bg_gr{ background: #c8ebab;}
.bg_yw{ background: #fff8c8;}
.bg_g0{ background: #f2f2f2;}
.bg_g1{ background: #eee;}
.bg_g2{ background: #ddd;}

.mgAuto{ margin: auto;}
.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;}
.mg20l{ margin-left: 20px;}
.mg20r{ margin-right: 20px;}
.mg20t{ margin-top: 20px;}
.mg20b{ margin-bottom: 20px;}
.mg20tb{ margin: 20px 0;}
.mg20lr{ margin: 0 20px;}
.mg25l{ margin-left: 25px;}
.mg25r{ margin-right: 25px;}
.mg25b{ margin-bottom: 25px;}
.mg25tb{ margin: 25px 0;}
.mg25lr{ margin: 0 25px;}
.mg30l{ margin-left: 30px;}
.mg30r{ margin-right: 30px;}
.mg30t{ margin-top: 30px;}
.mg30b{ margin-bottom: 30px;}
.mg30tb{ margin: 30px 0;}
.mg30lr{ margin: 0 30px;}
.mg40l{ margin-left: 40px;}
.mg40r{ margin-right: 40px;}
.mg40t{ margin-top: 40px;}
.mg40b{ margin-bottom: 40px;}
.mg40tb{ margin: 40px 0;}
.mg40lr{ margin: 0 40px;}
.mg55l{ margin-left: 55px;}
.mg55r{ margin-right: 55px;}
.mg55t{ margin-top: 55px;}
.mg55b{ margin-bottom: 55px;}
.mg55tb{ margin: 55px 0;}
.mg55lr{ margin: 0 55px;}

img{
    border: none;
    vertical-align: bottom;
    max-width: 100%;
    height: auto;
    image-rendering: -webkit-optimize-contrast;
}

.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;}

.w50p{ width: 48.5%;}
.w195{ width: 195px;}
.w205{ width: 205px;}
.w235{ width: 235px;}
.w240{ width: 240px;}
.w280{ width: 280px;}
.w370{ width: 370px;}
.w375{ width: 375px;}
.w390{ width: 390px;}
.w415{ width: 415px;}
.w420{ width: 420px;}
.w470{ width: 470px;}
.w530{ width: 530px;}
.w550{ width: 550px;}
.w630{ width: 630px;}
.w660{ width: 660px;}

.pcdsp{ display: inherit;}
.sphdsp{ display: none;}

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

#container{ background: url(common/bg_container.jpg) repeat-x 0 220px;}

#wrap{
	margin: 0 auto;
	position: relative;
	width: 960px;
	text-align: left;
}
.inner{
	margin: 0 auto;
	width: 960px;
	position: relative;
}
header{
	padding: 0;
	background: url(common/header_line.png) repeat-x 0 0;
	height: 290px;
	overflow: hidden;
}
#center{
	float: right;
	width: 600px;
}
#left{
	padding: 0 0 20px;
	float: left;
	width: 220px;
}
footer{
	padding: 30px 0 0;
	clear: both;
	background: url(common/footer_bg.jpg);
	text-align: left;
	font-size: 12px;
}

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

h1{
	margin: 0 0 30px;
	padding: 15px 0 0;
	height: 135px;
	overflow: hidden;
}
hgroup{
	margin: 0 0 1em;
	padding: 0 20px;
	background: url(common/line_1.gif) repeat-x 0 50%;
	text-align: center;
}
h2{
	margin: -25px;
	padding: 35px 0.3em 0;
	display: inline-block;
	background: #fff url(common/ic_leaf_l.png) no-repeat 50% 0;
	line-height: 1.2;
	font-weight: normal;
	font-size: 180%;
}
h2 a, h3 a{ color: #111;}
h3{
	margin: 0 0 0.3em;
	padding: 0 0 0 20px;
	position: relative;
	background: url(common/dot_l_1.png) no-repeat 0 6px;
	line-height: 1.5;
	font-size: 125%;
}
h4{
	margin: 0 0 0.2em;
	padding: 0 0 0 13px;
	background: url(common/dot_m_1.png) no-repeat 0 6px;
	line-height: 1.6;
	font-size: 105%;
	text-align: left;
}
h4 span{ font-weight: normal;}
h5{
	margin: 0;
	padding: 0 0 0 13px;
	background: url(common/dot_s_1.png) no-repeat 2px 50%;
	font-size: 100%;
	font-weight: normal;
}

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

#description{
	margin: 0;
	color: #fff;
	line-height: 30px;
	font-weight: bold;
}

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

section{
	margin: 0 0 40px;
	padding: 40px 50px;
	clear: both;
	background: #fff;
}

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

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

.column0, .column1, .column2, .column3{ margin: 0 0 20px; padding: 1em 2em;}
.column0{ border: double 4px #009844;}
.column1{ border: solid 1px #ddd;}
.column2{ border: solid 2px #008134;}
.column3{ border: solid 2px #ddd;}

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

/* ul, ol */

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

section ul.ul_inline{
	margin: 0;
	padding: 0;
	list-style: none;
}
section ul.ul_inline li{
	margin: 0 10px 0 0;
	display: inline;
}
section ul.dot{
	margin: 0 0 0.5em;
	padding: 0;
	list-style: none;
}
section ul.dot li,
p.dot{
	padding: 0 0 0 13px;
	background: url(common/dot_m_1.png) no-repeat 0 8px;
}
p.dot{ margin: 0 0 0.5em;}

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

dl dt{ text-align: left;}
dl.dl1 dt{
	padding: 0 0 0 17px;
	background-image: url(common/dot_s_1.png);
	background-repeat: no-repeat;
	background-position: 2px 50%;
	font-weight: bold;
}
dl.dl1 dd{
	margin: 0 0 0.45em;
	padding: 0 2px 0.45em 20px;
	border-bottom: solid 1px #ddd;
}

.dl2 dl{
	margin: 0;
	border-bottom: solid 1px #ddd;
}
.dl2 dl dt{ margin: 0.45em 0; float: left; width: 20%;}
.dl2 dl dd{ margin: 0.45em 0; float: right; width: 79%;}
.dl2 dl dd ul, .dl2 dl dd ol{ margin: 0;}

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

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

table caption{
	padding: 0 0 0.2em;
	text-align: left;
	font-weight: bold;
}
table, tr, th, td{ border-collapse: collapse; font-size: 100%;}
table{ margin: 0 0 20px; width: 100%;}
th{ background: #f0f5c4; text-align: center; font-weight: normal;}
th, td{
	padding: 0.25em 0.5em 0.15em;
	border: 1px solid #ddd;
	line-height: 1.6;
	font-size: 90%;
}
.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;}

.tbl_2 th{ background: #f2f2f2;}

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

#topics table p{ margin: 0;}
#topics section th p{ text-align: center;}


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

#form_contact .dl2{ border: none;}

#form_contact .dl2 p span,
#form_contact .dl2 dt span{
	margin: 0 0.3em;
	padding: 0.1em 0.2em;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	background: #f29600;
	line-height: 1.3;
	font-size: 75%;
	font-weight: bold;
}

#form_contact .dl2 dl dt{ width: 25%;}
#form_contact .dl2 dl dd{ width: 74%;}
#form_contact .submit input:hover{ cursor: pointer;}
span.wpcf7-not-valid-tip { color: #e50012 !important;}
div.wpcf7-validation-errors,
div.wpcf7-acceptance-missing,
div.wpcf7-spam-blocked,
.use-floating-validation-tip span.wpcf7-not-valid-tip{ border-color: #e50012 !important;}
.wpcf7 form .wpcf7-list-item{ margin: 0 1em 0 0;}

/*header.php inline-CSS*/
.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: #e50012; border: 2px solid #e50012;}
.wpcf7 form.sent .wpcf7-response-output{ padding: 0; border: none; display: none; height: 0; overflow: hidden;}
input, textarea{
	font-size: 95%;
	font-family: Meiryo, "メイリオ", Verdana, "Hiragino Kaku Gothic ProN", Osaka, "MS UI Gothic";
}
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 #ddd;
	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;
	color: #fff;
	border: none;
	border-radius: 5px;
	background: #009844;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	line-height:1.5;
	font-weight: bold;
}
input[type="submit"]:hover,input[type="reset"]:hover,input[type="button"]:hover{
	background: #008134;
	cursor: pointer;
}
*:first-child+html input[type="submit"]{padding:2px;}

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

#center h2{ font-size: 140%;}
#center h3{ font-size: 115%;}
#center article{
	margin: 0 0 2em;
	padding: 0 0 1.5em;
}
.news_index #center article:first-of-type{ min-height: 250px;}

.meta{
	margin: -0.5em 0 1em;
	padding: 0 0 0.2em;
	line-height: 1.2;
	text-align: right;
	font-size: 85%;
}
.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 #ddd;
	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 20px; background: url(common/arrow_r_1.png) no-repeat 0 50%;}
.next a{ padding: 0 20px 0 0; background: url(common/arrow_l_1.png) no-repeat 100% 50%;}

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

/* caption */
.wp-caption-text{
	padding: 3px 0 0;
	line-height: 1.6;
	text-align: center;
	font-size: 85%;
}

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

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

/* facility ||||||||||||||||||||||||*/

body[id^="facility"] article{ padding: 0 0 40px;}
body[id^="facility"] article:last-child{ padding: 0;}

body[id^="facility"] .dl2 dl{
	padding: 20px;
	border: none;
}
body[id^="facility"] .dl2 dl dt{
    margin: 0;
    width: 270px;
}
body[id^="facility"] .dl2 dl dd{
    margin: 0;
    width: 530px;
}
body[id^="facility"] #photo p{ line-height: 1.7; font-size: 95%;}
body[id^="facility"] #photo ul.clrfx{
	margin: 0;
	padding: 0;
	list-style: none;
}
body[id^="facility"] #photo ul.clrfx li{
	margin: 0 0 10px;
	display: block;
	float: left;
}
body[id^="facility"] #photo #photo_living ul.clrfx li:nth-child(odd){ margin: 0 10px 10px 0;}
body[id^="facility"] #photo #photo_bath .w375{ margin: 0 20px 0 0;}
body[id^="facility"] #photo #photo_private .w390{ margin: 0 20px 0 0;}
body[id^="facility"] #photo #photo_private .w390 img{ margin: 0 0 20px;}

/* service ||||||||||||||||||||||||*/

body[id^="service"] #all .dl2{ border: solid 1px #ddd;}
body[id^="service"] #all .dl2{ border: solid 1px #ddd;}
body[id^="service"] #all .dl2 dl{ padding: 0.2em 0.5em;}
body[id^="service"] #all .dl2 dl:first-child{ background: #f0f5c4;}
body[id^="service"] #all .dl2 dl:last-child{ border: none;}
body[id^="service"] #all .dl2 dt, body[id^="service"] #all .dl2 dd{ margin: 0;}
body[id^="service"] #all .dl2 dt{
	padding: 0 0 0 20px;
	width: 17%;
	background: url(common/dot_l_1.png) no-repeat 0 6px;
	font-size: 105%;
	font-weight: bold;
}
body[id^="service"] #all .dl2 dl:first-child dt{
	background: none;
	text-align: center;
	font-size: 100%;
	font-weight: normal;
}
body[id^="service"] #all .dl2 dl:first-child dd{ text-align: center;}
body[id^="service"] #option h3{
	line-height: 1.8;
	font-size: 105%;
}
body[id^="service"] #option td:nth-child(1){ width: 20%;}
body[id^="service"] #option td:nth-child(2){ width: 15%; text-align: right;}
body[id^="service"] #option td:nth-child(3){ width: 65%;}

body[id^="service"] #option div table td:nth-child(1),
body[id^="service"] #option div table td:nth-child(2){ width: auto;}
body[id^="service"] #option .f_l table td:nth-child(1){ white-space: nowrap;}
body[id^="service"] #option .f_l table td:nth-child(2),
body[id^="service"] #option .f_r table td:nth-child(2){ text-align: left;}
body[id^="service"] #option .w50p table td:nth-child(2){ text-align: center;}


/* guide ||||||||||||||||||||||||*/

body[id^="guide"] #fee td:nth-child(1){ width: 25%;}
body[id^="guide"] #fee td:nth-child(2),
body[id^="guide"] #fee #fee1 td:nth-child(n+3){ text-align: right;}

/* flow ||||||||||||||||||||||||*/

.flow_nyukyo dl{ background: url(common/flow_down.png) no-repeat 15% 100%;}
.flow_nyukyo dl dt{
	margin: 0;
	padding: 0 2%;
	float: left;
	width: 30%;
	border-radius: 5px;
	background: #ffe6ca;
	font-weight: bold;
}
.flow_nyukyo dl dt span{
	color:#f29600;
	vertical-align: middle;
	font-size: 200%;
}
.flow_nyukyo dl dd{
	margin: 0;
	padding: 0.5em 1%;
	float: right;
	width: 62%;
	border-top: dotted 1px #ccc;
}
.flow_nyukyo dl:last-child{ background: none;}
.flow_nyukyo dl:last-child dd{ border-bottom: dotted 1px #ccc;}

.flow_nyukyo ul{ margin: 0 0 0 5px;}
.flow_nyukyo ol{ margin: 0 0 0 5px;}
.flow_nyukyo ul.dot{ margin: 0;}

/* faq ||||||||||||||||||||||||*/

body[id^="faq"] p.q, body[id^="faq"] p.a{
    text-indent: -2.2em;
}
body[id^="faq"] p.q{ margin: 0 0 0 2.2em;}
body[id^="faq"] p.a{
    padding: 0 0 0.5em 2.2em;
	border-bottom: dashed 1px #ccc;
}
body[id^="faq"] p.q span, body[id^="faq"] p.a span{
	margin: 0 0.5em 0 0;
	font-size: 150%;
	font-weight: bold;
}
body[id^="faq"] p.q span{ color: #009844;}
body[id^="faq"] p.a span{ color: #f29600;}

/* rooms ||||||||||||||||||||||||*/

body[id^="rooms"] h3{ margin: 0;}
body[id^="rooms"] article{
	padding: 0 0 30px;
	width: 46%;
	float: left;
}
body[id^="rooms"] p{ margin: 0 0 0.5em;}
body[id^="rooms"] article:last-child{ float: right;}
body[id^="rooms"] th, body[id^="rooms"] td{ text-align: center;}
body[id^="rooms"] article table{
	width: 47.5%;
	float: left;
}
body[id^="rooms"] article table:nth-child(even){ float: right;}
body[id^="rooms"] article table caption{
	padding: 0 0 0 15px;
	background: url(common/dot_m_1.png) no-repeat 2px 50%;
}

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

#f_content{
	 margin: 0 0 20px;
	 float: right;
	 width: 270px;
}
#copy{
	padding: 1em 0;
	clear: both;
	background: url(common/black_10.png);
	line-height: 1.1;
	text-align: center;
	font-size: 105%;
}
#copy br{ display: none;}

.grecaptcha-badge{
	box-shadow: none !important;
	border: solid 1px #ddd;
	box-sizing: border-box;
	display: none;
}
.grecaptcha-badge iframe{ border: none;}
.page-id-38 .grecaptcha-badge{ display: block;}


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

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

.inner:before,
.inner:after,
#wrap section:before,
#wrap section:after,
article:before,
article:after,
.clrfx:before,
.clrfx:after,
.Dlist dl:before,
.Dlist dl:after{
    content: " ";
    display: table;
}

.inner:after,
#wrap section:after,
article:after,
.clrfx:after,
.Dlist dl:after{ clear: both;}

.inner,
#wrap section,
article,
.clrfx,
.Dlist dl{ *zoom: 1;}