/*-----------------------------------------------------------------*/
/* html5reset */
/*-----------------------------------------------------------------*/
ins,mark{color:#000}a,hr{padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section{display:block}abbr,address,article,aside,audio,b,blockquote,body,canvas,caption,cite,code,dd,del,details,dfn,div,dl,dt,em,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0}mark{background-color:#ff9}body{line-height:1}nav ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:'';content:none}a{margin:0;font-size:100%;vertical-align:baseline;background:0 0}ins{text-decoration:none}mark{font-style:italic;font-weight:700}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{height:1px;border:0;border-top:1px solid #ccc;margin:1em 0}input,select{vertical-align:middle}
/*-----------------------------------------------------------------*/
/* ALL */
/*-----------------------------------------------------------------*/
* {
-webkit-text-size-adjust:none;
-webkit-tap-highlight-color:rgba(0, 0, 0, 0);
}
body {
font:11px HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
line-height:1.9;
*font-size:small;
*font:x-small;
min-width:320px;
}
table {
font-size:inherit;
font:100%;
}
a:link {
color:#000;
text-decoration:none;
-webkit-transition-property:color;
-moz-transition-property:color;
transition-property:color;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
transition-duration:500ms;
}
a:visited {
color:#000;
text-decoration:none;
-webkit-transition-property:color;
-moz-transition-property:color;
transition-property:color;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
transition-duration:500ms;
}
.setIndexBGStyleBlack a:link {
color:#FFF;
}
.setIndexBGStyleBlack a:visited {
color:#FFF;
}
.formText,
.formEmail,
.formTextarea {
font-size:14px;
}
.deferLoader {
margin:3px auto 0;
display:inline-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;
}
/*-----------------------------------------------------------------*/
/* FONT-SIZE */
/*-----------------------------------------------------------------*/
.size10 {font-size:77%;}
.size11 {font-size:85%;}
.size12 {font-size:93%;}
.size13 {font-size:100%;}
.size14 {font-size:108%;}
.size15 {font-size:116%;}
.size16 {font-size:123.1%;}
.size17 {font-size:131%;}
.size18 {font-size:138.5%;}
.size19 {font-size:146.5%;}
.size20 {font-size:153.9%;}
.size21 {font-size:161.6%;}
.size22 {font-size:167%;}
.size23 {font-size:174%;}
.size24 {font-size:182%;}
.size25 {font-size:189%;}
.size26 {font-size:197%;}
/*-----------------------------------------------------------------*/
/* HEIGHT */
/*-----------------------------------------------------------------*/
.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}
.h5px {height:5px;}
.h10px {height:10px;}
.h15px {height:15px;}
.h20px {height:20px;}
.h25px {height:25px;}
.h30px {height:30px;}
/*-----------------------------------------------------------------*/
/* WRAP */
/*-----------------------------------------------------------------*/
#masterWrap {
overflow:hidden;
}
#masterWrapOuter {
position:relative;
box-shadow:0 0 5px #CCC;
padding-top:50px;
}
.masterWrapOuterAndroid {
left:0;
}
.masterWrapOuterDefault {
-webkit-transform:translate3d(0px,0,0);
-moz-transform:translate3d(0px,0,0);
transform:translate3d(0px,0,0);
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
transition-property:transform;
-webkit-transition-duration:300ms;
-moz-transition-duration:300ms;
transition-duration:300ms;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
transition-timing-function:ease;
}
.masterWrapOuterAndroid.slideRight {
left:260px;
}
.masterWrapOuterAndroid.slideLeft {
left:-260px;
}
.masterWrapOuterDefault.slideRight {
-webkit-transform:translate3d(260px,0,0);
-moz-transform:translate3d(260px,0,0);
transform:translate3d(260px,0,0);
}
.masterWrapOuterDefault.slideLeft {
-webkit-transform:translate3d(-260px,0,0);
-moz-transform:translate3d(-260px,0,0);
transform:translate3d(-260px,0,0);
}
#masterWrapInner {
color:#000;
background:#FFF;
}
#masterWrapInner.setIndexBGStyleBlack {
color:#FFF;
background:#000;
}
/*-----------------------------------------------------------------*/
/* SLIDEBOX */
/*-----------------------------------------------------------------*/
#slideBox_transparent {
position:fixed;
width:100%;
height:100%;
top:0;
left:0;
background:transparent;
z-index:999;
display:none;
}
.slideBox {
position:fixed;
top:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
width:260px;
height:100%;
display:none;
overflow:scroll;
-webkit-overflow-scrolling:touch;
}
.slideBox a {
color:#666;
}
#slideBox_left {
left:0;
padding-top:50px;
}
#slideBox_right {
right:0;
padding-top:50px;
}
.slideBox .colBox {
margin:0 0 5px;
}
.slideBox .colBox .colBoxHead h1,
.slideBox .colBox .colBoxHead h2 {
}
.slideBox .colBox .colBoxIndex {
padding:0;
}
.slideBox .colBox .colBoxUlist li {
font-size:12px;
line-height:18px;
margin:0;
padding:8px 5px;
border-top:1px solid #F8F8F8;
border-bottom:1px solid #EEE;
background:none;
}
/*-----------------------------------------------------------------*/
#colBoxPagelist .colBoxHead h2 {
background:url(http://image.itmedia.co.jp/spv/images/ulli_viewlist.png) no-repeat 0 1px;
background-size:12px;
padding:0 0 0 16px;
}
#colBoxPagelist .colBoxUlist li a {
display:block;
background:url(http://image.itmedia.co.jp/spv/images/ulli_item.png) no-repeat left center;
background-size:12px;
padding-left:16px;
}
#colBoxPagelist .colBoxUlist li a img {
vertical-align:middle;
}
/*-----------------------------------------------------------------*/
.colBoxMedialist .colBoxHead h2 {
background:url(http://image.itmedia.co.jp/spv/images/ulli_viewlist.png) no-repeat left center;
background-size:12px;
padding:0 0 0 16px;
}
.colBoxMedialist .colBoxUlist li a {
padding-left:46px;
background-repeat:no-repeat;
background-position:left center;
}
.colBoxMedialist .colBoxUlist .medialist-top a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_top.gif);
background-size:40px 10px;
}
.colBoxMedialist .colBoxUlist .medialist-news a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_news.gif);
background-size:38px 16px;
}
.colBoxMedialist .colBoxUlist .medialist-enterprise a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_enterprise.gif);
background-size:40px 8px;
}
.colBoxMedialist .colBoxUlist .medialist-executive a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_executive.gif);
background-size:40px 9px;
}
.colBoxMedialist .colBoxUlist .medialist-dc a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_dc.gif);
background-size:40px 10px;
}
.colBoxMedialist .colBoxUlist .medialist-ebook a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_ebook.gif);
background-size:40px 16px;
}
.colBoxMedialist .colBoxUlist .medialist-lifestyle a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_lifestyle.gif);
background-size:40px 12px;
}
.colBoxMedialist .colBoxUlist .medialist-pcuser a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_pcuser.gif);
background-size:40px 14px;
}
.colBoxMedialist .colBoxUlist .medialist-mobile a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_mobile.gif);
background-size:40px 15px;
}
.colBoxMedialist .colBoxUlist .medialist-mn a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_mn.gif);
background-size:40px 6px;
}
.colBoxMedialist .colBoxUlist .medialist-ee a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_ee.gif);
background-size:36px 16px;
}
.colBoxMedialist .colBoxUlist .medialist-edn a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_edn.gif);
background-size:35px 16px;
}
.colBoxMedialist .colBoxUlist .medialist-nl a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_nl.gif);
background-size:40px 14px;
}
.colBoxMedialist .colBoxUlist .medialist-smartjapan a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_smartjapan.gif);
background-size:40px 12px;
}
.colBoxMedialist .colBoxUlist .medialist-mm a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_mm.gif);
background-size:40px 11px;
}
.colBoxMedialist .colBoxUlist .medialist-ait a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_ait.gif);
background-size:33px 16px;
}
.colBoxMedialist .colBoxUlist .medialist-tt a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_tt.gif);
background-size:25px 16px;
}
.colBoxMedialist .colBoxUlist .medialist-hc a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_hc.gif);
background-size:40px 7px;
}
.colBoxMedialist .colBoxUlist .medialist-business a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_business.gif);
background-size:40px 12px;
}
.colBoxMedialist .colBoxUlist .medialist-tf a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_tf.gif);
background-size:40px 14px;
}
.colBoxMedialist .colBoxUlist .medialist-classics a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_classics.gif);
background-size:35px 16px;
}
.colBoxMedialist .colBoxUlist .medialist-keywords a {
background-image:url(http://image.itmedia.co.jp/images/logo/slideleft_keywords.gif);
background-size:40px 16px;
}
/*-----------------------------------------------------------------*/
.colBoxMedialist .colBoxUlist li a {
display:block;
}
/*-----------------------------------------------------------------*/
.slideBox iframe {
width:260px;
height:1000px;
}
/*-----------------------------------------------------------------*/
/* HEADER */
/*-----------------------------------------------------------------*/
#masterHeader {
padding:10px;
}
#headerstyle_fixed #masterHeader {
position:fixed;
top:0;
left:0;
width:100%;
height:50px;
z-index:999;
background:#FFF;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
box-shadow:0 0 0 #999;
-webkit-transition-property:boz-shadow;
-moz-transition-property:boz-shadow;
transition-property:boz-shadow;
-webkit-transition-duration:300ms;
-moz-transition-duration:300ms;
transition-duration:300ms;
}
#headerstyle_fixed #masterHeader.scrollShadow,
#headerstyle_fixed #masterHeader.openShadow {
box-shadow:0 0 5px #999;
}
#headerstyle_static #masterHeader {
position:static;
}
/*-----------------------------------------------------------------*/
/* SLIDEBUTTON */
/*-----------------------------------------------------------------*/
.slideBtn {
position:absolute;
top:5px;
width:40px;
height:40px;
display:block;
cursor:pointer;
z-index:999;
}
#slideBtn_left {
left:0;
}
#slideBtn_rank {
left:50px;
z-index:998;
}
#slideBtn_search {
right:50px;
}
#slideBtn_right {
right:0;
}
.slideBtnArea {
width:40px;
height:40px;
}
.slideBtnOpen .slideBtnArea {
-webkit-animation:slideBtnOpen 300ms linear 1 forwards;
-moz-animation:slideBtnOpen 300ms linear 1 forwards;
animation:slideBtnOpen 300ms linear 1 forwards;
}
.slideBtnOpen360 .slideBtnArea {
-webkit-animation:slideBtnOpen360 300ms linear 1 forwards;
-moz-animation:slideBtnOpen360 300ms linear 1 forwards;
animation:slideBtnOpen360 300ms linear 1 forwards;
}
.slideBtnClose .slideBtnArea {
-webkit-animation:slideBtnClose 300ms linear 1 forwards;
-moz-animation:slideBtnClose 300ms linear 1 forwards;
animation:slideBtnClose 300ms linear 1 forwards;
}
.slideBtnClose360 .slideBtnArea {
-webkit-animation:slideBtnClose360 300ms linear 1 forwards;
-moz-animation:slideBtnClose360 300ms linear 1 forwards;
animation:slideBtnClose360 300ms linear 1 forwards;
}
@-webkit-keyframes slideBtnOpen {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(180deg);}
}
@-moz-keyframes slideBtnOpen {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(180deg);}
}
@keyframes slideBtnOpen {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(180deg);}
}
@-webkit-keyframes slideBtnClose {
	0% {-webkit-transform:rotate(180deg);}
	100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes slideBtnClose {
	0% {-moz-transform:rotate(180deg);}
	100% {-moz-transform:rotate(0deg);}
}
@keyframes slideBtnClose {
	0% {transform:rotate(180deg);}
	100% {transform:rotate(0deg);}
}
@-webkit-keyframes slideBtnOpen360 {
	0% {-webkit-transform:rotate(0deg);}
	100% {-webkit-transform:rotate(360deg);}
}
@-moz-keyframes slideBtnOpen360 {
	0% {-moz-transform:rotate(0deg);}
	100% {-moz-transform:rotate(360deg);}
}
@keyframes slideBtnOpen360 {
	0% {transform:rotate(0deg);}
	100% {transform:rotate(360deg);}
}
@-webkit-keyframes slideBtnClose360 {
	0% {-webkit-transform:rotate(360deg);}
	100% {-webkit-transform:rotate(0deg);}
}
@-moz-keyframes slideBtnClose360 {
	0% {-moz-transform:rotate(360deg);}
	100% {-moz-transform:rotate(0deg);}
}
@keyframes slideBtnClose360 {
	0% {transform:rotate(360deg);}
	100% {transform:rotate(0deg);}
}
#slideBtn_left .slideBtnArea {
background:url(http://image.itmedia.co.jp/spv/images/head_menu.gif) no-repeat center 10px;
background-size:20px auto;
}
#slideBtn_rank .slideBtnArea {
background:url(http://image.itmedia.co.jp/spv/images/head_menu.gif) no-repeat center -30px;
background-size:20px auto;
}
#slideBtn_search .slideBtnArea {
background:url(http://image.itmedia.co.jp/spv/images/head_menu.gif) no-repeat center -56px;
background-size:17px auto;
}
#slideBtn_right .slideBtnArea {
background:url(http://image.itmedia.co.jp/spv/images/head_menu.gif) no-repeat center -110px;
background-size:20px auto;
}
/*-----------------------------------------------------------------*/
/* LOGO */
/*-----------------------------------------------------------------*/
#masterLogo {
margin:0 auto;
width:90px;
height:30px;
}
#masterLogo h1 {
font-size:12px;
line-height:12px;
background:url(http://image.itmedia.co.jp/images/logo/spvheader_top.gif) no-repeat center center;
background-size:contain;
width:90px;
height:30px;
}
/*-----------------------------------------------------------------*/
#masterLogo a {
font-size:12px;
line-height:12px;
background:url(http://image.itmedia.co.jp/images/logo/spvheader_top.gif) no-repeat center center;
background-size:contain;
display:block;
width:90px;
height:30px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}
body#dc #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_dc.gif);}
body#enterprise #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_enterprise.gif);}
body#executive #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_executive.gif);}
body#lifestyle #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_lifestyle.gif);}
body#makoto #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/250_makoto_bgw.gif);}
body#mobile #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_mobile.gif);}
body#news #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_news.gif);}
body#pcuser #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_pcuser.gif);}
body#ebook #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/250_ebook_bgw.gif);}
body#mn #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_mn.gif);}
body#ee #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_ee.gif);}
body#nl #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_nl.gif);}
body#edn #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_edn.gif);}
body#smartjapan #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_smartjapan.gif);}
body#mm #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_mm.gif);}
body#ait #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_ait.gif);}
body#tt #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_tt.gif);}
body#hc #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_hc.gif);}
body#business #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_business.gif);}
body#tf #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_tf.gif);}
body#keywords #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_keywords.gif);}
body#dc.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_dc_pr.gif);}
body#enterprise.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_enterprise_pr.gif);}
body#executive.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_executive_pr.gif);}
body#lifestyle.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_lifestyle_pr.gif);}
body#mobile.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_mobile_pr.gif);}
body#news.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_news_pr.gif);}
body#pcuser.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_pcuser_pr.gif);}
body#mn.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_mn_pr.gif);}
body#ee.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_ee_pr.gif);}
body#mm.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_mm_pr.gif);}
body#ait.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_ait_pr.gif);}
body#business.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_business_pr.gif);}
body#ebook.PR #masterLogo a {background-image:url(http://image.itmedia.co.jp/images/logo/spvheader_ebook_pr.gif);}
/*-----------------------------------------------------------------*/
#masterTagline {
display:none;
}
/*-----------------------------------------------------------------*/
/* CONTENTS */
/*-----------------------------------------------------------------*/
/*-----------------------------------------------------------------*/
/* COLBOX */
/*-----------------------------------------------------------------*/
.colBox {
overflow:hidden;
}
.colBox .colBoxHead {
border-bottom:1px solid #DDD;
position:relative;
padding:5px;
}
.colBox .colBoxHead h1,
.colBox .colBoxHead h2 {
background:url(http://image.itmedia.co.jp/spv/images/ulli_default.png) no-repeat left center;
background-size:12px;
padding:0 0 0 16px;
}
.colBox .colBoxHead2 {
background:#EEE;
padding:3px 5px;
font-size:93%;
color:#666;
font-weight:bold;
}
.setIndexBGStyleBlack .colBox .colBoxHead {
border-bottom:1px solid #333;
}
.setIndexBGStyleBlack .colBox .colBoxHead2 {
background:#000;
color:#CCC;
}
.colBox .colBoxHeadSubtxt {
position:absolute;
top:7px;
right:5px;
}
.colBox .colBoxSubhead {
border-bottom:1px dotted #DDD;
margin:0 0 5px;
padding:0 0 3px;
}
.colBox .colBoxSubhead .subhead {
font-size:12px;
margin:0;
}
.colBox .colBoxInner {
}
.colBox .colBoxIndex {
padding:5px;
}
.colBox .colBoxIndex form {
margin:0;
padding:0;
}
.colBox .colBoxIndex button {
vertical-align:middle;
}
.colBoxIcon {
display:inline;
}
.colBoxIcon a {
float:left;
margin:4px 10px 3px 0;
}
/*-----------------------------------------------------------------*/
.colBox .colBoxIndex .kwdset li {
display:inline-block;
}
.colBox .colBoxIndex .kwdset li a {
display:inline-block;
background:#EEE;
padding:0 3px;
}
/*-----------------------------------------------------------------*/
.colBox .colBoxIndex .type-related li {
border:none;
}
.colBox .colBoxIndex .type-related li a {
}
/*-----------------------------------------------------------------*/
.colBoxIndexList .colBoxHead {
background:#000;
color:#FFF;
}
/*-----------------------------------------------------------------*/
.colBoxIndexList .colBoxHead {
background:#000;
color:#FFF;
}
.colBoxIndexList .colBoxHead h1 {
}
.colBoxIndexList .colBoxIndex {
padding:0;
}
.colBoxIndexList .colBoxIcon {
display:block;
border:1px solid #CCC;
margin:0 10px 3px 0;
float:left;
width:82px;
height:62px;
}
.setIndexBGStyleBlack .colBoxIcon {
border-color:#333;
}
.colBoxIndexList .colBoxIcon a {
display:block;
margin:1px 0 0 1px;
width:80px;
height:60px;
}
/*-----------------------------------------------------------------*/
.colBoxIndexMMDD .colBoxHead {
display:none;
}
/*-----------------------------------------------------------------*/
.setIndexBGStyleBlack .colBoxSubhead {
border-bottom:1px dotted #333;
}
/*-----------------------------------------------------------------*/
.setIndexStyleIcon .colBoxIndexList .colBoxIndex {
display:block;
width:auto;
position:relative;
min-height:240px;
overflow:hidden;
}
.setIndexStyleIcon .colBoxIndexList .colBoxIndex .colBoxLeft {
display:block !important;
border:none;
width:auto;
height:240px;
position:relative;
z-index:8;
}
.setIndexStyleIcon .colBoxIndexList .colBoxIndex .colBoxLeft.colBoxNoimage {
background-position:10px 10px;
background-repeat:no-repeat;
background-color:#F8F8F8;
background-size:80px;
}
.setIndexStyleIcon .colBoxIndexList .colBoxIndex .colBoxLeft:after {
position:absolute;
display:block;
content:'';
top:0;
left:0;
width:100%;
height:100%;
background:-webkit-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 5%);
background:-moz-linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 5%);
background:linear-gradient(top, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 5%);
}
.setIndexStyleIcon .colBoxIndexList .colBoxIndex .colBoxLeft .colBoxIcon a {
display:block;
margin:0;
float:none;
width:100%;
height:240px;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding-top:100px;
}
.setIndexStyleIcon .colBoxIndexList .colBoxIndex .colBoxRight {
display:block;
position:absolute;
bottom:0;
width:100%;
border:none;
-webkit-box-sizing:border-box;
box-sizing:border-box;
padding:8px;
background:rgba(255,255,255,0.8);
z-index:9;
}
.setIndexBGStyleBlack .setIndexStyleIcon .colBoxIndexList .colBoxIndex .colBoxRight {
background:rgba(0,0,0,0.8);
}
/*-----------------------------------------------------------------*/
.setIndexStyleMinimum .colBoxIndexList .colBoxLeft {
background:none !important;
}
.setIndexStyleMinimum .colBoxIndexList .colBoxLeft .colBoxIcon a.iconfix {
box-shadow:0 0 0 2px #FFF inset;
}
.setIndexBGStyleBlack .setIndexStyleMinimum .colBoxIndexList .colBoxLeft .colBoxIcon a.iconfix {
box-shadow:0 0 0 2px #000 inset;
}
/*-----------------------------------------------------------------*/
.setIndexStyleDefault .colBoxIndexList .colBoxLeft {
box-shadow:0 0 0 4px #FFF inset;
}
.setIndexStyleDefault .colBoxIndexList .colBoxLeft.colBoxNoimage {
background-position:center center;
background-repeat:no-repeat;
background-color:#FFF;
background-size:60px;
}
.setIndexBGStyleBlack .setIndexStyleDefault .colBoxIndexList .colBoxLeft {
box-shadow:0 0 0 4px #000 inset;
}
.setIndexStyleDefault .colBoxIndexList .colBoxLeft .colBoxIcon a.iconfix {
background:none !important;
}
/*-----------------------------------------------------------------*/
.setIndexStyleIcon .colBoxIndexList .colBoxLeft .colBoxIcon a.iconfix {
background:none !important;
}
/*-----------------------------------------------------------------*/
.colBoxIndexList .colBoxIndex {
display:table;
width:100%;
border-collapse:collapse;
}
.colBoxIndexList .colBoxIndex .colBoxLeft {
display:table-cell;
border:1px solid #EEE;
border-right:none;
border-bottom:none;
overflow:hidden;
vertical-align:middle;
width:110px;
}
.colBoxIndexList .colBoxIndex .colBoxRight {
display:table-cell;
border:1px solid #EEE;
border-bottom:none;
vertical-align:middle;
padding:8px;
}
.colBoxIndexList .colBoxIndex:nth-last-of-type(1) .colBoxLeft {
border-bottom:1px solid #EEE;
}
.colBoxIndexList .colBoxIndex:nth-last-of-type(1) .colBoxRight {
border-bottom:1px solid #EEE;
}
.colBoxIndexList .colBoxLeft .colBoxIcon {
display:block;
border:none;
margin:0;
float:none;
width:auto;
height:auto;
}
.colBoxIndexList .colBoxLeft .colBoxIcon a {
display:table-cell;
margin:0;
float:none;
vertical-align:middle;
width:110px;
height:83px;
}
.colBoxIndexList .colBoxLeft .colBoxIcon a.iconfix {
display:block;
}
.colBoxIndexList .colBoxLeft .colBoxIcon a .iconloader {
margin:0 auto;
display:block;
width:10px;
height:10px;
border-radius:50%;
border:3px solid #CCC;
border-right-color:transparent;
-webkit-animation:iconloader 1s linear infinite;
-moz-animation:iconloader 1s linear infinite;
animation:iconloader 1s linear infinite;
}
@-webkit-keyframes iconloader {
0% {
-webkit-transform:rotate(0deg);
opacity:0.2;
}
50% {
-webkit-transform:rotate(180deg);
opacity:1.0;
}
100% {
-webkit-transform:rotate(360deg);
opacity:0.2;
}
}
@-moz-keyframes iconloader {
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 iconloader {
0% {
transform:rotate(0deg);
opacity:0.2;
}
50% {
transform:rotate(180deg);
opacity:1.0;
}
100% {
transform:rotate(360deg);
opacity:0.2;
}
}
/*-----------------------------------------------------------------*/
.setIndexBGStyleBlack .colBoxIndexList .colBoxIndex .colBoxLeft {border-color:#333;}
.setIndexBGStyleBlack .colBoxIndexList .colBoxIndex .colBoxRight {border-color:#333;}
/*-----------------------------------------------------------------*/
.colBoxIndexEditfree .colBoxHead h1,
.colBoxIndexEditfree .colBoxHead h2 {
background:url(http://image.itmedia.co.jp/spv/images/ulli_man.png) no-repeat left center;
background-size:12px;
padding:0 0 0 16px;
}
/*-----------------------------------------------------------------*/
.colBoxSubTitle {
font-size:108%;
-webkit-transition-property:font-size;
-moz-transition-property:font-size;
transition-property:font-size;
-webkit-transition-duration:100ms;
-moz-transition-duration:100ms;
transition-duration:100ms;
}
.colBoxTitle {
font-size:123.1%;
-webkit-transition-property:font-size;
-moz-transition-property:font-size;
transition-property:font-size;
-webkit-transition-duration:100ms;
-moz-transition-duration:100ms;
transition-duration:100ms;
}
.colBoxDescription {
display:none;
font-size:108%;
-webkit-transition-property:font-size;
-moz-transition-property:font-size;
transition-property:font-size;
-webkit-transition-duration:100ms;
-moz-transition-duration:100ms;
transition-duration:100ms;
font-weight:normal;
}
.setIndexStyleDefault .colBoxDescription {
display:block;
}
.colBoxDescription h2,
.colBoxDescription h3 {
font-weight:normal;
}
.colBoxInfo {
font-size:77%;
text-align:right;
}
.colBoxPageLink {
padding:5px;
font-size:108%;
text-align:right;
}
#subtopContents .colBoxPageLink {
display:none;
}
.colBoxUlist ul {
font-size:108%;
list-style-type:none;
}
.colBoxIndexNewssmart .colBoxUlist ul {
margin:0 !Important;
}
.colBoxUlist ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url(data:image/gif;base64,R0lGODlhIAAgAIAAAJmZmQAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=) no-repeat left center;
background-size:5px;
border-bottom:1px dotted #CCC;
}
.colBoxIndexNewssmart .colBoxUlist ul li {
border-bottom:1px dotted #ffedea;
font-size:12px !important;
}
.colBoxOlist ul {
font-size:108%;
list-style-type:none;
}
.setIndexBGStyleBlack .colBoxUlist ul li {
border-bottom:1px dotted #333;
}
.colBoxTable table {
border-collapse:collapse;
}
.colBoxTable table th,
.colBoxTable table td {
font-size:108%;
border:1px solid #CCC;
padding:1px 3px;
text-align:left;
}
.colBoxTable table th {
background:#EEE;
}
.colBoxBorder {
border-bottom:1px solid #DDD;
}
.colBoxBacknumber .colBoxHead h1,
.colBoxKeywordIndex .colBoxHead h1 {
background:url(http://image.itmedia.co.jp/spv/images/ulli_archive.png) no-repeat left center;
background-size:12px;
padding:0 0 0 16px;
}
.colBoxBacknumber .colBoxIndex,
.colBoxKeywordIndex .colBoxIndex {
padding:5px !important;
}
.colBoxBacknumber select,
.colBoxKeywordIndex select {
font:12px HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
.colBoxBacknumber button,
.colBoxKeywordIndex button {
font:12px HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
.colBoxInformation .colBoxHead h2 {
background:url(http://image.itmedia.co.jp/spv/images/ulli_userinfo.png) no-repeat left center;
background-size:12px;
padding:0 0 0 16px;
}
.colBoxInformation .colBoxDescription {
margin:0 0 5px;
}
.colBoxInformation .colBoxDescription h2 {
font-size:12px;
font-weight:normal;
}
.colBoxInformation .colBoxUlist ul {
font-size:12px;
}
.colBoxQuickPoll .colBoxTitle h3 {
font-size:16px !important;
}
.colBoxQuickPoll .colBoxIndex form {
margin:0;
}
.colBoxQuickPoll .colBoxIndex form label {
font-size:14px;
vertical-align:middle;
font-weight:bold;
}
.colBoxQuickPoll .colBoxGraph {
font-size:12px;
border:1px solid #FFF;
background:-webkit-linear-gradient(top, #e4df48, #c3bd1c);
background:-moz-linear-gradient(top, #e4df48, #c3bd1c);
background:linear-gradient(to bottom, #e4df48, #c3bd1c);
border-radius:5px;
box-shadow:0px 0px 1px #999;
text-align:center;
margin:0 0 5px;
padding:2px 0;
}
.colBoxQuickPoll .colBoxInfo {
text-align:center;
}
.colBoxQuickPoll .colBoxInfoBtn {
padding:10px 0 0 0;
}
.colBoxQuickPoll .colBoxInfo p {
color:#C00;
}

.colBoxListinline .colBoxUlist li {
display:inline;
border:none;
margin:0 5px 0 0;
padding:0 0 0 16px;
background-size:12px;
padding-left:16px;
}
.colBoxListinlineblock .colBoxUlist li {
display:inline;
background:none;
border:none;
margin:0;
padding:0;
}
.colBoxListinlineblock .colBoxUlist li a {
display:inline-block;
text-align:center;
font-weight:bold;
background:-webkit-linear-gradient(top, #FFF, #EEE);
background:-moz-linear-gradient(top, #FFF, #EEE);
background:linear-gradient(to bottom, #FFF, #EEE);
border:1px solid #CCC;
margin:0 5px 5px 0;
padding:5px;
min-width:24px;
}

.colBoxKeywordlist .colBoxUlist li {
background:url(http://image.itmedia.co.jp/images/ulli_key-solid.png) no-repeat left center;
background-size:12px;
padding-left:16px;
}
.colBoxRelKeyword .colBoxUlist li {
display:inline-block;
border:none !important;
margin:0;
background:url(http://image.itmedia.co.jp/images/ulli_key-solid.png) no-repeat left center;
background-size:12px;
padding-left:16px;
}

.colBoxKeywordIndex .colBoxUlist li {
background:none;
border:none;
margin:0;
padding:0;
}
.setIndexBGStyleBlack .colBoxKeywordIndex .colBoxUlist li {
border:none;
}
.colBoxKeywordIndex .colBoxUlist li a {
display:block;
width:30px;
height:30px;
float:left;
font-size:16px;
line-height:32px;
text-align:center;
font-weight:bold;
margin:0 5px 5px 0;
}
.colBoxKeywordIndex select {
width:100px;
}

#colBoxRankingBtm .colBoxRanking .colBoxHead {
background:#000;
color:#FFF;
}
.colBoxRanking .colBoxHead h2 {
background:url(http://image.itmedia.co.jp/spv/images/ulli_king.png) no-repeat left center;
background-size:12px;
padding:0 0 0 16px;
}
.colBoxRanking .colBoxOlist ol {
counter-reset:li;
list-style:none;
padding:0 0 0 1.2em;
}
.setIndexBGStyleBlack .colBoxRanking .colBoxOlist ol {
text-shadow:none;
}
.colBoxRanking .colBoxOlist ol li {
font-weight:bold;
border-bottom:1px solid #EEE;
font-size:116%;
padding:0 0 0 5px;
}
.colBoxRanking .colBoxOlist ol .rank10 {
border-bottom:none;
}
.setIndexBGStyleBlack .colBoxRanking .colBoxOlist ol li {
border-bottom:1px dotted #333;
}
.colBoxRanking .colBoxOlist ol li a {
position:relative;
display:block;
padding:.2em 0 .2em 2em;
*padding:.4em;
margin:.5em 0;
text-decoration:none;
transition:all .3s ease-out;
}
.colBoxRanking .colBoxOlist ol li a:hover:before {
transform:rotate(45deg);
}
.colBoxRanking .colBoxOlist ol li a:before {
content:counter(li);
counter-increment:li;
position:absolute;
left:-1.3em;
top:50%;
margin-top:-1.3em;
background:#FFF;
height:2em;
width:2em;
line-height:2em;
border:.2em solid #EEE;
text-align:center;
font-weight:bold;
transition:all .3s ease-out;
font-family:Gurmukhi MN, Gill Sans, 'メイリオ', Meiryo;
text-shadow:0 1px 0 rgba(255,255,255,.5);
font-size:123.1%;
color:#333;
}
.colBoxRanking .colBoxOlist ol .rank1 a:before {
background:#FAF09A;
border-color:#CCB600;
color:#000;
}
.colBoxRanking .colBoxOlist ol .rank2 a:before {
background:#FAFAFA;
border-color:#C5C5C5;
color:#000;
}
.colBoxRanking .colBoxOlist ol .rank3 a:before {
background:#F8CD9F;
border-color:#EE810B;
color:#000;
}
.setIndexBGStyleBlack .colBoxRanking .colBoxOlist ol li a:before {
border-color:#333;
}
.colBoxRankingTypeA {
}
.colBoxRankingTypeA .colBoxOlist ol li a {
display:table;
padding:.2em 0 .2em 1.7em;
}
.colBoxRankingTypeA .colBoxOlist ol li a span:nth-child(1) {
display:table-cell;
width:60px;
height:45px;
border:2px solid #EEE;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
.colBoxRankingTypeA .colBoxOlist ol li a span:nth-child(2) {
display:table-cell;
vertical-align:middle;
padding-left:5px;
}
#colBoxSearchTop {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:998;
padding:60px 10px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:rgba(255,255,255,0);
-webkit-transition-property:background;
-moz-transition-property:background;
transition-property:background;
-webkit-transition-duration:300ms;
-moz-transition-duration:300ms;
transition-duration:300ms;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
transition-timing-function:ease;
}
#colBoxSearchTop.colBoxActive {
background:rgba(255,255,255,0.7);
}
#colBoxSearchTop .colBoxSearch {
background:#FFF;
box-shadow:0 0 3px #999;
border-radius:2px;
width:100%;
opacity:0;
-webkit-transform:translate3d(0,-300px,0);
-moz-transform:translate3d(0,-300px,0);
transform:translate3d(0,-300px,0);
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
transition-property:transform,opacity;
-webkit-transition-duration:300ms;
-moz-transition-duration:300ms;
transition-duration:300ms;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
transition-timing-function:ease;
height:100%;
overflow:hidden;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#colBoxSearchTop.colBoxActive .colBoxSearch {
opacity:1;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#colBoxSearchTop .gsc-control-cse {
border:none !important;
padding:10px !important;
}
#colBoxSearchTop .gsib_a {
padding:0 8px !important;
vertical-align:top !important;
}
#colBoxSearchTop .gsib_a .gsc-input {
background-color:transparent !important;
height:35px !important;
}
#colBoxSearchTop input.gsc-search-button-v2 {
margin-top:0 !important;
padding:11px 27px !important;
}
#colBoxSearchTop table.gsc-search-box .gsib_b {
vertical-align:top !important;
}
#colBoxSearchTop table.gsc-search-box .gsib_b {
vertical-align:top !important;
}
#colBoxSearchTop .gsc-result .gs-title {
height:auto !important;
line-height:26px;
}
#colBoxSearchTop .gsc-input-box {
height:35px !important;
}
#colBoxSearchTop .gsst_a {
padding-top:7px !important;
}
#colBoxSearchTop .gsc-results,
#colBoxSearchTop .gsc-cursor-box,
#colBoxSearchTop .gsc-cursor-page {
display:inline-block !important;
text-decoration:none !important;
}
#colBoxSearchTop .gsc-cursor-box {
text-align:left !important;
margin:0 !important;
}
#colBoxSearchTop .gsc-cursor-page, .gsc-cursor-page {
background:#EEE !important;
border:none !important;
border-radius:0 !important;
margin:0 3px 5px !important;
padding:3px 0 !important;
text-decoration:none !important;
width:32px !important;
text-align:center !important;
}
#colBoxSearchTop .gsc-results .gsc-cursor-page.gsc-cursor-current-page {
background:#666 !important;
border:none !important;
color:#FFF !important;
text-shadow:none !important;
}
#colBoxSearchTop .gsc-webResult.gsc-result:hover,
#colBoxSearchTop .gsc-webResult.gsc-result.gsc-promotion:hover,
#colBoxSearchTop .gsc-results .gsc-imageResult-classic:hover,
#colBoxSearchTop .gsc-results .gsc-imageResult-column:hover {
background:none !important;
border-color:#FFF !important;
box-shadow:none !important;
}
#colBoxSearchTop .gsc-thumbnail-inside,
#colBoxSearchTop .gsc-url-top {
padding:0 !important;
}

