@charset "utf-8";
/*!
 * <link href="/chemi/ceh/template_en.css" media="all" rel="stylesheet"> CSS
 * ---------------------------------------------
 * 下層ページのcss
 * 
 */
/*===================================
	font
=====================================*/

.page__cont .newInfo time {
  font-size: 0.875em;
}
.page__cont .newInfo header p {
  font-size: 1.125em;
}

/*  見出し
---------------------------------*/

.page__cont h2 {
	font-size: 1.5em;
}
.page__cont h3 {
	font-size: 1.25em;
}
.page__cont h4 {
	font-size: 1.125em;
}
.page__cont h5 {
	font-size: 1em;
}

/*  parts
---------------------------------*/

th,.box_notice dt {
	font-size: 1.125em;
}
.tmpl-table-pd5x th {
	font-size: 1em;
}
.tmpl-imglineup {
	font-size: 0.875em;
}

/*===================================
	element	
=====================================*/
/*  sprite
---------------------------------*/

.page__cont h2:before {
	background-image: url(/content/000054102.png);
	background-repeat: no-repeat;
}

/*  icon
---------------------------------*/

.page__cont h2:before,
.page__cont h3:before,
.page__cont h4:before {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.page__cont h2:before {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background-position: -700px -200px;
}
.page__cont h3:before {
	width: 7px;
	height: 7px;
	margin-right: 6px;
	border-radius: 50%;
	border: solid 3px #facd89;
}
.page__cont h4:before {
	width: 8px;
	height: 8px;
	margin-right: 7px;
	border-radius: 50%;
	background: #facd89;
}
.page__cont ul > li:before {
	display: inline-block;
	vertical-align: middle;
	content: "▶︎";
	margin: -3px 6px 0 -1.5em;
	color: #facd89;
	font-size: 0.6em;
}
.page__cont ul.no-style > li:before,
.page__cont ul.no > li:before {
	display: none;
}
.img__ico img {
	display: inline-block;
	vertical-align: middle;
	margin: -2px 6px 0 0;
}



/*===================================
	見出し
=====================================*/

.page__cont h2 {
	margin-bottom: 15px;
	padding: 0 0 10px 3px;
	background: url(/content/000054106.jpg) repeat-x 0 100%;
	color: #c94868;
	line-height: 1.4;
}
.page__cont h3 {
	margin-bottom: 15px;
	padding: 0 0 10px 6px;
	background: url(/content/000054109.jpg) repeat-x 0 100%;
	line-height: 1.4;
}
.page__cont h4 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding: 0 0 10px 9px;
	background: url(/content/000054104.jpg) repeat-x 0 100%;
	line-height: 1.4;
	font-weight: normal;
}
.page__cont h5 {
	margin-bottom: 1em;
	padding: 0 0 10px 7px;
	background: url(/content/000054103.jpg) repeat-x 0 100%;
	line-height: 1.4;
	font-weight: normal;
}

/*===================================
	parts
=====================================*/


/*  table
---------------------------------*/

table.tmpl-table,
table.tmpl-table-pd5x,
table.tmpl-table-border-none {
	width: 100%;
	min-width: inherit;
	border-collapse: collapse;
	line-height: 1.4;
	margin: 1em auto;
	border-bottom: solid 1px #e0dad1;
	border-left: solid 1px #e0dad1;
	background: #fff;
}
.tmpl-table th,.tmpl-table td,
.tmpl-table-pd5x th,.tmpl-table-pd5x td,
.tmpl-table-border-none th,.tmpl-table-border-none td {
	padding: 14px;
	border-top: solid 1px #e0dad1;
	border-right: solid 1px #e0dad1;
	text-align: left;
}
.tmpl-table th,
.tmpl-table-pd5x th {
	background: #f4f1ec;
	font-weight: normal;
}
.tmpl-table thead th,
.tmpl-table-pd5x thead th {
	text-align: center;
}
.tmpl-table tbody th,
.tmpl-table-pd5x tbody th {
	width: 25%;
}

