/* news.css 核不拡散・核セキュリティ総合支援センター */
@import url('css/common.css');
@import url("topics.css");

#maincontent a,
#maincontent_s a,
#maincontent_sx a { text-decoration: none }
#maincontent a:hover,
#maincontent_s a:hover,
#maincontent_sx a:hover { text-decoration: underline }

.category1 {
	position: relative;
	box-sizing: border-box;
	border-width: 2px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-radius: .8rem;
	margin: 1.6rem 0 1.6rem 0;
	padding: 4rem .8rem .8rem .8rem;
/*	box-shadow: 2px 2px 0 0 rgba(128,128,128,.4)*/
}

.category1::before { position: absolute }

.category1::before {
	display: block;
	width: 100%;
	box-sizing: border-box;
	content: attr(name);
	margin-bottom: 1em
}

.category1::before {
	font-size: 2rem;
	font-weight: 700;
	padding: .4rem 0 .4rem 1.6rem;
	border-radius: .8rem .8rem 0 0;
	box-shadow: 0 0 0 2px #A45A1D;
	top: -2px;
	left: 0
}
/* for IE11 */
@media all and (-ms-high-contrast: none) {
	.category1::before {
		padding: .7rem 0 .1rem 1.6rem;
		border:1px solid #A45A1D
	}
}

.category2 {
	text-indent: 0!important;
	font-size: 1.6rem;
	font-weight: 700;
	margin: 1.6rem 0 1.6rem 0;
	padding: 0 0 0 .8rem;
	color: #001844;
	border-left: 1em #001844 solid;
	border-bottom: 1px #001844 solid;
/*	border-radius: 0 1.6rem 0 0;
	box-shadow: 0 0 0 1px #8FAADC/*#2F5597;*/
	top: 0;
	left: 0
}

#newinfo {
	background: #FFFFFC;
	border-color: #A45A1D
}

#newinfo::before {
	background: #A45A1D;
	color: transparent
}
#newinfo > p {
	text-indent: 0;
	position: absolute;
	color: #FFFFFF;
	font-size: 2rem;
	font-weight: 700;
	top: -1px;
	left: 1.6rem
}

#activity,
#newsletter,
#recruit,
#papers {
/*	background: #FFFFFC;*/
	border-color: #8FAADC/*#2F5597*/
}

#activity::before,
#newsletter::before,
#recruit::before,
#papers::before {
/*	background: #8FAADC;/*#2F5597;*/
	border-color: #001844;
	color: #001844
}

#newinfo dt {
	font-size: 1.92rem;
	color: #4D7731;
	font-weight: bold;
	margin: 0;
	text-shadow: 1px 1px 1px rgba(192,192,192,.8)
}
#newinfo dt.clr { clear: both }
#newinfo dd { margin: 0 0 .8rem 1em }

.img_H img,
.img_V img {
	margin: 0 .8rem;
	vertical-align: top;
	box-shadow: 2px 2px 3px rgba(128, 128, 128, .8)
}
.img_H {
	width: 50%;
	max-width: 320px
}
.img_H.s1 { max-width: 240px }

.img_H img { width: calc(100% - 1.6rem) }
.img_H.left,
.img_V.left { float: left }
.img_H.right,
.img_V.right { float: right }
.img_H p.nocenter,
.img_V p.nocenter { text-align: left!important }
.img_H p,
.img_V p {
	margin: 0;
	padding: 0;
	font-size: 1.28rem;
	font-weight: 700;
	color: #000000
}
.img_H p.caption,
.img_V p.caption {
	margin-top: .8rem;
	text-indent: 0!important;
	text-align: center
}
.img_H p.frm,
.img_V p.frm {
	font-weight: normal;
	margin-left: 2.85em;
	text-indent: -2.85em!important;
	text-align: left
}
.img_H p.frm.center,
.img_V p.frm.center,
.img_H p.frm.center_p,
.img_V p.frm.center_p { text-align: center }
.img_H p.frm.nocap,
.img_V p.frm.nocap { margin-top: .8rem }

#activity .linkbutton::before {
	display: block;
	content: "\A";
	clear: both
}
#activity span.title::after,
#activity p.caption_nf::after,
#activity p.frm::after {
	display: block;
	content: "\A";
	margin-bottom: .8rem
}
#activity dl {
	display: inline-block;
	width: calc(100% - 14.2em)
}
#activity dl,
#activity dt,
#activity dd { font-size: 1.6rem!important }
#activity dt {
	margin: 0;
	color: #0000CC;
	text-shadow: none!important
}
#activity dd {
	position: static;
	margin-top: -1.5em!important;
	margin-bottom: 0
}
#activity .ind_01 dd { margin-left: 5.5em!important }
#activity .ind_01._eng dd { margin-left: 9.5em!important }

