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

#cmsType {
color:#333;
display:block;
margin:0;
padding:0;
border-bottom:1px #DDD solid;
}
#cmsType .inner {
font-weight:bold;
}
#cmsDate {
position:relative;
}
#cmsDate .inner {
float:right;
position:absolute;
right:0;
top:-19px;
}
#cmsTitle {
padding:8px 0;
clear:both;
}
#cmsTitle h1 small {
color:#A73;
font-size:13px;
line-height:16px;
margin:0 0 5px;
}
#cmsAbstract .inner h2 {
color:#555;
font-size:14px;
line-height:20px;
margin:0 0 10px;
}

/*---------------------------------------------------------------------*/
/* 書式 */
/*---------------------------------------------------------------------*/
#cmsBody #blue.box h3 {
background:#267095;
}
#cmsBody #green.box h3 {
background:#649526;
}
#cmsBody .box {
padding:1px;
}
#cmsBody .trBoxC h3,
#cmsBody .trBoxC h4 {
clear:none;
}
#cmsBody .trBoxC .box {
clear:none;
}
/*---------------------------------------------------------------------*/
/* 関連記事 */
/*---------------------------------------------------------------------*/
#cmsBody .endlink {
clear:both;
margin-bottom:20px;
}
#cmsBody .endlink h4 {
background:url(http://image.itmedia.co.jp/images0509/submenubg6.gif) no-repeat;
color:#111;
float:left;
margin:0;
padding:0 5px 0 20px;
width:70px;
border-bottom:none;
}
#cmsBody .endlink ul {
border-left:3px solid #DDD;
margin:0 0 0 100px;
padding:0 0 0 10px;
width:500px;
border-bottom:none;
border-top:none;
}
#cmsBody .endlink ul li {
background:url(http://image.itmedia.co.jp/makoto/images/ulli_06_off.gif) no-repeat 0 1px;
clear:both;
margin:0 0 10px;
padding-left:25px;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
margin:0 7px 5px 0;
}
/* 関連記事ALL */
#cmsBody .endlink2column ul {
overflow:auto;
width:540px;
}
#cmsBody .endlink.endlink2column ul#art {
margin:0 0 10px 100px;
}
#cmsBody .endlink2column ul li {
float:left;
width:245px;
clear:none;
padding:0 5px 0 20px;
}
#cmsBody .endlink2column li a img {
width:60px;
height:45px;
}
#cmsBody .endlink2column .endlink-art {
display:none;
}
#cmsBody .endlink2column #endlink-art1,
#cmsBody .endlink2column #endlink-art2,
#cmsBody .endlink2column #endlink-art3,
#cmsBody .endlink2column #endlink-art4 {
display:block;
}

