@charset "utf-8";


/* ----------------------------------------------------------------------
	selection
---------------------------------------------------------------------- */

::selection { background: #a0ca3b; color: #fff; }
::-moz-selection { background: #a0ca3b; color: #fff; }


/* ----------------------------------------------------------------------
	font-face
---------------------------------------------------------------------- */

.en { font-family: 'EB Garamond', serif; }


/* ----------------------------------------------------------------------
	html,body
---------------------------------------------------------------------- */

html { font-size: 62.5%; }

body {
	background: url(../img/body_bg.gif) 0 0 repeat-x;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック体", "Yu Gothic", YuGothic, "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;*/
	font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", serif;
	color: #282828;
	font-size: 14px;
	font-size: 1.4rem;
	letter-spacing: 0.02em;
	line-height: 1.6;
	-webkit-text-size-adjust: none;
}

body.under { background: url(../img/body_bg_u.gif) 0 0 repeat-x; }


/* ----------------------------------------------------------------------
	anchor
---------------------------------------------------------------------- */

a { -webkit-tap-highlight-color: rgba(0,0,0,0.3); }
a:link { color: #282828; text-decoration: underline; }
a:visited { color: #282828; text-decoration: underline; }
a:hover { color: #a0ca3b; text-decoration: none; }
a:active { color: #a0ca3b; text-decoration: none; }
a:focus { outline: none; }
a:hover img { opacity: 0.8; }


/* ----------------------------------------------------------------------
	wrapper
---------------------------------------------------------------------- */

#wrapper { background: url(../img/wrapper_bg.gif) center 133px no-repeat; }
.under #wrapper { background: none; }


/* ----------------------------------------------------------------------
	header
---------------------------------------------------------------------- */

#header {
	position: relative;
	width: 960px;
	height: 196px;
	margin: 0 auto 14px;
}
.under #header { margin-bottom: 24px; }

#header h1 {
	position: absolute;
	top: 22px;
	left: 0;
	color: #999;
	font-size: 10px;
	font-size: 1rem;
	font-weight: normal;
}

#header p#logo {
	position: absolute;
	top: 52px;
	left: 0;
}

#header dl.h-tel {
	position: absolute;
	top: 52px;
	right: 0;
}

#header dl.h-tel dt,
#header dl.h-tel dd { float: left; }

#header dl.h-tel dt {
	color: #a0ca3b;
	font-size: 16px;
	font-size: 1.6rem;
	margin: 12px 0 0;
}

#header dl.h-tel dd.num {
	letter-spacing: 0.08em;
	margin: 3px 0 0 15px;
}
#header dl.h-tel dd.num { margin-top: 5px\9; }

#header dl.h-tel dd.num a {
	color: #a0ca3b;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
}

#header dl.h-tel dd.num a span {
	font-size: 24px;
	font-size: 2.4rem;
}

#header dl.h-tel dd.btn-reserve { margin-left: 18px; }

#header dl.h-tel dd.btn-reserve a {
	background: #fc0;
	color: #fff;
	line-height: 1;
	text-decoration: none;
	padding: 14px 15px 12px;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior:url("/PIE.htc");
	position:relative;
}

#header dl.h-tel dd.btn-reserve a { padding: 16px 15px 10px\9; }

#header dl.h-tel dd.btn-reserve a span {
	background: url(../img/icon_a_yellow.gif) 0 0 no-repeat;
	padding-left: 18px;
}
#header dl.h-tel dd.btn-reserve a span { background-position: 0 2px\9; }

#header dl.h-tel dd.btn-reserve a:hover { opacity: 0.8; }

#header ul.h-nav {
	position: absolute;
	top: 108px;
	right: 0;
}

#header ul.h-nav li {
	margin-left: 20px;
	float: left;
}

#header ul.h-nav li a {
	background: url(../img/icon_a_01.gif) 0 1px no-repeat;
	text-decoration: none;
	line-height: 1;
	padding-left: 18px;
}


/* ----------------------------------------------------------------------
	globalnav
---------------------------------------------------------------------- */

#g-nav {
	position: absolute;
	top: 150px;
	left: 0;
	width: 960px;
	margin: 0 auto;
}

#g-nav ul { background: url(../img/g_nav_bg.gif) right 0 no-repeat; }

#g-nav ul li {
	background: url(../img/g_nav_bg.gif) 0 0 no-repeat;
	width: 240px;
	float: left;
}

#g-nav ul li a {
	font-size: 16px;
	font-size: 1.6rem;
	text-align: center;
	text-decoration: none;
	line-height: 1;
	padding: 16px 0 0;
	height: 30px;
	display: block;
}
#g-nav ul li a { padding-top: 18px\9; }

#g-nav ul li a:hover { text-decoration: underline; }

#g-nav ul li a span { display: block; }

