@charset "utf-8";
@import url('/~radiol/css/reset.css');
html { scroll-behavior: smooth; }
body {
	color: #362e2b;
	background-color: #fff;
}
#container {
	position:relative;
	width: auto;
	height: auto;
	min-width: 320px;
	min-height: 100%;
	padding-bottom: 180px;
}
body > #container { height: auto; }

.wrap,
#contents {
	max-width: 900px;
	margin: auto;
}
.inner { padding: 0 10px; }

#contents:after,
.contents:after,
.clearfix:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#header {
	position:relative;
	width: 100%;
	height: 180px;
	background: url('/~radiol/image/general/bg.jpg');
}
#header:before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('/~radiol/image/general/header_bg.jpg') no-repeat center center;
}
#header:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('/~radiol/image/general/header.png') no-repeat center center;
	background-size: contain;
}

#footer {
	width: 100%;
	height: 180px;
	position: absolute;
	bottom: 0;
	left: 0;
	background: url('/~radiol/image/general/bg.jpg');
}
#footer:after {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url('/~radiol/image/general/footer.png') no-repeat center center;
	background-size: contain;
}
/*mobile*/
@media screen and (max-width: 320px) {
}@media screen and (min-width: 321px) and (max-width: 980px) {
}@media screen and (min-width: 981px) {
}

a:link,a:visited {color: #00479d;}
a:hover,a:active {color: #ba5c45;}

.red { color: red; }
.blue { color: #003b9d; }
.pink { color: #EC008C; }
.orange { color: #FF4500; }
.green { color: #197B30; }
.purple { color: #993366; }
.yellow { color: #ffcc00; }
.green { color : #008066; }
.u { text-decoration: underline; }
.i { font-style: italic; }
.shadow {text-shadow: 1px 1px 3px #d9ab5e;}
.sizeS {font-size: 0.9rem;}
.sizeM {font-size: 1.2rem;}
.sizeL {font-size: 1.6rem;}
.bold {font-weight: bold;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.centering {display:table;margin:auto;}
.none { display: none; }
.br { display: block; }
.indent { margin-left: 1em; }

.float_l { float: left; }
.float_r { float: right; }
.clear { clear:both; }
.clear:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

/*breadcrumbs*/
#breadcrumbs a {
	position: relative;
	display: inline-block;
	background-color: #b3b4b9;
	padding: 4px 6px 4px 20px;
	text-decoration: none;
	color: #ffffff;
	font-size: 12px;
}
#breadcrumbs a:first-child {
	padding-left: 1em;
	-moz-border-radius: 5px 0 0 5px;
	-webkit-border-radius: 5px 0 0 5px;
	border-radius: 5px 0 0 5px;
}
#breadcrumbs a::after,
#breadcrumbs a::before {
	content: '';
	position: absolute;
	top: 50%;
}
#breadcrumbs a::after {
	right: -12px;
	margin-top: -12px;
	border-top: 12px solid transparent;
	border-bottom: 12px solid transparent;
	border-left: 12px solid;
	border-left-color: #b3b4b9;
	z-index: 2;
}
#breadcrumbs a::before {
	right: -15px;
	margin-top: -15px;
	border-top: 15px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 15px solid;
	border-left-color: #ffffff;
	z-index: 1;
}
#breadcrumbs a:first-child { background-color: #96979d; }
#breadcrumbs a:first-child:after { border-left-color: #96979d; }
#breadcrumbs a:hover,
#breadcrumbs a:hover:after {
	-webkit-transition:all 0.3s;
	transition: all 0.3s;
}
#breadcrumbs a:hover { background-color: #ff9c00; }
#breadcrumbs a:hover:after { border-left-color: #ff9c00; }
#breadcrumbs a:last-child {
	color: #362e2b;
	background-color: #ffe79a;
	-webkit-border-radius: 0 5px 5px 0;
	border-radius: 0 5px 5px 0;
	padding-right: 1em;
}
#breadcrumbs a:last-child:hover { background-color: none; }
#breadcrumbs a:last-child::before,
#breadcrumbs a:last-child::after { content: normal; }
 

/* contents_flow */
#contents { padding: 15px 0 0; }
#article,
#sidemenu {
	padding-top: 5px;
}
#article {
	float: left;
	width: 620px;
	height: auto;
}
#sidemenu {
	position: -webkit-sticky;
	position: sticky;
	float: right;
	width: 260px;
	height: auto;
	top: 0;
}
@media screen and (max-width: 900px) {
	#contents { padding: 15px 10px 0; }
	#article,#sidemenu {
		position: relative;
		float: none;
		width: 100%;
	}
}

/* sidemenu */
#sidemenu > ul > li > a,
#toppage .sidemenu_btn a {
	display: block;
	width: auto;
	height: 65px;
	margin-bottom: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background-color: #ff9c00;
	background-repeat: no-repeat;
	background-position: left center;
}
#sidemenu > ul > li.menu_home > a {
	background-image: url('/~radiol/image/sidemenu/menu_home.png');
	background-color: #ffc91b;
}

