body {
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
-webkit-text-size-adjust:none;
margin:0;
padding:0;
background:#000;
color:#FFF;
}
a:link {
text-decoration:none;
color:#FFF;
}
a:visited {
text-decoration:none;
color:#FFF;
}
a:hover {
text-decoration:underline;
color:#FFF;
}
img {
border:none;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterHeader {
color:#FFF;
}
#masterMain {
width:auto;
}
#masterBody {
width:100%;
margin:0 auto;
background:#000;
}
#masterContents {
width:100%;
margin:0 auto;
padding:15px 0 20px;
}
#localNavigation {
margin:0 auto;
padding:15px 30px 20px;
overflow:hidden;
text-align:center;
}
#localNavigation .lnavBtn {
width:300px;
height:100px;
display:block;
text-align:center;
margin:0 5px;
float:left;
}
#localNavigation .lnavBtn a {
width:300px;
height:100px;
display:block;
text-indent:-99999px;
background:url(https://image.itmedia.co.jp/topics/1606/iiot/images/menu.png) no-repeat 0 0;
}
#localNavigation .lnavBtn.lnavBtnFactory a {
background-position:0 0;
}
#localNavigation .lnavBtn.lnavBtnFactory a:hover {
background-position:0 -100px;
}
#localNavigation .lnavBtn.lnavBtnFactory a.active {
background-position:0 -200px;
cursor:default;
}
#localNavigation .lnavBtn.lnavBtnTechnology a {
background-position:-300px 0;
}
#localNavigation .lnavBtn.lnavBtnTechnology a:hover {
background-position:-300px -100px;
}
#localNavigation .lnavBtn.lnavBtnTechnology a.active {
background-position:-300px -200px;
cursor:default;
}
#localNavigation .lnavBtn.lnavBtnService a {
background-position:-600px 0;
}
#localNavigation .lnavBtn.lnavBtnService a:hover {
background-position:-600px -100px;
}
#localNavigation .lnavBtn.lnavBtnService a.active {
background-position:-600px -200px;
cursor:default;
}
section {
margin:0 0 40px;
}

