/*---------------------------------------------------------------------*/
/* 関連キーワード */
/*---------------------------------------------------------------------*/
#cmsBody .endkwd,
#cmsBody .endkwd .box {
border:none;
}
#cmsBody .endkwd .box h3:not(.format--subheading),
#cmsBody .endkwd .box h2.format--crosshead {
background:none;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
color:#484848;
}
#cmsBody .endkwd .box h4,
#cmsBody .endkwd .box h3.format--subheading {
font-size:12px;
color:#CCC;
}
#cmsBody .endkwd .box h4 a,
#cmsBody .endkwd .box h3.format--subheading a {
background:none;
padding:2px;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* ENDLINK */
/*---------------------------------------------------------------------*/
#cmsBody .endkwd .box h4 a:hover,
#cmsBody .endwpp .box h4 a:hover,
#cmsBody .endkwd .box h3.format--subheading a:hover,
#cmsBody .endwpp .box h3.format--subheading a:hover,
#cmsBody .endlink li a:hover,
#cmsBody .endlink-art li a:hover {
color:#4F4F4F !important;
text-decoration:underline !important;
}
#cmsBody .endlink h4,
#cmsBody .endlink h3.format--subheading {
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
font-size:12px;
line-height:16px;
color:#484848;
padding:5px 5px 3px 8px;
margin-bottom:4px;
clear:both;
}
#cmsBody .endlink ul {
padding:5px 7px 17px;
border:none;
margin-bottom:5px;
}
#cmsBody .endlink li {
padding:0 0 8px 0;
background:none;
color:#666;
}
#cmsBody .endlink a {
font-size:16px;
}
#cmsBody .endlink li a {
font-weight:bold;
}
#cmsBody .endlink li a img {
margin:0 10px 10px 0;
width:80px!important;
height:60px!important;
border:1px solid #AAA;
}

/*---------------------------------------------------------------------*/
/* 関連記事ALL */
/*---------------------------------------------------------------------*/
#cmsBody .endlink li.endlink-lnk {
padding:0 0 8px 16px;
background:url(https://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 3px;
}
#cmsBody .endlink2column ul {
width:100%;
overflow:auto;
}
#cmsBody .endlink2column .endlink-art {
display:none;
}
#cmsBody .endlink2column #endlink-art1,
#cmsBody .endlink2column #endlink-art2,
#cmsBody .endlink2column #endlink-art3,
#cmsBody .endlink2column #endlink-art4 {
display:block;
}
#cmsBody .endlink2column.endlinkScale a {
font-weight:normal;
font-size:13px;
}
/*---------------------------------------------------------------------*/
/* endwpp */
/*---------------------------------------------------------------------*/
#cmsBody .endwpp .box h3:not(.format--subheading),
#cmsBody .endwpp .box h2.format--crosshead {
padding:5px;
font-size:12px;
background:none;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
color:#484848;
}
#cmsBody .endwpp .box h4,
#cmsBody .endwpp .box h3.format--subheading {
border:none;
color:#CCC;
font-size:10px;
padding:5px;
}
#cmsBody .endwpp .box h4 a,
#cmsBody .endwpp .box h3.format--subheading a {
background:none;
padding:2px;
font-weight:normal;
}
/*---------------------------------------------------------------------*/
/* BOX */
/*---------------------------------------------------------------------*/
#cmsBody .cmsBox h3:not(.format--subheading),
#cmsBody .cmsBox h2.format--crosshead {
padding:5px;
}
#cmsBody .box,
#cmsBody .box#red,
#cmsBody .box#green,
#cmsBody .box#blue,
#cmsBody .box#orange,
#cmsBody .box#red h3:not(.format--subheading),
#cmsBody .box#green h3:not(.format--subheading),
#cmsBody .box#blue h3:not(.format--subheading),
#cmsBody .box#orange h3:not(.format--subheading),
#cmsBody .box#red h2.format--crosshead,
#cmsBody .box#green h2.format--crosshead,
#cmsBody .box#blue h2.format--crosshead,
#cmsBody .box#orange h2.format--crosshead {
background:none;
}
#cmsBody .box {
border:1px solid #D2D2D2;
}
#cmsBody .box h3:not(.format--subheading),
#cmsBody .box h2.format--crosshead {
border-color:#FFF;
background:none;
color:#484848;
border-bottom:1px solid #E6E6E6;
}
/*---------------------------------------------------------------------*/
/* ARTICLE */
/*---------------------------------------------------------------------*/
.tmplArticle {
padding:14px 0 0;
}
.tmplArticleIn {
}
#cmsTitle h1 small {
margin-bottom:10px;
color:#747474;
}
#cmsTitle h1 big {
font-size:24px;
line-height:32px;
color:#003366;
margin-bottom:12px;
}
#cmsAbstract h2,
#cmsAbstract p {
margin-bottom:15px;
font-weight:normal;
}
#byline a{
font-weight:bold;
color:#639;
}
#cmsBody h3:not(.format--subheading),
#cmsBody h2.format--crosshead {
border-left:4px solid #9C9C9C;
border-bottom:1px solid #D2D2D2;
padding-left:7px;
}
#cmsBody a:link,
#cmsBody a:hover {
text-decoration:underline;
color:#036;
}
#cmsBody p a:visited {
text-decoration:underline;
color:#A26;
}
#cmsBody .endlink li a:link {
color:#343434;
text-decoration:none;
}
#cmsDate .arrow {
display:none;
}
#cmsMark img, #cmsBody #cmsMark img {
margin:5px 10px;
}
#cmsBody #cmsMark img {
display:inline!important;
vertical-align:bottom!important;
}
#cmsBody .backnum {
margin-bottom:10px;
}
.freshsummary #cmsTitle {
padding:0 20px 0 0;
}
.freshsummary #cmsMark {
display:none;
}