#g-nav ul li.g-private a {
	color: #f77fa4;
	line-height: 1.2;
	padding: 0;
	padding: 4px 0 0;
	height: 42px;
}
#g-nav ul li.g-private a { padding-top: 6px\9; }

#g-nav ul li.g-child a { color: #e0c13f; }
#g-nav ul li.g-body a { color: #3bb5e0; }
#g-nav ul li.g-anticancer a { color: #ce91cb; }


/* ----------------------------------------------------------------------
	container
---------------------------------------------------------------------- */

.under #container {
	width: 960px;
	margin: 0 auto;
}


/* ----------------------------------------------------------------------
	content
---------------------------------------------------------------------- */

.under #content { background: url(../img/content_bg.gif) center 0 no-repeat; }

#private #content,
#contact #content,
#news #content,
#privacy #content,
#not-found #content { padding-top: 40px; }

#private #content { background: url(../../images/private/content_bg.gif) center 0 no-repeat; }
#child #content { background: url(../../images/child/content_bg.jpg) right 0 no-repeat; }
#body #content { background: url(../../images/body/content_bg.jpg) right 0 no-repeat; }
#anticancer #content { background: url(../../images/anticancer/content_bg.jpg) right 0 no-repeat; }
#privacy #content,
#not-found #content { background: none; }
#news #content {
	background: none;
	width: 700px;
	float: right;
}

/* service-box */
.under .service-box-wrap {
	background: url(../img/line_01.gif) 0 0 repeat-x;
	padding: 30px 0 0;
}

.service-box {
	text-align: center;
	width: 960px;
	margin: 0 auto 20px;
}
#about .service-box {
	padding: 0 0 20px;
	margin: 0 0 40px;
	border-bottom: 1px dotted #ddd;
}


.service-box p.txt {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 0 0 22px;
}

.service-box .inner {
	width: 980px;
	margin: 0 0 20px -20px;
}

.service-box .inner a {
	background: url(../img/service_bg.gif) center bottom no-repeat #fff;
	font-size: 16px;
	font-size: 1.6rem;
	text-decoration: none;
	padding: 10px;
	margin-left: 20px;
	width: 205px;
	min-height: 190px;
	float: left;
	display: block;
	box-shadow: 0 0 6px 0 #efefef;
	-webkit-box-shadow: 0 0 6px 0 #efefef;
	-moz-box-shadow: 0 0 6px 0 #efefef;
	border-radius:  0 0 3px 3px;
	-webkit-border-radius: 0 0 3px 3px;
	-moz-border-radius:  0 0 3px 3px;
	behavior:url("/PIE.htc");
	position:relative;
}

.service-box .inner a.s-private {
	color: #f77fa3;
	line-height: 1.2;
	padding: 10px 10px 6px;
	min-height: 194px;
	border-top: 3px solid #f77fa3;
}
.service-box .inner a.s-child {
	color: #dfc13f;
	border-top: 3px solid #dfc13f;
}
.service-box .inner a.s-body {
	color: #3bb4df;
	border-top: 3px solid #3bb4df;
}
.service-box .inner a.s-anticancer {
	color: #ce91cc;
	border-top: 3px solid #ce91cc;
}

.service-box .inner a dl dt { margin: 0 0 18px; }
.service-box .inner a.s-private dl dt { margin: 0 0 12px; }

.service-box .inner a.s-private dl dd span { display: block; }

.service-box p.btn-menu {
	width: 240px;
	margin: 0 auto;
}

.service-box p.btn-menu a {
	text-decoration: none;
	padding: 10px;
	border: 1px solid #eee;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior:url("/PIE.htc");
	position:relative;
}

.service-box p.btn-menu a { padding: 14px 10px 10px\9; }

.service-box p.btn-menu a span {
	background: url(../img/icon_a_01.gif) 0 2px no-repeat;
	padding: 0 0 2px 18px;
}

.service-box p.btn-menu a:hover { background: #f8f8f8; }


/* ----------------------------------------------------------------------
	sidebar
---------------------------------------------------------------------- */

#news #sidebar {
	padding-top: 40px;
	width: 230px;
	float: left;
}

#news #sidebar h3 {
	background: url(../img/sttl_h3_bg.gif) 0 0 repeat-x;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	text-align: left;
	padding: 14px 10px 8px 36px;
}

#news #sidebar h3 span {
	color: #999;
	font-size: 13px;
	font-size: 1.3rem;
	margin-left: 8px;
	display: inline;
}

#news #sidebar ul { background: url(../img/line_01.gif) 0 0 repeat-x; }

#news #sidebar ul li {
	background: url(../img/line_01.gif) 0 bottom repeat-x;
	padding: 0;
	margin: 0;
}

#news #sidebar ul li a {
	background: url(../img/icon_a_01.gif) 10px 16px no-repeat;
	text-decoration: none;
	padding: 12px 10px 10px 28px;
	display: block;
}


/* ----------------------------------------------------------------------
	footer
---------------------------------------------------------------------- */