.tmpl-table-pd5x tbody th {
	width: 25%;
}
.tmpl-table-pd5x th,.tmpl-table-pd5x td {
	padding: 12px;
}
table.tmpl-table-border-none,.tmpl-table-border-none th,.tmpl-table-border-none td {
	border: none;
	background: none;
}

/*  p
---------------------------------*/

.page__cont > p,
.sec > p {
	margin-bottom: 2em;
}
.page__summary {
	text-indent: 1em;
}




/*  li / dl
---------------------------------*/

.page__cont > ul,.page__cont > ol,
.sec > ul,.sec > ol,
.page__cont > dl,
.sec > dl {
	margin-left: 20px;
	margin-right: 20px;
}
.page__cont ul,.page__cont ol,
.page__cont dl {
	margin-bottom: 2em;
}
.page__cont ul:nth-last-of-type(1),.page__cont ol:nth-last-of-type(1),
.dl__st:nth-last-of-type(1) {
	margin-bottom: 0;
}
.page__cont li {
	margin-bottom: 0.6em;
}
.page__cont li {
	padding-left: 1em;
}
.page__cont ul.no-style li,
.page__cont ul.no li {
	padding-left: 0;
}
.page__cont ul ul,.page__cont ul ol,.page__cont ol ul,.page__cont ol ol {
	margin-top: 0.6em;
	margin-left: 3em;
}
.page__cont ol > li {
	list-style: decimal inside;
	padding-left: 1em;
	text-indent: -1em;
}
.page__cont ol li li {
	text-indent: 0;
}

.page__cont dl dt {
	font-weight: 500;
}
.page__cont .tmpl-dl dd,
.page__cont .box_notice dd{
	min-height: inherit;
	margin-top: auto;
}
.page__cont dt,.page__cont dd {
	position: relative;
}
.page__cont dd {
	min-height: 1.6em;
	margin-top: -1.6em;
}
.tmpl-horiz1 dd {
	margin-left: 2em;
}
.tmpl-horiz2 dd {
	margin-left: 3em;
}
.tmpl-horiz3 dd {
	margin-left: 4em;
}
.tmpl-horiz4 dd {
	margin-left: 5em;
}
.tmpl-horiz5 dd {
	margin-left: 6em;
}
.tmpl-horiz6 dd {
	margin-left: 7em;
}
.tmpl-horiz7 dd {
	margin-left: 8em;
}
.tmpl-horiz8 dd {
	margin-left: 9em;
}
.tmpl-horiz9 dd {
	margin-left: 10em;
}
.tmpl-horiz10 dd {
	margin-left: 11em;
}
.tmpl-horiz11 dd {
	margin-left: 12em;
}
.tmpl-horiz12 dd {
	margin-left: 13em;
}
.tmpl-horiz13 dd {
	margin-left: 14em;
}
.tmpl-horiz14 dd {
	margin-left: 15em;
}
.tmpl-horiz15 dd {
	margin-left: 16em;
}
.tmpl-horiz16 dd {
	margin-left: 17em;
}
.tmpl-date dd {
	margin-left: 10em;
}
/*  img
---------------------------------*/

.flImgR,.flImgL,
.tmpl-img1 p {
	width: 320px;
}
.tmpl-img1 p,
.imgCent img {
	margin: 0 auto 2em;
}
.tmpl-img1 img + br {
	display: none;
}
.tmpl-img1 img,
.tmpl-imglineup img {
	margin-bottom: 5px;
}
.flImgR {
	float: right;
	margin-left: 20px;
}
.flImgL {
	float: left;
	margin-right: 20px;
}
.img__set {
	margin-bottom: -1em;
	text-align: center;
}
.img__set li {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	margin-bottom: 1em;
	text-align: left;
}
.tmpl-imglineup {
	width: 100%;
	border-collapse: collapse;
}
.tmpl-img2 {
	margin-left: 10px;
	width: 680px;
}
.tmpl-img2 td {
	width: 320px;
	padding-left: 10px;
	padding-right: 10px;
}
.tmpl-img3 {
	margin-left: 10px;
	width: 680px;
}
.tmpl-img3 td {
	width: 210px;
	padding-left: 10px;
	padding-right: 10px;
}

