@charset "Shift_JIS";

/* **************************************************

Name: modify.css

Description: Sub CSS

Create: 2014.07.03
Update: 20xx.xx.xx

Copyright 2019 Hitachi,Ltd.

***************************************************** */


/* 共通設定
=========================================================================================== */


/* --- テーブル内リスト使用による、不要なマージン削除・フォントサイズ補正 --- */
th .LinkListStyle1, th .LinkListStyle2, th .LinkListStyle3, th .LinkListStyle4,
th .LinkListStyle5, th .LinkListStyle6, td .LinkListStyle1, td .LinkListStyle2,
td .LinkListStyle3, td .LinkListStyle4, td .LinkListStyle5, td .LinkListStyle6,
th .ListStyle1, th .ListStyle2, th .ListStyle3, th .ListStyle4, th .ListStyle5,
th .ListStyle6, td .ListStyle1, td .ListStyle2, td .ListStyle3, td .ListStyle4,
td .ListStyle5, td .ListStyle6, td .TextStyle1, td .TextStyle2, td .TextStyle3,
td .TextStyle4, dd .LinkListStyle1, dd .LinkListStyle2, dd .LinkListStyle3,
dd .LinkListStyle4, dd .LinkListStyle5, dd .LinkListStyle6, dd .ListStyle1,
dd .ListStyle2, dd .ListStyle3, dd .ListStyle4, dd .ListStyle5, dd .ListStyle6,
td ul.ListStyle1, td ul.ListStyle2, td p.ImgOnlyStyle, .ListStyle1 li ul,
.ListStyle1 li ol, .ListStyle2 li ul, .ListStyle2 li ol, .ListStyle1 dd ul,
.ListStyle1 dd ol, .ListStyle2 dd ul, .ListStyle2 dd ol, .LinkListStyle1 li ul,
.LinkListStyle1 li ol, .LinkListStyle2 li ul, .LinkListStyle2 li ol {
	margin-bottom: 0;
	font-size: 100%;
}

.TextLeadStyle {
    font-size: 24px;
    margin-bottom: 15px;
}
.AdjustContents {
	overflow: hidden;
}
.AccordionContents {
	display: none;
}
.AccordionOpen .AccordionContents {
	display: block;
}

h2.AccordionBtn {
	position: relative;
	cursor: pointer;
	background-color: #f2f2f2;
    padding: 15px;
    margin-bottom: 15px;
}
h2.AccordionBtn span {
	padding-right:40px;
}

h2.AccordionBtn:after {
	content:"";
	width:0;
	height: 0;
	border:7px solid transparent;
	border-bottom:none;
	border-top:7px solid #e60027;
	position: absolute;
	top:50%;
	right:15px;
	margin-top:-7px;
}

.AccordionOpen h2.AccordionBtn:after {
	transform: rotate(180deg);
	border-top-color:#666;
}

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

