<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "utf-8";
/* CSS Document */
#leftcolumn{
	width:254px;
	float:left;
	padding:0 0 30px 0;
	}
#rightcolumn{
	width:685px;
	float:right;
	min-height:500px;
	background:#FFF;
	padding:0 0 30px 0;
	margin:0 0 20px 0;
	}
#breadcrumbs{
	margin:0;
	padding:0 0 20px 0;
	text-align:right;
	font-size:12px;
	}
#main{
	padding:20px 20px 20px 20px;
	line-height:1.8em;
	}
#contents h1{
	background:#d7efee;
	font-size:16px;
	font-weight:bold;
	padding:22px 25px;
	margin:0 0 0 0;
	line-height:1.2;
	}
#contents h2{
	font-size:18px;
	font-weight:bold;
	border-left:8px solid #82cdca;
	padding:6px 10px;
	margin:0 0 1em 0 !important;
	line-height:1.2;
	margin-top:30px;
	}
#contents h3{
	font-size:16px;
	font-weight:bold;
	background:#eff9f8;
	padding:6px 10px;
	margin:0 0 1em 0 !important;
	line-height:1.2;
	clear:both;
	}
#contents h4{
	font-size:16px;
	font-weight:bold;
	margin:0 0 1em 0 !important;
	line-height:1.2;
	}
#contents p{
	margin:0 0 1em 0 !important;
	}
#contents table{
	margin:1em 0;
	}
#contents ul, #contents ol{
	margin:1em 0 1em 40px;
	}
#contents li{
	margin:0 0 0.5em 0;
	}
#subnavi{
	border-top:4px solid #82cdca;
	border-bottom:4px solid #82cdca;
	margin:0;
	padding:0;
	}
#subnavi h1{
	margin:0;
	padding:0;
	height:59px;
	}
#subnavi ul{
	margin:0;
	padding:0;
	list-style:none;
	}
#subnavi ul li{
	margin:0;
	padding:0;
	border-bottom:1px dotted #bfc7c6;
	}
#subnavi ul li a{
	display:block;
	margin:0;
	padding:10px 7px 10px 25px;
	line-height:1.2;
	background:url(../img/ico_arrow_01.png) no-repeat 10px center;
	}
#subnavi ul li a:hover{
	background:url(../img/ico_arrow_02.png) no-repeat 10px center #FFF;
}
#subnavi ul li a.on{
	color:#333;
	background:url(../img/ico_arrow_02.png) no-repeat 10px center #FFF;
}

#subnavi ul li ul.inmenu {
	font-size:0.9em;
}
#subnavi ul li ul.inmenu li {
	border:none;
}
#subnavi ul li ul.inmenu li a{
	display:block;
	margin:0;
	padding:7px 5px 7px 37px;
	line-height:1.2;
	background:url(../img/ico_arrow_03.png) no-repeat 24px center;
}
#subnavi ul li ul.inmenu li a:hover{
	background:url(../img/ico_arrow_04.png) no-repeat 24px center #FFF;
}
#subnavi ul li ul.inmenu li a.on{
	color:#333;
	background:url(../img/ico_arrow_04.png) no-repeat 24px center #FFF;
}

/* about */

table td.post {
	background-color:#edf0f5;
	text-align:center;
}

/* greeting */

.name {
	font-size:1.2em;
	padding-top:20px;
}
.photo {
    float: right;
	padding:20px;
	border:1px solid #CCC;
	overflow:hidden;
	margin-left:20px;
	margin-bottom:10px;
}


/* citizen */

#contents h2.citizens_skincancer-img {
	border-left:none;
	border-bottom:3px solid #fedfb2;
	padding:0;
}

#contents h2.citizens_skincancer {
	border-color:#ffd08d;
}

#contents h3.citizens_skincancer {
	background-color:#fff0db;
}

#contents ul.citizens_skincancer {
	margin:0 0 0 20px;
	padding:0;
	list-style:none;
}

#contents ul.citizens_skincancer li a img {
	display: inline-block;
}
#contents ul.citizens_skincancer li a:hover img{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}


figcaption {
	text-align:center;
	font-weight:bold;
}
.citizenfig  {
	margin:0 auto;
	text-align:center;
}

.citizenfig-right {
	width:300px;
	float:right;
	padding:10px;
	margin:0 auto;
	text-align:center;
}

.citizenfig-right2 {
	width:300px;
	float:right;
	padding:5px;
	margin:0 auto;
	text-align:center;
}

.citizenfig-left {
	width:300px;
	float:left;
	padding:10px;
	margin:0 auto;
	text-align:center;
}

.citizenfig-left2 {
	width:300px;
	float:left;
	padding:5px;
	margin:0 auto;
	text-align:center;
}

.guideline_skincancer {
	margin-top:15px;
}


/* public */
.jstage {
	margin-top:15px;
	float:left;
}


