887 行
21 KiB
Plaintext
887 行
21 KiB
Plaintext
#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;
|
||
} |