@charset "UTF-8";
/*=================================================
 * common
 *-------------------------------------------------
 * Version : 1.0.0
 * Make    : 2011/11/02
 * Update  : 2017/12/04
 *===============================================*/
@import url("./html4.css");

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

body {
	text-align: center;
	line-height: 1.5;
	color: #333;
	height: 100%;
	font-size: 12px;
	background: #FFF;
}

a { color: #333; text-decoration: none; }
a:hover { text-decoration: underline; }
sup { vertical-align: super; font-size: 65%; }
sub { vertical-align: sub; font-size: 65%; }

span.kanden {
	background: url(../images/global/icon_2.gif) no-repeat left center;
	padding-left: 17px;
}

span.indent1 {
	text-indent: 200px;
	display: inline-block;
}

span.caution {
	color: #F30;
}

tr.bold td {
	font-weight: bold;
}

tr.indent td {
	text-indent: 60px;
}

p.link {
	text-align: right;
}

p.link a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 13px;
	margin-right: 5px;
}

table.figure,
div#contents.medical div#main table.figure {
	width: 100%;
	margin-bottom: 10px;
}

table.figure td,
div#contents.medical div#main table.figure td {
	text-align: center;
	background-color: transparent;
	border: none;
	vertical-align: middle;
	padding: 0;
}

table.figure td img,
div#contents.medical div#main table.figure td img {
	margin-bottom: 3px;
}


.table1 {
	border-collapse: collapse;
}
.table1, table1 td, .table1 th {
	border-collapse: collapse;
	border-spacing: 0;
}
.table1 th {
	text-align: center;
}
.table1 td, .table1 th {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid black;
	padding: 0.3em;
}
.table-none td {
	border: none;
}


.w50 { width: 50px; !important}
.w100 { width: 100px; !important}
.w150 { width: 150px; !important}
.w200 { width: 200px; !important}
.w250 { width: 250px; !important}
.w259 { width: 259px; !important}
.w300 { width: 300px; !important}
.w350 { width: 350px; !important}
.w400 { width: 400px; !important}
.mb20 { margin-bottom: 20px; !important}
.mb30 { margin-bottom: 30px; !important}
.mb40 { margin-bottom: 40px; !important}
.pb20 { padding-bottom: 20px; !important}
.pb30 { padding-bottom: 30px; !important}
.pb40 { padding-bottom: 40px; !important}
.center { text-align: center; text-indent: 0; }
.right { text-align: right; }
.figureL { float: left; text-align: center; }
.figureR { float: right; text-align: center; }
.clear { clear: both; }
.point { color:#F30; }
.nowrap{ white-space:nowrap;}

/* #header */
div#header {
	background: url(../images/global/header_bg_1.jpg) repeat-x left top;
	padding-top: 19px;
	font-size: 10px;
}

/** #header div.innerBox **/
div#header div.innerBox {
	width: 960px;
	margin: 0 auto;
	overflow: auto;
	text-align: left;
}

div#header div.innerBox h1 {
	width: 183px;
	height: 78px;
	margin-right: 33px;
	float: left;
}

div#header div.innerBox div.aside {
	width: 524px;
	float: left;
}

div#header div.innerBox div.aside ul {
	width: 524px;
	overflow: auto;
}

div#header div.innerBox div.aside ul li {
	float: left;
	margin-right: 15px;
	white-space: nowrap;
	line-height: 1.2;
	overflow: hidden;
}

div#header div.innerBox div.aside ul li a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 11px;
}

div#header div.innerBox div.address {
	width: 290px;
	float: left;
	font-size: 10px;
	padding-top: 10px;
}

div#header div.innerBox div.address a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 11px;
	margin-left: 5px;
}

div#header div.innerBox div.address div.figure {
	margin-bottom: 5px;
}

div#header div.innerBox div.fontsize {
	width: 72px;
	float: left;
	padding-top: 5px;
}

div#header div.innerBox div.fontsize h4 {
	font-weight: normal;
}

div#header div.innerBox div.fontsize ul {
	width: 69px;
	overflow: auto;
}

div#header div.innerBox div.fontsize ul li {
	width: 23px;
	height: 25px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	text-indent: -99999px;
	outline: none;
}

body #headerinner {
	float: right;
	width: 620px;
}

body #headersns {
	float: left;
	height: 78px;
	width: 95px;
}
body #headersns a {
	margin: 28px 15px 0 0;
	display: block;
	float: left;
}
body #headersns a:hover {
	opacity: 0.7;
}