.TextStyle1_mrB {font-size: 110%;margin: 0 0 15px;line-height: 160%;color: #333;}

.TextRed {
	color:#c02;
}
.TextRed01 {
color: #f00;
}
.TextBlue01 {
color: #409ad6;
}

.btnLikeText01 {
background-color:#00b0f0;color:#fff;
display: inline-block;
margin-bottom: 10px;
}
.btnLikeText01:hover {
background-color:#0080e5;
}

.btnLikeText01 a:link,
.btnLikeText01 a:visited,
.btnLikeText01 a:active,
.btnLikeText01 a:hover{color: #fff;text-decoration: none;}

a:visited .linkTxt01 {
	text-decoration: underline;
	color: #a94657;
}
a:hover .linkTxt01 {
	text-decoration: none;
	color: #b1000e;
}
a:active .linkTxt01 {
	text-decoration: none;
	color: #b1000e;
}

.BottomLine {border-bottom: 1px dashed #000;margin-bottom:30px;}

.ImgBorder01 { border: solid 1px #ccc;}

.BoxBorderRed01 {
border: 1px solid #f00;
padding: 0.25em 0.5em 0;
}

/* --- h1タイトルに画像とテキストを併記 --- */
div.PageTitleStyle1 h1 a:hover img {opacity: 1;}

/* --- グリッド3+1の下にグリッド4が来た場合の回り込み解除 --- */
.Grid4 { clear: both; }


/* --- 文中のリンクに新規アイコンウィンドウを付与--- */
p a.NewWin, h3 a.NewWin {background-image: url(/image/jp/r1/icon/icon_new_window_hd.gif) !important;}
p a.Mail {background-image: url(/image/jp/r1/icon/icon_mail_hd.gif) !important;}
p a.Pdf {background-image: url(/image/jp/r1/icon/icon_pdf_hd.gif) !important;}

p a.NewWin, p a.Mail, p a.Pdf {
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
}
h3 a.NewWin {	padding: 0 20px 0 0;}

p a.NewWin:link, p a.Mail:link, p a.Pdf:link,
p a.NewWin:visited, p a.Mail:visited, p a.Pdf:visited, h3 a.NewWin,
h3 a.NewWin:link, h3 a.NewWin:visited{
	text-decoration: none;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}
p a.NewWin:hover, p a.Mail:hover, p a.Pdf:hover,
p a.NewWin:active, p a.Mail:active, p a.Pdf:active,
h3 a.NewWin:hover, h3 a.NewWin:active{
	text-decoration: underline;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}


/* --- 画像へのマウスオーバーで半透明--- */
a:hover img {
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
	opacity: 0.8;
}


/* --- テキストインデント--- */
.TextIndent {margin-left: 1em;}
.TextIndent02 {margin-left: 2em;}

/* --- ボタン--- */
.ActiveBtn01 {
	width: 263px;
	margin-top: 80px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
.ActiveBtn01 a {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-radius: 5px;
	color: #666;
	background-color: #fff;
	line-height: 1;
	text-align: center;
	text-decoration: none;
	-ms-box-shadow: 0px 0px 8px 3px #ddd;
	-moz-box-shadow: 0px 0px 8px 3px #ddd;
	-webkit-box-shadow: 0px 0px 8px 3px #ddd;
	-o-box-shadow: 0px 0px 8px 3px #ddd;
	box-shadow: 0px 0px 8px 3px #ddd;
}
.ActiveBtn01 a:hover {
	background-color: #666;
	color: #fff;
}

/* --- 枠囲み--- */
.BoxPatternD {
	background-color: #fff;
	box-sizing: border-box;
	border: solid #ddd 1px;
}


.ImgClear01 {-webkit-backface-visibility: hidden;image-rendering: -webkit-optimize-contrast;}


/* トップページ
=========================================================================================== */
#BrandingBase {background-color: #fff;padding-bottom: 32px;}

#TopRenewal .TopBrandingImg {max-width: 1200px;margin: 0 auto;}
#TopRenewal #BrandingImgStyle2 {
max-width: 1440px;
margin: 0 auto;
padding: 0;
overflow: hidden;
}
#TopRenewal #BrandingImgStyle2  img.TopBranding {
width: 100%;
height: auto;
}

.GridWide {
background: #fff url("/image/top/top_bg.jpg") no-repeat;
background-position: top center;
width: 100%;
}
.GridWide #Contents {background-color: transparent;margin-top: -1px;}


/* ブランディング画像内バナーリスト */
.TopBannerBase {width: 965px;margin: 0 auto;text-align: right;position: relative;}
#TopBannerList {
position: absolute;
bottom: 30px;
right: 0;
}
#TopBannerList li {
float: left;
margin-left: 14px;
width: 210px;
height: auto;
}
#TopBannerList li img {width: 100%;}

/* 事業内容ボタンエリア */
.ActivitiesArea ul {
width: auto;
margin: 0 0 0 -24px;
padding: 68px 0 94px;
}
.ActivitiesArea li {
float: left;
padding: 0 0 0 24px;
margin: 0 0 35px 0;
width: 25%;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}
.ActivitiesArea li img {
width: 100%;
}

.ActivitiesArea li.icListbox {
position: relative;
}
.ActivitiesArea li.icListbox  p.icImg {
position: absolute;
width: 50px;
height: 50px;
bottom: 0;
left: 24px;
}
.ActivitiesArea li.icListbox  p.icImg.fb {
position: absolute;
bottom: 0;
left: 90px;
}

.TopTopicsFrm {background-color: #fff;}

h2.TopTopicsTitle {
margin-bottom: 34px;
position: relative;
padding-bottom: 5px;
padding-left: 18px;
font-size: 136%;
font-weight: bold;
border-bottom: 2px solid #b3b3b3;
box-sizing: border-box;
background: none;
}
h2.TopTopicsTitle::after {
content: "";
display: block;
width: 5.8em;
height: 2px;
position: absolute;
bottom: -2px;
left: 0;
background: #ed1c24;
}
div.TopTopicsFrm dl.DateListStyle2 dd {margin: 0 0 20px 10em;}

div.TopTopicsFrm dl.DateListStyle2,
div.TopTopicsFrm ul.TopTopicsList1 {
padding-left: 18px;
}
div.TopTopicsFrm ul.TopTopicsList1 {
margin-top: 30px;
}
img.TopicsNew {margin-left: 0; margin-right: 8px;}

/* サブページ　共通
=========================================================================================== */
.StyleTopics .DateLabel {
	display: table;
	margin-bottom: 10px;
}
.StyleTopics .DateLabel .Date {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	padding-top: 1px;
	vertical-align: middle;
	line-height: 19px;
}

.StyleTopics .DateLabel .Date {
	width: 150px;
	font-weight: bold;
}


/* バナーエリア */
.BannerArea li {
	float: left;
	margin: 0 15px 15px 0;
}
.BannerArea li img {
	max-width: 230px;
}
.BannerArea li:nth-of-type(4n) {
	margin-right: 0;
}


/* 日立財団について
=========================================================================================== */
ul.OverList01 {
display: flex;
text-align: left;
}

ul.OverList01 li {
margin-right: 10px;
width: 33%;
}

ul.OverList01 li:last-child {
margin-right: 0;
}

ul.OverList01 li p {
	font-size: 80%;
}

/* 事業内容
=========================================================================================== */
/* 事業内容TOP
--------------------------------------------- */
.WColumnSet div.Column1 {margin-bottom: 30px !important;}

.WorksFrm {
width: 100%;
height: auto;
border-radius: 20px;
padding: 140px 16px 20px 20px;
box-sizing: border-box;
}
.WColumnSet p.ImgOnlyStyle {margin-bottom: -134px;}
.WorksFrm h2 {
font-size: 110%;
margin: 0 auto;
font-weight: bold;
width: 100%;
text-align: center;
background: none;
position: relative;
display: inline-block;
margin-bottom: 19px;
}
.WorksFrm h2:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;/*線の上下位置*/
  display: inline-block;
  width: 25px;/*線の長さ*/
  height: 2px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
}
.WorksFrm .TextStyle1 {color: #666;line-height: 210%;}
.WorksFrm.wclm01 {background-color: #d9f5fb;}
.WorksFrm.wclm02 {background-color: #ffe9e1;}
.WorksFrm.wclm03 {background-color: #eaf4e0;}

.WorksFrm.wclm01 h2 {color: #007bbe;}
.WorksFrm.wclm02 h2 {color: #ee5d50;}
.WorksFrm.wclm03 h2 {color: #21b28a;}
.WorksFrm.wclm01 h2:before {background-color: #007bbe;}
.WorksFrm.wclm02 h2:before {background-color: #ee5d50;}
.WorksFrm.wclm03 h2:before {background-color: #21b28a;}

.WorksFrm .WorksTopBox {max-height: 230px;}
.WorksFrm .ListBox {
position: relative;
/*min-height: 200px;*/
width: 100%;
padding-top: 40px;
}
.WorksFrm .ListBox ul.LinkListStyle2 {
position: absolute;
bottom: 0;
left: 0;
}
.WorksFrm .ListBox ul.LinkListStyle2 li {
padding: 12px 0 0 0;
}
.WorksFrm .ListBox ul.LinkListStyle2 li a:link, 
.WorksFrm .ListBox ul.LinkListStyle2 li a:visited, 
.WorksFrm .ListBox ul.LinkListStyle2 li a:hover, 
.WorksFrm .ListBox ul.LinkListStyle2 li a:active {
display: block;
}

/* 倉田奨励金 works / kurata
--------------------------------------------- */

.PageTitleStyleKurata {
	display: block;
	height: 0;
	background-repeat: no-repeat;
	padding-top: 268px;
	overflow: hidden;
	margin-bottom: 10px;
}
.StyleKurata .TextKurata {
	width: 480px;
}
.StyleKurata .ImgRightAdjust.ImgKurata {
	position: relative;
	width: 230px;
	text-align: center;
	margin-top: 30px;
}
.StyleKurata .ImgCaption {
	position: absolute;
	bottom: 0;
	left: -145px;
	font-size: 81.25%;
}

.StyleKurata .BottomLine {
	border-bottom: 1px dashed #000;
	margin-bottom: 30px;
	margin-top: 10px;
}

/* 日付リンクリストで画像表示 */
.StyleKurata .DateListStyle2 li a.DateListImg {
	background-image: none;
}
.StyleKurata .DateListStyle2 li img {
	padding: 10px 0 20px;
}


.PageTitleStyleKurataMedhod {
	display: block;
	height: 0;
	background-repeat: no-repeat;
	padding-top: 76px;
	overflow: hidden;
	margin-bottom: 10px;
}

.PageTitleStyleKurataMedhod.Report {
	background-image: url(/activities/kurata/images/title_keyvisual01.jpg);
}
.PageTitleStyleKurataMedhod.Application {
	background-image: url(/activities/kurata/images/title_keyvisual02.jpg);
}
.PageTitleStyleKurataMedhod.Juryo {
	background-image: url(/activities/kurata/images/title_keyvisual03.jpg);
}
.PageTitleStyleKurataMedhod.Josei {
	background-image: url(/activities/kurata/images/title_keyvisual04.jpg);
}
.PageTitleStyleKurataMedhod.Report2016 {
	background-image: url(/activities/kurata/images/title_keyvisual_47.png);
	padding-top: 83px;
}
.PageTitleStyleKurataMedhod.Report2017 {
	background-image: url(/activities/kurata/images/title_keyvisual_48.png);
	padding-top: 83px;
}
.PageTitleStyleKurataMedhod.Report49 {
	background-image: url(/activities/kurata/images/title_keyvisual_49.png);
	padding-top: 83px;
}
.PageTitleStyleKurataMedhod.Report50 {
	background-image: url(/activities/kurata/images/title_keyvisual_50.png);
	padding-top: 83px;
}
.PageTitleStyleKurataMedhod.Report51 {
	background-image: url(/activities/kurata/images/title_keyvisual_51.png);
	padding-top: 83px;
}
.PageTitleStyleKurataMedhod.Report52 {
	background-image: url(/activities/kurata/images/title_keyvisual_52.png);
	padding-top: 83px;
}

/* PDFダウンロード */
.SelectDownload {
	overflow: hidden;
	margin-bottom: 30px;
}
.SelectDownload form {
	position: relative;
	float: left;
	display: block;
	width: 475px;
}
.SelectDownload span {
	content: "";
	position: absolute;
	display: block;
	top: 50%;
	right: 0;
	width: 30px;
	height: 38px;
	margin-top: -20px;
	border: 1px solid #999;
	border-radius: 0 5px 5px 0;
	background: #e5e6e7;
	background: -moz-linear-gradient(top, #e5e6e7 0%, #c2c3c4 70%, #c2c3c4 100%);
	background: -webkit-linear-gradient(top, #e5e6e7 0%,#c2c3c4 70%,#c2c3c4 100%);
	background: linear-gradient(to bottom, #e5e6e7 0%,#c2c3c4 70%,#c2c3c4 100%);
}
.SelectDownload span:after {
	content: "";
	display: block;
	height: 40px;
	background: url(/image/common/icon_gray_down.png) 50% 50% no-repeat;
	background-color: transparent;
	-webkit-background-size: 9px 8px;
	background-size: 9px 8px;
	pointer-events: none;
}
.SelectDownload select {
	position: relative;
	width: 100%;
	height: 40px;
	padding: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 5px;
	border: 1px solid #999;
	color: #c02;
	font-size: 14px;
	background-color: transparent;
	z-index: 9;
}
.SelectDownload select::-ms-expand {
	display: none;
}

.SelectDownload .BtnDownload {
	float: right;
}
.pdfBtn {
	display: block;
	background-color: #ebebeb;
	border: 1px solid #cccccc;
	border-radius: 5px;
	text-decoration: none!important;
	text-align: center;
	color: #000!important;
	width: 230px;
	padding: 7px 0 5px;
}
.pdfBtnIcon {
	display: inline-block;
	vertical-align: middle;
	width: 25px;
	margin-left: 5px;
}


/* report */
.ReportLabel {}
.ReportLabel .Date {
	float: left;
}
.ReportLabel .Label {
	float: right;
}
.ReportLabel .Label span {
	display: inline-block;
	background:#b9cde5;
	width:30px;
	height: 10px;
}

/* 倉田共通ボタン */
.KrtButtonStyle1 a {
	display: inline-block;
    font-weight: bold;
    letter-spacing: 0.15em;
	min-width: 130px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url("/activities/kurata/images/btn_arrow01.png");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
    border-radius:5px;    
    box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
	padding: 14px 45px 13px 35px;
}
.KrtButtonStyle1 a:link,
.KrtButtonStyle1 a:visited {
	background-color: #3f92c6;
	color: #fff;
	text-decoration: none;
}

/*other Blue */
.KrtButtonStyle1.Clr02 a:link,
.KrtButtonStyle1.Clr02 a:visited {
	background-color: #008bea;
}

.KrtButtonStyle1 a:hover,
.KrtButtonStyle1 a:active {
	background-color: #31729b;
	color: #fff;
	text-decoration: none;
}
/*other Blue */
.KrtButtonStyle1.Clr02 a:hover,
.KrtButtonStyle1.Clr02 a:active {
	background-color: #017ed3;
}

.Grid1 .KrtButtonStyle1 a,
.Column1 .KrtButtonStyle1 a {
	display: block;
	min-width: 0;
}

.KrtButtonSet li.KrtButtonStyle1 {
float: left;
margin: 0 15px 0 0;
}
.KrtButtonStyle1 span.Ft01 {
font-size: 1.5em;
line-height: 136%;
}

.KrtTdbg01 {background-color: #b9cde5;}

.KrtTit01 {font-weight: bold; font-size: 130%;margin-bottom: 10px;padding-left: 5px;color: #575757;}


.KrtBox01 {
  display:table;
  width:100%;
}
.KrtBox01 div.row{
  display:table-row;
}
.KrtBox01 div.leftcell{
  display:table-cell;
  width: 82%;
}
.KrtBox01 div.rightcell{
  display:table-cell;
  width: 18%;
  text-align: right;
}
.KrtBox01 div.cell{
  display:table-cell;
  width: 100%;
}


/* 日立感染症関連研究支援基金 fundsupport
=========================================================================================== */


/* 感染症共通ボタン */
.FdsButtonStyle1 a {
display: inline-block;
font-weight: bold;
letter-spacing: 0.15em;
min-width: 130px;
min-height: 18px;
margin: 0 0 15px;
text-align: center;
font-size: 83%;
line-height: 130%;
/*矢印画像ここで指定*/
background-repeat: no-repeat;
background-position: right 14px center;
background-size: 16px 16px;
-moz-background-size: 16px 16px;
-webkit-background-size: 16px 16px;
-o-background-size: 16px 16px;
-ms-background-size: 16px 16px;
word-break: break-all;
border-radius:5px;    
box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
-webkit-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
-moz-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
padding: 14px 45px 13px 35px;
}
.FdsButtonStyle1 a:link,
.FdsButtonStyle1 a:visited {
background-color: #4b68af;
color: #fff;
text-decoration: none;
}
.FdsButtonStyle1 a:hover,
.FdsButtonStyle1 a:active {
background-color: #252b90;
color: #fff;
text-decoration: none;
}
.Grid1 .FdsButtonStyle1 a,
.Column1 .FdsButtonStyle1 a {
display: block;
min-width: 0;
}

.FdsButtonSet li.FdsButtonStyle1 {
float: left;
margin: 0 15px 0 0;
}
.FdsButtonSet li.FdsButtonStyle1.RightBtn {
float: right;
margin: 0;
}

.FdsButtonStyle1 span.Ft01 {
font-size: 1.5em;
line-height: 136%;
}
.FdsButtonStyle1 a.TdFds01 {
font-size: 0.95em;
line-height: 136%;
min-width: auto;
min-height: auto;
font-weight: normal;
padding: 8px 13px 8px 15px;
margin-bottom: 0;
}


/* 終了した事業 reference-room
=========================================================================================== */

/* index
--------------------------------------------- */

.StyleReference .ImgRightAdjust {
	width: 230px;
	margin-left: 0;
}
.StyleReference .AdjustContents {
	width: 470px;
}
.StyleReference .TextStyle1 * {
	line-height: 1.9;
}
.StyleReference .LinkListStyle1 {
	font-size: 100%;
}
.StyleReference .AdjustContents .LinkListStyle1,
.StyleReference .AdjustContents .ListStyle1 {
	font-size: 100%;
}
.StyleReference .HorizontalInnerLinks p.TextStyle1 {
	margin: 0;
	font-weight: bold;
}


/* 新着情報 topics
=========================================================================================== */

.StyleTopics .DateListStyle1 dt {
	font-weight: bold;
}
.StyleTopics .TextStyle1 {
    margin-bottom: 30px;
    line-height: 1.7;
}
.StyleTopics .ColumnSet {
    margin-bottom: 10px;
}
.StyleTopics .ImgBottomMargin {
    margin-bottom: 30px;
}

.StyleTopics .DateLabel {
	display: table;
	margin-bottom: 10px;
}
.StyleTopics .DateLabel .Date,
.StyleTopics .DateLabel .Label {
	display: table-cell;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	padding-top: 1px;
	vertical-align: middle;
	line-height: 19px;
}
.StyleTopics .DateLabel .Label {
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	padding-top: 1px;
	vertical-align: middle;
	line-height: 19px;
}
.StyleTopics .DateLabel .Date {
	width: 150px;
	font-weight: bold;
}
.StyleTopics .DateLabel .Label {
	width: 130px;
	text-align: center;
	color: #fff;
	font-size: 62.5%;
}
.StyleTopics .DateLabel .Label.Environment {
	background-color: #5c8fcf;
}
.StyleTopics .DateLabel .Label.Community {
	background-color: #87b622;
}
.StyleTopics .DateLabel .Label.Human {
	background-color: #eea21e;
}


.StyleTopics table.TableStyle6 tbody th {
	background-color: #fff;
}
.StyleTopics table.TableStyle6 thead th,
.StyleTopics table.TableStyle6 tbody th,
.StyleTopics table.TableStyle6 tbody td {
	border-width: 1px 0;
}
.StyleTopics table.TableStyle6 tbody td {
	width: 33%;
}
.StyleTopics table.TableStyle6 tbody tr.BdNone th,
.StyleTopics table.TableStyle6 tbody tr.BdNone td {
	border-width: 0;
}
.StyleTopics table.TableStyle6 tbody th.BgGray {
	background-color: #f2f2f2;
}



dl.TextStyle1.Development {
	display: table;
}
dl.TextStyle1.Development dt,
dl.TextStyle1.Development dd {
	display: table-cell;
}
dl.TextStyle1.Development dt {
	width: 5em;
}
.DevelopmentTextIndent {
	position: relative;
	padding-left: 0.9rem;
	margin-left: 0.9rem;
}
.DevelopmentTextIndent:before{
		content: "・";
		position: absolute;
		top: 0;
		left: 0;
	}
.DevelopmentTextIndentCircle {
	position: relative;
	padding-left: 1.2rem;
}
.DevelopmentTextIndentCircle:before{
		content: "●";
		position: absolute;
		top: 0;
		left: 0;
}

.tpsTitle001 {
  color: #777;font-size: 130%;
  font-weight: bold;
  line-height: 130%;
  margin-bottom: 10px;
}
ul.List3col01 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
ul.List3col01 li {
font-size: 90%;
display: block;
width: calc(33.33333% - 10px);
margin: 0 0 10px;
line-height: 160%;
}
ul.List3col01 li img {
margin-bottom: 5px;
}

span.tps100TB01 {
font-weight: bold;
font-size: 120%;
text-align: center;
display: block;
margin-bottom: 5px;
}


/* 「理工系女子応援プロジェクト2017」未来をつくるリケジョたち！イベント開催 topics035
--------------------------------------------- */
.DateListStyle2.StyleRikejo dd {
	padding-left: 1em;
	text-indent: -1em;
	margin-left: 5em;
}

/* 「教育フォーラム」参加者募集！ topics035
--------------------------------------------- */
.StyleForum {
	display: table;
	margin-bottom: 30px;
}
.StyleForum .InnerCell {
	display: table-cell;
	vertical-align: middle;
}
.StyleForum .InnerCell:not(:first-child) {
	padding-right: 30px;
	padding-left: 30px;
}



/* 贈呈式
=========================================================================================== */

.KurataZouteiSet {
	display: flex;
	justify-content: space-between;
	padding:0 50px;
}

.KurataZouteiSet li {
	width:32%;
}

.KurataZouteiSet img {
	width:100%;
}

.ACText {
	display: block;
	padding: 0 17px 0 0;
	background-repeat: no-repeat;
	background-position: right center;
	color: #a94657;
	text-decoration: none;
	background-image: url(/image/jp/r1/icon/icon_link_right_hover_hd.gif);
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
}



/* サイトマップ
=========================================================================================== */

/* LinkListの入れ子 */
.SitemapLinkList .LinkListStyle1 li ul {
margin-left: 1em;
}
/**/



/* 沿革
=========================================================================================== */

.DateListStyle2.History {}
.DateListStyle2.History dd {
	margin-bottom:20px;
}
.Historytable {border: 2px solid #18215e;}

.Historytable th,.Historytable td {
border: solid 1px #fff;
}
.Historytable th {background-color: #18215e;color: #fff;width: 70px;}
.Historytable td {background-color: #d9dae0;}
p.HistoryArrowImg {margin:0;padding-left: 100px;}
p.HistoryArrowImg img {margin:0;}

.ResponsiveTableWindow .Contents720 > p.HistoryArrowImg {width: 720px;margin:0 15px;padding-left: 100px;box-sizing: border-box;}




/* 「倉田奨励金」倉田奨励金申請方法 environment / application-method
--------------------------------------------- */
.SectionStepKurata {
	overflow: hidden;
	width: 100%;
	margin-bottom: 40px;
}
.SectionStepKurata:nth-of-type(5) {
	margin-bottom: 100px;
}
.StepKurataIcon {
	float: left;
	width: 134px;
	margin-left: 30px;
}
.StepKurataInner {
	float: left;
	width: calc(100% - 209px);
	padding-left: 45px;
	margin-top: 20px;
}
.StepKurataInner .TextAreaKurata {
	line-height: 1.7;
	font-size: 87.5%;
	margin-bottom: 5px;
}
.StepKurataInner .ListStyleStep {
	line-height: 1.7;
	font-size: 87.5%;
}
.StepKurataInner .ListStyleStep dl {
	display: table;
}
.StepKurataInner .ListStyleStep dt {
	display: table-cell;
	width: 56px;
	letter-spacing: normal;
}
.StepKurataInner .ListStyleStep dl:nth-of-type(3) dt {
	width: 72px;
}
.StepKurataInner .ListStyleStep dd {
	display: table-cell;
	letter-spacing: normal;
}
.StepKurataInner .LinkListStyle1 {}

.TableStyleKurata {
	margin-top: 15px;
}
.TableStyleKurata th {
	padding: 5px 15px;
	text-align: center;
}
.TableStyleKurata td {
	padding: 5px 15px;
}

.ButtonRedKurata {
	margin-bottom: 50px;
}
.ButtonRedKurata p {
	width: 450px;
	line-height: 1;
	text-align: center;
	border-radius: 5px;
	background: linear-gradient(to top, #990000, #e10000);
	margin: auto;
}
.ButtonRedKurata a {
	display: block;
	padding: 9px 0;
	text-decoration: none;
}
.ButtonRedKurata a:hover {
	text-decoration: none;
}
.ButtonRedKurata p span {
	padding-right: 35px;
	line-height: 1;
	color: #fff;
	font-size: 113%;
	background: url(/activities/kurata/images/icon_arrow_white.png) right center no-repeat;
}

.KrtSpace01 {display: inline-block; padding-left: 2em;}

/* 「倉田奨励金」倉田奨励金申請方法 environment / application
--------------------------------------------- */
.IframeOuter {}


/* 「倉田奨励金」奨励賞 */

a.balloonoya {
text-decoration: none;
}
a.balloonoya:hover {
text-decoration: none;
}

.KrtPsnSet {
width: auto;
margin: 0 0 0 -60px;
}
.KrtPsnSet li {
float: left;
width : 25%;
margin: 0;
padding: 0 0 0 60px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
margin-bottom: 58px;
}
.KrtPsnSet span.KrtPsnNo {
display: block;
text-align: left;
font-weight: bold;
max-width: 160px;
padding: 6px 0 4px 20px;
color: #666;
text-decoration: none;
font-size: 83%;
line-height: 110%;
}
.KrtPsnFrm p.ImgOnlyStyle {padding: 0 20px;}
.KrtPsnFrm p.ImgOnlyStyle img {width: 100%;}


.KrtPsnFrm.col1 {
background-color: #dbf5e2;
}
.KrtPsnFrm.col1 .KrtPsnName {
background-color: #4A986C;
}
.KrtPsnFrm.col2 {
background-color: #e7f4fc;
}
.KrtPsnFrm.col2 .KrtPsnName {
background-color: #1371bd;
}
.KrtPsnFrm.col3 {
background-color: #eeeafa;
}
.KrtPsnFrm.col3 .KrtPsnName {
background-color: #766ab0;
}
.KrtPsnFrm.col4 {
background-color: #fce3bb;
}
.KrtPsnFrm.col4 .KrtPsnName {
background-color: #e17859;
}
.KrtPsnName {
/*background-color: #666;*/
color: #fff;
font-size: 90%;
line-height: 130%;
padding: 8px 8px 4px;
}
.KrtPsnName.sm {
font-size: 86%;
}
.KrtPsnName strong {
font-size: 116%;
color: #fff;
}
/* ribbon Label
--------------------------------------------- */
.col01 { background: #4A986C;}
.col02 { background: #1371bd;}
.col03 { background: #766ab0;}
.col04 { background: #e17859;}
.col05 { background: #008bea;}

h3.TpsTitle02.col01 {background: none; color: #4A986C;}
h3.TpsTitle02.col02 {background: none; color: #1371bd;}
h3.TpsTitle02.col03 {background: none; color: #766ab0;}
h3.TpsTitle02.col04 {background: none; color: #e17859;}

p.icRbn01 {
  display: inline-block;
  position: relative;
  height: 40px;/*高さ*/
  line-height: 40px;/*高さ*/
  text-align: center;
  padding: 0 30px 0 18px;/*文字の左右の余白*/
  font-size: 90%;/*文字サイズ*/
  color: #FFF;/*文字色*/
  box-sizing: border-box;
}

p.icRbn01:after {
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}

p.icRbn01:after {
  top: 0;
  right: 0;
  border-width: 20px 10px 20px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}

div.RbnTextSet01 p.icRbn01 {float:left;}
div.RbnTextSet01 p.TextStyle1 {float:right;}

.balloonoya {
position: relative;
}
.balloonoya:hover .balloon {
display: inline-block;
border: 1px solid #ccc;
/*white-space: nowrap;*/
}
.balloon {
position : absolute;                /* 親要素を基準 */
display: none;                        /* 要素を非表示 */
padding: 10px;                         /* テキストの前後の余白 */
background-color: #fff;       /* 背景色（透明度） */
width: 240px;/* 吹き出し全体の幅 */
left : 30%;                           /* 表示位置 */
top : 100%;                           /* 表示位置 */
margin-top : -100px;                    /* 表示位置 */
font-size: 90%;
color: #000;
z-index: 99999;
}
.balloon.sml {width: 180px;}



/* 多文化共生社会の構築シンポジウム
--------------------------------------------- */
.pc02 { display: none !important; }
.sp { display: none !important; }

.PageTitleStyle3.nmgTitle h1 {
	background-color: #e2f2ff;
	background: url(/topics/images/topics069_01.jpg) no-repeat center #e2f2ff;
	height: 196px;
}
.PageTitleStyle3.nmgTitle.t71 h1 {
	background: url(/topics/images/topics071_01.jpg) no-repeat center #e2f2ff;
}
.PageTitleStyle3.nmgTitle.t79 h1 {
	background: url(/topics/images/topics079_01.jpg) no-repeat center #e2f2ff;
}
.PageTitleStyle3.nmgTitle.t80 h1 {
	background: url(/topics/images/topics080_01.jpg) no-repeat center #fce1b5;
}
.PageTitleStyle3.nmgTitle.t89 h1 {
	background: url(/topics/images/089/topics089_01.jpg) no-repeat center #e2f2ff;
}
.PageTitleStyle3.nmgTitle.t91 h1 {
	background: url(/topics/images/091/topics091_02.jpg) no-repeat center #000024;
}
.PageTitleStyle3.nmgTitle.t98 h1 {
	background: url(/topics/images/098/topics098_01.jpg) no-repeat center #e2f2ff;
}

.PageTitleStyle3.nmgTitle h1 span {
	display: none;
}
#TopicPath ul.TpsPath01 {
	padding-bottom: 20px;
}
.PageTitleStyle3.nmgTitle {
	margin: 0;
	background-color: #fff;
}
.PageTitleStyle3.nmgTitle  a:hover img {
	opacity: 1;
}
.TpsBody01 {
	background: url(/topics/images/topics069_04.jpg) left top / cover no-repeat;
	padding-top: 70px;
}
.nonPT {
	padding-top: 0;
}
/* シンポジウム用トップ画像（nmgTitle）を使用しない時 */
.TpsBody01.nonPT .PageTitleStyle3 {
	margin: 0 0 35px;
}
.TpsBox01 {
	background-color: #fff;
	padding: 35px 30px 10px;
	-ms-box-shadow:0px 0px 8px 3px #ddd;
	-moz-box-shadow:0px 0px 8px 3px #ddd;
	-webkit-box-shadow:0px 0px 8px 3px #ddd;
	-o-box-shadow:0px 0px 8px 3px #ddd;
	box-shadow:0px 0px 8px 3px #ddd;
	margin-bottom: 40px;
}
.TpsImgBox01  {
	-ms-box-shadow:0px 0px 8px 3px #ddd;
	-moz-box-shadow:0px 0px 8px 3px #ddd;
	-webkit-box-shadow:0px 0px 8px 3px #ddd;
	-o-box-shadow:0px 0px 8px 3px #ddd;
	box-shadow:0px 0px 8px 3px #ddd;
	margin-bottom: 40px;
}
.TpsImgBox01 img {
margin-bottom: 0;
}
.TpsColumnSet01 .Column1 {
width: 210px;
margin: 0 0 0 21px;
}
.TpsColumnSet01 .Column1_3 {
width: 280px;
margin: 0 0 0 21px;
}

.TpsColumnSet01 .Column3 {
width: 630px;
margin: 0 0 0 21px;
padding-top: 90px;
}
.TpsColumnSet01 .Column1.FirstItem {
margin: 0;
}
.TpsTitle01 {
	font-family: a-otf-ryumin-pr6n, serif;
	font-weight: bold;
	font-size: 186%;
	background: none;
	color: #201813;
	border-left: solid 6px #201813;
	padding: 0 20px;
	line-height: 100%;
	margin-bottom: 30px;
}
.TpsTitle01 span {
	font-family: a-otf-ryumin-pr6n, serif;
    display: inline;
    background: none;
    font-size: 56%;
	color: #201813;
    padding-left: 10px;
    padding-right: 5px;
}

h2 span.TpsCol2 {display: inline-block;vertical-align: bottom;}
h2 span.TpsCol2.TColTitle {font-size: 100%;padding:0;line-height: 140%;}
h2 span.TpsCol2.TColText {padding:0 10px;}

ul.TpsColumnSet01.column3 {
width: 930px;
margin: 0 0 0 -25px;
}

ul.TpsColumnSet01.column3 li {
float: left;
width: 33.33333333%;
padding: 0 0 0 25px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
margin-bottom: 20px;
}
ul.TpsColumnSet01.column3 li p.Img {
margin-bottom: 15px;
}

ul.TpsColumnSet01.column3 li.TpsNarrowList01 {
margin-left: 50px;
}

ul.TpsColumnSet01.column3 li.TpsNarrowList02 {
width: 26%;
display: table;
}
ul.TpsColumnSet01.column3 li.TpsNarrowList02 div.NarrowTextSet {
display: table-cell;
vertical-align: middle;
}
.TpsColumnSet01 .ImgHeadingStyle .Title p {
	background: none;
	font-weight: bold;
	padding: 5px 10px 3px;
	color: #fff;
}
.TpsColumnSet01 .ImgHeadingStyle .Title p.Panelist {
	background-color: rgba(50,116,188,0.8);
}
.TpsColumnSet01 .ImgHeadingStyle .Title p.Moderator {
	background-color: rgba(71,142,53,0.8);
}
span.IntName01 {
	color: #478e35;
	font-weight: bold;
	border: solid 1px #478e35;
	padding: 0 5px;
	width: 60%;
	border-radius: 3px;
	margin-right: 10px;
}
span.IntName02 {
	color: #3274bc;
	font-weight: bold;
	border: solid 1px #3274bc;
	padding: 0 5px;
	width: 60%;
	border-radius: 3px;
	margin-right: 10px;
}
div.PagerBox {
	margin: 63px 0 110px;
	max-width: 100%;
}
ul.TpsPagerList {
	text-align: center;
}
ul.TpsPagerList li {
	display: inline-block;
	vertical-align: middle;
	margin-left: 12px;
}
ul.TpsPagerList li.FirstItem {
	margin-left: 0;
}
ul.TpsPagerList li a,
ul.TpsPagerList li span {
	display: block;
	padding: 2px 10px;
	font-weight: bold;
	font-size: 83%;
	-ms-box-shadow:0px 0px 8px 3px #ddd;
	-moz-box-shadow:0px 0px 8px 3px #ddd;
	-webkit-box-shadow:0px 0px 8px 3px #ddd;
	-o-box-shadow:0px 0px 8px 3px #ddd;
	box-shadow:0px 0px 8px 3px #ddd;
}
ul.TpsPagerList li a {
	color: #222;
	background-color: #fff;
	text-decoration: none;
}
ul.TpsPagerList li a:hover {
	background-color: #666;
	color: #fff;
}
ul.TpsPagerList li span {
	color: #fff;
	background-color: #222;
}


.Textup01 {
font-size: 112%;
}
.Textup02 {
font-size: 122%;
}
.Textup03 {
font-size: 134%;
}

.PanelistBox {
margin-bottom: 40px;
}
.PanelistBox div.Title p,
.PanelistBox div.Title h1 {
background: none;
padding: 0;

}
.PanelistBox div.Title h1 a:link,
.PanelistBox div.Title h1 a:hover,
.PanelistBox div.Title h1 a:visited,
.PanelistBox div.Title h1 a:active{
color: #fff;
}
.PanelistBox div.Title {
padding: 0.8% 3.883495145% 0% 5.2%;
background-color: rgba(0,0,0,.6);
box-sizing: border-box;
overflow: hidden;
}
.PanelistBox div.Title p.item_head {
	font-size: 1.125em;
}
.PanelistBox .symposium_mainvisual_title {
	float: left;
	font-size: 1.875em;
	line-height: 1.1;
	margin-top: 7px;
}
.PanelistBox .symposium_mainvisual_title span {
	float: left;
	font-size: .8em;
	line-height: 1.1;
	margin-top: 7px;
}
.PanelistBox .symposium_mainvisual_name {
	float: right;
	text-align: right;
	padding-bottom: 1%;
}
.PanelistBox div.symposium_mainvisual_title_left_box p.item_space {
	padding-top: 3.5%;
}
.PanelistBox div.Title p.item_text {
	font-size: 0.875em;
	line-height: 1.3;
}
.PanelistBox div.Title p.item_name {
	font-size: 1.5em;
}
.PanelistBox div.Title p.item_name span.small {
	font-size: 0.75em;
}
.PlustBtm01 {
margin-bottom: 80px;
}
.OneHalfBox {
	width: 66%;
}

.TpsBox01 > .ColumnSet .Column2 {
width: calc((100% - 30px) / 2);
}

.flexBox {
display: flex;
column-gap: 15px;
}
.flexBox.item_center {
align-items: center;
}

.TpsMaterialsDownload {
display: flex;
align-items: center;
}
.img_border {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
}

/* 多文化共生社会 共通ボタン */
.SymposiumButtonStyle1 a {
	display: inline-block;
    font-weight: bold;
    letter-spacing: 0.15em;
	min-width: 130px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url("/activities/symposium/images/btn_arrow01.png");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
    border-radius:5px;    
    box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
	padding: 14px 45px 13px 35px;
}
.SymposiumButtonStyle1 a:link,
.SymposiumButtonStyle1 a:visited {
	background-color: #34A853;
	color: #fff;
	text-decoration: none;
}
.SymposiumButtonStyle1 a:hover,
.SymposiumButtonStyle1 a:active {
	background-color: #2D8F47;
	color: #fff;
	text-decoration: none;
}
.Grid1 .SymposiumButtonStyle1 a,
.Column1 .SymposiumButtonStyle1 a {
	display: block;
	min-width: 0;
}

.SymposiumButtonSet li.SymposiumButtonStyle1 {
float: left;
margin: 0 15px 0 0;
}
.SymposiumButtonStyle1 span.Ft01 {
font-size: 1.5em;
line-height: 136%;
}
/*ボタンここまで*/


/* 日立みらいイノベータープログラム
--------------------------------------------- */
#InnTable01 th {color: #fff; font-weight: bold;}

#InnTable01 .col01 { background-color: #00b050; }
#InnTable01 .col02 { background-color: #0070c0; }
#InnTable01 .col03 { background-color: #ffd966; }
#InnTable01 .col04 { background-color: #ffa54b; }

.innTdWdh01 {min-width: 180px;}

.InnFrm01 { border: 1px solid #ed7d31;padding: 5px 10px;margin-bottom: 15px;}
.InnFrm01 dl dt {
background-color: #ed7d31;
color: #fff; 
font-size: 80%;
float: left;
padding: 5px 9px 4px;
line-height: 120%;
margin-right: 14px;
}
.InnFrm01 dl dd {
font-size: 116%;
float: left;
line-height: 120%;
padding-top: 10px;
}
.InnFrm01 dl dt:first-child + dd {margin-right: 40px;}

.InnSetBox01 div.InnTextBox01 {
 float:left;width: 60%;
 margin-right: 10px;
}
.InnSetBox01 div.InnImgBox01 {
float: left; width: 37.5%;
}
.InnSetBox01 div.InnImgBox01 img {
width: 100%;
/*min-width: 250px;*/
}

/* アジアイノベーションアワード
--------------------------------------------- */
/* イノベーションアワード共通ボタン */
.AwdButtonStyle1 a {
	display: inline-block;
    font-weight: bold;
    letter-spacing: 0.15em;
	min-width: 130px;
	min-height: 18px;
	margin: 0 0 15px;
	text-align: center;
	font-size: 83%;
	line-height: 130%;
	background-image: url("/activities/award/images/btn_arrow01.png");
	background-repeat: no-repeat;
	background-position: right 14px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;
	word-break: break-all;
    border-radius:5px;    
    box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 5px 0px -3px rgba(0,0,0,0.1);
	padding: 14px 45px 13px 35px;
}
.AwdButtonStyle1 a:link,
.AwdButtonStyle1 a:visited {
	background-color: #55b3d7;
	color: #fff;
	text-decoration: none;
}
.AwdButtonStyle1 a:hover,
.AwdButtonStyle1 a:active {
	background-color: #0389cd;
	color: #fff;
	text-decoration: none;
}
.Grid1 .AwdButtonStyle1 a,
.Column1 .AwdButtonStyle1 a {
	display: block;
	min-width: 0;
}

.AwdButtonSet li.AwdButtonStyle1 {
float: left;
margin: 0 15px 0 0;
}
.AwdButtonStyle1 span.Ft01 {
font-size: 1.5em;
line-height: 136%;
}
/*Awdボタンここまで*/

.AdditionalNotesStyle1.JNumberList01 dd {
	margin-left: 2.6em;
}

dl.AwardList {
font-size: 90%;
}
dl.AwardList dt {
float: left;
clear: both;
line-height: 140%;
padding: 5px 0;
background-size: 25px 25px;
padding-left: 35px;
background-position: 0 0;
background-repeat: no-repeat;
}
dl.AwardList dd {
padding: 5px 0 5px 8.5em;
line-height: 160%;
}
dl.AwardList dt.gold {
background-image: url("/activities/award/images/img_gold.png");
} 
dl.AwardList dt.silver {
background-image: url("/activities/award/images/img_silver.png");
} 
dl.AwardList dt.bronze {
background-image: url("/activities/award/images/img_bronze.png");
} 

.SDGsCol01 {color: #e5243b;}
.SDGsCol02 {color: #d6a600;}
.SDGsCol03 {color: #1b973a;}
.SDGsCol04 {color: #0075ba;}
.SDGsCol05 {color: #28a838;}
.SDGsCol06 {color: #26bde2;}
.SDGsCol07 {color: #fd9d24;}
/*20250127追加*/
.SDGsCol12 {color: #BF8B2E;}
.SDGsCol13 {color: #3F7E44;}


.h2MidTxt {
float: right;
font-size: 68%;
line-height: 0.5em;
margin-left: 10px;
}

.AWTitFrame01 {width: 100%;display: table;}

.AWSet .AWTitle { font-size: 160%;display: table-cell;padding: 0 20px 0;width: 80%;vertical-align: middle;}
.AWToro {display:table-cell;font-size: 100%; text-align: center;width: 10%;line-height: 120%;}
.AWSDGsIc {display: table-cell;font-weight: bold;font-size: 80%; text-align: center;line-height: 1.95em;width: 10%;vertical-align: middle;}

.AWSet02 .AWTitle { font-size: 120%;display: table-cell;padding: 0 15px 0;width: 80%;vertical-align: middle;}

table.AWSet.DataTableStyle5 {width: 100%;}
table.AWSet02.DataTableStyle5 {width: 100%;}


ul.AWImglist01,ul.AWImglist02 {width: 100%;}
ul.AWImglist01 li {float:left;width: 390px;margin-bottom: 20px;}
ul.AWImglist02 li {float:left;width: 256px;margin-bottom: 10px;}

ul.AWImglist01 li img,
ul.AWImglist02 li img {
width: 100%;
}

ul.AWImglist01 li:nth-child(odd){ margin-right: 10px;}
ul.AWImglist02 li {margin-left: 10px;}
ul.AWImglist02 li:first-child {margin-left: 0;}

ul.AWImglist01 li.vtImg01 {
/*
width: 250px;
*/
}
ul.AWImglist01 li.vtImg01 p,
ul.AWImglist01 li.vtImg02 p {
text-align: center;
}
ul.AWImglist01 li.vtImg01 img {
width: auto;
height: 254px;
}
ul.AWImglist01 li.vtImg02 img {
width: auto;
height: 243px;
}
ul.AWImglist01 li.vtImg03 img {
width: auto;
height: 294px;
}
ul.AWImglist01 li.vtImg04 img {
max-height: 267px;
width: auto;
}




.AWTb01 {margin-top: 10px;}
.AWTb01 th,
.AWTb01 td {background-color: #e9e9e9;border-color: #939393;font-size: 96%;}
.AWTb01 th {border-bottom-style: dashed;}
.AWTb01 td {border-top-style: dashed;}
.AWTb01 colgroup col {width: 16.6666%;}

.AWTb01 .ResponsiveTableHeading {display: none;}


div.AWColumnTop {
text-align: center;
padding: 10px 15px;
border: solid 1px #ddd;
font-size: 83%;
border-bottom: none;
}
div.AWColumnTop .AWToro {
float: none;text-align: center;
display: block;
width: auto;
}

.AWnoWp {white-space: nowrap;}
.AWbg01 {background-color: #f8f8f8;}

/*td.AWAline01 {border-top: none;}*/

table.AWSet.DataTableStyle5 th {width: 14%;}
table.AWSet02.DataTableStyle5 th {width: 15%;}

table.DataTableStyle1.AWjevaTb {font-size: 116%;}
table.DataTableStyle1.AWjevaTb th,
table.DataTableStyle1.AWjevaTb td {vertical-align: middle;}
table.DataTableStyle1.AWjevaTb th {width: auto;}

table.AWSet02.DataTableStyle5 {margin-bottom: 0;}

.AWColumnSet .Column2.FirstItem {margin: 0;width: 483px;}
.AWColumnSet .Column2.LastItem {margin: 0;width: 482px;}
.AWColumnSet .Column2 .DataTableStyle5 {margin-bottom: 0;}

span.AWAline02 {display: inline-block;}
span.AWAline02_01 {display: inline-block;}
span.AWAline02_03 {display: inline-block;}
span.AWAline03 {display: inline-block;}
span.AWAline03_03 {display: inline-block;}
span.AWAline04 {display: inline-block;min-height: 310px;}
span.AWAline05 {display: inline-block;min-height: 270px;}
span.AWAline06 {display: inline-block;min-height: 310px;}
span.AWAline07 {display: inline-block;min-height: 240px;}

span.AWAline08 {display: inline-block;min-height: 290px;}
span.AWAline09 {display: inline-block;min-height: 305px;}
span.AWAline10 {display: inline-block;min-height: 580px;}

span.AWAline11 {display: inline-block;min-height: 500px;}
span.AWAline12 {display: inline-block;min-height: 455px;}
span.AWAline13 {display: inline-block;min-height: 300px;}
span.AWAline14 {display: inline-block;min-height: 310px;}
span.AWAline15 {display: inline-block;min-height: 280px;}
span.AWAline16 {display: inline-block;min-height: 1060px;}
span.AWAline17 {display: inline-block;min-height: 510px;}
span.AWAline18 {display: inline-block;min-height: 340px;}
span.AWAline19 {display: inline-block;min-height: 320px;}
span.AWAline20 {display: inline-block;min-height: 260px;}

td.ImgMW01 {min-width: 100px;width: 20%;vertical-align: middle !important;}


h3.TpsTitle02 {font-weight: normal;font-size: 130%; }


/* topics */
Table.tps087TB th:nth-child(1),
Table.tps087TB th:nth-child(5),
Table.tps087TB td:nth-child(3),
Table.tps087TB td:nth-child(7){
white-space: nowrap;
}
Table.tps087TB td:nth-child(2) {width: 60px;}
Table.tps087TB td:nth-child(3) {min-width: 92px;}
Table.tps087TB td:nth-child(4) {min-width: 200px;}


.DateListStyle2.tp090DD dd {
margin: 0 0 0 6em;
}
.DateListStyle2.tp090DD02, .DateListStyle2.tp090DD03 {
font-size: 100%;
}
.DateListStyle2.tp090DD02 dd {
margin: 0 0 0 10em;
}
.DateListStyle2.tp090DD03 dd {
margin: 0 0 0 17em;
}


/* Space
--------------------------------------------- */
.mb0 {margin-bottom: 0 !important;}
.mb5 {margin-bottom: 5px !important;}
.mb10 {margin-bottom: 10px !important;}
.mb20 {margin-bottom: 20px !important;}
.mb30 {margin-bottom: 30px !important;}
.mb40 {margin-bottom: 40px !important;}
.mb50 {margin-bottom: 50px !important;}

.mgn0 {margin: 0;}

.mt0 {margin-top: 0 !important;}
.mt5 {margin-top: 5px !important;}
.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt40 {margin-top: 40px !important;}
.mt50 {margin-top: 50px !important;}

.pt0 {padding-top: 0 !important;}
.pt5 {padding-top: 5px !important;}
.pt10 {padding-top: 10px !important;}
.pt20 {padding-top: 20px !important;}
.pt30 {padding-top: 30px !important;}
.pt40 {padding-top: 40px !important;}
.pt50 {padding-top: 50px !important;}

.ULText {text-decoration: underline;}

.TextStyleL {font-size: 110%;margin: 0 0 15px;}