@import url(/css/base.css);

/* txt */
/* bg */
/* color */
/* partsBox */
html,
* html body {
margin:0 !important;
font-size:10px;
height:100%;
}

* {
-webkit-text-size-adjust:none;
}

body {
margin:0;
padding:0;
font-family:Meiryo, 'メイリオ', Helvetica, ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
font-size:10px;
line-height:1.7;
color:#333;
width:100%;
height:100%;
background:#FFF;
}
.clearbox {
clear:both;
height:0px;
display:block;
}
.h10 {
height:10px;
}
.h15 {
height:15px;
}
h1, h2, h3, h4, h5, p, ul {
font-size:10px;
padding:0;
margin:0;
}

li {
list-style:none;
}

img {
vertical-align:top;
max-width:100%;
height:auto;
}

.avatar {
max-width:100%;
height:auto;
}

hr {
clear:both;
}

article, aside, figure, figcaption, footer, header, nav, section {
display:block;
}


/* link */
/* ======================================================= */
a, a:visited {
color:#333;
text-decoration:none;
}

a:hover {
text-decoration:underline;
}
a:hover img {
opacity:0.85;
}

a img {
border:0 none;
}

/* input */
/* ======================================================= */
textarea,
input {
font-size:14px;
font-size:1.4rem;
margin:0;
vertical-align:top;
border:0 none;
}

input[type="submit"] {
-webkit-appearance:none;
cursor:pointer;
}

input[type="checkbox"],
input[type="radio"] {
vertical-align:middle;
}

select {
font-size:14px;
font-size:1.4rem;
padding:5px;
vertical-align:top;
background:#FFF;
border-radius:2px;
}
label {
vertical-align:top;
}

/* layout */
/* ======================================================= */
#masterBody {
width:auto;
background:#FFF;
}
#masterContentsBtm,
#masterContentsTop,
#globalNavigationGroup0 #globalNavigation .gnavOut {
width:990px;
width:auto;
margin:0 auto;
padding:0;
}
#masterBodyInner {
background:#FFF;
}
#masterMain {
float:left;
width:650px;
position:relative;
z-index:0;
}


#globalNavigationGroup0 #globalNavigation {
background:#333;
}

#globalContents {
padding:0 5px 20px;
}
#globalHeader {
position:relative;
overflow:hidden;
background:#000;
width:auto;
}
#globalHeaderUpper {
margin:0 auto;
padding:0 20px;
width:950px;
}
#globalHeaderBeneath {
margin:0 auto;
padding:20px 0 0;
width:990px;
text-align:center;
}
#globalHeaderTop {
padding:19px 8px 15px 0;
border-bottom:4px solid #FFF;
margin-bottom:16px;
}
#globalHeaderMiddle:after {
content:'';
display:block;
clear:both;
}
#globalHeaderMiddle #lnavMain:after,
#globalHeaderMiddle #lnavSub:after {
content:'';
display:block;
clear:both;
}
#globalHeaderMiddle #lnavMain .lnavBtn,
#globalHeaderMiddle #lnavSub .lnavBtn {
float:left;
margin-right:16px;
}
#globalHeaderMiddle #lnavMain .lnavBtn a,
#globalHeaderMiddle #lnavSub .lnavBtn a {
color:#FFF;
display:block;
background:#333;
padding:5px 10px;
text-decoration:none;
}
#globalHeaderMiddle #lnavMain .lnavBtn a:hover,
#globalHeaderMiddle #lnavSub .lnavBtn a:hover {
opacity:0.85;
}
#globalHeaderMiddle #lnavMain {
margin-bottom:16px;
font-size:12px;
color:#FFF;
}
#globalHeaderMiddle #lnavMain::before {
content:'カテゴリー';
display:block;
float:left;
line-height:27px;
margin-right:16px;
}
#globalHeaderMiddle #lnavSub {
margin-bottom:16px;
font-size:12px;
color:#FFF;
}
#globalHeaderMiddle #lnavSub::before {
content:'特集';
display:block;
float:left;
line-height:27px;
margin-right:16px;
}
#localNavigation .lnavBtnNew a::after {
color:#C00;
content:"New!";
font-family:Arial,Verdana;
font-size:12px;
font-weight:bold;
margin:0 0 0 5px;
}