/* タイトルレイアウト変更 */
.title {
color:#036;
}
.title__subtitle {
color:#747474;
}

/*---------------------------------------------------------------------*/
/* ARTICLE  - NOTICE - */
/*---------------------------------------------------------------------*/
#cmsBody #notice {
background:url(https://image.itmedia.co.jp/images/cms_notice.gif) no-repeat left top;
color:#F50;
}
#cmsBody #notice a {
color:#F50;
}

/*---------------------------------------------------------------------*/
/* ARTICLE  - コピーライト - */
/*---------------------------------------------------------------------*/
#cmsCopyright p {
font-size:12px;
line-height:16px;
}

/*---------------------------------------------------------------------*/
/* アクセストップ10 */
/*---------------------------------------------------------------------*/
.colBoxAccessTop10AltBlog .colBoxOuter {
background:#EEE;
border-radius:10px 10px 10px 10px;
padding:10px;
background-color:#EEE;
}
.colBoxAccessTop10AltBlog .colBoxInner {
background:none repeat scroll 0 0 #FFFFFF;
border-radius:5px 5px 5px 5px;
padding:10px;
}
.colBoxAccessTop10AltBlog .colBoxHead h2 {
border-bottom:none;
}
#cmsBody .colBoxAccessTop10AltBlog #col100l small {
display:none !important;
}
#cmsBody .colBoxAccessTop10AltBlog #col200l small {
display:none !important;
}
.colBoxAccessTop10AltBlog .colBoxHead h2 {
background:url(https://image.itmedia.co.jp/enterprise/images/ulli_king1_altblog.gif) no-repeat;
font-size:18px;
line-height:30px;
padding:8px 0 3px 200px;
}
.colBoxAccessTop10AltBlog .colBoxDate {font-size:12px;line-height:16px;margin:0;padding:0;display:block;text-align:right;}
#cmsBody .colBoxAccessTop10AltBlog hr {
border:none;
}
.colBoxAccessTop10AltBlog p {
margin:0 0 5px !important;
}