@media screen and (max-width:498px) { 
	#masterMain {
	width:320px;
	margin:0 auto 50px;
	}
	#localNavigation {
	width:160px;
	padding:15px 0 20px;
	}
	#localNavigation .lnavBtn,
	#localNavigation .lnavBtn a {
	width:150px;
	height:50px;
	float:none;
	margin-bottom:10px;
	}
	#localNavigation .lnavBtn a {
	background-size:450px 150px;
	 margin-bottom:5px;
	}
	#localNavigation .lnavBtn.lnavBtnFactory a:hover {
	background-position:0 -50px;
	}
	#localNavigation .lnavBtn.lnavBtnFactory a.active {
	background-position:0 -100px;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a {
	background-position:-150px 0;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a:hover {
	background-position:-150px -50px;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a.active {
	background-position:-150px -100px;
	}
	#localNavigation .lnavBtn.lnavBtnService a {
	background-position:-300px 0;
	}
	#localNavigation .lnavBtn.lnavBtnService a:hover {
	background-position:-300px -50px;
	}
	#localNavigation .lnavBtn.lnavBtnService a.active {
	background-position:-300px -100px;
	}
}
@media screen and (min-width:498px) and ( max-width:747px) {
	#masterMain {
	width:498px;
	margin:0 auto 50px;
	}
	#localNavigation {
	width:480px;
	padding:15px 0 20px;
	}
	#localNavigation .lnavBtn,
	#localNavigation .lnavBtn a {
	width:150px;
	height:50px;
	}
	#localNavigation .lnavBtn a {
	background-size:450px 150px;
	}
	#localNavigation .lnavBtn.lnavBtnFactory a:hover {
	background-position:0 -50px;
	}
	#localNavigation .lnavBtn.lnavBtnFactory a.active {
	background-position:0 -100px;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a {
	background-position:-150px 0;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a:hover {
	background-position:-150px -50px;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a.active {
	background-position:-150px -100px;
	}
	#localNavigation .lnavBtn.lnavBtnService a {
	background-position:-300px 0;
	}
	#localNavigation .lnavBtn.lnavBtnService a:hover {
	background-position:-300px -50px;
	}
	#localNavigation .lnavBtn.lnavBtnService a.active {
	background-position:-300px -100px;
	}
}
@media screen and (min-width:747px) and ( max-width:990px) {
	#masterMain {
	width:747px;
	margin:0 auto 50px;
	}
	#localNavigation {
	width: 660px;
	}
	#localNavigation .lnavBtn,
	#localNavigation .lnavBtn a {
	width:210px;
	height:70px;
	}
	#localNavigation .lnavBtn a {
	background-size:630px 210px;
	}
	#localNavigation .lnavBtn.lnavBtnFactory a:hover {
	background-position:0 -70px;
	}
	#localNavigation .lnavBtn.lnavBtnFactory a.active {
	background-position:0 -140px;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a {
	background-position:-210px 0;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a:hover {
	background-position:-210px -70px;
	}
	#localNavigation .lnavBtn.lnavBtnTechnology a.active {
	background-position:-210px -140px;
	}
	#localNavigation .lnavBtn.lnavBtnService a {
	background-position:-420px 0;
	}
	#localNavigation .lnavBtn.lnavBtnService a:hover {
	background-position:-420px -70px;
	}
	#localNavigation .lnavBtn.lnavBtnService a.active {
	background-position:-420px -140px;
	}
}
@media screen and (min-width:990px) {
	#masterContents {
	width:990px;
	}
	#localNavigation {
	width:930px;
	}
}
/*---------------------------------------------------------------------*/
/* カラムボックス */
/*---------------------------------------------------------------------*/
.colBox {
margin:0 auto 10px;
width:auto;
box-sizing:border-box;
}
.colBox a:link,
.colBox a:visited {
text-decoration:none;
}
.colBoxInner,
.colBoxHead {
text-align:left;
}
.colBoxHead {
position:relative;
margin:0 0 15px;
padding:0 0 3px;
border-bottom:2px solid #4b4b4b;
}
#colBoxFutures .colBoxHead {
margin:0;
border-bottom:none;
}
.colBoxIndex {
width:210px;
margin:0 18px 18px;
float:left;
position:relative;
border-top:1px solid #A01013;
}
.colBoxTitle {
background-color:rgba(0,0,0,0.75);
width:100%;
height:42px;
overflow:hidden;
margin:0 0 3px;
padding:0;
bottom:0;
left:0;
}
.colBoxTitle h3 {
font-size:14px;
line-height:18px;
margin:0;
padding:5px 0;
word-break:break-all;
}
.colBoxHeadSubtxt {
position:absolute;
top:3px;
right:0;
font-size:10px;
line-height:14px;
}
.colBoxNewtxt {
font-weight:bold;
color:#C00;
}
.colBoxHead h2 {
font-size:18px;
line-height:24px;
margin:0;
font-weight:normal;
}
.colBoxSubhead {
background:#EEE;
margin:0 0 5px;
padding:3px;
}
.colBoxSubhead h4 {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxIcon {
display:block;
width:210px;
height:118px;
overflow:hidden;
position:relative;
}
.colBoxIcon a {
line-height:0;
display:block;
width:210px;
height:118px;
}
.colBoxIcon img {
margin:0;
position:absolute;
width:210px;
height:158px;
top:-20px;
left:0;
}

.colBoxSubTitle {
margin:0 0 3px;
}
.colBoxSubTitle h5 {
font-size:12px;
line-height:16px;
margin:0;
color:#A73;
}
.colBoxDescription {
margin:0 0 3px;
}
.colBoxDescription p {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxIndex .linkset {
clear:both;
margin:0 0 3px;
padding:0;
list-style-type:none;
}
.colBoxIndex .linkset li {
font-size:12px;
line-height:16px;
margin:0;
padding:0 0 3px 12px;
background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 0 2px;
}
.colBoxInfo {
margin:0 10px;
font-size:10px;
color:#777;
text-align:right;
}
.colBoxInfo::before {
content:"- ";
}
.colBoxInfo a {
color:#777;
}
.colBoxInfo .colBoxDate {
font-size:10px;
line-height:14px;
}
.colBoxInfo .colBoxLinktxt {
font-size:12px;
line-height:16px;
}
.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}
.colBoxUlist {}
.colBoxUlist ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxUlist ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 0 2px;
border-bottom:1px dotted #CCC;
}


