#masterMain a:link, #masterMain a:visited { color:#036; } #masterMain #cmsBody a:link, #masterMain #cmsBody a:visited { text-decoration:underline; } .tmplArticleIn { padding:0; } #cmsType { display:block; float:left; width:100px; margin:0 0 10px; padding:3px; border:1px #777 solid; text-align:center; color:#333; } #cmsDate { position:relative; } #cmsDate .inner { float:left; padding:4px 15px 0 0; text-align:left; } #cmsTitle { clear:both; padding:10px 0 7px; } #cmsTitle h1 small { margin-bottom:8px; } #cmsTitle h1 big { font-size:24px; line-height:32px; } /* タイトルレイアウト変更 */ .title { font-weight: bold !important; color: #333; } .title__maintext { display: inline !important; font-size: 24px !important; } .title__subtitle { color: #333; } .title__pagenumber { display: none; } .title__link--reference:hover .title { color: #c00 !important; } #cmsAbstract h2 { font-size:15px; line-height:24px; font-weight:normal; } /*---------------------------------------------------------------------*/ /* CMS Body */ /*---------------------------------------------------------------------*/ #cmsBody { padding:0 10px 0 0; } #cmsBody .trBoxC .trBoxWidth { overflow:hidden; } #masterMain .backNumBox strong a:link, #masterMain .backNumBox strong a:visited { color:#FFF; } #cmsBody .box li { font-size:16px; line-height:22px; list-style:square outside none; margin-bottom:10px; } /* コピーライト */ #cmsMark, #cmsBody #cmsMark { text-align:right; } #cmsCopyright, #cmsCopyright p { font-size:12px; line-height:16px; text-align:right; margin:0 0 10px; } #cmsBody #cmsMark img { margin:0 0 5px 0; } #cmsRef { clear:both; } /* 関連記事 */ #cmsBody #endlinkConnection.endlink { margin:0; } #cmsBody #endlinkConnection.endlink ul { margin:0 0 10px; width:100%; } #cmsBody .endlink h4 { margin:0 0 5px; padding:8px 3px 5px; font-size:18px; line-height:28px; border-bottom:3px solid #aaa; } #cmsBody .endlink ul { display:inline-block; border-bottom:none; border-top:none; } #cmsBody .endlink li { background:none; padding-left:0; font-size:17px; line-height:24px; } #cmsBody .endlink li.endlink-lnk { background:url(https://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat scroll 0 4px; padding:0 0 3px 14px; } #cmsBody .endlink li a img { width:80px; height:60px; margin:0 10px 10px 0; } #cmsBody #endlinkConnection.endlink2column li { float:left; width:49%; height:55px; padding:0 5px 0 0; clear:none; font-size:16px; line-height:18px; overflow:hidden; } #cmsBody #endlinkConnection.endlink2column li a img { width:60px; height:45px; } #cmsBody #endlinkConnection.endlink2column .endlink-art { display:none; } #cmsBody #endlinkConnection.endlink2column #endlink-art1, #cmsBody #endlinkConnection.endlink2column #endlink-art2, #cmsBody #endlinkConnection.endlink2column #endlink-art3, #cmsBody #endlinkConnection.endlink2column #endlink-art4 { display:block; } #masterMain #cmsBody .endlink a:link, #masterMain #cmsBody .endlink a:visited { text-decoration:none; } /* 旧誠 WEEKLY ACCESS TOP10 */ #cmsBody .acctop10-Makoto { width:500px; margin:0px auto; padding:15px; } #cmsBody .acctop10-Makoto h3 { width:100%; height:34px; margin:0px; padding:0px; background:url(https://image.itmedia.co.jp/makoto/images/weekly_access_top10.gif) no-repeat 0px 0px #036; border:3px solid #CCC; text-indent:-9999px; } #cmsBody .acctop10-Makoto ol { clear:both; width:100%; margin:0px; padding:0px; border:3px solid #CCC; border-top:none; } #cmsBody .acctop10-Makoto ol li { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px; list-style:none; line-height:120%; } #cmsBody .acctop10-Makoto ol li a { display:block; clear:both; padding:7px 6px 19px 47px; border-bottom:1px solid #DDD; text-decoration:none; } #cmsBody .acctop10-Makoto ol li a:hover { color:#C00; } #cmsBody .acctop10-Makoto ol li#l1 { background-position:2px 2px; } #cmsBody .acctop10-Makoto ol li#l2 { background-position:2px -98px; } #cmsBody .acctop10-Makoto ol li#l3 { background-position:2px -198px; } #cmsBody .acctop10-Makoto ol li#l4 { background-position:2px -298px; } #cmsBody .acctop10-Makoto ol li#l5 { background-position:2px -398px; } #cmsBody .acctop10-Makoto ol li#l6 { background-position:2px -498px; } #cmsBody .acctop10-Makoto ol li#l7 { background-position:2px -598px; } #cmsBody .acctop10-Makoto ol li#l8 { background-position:2px -698px; } #cmsBody .acctop10-Makoto ol li#l9 { background-position:2px -798px; } #cmsBody .acctop10-Makoto ol li#l10 { background-position:2px -898px; } #cmsBody .acctop10-Makoto ol li#l1 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px #EEE; } #cmsBody .acctop10-Makoto ol li#l2 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -98px #EEE; } #cmsBody .acctop10-Makoto ol li#l3 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -198px #EEE;} #cmsBody .acctop10-Makoto ol li#l4 a:hover {background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -298px #EEE; } #cmsBody .acctop10-Makoto ol li#l5 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -398px #EEE; } #cmsBody .acctop10-Makoto ol li#l6 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -498px #EEE; } #cmsBody .acctop10-Makoto ol li#l7 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -598px #EEE; } #cmsBody .acctop10-Makoto ol li#l8 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -698px #EEE; } #cmsBody .acctop10-Makoto ol li#l9 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -798px #EEE; } #cmsBody .acctop10-Makoto ol li#l10 a:hover { background:url(https://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -898px #EEE; } #cmsBody .acctop10-Makoto ol li a span { display:block; border-left:2px solid #DDD; padding-left:8px; padding-right:8px; } #cmsBody .acctop10-Makoto ol li a span small { display:block; font-size:10px; text-align:right; } #cmsBody .acctop10-Makoto ol li a:link span small, #cmsBody .acctop10-Makoto ol li a:visited span small, #cmsBody .acctop10-Makoto ol li a:hover span small { color:#666; } #cmsBody .acctop10-Makoto ol li#l1 a:hover span, #cmsBody .acctop10-Makoto ol li#l2 a:hover span, #cmsBody .acctop10-Makoto ol li#l3 a:hover span { border-left:2px solid #F60; } #cmsBody .acctop10-Makoto ol li#l4 a:hover span, #cmsBody .acctop10-Makoto ol li#l5 a:hover span, #cmsBody .acctop10-Makoto ol li#l6 a:hover span, #cmsBody .acctop10-Makoto ol li#l7 a:hover span, #cmsBody .acctop10-Makoto ol li#l8 a:hover span, #cmsBody .acctop10-Makoto ol li#l9 a:hover span, #cmsBody .acctop10-Makoto ol li#l10 a:hover span { border-left:2px solid #036; } /* Sales Ranking */ #masterMain .colBox.colBoxSalesRanking { width:630px; margin:0 0 10px; padding:0; } #masterMain .colBoxSalesRanking .colBoxHead { background:url(https://image.itmedia.co.jp/makoto/images/bookRank_heading.gif) no-repeat; border-bottom:none; color:#FFF; height:36px; margin:0; padding:19px 10px 0 74px; } #masterMain .colBoxSalesRanking .colBoxHead h2 { font-size:18px; line-height:29px; color:#FFF; } #masterMain .colBoxSalesRanking .colBoxDate { float:right; } #masterMain .colBoxSalesRanking .colBoxInner { width:620px; background:#036; padding:5px; } #masterMain .colBoxSalesRanking .trBoxWidth { background:#FFF; padding:5px; margin:0 0 3px; width:610px; } #masterMain .colBoxSalesRanking .colBoxIndex img { width:90px; height:131px; } #masterMain .colBoxSalesRanking div#col200l, #masterMain .colBoxSalesRanking div#col300l, #masterMain .colBoxSalesRanking div#col400l, #masterMain .colBoxSalesRanking div#col500l { float:left; margin:0; width:100px; } #masterMain .colBoxSalesRanking p { margin:0 0 2px; } #masterMain .colBoxSalesRanking h4 { color:#007bda; font-size:16px; line-height:24px; margin:0; padding:0; } #masterMain .colBoxSalesRanking h3 { background:none; border-bottom:none; font-size:20px; line-height:30px; margin:0; padding:0; } #masterMain .colBoxSalesRanking hr { visibility:hidden; } #masterMain .colBoxSalesRanking .colBoxDate { font-size:14px; line-height:33px; } /* 共通パーツ用補正 */ .colBoxAccessTop10 .colBoxOuter { background-color:#EEE;; } #masterMain .colBoxAccessTop10 .colBoxHead { background-color:transparent; } #masterMain .colBoxAccessTop10 .colBoxHead h2 { font-size:18px; line-height:24px; } /*---------------------------------------------------------------------*/ /* ソーシャルボタン調整 */ /*---------------------------------------------------------------------*/ /* SOCIALBUTTON ---------------------------------------------------------------------------------------------- */ .masterSocialbuttonDefault .msbIn { width:auto; } .masterSocialbuttonDefault .msbIn .msbBtn, .masterSocialbuttonDefault .msbIn .msbGroup { background:transparent; } .masterSocialbuttonDefault .msbBtnPrintbutton .msbBtntext { padding:0px !important; height:59px !important; width:59px !important; background:url(https://image.itmedia.co.jp/images/socialbutton/Adobe-Acrobat.png) no-repeat center 11px !important; background-size:20px 20px !important; line-height:97px !important; font-size:10px !important; text-align:center !important; } .masterSocialbuttonDefault .msbBtnItmid .msbBtntext { padding:0px !important; height:59px !important; width:59px !important; background:url(https://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; } .masterSocialbuttonMinimal { margin:22px 0 0!important; } /* sideButtons */ .exist-ITWL #colBoxSideButtons { z-index:1; display:none; } #colBoxSideButtonsComment{ width:50px; height:50px; margin:0 0 10px; border:1px #CCC solid; border-radius:3px; position:relative; } #colBoxSideButtonsCommentBtn{ display:block; width:50px; height:50px; background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnCommentbutton_minimal.png) no-repeat center 6px; background-size:20px; } #colBoxSideButtonsComment .my_s_count{ display:block; text-align:center; width:50px; font-size:12px; line-height:16px; color:#999; position:absolute; bottom:4px; } #colBoxSideButtons { position:fixed; top:150px; visibility:hidden; opacity:0; transition-property:opacity, visibility; transition-duration:0.7s; transition-timing-function:ease-out; } #colBoxSideButtons #colBoxSideButtonsInner { position:relative; width:76px; left:-112px; } #colBoxSideButtons #colBoxSideButtonsAlert, #colBoxSideButtons #colBoxSideButtonsPrint, #colBoxSideButtons #colBoxSideButtonsComment { width:70px; height:70px; margin:0 0 10px; border-radius:8px; border:3px #cbcbcb solid; position:relative; } #colBoxSideButtons #colBoxSideButtonsPrint:before, #colBoxSideButtons #colBoxSideButtonsCommentBtn:before, #colBoxSideButtons #colBoxSideButtonsAlert:before { border-left:12px solid #FFF; content:""; position:absolute; top:37px; right:-12px; margin-top:-7px; border-left:13px solid #FFF; border-top:8px solid #43202000; border-bottom:8px solid #43202000; z-index:2; } #colBoxSideButtons #colBoxSideButtonsPrint:after, #colBoxSideButtons #colBoxSideButtonsCommentBtn:after, #colBoxSideButtons #colBoxSideButtonsAlert:after { content:""; position:absolute; top:37px; right:-17px; margin-top:-8px; border-left:14px solid #cbcbcb; border-top:9px solid #43202000; border-bottom:9px solid #43202000; z-index:1; } #colBoxSideButtons #colBoxSideButtonsPrintBtn { display:block; width:70px; height:70px; background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtnprinter.png) no-repeat 22px 13px; background-size:30px; border-radius:8px; text-indent:0; text-align:center; } #colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn { display:block; width:70px; height:70px; background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtnmail.png) no-repeat 24px 12px; background-size:29px; border-radius:8px; } #colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn span { top:44px; left:12px; font-size:12px; position:relative; color:#5b5b5b; } #colBoxSideButtons #colBoxSideButtonsCommentBtn { display:block; width:70px; height:70px; background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/SideBtncomment.png) no-repeat center 14px; background-size:32px; border-radius:8px; text-indent:0; text-align:center; } #colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsPrint a:hover, #colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsAlertSeriesBtn a:hover { text-decoration:none; } #colBoxSideButtons #colBoxSideButtonsInner #colBoxSideButtonsPrintBtn span { top:45px; font-size:12px; position:relative; color:#5b5b5b; } #colBoxSideButtons #colBoxSideButtonsAlertSeriesBtn { top:5px; background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnAlertseries.gif) no-repeat 7px 7px; } #colBoxSideButtons #colBoxSideButtonsAlertBtn { top:38px; background:#FFF url(https://image.itmedia.co.jp/images/socialbutton/msbBtnAlert.gif) no-repeat 7px 7px; } #colBoxSideButtons #colBoxSideButtonsAlert a:hover { text-decoration:none; } #colBoxSideButtons #colBoxSideButtonsComment .my_s_count { width:auto; bottom:8px; left:0; right:0; font-size:16px; color:#5b5b5b; } #colBoxSideButtons #colBoxSideButtonsComment .my_s_count { display:none; } #colBoxSideButtons #colBoxSideButtonsComment .rm62128pc { text-align:center; width:auto; font-size:12px; line-height:16px; color: #5b5b5b; position:absolute; bottom:8px; left:0; right:0; } /*---------------------------------------------------------------------*/ /* 記事下 Newzia */ /*---------------------------------------------------------------------*/ #NewziaTt h4 { background-color:#EEE; padding:2px 6px; margin:0 0 10px; font-size:12px; line-height:18px; text-align:left; } #NewziaTt .endlink { font-size:12px; line-height:18px; } #NewziaTt ul, #NewziaTt li { list-style:none; text-align:left; margin:0; padding:0; } #NewziaTt li, #NewziaTt .newziaCopyright { clear:both; } #NewziaTt li a { font-weight:bold; } #NewziaTt .newziaCopyright { text-align:right; font-size:11px; line-height:15px; } #NewziaTt li span { margin:0 10px 5px 0; padding:0; float:left; display:block; overflow:hidden; border:1px solid #CCC; } /*---------------------------------------------------------------------*/ /* 連載アラート */ /*---------------------------------------------------------------------*/ #cmsBody .cmsBodyItmidSeriesButtonRegist a { background:url(https://image.itmedia.co.jp/makoto/images/rensai_alert_bg1507_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/makoto/images/rensai_alert_bg1507_1.gif) no-repeat 0 0; } #cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt { display:none; } /*---------------------------------------------------------------------*/ /* 記事上ヘッダ画像 */ /*---------------------------------------------------------------------*/ .tmplArticle .colBoxArticleHeader .colBoxIcon a { float:none; margin:0; border:none; } .colBoxArticleHeader .colBoxIcon a img { max-width:100%; } /*---------------------------------------------------------------------*/ /* 記事下TT枠 */ /*---------------------------------------------------------------------*/ .newziaConnectAPI ul li { background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_keyman.gif) no-repeat 0 5px; margin:0 0 3px; padding:3px 0 7px 14px; border-bottom:1px dotted #CCC; } /*---------------------------------------------------------------------*/ /* 記事下キーマンズネット枠 */ /*---------------------------------------------------------------------*/ #articleBottomKeyman { margin-bottom:10px; } #articleBottomKeyman .colBoxHead { background-color:#FFF; border-bottom:none; margin:0; padding:0; } #articleBottomKeyman h3 { font-size:14px; line-height:18px; position:relative; border-bottom:1px solid #CCC; margin:0 0 5px; padding:0 0 3px; } #articleBottomKeyman .colBoxUlist ul { padding:2px 0 0 10px; font-size:13px; line-height:20px; clear:both; font-size:12px; line-height:16px; margin:0; padding:0; list-style-type:none; } #articleBottomKeyman .colBoxUlist ul li { background:url(https://image.itmedia.co.jp/business/images/ulli_arrow_keyman.gif) no-repeat 0 5px; margin:0 0 3px; padding:3px 0 7px 14px; border-bottom:1px dotted #CCC; } #articleBottomKeyman a:link, #articleBottomKeyman a:visited { text-decoration:none; } #articleBottomKeyman a:hover { text-decoration:underline; color:#C00; } /*---------------------------------------------------------------------*/ /* マスク */ /*---------------------------------------------------------------------*/ #masterMain .colBoxMembersControl .colBoxHead { border-bottom:none; background:#111; width:auto; } #masterMain #cmsBody .CmsMembersControl .colBoxButton a:link, #masterMain #cmsBody .CmsMembersControl .colBoxButton a:visited, #masterMain #cmsBody .CmsMembersControl .colBoxButton a:hover { color:#FFF; text-decoration:none; } /*---------------------------------------------------------------------*/ /* 連載パーツ */ /*---------------------------------------------------------------------*/ #cmsSeriesList { clear:both; padding:10px 0; } #cmsSeriesList .colBox { position:relative; margin-bottom:20px; } #cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxHead { position:inherit; margin-bottom:3px; border-bottom:3px solid #aaa; width:auto; } #cmsBody #cmsSeriesList .colBoxHead h1 { padding:8px 3px 5px; font-size:18px; line-height:28px; } #cmsBody #cmsSeriesList.cmsSeriesList1 #seriesBoxRegistbutton { position:absolute; bottom:-13px; right:2px; } #cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxTitle h1 { font-size:15px; line-height:22px; } #cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxIndex { padding:7px 0; } #cmsSeriesList.cmsSeriesList1 .colBoxIndex .colBoxNumber { margin:0 0 0 2px; } #cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxButton a { display:block; padding:8px; background:#EEE; font-size:13px; } #cmsBody #cmsSeriesList.cmsSeriesList1 .colBoxButton a:hover { background:#EFEFEF; color:#777!important; } /*---------------------------------------------------------------------*/ /* 新着記事 */ /*---------------------------------------------------------------------*/ #tmplNewsIn .colBoxUaNewArticles h2 { font-size:18px; line-height:28px; } #tmplNewsIn .colBoxUaNewArticles .colBoxIcon img { border:none; } #tmplNewsIn .colBoxUaNewArticles h3 { clear:inherit; margin:0 0 10px; padding:0; border:none; font-size:17px; line-height:24px; } #tmplNewsIn #cmsBody .colBoxUaNewArticles a:link, #tmplNewsIn #cmsBody .colBoxUaNewArticles a:visited { text-decoration:none; } #tmplNewsIn .colBoxUaNewArticles.colBoxIcon a { margin:0 10px 5px 0; } #FacebookPagePlugin { margin:20px auto!important; } /*---------------------------------------------------------------------*/ /* ビジたね & フレッシュサマリ */ /*---------------------------------------------------------------------*/ .bizitane #cmsType, .freshsummary #cmsTyp { display:none; } .bizitane #cmsTitle, .freshsummary #cmsTitle { padding:10px 20px 7px 0; } .bizitane #cmsMark, .freshsummary #cmsMark { display:none; } /*---------------------------------------------------------------------*/ /* #SHIFT */ /*---------------------------------------------------------------------*/ #globalHeaderTop.hashShiftTop { background:#426fb2; } .hashShiftTop .hashShiftTopIn { position:relative; margin:0 auto; width:980px; height:77px; background-image:url(https://image.itmedia.co.jp/business/subtop/hashshift/images/headonepoint.png); background-repeat:no-repeat; background-position:right 140px top } .hashShiftTop .cornerlogoArea { position:absolute; top:18px; left:0; margin:0; line-height:0; } .hashShiftTop .cornerlogoArea a { display: block; } .hashShiftTop .cornerlogoArea img { width:194px; height:40px; } .hashShiftTop .taglineArea { position:absolute; left:210px; bottom:19px; height:15px; margin:0; line-height:0; } .hashShiftTop .taglineArea img { left:210px; width:397px; } .hashShiftTop .medialogoArea { position:absolute; top:21px; right:0; margin:0 auto; } .hashShiftTop .medialogoArea a { display: block; } .hashShiftTop .medialogoArea img { width:122px; height:34px; } /*---------------------------------------------------------------------*/ /* コメント */ /*---------------------------------------------------------------------*/ #ulCommentWidget{ position:relative; border:5px solid #DDD; padding:20px; } /*---------------------------------------------------------------------*/ /* 記事下カスタムサブトップ誘導 */ /*---------------------------------------------------------------------*/ .cs_footerlink{ margin:32px auto; text-align:center; } .cs_footerlink a{ background:url(https://image.itmedia.co.jp/business/images/footer_tolistpage.gif) no-repeat left top; height:30px; line-height:32px; display:inline-block; padding-left:136px; color:#ff5500!important; font-weight:600; } .cs_footerlink a:hover{ opacity:0.7; }