@charset "UTF-8";

/* min-width
-------------------------------------------------------------------------------- */

body {
	min-width: 1020px;
 font-size: 100%;
	letter-spacing: 2px;
}

#header, #wrapper, #footer {
	width: 100%;
	min-width: 1020px;
	overflow: hidden;
	line-height: 1.5;
	background: #fff;
}

#header .header-inner, #wrapper .wrapper-inner, #footer .footer-inner, #footer-caption {
	width: 980px;
	margin: 0 auto;
	padding: 0 20px;
	overflow: hidden;
	text-align: left;
}

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

#header {
	background: #fff url(../images/common/bg_header.jpg) repeat-x left top;
}

#header #header-title {
	margin-top: 10px;
}

.site-description {
 width: 500px;
}

#header .header-inner {
	height: 147px;
	_margin: 1px 0 0 0;
	position: relative;
}

#header .helper {
	width: 605px;
	height: 70px;
	position: absolute;
	right: 20px;
	top: 10px;
}

#header .helper #btn-medical {
	margin: 0 0 0 10px;
	float: right;
}

#header .helper .sns {
	height: 18px;
	border: solid 1px #dfd0b7;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #f4f0e0 url(../images/common/tit_share.gif) no-repeat -1px center;
	float: right;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position: relative;
	z-index: 1;
}

#header .helper .sns {
	padding: 5px 5px 8px 68px;
	overflow: hidden;
	font-size: 0px;
}

#header .helper .sns li {
	width: 16px;
	height: 16px;
	padding: 3px 3px 0 3px;
	float: left;
}

#header .helper .sns li img {
	vertical-align: bottom;
}

#header .helper #btn-home {
	width: 86px;
	padding: 8px 0 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
}

#header .helper #btn-home img {
	vertical-align: bottom;
}

#header #site-search {
	width: 220px;
	margin: 8px 0 0 0;
	position: absolute;
	right: 0;
	bottom: 1px;
	zoom: 1;
}


#header .gsc-input-box {
	height: 23px;
	border: solid 1px #d3d3d3;
	border-right: none;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position: relative;
}

#header form.gsc-search-box, #header table.gsc-search-box {
	margin: 0;
}

#header .gsc-search-button-v2 {
	background-image: url(../images/common/bnr_search.gif)!important;
	background-position: right top;
	background-repeat: no-repeat;
	text-indent: -9999px;
 /text-indent: 0;
	border: none;
	zoom: 1;
}

#header .cse .gsc-search-button .gsc-search-button-v2, #header .gsc-search-button-v2 {
	margin: 0;
	padding-left: 10px;
	padding-right: 45px;
}

#header .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding: 0;
}

#header .gsc-search-button, .gsc-search-button:hover, .gsc-search-button:focus, .cse .gsc-search-button, .gsc-search-button {
	filter: none;
}

#header td.gsc-search-button {
	background: #92c64a url(../images/common/bg_searchbtn.jpg) repeat-x left bottom;
	border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0 4px 4px 0;
	-moz-border-radius: 0 4px 4px 0;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position: relative;
}

#header .gsib_a {
	padding-top: 4px;
}

#header .gsc-input {
	font-size: 13px;
}

#header #font-navi {
	width: 160px;
	_width: 165px;
	padding: 8px 0 0 0;
	position: absolute;
	left: 215px;
	bottom: 0;
}

#header #font-navi dt {
	width: 80px;
	height: 26px;
	display: block;
	float: left;
	background: url(../images/common/tit_size.gif) no-repeat left center;
}

#header #font-navi dt span {
	display: none;
}

#header #font-navi dd {
	padding: 0 2px;
	display: inline;
	font-size: 0px;
}

#header #font-navi dd img {
	vertical-align: bottom;
}

/* global navi
-------------------------------------------------------------------------------- */

#gnavi {
	clear: both;
	overflow: hidden;
	position: absolute;
	bottom: 0;
}

#gnavi li {
	float: left;
}

#gnavi li a {
	display: block;
	text-align: center;
}

#gnavi .gnavi01 {
	margin: 0 0 0 -20px;
}