#colBoxRankingTop {
display:none;
position:fixed;
top:0;
left:0;
width:100%;
height:100%;
z-index:998;
padding:60px 10px 10px;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
background:rgba(255,255,255,0);
-webkit-transition-property:background;
-moz-transition-property:background;
transition-property:background;
-webkit-transition-duration:300ms;
-moz-transition-duration:300ms;
transition-duration:300ms;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
transition-timing-function:ease;
}
#colBoxRankingTop.colBoxActive {
background:rgba(255,255,255,0.7);
}
#colBoxRankingTop .colBoxRanking {
padding:0 5px;
background:#FFF;
box-shadow:0 0 3px #999;
border-radius:2px;
width:100%;
height:100%;
overflow-y:auto;
-webkit-overflow-scrolling:touch;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
opacity:0;
-webkit-transform:translate3d(0,-300px,0);
-moz-transform:translate3d(0,-300px,0);
transform:translate3d(0,-300px,0);
-webkit-transition-property:-webkit-transform,opacity;
-moz-transition-property:-moz-transform,opacity;
transition-property:transform,opacity;
-webkit-transition-duration:300ms;
-moz-transition-duration:300ms;
transition-duration:300ms;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
transition-timing-function:ease;
}
#colBoxRankingTop.colBoxActive .colBoxRanking {
opacity:1;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
}
#colBoxRankingTop .colBoxRankingClose,
#colBoxSearchTop #colBoxSearchClose {
width:45px;
height:16px;
background :url(http://image.itmedia.co.jp/spv/images/ulli_close.gif) no-repeat center center / contain;
border:2px solid #CCC;
position:absolute;
top:5px;
right:5px;
cursor:pointer;
}
.colBoxSubnavigation {
background:#FFF;
background:-webkit-linear-gradient(bottom, #FFF 0%,#FFF 3%,#EEE 3%,#FFF);
background:-moz-linear-gradient(bottom, #FFF 0%,#FFF 3%,#EEE 3%,#FFF);
background:linear-gradient(to top, #FFF 0%,#FFF 3%,#EEE 3%,#FFF);
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
}
.setIndexBGStyleBlack .colBoxSubnavigation {
background:#000;
background:-webkit-linear-gradient(bottom, #333 0%,#333 3%,#000 3%,#333);
background:-moz-linear-gradient(bottom, #333 0%,#333 3%,#000 3%,#333);
background:linear-gradient(to top, #333 0%,#333 3%,#000 3%,#333);
border-top:1px solid #222;
border-bottom:1px solid #222;
}
.colBoxSubnavigation .colBoxIndex {
padding:0;
border:none;
}
.colBoxSubnavigation .colBoxUlist ul {
display:table;
width:100%;
}
.colBoxSubnavigation .colBoxUlist ul li {
display:table-cell;
background:none;
border:none;
margin:0;
padding:0;
text-align:center;
font-size:12px;
width:25%;
}
.colBoxSubnavigation .colBoxUlist ul li.active {
background:-webkit-linear-gradient(top, #FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
background:-moz-linear-gradient(top, #FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
background:linear-gradient(to bottom, #FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
}
.setIndexBGStyleBlack .colBoxSubnavigation .colBoxUlist ul li.active {
background:-webkit-linear-gradient(top, #222 0%,#222 3%,#000 3%,#222);
background:-moz-linear-gradient(top, #222 0%,#222 3%,#000 3%,#222);
background:linear-gradient(to bottom, #222 0%,#222 3%,#000 3%,#222);
}
.colBoxSubnavigation .colBoxUlist ul li a {
display:block;
border-left:1px solid #FFF;
border-right:1px solid #DDD;
padding:5px 0;
width:100%;
color:#000;
}
.setIndexBGStyleBlack .colBoxSubnavigation .colBoxUlist ul li a {
border-left:1px solid #000;
border-right:1px solid #222;
color:#FFD;
}

.colBoxButton {
width:150px;
margin:0 auto;
border:1px solid #CCC;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
.colBoxButton a {
display:block;
padding:5px;
font-size:14px;
font-weight:bold;
text-align:center;
background:-webkit-linear-gradient(top, #369, #036);
background:-moz-linear-gradient(top, #369, #036);
background:linear-gradient(to bottom, #369, #036);
border:1px solid #FFF;
border-radius:20px;
-webkit-border-radius:20px;
-moz-border-radius:20px;
}
.colBoxButton a:link,
.colBoxButton a:visited,
.colBoxButton a:hover {
color:#FFF;
text-decoration:none;
}

.colBoxButtons .colBoxUlist ul li {
display:inline;
border:none;
margin:0 3px 0 0;
padding:0;
background:none;
}
.colBoxButtons .colBoxUlist ul li a {
display:inline-block;
padding:5px 10px;
background:#333;
color:#FFF;
border:1px solid #FFF;
font-size:12px;
line-height:18px;
}

.colBoxNewtxt {
color:#C00;
}

.colBoxWarning .colBoxUlist ul li {
background:none;
border:none;
padding:0;
font-weight:bold;
}
/*-----------------------------------------------------------------*/
/* FOOTER */
/*-----------------------------------------------------------------*/
#copyright {
padding:5px;
font-size:10px;
line-height:12px;
text-align:center;
font-family:Gill Sans, 'メイリオ', Meiryo;
}
#pagetop {
text-align:center;
padding:10px;
background:#EEE;
}
.setIndexBGStyleBlack #pagetop {
background:#333;
}
/*-----------------------------------------------------------------*/
/* ARTICLE */
/*-----------------------------------------------------------------*/
#cmsWrap {
background:#FFF;
margin:0 0 5px;
}
.setIndexBGStyleBlack #cmsWrap {
background:#000;
color:#FFF;
}
#cmsHeader {
position:relative;
padding:5px;
}
#cmsBody {
padding:5px;
}
/*-----------------------------------------------------------------*/
/* MOVE /css/spv/cmsInput.css */

/* youtubeEmbed - 12/07/05
------------------------------*/
.setIndexBGStyleBlack .youtubeEmbed div {
background:#111 !important;
border:1px solid #000 !important;
}

/*-----------------------------------------------------------------*/
/* SOCIALBUTTON BIG */
/*-----------------------------------------------------------------*/
.msbSocialbuttonBig {
display:table;
width:100%;
text-align:center;
padding:5px 5px 0;
}
.msbSocialbuttonBig .msbBtn {
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 .msbBtnGoogleplusone a,
.msbSocialbuttonBig .msbBtnLDR a {
display:inline-block;
min-width:30px;
padding:36px 5px 0;
text-align:center;
}
.msbSocialbuttonBig .msbBtnLikebuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center 5px;
background-size:27px auto;
}
.msbSocialbuttonBig .msbBtnTweetbuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center -45px;
background-size:28px auto;
}
.msbSocialbuttonBig .msbBtnGoogleplusone a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center -95px;
background-size:27px auto;
}
.msbSocialbuttonBig .msbBtnLinebutton a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center -162px;
background-size:30px auto;
}
.msbSocialbuttonBig .msbBtnHatenabuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center -195px;
background-size:27px auto;
}
.msbSocialbuttonBig .msbBtnLDR a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat center -245px;
background-size:27px auto;
}
.msbSocialbuttonBig .msbBtnLikebuttonJsonCount,
.msbSocialbuttonBig .msbBtnTweetbuttonJsonCount,
.msbSocialbuttonBig .msbBtnHatenabuttonJsonCount,
.msbSocialbuttonBig .msbBtnLinebutton a,
.msbSocialbuttonBig .msbBtnGoogleplusone a,
.msbSocialbuttonBig .msbBtnLDR 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;
}
}
@-moz-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 .msbBtnLDR a {color:#18C6CF !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;
}

/*-----------------------------------------------------------------*/
/* SOCIALBUTTON SMALL */
/*-----------------------------------------------------------------*/
.msbSocialbuttonSmall {
display:table;
width:100%;
}
.msbSocialbuttonSmall .msbBtn {
display:table-cell;
padding:0 5px 5px 0;
vertical-align:top;
text-align:center;
}
.msbSocialbuttonSmall .msbBtn a {
font-size:12px;
line-height:18px;
}
.msbSocialbuttonSmall .msbBtnLikebuttonJson a,
.msbSocialbuttonSmall .msbBtnTweetbuttonJson a,
.msbSocialbuttonSmall .msbBtnHatenabuttonJson a,
.msbSocialbuttonSmall .msbBtnLinebutton a,
.msbSocialbuttonSmall .msbBtn1topibutton a,
.msbSocialbuttonSmall .msbBtnGoogleplusone a {
display:inline-block;
min-width:40px;
text-align:left;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:0 5px 0 24px;
}
.msbSocialbuttonSmall .msbBtnLikebuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat left 0px;
background-size:18px auto;
}
.msbSocialbuttonSmall .msbBtnTweetbuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat left -34px;
background-size:19px auto;
}
.msbSocialbuttonSmall .msbBtnGoogleplusone a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat left -67px;
background-size:18px auto;
}
.msbSocialbuttonSmall .msbBtnLinebutton a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat left -99px;
background-size:18px auto;
}
.msbSocialbuttonSmall .msbBtnHatenabuttonJson a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat left -133px;
background-size:18px auto;
}
.msbSocialbuttonSmall .msbBtnLDR a {
background:url(http://image.itmedia.co.jp/spv/images/msbBtn.png) no-repeat left -165px;
background-size:18px auto;
}
.msbSocialbuttonSmall .msbBtnLikebuttonJsonCount,
.msbSocialbuttonSmall .msbBtnTweetbuttonJsonCount,
.msbSocialbuttonSmall .msbBtnHatenabuttonJsonCount,
.msbSocialbuttonSmall .msbBtnLinebutton,
.msbSocialbuttonSmall .msbBtnLDR,
.msbSocialbuttonSmall .msbBtnGoogleplusone {
font-family:Gill Sans, 'メイリオ', Meiryo;
}
.msbSocialbuttonSmall .msbBtnLikebuttonJsonCount {color:#385992;}
.msbSocialbuttonSmall .msbBtnTweetbuttonJsonCount {color:#4EB5F2;}
.msbSocialbuttonSmall .msbBtnHatenabuttonJsonCount {color:#336FD3;}
.msbSocialbuttonSmall .msbBtnLinebutton a {color:#2CBF13 !important;}
.msbSocialbuttonSmall .msbBtnLDR a {color:#18C6CF !important;}
.msbSocialbuttonSmall .msbBtnGoogleplusone a {color:#BB4940 !important;}
.msbSocialbuttonSmall .msbBtnLikebuttonJsonCount .msbBtnJsonloader,
.msbSocialbuttonSmall .msbBtnTweetbuttonJsonCount .msbBtnJsonloader,
.msbSocialbuttonSmall .msbBtnHatenabuttonJsonCount .msbBtnJsonloader {
margin:3px auto 0;
display:inline-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;
}
.msbSocialbuttonSmall .msbBtnGoogleplusone #_plusone_0_,
.msbSocialbuttonSmall .msbBtnGoogleplusone #_plusone_1_ {
display:inline-block;
position:relative;
}
.msbSocialbuttonSmall .msbBtnGoogleplusone #___plusone_0,
.msbSocialbuttonSmall .msbBtnGoogleplusone #___plusone_1 {
position:absolute;
top:-54px;
left:0;
opacity:0;
}

/*-----------------------------------------------------------------*/
/* SOCIALBUTTON PR */
/*-----------------------------------------------------------------*/
.colBoxCsbBtn {
box-shadow:none;
border:none;
}
.colBoxCsbBtn .colBoxIndex {
border:none;
padding:0;
}
.csbBtn {
float:left;
}
/*-----------------------------------------------------------------*/
/* SUBTOP/FEATURES */
/*-----------------------------------------------------------------*/
#subtopHeader,
#specialHeader {
margin:0 auto 5px;
}
#subtopHeader h1,
#specialHeader h1 {
margin:0;
font-size:12px;
line-height:16px;
text-indent:-9999px;
}
#subtopTitle,
#specialTitle {
margin:0 0 5px;
padding:5px 5px 0;
border-top:5px solid rgba(51,111,211,1);
}
#subtopTitle h1,
#specialTitle h1 {
font-size:146.5%;
}
#subtopDescription,
#specialDescription {
margin:0 0 10px;
padding:0 5px;
}
#subtopDescription h1,
#specialDescription h1 {
}
#tt #specialBody .colBoxDescription {
display:block;
}
.colBoxFeaturesImage .colBoxImage {
text-align:center;
}
/*-----------------------------------------------------------------*/
/* SERIES */
/*-----------------------------------------------------------------*/
#seriesHeader {
vertical-align:middle;
display:table;
width:100%;
border-top:5px solid rgba(51,111,211,1);
margin-bottom:5px;
}
#seriesIcon {
vertical-align:middle;
display:table-cell;
width:50px;
padding:5px;
}
#seriesIconInner {
vertical-align:middle;
display:inline-block;
width:50px;
height:50px;
border:1px solid #CCC;
box-sizing:border-box;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#seriesIconInner.noImg {
background-size:25px 25px;
background-color:#CCC;
background-image:url(http://image.itmedia.co.jp/spv/images/series_head_noimg.png);
}
#seriesTitle {
vertical-align:middle;
display:table-cell;
padding:5px;
}
#seriesTitle h1 {
font-size:146.5%;
}
#seriesTitle h2 {
font-size:100%;
}
#seriesBody .colBoxIcon a {
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
}
#seriesBody .colBoxIcon.noImg a {
background-image:url(http://image.itmedia.co.jp/spv/images/series_noimg.png);
background-size:40px 40px;
background-color:#CCC;
background-repeat:no-repeat;
background-position:center center;
}
#seriesBody .colBoxButton {
border-radius:0;
width:auto;
border:none;
margin:0;
text-align:center;
}
#seriesBody .colBoxButton a {
border-radius:0;
border:none;
padding:10px;
display:inline-block;
width:auto;
font-weight:normal;
background:#333;
}
/* cmsSeriesList.css */
/*-----------------------------------------------------------------*/
/* AUTHOR */
/*-----------------------------------------------------------------*/
#authorHeader {
vertical-align:middle;
display:table;
width:100%;
border-top:5px solid rgba(51,111,211,1);
margin-bottom:5px;
}
#authorIcon {
vertical-align:middle;
display:table-cell;
width:50px;
padding:5px;
}
#authorIconInner {
vertical-align:middle;
display:inline-block;
width:50px;
height:50px;
border:1px solid #CCC;
box-sizing:border-box;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#authorIconInner.noImg {
background-size:25px 25px;
background-color:#CCC;
background-image:url(http://image.itmedia.co.jp/spv/images/author_head_noimg.png);
}
#authorTitle {
vertical-align:middle;
display:table-cell;
padding:5px;
}
#authorTitle h1 {
font-size:146.5%;
}
#authorTitle h2 {
font-size:100%;
}
#authorBody .colBoxButton {
border-radius:0;
width:auto;
border:none;
margin:0;
text-align:center;
}
#authorBody .colBoxButton a {
border-radius:0;
border:none;
padding:10px;
display:inline-block;
width:auto;
font-weight:normal;
background:#333;
}
#authorBody #authorIndexBtn {
margin:20px 0;
}
#authorBody .colBoxIcon a {
background-size:contain;
background-repeat:no-repeat;
background-position:center center;
}
#authorBody .colBoxIcon.noImg a {
background-image:url(http://image.itmedia.co.jp/spv/images/series_noimg.png);
background-size:40px 40px;
background-color:#CCC;
}
/*-----------------------------------------------------------------*/
/* KEYWORDS */
/*-----------------------------------------------------------------*/
#keywordsTitle {
margin:0 0 5px;
padding:5px 5px 0;
border-top:5px solid rgba(233,85,32,1);
}
#tt #keywordsTitle {
border-top:5px solid rgba(13,159,148,1)
}
#keywordsTitle h1 {
font-size:167%;
}
#keywordsBody > .colBoxRelKeyword:nth-of-type(1) .colBoxHead {
display:none;
}
#keywordsBody .colBoxIndexKwdindex .colBoxHead {
display:none;
}

