@charset "utf-8";
/* CSS Document */

/*************************************************************************************************************/
/*  日立受賞ページスタイルシート
/*************************************************************************************************************/

#ieee_global_header { width:980px; margin:0 auto 0;}
#ieee_wrapper { width:100%; margin:auto; background-color:#282828;}

/*-----------------------------------------------*/
/*　汎用クラス
/*-----------------------------------------------*/
#ieee_content { overflow-x: hidden;}
.font_small { font-size:10px}
.FLNM { float:left;}
.FRNM { float:right;}
.floatR { float:right; margin-left:20px; margin-bottom:20px;}
.clear {clear:both;}
.marginB10 { margin-bottom:10px;}
.marginB20 { margin-bottom:20px;}
.marginR10 { margin-right:10px;}
.marginR20 { margin-right:20px;}
.marginT10 { margin-top:10px}
.marginT20 { margin-top:20px;}
.marginT30 { margin-top:30px}
.paddingB10 { padding-bottom:10px;}
.paddingT10 { padding-top:10px;}
.txtC { text-align:center;}
.txtR { text-align:right;}
.w155 { width:155px;}
.w170 { width:170px;}
.w350 { width:350px;}
span.img { position:relative; z-index:-1; font-size:12px;}
ul.FLNM li{ float:left;}
.valignB { vertical-align:bottom;}
.txtB { font-weight:bold;} 
#Contents {text-align: left;}
#ContentsX  h2 {background: none;}
#Popup div#Contents {
	padding: 0;
}
#Popup div#Contents .Container.Wide,
#Popup div#Contents .GridSet {
	width: auto;
	max-width: none;
	padding: 0;
}

@media screen and (max-width: 1304px) {
.OptionWideRWD #Contents, .JS #Contents, body:not(#_) #Contents {padding-right: 0; padding-left: 0;}
}
@media screen and (max-width: 480px) {
.FLNM, .FRNM { float:none; margin: 0 auto!important; display: block;}
}
/*-----------------------------------------------*/
/*　ヘッダー
/*-----------------------------------------------*/

#ieee_header { width:980px; margin:0 auto 0; background:url(/file/jp/about/ieee/images/top_bg003.jpg) top left repeat-y;}

/*グロナビ*/
#ieee_gnavi { width:960px; margin:0 auto 0;}
#ieee_gnavi li { float:left; }

/*-----------------------------------------------*/
/*　コンテンツ
/*-----------------------------------------------*/

#ieee_content { width:100%; max-width:980px; margin:0 auto 0; background:url(/file/jp/about/ieee/common/images/top_bg004.jpg) top left repeat-y; padding-bottom:100px;}
#ieee_main_image { width: 100%; max-width:960px; margin:0 auto 0;}
#ieee_content .block01 { width:960px; margin:0 auto 0; color:#FFFFFF; padding:30px 40px 20px;}
#ieee_content .block01 img { margin-right:20px;}
#ieee_content .block02 { width:925px; margin:0 auto 0;}
#ieee_content .block02 dl { width:455px; background:url(/file/jp/about/ieee/images/top_bg001.gif) top left no-repeat; padding:20px;}
#ieee_content .block02 dd .txt { width:300px; margin-right:10px;}
#ieee_content .block02 dd .txt p { color:#FFFFFF; min-height:70px; _height:70px;}
#ieee_content .block02 dd .txt img { margin-left:70px;}
#ieee_content .block02 dd .txt2 { width:260px; margin-right:10px;}
#ieee_content .block02 dd .txt2 p { color:#FFFFFF; min-height:70px; _height:70px;}
#ieee_content .block02 dd .txt2 img { margin-left:50px;}
@media screen and (max-width: 980px) {
#ieee_content .block01 { padding: 30px 10px 20px; box-sizing: border-box;}
#ieee_content .block01 img { margin-right:0;}
}

/*-----------------------------------------------*/
/*　以下、個別ページスタイル
/*-----------------------------------------------*/

/*---------------------------------------------------------------------------------------------------------*/
/*　トップページ
/*---------------------------------------------------------------------------------------------------------*/