#gnavi .gnavi02,
#gnavi .gnavi03 {
	margin: 0 0 0 -8px;
}

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


#wrapper {
	height: auto;
	background: #fff url(../images/common/bg_wrapper.jpg) repeat-x left top;
	border-bottom: solid 1px #ddd;
	position: relative;
	font-size: 110%;
	clear: both;
	zoom: 1;
}

#wrapper .pagetop {
	padding: 10px 0 5px 0;
	text-align: right;
	clear: both;
}

/* contents
-------------------------------------------------------------------------------- */


#content {
	width: 690px;
	margin: 10px 0 0 0;
	overflow: hidden;
	vertical-align: top;
	text-align: left;
	float: left;
}

#content .cse .gsc-control-cse, #content .gsc-control-cse {
	padding: 0;
}

#content .gsc-control-cse {
	letter-spacing: 0!important;
}


/* aside
-------------------------------------------------------------------------------- */


#aside {
	width: 270px;
	margin: 10px 0 0 0;
	float: right;
}

#aside .lnavi {
	_width: 270px;
	margin: 0 0 15px 0;
	border: solid 1px #e4e4e4;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	overflow: hidden;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position: relative;
	zoom: 1;
}

#aside .lnavi li {
	text-align: left;
	border-bottom: dotted 1px #b2b2b2;
	zoom: 1;
}

#aside .lnavi li.last {
	border: none;
}

#aside .lnavi a {
	padding: 12px 0 12px 30px;
	display: block;
	color: #222;
	text-decoration: none;
	background: url(../images/common/icon_link3_04.gif) no-repeat 12px 14px;
	zoom: 1;
}

#aside .lnavi li a span.sub {
	font-size: 90%;
}

#aside .lnavi .title {
	text-align: center;
}

#aside .lnavi ul ul {
	padding: 0!important;
}

#aside .lnavi ul ul li a {
	padding: 7px 0 7px 30px;
}

#aside .lnavi a {
	text-decoration: none;
}

#aside .lnavi a:hover,
.cause #aside .lnavi li a.active,
.lack #aside .lnavi li a.active,
.hygiene #aside .lnavi li a.active,
.shift #aside .lnavi li a.active,
.age #aside .lnavi li a.active,
.type #aside .lnavi li a.active,
.data #aside .lnavi li a.active,
.sleep-under #aside .lnavi li a.active {
	color: #fff;
	background: #61872e url(../images/common/icon_link3_05.gif) no-repeat 12px 15px!important;
}

#aside .banner {
	margin: 15px 0 0 0;
}

#aside .banner li {
	margin: 0 0 8px 0;
}

#aside .banner li img {
	vertical-align: bottom;
}

#aside .verisign span {
	width: 140px;
	font-size: 90%;
	letter-spacing: 0;
	display: table-cell;
	vertical-align: middle;
    /display: inline;
	zoom: 1;
}

#aside .verisign .seal {
	display: table-cell;
	vertical-align: middle;
 /display: inline;
	zoom: 1;
}

/* clinic search */


.clinic-search {
	padding: 1px;
	border: solid 3px #81b53a;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position: relative;
}

.clinic-search .search-select {
	padding: 0 10px 10px 8px;
	background: url(../images/common/bg_clinicsearch.jpg) repeat-x left bottom;
	border-radius: 0 0 2px 2px;
	-webkit-border-radius: 0 0 2px 2px;
	-moz-border-radius: 0 0 2px 2px;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position: relative;
}

.clinic-search .search-select * {
	zoom: 1;
}