/* TT WPKW */
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex .colBoxLeft {
vertical-align:top;
width:80px;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title] .colBoxLeft:before {
font-size:8px;
display:block;
font-weight:normal;
text-align:center;
border-bottom:1px solid #EEE;
padding:1px 0 0;
}
.setIndexBGStyleBlack #keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title] .colBoxLeft:before {
border-bottom:1px solid #333;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex .colBoxLeft:before {
background:rgba(13,159,148,0.05);
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="技術文書"] .colBoxLeft:before {
content:'技術文書';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="事例"] .colBoxLeft:before {
content:'事例';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="講演資料"] .colBoxLeft:before {
content:'講演資料';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="レポート"] .colBoxLeft:before {
content:'レポート';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="製品資料"] .colBoxLeft:before {
content:'製品資料';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="webcast"] .colBoxLeft:before {
content:'webcast';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="その他"] .colBoxLeft:before {
content:'その他';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="カタログ"] .colBoxLeft:before {
content:'カタログ';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="試用版"] .colBoxLeft:before {
content:'試用版';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="e-book"] .colBoxLeft:before {
content:'e-book';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="比較資料"] .colBoxLeft:before {
content:'比較資料';
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="技術文書"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_1.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="事例"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_2.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="講演資料"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_3.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="レポート"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_4.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="製品資料"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_5.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="webcast"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_6.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="その他"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_9.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="カタログ"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_13.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="試用版"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_14.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="e-book"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_15.png) no-repeat center center;
background-size:30px auto;
}
#keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex[title="比較資料"] .colBoxLeft .colBoxIcon a {
background:url(http://image.itmedia.co.jp/tt/images/spv/typeid_17.png) no-repeat center center;
background-size:30px auto;
}
.setIndexBGStyleBlack #keywordsBody .colBoxIndexTTWPKwdindex .colBoxIndex .colBoxLeft:before {
background:rgba(13,159,148,0.3);
}
/*-----------------------------------------------------------------*/
/* ITMID PRESENT FORM */
/*-----------------------------------------------------------------*/
.setIndexBGStyleBlack #itmidPresentFormWrap {
background:#FFF;
border:1px solid #333;
padding:5px;
}