/* Article Ranking 2012年4月改修版
---------------------------------------------------------------------------------------------------*/
#cmsBody .colBox.colBoxSalesRanking {
width:645px;
margin:0 auto 10px;
padding:0;
}
#cmsBody .colBoxSalesRanking .colBoxHead {
background:url(http://image.itmedia.co.jp/ebook/images/articleRank_heading.gif) no-repeat;
border:none;
color:#FFF;
height:36px;
margin:0;
padding:19px 20px 0 70px;
filter:none;
}
#cmsBody .colBoxSalesRanking .colBoxHead h2 {
font-size:18px;
line-height:27px;
color:#FDFE66;
}
#cmsBody .colBoxSalesRanking .colBoxDate {
font-size:16px;
line-height:30px;
float:right;
}
#cmsBody .colBoxSalesRanking .colBoxInner {
width:635px;
background:#007BDA;
padding:5px;
}
#cmsBody .colBoxSalesRanking .trBoxWidth {
background:#FFF;
padding:5px;
margin:0 0 3px;
width:625px;
}
#cmsBody .colBoxSalesRanking .colBoxIndex img {
width:90px;
height:131px;
}
#cmsBody .colBoxSalesRanking div#col200l,
#cmsBody .colBoxSalesRanking div#col300l,
#cmsBody .colBoxSalesRanking div#col400l,
#cmsBody .colBoxSalesRanking div#col500l {
float:left;
margin:0;
width:100px;
}
#cmsBody .colBoxSalesRanking p {
margin:0 0 2px;
}
#cmsBody .colBoxSalesRanking h4 {
color:#007bda;
font-size:16px;
line-height:24px;
margin:0;
padding:0;
clear:none;
border-bottom:none;
}
#cmsBody .colBoxSalesRanking h3 {
background:none;
border-bottom:none;
font-size:20px;
line-height:30px;
margin:0;
padding:0;
clear:none;
}
#cmsBody .colBoxSalesRanking hr {
visibility:hidden;
}
/* Article Ranking
---------------------------------------------------------------------------------------------------*/
#cmsBody .article-rankingbox h3,
#cmsBody .ebookRankGE1101 h3 {
background:url(http://image.itmedia.co.jp/ebook/images/articleRank_heading.gif) no-repeat;
border-bottom:0px solid #DDD;
height:36px;
margin:0px;
padding:19px 0 0 70px;
color:#FFF;
font-size:16px;
line-height:26px;
}
.article-rankingbox h3 span,
.ebookRankGE1101 h3 span {
color:#fdfe66;
font-size:23px;
}
.article-rankingbox table head,
.ebookRankGE1101 table thead {height:28px!important;padding:0;margin:0;background:#e3f1fd;}
.article-rankingbox th.rank,
.ebookRankGE1101 .GEline2 th.head-rank {
background: url(http://image.itmedia.co.jp/ebook/images/articleRank_th_rank.gif) no-repeat center top;
height:28px;
width:135px;
}
.article-rankingbox th.title,
.ebookRankGE1101 .GEline2 th.head-title {
background: url(http://image.itmedia.co.jp/ebook/images/articleRank_th_title.gif) no-repeat center top;
}
.article-rankingbox th.rank,
.article-rankingbox th.title,
.ebookRankGE1101 .GEline2 th.head-title,
.ebookRankGE1101 .GEline2 th.head-rank {
text-align:center;
font-size:15px;
color:#666;
vertical-align:middle;
padding:4px 0 0 0!important;
margin:0;
}
.ebookRankGE1101 .GEline3 th.head-rank {
background: url(http://image.itmedia.co.jp/ebook/images/articleRank_th_rank.gif) no-repeat center top;
height:28px;
width:135px;
}
.ebookRankGE1101 .GEline3 th.head-prerank {
background: url(http://image.itmedia.co.jp/ebook/images/articleRank_th_prerank3.gif) no-repeat center top;
height:28px;
width:90px;
}
.ebookRankGE1101 .GEline3 th.head-title {
background: url(http://image.itmedia.co.jp/ebook/images/articleRank_th_title3.gif) no-repeat center top;
}
.ebookRankGE1101 .GEline3 th.head-title,
.ebookRankGE1101 .GEline3 th.head-rank,
.ebookRankGE1101 .GEline3 th.head-prerank {
text-align:center;
font-size:15px;
color:#666;
vertical-align:middle;
padding:4px 0 0 0!important;
margin:0;
}
.article-rankingbox .boxOut,
.ebookRankGE1101 .boxOut {
margin:10px 0;
}
.article-rankingbox .boxIn,
.ebookRankGE1101 .boxIn {
background: none repeat scroll 0 0 #007BDA;
margin:0px auto;
width:645px;
}
.article-rankingbox table,
.ebookRankGE1101 table {
width:645px;
padding-bottom:0px;
margin:0;
}
.article-rankingbox tr,
.article-rankingbox th,
.ebookRankGE1101 tr,
.ebookRankGE1101 th {padding:0;}
.article-rankingbox td,
.ebookRankGE1101 td {
height:50px;
font-size:16px;
line-height:130%;
background:#FFF;
padding:0 10px;
}
.article-rankingbox td.rank,
.ebookRankGE1101 td.rank {
padding:0;
text-indent:-9999px;
}
.article-rankingbox #ebook-artrank1 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat 13px 9px #FFF;}
.article-rankingbox #ebook-artrank2 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -122px 9px #FFF;}
.article-rankingbox #ebook-artrank3 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -256px 9px #FFF;}
.article-rankingbox #ebook-artrank4 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -396px 9px #FFF;}
.article-rankingbox #ebook-artrank5 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -525px 9px #FFF;}
.article-rankingbox #ebook-artrank6 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -665px 9px #FFF;}
.article-rankingbox #ebook-artrank7 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -796px 9px #FFF;}
.article-rankingbox #ebook-artrank8 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -936px 9px #FFF;}
.article-rankingbox #ebook-artrank9 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -1065px 9px #FFF;}
.article-rankingbox #ebook-artrank10 td.rank{background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -1206px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE1 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat 13px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE2 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -122px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE3 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -256px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE4 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -396px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE5 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -525px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE6 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -665px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE7 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -796px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE8 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -936px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE9 td.rank {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -1065px 9px #FFF;}
.ebookRankGE1101 .ebookRankGE10 td.rank{background:url(http://image.itmedia.co.jp/ebook/images/articleRank_ranknum.gif) no-repeat -1206px 9px #FFF;}
.ebookRankGE1101 td.prerank {
text-align:right;
padding:0 50px 0 0;
}
.ebookRankGE1101 td.prerank.up {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_arr_up.gif) no-repeat 47px 12px #FFF;}
.ebookRankGE1101 td.prerank.down {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_arr_down.gif) no-repeat 47px 12px #FFF;}
.ebookRankGE1101 td.prerank.same {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_arr_same.gif) no-repeat 47px 14px #FFF;}
.ebookRankGE1101 td.prerank.new {background:url(http://image.itmedia.co.jp/ebook/images/articleRank_arr_up.gif) no-repeat 47px 12px #FFF;}

#cmsBody a:link,
#cmsBody a:visited {
text-decoration:underline;
}
#cmsBody #masterSocialbuttonTop a:link,
#cmsBody #masterSocialbuttonTop a:visited,
#cmsBody #masterSocialbuttonBtm a:link,
#cmsBody #masterSocialbuttonBtm a:visited,
#cmsBody #endlinkConnection a:link,
#cmsBody #endlinkConnection a:visited {
text-decoration:none;
}

/* 設問（ランキング併用版 Rank111） 2014/03/14
-------------------------------------------------- */
#cmsBody .cmsBodyRank-111 .cmsBodyRankHead .cmsBodyRankRow {
background:#000;
background:-webkit-linear-gradient(top,  #666666 0%,#000000 100%);
background:linear-gradient(to bottom,  #666666 0%,#000000 100%);
text-shadow:0 -1px 0 rgba(0, 0, 0, .75);
}
#cmsBody .cmsBodyRank-111 .cmsBodyRankCell-1 {
word-break:keep-all;
white-space:nowrap;
}
#cmsBody .cmsBodyRank-111 .cmsBodyRankHead .cmsBodyRankCell {
padding:5px 8px;
}
#cmsBody .cmsBodyRank-111 .cmsBodyRankHead .cmsBodyRankCell-2 {
text-align:left;
}
.cmsBodyRank-111 .cmsBodyRankRow-2,
.cmsBodyRank-111 .cmsBodyRankRow-4,
.cmsBodyRank-111 .cmsBodyRankRow-6,
.cmsBodyRank-111 .cmsBodyRankRow-8,
.cmsBodyRank-111 .cmsBodyRankRow-10 {
background:#EEE;
}
.cmsBodyRank-111 .cmsBodyRankInner {
border:1px solid #CCC;
}
#cmsBody .cmsBodyRank-111 .cmsBodyRankBody .cmsBodyRankRow:hover {
background:#EFF;
}
.cmsBodyRank-111 .cmsBodyRankCell-1 {
text-align:center;
font-weight:bold;
}

/* SNS Buttons 20141218
------------------------------------------------------------------- */
.masterSocialbuttonCoverTw,
.masterSocialbuttonCoverFb {
	display:block;
	margin-top:3px;
	height:22px;
	float:left;
	position:absolute;
	z-index:998;
}
.masterSocialbuttonCoverTw {
	margin-left:86px;
	width:115px;
}
.masterSocialbuttonCoverFb {
	width:115px;
	margin-left:207px;
}
.msbBtnSp a {
	display:block;
	margin:20px 10px;
	float:left;
	background:#999;
	width:300px;
	text-align:center;
	height:50px;
	line-height:50px;
	border-radius:10px;
	box-shadow:0 4px 0 #666;
	-webkit-box-shadow:0 4px 0 #666;
	-moz-box-shadow:0 4px 0 #666;
	-o-box-shadow:0 4px 0 #666;
	-ms-box-shadow:0 4px 0 #666;
	font-size:13px;
	color:#FFF;
}
.msbBtnSpFb a {
	background:url(http://image.itmedia.co.jp/nl/images/msbBtnLikebutton.gif) no-repeat 75px 10px #395995;
	background-size:30px;
	text-indent:40px;
	box-shadow:0 4px 0 #253a61;
	-webkit-box-shadow:0 4px 0 #253a61;
	-moz-box-shadow:0 4px 0 #253a61;
	-o-box-shadow:0 4px 0 #253a61;
	-ms-box-shadow:0 4px 0 #253a61;
}
.msbBtnSpTw a {
	background:url(http://image.itmedia.co.jp/nl/images/msbBtnTweetbutton.gif) no-repeat 90px 10px #00a4db;
	background-size:30px;
	text-indent:45px;
	box-shadow:0 4px 0 #007ea8;
	-webkit-box-shadow:0 4px 0 #007ea8;
	-moz-box-shadow:0 4px 0 #007ea8;
	-o-box-shadow:0 4px 0 #007ea8;
	-ms-box-shadow:0 4px 0 #007ea8;
}
.msbBtnSp a:hover {
	margin:24px 10px 16px 10px;
	text-decoration:none!important;
	box-shadow:0 0 0 #666;
	-webkit-box-shadow:0 0 0 #666;
	-moz-box-shadow:0 0 0 #666;
	-o-box-shadow:0 0 0 #666;
	-ms-box-shadow:0 0 0 #666;
}
.msbSocialbuttonBig {
margin:auto;
display:table;
width:480px;
text-align:center;
padding:15px 5px;
}
.msbSocialbuttonBig .msbBtn {
width:132px;
display:table-cell;
padding:0 10px 0 0;
vertical-align:top;
overflow:hidden;
}
.msbSocialbuttonBig .msbBtn a {
font-size:12px;
line-height:18px;
}
.msbSocialbuttonBig .msbBtnLikebuttonJson a,
.msbSocialbuttonBig .msbBtnTweetbuttonJson a,
.msbSocialbuttonBig .msbBtnHatenabuttonJson a,
.msbSocialbuttonBig .msbBtnLinebutton a,
.msbSocialbuttonBig .msbBtn1topibutton a,
.msbSocialbuttonBig .msbBtnGoogleplusone a {
display:inline-block;
min-width:48px;
padding:64px 5px 0;
text-align:center;
}
.msbSocialbuttonBig .msbBtnLikebuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtnLikebutton.png) no-repeat center 5px;
background-size:47px 47px;
}
.msbSocialbuttonBig .msbBtnTweetbuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtnTweetbutton.png) no-repeat center 5px;
background-size:48px 48px;
}
.msbSocialbuttonBig .msbBtnHatenabuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtnHatenabutton.png) no-repeat center 5px;
background-size:47px 47px;
}
.msbSocialbuttonBig .msbBtnLinebutton a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtnLinebutton.png) no-repeat center 5px;
background-size:50px 50px;
}
.msbSocialbuttonBig .msbBtn1topibutton a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn1topibutton.png) no-repeat center 5px;
background-size:47px 47px;
}
.msbSocialbuttonBig .msbBtnGoogleplusone a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtnGoogleplusone.png) no-repeat center 5px;
background-size:47px 47px;
}
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount,
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount,
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount,
.msbSocialbuttonBig .msbBtnLinebutton a,
.msbSocialbuttonBig .msbBtn1topibutton a,
.msbSocialbuttonBig .msbBtnGoogleplusone a {
font-family:Gill Sans, 'メイリオ', Meiryo;
}
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount .msbBtnJsonloader,
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount .msbBtnJsonloader,
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount .msbBtnJsonloader {
margin:3px auto 0;
display:block;
width:6px;
height:6px;
border-radius:50%;
border:2px solid #CCC;
border-right-color:transparent;
-webkit-animation:jsonloader 1s linear infinite;
-moz-animation:jsonloader 1s linear infinite;
animation:jsonloader 1s linear infinite;
}
@-webkit-keyframes jsonloader {
	0% {
		-webkit-transform:rotate(0deg);
		opacity:0.2;
	}
	50% {
		-webkit-transform:rotate(180deg);
		opacity:1.0;
	}
	100% {
		-webkit-transform:rotate(360deg);
		opacity:0.2;
	}
}
@0moz-keyframes jsonloader {
	0% {
		-moz-transform:rotate(0deg);
		opacity:0.2;
	}
	50% {
		-moz-transform:rotate(180deg);
		opacity:1.0;
	}
	100% {
		-moz-transform:rotate(360deg);
		opacity:0.2;
	}
}
@keyframes jsonloader {
	0% {
		transform:rotate(0deg);
		opacity:0.2;
	}
	50% {
		transform:rotate(180deg);
		opacity:1.0;
	}
	100% {
		transform:rotate(360deg);
		opacity:0.2;
	}
}
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount {color:#385992;}
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount {color:#4EB5F2;}
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount {color:#336FD3;}
.msbSocialbuttonBig .msbBtnLinebutton a {color:#2CBF13 !important;}
.msbSocialbuttonBig .msbBtn1topibutton a {color:#FBB03B !important;}
.msbSocialbuttonBig .msbBtnGoogleplusone a {color:#BB4940!important;}
.msbSocialbuttonBig .msbBtnGoogleplusone #_plusone_0_,
.msbSocialbuttonBig .msbBtnGoogleplusone #_plusone_1_ {
display:inline-block;
position:relative;
}
.msbSocialbuttonBig .msbBtnGoogleplusone #___plusone_0,
.msbSocialbuttonBig .msbBtnGoogleplusone #___plusone_1 {
position:absolute;
top:-80px;
left:-5px;
opacity:0;
}
.fbTwTop,
.fbTwBtm {
	display:none;
}
.fbTwTop {
	background:none;
}
@media (min-width:0){
	.fbTwTop ,
	.fbTwBtm {
		display:block;
	}
	.fbTwTop {
		background:white;
	}
}