.clinic-search .search-select select {
	width: 191px;
	height: 25px;
	padding: 3px;
	border: solid 1px #b5b5b5;
	border-right: none;
	position: absolute;
	font-size: 110%;
 /font-size: 17px;
	border-radius: 3px 0 0 3px;
	-webkit-border-radius: 3px 0 0 3px;
	-moz-border-radius: 3px 0 0 3px;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.clinic-search .search-select form {
	width: 240px;
	height: 25px;
	margin: 0 0 5px 0;
	border: solid 3px #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	behavior: url(/shared/css/PIE/PIE.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	position: relative;
}

.clinic-search .search-select form button {
	width: 49px;
	height: 25px;
	padding: 0!important;
	border: none!important;
	background: none;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	background: url(../images/common/bnr_search.gif) no-repeat right top;
}

.clinic-search .search-select form button img {
	visibility: hidden;
}

.clinic-search .search-select .link-mark {
	background: url(../images/common/icon_link_medical.gif) no-repeat left center;
}

.clinic-search-close {
	border:2px solid #81b53a;
	padding:30px;
	background-color:#f8f8f8;
	border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}

.clinic-search-close .title {
	margin: 0 0 15px 0;
	padding: 10px 0 10px 30px;
	text-align:center;
	background-color:#f8f8f8;
	border-bottom: solid 2px #d3d3d3;
	font-weight: bold;
	font-size: 120%;
}



/* local navigation change
-------------------------------------------------------------------------------- */

#aside .lnavi ul li ul {
	display: none;
}

.syndrome #aside #lnavi-syndrome,
.medicine #aside #lnavi-medicine,

#dr #aside #lnavi-dr,
#nemuri #aside #lnavi-nemuri,
#essay #aside #lnavi-essay,
#talk #aside #lnavi-talk,
#yamane #aside #lnavi-yamane,
#usagi #aside #lnavi-fumin {
	border: none;
}

.syndrome #aside #lnavi-syndrome ul,
.medicine #aside #lnavi-medicine ul,

#dr #aside #lnavi-dr ul,
#nemuri #aside #lnavi-nemuri ul,
#essay #aside #lnavi-essay ul,
#talk #aside #lnavi-talk ul,
#yamane #aside #lnavi-yamane ul,
#usagi #aside #lnavi-fumin ul {
	display: block;
}

.syndrome #aside #lnavi-syndrome a,
.medicine #aside #lnavi-medicine a,

#dr #aside #lnavi-dr a,
#nemuri #aside #lnavi-nemuri a,
#essay #aside #lnavi-essay a,
#talk #aside #lnavi-talk a,
#yamane #aside #lnavi-yamane a,
#usagi #aside #lnavi-fumin a {
	color: #fff;
	background: #61872e url(../images/common/icon_link3_05.gif) no-repeat 12px 15px;
}

#aside .lnavi ul li ul li a {
	color: #4D4D4D!important;
	background: #fff url(../images/common/icon_link2_04.gif) no-repeat 12px 10px!important;
}

#aside .lnavi ul li ul li a:hover,
#aside .lnavi ul li ul li a.active {
	color: #4D4D4D!important;
	background: #d8f6b0 url(../images/common/icon_link2_04.gif) no-repeat 12px 10px!important;
}

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


#footer {
	margin: 0 0 10px 0;
	padding: 20px 0;
	background: #f2f4f1 url(../images/common/bg_footer.jpg) repeat-x left top;
	clear: both;
	border-bottom: solid 3px #d7d7d7;
}

#footer a {
	color: #4d4d4d;
	text-decoration: none;
}

#footer a:hover {
	color: #ff7e1f;
	text-decoration: underline;
}

#footer #footer-navi {
	margin: 0 0 0 0;
	zoom: 1;
 font-size: 105%;
}

#footer #footer-navi ul {
	margin: 0 25px 0 -15px;
	_margin: 0 30px 0 -14px;
	overflow: hidden;
}

#footer #footer-navi ul li {
	margin: 3px 0;
}

#footer #footer-navi ul li.lv1 {
	padding: 0 0 10px 15px;
}

#footer #footer-navi ul li.lv1 a {
	padding: 0 0 0 13px;
	background: url(../images/common/icon_link1_04.gif) no-repeat left 0.3em;
	display: inline-block;
}

#footer #footer-navi ul li.lv1 ul li ul li a {
	background: url(../images/common/icon_link2_04.gif) no-repeat left 0.3em;
}

#footer #footer-navi ul li.lv1 ul li a {
	background: url(../images/common/icon_link2_04.gif) no-repeat left 0.3em;
}

#footer #footer-navi ul.lv2 {
	margin: 0 0 0 10px;
	letter-spacing: 0;
}

#footer #footer-navi ul.lv2 li.lv2-li {
	float: left;
}