/*-----------------------------------------------------------------*/
/* TT FORM */
/*-----------------------------------------------------------------*/
#customQuest {
margin:0 0 10px;
border:3px solid #CCC;
border-radius:10px;
-webkit-border-radius:10px;
-moz-border-radius:10px;
overflow:hidden;
}
.setIndexBGStyleBlack #customQuest {
border:3px solid #333;
}
#customQuest form {
margin:0;
padding:0;
}
#customQuest .cqTitle {
background:-webkit-linear-gradient(top, #444, #111);
background:-moz-linear-gradient(top, #444, #111);
background:linear-gradient(to bottom, #444, #111);
border-bottom:2px solid #CCC;
color:#FFF;
font-size:13px;
line-height:20px;
padding:8px;
}
.setIndexBGStyleBlack #customQuest .cqTitle {
border-bottom:2px solid #333;
}
#customQuest .cqTitle strong {
color:#F90;
}
#customQuest #cqWrap {
padding:8px;
}
#customQuest .cqBodyHeading {
font-size:13px;
border-bottom:1px dotted #CCC;
margin:0 0 5px;
padding:0 0 5px;
}
.setIndexBGStyleBlack #customQuest .cqBodyHeading {
border-bottom:1px dotted #555;
}
#customQuest .cqBodyHeading strong {
font-size:15px;
color:#F60;
}
#customQuest .cqBodyContents {
font-size:13px;
margin:0 0 15px;
}
#customQuest .cqBodyContents label {
display:block;
margin:0 0 5px;
}
#customQuest .privacy {
background:#EEE;
margin:0 0 10px;
padding:5px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
}
.setIndexBGStyleBlack #customQuest .privacy {
background:#222;
}
#customQuest .privacy h5 {
background:-webkit-linear-gradient(top, #FFF, #DDD);
background:-moz-linear-gradient(top, #FFF, #DDD);
background:linear-gradient(to bottom, #FFF, #DDD);
border:1px solid #CCC;
border-radius:5px 5px 0 0;
-webkit-border-radius:5px 5px 0 0;
-moz-border-radius:5px 5px 0 0;
font-size:13px;
margin:0 0 10px;
padding:5px;
}
.setIndexBGStyleBlack #customQuest .privacy h5 {
background:-webkit-linear-gradient(top, #333, #111);
background:-moz-linear-gradient(top, #333, #111);
background:linear-gradient(to bottom, #333, #111);
border:1px solid #111;
}
#customQuest .privacy ul {
margin:0 0 10px;
padding:5px 5px 5px 30px;
}
#customQuest .privacy ul li {
color:#C00;
font-size:11px;
margin:0;
padding:0;
}
.setIndexBGStyleBlack #customQuest .privacy ul li {
color:#FC0;
}
#customQuest .privacy p {
margin-bottom:10px;
font-size:13px;
}
#customQuest .c100 {
text-align:center;
}
#customQuest .c100 input {
padding:10px 20px;
}
/*-----------------------------------------------------------------*/
/* PAGETOP BUTTON */
/*-----------------------------------------------------------------*/
#topcontrol span {
font-size:12px;
background:#666;
filter:alpha(opacity=70);
-moz-opacity:0.7;
opacity:0.7;
color:#FFF;
width:100px;
padding:10px 0;
text-align:center;
display:block;
border-radius:5px;
}
/*-----------------------------------------------------------------*/
/* CMSTOOL */
/*-----------------------------------------------------------------*/
.colBoxFeatures2index120Urllist .colBoxIndexL50,
.colBoxFeatures2index120Urllist .colBoxIndexR50,
.colBoxFeatures2index80Urllist .colBoxIndexL50,
.colBoxFeatures2index80Urllist .colBoxIndexR50,
.colBoxFeatures2index120UrllistRelated .colBoxIndexL50,
.colBoxFeatures2index120UrllistRelated .colBoxIndexR50,
.colBoxFeatures2index80UrllistRelated .colBoxIndexL50,
.colBoxFeatures2index80UrllistRelated .colBoxIndexR50 {
padding:0;
}
.colBoxFeatures2index120Urllist .colBoxIndexL50 .colBoxIndex,
.colBoxFeatures2index120Urllist .colBoxIndexR50 .colBoxIndex,
.colBoxFeatures2index80Urllist .colBoxIndexL50 .colBoxIndex,
.colBoxFeatures2index80Urllist .colBoxIndexR50 .colBoxIndex,
.colBoxFeatures2index120UrllistRelated .colBoxIndexL50 .colBoxIndex,
.colBoxFeatures2index120UrllistRelated .colBoxIndexR50 .colBoxIndex,
.colBoxFeatures2index80UrllistRelated .colBoxIndexL50 .colBoxIndex,
.colBoxFeatures2index80UrllistRelated .colBoxIndexR50 .colBoxIndex {
border-top:none;
}
.colBoxSubtop2index120Urllist .colBoxIndexL50,
.colBoxSubtop2index120Urllist .colBoxIndexR50,
.colBoxSubtop2index80Urllist .colBoxIndexL50,
.colBoxSubtop2index80Urllist .colBoxIndexR50,
.colBoxSubtop2index120UrllistRelated .colBoxIndexL50,
.colBoxSubtop2index120UrllistRelated .colBoxIndexR50,
.colBoxSubtop2index80UrllistRelated .colBoxIndexL50,
.colBoxSubtop2index80UrllistRelated .colBoxIndexR50 {
padding:0;
}
.colBoxSubtop2index120Urllist .colBoxIndexL50 .colBoxIndex,
.colBoxSubtop2index120Urllist .colBoxIndexR50 .colBoxIndex,
.colBoxSubtop2index80Urllist .colBoxIndexL50 .colBoxIndex,
.colBoxSubtop2index80Urllist .colBoxIndexR50 .colBoxIndex,
.colBoxSubtop2index120UrllistRelated .colBoxIndexL50 .colBoxIndex,
.colBoxSubtop2index120UrllistRelated .colBoxIndexR50 .colBoxIndex,
.colBoxSubtop2index80UrllistRelated .colBoxIndexL50 .colBoxIndex,
.colBoxSubtop2index80UrllistRelated .colBoxIndexR50 .colBoxIndex {
border-top:none;
}
.colBoxMiddle2index120Urllist .colBoxIndexL50,
.colBoxMiddle2index120Urllist .colBoxIndexR50,
.colBoxMiddle2index80Urllist .colBoxIndexL50,
.colBoxMiddle2index80Urllist .colBoxIndexR50,
.colBoxMiddle2index120UrllistRelated .colBoxIndexL50,
.colBoxMiddle2index120UrllistRelated .colBoxIndexR50,
.colBoxMiddle2index80UrllistRelated .colBoxIndexL50,
.colBoxMiddle2index80UrllistRelated .colBoxIndexR50 {
padding:0;
}
.colBoxMiddle2index120Urllist .colBoxIndexL50 .colBoxIndex,
.colBoxMiddle2index120Urllist .colBoxIndexR50 .colBoxIndex,
.colBoxMiddle2index80Urllist .colBoxIndexL50 .colBoxIndex,
.colBoxMiddle2index80Urllist .colBoxIndexR50 .colBoxIndex,
.colBoxMiddle2index120UrllistRelated .colBoxIndexL50 .colBoxIndex,
.colBoxMiddle2index120UrllistRelated .colBoxIndexR50 .colBoxIndex,
.colBoxMiddle2index80UrllistRelated .colBoxIndexL50 .colBoxIndex,
.colBoxMiddle2index80UrllistRelated .colBoxIndexR50 .colBoxIndex {
border-top:none;
}
.colBoxIndex .linkset {
font-size:108%;
list-style-type:none;
}
.colBoxIndex .linkset li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url(data:image/gif;base64,R0lGODlhIAAgAIAAAJmZmQAAACH5BAAAAAAALAAAAAAgACAAAAIehI+py+0Po5y02ouz3rz7D4biSJbmiabqyrbuC5sFADs=) no-repeat left center;
background-size:5px;
border-bottom:1px dotted #CCC;
}