#sidemenu > ul > li.menu_intro > a,
#toppage .sidemenu_btn a.menu_intro { background-image: url('/~radiol/image/sidemenu/menu_intro.png'); }
#sidemenu > ul > li.menu_consult > a,
#toppage .sidemenu_btn a.menu_consult { background-image: url('/~radiol/image/sidemenu/menu_consult.png'); }
#sidemenu > ul > li.menu_research > a,
#toppage .sidemenu_btn a.menu_research { background-image: url('/~radiol/image/sidemenu/menu_research.png'); }
#sidemenu > ul > li.menu_study > a,
#toppage .sidemenu_btn a.menu_study { background-image: url('/~radiol/image/sidemenu/menu_study.png'); }
#sidemenu > ul > li.menu_result > a,
#toppage .sidemenu_btn a.menu_result { background-image: url('/~radiol/image/sidemenu/menu_result.png'); }
#sidemenu > ul > li.menu_member > a,
#toppage .sidemenu_btn a.menu_member { background-image: url('/~radiol/image/sidemenu/menu_member.png'); }
#sidemenu > ul > li.menu_link > a,
#toppage .sidemenu_btn a.menu_link { background-image: url('/~radiol/image/sidemenu/menu_link.png'); }
#sidemenu > ul > li:hover > a,
#toppage .sidemenu_btn a:hover {
	background-color: #c32500;
	-webkit-transition:all 0.3s;
	transition: all 0.3s;
}

#sidemenu > ul > li > div {
	display: none;
	padding: 10px 0;
}
#sidemenu > ul > li > div > a {
	position: relative;
	display: block;
	padding: 2px 10px 2px 30px;
	text-decoration: none;
	color: #362e2b;
}
#sidemenu > ul > li > div > a::before,
#sidemenu > ul > li > div > a::after{
	content: "";
	position: absolute;
	top: 6px;
	left: 15px;
	vertical-align: middle;
}
#sidemenu > ul > li > div > a::before {
	left: 19px;
	width: 6px;
	height: 6px;
	border: 6px solid transparent;
	border-left: 6px solid #362e2b;
}
#sidemenu > ul > li > div > a::after {
	top: 9px;
	width: 8px;
	height: 6px;
	border-left: 4px solid #362e2b;
}
#sidemenu > ul > li > div > a:hover { color: #c32500; }
#sidemenu > ul > li > div > a:hover::before { border-left: 6px solid #c32500; }
#sidemenu > ul > li > div > a:hover::after { border-left: 4px solid #c32500; }

#researchpage #sidemenu > ul > li.menu_research > a,
#resultpage #sidemenu > ul > li.menu_result > a,
#studypage #sidemenu > ul > li.menu_study > a,
#linkpage #sidemenu > ul > li.menu_link > a { background-color: #c32500; }

#intropage #sidemenu > ul > li.menu_intro > div,
#consultpage #sidemenu > ul > li.menu_consult > div,
#memberpage #sidemenu > ul > li.menu_member > div { display: block; }
#intropage #sidemenu > ul > li.menu_intro,
#consultpage #sidemenu > ul > li.menu_consult,
#memberpage #sidemenu > ul > li.menu_member {
	position: relative;
	margin-bottom: 5px;
	border: #c32500 1px solid;
	border-top: #c32500 45px solid;
	border-bottom: #c32500 15px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#intropage #sidemenu > ul > li.menu_intro > a,
#consultpage #sidemenu > ul > li.menu_consult > a,
#memberpage #sidemenu > ul > li.menu_member > a {
	width: 100%;
	height: 45px;
	position: absolute;
	top: -45px;
	left: 0;
	background-color: transparent;
}

#toppage .sidemenu_study {
	position: relative;
	border: #c32500 1px solid;
	border-top: #c32500 15px solid;
	border-bottom: #c32500 45px solid;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: url('/~radiol/image/sidemenu/menu_study.png') no-repeat center 20px;
}
#toppage .sidemenu_study * {
	display: table;
	margin: auto;
}
#toppage .sidemenu_study a {
	display: block;
	width: 100%;
	height: 45px;
	position: absolute;
	bottom: -45px;
	left: 0;
	background: url('/~radiol/image/sidemenu/menu_more.png') no-repeat left center;
}