#globalLogo {
float:left;
padding-top:5px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
text-indent:-9999px;
width:150px;
height:85px;
background:url(//image.itmedia.co.jp/images/logo/150_news.png) no-repeat 0 0;
}
#globalLogo div.rumorsLogo a {
width:200px;
height:65px;
background:url(//image.itmedia.co.jp/images/logo/200_rumors.png) no-repeat 0 bottom;
}
#globalLogo div.aiplusLogo a {
width:200px;
height:75px;
background:url(//image.itmedia.co.jp/images/logo/200_aiplus.png) no-repeat 0 bottom;
}
#globalLogo div.iotsecurityLogo a {
width:200px;
height:75px;
background:url(//image.itmedia.co.jp/images/logo/200_iotsecurity.png) no-repeat 0 bottom;
}
#globalSearch {
margin-bottom:17px;
}
#globalSearch .query {
vertical-align:top;
width:252px !important;
height:33px;
border-radius:20px 0 0 20px;
background:#CCC !important;
color:#000;
padding:0 22px 0 10px;
font-size:12px;
outline:none;
position:relative;
z-index:0;
margin-right:-17px;
}
#globalSearch .submit {
overflow:hidden;
vertical-align:top;
background:url(//image.itmedia.co.jp/news/images/searchIcon.png) no-repeat center center #CCC;
color:transparent;
padding:0;
height:33px;
width:33px;
border-radius:20px;
padding-right:10px;
outline:none;
position:relative;
z-index:1;
}
#globalSearch .submit:focus {
background-color:#CCC;
}
#masterContents {
width:990px;
margin:0 auto;
padding:0;
}
#localPankuzu {
text-align:left;
padding:0 20px;
margin-bottom:5px;
}
.colBox .colBoxIcon {
display:block;
}
.colBox .colBoxIcon a {
border:0 none;
}
.colBox .colBoxInner {
clear:both;
}
#masterMain .colBoxHead {
position:relative;
margin-bottom:16px;
border-bottom:0 none;
padding-bottom:0;
overflow:hidden;
}
#masterMain .colBoxHead::after {
content:'';
display:block;
clear:both;
}
#masterMain .colBoxHead h2 {
z-index:1;
font-size:17px;
line-height:20px;
display:inline-block;
border-bottom:4px solid #000;
padding-bottom:7px;
}
#masterMain .colBoxHead h2:before {
content:'';
display:inline-block;
margin-right:6px;
vertical-align:top;
background:url(//image.itmedia.co.jp/news/images/headicon.png) no-repeat 0 0;
width:23px;
height:17px;
}
#masterMain .colBoxTopRanking .colBoxHead h2:before {
background:url(//image.itmedia.co.jp/news/images/headicon_rank.png) no-repeat 0 0;
}
#masterMain .colBoxHead .colBoxHeadSubtxt {
top:7px;
}
#masterMain .colBox {
margin-bottom:30px;
overflow:hidden;
}
.colBoxTopRanking .colBoxInner {
margin-left:-4%;
}
.colBoxTopRanking .colBoxIndex {
overflow:hidden;
position:relative;
margin:0 0 15px 4%;
}
.colBoxTopRanking .colBoxIndex .colBoxIcon {
text-align:center;
margin-bottom:17px;
}
.colBoxTopRanking .colBoxIndex .colBoxIcon a {
float:none;
margin:0;
}
.colBoxTopRanking .colBoxIndex .colBoxIcon img {
float:none;
width:100%;
}
.colBoxTopRanking .colBoxIndex .colBoxTitle {
margin:0 0 0 31px;
min-height:23px;
}
.colBoxTopRanking .colBoxIndex .colBoxInfo {
margin-left:31px;
}
.colBoxTopRanking .colBoxIndex .colBoxKeyword {
font-size:14px;
color:#2090ff;
}
.colBoxTopRanking .colBoxIndex .colBoxDate {
color:#b3b3b3;
font-size:12px;
}
.colBoxTopRanking .colBoxIndexBtm {
float:left;
max-width:366px;
min-width:300px;
width:31.3%;
}
.colBoxTopRanking .colBoxIndexBtm .colBoxContents .colBoxContentsInner {
padding:23px 16px 42px;
}
.colBoxTopRanking .colBoxIndexBtm .colBoxIcon {
height:300px;
}
.colBoxTopRanking .colBoxIndexBtm .colBoxTitle h3 {
line-height:20px;
font-size:14px;
}
.colBoxTopRanking .colBoxIndexBtm .colBoxSocialButton {
padding:0 0 11px 16px;
}
.colBoxTopRanking .colBoxHead h2 span:before {
background:url(//image.itmedia.co.jp/news/images/headicon_rank.png) 0 0;
width:19px;
height:18px;
}
.colBoxTopRanking .colBoxIcon {
position:relative;
}
.colBoxTopRanking .ranknum {
text-align:center;
font-size:14px;
font-weight:bold;
position:absolute;
left:0;
top:0;
background:#FFF;
width:21px;
line-height:21px;
border:1px solid #a09a5e;
}
.colBoxTopRanking .colBoxIndex:nth-of-type(1) .ranknum,
.colBoxTopRanking .colBoxIndex:nth-of-type(2) .ranknum,
.colBoxTopRanking .colBoxIndex:nth-of-type(3) .ranknum {
background:#a09a5e;
color:#FFF;
}

#masterSub {
width:300px;
float:right;
position:relative;
z-index:1;
}
#masterSub .colBoxUlist ul,
#masterSub .colBoxOlist ol {
font-size:14px;
line-height:20px;
}
#masterSub .colBox {
margin-bottom:23px;
}
#masterSub .colBox .colBoxHead {
border-bottom:0 none;
margin-bottom:12px;
}
#masterSub .colBox .colBoxHead h2,
#masterSub .colBox .colBoxHead p {
position:relative;
z-index:1;
font-size:16px;
line-height:20px;
padding-bottom:0;
border-bottom:4px solid #000;
font-weight:bold;
}
#masterSub .colBox .colBoxIndex {
margin-bottom:8px;
}
#masterSub .colBox .colBoxIndex .colBoxIcon {
margin-bottom:0;
}
#masterSub .colBox .colBoxIndex .colBoxTitle h3 {
font-size:14px;
line-height:20px;
}
#masterSub .colBox .colBoxIndex .colBoxDescription {
margin-bottom:0;
}
#masterSub .colBox .colBoxIndex .colBoxDescription p {
font-size:14px;
line-height:20px;
}
#masterSub .colBoxHeadSubtxt {
background:#FFF;
display:block;
padding:0 0 0 5px;
color:#CCC;
}
#masterSub .colBoxRc_Totspecial {
margin-bottom:13px;
}
#masterSub .colBoxBanner a {
display:block;
}
#masterSub .colBoxHpSpecial .colBoxIndex,
#masterSub .colBoxRc_Totspecial .colBoxIndex {
border-bottom:0 none;
}
#masterSub .colBoxfeedback ul li {
padding-left:23px;
border-bottom:0 none;
}
#masterSub .colBoxfeedback ul li.colBoxfeedbackVoice, #masterSub .colBoxfeedback ul li.colBoxfeedbackMail, #masterSub .colBoxfeedback ul li.colBoxfeedbackCorp, #masterSub .colBoxfeedback ul li.colBoxfeedbackMl {
background:url(//image.itmedia.co.jp/images/ulli_mail2.gif) no-repeat 0 0;
}
#masterSub .colBoxfeedback ul li.colBoxfeedbackSpecial, #masterSub .colBoxfeedback ul li.colBoxfeedbackPl {
background:url(//image.itmedia.co.jp/enterprise/images/ulli_document1.gif) no-repeat 0 0;
}
#masterSub .colBoxfeedback ul li.colBoxfeedbackRss {
background:url(//image.itmedia.co.jp/enterprise/images/icon_rss_s.gif) no-repeat 2px 1px;
}
#masterSub .colBoxfeedback ul li.colBoxfeedbackFb {
background:url(//image.itmedia.co.jp/enterprise/images/icon_facebook_s.gif) no-repeat 2px 1px;
}
#masterSub .colBoxfeedback ul li.colBoxfeedbackTw {
background:url(//image.itmedia.co.jp/enterprise/images/icon_twitter_s.gif) no-repeat 2px 1px;
}
#masterSub .colBoxIndexL60 {
float:left;
width:63%;
}
#masterSub .colBoxIndexR30 {
float:right;
width:30%;
}
#masterSub .colBoxHpSpecial .colBoxBanner {
text-align:center;
}
.colBoxInfo {
text-align:left;
}
.colBoxUlist ul li {
background:url(//image.itmedia.co.jp/images/ulli_dot.png) no-repeat 0 3px;
margin:0 0 3px;
padding:0 0 3px 14px;
}
.colBoxIndexBtmAdOuter {
height:300px;
display:table;
width:100%;
background:url(//image.itmedia.co.jp/news/images/topStoriesAdBg.png);
}
.colBoxIndexBtmAdOuter .colBoxIndexBtmAdInner {
vertical-align:middle;
display:table-cell;
text-align:center;
}
#masterFooter {
background:#000;
}
#masterFooter a {
color:#FFF;
}
#globalFooter {
margin:0 auto;
padding:0 5px;
width:980px;
color:#FFF;
}
#globalFooterLink {
text-align:right;
padding:20px 0;
width:auto;
background:#000;
}
#globalFooterLink a {
margin:0 10px;
}
#globalFooterCorp {
padding-bottom:20px;
background:#000;
padding-top:10px;
border-top:0 none;
}
#globalFooterCorpLogo {
color:#FFF;
margin-bottom:15px;
}
#globalFooterCorpLogo a {
background:url(//image.itmedia.co.jp/images/logo/170_itmedia_bgb.gif) no-repeat 0 0;
}