/*-----------------------------------------------------------------*/
/* CREDIT */
/*-----------------------------------------------------------------*/
#cmsPrcredit {
margin:0 0 10px;
padding:5px;
}
#cmsPrcredit .inner {
border:3px solid #CCC;
padding:5px;
}
#cmsPrcredit .inner br {
display:none;
}
#cmsPrcredit .inner .credit {
margin:0;
font-size:12px;
line-height:16px;
}
#cmsPrcredit .inner .credit br {
display:inline;
}

/*-----------------------------------------------------------------*/
/* LARGEIMAGE LOADER */
/*-----------------------------------------------------------------*/
.enlarge {
margin:10px auto;
width:30px;
height:30px;
border-radius:50%;
border:5px solid #CCC;
border-right-color:transparent;
-webkit-animation:iconloader 1s linear infinite;
-moz-animation:iconloader 1s linear infinite;
animation:iconloader 1s linear infinite;
}
/*-----------------------------------------------------------------*/
/* ADTAG */
/*-----------------------------------------------------------------*/
#RECTANGL,
#RECTNGL2,
#SPBANNER,
#AFFILIAT,
#ARBANNER {
width:300px;
margin:0 auto;
-webkit-transform:translate3d(0,0,0);
-moz-transform:translate3d(0,0,0);
transform:translate3d(0,0,0);
-webkit-transition-property:-webkit-transform;
-moz-transition-property:-moz-transform;
transition-property:transform;
-webkit-transition-duration:500ms;
-moz-transition-duration:500ms;
transition-duration:500ms;
-webkit-transition-timing-function:ease;
-moz-transition-timing-function:ease;
transition-timing-function:ease;
}
#AFFILIAT,
#ARBANNER {
width:320px;
}
#RECTANGL.slideRight,
#RECTNGL2.slideRight,
#SPBANNER.slideRight,
#AFFILIAT.slideRight {
-webkit-transform:translate3d(1000px,0,0);
-moz-transform:translate3d(1000px,0,0);
transform:translate3d(1000px,0,0);
}
#RECTANGL.slideLeft,
#RECTNGL2.slideLeft,
#SPBANNER.slideLeft,
#AFFILIAT.slideLeft {
-webkit-transform:translate3d(-1000px,0,0);
-moz-transform:translate3d(-1000px,0,0);
transform:translate3d(-1000px,0,0);
}
#RECTANGL #adHeaderText,
#RECTNGL2 #adHeaderText,
#SPBANNER #adHeaderText {
width:300px !important;
}
.setIndexBGStyleBlack #RECTANGL #adHeaderText span.pr,
.setIndexBGStyleBlack #RECTNGL2 #adHeaderText span.pr,
.setIndexBGStyleBlack #SPBANNER #adHeaderText span.pr {
color:#FFF !important;
}
.setIndexBGStyleBlack #RECTANGL #adHeaderText img,
.setIndexBGStyleBlack #RECTNGL2 #adHeaderText img,
.setIndexBGStyleBlack #SPBANNER #adHeaderText img {
border:1px solid #FFF !important;
}
#KTN1 {
text-align:center;
}
#KTN2 {
margin:0 auto 5px;
text-align:center;
width:300px;
}
.colBoxIndexAD {
padding:10px 5px 0;
}
#cmsBody .colBoxIndexAD {
border-top:none;
margin:0 0 20px;
padding:0;
}
.colBoxAD {
box-shadow:none;
background:transparent;
}
.colBoxAD .colBoxIndexAD {
border:none;
padding:0;
}
#TEXT {
padding:5px 5px 0;
}
#TEXT .colBoxITT .colBoxIndex {
border:none;
padding:0;
}
#TEXT .colBoxITT .colBoxTitle {
background:url(http://image.itmedia.co.jp/images/ad/ITT_pr.gif) no-repeat 0 3px;
}
#TEXT .colBoxITT .colBoxTitle h3 {
font-size:12px;
line-height:18px;
}
#RICHAD {
width:300px;
margin:0 auto;
}
#colBoxCBOX .colBoxDescription {
display:block !important;
}
#colBoxFEATURES .colBoxDescription {
display:block !important;
}
#cmsBody #colBoxARTICLEB .colBoxTitle h3 {
border:none;
clear:none;
font-size:inherit;
margin:0;
padding:0;
}
#cmsBody #colBoxARTICLEB .colBoxDescription {
display:block !important;
}
#cmsBody #colBoxARTICLEB .colBoxDescription p {
font-size:inherit;
margin:0;
padding:0;
}