/*---------------------------------------------------------------------*/
/* TechTarget 製品情報 */
/*---------------------------------------------------------------------*/
.colBoxTtCatalogue {
margin-bottom:10px;
}
#cmsBody .colBoxTtCatalogue a:link,
#cmsBody .colBoxTtCatalogue a:visited,
#cmsBody .colBoxTtCatalogue a:hover,
#tmplNewsIn .colBoxTtCatalogue a:link,
#tmplNewsIn .colBoxTtCatalogue a:visited,
#tmplNewsIn .colBoxTtCatalogue a:hover {
text-decoration:none;
color:#036
}
.colBoxTtCatalogue .colBoxHead {
margin:0;
border-bottom:none;
}
.colBoxTtCatalogue h2 {
font-size:12px;
line-height:16px;
position:relative;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0 0 5px;
padding:5px 0 3px;
}
.colBoxTtCatalogue ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxTtCatalogue ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
font-weight:bold;
}
.backNumBox * {
text-decoration:none!important;
}
.backNumBox strong {
display:block;
color:#666;
border-left:4px solid #9C9C9C;
border-bottom:1px solid #D2D2D2;
padding-left:7px;
}
.backNumBoxIn ul {
list-style:none;
margin:0;
padding:0;
}
.backNumBoxIn ul li {
margin:4px 0;
font-size:14px;
padding:0 0 0 18px;
background:url(https://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 4px 7px;
}
.backNumBoxIn ul li a:link,
.backNumBoxIn ul li a:visited {
font-size:12px;
font-weight:bold;
color:#999;
}
.c-blue .backNumBox strong {
border-left:none;
border-bottom:none;
}
#cmsBody .c-blue strong a:link,
#cmsBody .c-blue strong a:hover {
color:#FFF;
}

/*---------------------------------------------------------------------*/
/* Featuresヘッダ画像設定*/
/*---------------------------------------------------------------------*/
.colBoxArticleHeader .colBoxIcon a {
border:none;
float:none;
margin:0 0 3px 0;
}
.colBoxArticleHeader .colBoxIcon a img {
max-width:100%;
}

/*---------------------------------------------------------------------*/
/* 用語事典索引 */
/*---------------------------------------------------------------------*/
#masterMain .colBoxListinlineblock,
#masterMain .colBoxListinline {
margin-bottom:20px;
}
.colBoxListinlineblock a:visited,
.colBoxListinline a:visited {
color:#343434;
}
.colBoxListinlineblock .colBoxUlist {
width:160px;
margin:0px 9px 0 0;
float:left;
}
.colBoxListinlineblock .colBoxUlist ul li {
float:left;
background:none;
margin:0;
padding:0;
}
#cmsBody .colBoxListinlineblock .colBoxUlist ul li a {
border:1px solid #CCC;
margin:1px;
display:block;
width:27px;
height:30px;
text-align:center;
line-height:30px;
cursor:pointer;
text-decoration:none;
}
.colBoxListinline .colBoxUlist ul li.active {
background-color:#4177EB;
}
.colBoxListinlineblock .colBoxUlist ul li.active a,
.colBoxListinline .colBoxUlist ul li.active a {
color:#FFF;
}
.colBoxListinlineblock .colBoxUlist ul li.active a {
color:#FFF;
background:#4177EB;
}
#cmsBody .colBoxListinline .colBoxUlist ul {
margin:0;
}
.colBoxListinline .colBoxUlist ul li {
width:135px;
margin-right:12px;
padding:1px 0 1px 14px;
}
#cmsBody .colBoxListinline .colBoxUlist ul li a {
text-decoration:none;
}
.colBoxListinlineblock .colBoxAlpha {
width:310px;
}
#cmsBody .colBoxListinlineblock .colBoxAlpha ul .mark a {
width:75px;
}
.colBoxListinline ul {
height:100%;
}
.colBoxListinline ul li{
display:block;
width:135px;
float:left;
border:none;
background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 1px 3px;
}
#colBoxDictionary .colBoxHead{
margin:0 0 12px 0;
}
#colBoxDictionary .colBoxIndex {
border-bottom:1px dotted #CCC;
}
#colBoxDictionary .colBoxSubTitle,
#colBoxDictionary .colBoxInfo {
display:none;
}
.colBoxListinlineblock h2,
.colBoxListinline h2 {
border-top:1px solid #DFDFDF;
border-bottom:1px solid #E6E6E6;
font-size:12px;
line-height:16px;
color:#484848;
padding:5px 5px 3px 8px;
margin-bottom:4px;
}
#cmsBody .colBoxListinlineblock a,
#cmsBody .colBoxListinline a{
text-decoration:none;
}