#contents.ieee_top #ieee_content { width:100%; max-width:980px; margin:0 auto 0; background:url(/file/jp/about/ieee/images/top_bg004.jpg) top left repeat-y; padding-bottom:100px;}
#contents.ieee_top #ieee_content .block01 { width:930px; margin:0 auto 30px; color:#FFFFFF; padding:30px 0 0 20px;}
#contents.ieee_top #ieee_content .block01 p { width:660px; padding-right:60px;}
#contents.ieee_top #ieee_content .block02 { width:925px; margin:0 auto 0;}
#contents.ieee_top #ieee_content .block02 .inner { width:455px; background:url(/file/jp/about/ieee/images/top_bg002.gif) bottom left no-repeat; float:left; min-height:200px; _height:200px }
#contents.ieee_top #ieee_content .block02 .inner_en { width:455px; background:url(/file/jp/about/ieee/images/top_bg002.gif) bottom left no-repeat; float:left; min-height:230px; _height:230px }
#contents.ieee_top #ieee_content .block02 dl { width:455px; background:url(/file/jp/about/ieee/images/top_bg001.gif) top left no-repeat; padding:20px 0 20px 0; }
#contents.ieee_top #ieee_content .block02 dt { padding-left:20px; margin-bottom:10px;}
#contents.ieee_top #ieee_content .block02 dd .txt { width:300px; margin-right:10px; padding-left:20px;}
#contents.ieee_top #ieee_content .block02 dd .txt2 { width:260px; margin-right:10px; padding-left:20px;}
@media screen and (max-width: 980px) {
#contents.ieee_top #ieee_content { width:100%; background:#111111;}
#contents.ieee_top #ieee_content .block01, #contents.ieee_top #ieee_content .block02 {width: 100%;}
#contents.ieee_top #ieee_content .block02 .inner, #contents.ieee_top #ieee_content .block02 .inner_en {float: none; margin: 0 auto!important;}
#contents.ieee_top #ieee_content .block02 .inner:first-of-type, #contents.ieee_top #ieee_content .block02 .inner_en:first-of-type {margin-bottom: 10px!important;}
#contents.ieee_top #ieee_content .block01 p { width: calc(100% - 202px); padding-right: 10px;}
#ieee_content .block01 img {display: block; margin: 0 auto;}
#ieee_content .block01 h2 img {margin: 0 0 20px 0; padding-left: 10px;width: 100%; max-width: 702px;}
}
@media screen and (max-width: 560px) {
#contents.ieee_top #ieee_content .block01 { padding :30px 10px 0 10px;}
#contents.ieee_top #ieee_content .block01 .FLNM, #contents.ieee_top #ieee_content .block01 .FRNM, #contents.ieee_top #ieee_content .block02 .FLNM, #contents.ieee_top #ieee_content .block02 .FRNM { float: none; margin: 0 auto!important; display: block;}
#contents.ieee_top #ieee_content .block01 .FRNM { width: 100%;}
#contents.ieee_top #ieee_content .block02 .inner, #contents.ieee_top #ieee_content .block02 .inner_en, #contents.ieee_top #ieee_content .block02 dl {width: 100%; max-width: 455px; background-size: 100%;}
#contents.ieee_top #ieee_content .block02 .inner dd, #contents.ieee_top #ieee_content .block02 .inner_en dd {display: flex; flex-direction: column;}
#contents.ieee_top #ieee_content .block02 .inner dd .txt, #contents.ieee_top #ieee_content .block02 .inner dd .txt2, #contents.ieee_top #ieee_content .block02 .inner_en dd .txt, #contents.ieee_top #ieee_content .block02 .inner_en dd .txt2 {padding: 0;}
#contents.ieee_top #ieee_content .block02 .inner dd > div, #contents.ieee_top #ieee_content .block02 .inner_en dd > div {order: 99;}
#contents.ieee_top #ieee_content .block02 dd .txt p, #contents.ieee_top #ieee_content .block02 dd .txt2 p { min-height: 50px;}
#contents.ieee_top #ieee_content .block02 dd .txt, #contents.ieee_top #ieee_content .block02 dd .txt2 { width: calc(100% - 40px);margin: 0 auto;}
#contents.ieee_top #ieee_content .block02 .inner dd .txt a img, #contents.ieee_top #ieee_content .block02 .inner dd .txt2 a img, #contents.ieee_top #ieee_content .block02 .inner_en dd .txt a img, #contents.ieee_top #ieee_content .block02 .inner_en dd .txt2 a img {margin: 0 auto; display: block;}
}