/* eBook Book Live 20130627 */
/*-----------------------------------------------------------------*/
#booklivesearch {
position:relative;
margin:0;
background:#E45000;
}
#booklivesearch .colBox .colBoxHead {
border-bottom:none;
}
#booklivesearch form {
display:table;
width:100%;
margin:0;
padding:0;
}
#booklivesearch form .booklivesearch-cell {
display:table-cell;
padding:5px;
}
#booklivesearch form .booklivesearch-title {
background:url(http://image.itmedia.co.jp/spv/images/ebook_booklive_txt.png) no-repeat 5px center / 70px auto;
width:70px;
text-align:left;
font-size:11px;
color:#FFF;
vertical-align:middle;
text-indent:-9999px;
}
#booklivesearch form .booklivesearch-text {
overflow:hidden;
vertical-align:middle;
}
#booklivesearch form .booklivesearch-button {
width:40px;
vertical-align:middle;
}
#booklivesearch input {
width:100%;
height:20px;
margin:0 3px 0 0;
padding:3px;
border:none;
font:11px Gill Sans, HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
line-height:13px;
}
#booklivesearch button {
width:50px;
height:26px;
padding:3px;
border:none;
font:11px Gill Sans, HiraKakuProN-W3, Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
background:#FFF;
border-radius:5px;
}
#BLTXTAD {
/* NOAD FIX */
min-height:40px;
background:#FF5A00;
}
#colBoxBLTXTAD {
color:#FFF;
margin:0;
padding:5px;
background:#FF5A00;
font-size:11px;
}
#colBoxBLTXTAD .colBoxHead {
margin:0;
font-weight:bold;
font-size:12px;
padding:0;
}
#colBoxBLTXTAD .colBoxHead h2 {
background:none;
padding:0;
}
#colBoxBLTXTAD .colBoxHead .colBoxHeadSubtxt {
display:none;
}
#colBoxBLTXTAD .colBoxIndex {
border:none;
padding:0;
}
#colBoxBLTXTAD .colBoxUlist ul {
font-size:11px;
}
#colBoxBLTXTAD .colBoxUlist ul li {
background:none;
border:none;
margin:0;
padding:0;
}
#colBoxBLTXTAD .colBoxUlist ul li a {
color:#FFF;
}
#booklivesearch .booklivesearch-logo {
position:absolute;
bottom:5px;
right:5px;
width:80px;
height:32px;
background:url(http://image.itmedia.co.jp/spv/images/ebook_booklive_logo.png) no-repeat right bottom / 80px auto;
text-align:right;
font-size:8px;
color:#FFF;
}