#fontsizeS { background: url(../images/global/fontsize_icon_1.gif) no-repeat left top; }
#fontsizeM { background: url(../images/global/fontsize_icon_2.gif) no-repeat left top; }
#fontsizeL { background: url(../images/global/fontsize_icon_3.gif) no-repeat left top; }
#fontsizeS.active { background: url(../images/global/fontsize_icon_1_on.gif) no-repeat left top; }
#fontsizeM.active { background: url(../images/global/fontsize_icon_2_on.gif) no-repeat left top; }
#fontsizeL.active { background: url(../images/global/fontsize_icon_3_on.gif) no-repeat left top; }

div#header div.innerBox div.search {
	width: 154px;
	height: 21px;
	padding: 20px 2px 2px 2px;
	float: left;
	background: url(../images/global/header_bg_3.gif) no-repeat left 20px;
}

div#header div.innerBox div.search input#query {
	border: 1px solid #33967B;
	width: 108px;
	height: 19px;
	padding: 0;
	margin: 0 1px 0 0;
	vertical-align: middle;
	outline: none;
}

div#header div.innerBox div.search input#searchBtn {
	vertical-align: middle;
}

/** #header div.nav **/
div#header div.nav {
	height: 36px;
	border-top: 5px solid #9C6;
	text-align: left;
	background: url(../images/global/header_bg_2.jpg) repeat-x left 1px;
}

div#header div.nav ul {
	width: 740px;
	overflow: auto;
	margin: 0 auto;
	padding-top: 10px;
}

div#header div.nav ul li {
	float: left;
}

div#header div.nav ul li a {
	overflow: hidden;
	display: inline-block;
	color: #FFF;
}

div#header div.nav ul li.p1 { width: 84px; }
div#header div.nav ul li.p2 { width: 122px; }
div#header div.nav ul li.p3 { width: 105px; }
div#header div.nav ul li.p4 { width: 104px; }
div#header div.nav ul li.p5 { width: 145px; }
div#header div.nav ul li.p6 { width: 88px; }
div#header div.nav ul li.p7 { width: 90px; }

div#header div.nav ul li.p8,
div#header div.nav ul li.p9,
div#header div.nav ul li.p10,
div#header div.nav ul li.p11 {
	width: auto;
	font-size: 14px;
	font-weight: bold;
	margin-right: 10px;
}


/* #footer */
div#footer {
	padding: 30px 0 10px 0;
	clear: both;
}

div#footer div.anchor {
	width: 960px;
	height: 25px;
	margin: 0 auto;
	text-align: right;
}

div#footer div.nav {
	border-bottom: 5px solid #FF6759;
	background: url(../images/global/footer_bg_1.gif) repeat;
	padding: 20px 0;
}

div#footer div.nav div.innerBox {
    width: 960px;
    margin: 0 auto;
    text-align: left;
    line-height: 1.7;
    overflow: auto;
    display: flex;
    justify-content: space-between;
    font-size:96%;
}

div#footer div.nav div.innerBox h4 a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 11px;
	color: #339960;
	font-weight: bold;
}

div#footer div.nav div.innerBox ul {
	padding-left: 20px;
	margin-bottom: 5px;
	box-sizing:border-box;
}

div#footer div.nav div.innerBox ul li {
	list-style: disc;
	list-style-position: 5px;
}

div#footer div.nav div.innerBox ul li ul {
	padding-left: 10px;
}

div#footer div.nav div.innerBox ul li ul li {
	list-style: circle;
}
div#footer div.nav div.innerBox > div{
	box-sizing:border-box;
}

div#footer div.nav div.innerBox > div:not([class="p3"]){
	flex-basis:20%;
}
div#footer div.nav div.innerBox > div.p3 {
    flex-grow: 1;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-self: baseline;
}
div#footer div.nav div.innerBox div.p3 h4 {
	width: 100%;
	margin-bottom:0;
	padding-bottom:0;
}

div#footer div.nav div.innerBox div.p3 ul {
	width: 49%;
}

div#footer div.aside {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	padding: 8px 0 20px 0;
	overflow: auto;
	font-size: 10px;
}

div#footer div.aside p.logo {
	width: 343px;
	float: right;
	margin-bottom: 10px;
}

div#footer div.aside ul {
	width: 350px;
	padding-top: 12px;
	float: left;
}

div#footer div.aside ul li {
	display: inline;
	margin-right: 10px;
}

div#footer div.aside ul li a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 11px;
}

div#footer div.aside p.copyright {
	width: 960px;
	float: left;
}

/* #main */
div#contents div#main {
	width: 518px;
	float: left;
}

div#contents div#main a {
	color: #339960;
}

div#contents div#main h2 {
	margin-bottom: 20px;
}