#recruit h3 {
	margin-bottom: .8rem;
	font-size: 1.6rem
}
#recruit dl {
	margin-top: .8rem;
	margin-bottom: .8rem
}
#recruit dt { color: #0000CC }
#recruit dd {
	margin-left: 8.5em;
	margin-bottom: 0
}
#recruit dd.first { margin-top: -2em }
#recruit ul {
	margin-top: .8rem;
	margin-bottom: .8rem
}
#recruit dl.rcrtlink { margin-top: .8rem }
#recruit dl.rcrtlink dt {
	margin-top: .8rem;
	margin-bottom: 0
}
#recruit dl.rcrtlink dd { margin-left: 1.6rem }
/*div.linkbutton a { float: right }*/

#newsletter ul {
	margin: 0;
	padding: 0;
	list-style-type: none
}
#newsletter li {
	margin-left: 3em;
	text-indent: -1.9em
}
#newsletter li.lv2a {
	text-indent: -3.6em;
	margin: 0 0 0 4.7em
}
#newsletter li.lv2b {
	text-indent: -2.8em;
	margin: 0 0 0 3.9em
}
#newsletter li.lv3 {
	text-indent: -2.8em;
	margin: 0 0 0 6em
}
#newsletter li.lv3a {
	text-indent: -1.6em;
	margin: 0 0 0 4.8em
}
#newsletter li.lv3b {
	text-indent: -2.8em;
	margin: 0 0 0 3.9em
}
#newsletter li.hdlist {
	margin: .5em 0;
	text-indent: 0;
	font-weight: 700
}
#newsletter li.hdlist.noemphasis { font-weight: 500 }
#newsletter li.hdlist.listtop { margin-top: 0 }

p.opinions {
	clear: both;
	margin: 1.6rem 1.6rem 0 1.6rem;
	border: 1px dotted #000000
}
.sendmail::before {
	content: '\A\A0\A0\A0\A0\A0\A0';
	white-space: pre
}

/* for OLD Contents */
#maincontent._old dt {
	margin-bottom: 0;
	padding-bottom: 0
}
#maincontent._old dd {
	margin-top: 0;
	padding-top: 0
}

#maincontent._old a { text-decoration: none }
#maincontent._old a:hover { text-decoration: underline }
#maincontent._old dt {
	font-size: 1.92rem;
	color: #CC9900;
	font-weight: bold;
	text-shadow: 1px 1px 1px #FFCC33
}
#maincontent._old dd { margin: 0 0 0 .8rem }
#stnmsnews {
	margin: 1.6rem 0 1.6rem 0;
	padding: .8rem;
	border: solid 1px #0CB883;
	background-color: #DDFBF2
}
#stnmsnews h2 a { font-size: 1.6rem }
#stnmsnews h3 {
	margin: .8rem 0 0 .8rem;
	padding: 0;
	border: none
}
#stnmsnews ul {
	margin: 0 0 0 .8rem;
	padding: 0;
	list-style-type: none
}
#stnmsnews li {
	margin: 0;
	padding: 0 0 0 1.6rem
}
#stnmsnews li.lv3 {
	margin: 0;
	padding: 0 0 0 4.8rem
}
#stnmsnews li.lv3a {
	text-indent: -1.6em;
	margin: 0 0 0 4.8em
}
#maincontent._old p.continue { text-align: right }
#stnmsnews li.hdlist {
	font-weight: bold;
	font-size: 1.6rem;
	margin-left: -1em
}
#stnmsnews li.hdlist.noemphasis { font-weight: normal }
#stnmsnews ul.sblist {
	margin-left: 6.4rem;
	list-style-type: disc
}
#stnmsnews ul.nletter_en {
	margin-left: 4.8rem;
	list-style-type: disc
}
#stnmsnews ul.sblist li { font-size: 1.6rem }

#n-Topics dt,
#cal dt { clear: both }
#maincontent._old .thum {
	margin-right: .8rem;
	margin-bottom: 2px;
	float: left;
	border: 2px outset #CAF19A
}
#maincontent._old .tpcsmiddle { background-position: 7em center }
#maincontent._old .tpcslong { background-position: 9.5em center }

#maincontent._old h2 {
	margin-top: .8rem;
	padding: 0 .8rem;
	font-size: 1.92rem;
	background: #CCFFCC;
	border-left: .8rem solid #BBEEBB;
	border-top: 2px solid #BBEEBB
}

@media screen and ( max-width: 799px ) {
	#activity dl { width: 100%!important }
	.img_H p.frm.center_p,
	.img_V p.frm.center_p { text-align: left!important }
	.img_H p.nocenter_t,
	.img_V p.nocenter_t { text-align: left!important }
}
@media print {
	.img_V { height: 320px }
	.img_V img { height: calc(100% - 1.6rem) }
}
@media screen and ( min-width: 641px ) {
	.img_V { height: 320px }
	.img_V img { height: calc(100% - 1.6rem) }
}
@media screen and ( max-width: 640px ) {
	.img_V {
		width: 50%;
		max-width: 320px
	}
	.img_V img { width: calc(100% - 1.6rem) }
	#activity .ind_01._eng dd {
		margin-top: 0!important;
		margin-left: 1em!important
	}
	#recruit h3 { font-size: 1.6rem }
	#recruit dd { margin-left: 1.6rem }
	#recruit dd.first { margin-top: 0 }
	#recruit dl { margin-bottom: 1.6rem }
}