/*---------------------------------------------------------------------------------------------------------*/
/*　メッセージページ
/*---------------------------------------------------------------------------------------------------------*/

#contents.ieee_message #ieee_content { width:100%; max-width:980px; margin:0 auto 0; background:url(/file/jp/about/ieee/images/top_bg003.jpg) top left repeat-y; padding-bottom:100px;}
#contents.ieee_message #ieee_content .block01 { width:747px; background:url(/file/jp/about/ieee/images/message_bg001.gif) bottom left repeat-x;}
#contents.ieee_message #ieee_content .block01 .txt { width:534px;}
#contents.ieee_message #ieee_content .block01 .en { width:500px;}
#contents.ieee_message #ieee_content .last { background:none;}
@media screen and (max-width: 980px) {
#contents.ieee_message #ieee_content { width:100%; background:#000000;}
#contents.ieee_message #ieee_content .block01 {width: 100%;}
#contents.ieee_message #ieee_content .block01 .txt {width: calc(100% - 182px);}
#contents.ieee_message #ieee_content .block01 .txt.en {width: calc(100% - 218px);}
}
@media screen and (max-width: 480px) {
#contents.ieee_message #ieee_content .block01 .txt, #contents.ieee_message #ieee_content .block01 .txt.en {width: 100%; float: none;}
}
/*---------------------------------------------------------------------------------------------------------*/
/*　電子顕微鏡ページ
/*---------------------------------------------------------------------------------------------------------*/

#contents.ieee_product #ieee_content { width:100%; max-width:980px; margin:0 auto 0; background:url(/file/jp/about/ieee/images/top_bg003.jpg) top left repeat-y; padding-bottom:100px;}
#contents.ieee_product #ieee_content h2 { margin:0 0 30px 0;}
#contents.ieee_product #ieee_content .block01 { width:781px;}
#contents.ieee_product #ieee_content .block01 img { margin:0;}
#contents.ieee_product #ieee_content .block01 p { width:350px;}
#contents.ieee_product #ieee_content .block01 p span.tit { font-weight:bold; font-size:18px; }
@media screen and (max-width: 980px) {
#contents.ieee_product #ieee_content { width:100%; background:#000000;}
#contents.ieee_product #ieee_content .block01 {width: 100%;}
#contents.ieee_product #ieee_content .block01 img {padding: 0!important;}
#contents.ieee_product .w350 { width:100%;}
#contents.ieee_product #ieee_content .block01 .txt {width: calc(100% - 182px);}
#contents.ieee_product #ieee_content .block01 .w350 {width: calc(100% - 419px);}
#contents.ieee_product #ieee_content .block01 p { width:100%;}
}
@media screen and (max-width: 820px) {
#contents.ieee_product .FRNM, #contents.ieee_product .FLNM  { float: none; margin: 0 auto!important; display: block;}
#contents.ieee_product #ieee_content .block01 .w350  { width:100%;}
}

/*---------------------------------------------------------------------------------------------------------*/
/*　記念動画ページ
/*---------------------------------------------------------------------------------------------------------*/

#contents.ieee_movie #ieee_content { width:100%; max-width:980px; margin:0 auto 0; background:url(/file/jp/about/ieee/images/top_bg003.jpg) top left repeat-y; padding-bottom:100px;}
#contents.ieee_movie #ieee_content .block01 { width:704px; height:400px; margin:30px auto 0; padding-bottom:50px;}
#contents.ieee_movie #ieee_content .block01 p { width:880px; margin:30px auto 0; line-height:160%;}
@media screen and (max-width: 980px) {
#contents.ieee_movie #ieee_content { width:100%; background:#000000;}
}
@media screen and (max-width: 600px) {
#contents.ieee_movie #ieee_content > div:nth-of-type(2) {position: relative; width: 100%; max-width: 600px; padding-top: 75%;}
#contents.ieee_movie #ieee_content > div:nth-of-type(2) iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}
}