/*  アイコン付きテキスト
---------------------------------*/

.page__cont p > img,.page__cont p > img + a  {
	display: inline-block;
	vertical-align: middle;
}
.page__cont p > img + a {
	margin-left: 5px;
	text-decoration: underline;
}
.page__cont p > img + a:hover {
	text-decoration: none;
}

/*  囲み記事
---------------------------------*/

.box_notice {
	padding: 30px 39px;
	border: solid 2px #e0dad1;
}
.box_notice dt {
	background-color: #fffefb;
	color: #c94868;
	font-weight: 600;
}

.tmpl-label dt,.tmpl-label dd {
    margin-bottom: 3px;
}
.page__cont .tmpl-label dd {
    min-height: inherit;
    margin-top: auto;
}
.tmpl-label .sec {
    display: block;
    width: 100px;
    min-height: 18px;
	margin: 0;
    padding: 1px 2px 1px;
    margin-bottom: 2px;
    text-align: center;
    background-color: #3a4d5b;
    color: #fff;
    font-size: 93%;
    line-height: 18px;
    overflow: visible;
    white-space: nowrap;
}

.page__cont em {
	color: #99092c;
	font-style: italic;
	font-weight: bold;
}

/************************************************************************************
smaller than 640px
*************************************************************************************/
@media screen and (max-width: 640px) {
	
	/*===================================
		font
	=====================================*/

	/*  見出し
	---------------------------------*/

	.page__cont h2 {
		font-size: 1.272em;
	}
	
	/*===================================
		parts
	=====================================*/
	
	/*  img
	---------------------------------*/

	.flImgR,.flImgL,
	.tmpl-img1 p {
		width: auto;
	}
	.tmpl-img1 img,
	.tmpl-imglineup img {
		margin-bottom: 10px;
	}
	.flImgR,.flImgL {
		float: none;
		margin: 0 0 1em;
	}
	.tmpl-imglineup td {
		display: block;
		margin-bottom: 20px;
	}
	.tmpl-img2,.tmpl-img3 {
		margin-left: 0;
		width: auto;
	}
	.tmpl-img3 tr td {
		width: auto;
		padding-left: 0;
		padding-right: 0;
	}
	
}

/*===================================
  newInfo 
=====================================*/