/*---------------------------------------------------------------------*/
/* ヘルプデスク */
/*---------------------------------------------------------------------*/
#cmsBody .tips a {
text-decoration:none;
}
#cmsBody .tips h1 {
display:none;
}
#cmsBody .tips #dir {
margin:0 0 20px;
}
#cmsBody .tips #dir a {
padding:3px 5px;
background:#eee;
border:1px #ddd solid;
font-size:12px;
}
#cmsBody .tips #dir a:link,
#cmsBody .tips #dir a:visited,
#cmsBody .tips #dir a:hover,
#cmsBody .tips #dir a:active {
color:#666;
}
#cmsBody .tips #dir a:hover {
background:#ddd;
}
#cmsBody .tips #dir br {
display:none;
}
#cmsBody .tips #bg {
background:#eee;
}
#cmsBody .tips #bg #menu h2 {
float:left;
margin:15px 20px 15px 15px;
padding:0;
font-size:20px;
line-height:150%;
}
#cmsBody .tips #bg #menu h2 a:link,
#cmsBody .tips #bg #menu h2 a:visited,
#cmsBody .tips #bg #menu h2 a:hover,
#cmsBody .tips #bg #menu h2 a:active {
color:#444;
}
#cmsBody .tips #bg #menu select {
float:left;
margin:15px 0 15px 0;
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
#cmsBody .tips #bg ul {
margin:0 0 20px;
padding:10px;
list-style-type:none;
background:#fff;
border:1px #ddd solid;
}
#cmsBody .tips #bg ul li {
margin:0 0 5px;
padding:0 0 3px 17px;
background:url(https://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 6px;
border-bottom:1px dotted #CCC;
font-size:15px;
}

/*---------------------------------------------------------------------*/
/* 事例記事ランキング */
/*---------------------------------------------------------------------*/
#caseStudyRanking {
position:relative;
}
#caseStudyRanking .colBox {
padding:10px;
border:1px #ddd solid;
}
#caseStudyRanking .colBoxHead h3 {
margin:0;
padding:3px;
border-left:none;
border-bottom:none;
font-size:16px;
}
#caseStudyRanking .colBoxTab {
position:absolute;
top:10px;
right:10px;
}
#caseStudyRanking .colBoxTab ul {
margin:0;
}
#caseStudyRanking .colBoxTab li {
float:left;
width:50px;
margin:0 0 0 5px;
padding:5px;
text-align:center;
border:1px #ddd solid;
background:none;
cursor:pointer;
left:0;
}
#caseStudyRanking .colBoxTab li.select {
background:#ddd;
}
#caseStudyRanking .colBoxOlist ol {
display:table;
table-layout:fixed;
width:100%;
margin:0;
font-size:14px;
line-height:20px;
counter-reset:colBoxRankingCounter;
}
#caseStudyRanking .colBoxOlist ol li {
position:relative;
display:none;
padding:0;
background:none;
border:none;
vertical-align:top;
left:2px
}
#caseStudyRanking .colBoxOlist ol li:after {
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
padding:0;
text-indent:-9999px;
background:url(https://image.itmedia.co.jp/gg/images/colBox_rank2.gif) no-repeat;
border-radius:2px;
}
#caseStudyRanking .colBoxOlist ol li.rank1:after{background-position:0 0;}
#caseStudyRanking .colBoxOlist ol li.rank2:after {background-position:0 -100px;}
#caseStudyRanking .colBoxOlist ol li.rank3:after {background-position:0 -200px;}
#caseStudyRanking .colBoxOlist ol li.rank4:after {background-position:0 -300px;}
#caseStudyRanking .colBoxOlist ol li.rank5:after {background-position:0 -400px;}
#caseStudyRanking .colBoxOlist ol li a:link,
#caseStudyRanking .colBoxOlist ol li a:visited {
text-decoration:none;
}
#caseStudyRanking .colBoxOlist ol li a span:nth-child(1) {
display:block;
width:120px;
height:90px;
margin:0 0 3px;
border:1px solid #EEE;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#caseStudyRanking .colBoxOlist ol li a span:nth-child(2) {
display:block;
width:120px;
padding:0;
}
#caseStudyRanking .colBoxOlist ol .rank1,
#caseStudyRanking .colBoxOlist ol .rank2,
#caseStudyRanking .colBoxOlist ol .rank3,
#caseStudyRanking .colBoxOlist ol .rank4,
#caseStudyRanking .colBoxOlist ol .rank5 {
display:table-cell;
}