.citation {
	border:dotted 1px #33CCCC;
	padding:10px 20px;
	margin:30px;
}
.public {
	padding:0 0 10px 0 ;
	overflow:hidden;
}
.public .coverimg {
	float:left;
	overflow:hidden;
	width:150px;
}
.public .about {
	float:left;
	overflow:hidden;
}
#contents .public .about dt {
	border-left:8px solid #82cdca;
	padding:2px 7px;
	font-weight:bold;
}
#contents .public .about dd {
	padding:7px 0 18px 0;
}

#contents h2.journal {
	border:none;
	padding:0;
}

/* link */
#contents ul.linklist {
	list-style:none;
	margin:0;
	margin-bottom:20px;
}

ul.linklist li {
	padding-bottom:10px;
	line-height:250%;
}
ul.linklist li span {
	border-left:8px solid #82cdca;
	padding:2px 7px;
	font-weight:bold;
}

ul.linklist li a {
	background:url(../img/ico_websites.png) no-repeat 15px center;
	padding-left:35px;
	font-weight:normal;
	border:none;
	
}
.link-attention {
	border:dotted 1px #33CCCC;
	padding:10px 20px;
	margin:30px;
}


/* sitemap */
#contents ul.sitemap {
	list-style:none;
	margin:0;
	margin-bottom:30px;
}

#contents ul.sitemap li {
	margin:0 0 0 20px ;
}
ul.sitemap li a {
	padding:0 0 0 13px;
	background:url(../img/ico_arrow_01.png) no-repeat 0 center;
	display:inline-block;
}

/* regulations */

#contents h3.regulations {
	background:none;
	text-align:center;
	padding:0;
}#contents h3.constitution {
	background:none;
	padding:0;
}


.adarea {
	margin:30px auto;
}

#leftcolumn .adarea ul {
	list-style:none;
	margin:0;
	padding:0;
}
.adarea ul li {
	padding-top:15px;
}


#contents .adarea-contets {
	float:right;
	overflow:hidden;
}
#contents .adarea-contets ul {
	list-style:none;
	margin:0;
	padding:0;
}
#contents .adarea-contets ul li {
	padding-top:15px;
}



.learning div#rightcolumn{
float: left;
width: 960px;
}

.learning div#rightcolumn{
float: left;
width: 960px;
}

.learning #contents h1{
padding:0;
background-color: white;
line-height: 0;
}

.learning #contents h2{
margin-top: 25px!important;
}


.learning #contents h3{
line-height:30px;
background-color: #e0f2f1;
font-size: 18px;
}

.learning #contents h4{
border-bottom: 2px solid #82cdca;
padding-bottom: 6px;
padding-top: 20px;
font-size: 18px
}

.learning #contents .gaiyo_title{
background-color: #e0f2f1;
font-size: 20px;
padding:12px 0px 10px 10px;
border-bottom: 2px dotted #82cdca;
color: #3a8d8c;
font-weight: bold;
}

.learning #contents .gaiyo{
background-color: #e0f2f1;
padding:10px 0px 10px 10px;
margin-bottom: 20px;
}


.guide div#rightcolumn{
float: left;
width: 960px;
}

.guide div#rightcolumn{
float: left;
width: 960px;
}

.guide #contents h1{
}

.guide #contents h2{
margin-top: 25px!important;
}


.guide #contents h3{
line-height:30px;
background-color: #e0f2f1;
font-size: 18px;
}

.guide #contents h4{
border-bottom: 2px solid #82cdca;
padding-bottom: 6px;
padding-top: 20px;
font-size: 18px
}

.guide #contents .gaiyo_title{
background-color: #e0f2f1;
font-size: 20px;
padding:12px 0px 10px 10px;
border-bottom: 2px dotted #82cdca;
color: #3a8d8c;
font-weight: bold;
}

.guide #contents .gaiyo{
background-color: #e0f2f1;
padding:10px 0px 10px 10px;
margin-bottom: 20px;
}



/*アコーディオンここから*/
.accordion_box{
height:auto;
	display: flex;
	justify-content: space-between;
	width: 100%;
	cursor: pointer;
}

.accordion_title{
	width: 90%;
	margin-left: 1.6em;
	text-indent: -1.6em;
	color: #3a8d8c;
    font-weight: bold;
}

.accordion_shosai{
width: 46px;
height: 22px;
margin:auto 0 auto 10px;
padding: 0px 2px 2px 0px;
border-radius:5px;
text-align: center;
background-color: #005eb1;
color: white;
font-size: 12px;
}

.accordion_border{
	margin: 5px 0;
	background-color: #d3d3d3;
}

.hidden{
max-height:0;
overflow:hidden;
transition:max-height .7s;
text-indent: -25px;
padding-left: 25px;
}
.hidden_border{
margin: 5px 0;
opacity: 0;
}

.toggle{
display: none;
}

.toggle:checked + .accordion_label + .hidden{
	max-height:1000px;
   transition:max-height 1s ;
}

/*アコーディオンここまで*/



.ques{
color: #005eb1;
font-size: 20px;
padding: 10px 10px 10px 0px;
font-weight: bold;

}

.ans{
color: #ff5850;
font-size: 20px;
padding: 10px 10px 10px 0px;
font-weight: bold;
}

.accordion_box_tt{
margin-bottom: 40px;
}


</pre></body></html>