#footer #footer-navi ul.lv2 li.lv2-li ul.lv3 li.lv3-li{
	float: left;
}

#footer #footer-navi ul.lv3 {
	margin: 0 20px 0 10px;
}

#footer #footer-navi ul.lv3.right{
	margin: 23px 0 0 0;
	width: 264px;
}

#footer #footer-navi ul.lv3 li {
	display: flex;
	flex-wrap: wrap;
}

#footer #footer-navi ul.lv3 li > a {
	flex-basis: 100%;
}

#footer #footer-navi ul.lv3 li ul.lv4.middle {
	flex-basis: 240px;
	margin-left: 20px;
	margin-right: 10px;
}

#footer #footer-navi ul.lv4 {
	margin: 0 20px 0 10px;
}

.footer-top .lv2{
	display: flex;
}

/*
#footer #footer-navi ul li.navi-syndrome a {
	background-image: url(../images/common/icon_link1_01.gif);
}

#footer #footer-navi ul li.navi-syndrome ul li a {
	background-image: url(../images/common/icon_link2_01.gif);
}

#footer #footer-navi ul li.navi-medicine a {
	background-image: url(../images/common/icon_link1_02.gif);
}

#footer #footer-navi ul li.navi-medicine ul li a {
	background-image: url(../images/common/icon_link2_02.gif);
}

#footer #footer-navi ul li.navi-topics a {
	background-image: url(../images/common/icon_link1_03.gif);
}

#footer #footer-navi ul li.navi-topics ul li a {
	background-image: url(../images/common/icon_link2_03.gif);
}

#footer #footer-navi ul li.navi-other a {
	background-image: url(../images/common/icon_link1_04.gif);
}

#footer #footer-navi ul li.navi-other ul li a {
	background-image: url(../images/common/icon_link2_04.gif);
}

#footer #footer-navi ul li.navi-topics a {
	background-image: url(../images/common/icon_link1_04.gif);
}

#footer #footer-navi ul li.navi-topics ul li a {
	background-image: url(../images/common/icon_link2_04.gif);
}
*/
#footer #footer-navi ul li.navi-other {
	margin: 0 20px 0 0;
	float: left;
}

#footer .helper {
	margin: 0 0 15px 0;
	padding: 6px 0;
	clear: both;
	border-top: dotted 1px #a4a6a4;
	border-bottom: dotted 1px #a4a6a4;
	overflow: hidden;
	zoom: 1;
}

#footer .helper p#medical-link {
	float: left;
}

#footer .helper p#medical-link a {
	padding: 0 0 0 13px;
	background: url(../images/common/icon_link2_05.gif) no-repeat left center;
}

#footer .helper ul {
	margin: 0 -1px 0 0;
	text-align: right;
	overflow: hidden;
	float: right;
}

#footer .helper ul li {
	padding: 0 5px 0 7px;
	float: left;
	border-right: solid 1px #a4a6a4;
	overflow: hidden;
}

#footer #adobe {
	font-size: 88%;
	overflow: hidden;
}

#footer #adobe p {
	letter-spacing: 0;
	display: table-cell;
	vertical-align: middle;
 /display: inline;
	zoom: 1;
}

#footer #adobe p img {
	margin: 0 10px 0 0;
}

 #adobe .flash {
	width: 480px;
	float: right;
}

#footer #adobe .pdf {
	width: 480px;
	float: left;
}

#footer-caption {
	margin-bottom: 30px;
	overflow: hidden;
}

#footer-caption address {
	padding: 5px 0 0 0;
	font-size: 11px;
	font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	letter-spacing: -1px;
	float: left;
}

#footer-medicine {
	float: right;
}

#footer-medicine li {
	margin: 0 0 0 10px;
	float: right;
}

#footer a.noLink:hover {
	color: #4d4d4d;
	text-decoration: none;
	cursor: unset;
}

.footer-top{
	width: 95%;
}

/* site search */
.pagesearch #wrapper {
	padding-top: 20px;
	background: #fff;
}

/* mode */
#mode {
	font-size: 40px;
	padding: 40px;
	background-color: #f2f4f1;
}