/* 共通 */ .colBoxAdframe .colBoxIndex{ overflow:hidden; } #BEACON { display:none; } /* ISTCPB & ITINF2 & ISTLF */ #ISTCPB .colBoxHeadSubtxt, #ITINF2 .colBoxHeadSubtxt, #ISTLF .colBoxHeadSubtxt { top:8px; right:0; } #ISTCPB .colBox, #ITINF2 .colBox, #ISTLF .colBox { margin-bottom:12px; } #ISTCPB .colBoxIcon img, #ITINF2 .colBoxIcon img, #ISTLF .colBoxIcon img { width:120px; height:auto; } /* ISTLC */ #subtopContents #ISTLC .colBoxHead { background:none; color:#333; } #subtopContents #ISTLC .colBox { border-bottom:1px solid #ddd; margin-bottom:30px; } #masterType-subtop #ISTLC .colBoxHeadSubtxt { top:14px; } #ISTLC .colBoxIcon img { width:80px; height:auto; } /* ITR & ITRR */ #ITR, #ITRR, #ITR2, #ITRR2 { margin-bottom:16px; } /* ISALR & ISALR2 */ #ISALR .colBoxIndex, #ISALR2 .colBoxIndex { margin-bottom:16px; } #ISALR .colBoxHead, #ISALR2 .colBoxHead { border-bottom:1px solid #DDD; } #ISALR .colBoxIcon a, #ISALR2 .colBoxIcon a { margin:0 4px 0 0; border:none; } #ISALR .colBoxIcon img, #ISALR2 .colBoxIcon img { width:80px; height:auto; } #ISALR .colBoxTitle, #ISALR2 .colBoxTitle { margin:0 } #ISALR .colBoxTitle h3, #ISALR2 .colBoxTitle h3 { font-size:14px; line-height:20px; font-weight:normal; } #ISALR .h10px, #ISALR2 .h10px { height:0; } /* ITSB2 */ #ITSB2 { text-align:right; } /* LOGOAD */ #LOGOAD .colBoxIcon { display:block; text-align:center; } #LOGOAD .colBox { margin-bottom:20px; } #LOGOAD .colBoxInner a:hover { opacity:1; } #LOGOAD .colBoxIcon a { margin:0; display:block; border:none; float:none; } /* ITN ITNR */ #ITN, #ITRN { width:auto; margin:0 auto; text-align:center; } /* RANKTXT */ #RANKTXT .colBoxIndex { margin-top:4px; } #RANKTXT .colBoxITT .colBoxTitle { background:none; position:relative; margin:0 0 5px; padding:0 0 8px 32px; background:none; min-height:30px; height:auto; } #RANKTXT .colBoxITT .colBoxTitle h3 { font-size:14px; line-height:18px; } #RANKTXT .colBoxITT .colBoxTitle a:after { counter-increment:colBoxRankingCounter; content:'PR'; position:absolute; top:2px; left:0; padding:7px 0; font-size:8px; line-height:13px; font-weight:bold; color:#fff; background:#000; width:18px; text-align:center; } /* ISALCT */ #ISALCT.colBoxOuter { margin:0 0 30px 0; overflow:hidden; } #ISALCT .colBoxIndex { width:150px; float:left; margin:0 22px 10px 0; } #ISALCT .colBoxIndex:nth-child(4n+1) { clear:both; } #ISALCT .colBoxIndex:nth-child(4n) { margin:0 0 10px 0; } #ISALCT .colBoxIcon a { float:none; margin:0 0 10px; border:none; display:block; } #ISALCT .colBoxTitle h3 { font-size:14px; line-height:20px; } #ISALCT .colBoxHead { margin:0 0 10px; border-bottom:3px solid #AAA; padding:0; font-size:18px; line-height:28px; } #masterMain #ISALCT .colBoxHead h2 { font-size:18px; line-height:28px; padding:8px 3px 5px; } #ISALCT .colBoxHeadSubtxt { right:6px; top:12px; } #ISALCT .colBoxHeadSubtxt { right:6px; top:12px; } #ISALCT .colBoxIcon img { width:150px; height:auto; } /* ITT */ #ITT { margin:0 0 20px; } .colBoxITT { margin:0 0 5px; } .colBoxITT .colBoxTitle { background:url(https://image.itmedia.co.jp/images/ad/ITT_pr.gif) no-repeat 3px; margin:0; padding:0 0 0 30px; } #cmsBody .colBoxITT .colBoxTitle h3 { font-size:12px; line-height:16px; border-bottom:none; padding:0; margin:5px 0px 8px 0px; font-weight:normal; } .colBoxITT .colBoxTitleSubtxt { display:none; } /* ITIR */ #ITIR{ width:640px; margin:0 auto; } #ITIR .colBoxDisplayAd, #ITIR iframe{ margin-bottom:24px!important; } #ITIR .colBoxDisplayAd iframe{ margin-bottom:0!important; } #cmsBody #ITIR a:visited img, #cmsBody #ITIR a:hover img, #cmsBody #ITIR a:link img{ border:none; } /* ITWS WELCOM SCREEN */ #ITWS { margin:0; padding:0; background:#000; font-family:Meiryo, "メイリオ", "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; } #ITWS hr { visibility:hidden; clear:both; } #ITWS a:link { color:#037; text-decoration:none; } #ITWS a:visited { color:#800080; text-decoration:none; } #ITWS a:hover { color:#C00; text-decoration:underline; } #ITWS a img { border:none; } #ITWS #header { background:#FFF; border-top:3px solid #DDD; border-bottom:2px solid #CCC; background:url(https://image.itmedia.co.jp/images0509/welcome_content_bg.gif) repeat-x 0px 0px #FFF; } #ITWS #header #inner { position:relative; width:640px; margin:0 auto; padding:10px 0; } #ITWS #logo { display:inline; } #ITWS #header h1 { font-size:12px; margin:0; padding:0; } #ITWS #header h1 a { text-decoration:none; } #ITWS #header h1 a img { margin:0 0 5px; } #ITWS #skip { position:absolute; top:5px; right:0; font-size:12px; background:url(https://image.itmedia.co.jp/images0509/welcome_icon_skip.gif) no-repeat 0px 1px; padding-left:20px; line-height:150%; } #ITWS #url { font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; } #ITWS #swfAd { border-top:2px solid #999; margin:0 0 10px; padding:30px 0px 0px; } #ITWS #swfAd div { margin:0px auto; border:1px solid #CCC; width:640px; height:480px; background:#FFF; } /* ISALM */ .colBoxARTICLEAD{ margin:0; padding:20px 20px 40px; } .colBoxARTICLEAD .colBoxOuter{ padding:10px 0; border-top:1px solid #CCC; border-bottom:1px solid #CCC; } .colBoxARTICLEAD .colBoxInner{ padding:0; } .colBoxARTICLEAD .colBoxIndex{ display:flex; margin:0; text-decoration:none !important; } .colBoxARTICLEAD .colBoxIndex:hover{ filter:brightness(110%); } .colBoxARTICLEAD .colBoxLeft{ width:120px; float:none; } .colBoxARTICLEAD .colBoxLeft img{ width:120px; height:90px; box-sizing:border-box; border:1px solid #CCC !important; } .colBoxARTICLEAD .colBoxRight{ flex:1; padding-left:15px; float:none; position:relative; } .colBoxARTICLEAD .colBoxRight:before{ content:"Special"; display:block; font-weight: bold; font-size: 12px; line-height: 12px; margin-bottom: 6px; color: #666; font-family: Verdana; } .colBoxARTICLEAD .colBoxRight:after{ content:"- PR -"; position:absolute; top:0; right:0; font-size: 12px; line-height: 12px; color: #666; font-family: Verdana; } .colBoxARTICLEAD .colBoxTitle{ font-weight: bold; font-size: 16px; line-height: 28px; color: #1d3994; } /* colBoxAD /*-----------------------------------------------------------------------------*/ .colBoxAdHead{ position:relative; height:18px; } #masterMain .colBoxAd.colBox, .colBoxAd.colBox{ display:inline-block; margin:0; } .colBoxDisplayAd, .colBoxDisplayAd a{ display:inline-block; } .colBoxAdframe { overflow-wrap: break-word; }