/*article*/
.section { padding: 10px 0; }
.pagetitle {
	margin: 10px 10px 5px;
	text-align: center;
	font-size: 1.8em;
	letter-spacing: 0.2em;
	color: #0068b7;
}
.subtitle {
	margin-bottom: 10px;
	background-color: #ffe79a;
	border-left: 6px solid #ff9c00;
	padding-left: 0.5em;
	line-height: 1.6em;
	font-size: 1.5em;
	letter-spacing: 0.4em;
	color: #ff9c00;
	font-weight: bold;
}
.caption{ margin-bottom: 10px; }
.text p,
dl.pagelist > dd p {
	padding-bottom: 1.0em;
	line-height: 1.6em;
	text-indent: 1.0em;
	word-break: normal;
}
.caption,
dl.pagelist > dt {
	position: relative;
	border-bottom: 4px #ccc solid;
	padding: 0 10px;
	font-size: 1.4em;
	color: #0068b7;
}
.caption::after,
dl.pagelist > dt::after {
	content: '';
	width: 25%;
	height: 4px;
	position: absolute;
	bottom: -4px;
	left: 0;
	background-color: #0068b7;
	z-index: 2;
}
dl.pagelist > dd { padding: 10px; }

table.tablelist { width: 100%; }
table.tablelist th,
table.tablelist td {
	border: 1px #362e2b solid;
	padding: 5px 15px;
}
table.tablelist th { background-color: #e3e4e9; }

.linklist a {
	position: relative;
	display: block;
	line-height: 3.0em;
	margin-bottom: 10px;
	padding-left: 30px;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	text-decoration: none;
	color: #362e2b;
}
.linklist a:before {
	content: '';
	width: 10px;
	height: 100%;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: 0;
	background-color: #eb8d6c;
}
.linklist a:hover { background-color: #fff0f0; }
.linklist a span {
	display: inline-block;
	width: 5.5em;
	height: 3.0em;
	margin-right: 14px;
	background-color: #eb8d6c;
	text-align: center;
	color: #fff;
}
/* listitem */
dl.listitem_caption { counter-reset: cap_cnt 0; }
dl.listitem_caption > dt {
	font-size: 1.4em;
	color: #0068b7;
}
dl.listitem_caption > dt:before{
	counter-increment: cap_cnt;
	content: counter(cap_cnt) "）";
}
dl.listitem_parentheses {
	counter-reset: par_cnt 0;
}
dl.listitem_parentheses > dt { font-weight: bold; }
dl.listitem_parentheses > dt:before{
	counter-increment: par_cnt;
	content: counter(par_cnt) "．";
}
dl.listitem_parentheses > dd {
	margin-left: 1.8em;
	margin-bottom: 1.0em;
}
.listitem_disc,
.listitem_decimal,
.listitem_upper-latin {
	margin-left: 1.5em;
	margin-bottom: 0.5em;
}
.listitem_disc > li,
.listitem_decimal > li,
.listitem_upper-latin > li {
	display: list-item;
	margin-bottom: 0.5em;
}
.listitem_disc > li { list-style-type: disc; }
.listitem_decimal > li { list-style-type: decimal; }
.listitem_upper-latin > li { list-style-type: upper-latin; }

.img p,
.img img { margin-bottom: 10px; }
table.img { 
	border-collapse: separate;
	border-spacing: 10px 0;
}

/*page*/
#intropage .intro_img {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#intropage table.tablelist th { width: 180px; }

#memberpage .listitem { counter-reset: member_cnt 0; }
#memberpage .listitem > li {
	position: relative;
	margin-bottom: 0.5em;
	padding-left: 3.5em;
}
#memberpage .listitem > li:before {
	counter-increment: member_cnt;
	content: "第" counter(member_cnt) "条";
	position: absolute;
	top: 0;
	left: 0;
}
#memberpage .tablelist th { white-space: nowrap; }
#memberpage .tablelist th,
#memberpage .tablelist td {
	padding: 2px 3px;
	font-size: 0.8em;
}
#memberpage .tablelist td:nth-child(2) {
	white-space: nowrap;
}

#resultpage dl#accordion > dt {
	position: relative;
	margin-bottom: 10px;
	padding-left: 30px;
	border: 1px #ccc solid;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	font-size: 1.4em;
	color: #eb8d6c;
	cursor: pointer;
}
#resultpage dl#accordion > dt.on {
	margin-bottom: 0;
	border: 1px #fff solid;
	color: #0068b7;
}
#resultpage dl#accordion > dt::before {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	left: 10px;
	margin: auto;
	width: 10px;
	height: 10px;
	border: 10px solid transparent;
	border-left: 12px solid #eb8d6c;
}
#resultpage dl#accordion > dt.on::before {
	top: 10px;
	left: 5px;
	border: 10px solid transparent;
	border-top: 12px solid #0068b7;
}
#resultpage dl#accordion > dd {
	border-top: 1px #362e2b solid;
	font-size: 0.9em;
}
#resultpage dl#accordion > dd > p,
#resultpage dl#accordion > dd > ul > li {
	border: 1px #362e2b solid;
	border-top: none;
	padding: 5px 15px;
	word-break: normal;
}
#resultpage dl#accordion > dd > p { background-color: #e3e4e9; }
#resultpage dl#accordion > dd > a {
	display: block;
	padding: 10px 0;
	text-align: right;
}