/* SCROLL NAVIGATION  - 2014/12/01 */
/*-----------------------------------------------------------------*/
.colBoxScrollNavigation {
position:relative;
z-index:12;
}
.colBoxScrollNavigation.leftArrow:before {
content:'';
display:block;
position:absolute;
border-radius:100px;
left:3px;
top:50%;
margin-top:-7px;
width:14px;
height:14px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANdJREFUeNrkl0EKgzAURLV6je56qi56qS7cpLQUPFlvUSzpBCLYTRLNfDqlAyMqfvJAzfzfeO8bA3ewgyf4nHu+DQeyOvgOH+P1C+5TBTtjgKBbtor8Ckb/qTHeT9Z+HYAFUQXAgKgGqIWgANRA0AC2QlABtkDQAdZCmACsgTADKIUwBSiBMAcogXDWACVRPsVkDHrAB/jJzv5clC9jeA9fF1A8/cI3IfF3yOwTMjumTHbIpKhMPyHTWcn0mDLdtszcITOBpUDcX07l86In+BLPh1zBW4ABAPhz75jMU7VOAAAAAElFTkSuQmCC) no-repeat center center #CCC;
border:1px solid #FFF;
background-size:7px 7px;
background-position:center center;
z-index:12;
-webkit-animation:colBoxScrollNavigation 3s linear infinite;
-moz-animation:colBoxScrollNavigation 3s linear infinite;
animation:colBoxScrollNavigation 3s linear infinite;
}
.colBoxScrollNavigation.rightArrow:after {
content:'';
display:block;
position:absolute;
border-radius:100px;
right:3px;
top:50%;
margin-top:-7px;
width:14px;
height:14px;
background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAOJJREFUeNrUl00KwjAQhaMVb+HFuvBSLtxElEJ7Ko9SiTOQRRRpmpk3jB14JaUT8tH8vElIKYUFXUgzKZK6Sq5YO34sxEzqcnsinUmvAI595fujaPekoYDCReVX8RSM6TNG9NSsSTIHWZtoCtKSbAbS2sEERNIJDiKlh4Jo5hIGol3ZEBDEPleDoE49FQjSDcUgaFv+BRK1Vi6JI+lJOuV3tv6Dxspbg23+XgB8lwMiK9/UmnDfHe7nhPuJ6e4d7i7qXk+4V1buNaZ7te1+7/iLG1i0BtjMrfyaB71ZAXC8BRgATljwmHm55lkAAAAASUVORK5CYII=) no-repeat center center #CCC;
border:1px solid #FFF;
background-size:7px 7px;
background-position:center center;
z-index:12;
-webkit-animation:colBoxScrollNavigation 3s linear infinite;
-moz-animation:colBoxScrollNavigation 3s linear infinite;
animation:colBoxScrollNavigation 3s linear infinite;
}
@-webkit-keyframes colBoxScrollNavigation {
0% {opacity:0.5;}
25% {opacity:1.0;}
75% {opacity:1.0;}
100% {opacity:0.5;}
}
@-moz-keyframes colBoxScrollNavigation {
0% {opacity:0.5;}
25% {opacity:1.0;}
75% {opacity:1.0;}
100% {opacity:0.5;}
}
@keyframes colBoxScrollNavigation {
0% {opacity:0.2;}
25% {opacity:1.0;}
75% {opacity:1.0;}
100% {opacity:0.2;}
}

