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

#masterMain a:link,
#masterMain a:visited {
color:#036;
}
#masterMain #cmsBody a:link,
#masterMain #cmsBody a:visited {
text-decoration:underline;
}

.tmplArticleIn {
padding:10px 0 0;
}
#cmsType {
display:block;
float:left;
width:100px;
margin:0 0 10px;
padding:3px;
border:1px #777 solid;
text-align:center;
color:#333;
}
#cmsDate {
font-size:12px;
}
#cmsTitle {
clear:both;
}
#cmsTitle h1 small {
margin-bottom:8px;
}
#cmsTitle h1 big {
margin-bottom:10px;
font-size:28px;
line-height:38px;
}
#cmsAbstract h2 {
font-size:15px;
line-height:24px;
font-weight:normal;
}
#cmsByline {
margin:0 0 5px;
font-size:14px;
}

/*---------------------------------------------------------------------*/
/* 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;
}

/* 関連記事 */
#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(http://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(http://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(http://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(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l2 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -98px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l3 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -198px #EEE;}
#cmsBody .acctop10-Makoto ol li#l4 a:hover {background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -298px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l5 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -398px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l6 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -498px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l7 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -598px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l8 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -698px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l9 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -798px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l10 a:hover {
background:url(http://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(http://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(http://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(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;
}
.masterSocialbuttonMinimal {
margin:22px 0 0!important;
}
/* sideButtons */
#colBoxSideButtons {
position:fixed;
bottom:15px;
visibility:hidden;
opacity:0;
transition-property: opacity, visibility;
transition-duration: 0.7s;
transition-timing-function: ease-out;
}
.exist-ITWL #colBoxSideButtons {
z-index:1;
}
#colBoxSideButtonsInner {
position:relative;
width:50px;
left:-76px;
}
#colBoxSideButtons #colBoxSideButtonsAlert,
#colBoxSideButtons #colBoxSideButtonsPrint {
width:50px;
height:50px;
margin:0 0 10px;
border:1px #CCC solid;
border-radius:3px;
}
#colBoxSideButtonsPrintBtn {
display:block;
width:50px;
height:50px;
text-indent:-9999px;
background:#FFF url(http://image.itmedia.co.jp/images/socialbutton/Adobe-Acrobat.png) no-repeat center center;
background-size:20px;
}
#colBoxSideButtonsAlert {
position:relative;
width:50px;
height:50px;
background:#FFF url(http://image.itmedia.co.jp/images/socialbutton/Mail-Add.png) no-repeat center center;
background-size:20px;
overflow:hidden;
}
#colBoxSideButtonsAlert a {
visibility:hidden;
position:absolute;
left:35px;
width:210px;
padding:5px 0px 5px 30px;
border:1px #CCC solid;
border-radius:3px;
color:#555;
font-size:14px;
opacity:0;
}
#colBoxSideButtonsAlertSeriesBtn {
top:5px;
background:#FFF url(http://image.itmedia.co.jp/images/socialbutton/msbBtnAlertseries.gif) no-repeat 7px 7px;
}
#colBoxSideButtonsAlertBtn {
top:38px;
background:#FFF url(http://image.itmedia.co.jp/images/socialbutton/msbBtnAlert.gif) no-repeat 7px 7px;
}
#colBoxSideButtonsAlert a:hover {
color:#C00;
text-decoration:none;
}
#colBoxSideButtonsAlert:hover {
overflow:inherit;
}
#colBoxSideButtonsAlert:hover a {
visibility:visible;
opacity:1;
}
@media screen and (max-width:1109px) {
	#colBoxSideButtons {
		display:none !important;
	}
}
/*---------------------------------------------------------------------*/
/* 記事下　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(http://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(http://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(http://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(http://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;
}
#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;
}
#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 {
margin:0 10px 5px 0;
}
#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 {
display:none;
}
.bizitane #cmsTitle {
padding:5px 20px 0 0;
background:url(http://image.itmedia.co.jp/images/cms_pr.gif) no-repeat right 15px;
}
.bizitane #cmsMark {
display:none;
}