/*---------------------------------------------------------------------*/
/* 連載アラート */
/*---------------------------------------------------------------------*/
#cmsBody .cmsBodyItmidSeriesButtonRegist a {
background:url(https://image.itmedia.co.jp/enterprise/images/rensai_alert_bg1309_1.gif) no-repeat 0 0;
display:block;
width:590px;
height:62px;
margin:0 auto;
padding:0;
text-indent:-9999px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a:hover {
opacity:0.65;
background:url(https://image.itmedia.co.jp/enterprise/images/rensai_alert_bg1309_1.gif) no-repeat 0 0;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt {
display:none;
}

/*---------------------------------------------------------------------*/
/* マスク */
/*---------------------------------------------------------------------*/
.colBoxMembersControl .colBoxHead h2 {
border-bottom:none;
}
#cmsBody .colBoxMembersControl .colBoxButton a:link,
#cmsBody .colBoxMembersControl .colBoxButton a:visited,
#cmsBody .colBoxMembersControl .colBoxButton a:hover {
color:#FFF;
text-decoration:none;
}
.colBoxMembersControl {
padding:50px 0 100px;
}
.colBoxMembersControl .colBoxButton {
width:auto;
border:none;
border-radius:0;
text-align:center;
}
.colBoxMembersControl .colBoxButton a {
display:inline-block;
padding:15px 90px;
font-size:18px;
font-weight:normal;
border:none;
border-radius:0;
background:#036;
}
.colBoxMembersControl .colBoxOuter {
border:none;
box-shadow:none;
padding:0;
}
/* 連載パーツ
-------------------------------------------------- */
#cmsSeriesList {
clear:both;
padding:10px 0;
}
#cmsSeriesList .colBox {
margin-bottom:30px;
}

/* 会員限定 */
#MembersOnlyCaution {
text-align:center;
border:1px solid #e7c400;
padding:5px;
margin-bottom:20px;
}
#MembersOnlyCaution p {
font-size:14px;
line-height:21px;
background:url(https://image.itmedia.co.jp/images/member_only_icon.png) no-repeat 0 0;
padding:0 0 0 24px;
display:inline;
}
#MembersOnlyCaution span {
font-weight:bold;
}

/* IMAGE MASK */
#cmsBody hr{clear:both;}
#cmsBody img[src*="_MASK.jpg"],
#cmsBody img[src*="_MASK.gif"],
#cmsBody img[src*="_MASK.png"],
#cmsBody img[src*="_MASK.JPG"],
#cmsBody img[src*="_MASK.GIF"],
#cmsBody img[src*="_MASK.PNG"] {
visibility:hidden;
}
#CmsMembersControl img[src*="_MASK.jpg"],
#CmsMembersControl img[src*="_MASK.gif"],
#CmsMembersControl img[src*="_MASK.png"],
#CmsMembersControl img[src*="_MASK.JPG"],
#CmsMembersControl img[src*="_MASK.GIF"],
#CmsMembersControl img[src*="_MASK.PNG"] {
visibility:visible;
}

/* Lead-in */
.subscription {
display:none;
}

/* GAM */
#InRead{
margin:8px auto 24px;
text-align:center;
width:640px;
}
#InRead .adnotation{
font-family:"Gill Sans";
font-size:12px;
line-height:12px;
color:#BBB;
text-align:center;
margin:8px 0px 4px;
}
#SideLink{
margin-bottom:16px;
}
/* SpecialLinkHead */
#BelowArtLink{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
margin:0 0 16px 0;
}
#BelowArtLink.noad{
display:none;
}
#BelowArtLink .gam_headline{
width:100%;
position:relative;
font-size:14px;
line-height:18px;
font-weight:600;
margin:0 0 16px 0;
color:#484848;
padding:8px 0 4px;
border-bottom:2px solid #C1C1C1;
}
#BelowArtLink .balStyle{
margin-bottom:4px;
}