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;
|
|||
|
}
|
|||
|
|
|||
|
/* <20>^<5E>C<EFBFBD>g<EFBFBD><67><EFBFBD><EFBFBD><EFBFBD>C<EFBFBD>A<EFBFBD>E<EFBFBD>g<EFBFBD>ύX */
|
|||
|
.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;
|
|||
|
}
|
|||
|
|
|||
|
/* <20>R<EFBFBD>s<EFBFBD>[<5B><><EFBFBD>C<EFBFBD>g */
|
|||
|
#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;
|
|||
|
}
|
|||
|
|
|||
|
/* <20>֘A<D698>L<EFBFBD><4C> */
|
|||
|
#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;
|
|||
|
}
|
|||
|
|
|||
|
/* <20><><EFBFBD><EFBFBD> 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;
|
|||
|
}
|
|||
|
|
|||
|
/* <20><><EFBFBD>ʃp<CA83>[<5B>c<EFBFBD>p<EFBFBD> */
|
|||
|
.colBoxAccessTop10 .colBoxOuter {
|
|||
|
background-color:#EEE;;
|
|||
|
}
|
|||
|
#masterMain .colBoxAccessTop10 .colBoxHead {
|
|||
|
background-color:transparent;
|
|||
|
}
|
|||
|
#masterMain .colBoxAccessTop10 .colBoxHead h2 {
|
|||
|
font-size:18px;
|
|||
|
line-height:24px;
|
|||
|
}
|
|||
|
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>\<5C>[<5B>V<EFBFBD><56><EFBFBD><EFBFBD><EFBFBD>{<7B>^<5E><><EFBFBD><EFBFBD><EFBFBD><EFBFBD> */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
|
|||
|
/* 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;
|
|||
|
}
|
|||
|
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>L<EFBFBD><4C><EFBFBD><EFBFBD><EFBFBD>@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;
|
|||
|
}
|
|||
|
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>A<EFBFBD>ڃA<DA83><41><EFBFBD>[<5B>g */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
#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;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>L<EFBFBD><4C><EFBFBD><EFBFBD><EFBFBD>w<EFBFBD>b<EFBFBD>_<EFBFBD>摜 */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
.tmplArticle .colBoxArticleHeader .colBoxIcon a {
|
|||
|
float:none;
|
|||
|
margin:0;
|
|||
|
border:none;
|
|||
|
}
|
|||
|
.colBoxArticleHeader .colBoxIcon a img {
|
|||
|
max-width:100%;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>L<EFBFBD><4C><EFBFBD><EFBFBD>TT<54>g */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
.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;
|
|||
|
}
|
|||
|
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>L<EFBFBD><4C><EFBFBD><EFBFBD><EFBFBD>L<EFBFBD>[<5B>}<7D><><EFBFBD>Y<EFBFBD>l<EFBFBD>b<EFBFBD>g<EFBFBD>g */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
#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;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>}<7D>X<EFBFBD>N */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
#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;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>A<EFBFBD>ڃp<DA83>[<5B>c */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
#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;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>V<EFBFBD><56><EFBFBD>L<EFBFBD><4C> */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
#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;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>r<EFBFBD>W<EFBFBD><57><EFBFBD><EFBFBD> & <20>t<EFBFBD><74><EFBFBD>b<EFBFBD>V<EFBFBD><56><EFBFBD>T<EFBFBD>}<7D><> */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
.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;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>R<EFBFBD><52><EFBFBD><EFBFBD><EFBFBD>g */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
#ulCommentWidget{
|
|||
|
position:relative;
|
|||
|
border:5px solid #DDD;
|
|||
|
padding:20px;
|
|||
|
}
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
/* <20>L<EFBFBD><4C><EFBFBD><EFBFBD><EFBFBD>J<EFBFBD>X<EFBFBD>^<5E><><EFBFBD>T<EFBFBD>u<EFBFBD>g<EFBFBD>b<EFBFBD>v<EFBFBD>U<EFBFBD><55> */
|
|||
|
/*---------------------------------------------------------------------*/
|
|||
|
.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;
|
|||
|
}
|