.page__cont .newInfo {
  margin-bottom: 44px;
  width: 720px;
}
.page__cont .newInfo header {
  /*height: 70px;
  padding: 27px 0 0 4px;*/
  background: url(/content/000054106.jpg) repeat-x 0 100%;
}
.page__cont .newInfo header h2 {
  float: left;
  padding: 0 0 10px 3px;
  color: #c94868;
  line-height: 1.4;
  background: none;
  margin-bottom: 0;
}
.page__cont .newInfo header h2:before {
	background-image: url(/content/000054102.png);
	background-repeat: no-repeat;
}
.page__cont .newInfo header h2:before,
.page__cont .newInfo header h3:before,
.page__cont .newInfo header h4:before {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
}
.page__cont .newInfo header h2:before {
	width: 24px;
	height: 24px;
	margin-right: 8px;
	background-position: -700px -200px;
}
.page__cont .newInfo header p {
  text-align: right;
}
.page__cont .newInfo header p a  {  color: #016e94;
  font-weight: 500;
}
.page__cont .newInfo .newInfo_title {
    display: table;
}
.page__cont .newInfo .newInfo_col2 {
  display: table-cell;
    width: 8em;
}
.page__cont .newInfo .categoryLabelempty {
  letter-spacing: normal;
    padding: 1px 5px;
    margin: 0;
    float: left;
    width: 5em;
    background-color: #fffdf9;
}
.newInfo .categoryLabel:empty {
  letter-spacing: normal;
    padding: 1px 5px;
    margin: 0;
    float: left;
    width: 5em;
    background-color: #fffdf9;
}
.newInfo .categoryLabelnewsletter {
    font-size: 0.875em;
  letter-spacing: normal;
    padding: 1px 5px;
    margin: 0;
    float: left;
    color: #ffffff;
    width: 5em;
    background: #329934;
    text-align: center;
}
.newInfo .categoryLabelpublication {
    font-size: 0.875em;
  letter-spacing: normal;
    padding: 1px 5px;
    margin: 0;
    float: left;
    color: #ffffff;
    width: 5em;
    background: #0023DE;
    text-align: center;
}
.newInfo .categoryLabelevent {
    font-size: 0.875em;
  letter-spacing: normal;
    padding: 1px 5px;
    margin: 0;
    float: left;
    color: #ffffff;
    width: 5em;
    background: #EC710A;
    text-align: center;
}
.page__cont .newInfo .newInfo_link {
  display: table-cell;
  vertical-align: middle;
  letter-spacing: normal;
  word-break: break-all;
}
.page__cont .newInfo .newInfo_link a {
    color: #016e94;
}
.page__cont .newInfo article {
  position: relative;
  padding: 10px 0 14px 14px;
  border-bottom: dashed 1px #facd89;
  letter-spacing: -.40em;
  line-height: 1.6;
}
.page__cont .newInfo article.new:before,.newInfo article.new:after {
  display: block;
  position: absolute;
  top: 13px;
}
.page__cont .newInfo article.new:before {
  left: 6px;
  content: "NEW";
  width: 46px;
  height: 21px;
  line-height: 21px;
  border-radius: 2px 0 0 2px;
  background: #ff2400;
  color: #fff;
  font-weight: 600;
  text-align: center;
  letter-spacing: normal;
}
.page__cont .newInfo article.new:after{
  left: 52px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 10.5px 0 10.5px 6px;
  border-color: transparent transparent transparent #ff2400;
}
.page__cont .newInfo time, .newInfo h3 {
  display: inline-block;
  vertical-align: top;
  letter-spacing: normal;
}
.page__cont .newInfo time {
  width: 10em;
  color: #666;
}
.page__cont .newInfo h3 {
  width: 785px;
  margin-top: -2px;
  font-weight: normal;
}
.page__cont .newInfo h3 a {
    color: #016e94;
}
.page__cont .newInfo a:hover {
  text-decoration: underline;
}
.main a[href$="pdf"]::after,main .page__cont .main a[href$="doc"]::after,.main a[href$="docx"]::after,.main a[href$="xls"]::after,.main a[href$="xlsx"]::after,.main a[href$="ppt"]::after,.main a[href$="pptx"]::after,.main a[href$="zip"]::after,.main a[href$="jtd"]::after {
  display: inline-block;
  vertical-align: middle;
  width: 16px !important;
  height: 16px;
  margin: -2px 0 0 2px;
  background: no-repeat 0 0;
}
.main a[href$="pdf"]::after {
  background-image: url(/content/000054111.png) !important;
}
.main a[href$="doc"]::after,
.main a[href$="docx"]::after {
  background-image: url(/content/000054110.png) !important;
}
.main a[href$="xls"]::after,
.main a[href$="xlsx"]::after {
  background-image: url(/content/000054114.png) !important;
}
.main a[href$="ppt"]::after,
.main a[href$="pptx"]::after {
  background-image: url(/content/000054115.png) !important;
}
.main a[href$="zip"]::after {
  background-image: url(/content/000054116.png !important;
}
.main a[href$="jtd"]::after {
  background-image: url(/content/000054117.png) !important;
}
.main a[target="_blank"]:after {
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  height: 16px;
  margin: -2px 0 0 2px;
  background: url(/content/000054127.png) no-repeat 0 0;
}
@media screen and (max-width: 640px){
.page__cont .newInfo {
    width:100%;
    margin-bottom: 35px;
}
.page__cont .newInfo header p {
    font-size: 0.933em;
}
}