/*---------------------------------------------------------------------*/
/* ヘッダー タイトル */
/*---------------------------------------------------------------------*/
#topicsTitle {
width:100%;
max-width:990px;
min-width:350px;
height:350px;
margin:0 auto;
position:relative;
}
#topicsTitle h1 {
width:100%;
max-width:990px;
height:100%;
margin:0;
padding:0;
text-align:center;
color:#999;
background:url(https://image.itmedia.co.jp/topics/1606/iiot/images/title.png) no-repeat 0 0;
background-size:contain;
background-position:center;
text-indent:-9999px;
}
#topicsTitle h1 a {
width:100%;
max-width:990px;
height:100%;
display:block;
}
#topicsTitle .SocialLinks {
width:22px;
height:22px;
position:absolute;
}
#topicsTitle .SocialLinksFacebook {
background:url(https://image.itmedia.co.jp/mn/images/icon_facebook.png) no-repeat 0 0 transparent;
background-size:contain;
right:82px;
top:10px;
}
#topicsTitle .SocialLinksTwitter {
background:url(https://image.itmedia.co.jp/mn/images/icon_twitter.png) no-repeat 0 0 transparent;
background-size:contain;
right:50px;
top:10px;
}
#topicsTitle .SocialLinks a {
width:22px;
height:22px;
margin:0;
display:block;
text-indent:-9999px;
}

#topicsTitle ul {
list-style:none;
margin:0;
padding:0;
}
#topicsTitle li {
position:absolute;
list-style:none;
margin:0;
padding:0;
display:block;
}
#topicsTitle li a {
display:block;
text-indent:-9999px;
}
#topicsTitle li.monoist {
top:270px;
left:405px;
}
#topicsTitle li.monoist a {
width:120px;
height:30px;
}
#topicsTitle li.eetimes {
top:258px;
left:541px;
}
#topicsTitle li.eetimes a {
width:92px;
height:45px;
}
#topicsTitle li.edn {
top:266px;
left:652px;
}
#topicsTitle li.edn a {
width:65px;
height:34px;
}
#topicsTitle li.smartjapan {
top:266px;
left:734px;
}
#topicsTitle li.smartjapan a {
width:100px;
height:34px;
}
#topicsTitle li.techfactory {
top:264px;
left:850px;
}
#topicsTitle li.techfactory a {
width:94px;
height:42px;
}
@media screen and (max-width:498px) { 
	#topicsTitle {
	width:320px;
	height:113px;
	}
	#topicsTitle li.monoist {
	top:87px;
	left:130px;
	}
	#topicsTitle li.monoist a {
	width:42px;
	height:12px;
	}
	#topicsTitle li.eetimes {
	top:83px;
	left:175px;
	}
	#topicsTitle li.eetimes a {
	width:31px;
	height:17px;
	}
	#topicsTitle li.edn {
	top:86px;
	left:211px;
	}
	#topicsTitle li.edn a {
	width:23px;
	height:13px;
	}
	#topicsTitle li.smartjapan {
	top:86px;
	left:237px;
	}
	#topicsTitle li.smartjapan a {
	width:34px;
	height:13px;
	}
	#topicsTitle li.techfactory {
	top:85px;
	left:275px;
	}
	#topicsTitle li.techfactory a {
	width:33px;
	height:16px;
	}
	#topicsTitle .SocialLinksFacebook {
	right:52px;
	top:5px;
	}
	#topicsTitle .SocialLinksTwitter {
	right:20px;
	top:5px;
	}
}
@media screen and (min-width:498px) and ( max-width:747px) {
	#topicsTitle {
	width:498px;
	height:170px;
	}
	#topicsTitle li.monoist {
	top:131px;
	left:196px;
	}
	#topicsTitle li.monoist a {
	width:59px;
	height:15px;
	}
	#topicsTitle li.eetimes {
	top:125px;
	left:263px;
	}
	#topicsTitle li.eetimes a {
	width:45px;
	height:23px;
	}
	#topicsTitle li.edn {
	top:130px;
	left:316px;
	}
	#topicsTitle li.edn a {
	width:33px;
	height:18px;
	}
	#topicsTitle li.smartjapan {
	top:130px;
	left:356px;
	}
	#topicsTitle li.smartjapan a {
	width:50px;
	height:17px;
	}
	#topicsTitle li.techfactory {
	top:128px;
	left:412px;
	}
	#topicsTitle li.techfactory a {
	width:48px;
	height:21px;
	}
}
@media screen and (min-width:747px) and ( max-width:990px) {
	#topicsTitle {
	width:747px;
	height:272px;
	}
	#topicsTitle li.monoist {
	top:210px;
	left:314px;
	}
	#topicsTitle li.monoist a {
	width:94px;
	height:24px;
	}
	#topicsTitle li.eetimes {
	top:200px;
	left:420px;
	}
	#topicsTitle li.eetimes a {
	width:72px;
	height:36px;
	}
	#topicsTitle li.edn {
	top:208px;
	left:506px;
	}
	#topicsTitle li.edn a {
	width:52px;
	height:28px;
	}
	#topicsTitle li.smartjapan {
	top:208px;
	left:570px;
	}
	#topicsTitle li.smartjapan a {
	width:79px;
	height:28px;
	}
	#topicsTitle li.techfactory {
	top:205px;
	left:660px;
	}
	#topicsTitle li.techfactory a {
	width:74px;
	height:33px;
	}
}
@media screen and (min-width:990px) {
	#topicsTitle {
	height:350px;
	}
}
/*---------------------------------------------------------------------*/
/* Futures */
/*---------------------------------------------------------------------*/
#colBoxFutures {
text-align:center;
}
#colBoxFutures .colBoxOuter {
display:inline-block;
}
#colBoxFutures .colBoxInner {
border:1px solid #4b4b4b;
padding:20px 10px;
}
#colBoxFutures .colBoxIndex {
margin:0 15px;
border-top:none;
}
@media screen and (min-width:747px) and ( max-width:990px) {
	#colBoxFutures {
	width:502px;
	}
	#colBoxFutures .colBoxIndex {
	    margin:0 15px 15px;
	}
}
@media screen and ( max-width:747px) {
	#colBoxFutures .colBoxIndex {
	float:none;
	}
}