.colBoxScrollNavOut {
overflow:scroll;
-webkit-overflow-scrolling:touch;
background:rgba(0,0,0,0.1);
z-index:11;
}
.colBoxScrollNavIn {
position:relative;
}
.colBoxScrollNavIn a {
display:inline-block;
padding:7px 9px;
font-size:11px;
font-weight:bold;
border-right:1px solid rgba(0,0,0,0.1);
background:rgba(0,0,0,0.4);
color:#FFF;
}
.colBoxScrollNavIn a:first-child {
border-left:1px solid rgba(0,0,0,0.1);
}
.colBoxScrollNavIn a:nth-child(even) {
background:rgba(0,0,0,0.35);
}
.colBoxScrollNavIn a.active {
background:rgba(0,0,0,0.5);
}
.colBoxScrollNavIn a.NewMark {
position:relative;
padding-right:47px;
}
.colBoxScrollNavIn a.NewMark:before {
content:'';
display:block;
position:absolute;
top:9px;
right:35px;
width:0;
height:0;
border:8px solid transparent;
border-right:8px solid rgba(255,255,255,0.9);
}
.colBoxScrollNavIn a.NewMark:after {
content:'New';
position:absolute;
top:9px;
right:10px;
padding:0 3px;
font-size:9px;
font-weight:normal;
color:#F00;
background:rgba(255,255,255,0.9);
font-family:Arial,Verdana;
display:inline-block;
width:19px;
height:16px;
line-height:16px;
}
.colBoxScrollNavOut.bg-White .colBoxScrollNavIn a.NewMark:before {
border-right-color:rgba(230,230,230,0.9);
}
.colBoxScrollNavOut.bg-White .colBoxScrollNavIn a.NewMark:after {
background:rgba(230,230,230,0.9);
}
.colBoxScrollNavOut.bg-White {background:rgba(255,255,255,0.1);border-top:1px solid rgba(230,230,230,1);border-bottom:1px solid rgba(230,230,230,1);}
.colBoxScrollNavOut.bg-White #colBoxHeaderNavigationIn a {border-color:rgba(230,230,230,1);background:rgba(255,255,255,0.6);color:#000;}
.colBoxScrollNavOut.bg-White #colBoxHeaderNavigationIn a:nth-child(even) {background:rgba(255,255,255,0.55);}
.colBoxScrollNavOut.bg-White #colBoxHeaderNavigationIn a.active {background:rgba(255,255,255,0.7);}
.colBoxScrollNavOut.bg-Red {background:rgba(230,0,18,0.1);}
.colBoxScrollNavOut.bg-Red #colBoxHeaderNavigationIn a {border-color:rgba(230,0,18,0.3);background:rgba(230,0,18,0.6);}
.colBoxScrollNavOut.bg-Red #colBoxHeaderNavigationIn a:nth-child(even) {background:rgba(230,0,18,0.55);}
.colBoxScrollNavOut.bg-Red #colBoxHeaderNavigationIn a.active {background:rgba(230,0,18,0.7);}
.colBoxScrollNavOut.bg-Orange {background:rgba(243,152,0,0.1);}
.colBoxScrollNavOut.bg-Orange #colBoxHeaderNavigationIn a {border-color:rgba(243,152,0,0.5);background:rgba(243,152,0,0.8);}
.colBoxScrollNavOut.bg-Orange #colBoxHeaderNavigationIn a:nth-child(even) {background:rgba(243,152,0,0.75);}
.colBoxScrollNavOut.bg-Orange #colBoxHeaderNavigationIn a.active {background:rgba(243,152,0,0.9);}
.colBoxScrollNavOut.bg-Green {background:rgba(0,153,9,0.1);}
.colBoxScrollNavOut.bg-Green #colBoxHeaderNavigationIn a {border-color:rgba(0,153,9,0.5);background:rgba(0,153,9,0.7);}
.colBoxScrollNavOut.bg-Green #colBoxHeaderNavigationIn a:nth-child(even) {background:rgba(0,153,9,0.65);}
.colBoxScrollNavOut.bg-Green #colBoxHeaderNavigationIn a.active {background:rgba(0,153,9,0.8);}
.colBoxScrollNavOut.bg-Blue {background:rgba(0,104,183,0.1);}
.colBoxScrollNavOut.bg-Blue #colBoxHeaderNavigationIn a {border-color:rgba(0,104,183,0.5);background:rgba(0,104,183,0.7);}
.colBoxScrollNavOut.bg-Blue #colBoxHeaderNavigationIn a:nth-child(even) {background:rgba(0,104,183,0.65);}
.colBoxScrollNavOut.bg-Blue #colBoxHeaderNavigationIn a.active {background:rgba(0,104,183,0.8);}

/*-----------------------------------------------------------------*/
/* popIn OVERWRITE */
/*-----------------------------------------------------------------*/
._popIn_recommend_header {
background-position:5px center !important;
padding:0 0 0 16px !important;
}
/*-----------------------------------------------------------------*/
/* ad */
/*-----------------------------------------------------------------*/
.colBoxITT {
margin:0 0 5px;
}
.colBoxITT .colBoxTitle {
background:url(http://image.itmedia.co.jp/images/ad/ITT_pr.gif) no-repeat 0 2px;
margin:0;
padding:0 0 0 24px;
}
.colBoxITT .colBoxTitle h3 {
font-size:12px;
line-height:16px;
font-weight:normal;
}
.colBoxITT .colBoxTitleSubtxt {
display:none;
}