/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn0 a {background-position:0 0;}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn1 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
#globalNavigationGroup0{
width:990px;
margin:auto;
}
#masterNavigation {background:#333;}

/*---------------------------------------------------------------------*/
/* 検索 */
/*---------------------------------------------------------------------*/
#globalHeaderSearch {
font-size:10px;
line-height:14px;
padding:18px 10px 23px;
border:none;
height:25px;
}
#popInSearchField {
float:left;
width:235px!important;
height:24px!important;
padding:0!important;
border:1px #CCC solid;
}
#globalHeaderSearch .submit {
float:left;
width:41px;
height:26px;
background:#8498c6;
color:#FFF;
font-size:12px;
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
border:0 none;
cursor:pointer;
}
#globalHeaderSearch .submit:hover {
background:#8fa3d4;
}

/*---------------------------------------------------------------------*/
/* 過去補填 */
/*---------------------------------------------------------------------*/
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:436px;
float:right;
}

/* 転職・求人 */
.colBoxSubcolFeatures .colBoxInnerTitle  {
margin-bottom:10px;
}
.colBoxSubcolFeatures .colBoxInnerTitle span {
margin:0 0 10px;
padding:0;
font-weight:bold;
font-size:11px;
background:#DDD;
padding:1px 5px;
border:1px dashed #CCC;
}
.colBoxSubcolFeatures a:visited {
color:#343434;
}
.colBoxSubcolJobboard .colBoxJobboardLogo,
.colBoxSubcolFeatures .colBoxJobboardLogo {
text-align:right;
}

/* フレッシュサマリ */
.colBoxFreshSummary .colBoxUlist ul li {
margin:0 0 8px;
}
#masterMain .colBoxFreshSummary {
padding:10px 0 0;
}
#masterMain .colBoxFreshSummary .colBoxUlist ul li {
font-size:14px;
line-height:14px;
font-weight:bold;
}

/* マーケット解説 */
.colBoxMarketCommentary .colBoxIcon{
display: block;
text-align: center;
margin: 0 0 10px 0;
}
.colBoxMarketCommentary .colBoxIcon a{
margin:0;
padding:0;
display:inline-block;
float:none;
border:none;
}
.colBoxMarketCommentary .colBoxUlist ul li{
margin: 5px 0;
background:url(//image.itmedia.co.jp/images/arrow_glay.gif) no-repeat 4px 4px;
}

/* メルマガ枠 */
#colBoxMailmag .colBoxIcon a {
margin:0 5px 8px 0;
}