/*---------------------------------------------------------------------*/
/* インタビュー特集 */
/*---------------------------------------------------------------------*/
#colBoxInterview {
margin:0 3px;
}
#colBoxInterview .colBoxArticleType {
position:absolute;
top:-14px;
left:0;
font-size:10px;
line-height:12px;
}
#colBoxInterview .colBoxArticleType span {
display:none;
background:#A01013;
padding:1px 5px;
color:#FFF;
}
#colBoxInterview .colBoxArticleType span.at_Special {
display:block;
}

/*---------------------------------------------------------------------*/
/* 新着記事 */
/*---------------------------------------------------------------------*/
#colBoxArticleList .colBoxInner span {
border:1px solid #FFF;
padding:5px 30px;
cursor:pointer;
margin:20px auto;
display:block;
width:200px;
text-align:center;
}
#colBoxArticleList .colBoxInner span:hover {
background:#555;
text-decoration:underline;
}
#colBoxArticleList .colBoxInner span:hover {
background:#555;
text-decoration:underline;
}
.colBoxIndex.listfactory {
border-top:1px solid #ff3e00;
}
.colBoxIndex.listtechnology {
border-top:1px solid #5792ff;
}
.colBoxIndex.listservice {
border-top:1px solid #ffc000;
}
.colBoxIndex.Special {
border-top:1px #A01013 solid;
}
.colBoxIndex.Special::after {
content:'PR';
position:absolute;
left:0;
top:-15px;
font-size:12px;
line-height:12px;
color:#FFF;
background:#A01013;
padding:2px 10px 1px;
}


/*---------------------------------------------------------------------*/
/* スポンサーロゴ */
/*---------------------------------------------------------------------*/
.colBoxLogolist {
margin:0;
overflow:hidden;
}
.colBoxLogolist .colBoxLogo {
float:left;
margin:0 5px 10px;
padding:10px;
}
.colBoxLogolist .colBoxLogo a {
display:block;
line-height:0;
}
#colBoxLogolistPlatinum img {
width:300px;
height:160px;
}
#colBoxLogolistGold img {
width:200px;
height:107px;
}
#colBoxLogolistSilver img {
width:100px;
height:54px;
}

/*---------------------------------------------------------------------*/
/* 共通フッタ（簡易版） */
/*---------------------------------------------------------------------*/
#globalFooterLink {
width:94%;
margin:0 auto 10px;
padding:0;
font-size:10px;
line-height:14px;
text-align:right;
}
#globalFooterCorp {
clear:both;
width:94%;
margin:0 auto 15px;
padding:10px 0 0;
border-top:1px solid #DDD;
}
#globalFooterCorpIn {
}
#globalFooterCorp p a:link,
#globalFooterCorp p a:visited {
}
#globalFooterCorpLogo {
position:relative;
display:bslock;
margin:0 0 5px;
padding:12px 0 0 180px;
font-size:12px;
line-height:16px;
}
#globalFooterCorpLogo a {
position:absolute;
top:0;
left:0;
display:block;
width:170px;
height:28px;
background:url(https://image.itmedia.co.jp/images/logo/170_itmedia_bgb.gif) no-repeat 0 0;
text-indent:-9999px;
float:left;
}
#globalFooterCorpLink {
margin:0;
font-size:12px;
line-height:16px;
clear:both;
}
@media screen and (min-width:990px) {
  #globalFooterLink {
    width:970px;
  }
  #globalFooterCorp {
    width:970px;
  }
}
@media screen and (max-width:498px) { 
	.colBoxIndex {
	margin:0 auto 18px;
	float:none;
	}
}