@import url('/css/article.css');

/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
.tmplArticle {
background:#FFF;
border:1px solid #CCC;
padding:15px;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
-o-border-radius:5px;
-ms-border-radius:5px;
}
.tmplArticleIn {
padding:0 0 10px;
}
/*---------------------------------------------------------------------*/
/* 記事要素 */
/*---------------------------------------------------------------------*/
#cmsTitle {
margin:0 0 10px;
padding:0 2px;
}
#cmsTitle h1 small {
color:#930;
margin-bottom:8px;
}
#cmsAbstract h2 {
color:#555;
line-height:22px;
}
#cmsByline {
color:#555;
}
#tmplMark {
float:right;
margin:0 0 0 5px;
}
#tmplCopyright {
clear:both;
text-align:right;
}
#tmplCopyright p {
margin:0 0 20px;
}
#tmplCopyright p span {
font-size:10px !important;
line-height:14px !important;
font-family:Meiryo, 'メイリオ', 'ＭＳ Ｐゴシック', Osaka, 'ヒラギノ角ゴ Pro W3' !important;
color:#666 !important;
}
/*---------------------------------------------------------------------*/
/* 記事本文 */
/*---------------------------------------------------------------------*/
#cmsBody table#tbl50l,
#cmsBody table#tbl50r {
width:49%;
}
#cmsBody table#tbl75l,
#cmsBody table#tbl75r {
width:74%;
}
#cmsBody table#tbl25l,
#cmsBody table#tbl25r {
width:24%;
}
#cmsBody table#tbl100l{
float:none;
}
#cmsBody table#tbl th#txr,
#cmsBody table#tbl td#txr {
text-align:right;
}
#cmsBody h3 {
border-bottom:2px solid #A01013;
clear:none;
}
#cmsBody h4 {
border-bottom:1px solid #A01013;
clear:none;
}
#cmsBody p a {
color:#1E598E;
}
#cmsBody .box {
clear:both;
padding:1px;
}
#cmsBody .box p {
padding:5px;
}
#cmsBody #cmsMark img {
margin:0 0 5px;
float:left;
}
#cmsBody .box h4 {
border-bottom:none;
}
#cmsBody .endlink h4 {
color:#333;
font-size:14px;
line-height:18px;
margin:0 0 3px;
padding:0 0 3px;
border-bottom:2px solid #ccc;
}
#cmsBody .endlink ul {
border-top:none;
display:table;
width:100%;
}
#cmsBody .endlink li {
background:none;
padding-left:0;
}
#cmsBody .endlink li a {
font-size:16px;
line-height:24px;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
}
#cmsBody .endkwd {
padding:3px;
border:1px solid #ddd;
}
#cmsBody .endkwd .box {
border:none;
}
#cmsBody .endkwd .box h3 {
margin:0 0 5px;
padding:3px 5px;
background:#FFF;
color:#555;
box-shadow:none;
border-bottom:1px solid #ddd;
}
#cmsBody .endkwd .box h4 {
line-height:22px;
}
/* nextpage */
#cmsBody #notice.nextpage {
background:#e3bbbd;
font-size:15px;
margin:0 0 25px;
padding:0;
text-align:center;
}
#cmsBody #notice.nextpage a {
color:#333;
display:block;
padding:9px 0;
text-decoration:none;
}
#cmsBody #notice.nextpage a span {
margin:0 15px;
font-weight:normal;
color:#4D4D4D;
}
#cmsBody #notice.nextpage a span span.nextpage-arrow {
margin:0 6px 0 0;
padding:1px 3px;
background:#4D4D4D;
font-size:12px;
color:#fff;
border-radius:2px;
}
/*---------------------------------------------------------------------*/
/* マスク記事用 */
/*---------------------------------------------------------------------*/
#masterMain .colBoxMembersControl .colBoxHead {
border-bottom:1px solid #FFF;
}
/*---------------------------------------------------------------------*/
/* ソーシャルボタン */
/*---------------------------------------------------------------------*/
.tmplArticle #socialButton {
position:static;
height:20px;
border-bottom:1px dotted #CCC;
margin:0 0 3px;
}
.tmplArticle #socialButton a {
float:right;
margin:0 0 0 5px;
}
.tmplArticle #socialButton .alert form button {
float:right;
margin:0 0 0 5px;
}
#masterSocialbuttonBtm {
display:none;
}
.masterSocialbuttonDefault .msbIn {
width:auto;
}
.masterSocialbuttonDefault .msbIn .msbBtn,
.masterSocialbuttonDefault .msbIn .msbGroup {
background:transparent;
}
.msbBtnPrintbutton .msbBtntext {
padding:0px !important;
height:59px !important;
width:118px !important;
background:url(http://image.itmedia.co.jp/images/socialbutton/Printer.png) no-repeat center 11px !important;
background-size:24px 24px !important;
line-height:97px !important;
font-size:10px !important;
text-align:center !important;
}
.msbBtnItmid .msbBtntext {
padding:0px !important;
height:59px !important;
width:59px !important;
background:url(http://image.itmedia.co.jp/images/socialbutton/Mail-Add.png) no-repeat center 11px !important;
background-size:24px 24px !important;
line-height:97px !important;
font-size:10px !important;
text-align:center !important;
}
/*---------------------------------------------------------------------*/
/* BCP Text */
/*---------------------------------------------------------------------*/
.colBoxBcpSympathy{
margin:0;
}
.colBoxBcpSympathy .colBoxOuter {
float:left;
width:280px;
margin-top:15px;
}
.colBoxBcpSympathy .colBoxInner {
clear:both;
border:3px solid #666;
margin-bottom:20px;
padding:5px;
}
#cmsBody .colBoxBcpSympathy .colBoxInner h3{
background-color:#666;
color:#FFF;
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:3px;
border:none;
clear:none;
}
#cmsBody .colBoxBcpSympathy .colBoxInner p{
font-size:12px;
line-height:18px;
margin:0 0 5px;
word-wrap:break-word;
}
#cmsBody .colBoxBcpSympathy .colBoxInner .colBoxDescription{
font-weight: bold;
}
#cmsBody .colBoxBcpSympathy .colBoxInner .colBoxByline{
margin-top: 15px;
}
/*---------------------------------------------------------------------*/
/* colBox カスタム */
/*---------------------------------------------------------------------*/
.colBoxIndexlink {
margin-bottom:20px;
}
.colBoxIndexlink .colBoxUlist ul {
text-align:right;
}
.colBoxIndexlink .colBoxUlist li {
display:inline;
margin:0 10px 0 0;
padding:5px 15px;
border:2px solid #CCC;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background:-moz-linear-gradient(top, #FFF, #EEE);
-webkit-box-shadow:2px 2px 3px #EEE;
-moz-box-shadow:2px 2px 3px #EEE;
box-shadow:2px 2px 3px #EEE;
font-weight:bold;
}
.colBoxIndexlink .colBoxUlist li::after {
display:none;
}
/*---------------------------------------------------------------------*/
/* TechFactory ホワイトペーパー新着情報 */
/*---------------------------------------------------------------------*/
.colBoxMonoLibrary {
margin-bottom:20px;
}
.colBoxMonoLibrary .colBoxHead a:link,
.colBoxMonoLibrary .colBoxHead a:visited {
color:#000;
}
.colBoxMonoLibrary .colBoxHead a:hover,
.colBoxMonoLibrary .colBoxHead a:active {
color:#C00417;
}
/*---------------------------------------------------------------------*/
/* 新着記事 */
/*---------------------------------------------------------------------*/
.colBoxNewArticles .colBoxInner {
display:table;
table-layout:fixed;
width:100%;
font-size:13px;
line-height:20px;
}
.colBoxNewArticles .colBoxIndex {
display:table-cell;
}
.colBoxNewArticles .colBoxTitle {
clear:both;
}
.colBoxNewArticles .colBoxTitle h3 {
position:relative;
width:120px;
height:60px;
padding-right:10px;
font-size:12px;
line-height:20px;
font-weight:normal;
overflow:hidden;
}
.colBoxNewArticles .colBoxTitle h3::before {
position:absolute;
content:"…";
top:45px;
right:0;
font-size:10px;
}
.colBoxNewArticles .colBoxTitle h3::after {
background:#FFF;
position:absolute;
content:"";
height:100%;
width:100%;
}
.colBoxNewArticles .colBoxIcon img {
margin:0;
}
/*---------------------------------------------------------------------*/
/* TechFactory 新着記事 */
/*---------------------------------------------------------------------*/
.colBoxTFArticles {
margin-bottom:20px;
}
.colBoxTFArticles .colBoxHead a:link,
.colBoxTFArticles .colBoxHead a:visited {
color:#000;
}
.colBoxTFArticles .colBoxHead a:hover,
.colBoxTFArticles .colBoxHead a:active {
color:#C00417;
}
.colBoxTFArticles .colBoxUlist ul {
padding:2px 0 0 0;
}
.colBoxTFArticles .colBoxUlist li {
display:table;
width:100%;
padding:4px 0 8px 0;
}
.colBoxTFArticles .colBoxUlist li::after {
display:none;
}
.colBoxTFArticles .colBoxUlist a span {
display:block;
float:left;
width:40px;
height:30px;
margin:0 5px 0 0;
border:1px solid #EEE;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}

/*---------------------------------------------------------------------*/
/* 記事下「連載記事アラート」ボタン */
/*---------------------------------------------------------------------*/

#cmsBody .cmsBodyItmidSeriesButtonRegist {
text-align:center;
padding:0 30px 0 30px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a {
display:block;
padding:16px;
background: url(http://image.itmedia.co.jp/mn/images/mail.png) no-repeat 0 0;
background-color:rgba(196, 77, 82, 1);
background-position:100px;
background-size:30px;
color:#FFF;
font-weight: bold;
text-indent: 30px;
border-radius:6px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
-o-border-radius:6px;
-ms-border-radius:6px;
border-bottom:3px solid #BBB;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a:hover {
border-bottom:0;
border-top:3px solid #FFF;
text-decoration:none;
}

#cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt {
display:none;
}