#footer {
	background: url(../img/line_01.gif) 0 0 repeat-x;
	padding: 1px 0 0;
	min-width: 960px;
}


/* f-contact-box*/
#footer .f-contact-box {
	background: url(../img/line_01.gif) 0 bottom repeat-x;
	padding: 0 0 1px;
}

#footer .f-contact-box .box-inner {
	background: url(../img/f_contact_box_bg.gif) center 0 no-repeat;
	width: 800px;
	margin: 0 auto;
	padding: 30px 80px 24px;
}

#footer .f-contact-box h3 {
	color: #a0ca3b;
	font-size: 20px;
	font-size: 2rem;
	font-weight: normal;
	text-align: center;
	margin: 0 0 15px;
}

#footer .f-contact-box h3 span {
	color: #999;
	font-size: 14px;
	font-size: 1.4rem;
	margin-left: 8px;
}

#footer .f-contact-box .txt-box {
	text-align: center;
	padding:4px 0 0;
	width: 410px;
	float: left;
}

#footer .f-contact-box p.txt01 {
	font-size: 15px;
	font-size: 1.5rem;
}

#footer .f-contact-box p.txt02 {
	font-size: 16px;
	font-size: 1.6rem;
}
#footer .f-contact-box p.txt02 a {
	text-decoration: none;
	margin-left: 10px;
}
#footer .f-contact-box p.txt02 a:hover { color: #282828; }
#footer .f-contact-box p.txt02 a span {
	font-size: 24px;
	font-size: 2.4rem;
	letter-spacing: 0.08em;
}

#footer .f-contact-box p.txt03 { line-height: 1.4; }
#footer .f-contact-box p.txt03 span { margin-right: 10px; }

#footer .f-contact-box ul.btn {
	width: 360px;
	float: right;
}

#footer .f-contact-box ul.btn a {
	background: #fc0;
	color: #fff;
	text-decoration: none;
	line-height: 1;
	padding: 10px 15px 9px;
	display: block;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior:url("/PIE.htc");
	position:relative;
}
#footer .f-contact-box ul.btn a { padding: 12px 15px 7px\9; }

#footer .f-contact-box ul.btn a:hover { opacity: 0.8; }

#footer .f-contact-box ul.btn a .icon {
	background: url(../img/icon_a_yellow.gif) right 2px no-repeat;
	padding-right: 18px;
	display: block;
}

#footer .f-contact-box ul.btn li.btn-reserve { margin: 0 0 10px; }
#footer .f-contact-box ul.btn li.btn-contact a { background: #a0ca3b; }
#footer .f-contact-box ul.btn li.btn-contact a .icon { background-image:url(../img/icon_a_green.gif); }


/* f-like-box*/
#footer .f-like-box {
	background: url(../img/line_01.gif) 0 bottom repeat-x;
	padding: 30px 0;
}

#footer .f-like-box .f-like-box-inner {
	margin: 0 auto;
	width: 500px;
}

#footer .f-inner {
	background: url(../img/line_01.gif) 0 bottom repeat-x;
	padding: 0 0 1px;
}
#footer .f-inner-block {
	width: 960px;
	margin: 0 auto;
}

#footer aside.sns {
	width: 820px;
	float: left;
}

#footer aside.sns {
	width: 300px;
	padding: 7px 0 0;
	margin: 0 auto;
}

#footer aside.sns .facebook,
#footer aside.sns .twitter,
#footer aside.sns .googleplus {
	display: block;
	float: left;
	width: 120px;
}
#footer aside.sns .twitter {
	padding: 2px 0 0;
	width: 110px;
}
#footer aside.sns .googleplus {
	padding: 2px 0 0;
	width: 60px;
}

#footer .f-inner p.f-pagetop {
	width: 109px;
	float: right;
}

#footer .f-inner p.f-pagetop a {
	background: url(../img/f-pagetop_bg.gif) 0 0 repeat-y;
	text-align: center;
	text-decoration: none;
	padding: 8px 10px;
	display: block;
}

#footer .f-inner p.f-pagetop a span {
	background: url(../img/f_pagetop_icon.gif) 0 3px no-repeat;
	padding-left: 18px;
}

#footer .f-btm {
	background: url(../img/bg_01.gif);
	padding: 20px 0 10px;
	text-align: center;
}

#footer .f-btm ul.f-nav { margin: 0 0 0.6em; }

#footer .f-btm ul.f-nav li {
	display: inline;
	margin: 0 10px;
}

#footer .f-btm ul.f-nav li a {
	background: url(../img/icon_a_01.gif) 0 0 no-repeat;
	font-size: 13px;
	font-size: 1.3rem;
	text-decoration: none;
	line-height: 1;
	padding: 0 0 1px 18px;
}

#footer .f-btm p#copyright {
	font-size: 12px;
	font-size: 1.2rem;
}