div#contents div#main h3 {
	margin-bottom: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #339960;
	padding-left: 12px;
	background: url(../images/global/contents_ttl_1.gif) no-repeat left center;
	zoom: 1;
}

div#contents div#main h3.plane {
	padding-left: 0;
	background: none;
}

div#contents div#main h3 span {
	font-size: 12px;
	font-weight: normal;
}

div#contents div#main h4 {
	font-size: 120%;
	color: #339960;
	margin-bottom: 5px;
	font-weight: bold;
	padding-top: 15px;
}

div#contents div#main h4.plane {
	padding-top: 0;
}

font250. {
	font-size: 250%;
}

div#contents div#main h4 span {
	font-size: 12px;
	font-weight: normal;
}

div#contents div#main h5 {
	font-weight: bold;
}

div#contents div#main h6 {
	font-weight: bold;
	color: #339960;
}

div#contents div#main p {
	margin-bottom: 10px;
}

div#contents div#main p.bottom {
	margin-bottom: 30px;
}

div#contents div#main p.nav {
	width: 170px;
	text-align: center;
	line-height: 26px;
	background: url(../images/global/contents_bg_3.gif) no-repeat left center;
	margin: 0;
	font-size: 12px;
	padding: 0;
	display: inline-block;
	float: right;
}

div#contents div#main p.nav a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 13px;
	color: #333;
}

div#contents div#main p span {
	font-weight: bold;
}

div#contents div#main div.figure {
	text-align: center;
}

div#contents div#main div.figure p.figcaption {
	padding: 5px;
}

/* topics */
div#contents div#main div#topics h4 {
	width: 518px;
	height: 31px;
}

div#contents div#main div#topics ul {
	padding: 10px;
}

div#contents div#main div#topics ul li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dashed #999;
	list-style: none;
}


div#contents div#main div#column h4 {
	font-size: 180%;
	color: #339960;
	margin-bottom: 10px;
	font-weight: bold;
	padding-top: 15px;
}

div#contents div#main div#column p {
	font-size:130%;
	line-height:1.7em;
}




/* index */
div#contents div#main.index p {
	text-indent: 0;
}

div#contents div#main.index h3 span {
	font-size: 16px;
}

div#contents div#main.index h3 span a {
	margin-left: 20px;
	padding-left: 25px;
	background: url(../images/global/icon_5.gif) no-repeat left center;
}

div#contents div#main.index h4 {
	background: url(../images/global/icon_5.gif) no-repeat left center;
	padding: 0 0 0 25px;
	font-size: 150%;
	zoom: 1;
}

div#contents div#main.index ul {
	padding-left: 25px;
	margin-bottom: 20px;
}

div#contents div#main.index ul li a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 13px;
	color: #333;
}

div#contents div#main.index div.type1 {
	position: relative;
}

div#contents div#main.index div.figure {
	width: 180px;
	height: 120px;
	position: absolute;
	top: 0;
	right: 0;
}

/* #side */
div#side {
	width: 200px;
	float: right;
}

div#sideNav {
	width: 200px;
	float: right;
	margin-bottom: 10px;
	background: url(../images/global/side_bg_1.gif) repeat-y left;
	text-align: left;
}

div#sideNav h3 {
	margin-bottom: 3px;
}

div#sideNav h4 {
	font-size: 14px;
	font-weight: bold;
	color: #339960;
	padding-left: 12px;
}

div#sideNav ul {
	padding: 3px 0 10px 12px;
	background: url(../images/global/side_bg_2.gif) no-repeat left bottom;
}

div#sideNav ul.plane {
	background: none;
}

div#sideNav ul li {
	margin-bottom: 3px;
	padding-right: 5px;
}

div#sideNav ul li a {
	background: url(../images/global/icon_1.gif) no-repeat left 1px;
	padding-left: 13px;
	margin-right: 5px;
}

div#sideNav ul li a.visit {
	font-weight: bold;
	color: #339960;
}

div#sideNav ul ul {
	padding-bottom: 0;
	background: none;
}

div#sideNav ul ul li a,
div#sideNav ul li a.innerLink {
	background: url(../images/global/icon_4.gif) no-repeat left center;
	padding-left: 13px;
	zoom: 1;
}

/* #contents */
div#contents {
	width: 740px;
	margin: 0 auto;
}

div#contents img {
	vertical-align: middle;
}

div#contents ol.pan {
	width: 740px;
	overflow: auto;
	padding: 5px 0;
}

div#contents ol.pan li {
	float: left;
	margin-right: 7px;
	white-space: nowrap;
}

div#contents ol.pan li a {
	margin-right: 7px;
	color: #339960;
}