/*---------------------------------------------------------------------------------------------------------*/
/*　ヒストリーページ
/*---------------------------------------------------------------------------------------------------------*/

#contents.ieee_history #ieee_content { width:100%; max-width:980px; margin:0 auto 0; background:url(/file/jp/about/ieee/images/top_bg003.jpg) top left repeat-y; padding-bottom:100px;}
#contents.ieee_history #ieee_content .block01 { width:799px;}
#contents.ieee_history #ieee_content .block01 h2 { margin:0 0 30px 0;}
#contents.ieee_history #ieee_content .block01 table tr { background-color:#151515;}
#contents.ieee_history #ieee_content .block01 table th, #contents.ieee_history #ieee_content .block01 table td {border: none; font-size: 100%;}
#contents.ieee_history #ieee_content .block01 table th { padding:5px; background-color:transparent;}
#contents.ieee_history #ieee_content .block01 table td { padding:5px; background-color:transparent; border-left:#666666 1px solid;}
#contents.ieee_history #ieee_content .block01 table tr.style02 { background-color:#282828;}
@media screen and (max-width: 980px) {
#contents.ieee_history #ieee_content { width:100%; background:#000000;}
#contents.ieee_history #ieee_content .block01 {width: 100%;}
#contents.ieee_history #ieee_content .block01 table {width: calc(50% - 5px);}
}
@media screen and (max-width: 767px) {
#contents.ieee_history .FRNM, #contents.ieee_history .FLNM  { float: none; margin: 0 auto!important; display: block;}
#contents.ieee_history #ieee_content .block01 table {width: 100%; table-layout: fixed;}
#contents.ieee_history #ieee_content .block01 table th {width: 5em;}
#contents.ieee_history #ieee_content .block01 table td {width: 100%;}
}


/*---------------------------------------------------------------------------------------------------------*/
/*　feページ
/*---------------------------------------------------------------------------------------------------------*/

#ieee_fe { background-color:#000000;}
#ieee_fe  #ieee_content .block01 { width: 100%; max-width:800px;}
#ieee_fe  #ieee_content .block01 p { width: 100%; max-width:800px; text-align:left}
#ieee_fe  #ieee_content .block02 { width: 100%; max-width:543px; margin:0 auto 0;}
#ieee_fe  #ieee_content .block02 .txt { width:281px; margin:30px auto 0;}
#ieee_fe  #ieee_content .block03 { width:92px; margin:50px auto 0;}
#ieee_fe #ieee_wrapper { background-color:#000000;}
#ieee_fe #ieee_content { background:none;}
#Popup #ieee_content .block01 img { max-width: 800px; width: 150%; height: auto;}

@media screen and (max-width: 600px) {
#ieee_fe .FRNM, #ieee_fe .FLNM { float: none; margin: 0 auto!important; display: block;}
#ieee_fe .FLNM {margin-bottom: 20px!important;}
}

/*---------------------------------------------------------------------------------------------------------*/
/*　マイルストーンページ
/*---------------------------------------------------------------------------------------------------------*/

#ieee_mile {background-color:#000000;}
#ieee_mile #ieee_wrapper { background-color:#000000;}
#ieee_mile #ieee_content { background:none; }
#ieee_mile  #ieee_content .block01 { width: 100%; max-width:800px;}
#ieee_mile  #ieee_content .block01 p { width: 100%; max-width:800px; text-align:left;}
#ieee_mile #ieee_content .block02 { width: 100%; max-width:459px; margin:0 auto 0;}
#ieee_mile #ieee_content .block02 img { width: calc(100% - 20px); padding: 0 10px; height: auto;}
#ieee_mile #ieee_content .block02 div.txt { width:204px; margin:30px auto 0;}
#ieee_mile  #ieee_content .block03 { width:92px; margin:50px auto 0;}