@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 0 20px;
}
#cmsBody #endlinkConnection.endlink ul {
margin:0 0 10px;
width:100%;
}
#cmsBody .endlink ul {
display:inline-block;
border-bottom:none;
}
#cmsBody .endlink li {
background:none;
padding-left:0;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
}
#cmsBody #endlinkConnection.endlink2column li {
float:left;
width:49%;
padding:0 5px 0 0;
clear:none;
font-size:14px;
line-height:18px;
}
#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;
}

/*---------------------------------------------------------------------*/
/* ソーシャルボタン調整 */
/*---------------------------------------------------------------------*/
#masterSocialbuttonTop .msbIn {
width:inherit;
}
#masterSocialbuttonTop,
#masterSocialbuttonBtm {
margin:0 0 20px;
}
#masterSocialbuttonTop {
border-bottom:1px #ddd solid;
padding-bottom:15px;
}
.masterSocialbutton .msbIn .msbBtn,
.masterSocialbutton .msbIn .msbGroup {
background:#FFF;
}
.masterSocialbutton .msbBtn .msbBtntext {
padding:10px 5px 8px 5px;
background-image:none;
text-align:center;
}
.masterSocialbutton .msbBtnPrintbutton a {
font-weight:normal;
}
.masterSocialbutton .msbBtn a {
font-size:13px!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;
width:60px;
height:45px;
display:block;
overflow:hidden;
border:1px solid #999;
}

/*---------------------------------------------------------------------*/
/* 連載アラート */
/*---------------------------------------------------------------------*/
#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;
}