div#contents div.type1 {
	width: 518px;
	overflow: auto;
	overflow: hidden\9;
	margin: 0 auto 20px auto;
	padding-bottom: 24px;
	background: url(../images/global/contents_bg_1.gif) repeat-x left bottom;
	position: relative;
	text-align: left;
	background-image: url(../images/global/contents_bg_1.gif);
}

div#contents div.type2 {
	width: 518px;
	overflow: auto;
	margin: 0 auto;
	padding-bottom: 20px;
	position: relative;
	text-align: left;
}

div#contents div#sideInfo {
	position: relative;
	width: 200px;
	float: right;
	background: url(../images/global/pages_infomation_bg_1.gif) repeat-y left;
}

div#contents div#sideInfo a {
	background: url(../images/global/icon_1.gif) no-repeat left center;
	padding-left: 13px;
	zoom: 1;
}

div#contents div#sideInfo h3 {
	width: 200px;
	height: 110px;
	overflow: hidden;
}

div#contents div#sideInfo div.figure {
	left: 8px;
	top: 45px;
	width: 181px;
	height: 54px;
	border-bottom: 1px solid #6C9;
	margin-bottom: 10px;
	overflow: hidden;
	position: absolute;
}

div#contents div#sideInfo h4 {
	padding-left: 10px;
	color: #339960;
	font-weight: bold;
	margin-bottom: 5px;
	text-align: left;
}

div#contents div#sideInfo h4 span {
	color: #333;
	font-weight: normal;
}

div#contents div#sideInfo table {
	width: 180px;
	margin: 0 auto;
}

/*div#contents div#sideInfo th {
	border: 1px solid #6C9;
	background-color: #99CC66;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px;
}

div#contents div#sideInfo th.main {
	background-color: #6C9;
}

div#contents div#sideInfo th {
	border: 1px solid #6C9;
	background-color: #99CC66;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px;
} */

div#contents div#sideInfo th {
	border: 1px solid #B8860B;
	background-color: #DEB887;
	color: #FFF;
	text-align: center;
	font-weight: normal;
	vertical-align: middle;
	padding: 2px;
}
div#contents div#sideInfo th.main {
	background-color: #B8860B;
}
div#contents div#sideInfo th.sep {
	border-bottom: 1px solid #FFFFF2;
}

div#contents div#sideInfo td {
	border: 1px solid #B8860B;
	text-align: center;
	vertical-align: middle;
	background-color: #FFF;
	padding: 2px;
}

div#contents div#sideInfo div.innerBox {
	background: url(../images/global/pages_infomation_bg_2.gif) no-repeat left bottom;
	padding-bottom: 10px;
}


/* subContents */
body#subContents {
	width: 660px;
	padding: 10px 0 10px 20px;
	text-align: left;
}

body#subContents div.type1 {
	margin: 0 auto 20px auto;
	padding-bottom: 24px;
	background: url(../images/global/contents_bg_1.gif) repeat-x left bottom;
}

body#subContents h1 {
	margin-bottom: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #339960;
	padding-left: 12px;
	background: url(../images/global/contents_ttl_1.gif) no-repeat left center;
	zoom: 1;
}


body#subContents h2 {
	padding-top: 10px;
	margin-bottom: 5px;
	font-size: 130%;
	font-weight: bold;
	color: #339960;
	zoom: 1;
}

body#subContents p {
	text-indent: 12px;
	margin-bottom: 12px;
}

body#subContents ul {
	padding-left: 20px;
	margin-bottom: 12px;
}

body#subContents ul li {
	list-style: disc;
}


/* adminContents */
div#adminContents {
	width: 740px;
	margin: 0 auto;
	text-align: left;
	padding: 20px 0;
}

div#adminContents h2 {
	margin-bottom: 10px;
	font-size: 150%;
	font-weight: bold;
	color: #339960;
	padding-left: 12px;
	background: url(../images/global/contents_ttl_1.gif) no-repeat left center;
	zoom: 1;
}

div#adminContents table {
	width: 740px;
}

div#adminContents table.login {
	width: 500px;
	margin: 0 auto;
}

div#adminContents th {
	text-align: center;
	color: white;
	padding: 5px;
	background-color: #9C6;
	border: 1px solid white;
	vertical-align: middle;
}

div#adminContents td {
	border: 1px solid white;
	background-color: #F3F3F3;
	padding: 5px 10px;
}

div#adminContents .input1 {
	width: 300px;
}

.font280{
	font-size:280%;
}

.font150{
	font-size:150%
}

form[name="searchTable"] {
    white-space:nowrap;
}