@import url("/css/gnav.css");
@import url("/css/gfooter.css");
/* BASIC
-------------------------------------------------- */
body {
width:100%;
margin:0px;
padding:0px;
color:#333;
font-family:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif;
text-align:center;
background:#EEE url("http://image.itmedia.co.jp/makoto/images/body_bg2.gif") repeat-y center top;
line-height:100%;
}
a:link {
color:#036;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
img {
border-width:0px;
}
hr {
visibility:hidden;
clear:both;
}
#icon img {
margin:2px 10px 2px 0px ! important;
border:1px solid #DDD;
}
#topicon img {
margin:2px 0px 2px 10px ! important;
border:1px solid #DDD;
}
.icon-mini img {
margin:2px 6px 2px 0px!important;
width:40px;
height:30px;
}
/* HEADER
-------------------------------------------------- */
.vbody {
width:990px;
margin:auto;
text-align:left;
display:block!important;
}
.vbody#nobg {
}
/* EXCLUDING MAC \*/
.vbody {
display:table;
width:990px;
text-align:left;
}
/**/
.header {
font-size:12px;
text-align:left;
background-color:#FFF;
margin:0;
}
.header #tagline {
margin:0px;
padding-bottom:9px;
background:url("http://image.itmedia.co.jp/images0509/hrbg_top.gif") repeat-x left bottom #BABABA;
}
.header #tagline #global {
width:100%;
background:url("http://image.itmedia.co.jp/images0509/tagline_news_bg2.gif") repeat-x left top #C00;
}
/* EXCLUDING MAC \*/
.header #tagline #global div {
margin:0px;
padding:6px 20px 9px 20px;
color:#666;
line-height:100%;
text-align:right;
float:right;
background:url("http://image.itmedia.co.jp/images0509/gnav_bg_news2.gif") repeat-x left top;
}
/**/
.header #tagline h2 {display:none;}
/* EXCLUDING MAC \*/
.header #tagline h2 {
display:block;
margin:0px;
padding:0px;
width:320px;
height:31px;
background:url("http://image.itmedia.co.jp/images0509/tagline_news2.gif") no-repeat left top;
text-indent:-9999px;
float:left;
}
#bizid .header #tagline h2 {
width:400px;
background:url("http://image.itmedia.co.jp/images0509/tagline_bizid.gif") no-repeat left top;
}
/**/
.header #global a:link,
.header #global a:visited {
color:#EEE;
}
.header #global a:hover {
color:#FFF;
}
.header #global strong {
background:url("http://image.itmedia.co.jp/images0509/btn_top_news.gif") no-repeat left top;
float:left;
text-align:left;
margin:-2px 2px 0px 56px;
}
.header #global strong a:link,
.header #global strong a:visited {
display:block;
width:40px;
height:15px;
text-indent:-9999px;
}
.header #logoline {
display:table;
width:968px;
margin:10px 0px 10px 10px;
}
.header #logo {
display:inline;
float:left;
}
.header #logo a:link,
.header #logo a:visited {
}
.header #logo a img {
}
/* HEADER - NAVIGATION -
-------------------------------------------------- */
/*
.header ul {
height:28px;
margin:0px;
padding:0px;
list-style-type:none;
background:#DDD;
border-top:1px solid #889;
clear:both;
}
.header ul li {
float:left;
margin:5px 0px 0px 0px;
padding:0px;
width:190px;
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/images0509/tab_null_01.gif") no-repeat 0px 0px;
}
.header ul li a:link, .header ul li a:visited {
display:block;
height:22px;
background-repeat:no-repeat;
background-position:0px 0px;
text-decoration:none;
}
.header ul li a:hover {text-decoration:none;}
.header ul li#top {padding-left:10px;background-position:10px 0px;}
.header ul li#top {background-image:url("http://image.itmedia.co.jp/images0509/tab_news_01.gif");}
.header ul li#bizid {background-image:url("http://image.itmedia.co.jp/images0509/tab_bizid_01.gif");}
.header ul li#anchordesk {background-image:url("http://image.itmedia.co.jp/images0509/tab_anchordesk_01.gif");}
.header ul li#top a {border-bottom:1px solid #757575;}
.header ul li#bizid a {border-bottom:1px solid #757575;}
.header ul li#anchordesk a {border-bottom:1px solid #757575;}
.header ul li#top a:hover {background-image:url("http://image.itmedia.co.jp/images0509/tab_news_02.gif");border-bottom:1px solid #C00;}
.header ul li#bizid a:hover {background-image:url("http://image.itmedia.co.jp/images0509/tab_bizid_02.gif");border-bottom:1px solid #C00;}
.header ul li#anchordesk a:hover {background-image:url("http://image.itmedia.co.jp/images0509/tab_anchordesk_02.gif");border-bottom:1px solid #C00;}
body#top .header ul li#top a {background-image:url("http://image.itmedia.co.jp/images0509/tab_news_02.gif");border-bottom:1px solid #C00;}
body#bizid .header ul li#bizid a {background-image:url("http://image.itmedia.co.jp/images0509/tab_bizid_02.gif");border-bottom:1px solid #C00;}
body#anchordesk .header ul li#anchordesk a {background-image:url("http://image.itmedia.co.jp/images0509/tab_anchordesk_02.gif");border-bottom:1px solid #C00;}
*/
/* HEADER - SUBMENU 01 -
-------------------------------------------------- */
/*
.header dl#submenu {
display:table;
width:100%;
margin:0px;
padding:5px 0px 2px 10px;
font-family:'MS UI Gothic','Osaka UI',sans-serif;
background:repeat left top #C00;
border-bottom:1px solid #900;
clear:both;
}
.header dl#submenu dd {
margin:0px;
float:left;
line-height:100%;
}
.header dl#submenu dd#amd a {
}
.header dl#submenu a:link,
.header dl#submenu a:visited {
padding:3px 4px;
display:block;
color:#FFF;
word-break:keep-all;
border-bottom:2px solid #FA0;
}
#\/news\/past\/index\.html .header dl#submenu #subtop a,
#\/news\/bursts\/index\.html .header dl#submenu #sub01 a,
#\/news\/topics\/index\.html .header dl#submenu #sub02 a,
#\/news\/products\/index\.html .header dl#submenu #sub03 a,
#\/news\/technology\/index\.html .header dl#submenu #sub04 a,
#\/news\/web20\/index\.html .header dl#submenu #sub05 a,
#\/news\/nettopics\/index\.html .header dl#submenu #sub06 a,
#\/news\/society\/index\.html .header dl#submenu #sub07 a,
#\/news\/security\/index\.html .header dl#submenu #sub08 a,
#\/news\/industry\/index\.html .header dl#submenu #sub09 a,
#\/survey\/index\.html .header dl#submenu #sub10 a,
#\/news\/special\/amd\/index\.html .header dl#submenu #sub11 a,
#\/news\/special\/amd\/index_2\.html .header dl#submenu #sub11 a,
#\/anchordesk\/sasaki\.html .header dl#submenu #subtop a,
#\/anchordesk\/houda\.html .header dl#submenu #sub01 a,
#\/anchordesk\/coursey\.html .header dl#submenu #sub02 a,
#\/anchordesk\/kodera\.html .header dl#submenu #sub03 a,
#\/anchordesk\/nishi\.html .header dl#submenu #sub04 a,
#\/anchordesk\/honda\.html .header dl#submenu #sub05 a,
#\/bizid\/lifehack\.html .header dl#submenu #sub01 a,
#\/bizid\/goods\.html .header dl#submenu #sub02 a,
#\/bizid\/skill\.html .header dl#submenu #sub03 a,
#\/bizid\/nettool\.html .header dl#submenu #sub04 a,
#\/bizid\/past\.html .header dl#submenu #sub05 a,
.header dl dd strong a {
font-weight:normal;
background:url("http://image.itmedia.co.jp/images0509/submenubg7.gif") repeat center bottom;
border-bottom:2px solid #FF9;
}
.header dl#submenu a:hover {
text-decoration:none;
background:url("http://image.itmedia.co.jp/images0509/submenubg7.gif") repeat center bottom;
border-bottom:2px solid #FF7;
}
.header dl#submenu span {
color:#FD0;
}
*/
/* LEFT-COLUMN - FLOAT BOX -
-------------------------------------------------- */
.lc,
.articles,
.entries {
/*display:table;*/
width:655px;
float:left;
padding:0;
margin:0;
text-align:left;
clear:both;
padding-left:10px;
}
.articles,
.entries {
background:#FFF;
}
.rc {
width:300px;
float:right;
margin:0px 0px 0px 0px;
padding:0 5px 10px 0px;
font-size:12px;
color:#444;
text-align:left;
}
.rc a {
font-size:12px;
}
.l600 {margin:0;clear:both;}
.lclc {margin:0px -215px 0px 0px;clear:both;float:left;}
.lcrc {padding:0 0 0 215px;}
.lclc50 {width:620px;}
.lclc66 {width:390px;}
.lclc33 {display:none;}
.lclc25 {display:none;}
.lclc20 {display:none;}
#l400 {margin:0px 215px 0px 0px;}
#r400 {width:400px;}
#l200 {float:left;width:200px;clear:both;}
#r200 {float:right;width:200px;}
#l {margin:0px;}
#c {margin:0px;}
#r {margin:0px;}
#r400 br {display:none;}
#r400 hr {display:none;}
/* EXCLUDING MAC \*/
.lclc {width:100%;}
.lclc66 {width:65%;float:left;}
.lclc50 {width:49.5%;float:left;}
.lclc33 {width:33%;float:left;display:block;}
.lclc25 {width:24%;float:left;display:block;}
.lclc20 {width:19.5%;float:left;display:block;}
#l400 {margin:0px 215px 10px 0px;}
#r400 {display:table;width:99%;}
#l {margin:0px 10px 0px 0px;}
#c {margin:0px 10px 0px 10px;}
#r {margin:0px 0px 0px 10px;}
#r400 br {display:inline;}
#r400 hr {display:block;}
/**/
.articles div#r200 a img {margin:3px 10px;border-width:0px;}
/* LEFT-COLUMN - SEARCH -
-------------------------------------------------- */
.lc form,
.articles form,
.entries form {
margin:-54px 0px 0px 590px;
padding:0px;
font-size:12px;
color:#444;
clear:both;
position:absolute;
}
.lc form input,
.articles form input,
.entries form input {
border:1px solid #999;
}
.lc form .bookmark,
.articles form .bookmark,
.entries form .bookmark {
color:#444;
background:#c8c8c8;
border:1px solid #999;
text-decoration:none;
}
#l200 .cbox {
margin:2px 5px;
padding:4px;
width:185px;
background:#FFF;
}
#l200 .cbox h3 {
font-size:small;
}
#l200 h2 {
width:194px;
margin:0px;
padding:5px 5px 1px 5px;
color:#FFF;
background:#888;
border-top:1px solid #EEE;
border-bottom:1px solid #777;
}
#l200 h2 a {
color:#EEE;
}
#l200 .newslist ul {
margin:0px;
padding:0px;
list-style-type:none;
font-size:12px;
}
#l200 .newslist ul li {
margin:0px 3px 1px 6px;
padding:4px 4px 4px 46px;
background:#FFF;
}
#l200 .newslist ul li.dispatch-0 {
background:url("http://image.itmedia.co.jp/images0509/dispatch0s.gif") no-repeat 6px 6px #FFF;
}
#l200 .newslist ul li.dispatch-1 {
background:url("http://image.itmedia.co.jp/images0509/dispatch1s.gif") no-repeat 6px 6px #FFF;
}
#l200 .newslist ul li.days {
padding:2px;
background:#DDD;
}
#l200 .newslist p {
margin:0px 3px 1px 6px;
padding:3px;
background:#FFF;
}
#l200 .newslist a {
text-decoration:none;
}
#l200 .newslist img {
margin:2px 3px 0px 0px;
}
/* LEFT-COLUMN - TITLE -
-------------------------------------------------- */
.idx-title {
margin:0 0 20px 0;
padding:0px;
font-size:96%;
}
.idx-title div {
margin:1px 0px 0px 0px;
padding:20px 5px 20px 26px;
color:#555;
background:url("http://image.itmedia.co.jp/images0509/h3bg3.gif") no-repeat left center;
border-top:1px solid #CCC;
}
.idx-title div span {
font-weight:normal;
float:right;
}
/* LEFT-COLUMN - INDEX -
-------------------------------------------------- */
.leftmenu {
font-size:12px;
}
.leftmenu ul {
margin:0px;
padding:0px;
list-style-type:none;
line-height:100%;
}
.leftmenu ul li {
width:100%;
float:left;
clear:both;
border-top:1px solid #EEE;
border-bottom:1px solid #BBB;
}
.leftmenu ul li a:link,
.leftmenu ul li a:visited {
width:100%;
display:block;
padding:0px;
}
.leftmenu ul li span {
display:block;
margin:0px 0px 0px 5px;
padding:6px 0px 6px 12px;
float:left;
border-left:4px solid #B00;
}
.leftmenu ul li strong {
display:block;
margin:0px 0px 0px 5px;
padding:6px;
font-weight:normal;
font-family:Arial,Helvetica,sans-serif;
width:20px;
text-align:center;
color:#FFF;
background:url("http://image.itmedia.co.jp/images0509/leftmenubg.gif") no-repeat center center;
float:left;
}
.lc .mooklist {
padding:2px;
background-color:#F50;
font-size:small;
color:#FFF;
border:1px solid #FEA;
}
.lc .mooklist div {
padding:5px;
background-color:#FFF;
}
.lc .mooklist h5 {
margin:0px;
padding:0px 2px 2px 2px;
color:#FFF;
background-color:#F50;
}
.lc div h2 {
margin:5px 0px 5px 0px;
padding:2px 6px 12px 8px;
font-size:12px;
font-family:Verdana,Helvetica,sans-serif;
color:#444;
background:url("http://image.itmedia.co.jp/images0509/hbg_news2.gif") no-repeat right bottom;
border-left:1px solid #EEE;
border-right:1px solid #EEE;
}
.lc div h2 a:link,
.lc div h2 a:visited {
color:#666;
text-decoration:underline;
}
h2 a span {
font-weight:normal;
}
.lc div h2 a:link,
.lc div h2 a:visited {
text-decoration:none;
}
.h2l {
float:left;
}
.h2r {
float:right;
}
.h2r span {
font-weight:normal;
}
.lc .l600 h4 {
margin:0px 0px 4px 0px;
padding:7px 10px 6px 7px;
font-size:12px;
font-weight:bold;
color:#445;
background:url("http://image.itmedia.co.jp/images0509/h4bg.gif") no-repeat left top;
}
.lc div h4 a:link, .lc div h4 a:visited {
text-decoration:underline;
}
/* LEFT-COLUMN - FEATURES -
-------------------------------------------------- */
.lc div#features {
display:table;
width:100%;
}
.lc div#features div {
padding:5px;
border:2px solid #C9C977;
background:#FFF;
}
.lc div#features h2 {
margin:0px;
padding:0px;
height:20px;
background:url("http://image.itmedia.co.jp/images0509/rc_features.gif") no-repeat left top #C9C977;
text-indent:-9999px;
border-top:0px solid #369;
}
.lc div#pr-features {
display:table;
width:100%;
}
.lc div#pr-features div {
padding:5px;
border:2px solid #73BE1E;
}
.lc div#pr-features h2 {
margin:0px;
padding:0px;
height:20px;
background:url("http://image.itmedia.co.jp/images0509/rc_pr_features.gif") no-repeat left top #CDB2CC;
text-indent:-9999px;
border-top:0px solid #369;
}
/* LEFT-COLUMN - BASIC -
-------------------------------------------------- */
.lc div h3 {
margin:0px;
font-size:100%;
line-height:130%;
}
.lc div h5 {
margin:0px;
color:#A73;
line-height:130%;
}
.lc div p {
margin:0px;
font-size:small;
line-height:132%;
color:#444;
}
.lc div p a:link,
.lc div p a:visited,
.article p a:link,
.article p a:visited,
.articles p a:link,
.articles p a:visited,
.newart p a:link,
.newart p a:visited {
text-decoration:underline;
}
.lc div .keywords p a:link,
.lc div .keywords p a:visited,
.article .keywords p a:link,
.article .keywords p a:visited,
.articles .keywords p a:link,
.articles .keywords p a:visited,
.newart .keywords p a:link,
.newart .keywords p a:visited {
text-decoration:none;
}
.lc div p strong#news {
display:none;
}
.lc div p img {
margin:0px 2px -3px 2px;
}
.lc div#l h3 img,
.lc div#c h3 img,
.lc div#r h3 img,
.lc div#l200 h3 img,
.lc div#r200 h3 img,
.lc div#l300 h3 img,
.lc div#r300 h3 img,
.lc div#l400 h3 img {
margin:4px 9px 0px 0px;
display:block;
float:left;
}
.lc div#r400 h3 img#s {
margin:4px 9px 0px 0px;
float:left;
}
.adtxt {
margin:7px 0px 7px 0px;
font-size:12px;
background:url("http://image.itmedia.co.jp/images0509/adtxt_bg.gif") no-repeat left top;
clear:both;
}
.adtxt strong {
visibility:hidden;
}
.adtxt a:link, .adtxt a:visited {
}
/* LEFT-COLUMN - LINKSET -
-------------------------------------------------- */
.linkset {
margin:3px 0px 0px 0px;
padding:0px;
list-style-type:none;
}
/* EXCLUDING MAC \*/
.linkset {clear:both;}
/**/
/* Chrome,Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#prIdxBox3 .linkset {width:390px;}
}
/* Chrome,Safari,Opera */
body:first-of-type #prIdxBox3 .linkset li a {position:relative;}
.linkset li {
margin:0px;
padding:0px 0px 4px 14px;
color:#444;
background:url("http://image.itmedia.co.jp/images0509/arr.gif") no-repeat 0px 2px;
}
.linkset li a:link,
.linkset li a:visited {
font-size:small;
text-decoration:none;
}
ul.nolinkset {
margin:3px 0px 0px 0px;
padding:0px;
list-style-type:none;
font-size:small;
clear:both;
}
ul.nolinkset {
clear:both;
}
ul.nolinkset li {
margin:0px;
padding:0px 0px 4px 14px;
color:#444;
background:url("http://image.itmedia.co.jp/images0509/arr2.gif") no-repeat 0px 4px;
}
.kwdtop10 {
background:#FFF;
}
.kwdtop10 .kwdlist {
margin:10px 0px 0px 6px;
padding:0px;
list-style-type:none;
font-size:small;
}
.kwdtop10 .kwdlist li {
padding:7px 0px 0px 24px;
background:url("http://image.itmedia.co.jp/images0509/arr_key.gif") no-repeat 0px 0px;
}
.kwdtop10 .kwdlist li {width:170px;padding:0px 0px 0px 18px;}
.kwdtop10 .kwdlist li#rank1 {background:url("http://image.itmedia.co.jp/pcuser/images/rank01.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank2 {background:url("http://image.itmedia.co.jp/pcuser/images/rank02.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank3 {background:url("http://image.itmedia.co.jp/pcuser/images/rank03.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank4 {background:url("http://image.itmedia.co.jp/pcuser/images/rank04.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank5 {background:url("http://image.itmedia.co.jp/pcuser/images/rank05.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank6 {background:url("http://image.itmedia.co.jp/pcuser/images/rank06.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank7 {background:url("http://image.itmedia.co.jp/pcuser/images/rank07.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank8 {background:url("http://image.itmedia.co.jp/pcuser/images/rank08.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank9 {background:url("http://image.itmedia.co.jp/pcuser/images/rank09.gif") no-repeat;}
.kwdtop10 .kwdlist li#rank10 {background:url("http://image.itmedia.co.jp/pcuser/images/rank10.gif") no-repeat;}
/* LEFT-COLUMN - LINKBOX -
-------------------------------------------------- */
.lc .listbox {
border:1px solid #BBD;
}
.lc .listbox h4 {
margin:0px;
padding:4px;
background:url("http://image.itmedia.co.jp/images0509/hbg_news.gif") -20px -3px #CCE;
border-bottom:1px solid #BBD;
}
.lc .listbox p {
margin:0px;
padding:3px 4px;
color:#DDE;
border-top:1px solid #EEF;
}
/* LEFT-COLUMN - CATEGORY -
----------------------------------------------- */
div#category {
display:table;
width:200px;
margin:3px 0px;
padding:0px;
font-size:12px;
}
div#category dl {
margin:0px;
padding:0px;
clear:both;
}
div#category dl dt {
width:205px;
margin:0px;
font-weight:bold;
background:url() no-repeat #999;
clear:both;
}
div#category dl dt#days {
background:url() no-repeat -1px -5px #DDE;
}
div#category dl dt a {
display:block;
padding:4px 2px 0px 5px;
color:#FFF;
}
div#category dl dd {
width:140px;
color:#444;
margin:2px 0px 0px 6px;
padding:3px 3px 3px 48px;
background:url() no-repeat #FFF;
}
div#category dl dd#full {
}
div#category dl#month dd {
width:25px;
}
div#category p {
margin:0px;
padding:4px;
}
div#category p img {
margin:0px 3px 1px 0px;
}
div#category p a:link,
div#category p a:visited {
text-decoration:none;
}
.rc div#category {
width:300px;
padding:0px;
background-color:#BB8;
border-width:0px;
border-style:solid;
border-color:#369;
}
.rc div#category dl {
padding:0px;
border-width:0px;
}
.rc div#category dl dt {
margin:0px;
padding:0px;
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/enterprise/images/rc_keywords.gif") left top;
height:20px;
}
.rc div#category dl dt a {
margin:0px;
padding:0px;
border-top:0px solid #FFF;
border-bottom:0px solid #8AC;
text-decoration:none;
}
.rc div#category dl dd {
margin:0px 0px 1px 0px;
padding:4px 0px 3px 24px;
background-position:6px 3px;
background-color:#FFF;
border-left:2px solid #BB8;
border-right:2px solid #BB8;
}
.rc div#category dl dd#full {
width:272px;
}
.rc div#category dl dd a {
padding:0px;
border-width:0px;
}
/* LEFT-COLUMN - HEADLINE -
----------------------------------------------- */
.headline ul {
margin:0px;
padding:0px;
list-style-type:none;
color:#444;
}
.headline ul li {
margin:0px 0px 4px 0px;
padding:2px 2px 2px 45px;
clear:both;
font-size:96%;
line-height:130%;
}
.headline ul li.dispatch-,
.headline ul li.dispatch-0 {background:url("http://image.itmedia.co.jp/images0509/dispatch0s.gif") no-repeat 0px 4px;}
.headline ul li.dispatch-1 {background:url("http://image.itmedia.co.jp/images0509/dispatch1s.gif") no-repeat 0px 4px;}
.headline ul li a:link,
.headline ul li a:visited {
display:inline;
clear:both;
}
/* LEFT-COLUMN - TOP10 -
----------------------------------------------- */
ul#rank {
padding:0px;
list-style-type:none;
}
ul#rank li {
margin:0px;
padding:2px 2px 16px 38px;
background:url("http://image.itmedia.co.jp/images0509/bt_top_top10.gif") no-repeat 2px 0px;
border-top:1px solid #DDE;
}
ul#rank li#rank1 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_1.gif");border-top:0px solid #DDE;}
ul#rank li#rank2 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_2.gif");}
ul#rank li#rank3 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_3.gif");}
ul#rank li#rank4 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_4.gif");}
ul#rank li#rank5 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_5.gif");}
ul#rank li#rank6 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_6.gif");}
ul#rank li#rank7 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_7.gif");}
ul#rank li#rank8 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_8.gif");}
ul#rank li#rank9 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_9.gif");}
ul#rank li#rank10 {background-image:url("http://image.itmedia.co.jp/images0509/bt_top10_10.gif");}
.top10-ctrl small {
display:none;
}
.top10-ctrl a:link,
.top10-ctrl a:visited {
display:block;
padding:1px 4px;
float:left;
border-top:1px solid #BAA;
border-left:1px solid #DCC;
border-right:1px solid #977;
border-bottom:1px solid #977;
background:url("http://image.itmedia.co.jp/images0509/submenubg2.gif") repeat-x 0px 0px #FFF;
}
.top10-ctrl a:hover {
border-bottom:1px solid #FFF;
background:#FFF;
}
/* LEFT-COLUMN - OTHER -
----------------------------------------------- */
.lc div#update {
display:none;
}
/* RIGHT-COLUMN - COLOR PATTERN -
----------------------------------------------- */
.cbox {width:100%;margin-bottom:5px;padding:0px 0px 1px 0px;}
.rc .cbox p {width:288px;margin:0px 2px 1px 2px;padding:4px;background-color:#FFF;clear:both;}
.lc .cbox p {display:inline;font-size:small;}
.lc .cbox .linkset {margin:5px 0px 0px 0px;padding:0px;}
.rc .cbox h2 {
margin:5px 0px 5px 0px;
padding:2px 6px 12px 8px;
font-size:12px;
font-family:Verdana,Helvetica,sans-serif;
color:#444;
background:url("http://image.itmedia.co.jp/images0509/hbg_news2.gif") no-repeat right bottom;
border-left:1px solid #EEE;
border-right:1px solid #EEE;
}
.cbox div {margin-top:2px ! important;}
.cbox div#white-cell {margin:2px 2px 1px 2px ! important;padding:5px;background-color:#FFF;clear:both;}
.cbox form {margin:0px 2px 1px 2px;padding:4px;background-color:#FFF;clear:both;}
.cbox a img {margin:2px 4px 0px 0px;float:left;border-width:0px ! important;}
.cbox ul {margin:0px 2px 1px 2px;padding:4px 4px 0px 4px;background-color:#FFF;}
.cbox form input {margin-bottom:4px;vertical-align:middle;}
.cbox#gold {background:url("http://image.itmedia.co.jp/images0509/adbox_rc_g.gif") repeat-x #BBBB85;}
.cbox#gold h2#feat {margin:0px;padding:0px;background:url("http://image.itmedia.co.jp/images0509/adbox_rc_feat_g.gif") no-repeat;text-indent:-9999px;height:20px;}
/* RIGHT-COLUMN - FYI -
----------------------------------------------- */
.rc div#fyi {
margin:0px 0px 5px 0px;
padding:0px 0px 1px 0px;
clear:both;
background:url("http://image.itmedia.co.jp/images0509/rc_prmark.gif") no-repeat 280px 9px;
}
.rc div#fyi h2 {
margin:5px 0px 5px 0px;
padding:2px 6px 12px 8px;
font-size:12px;
font-family:Verdana,Helvetica,sans-serif;
color:#444;
background:url("http://image.itmedia.co.jp/images0509/hbg_news2.gif") no-repeat right bottom;
border-left:1px solid #EEE;
border-right:1px solid #EEE;
}
.rc div#fyi p {
width:292px;
margin:0px 2px 0px 2px;
padding:2px;
font-size:12px;
line-height:125%;
background-color:#FFF;
clear:both;
}
.rc div#fyi p img {
margin:0px 6px 0px 2px;
float:left;
}
.rc div#fyi .adIdx {
font-size:12px;
text-align:right;
}
.rc div#fyi .adIdx span {
font-family:Verdana;
font-size:10px;
color:#F90;
font-weight:bold;
}
/* RIGHT-COLUMN - SHOPPING -
----------------------------------------------- */
.rc div#shopping {
margin:0px 0px 5px 0px;
padding:0px 0px 1px 0px;
background-color:#F90;
clear:both;
}
.rc div#shopping h2 {
margin:0px;
height:20px;
font-size:12px;
background:url("http://image.itmedia.co.jp/images0509/rc_store.gif") no-repeat top left;
text-indent:-9999px;
}
.rc div#shopping p {
margin:1px 2px;
padding:2px;
display:block;
background-color:#FFF;
}
.rc div#shopping p a strong {
color:#900;
}
.rc div#shopping p strong {
color:#F20;
}
.rc div#shopping p img {
margin:2px 6px 2px 2px;
float:left;
}
/* RIGHT-COLUMN - QUICK POLL -
----------------------------------------------- */
div#quickpoll {
margin:0px 0px 5px 0px;
padding:0px 0px 1px 0px;
background-color:#69F;
font-size:12px;
clear:both;
}
div#quickpoll h2 {
margin:0px;
height:20px;
font-size:12px;
background:url("http://image.itmedia.co.jp/images0509/rc_session.gif") no-repeat top left;
text-indent:-9999px;
}
div#quickpoll h2#lart {
background:url("http://image.itmedia.co.jp/images0509/rc_kart.gif") no-repeat top left;
}
div#quickpoll h2#llnk {
background:url("http://image.itmedia.co.jp/images0509/rc_klnk.gif") no-repeat top left;
}
div#quickpoll h5 {
margin:0px;
padding:0px;
font-size:12px;
}
div#quickpoll form {
margin:2px;
padding:4px;
text-align:left;
background-color:#EEF;
}
div#quickpoll form p {
margin:0px;
padding:4px 0px;
}
div#quickpoll form div {
margin:1px 0px;
padding:2px;
font-size:10px;
font-family:verdana,arial,sans-serif;
color:#333;
background:url("http://image.itmedia.co.jp/images0509/rc_session_bar.gif") repeat-x left top #FFF;
border:1px solid #776;
text-align:center;
}
div#quickpoll div {
width:296px;
margin:0px 2px 1px 2px;
padding:0px;
background-color:#FFF;
border-top:1px solid #69F;
border-bottom:1px solid #69F;
}
div#quickpoll div p {
width:288px;
margin:0px;
padding:8px 4px;
color:#444;
clear:both;
border-top:1px solid #69F;
}
div#quickpoll div p a img {
display:block;
margin:2px 0px 2px 4px;
float:right;
}
.rc .linkset li a:link,
.rc .linkset li a:visited {
font-size:12px;
}
/* RIGHT-COLUMN - FEED BACK -
----------------------------------------------- */
.rc div#feedback {
margin:0px 0px 5px 0px;
padding:0px 0px 1px 0px;
background-color:#B6B659;
clear:both;
}
.rc div#feedback h2 {
margin:0px;
height:20px;
font-size:12px;
background:url("http://image.itmedia.co.jp/images0509/rc_feedback.gif") no-repeat top left;
text-indent:-9999px;
}
.rc div#feedback .linkset {
margin:2px;
padding:4px;
font-size:12px;
background-color:#FFF;
}
/* RIGHT-COLUMN - PLATFORM -
----------------------------------------------- */
div#platform {
width:154px;
padding:2px;
border:1px solid #99A;
}
div#platform h5 {
margin:0px 0px 4px 0px;
padding:4px;
color:#FFF;
background-color:#778;
text-align:center;
}
div#platform ul {
margin:0px;
padding:0px;
list-style-type:none;
}
div#platform ul li {
clear:both;
}
div#platform ul li img {
margin:0px 4px 8px 0px;
float:left;
}
/* FOOTER
----------------------------------------------- */
.footer {
display:table;
width:100%;
margin:0px;
font-size:12px;
text-align:left;
background-color:#FFF;
border-top:10px solid #C00;
clear:both;
}
/* FOOTER - NAVIGATION -
----------------------------------------------- */
.footer ul,
.footer .tab {
display:none!important;
}
.footer div#tagline {
padding:0px 0px 9px 0px;
background:url("http://image.itmedia.co.jp/images0509/hrbg_top.gif") repeat-x left bottom;
border-top:1px solid #DDB;
}
.footer form {
display:none;
}
/* MEDIA FOOTER
----------------------------------------------- */
.mediafooter {
clear:both;
display:block;
margin:0px;
padding:15px 15px 20px 0px;
font-size:12px;
text-align:right;
border-top:10px solid #C00;
background:#FFF url("http://image.itmedia.co.jp/images0509/hrbg_top.gif") repeat-x left 0px;
}
/* AD - EXTENSSION -
----------------------------------------------- */
.pr-banner {
position:absolute;
top:51px;
left:240px;
}
.pr-mark {
width:30px!important;
height:16px!important;
margin:0px!important;
padding:0px!important;
float:right!important;
position:static;
background:url("http://image.itmedia.co.jp/images0509/adtxt_bg2.gif") no-repeat left bottom!important;
font-size:12px;
text-indent:-9999px;
}
/* AD - BANNER -
----------------------------------------------- */
/* EXCLUDING MAC \*/
div#banner {
width:728px;
display:inline;
float:left;
margin:0px 0px 0px 34px;
padding:0px;
}
/**/
div#square {
margin:0px 0px 0px 5px;
padding:0 0 10px;
clear:both;
}
div#rectangle {
margin:0px;
padding:0px;
clear:both;
}
div#banner center,
div#square center,
div#rectangle center {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
div#banner map,
div#square map,
div#rectangle map {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
div#banner area,
div#square area,
div#rectangle area {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
div#banner iframe,
div#square iframe,
div#rectangle iframe {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
div#banner object,
div#banner embed,
div#banner table {
display:inline;
margin:0px;
padding:0px;
text-align:left;
}
div#square object,
div#square embed,
div#square table,
div#rectangle object,
div#rectangle embed,
div#rectangle table {
display:inline;
margin:0px 0px 5px 0px;
padding:0px;
text-align:left;
}
/* AD - SQUARE -
----------------------------------------------- */
.lc div#square img {
margin:0px 0px 5px 0px;
}
/* AD - RECTANGLE -
----------------------------------------------- */
.rc div#rectangle img {
margin:0px 0px 5px 0px;
}
/* AD - TXTAD -
----------------------------------------------- */
div#txtad div {
margin:0px;
}
/* FOR OLD INDEX
----------------------------------------------- */
div.idx-dispatch-,
div.idx-dispatch-0 {
background:url("http://image.itmedia.co.jp/images0509/dispatch0.gif") no-repeat left top;
text-indent:-9999px;
width:70px;
height:16px;
}
div.idx-dispatch-1 {
background:url("http://image.itmedia.co.jp/images0509/dispatch1.gif") no-repeat left top;
text-indent:-9999px;
width:70px;
height:16px;
}
.index h2 {
margin:0px 0px 5px 0px;
padding:8px 5px 6px 20px;
font-size:12px;
color:#444;
line-height:100%;
background:url("http://image.itmedia.co.jp/images0509/hbg_news.gif") no-repeat left top;
border-top:1px solid #777;
border-bottom:1px solid #DDD;
}
.index h3,
.index h4 {
margin:0px;
line-height:130%;
}
.index p {
margin:0px;
font-size:small;
color:#444;
}
.index h5 {
margin:0px;
padding:0px;
color:#A73;
}
.index img {
margin:3px;
}
/* FOR OLD ARTICLE
----------------------------------------------- */
.articles .cmstitle {
margin:15px 0px;
padding:0px;
font-size:130%;
line-height:130%;
color:#036;
border-width:0px;
background-color:#FFF;
}
.articles .cmssubtitle {
margin:15px 0px;
color:#A73;
line-height:130%;
}
.articles .cmsabstract {
color:#445;
line-height:130%;
}
.articles .cmssubhead {
font-size:100%;
color:#222222;
margin:7px 0px 7px 0px;
padding:3px 0px 3px 5px;
border-bottom:1px solid #99A;
border-left:5px solid #369;
line-height:130%;
}
.article p {
line-height:130%;
}
.article .yellowbox {
padding:3px;
color:#741;
background-color:#FEC;
border:1px solid #CB4;
}
.article table#column {
background-color:#ffffdd;
border-width:1px;
border-style:solid;
border-color:#CC6600;
padding:5px;
margin:3px;
}
.article table#column img {
margin:4px 0px;
}
.article table#column img {
margin-bottom:4px;
}
.article table#column font {
font-size:12px;
color:#730;
}
.yellowbox {
display:block;
padding:5px;
color:#930;
border:2px solid #930;
background-color:#FFC;
}
.yellowbox td {
padding:5px;
}
.yellowbox center font {
color:#620;
}
/* EXCLUDING MAC \*/
.newart h4 {clear:both;}
/**/
/* FOR OLD ARTICLES
----------------------------------------------- */
.cmspagetype {
display:block;
margin:0px;
padding:5px 0px 10px 0px;
font-size:12px;
background:url("http://image.itmedia.co.jp/enterprise/images/type.jpg") no-repeat left top;
text-indent:32px;
}
h3.cmstitle {
padding:0px;
font-size:large;
color:#036;
border-width:0px;
background-color:#FFF;
line-height:135%;
}
.cmssubtitle {
color:#A73;
}
.articles i {
display:block;
width:99%;
}
.articles p {
line-height:135%;
}
ul#news {
font-size:85%;
font-family:"Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif;
color:#444444;
margin:0px;
padding:0px;
list-style-type:none;
}
ul#news li {
margin:0px 0px 10px 0px;
padding-left:16px;
background:url("http://image.itmedia.co.jp/images/arrow_6699cc_h12.gif") no-repeat 0 2px;
}
ul#news li a {
line-height:125%;
}
ul#news li a small {
color:#666666;
}
/* ACCTOP10
----------------------------------------------- */
.acctop10-News {
display:table;
width:80%;
margin:0px auto 15px auto;
padding:3px;
background-color:#558;
}
.acctop10-Mobile {
display:table;
width:80%;
margin:0px auto;
padding:3px;
background-color:#995;
}
.acctop10-LifeStyle {
display:table;
width:80%;
margin:0px auto;
padding:3px;
background-color:#855;
}
.acctop10-PCUPdate {
display:table;
width:80%;
margin:0px auto;
padding:3px;
background-color:#B85;
}
.acctop10-Games {
display:table;
width:80%;
margin:0px auto;
padding:3px;
background:url("http://image.itmedia.co.jp/games/images/top10_bg.jpg") no-repeat 0px 0px;
background-color:#2DA5FF;
}
.acctop10-News h3,
.acctop10-Mobile h3,
.acctop10-LifeStyle h3,
.acctop10-PCUPdate h3,
.acctop10-Games h3 {
color:#FFF ! important;
float:left ! important;
font-family:"Verdana black","Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif ! important;
margin:3px 0px 7px 0px ! important;
padding:0px ! important;
background:url("http://image.itmedia.co.jp/images/spacer.gif") ! important;
border:0px solid #FFF ! important;
}
.acctop10-News img {
border:0px solid #FFF!important;
}
.acctop10-News h3 font,
.acctop10-Mobile h3 font,
.acctop10-LifeStyle h3 font,
.acctop10-PCUPdate h3 font,
.acctop10-Games h3 font {
color:#EDEDED ! important;
font-family:"Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif ! important;
}
.acctop10-News h5,
.acctop10-Mobile h5,
.acctop10-LifeStyle h5,
.acctop10-PCUPdate h5,
.acctop10-Games h5 {
font-size:small ! important;
font-weight:normal ! important;
color:#DDD ! important;
float:right ! important;
font-family:"Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif ! important;
margin:0px ! important;
padding:5px ! important;
}
.acctop10-News p,
.acctop10-Mobile p,
.acctop10-LifeStyle p,
.acctop10-PCUPdate p,
.acctop10-Games p {
display:table;
width:100%;
margin:0px;
padding:0px;
font-size:14px;
font-family:"Hiragino Kaku Gothic Pro",Verdana,Helvetica,sans-serif;
clear:both;
}
.acctop10-News a:link,
.acctop10-News a:visited,
.acctop10-Mobile a:link,
.acctop10-Mobile a:visited,
.acctop10-LifeStyle a:link,
.acctop10-LifeStyle a:visited,
.acctop10-PCUPdate a:link,
.acctop10-PCUPdate a:visited,
.acctop10-Games a:link,
.acctop10-Games a:visited {
display:block;
width:100%;
margin:1px 0px;
padding:0px;
float:left;
line-height:140%;
background-color:#FFF;
border:1px solid white;
text-decoration:none ! important;
}
.acctop10-News a:hover,
.acctop10-Mobile a:hover,
.acctop10-LifeStyle a:hover,
.acctop10-PCUPdate a:hover,
.acctop10-Games a:hover {
border:1px solid #FD0;
}
.acctop10-News u,
.acctop10-Mobile u,
.acctop10-LifeStyle u,
.acctop10-PCUPdate u,
.acctop10-Games u {
color:#722;
text-decoration:none;
}
.acctop10-News b#top {
font-size:12px;
display:block;
text-align:right;
background-color:#3399AA;
width:10%;
height:44px;
margin:0px 7px 0px 0px;
padding:2px;
float:left;
color:white;
}
.acctop10-Mobile b#top {
font-size:12px;
display:block;
text-align:right;
background-color:#669933;
width:10%;
height:44px;
margin:0px 7px 0px 0px;
padding:2px;
float:left;
color:white;
}
.acctop10-LifeStyle b#top {
font-size:12px;
display:block;
text-align:right;
background-color:#AA9933;
width:10%;
height:44px;
margin:0px 7px 0px 0px;
padding:2px;
float:left;
color:white;
}
.acctop10-PCUPdate b#top {
font-size:12px;
display:block;
text-align:right;
background-color:#EEAA00;
width:10%;
height:44px;
margin:0px 7px 0px 0px;
padding:2px;
float:left;
color:white;
}
.acctop10-Games b#top {
font-size:12px;
display:block;
text-align:right;
background-color:#F5A11D;
width:10%;
height:44px;
margin:0px 7px 0px 0px;
padding:2px;
float:left;
color:white;
}
.acctop10-News b,
.acctop10-Mobile b,
.acctop10-LifeStyle b,
.acctop10-PCUPdate b,
.acctop10-Games b {
display:block;
width:10%;
height:44px;
margin:0px 7px 0px 0px;
padding:2px;
font-size:12px;
color:white;
text-align:right;
background-color:#787878;
float:left;
}
.articles #l200 {
display:none;
}
.articles .l600 {
padding:0px 10px 0px 20px;
background:#FFF;
border-left:5px solid #EEE;
}
.prtbtn {
margin:0px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px -19px;
float:right;
text-indent:-9999px;
}
.hbbtn {
margin:0px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat -88px 2px;
float:right;
text-indent:-9999px;
}
.fpbtn {
margin:0px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px -61px;
text-indent:-9999px;
width:90px;
height:22px;
}
.tbbtn {
top:0;
right:52px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px -61px;
text-indent:-9999px;
}
.tbbtn img {
height:19px;
}
.twitbtn {
margin:0px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat -86px -40px;
text-indent:-9999px;
}
.alertbtn {
display:none;
margin:0px;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px 2px;
text-indent:-9999px;
}
.alertbtn2 {
margin:0px;
width:63px;
height:25px;
}
.alertbtn2 form {margin:0px;}
.alertbtn2 button {
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px -105px;
border:0px;
width:63px;
height:25px;
cursor:pointer;
}
.kwtbtn {
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px -40px;
text-indent:-9999px;
height:23px;
}
.kwtbtn img {
height:19px;
}
.lhbtn {
float:right;
}
.kwtbtn a,
.alertbtn span,
.lhbtn a,
.fpbtn a,
.hbbtn a,
.tbbtn a,
.twitbtn a,
.prtbtn a {
display:block;
width:84px;
height:19px;
border:2px solid #EEE;
}
.hbbtn a, .twitbtn a {width:20px;}
.prtbtn a {width:67px;}
.alertbtn span {cursor:pointer;}
.kwtbtn a {
width:84px;
height:19px;
}
.kwtbtn a:hover,
.alertbtn2 button:hover,
.alertbtn span:hover,
.lhbtn a:hover,
.fpbtn a:hover,
.hbbtn a:hover,
.prtbtn a:hover,
.twitbtn a:hover,
.tbbtn a:hover {
border:2px solid #FC0;
}
.alertbtn2 button:hover {
border:0px solid #FC0;
background:url("http://image.itmedia.co.jp/images0509/commonness_button2.gif") no-repeat 0px -130px;
}
.kwtbtn,
.alertbtn,
.alertbtn2,
.prtbtn,
.fpbtn,
.twitbtn,
.hbbtn,
.tbbtn {
margin:0px 0px 0px 2px;
float:right;
}
.alertbtn form {position:relative;}
.tbshow {}
.htbtn {float:right;}
.idx-pr {
margin-bottom:10px;
padding:0px 5px;
font-size:8px;
font-family:Verdana,Helvetica,sans-serif;
color:#888;
background:#EEE;
border-top:1px solid #AAA;
}
.idx-pr span {
display:block;
color:#888;
float:right;
}
#trackback {font-size:small;}
.tbshow {
padding:1px;
border:2px solid #FC0;
}
.tbshow p {
margin:0px;
padding:2px;
background:#FC0;
}
.tbshow p strong {
display:block;
padding:2px 5px;
float:left;
}
.tbshow p a:link,
.tbshow p a:visited {
display:block;
padding:1px 5px;
text-decoration:none!important;
background:#FFE;
border:1px solid #D93;
float:right;
}
.tbshow input {
margin:3px;
border-width:1px;
}
.tbshow iframe {
width:400px;
margin:0px 0px 0px 5px;
}
.idx-title-pict {
margin:0px;
padding:0px;
}
.idx-title-pict div {
margin:0px;
padding:0px;
}
.idx-title-pict div div {
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/images0509/bid_ti01.gif") no-repeat left center;
text-indent:-9999px;
height:80px;
}
#\/bizid\/lifehack\.html .idx-title-pict div div {background:url("http://image.itmedia.co.jp/images0509/bid_ti01.gif") no-repeat left center;}
#\/bizid\/goods\.html .idx-title-pict div div {background:url("http://image.itmedia.co.jp/images0509/bid_ti02.gif") no-repeat left center;}
#\/bizid\/skill\.html .idx-title-pict div div {background:url("http://image.itmedia.co.jp/images0509/bid_ti03.gif") no-repeat left center;}
#\/bizid\/nettool\.html .idx-title-pict div div {background:url("http://image.itmedia.co.jp/images0509/bid_ti04.gif") no-repeat left center;}
#\/bizid\/lifehack\.html .idx-title-pict div {background:url("http://image.itmedia.co.jp/images0509/bid_sub01.jpg") no-repeat right center;}
#\/bizid\/goods\.html .idx-title-pict div {background:url("http://image.itmedia.co.jp/images0509/bid_sub02.jpg") no-repeat right center;}
#\/bizid\/skill\.html .idx-title-pict div {background:url("http://image.itmedia.co.jp/images0509/bid_sub03.jpg") no-repeat right center;}
#\/bizid\/nettool\.html .idx-title-pict div {background:url("http://image.itmedia.co.jp/images0509/bid_sub04.jpg") no-repeat right center;}
#bizid.adindex .idx-title-pict div div {
background:url("http://image.itmedia.co.jp/images0509/bid_ti_adindex.gif") no-repeat left center;
text-indent:-9999px;
height:80px;
}
/*
.spbox-cc {width:100%;background:url("http://image.itmedia.co.jp/images0509/spbox2.gif") repeat-x left top;}
.spbox-cc div {background:url("http://image.itmedia.co.jp/images0509/spbox1.gif") no-repeat left top;border:1px solid #DDD;}
.spbox-cc div div {padding:20px 5px 0px 5px;background:url("http://image.itmedia.co.jp/images0509/spbox3.gif") no-repeat right top;}
*/
.spbox-cc {background:url("http://image.itmedia.co.jp/images0509/spbox2.gif") repeat-x left top;display:none;border-bottom:1px solid #DDD;}
.spbox-cc div {background:url("http://image.itmedia.co.jp/images0509/spbox1.gif") no-repeat left top;padding:0px;}
.spbox-cc div div {background:url("http://image.itmedia.co.jp/images0509/spbox3.gif") no-repeat right top;width:100%;padding-top:24px;}
.toplink {
background:url("http://image.itmedia.co.jp/images0509/spbox2.gif") repeat-x left top;
border-bottom:1px solid #DDD;
}
.toplink .outer {
background:url("http://image.itmedia.co.jp/images0509/spbox1.gif") no-repeat left top;
}
.toplink .inner {
background:url("http://image.itmedia.co.jp/images0509/spbox3.gif") no-repeat right top;
padding-top:24px;
height:1%;
}
.toplink h2 {
display:none;
}
.toplink .icon {
float:left;
margin-right:5px;
}
/* MAKOIWAT */
#qp {width:100%;}
#qp iframe {width:100%;}
.qp {
background:#EED;
padding:0px 5px 5px 5px;
}
.qp h2 {
text-align:left;
margin:5px 0px 0px 0px;
padding:4px 6px 12px 8px;
font-size:12px;
font-family:Verdana,Helvetica,sans-serif;
color:#444;
background:url("http://image.itmedia.co.jp/images0509/hbg_news2.gif") no-repeat right bottom;
border-left:1px solid #EEE;
border-right:1px solid #EEE;
}
.qp #inbox {
}
.qp form {
background:#FFF;
margin:0px;
padding:4px;
font-size:12px;
line-height:125%;
text-align:left;
}
.qp form input {
border:0px solid #FFF;
vertical-align:middle;
}
.qp form h5 {
color:#663;
margin:0px;
padding:0px;
font-size:12px;
line-height:130%;
}
.qp form div {
margin:3px 0px 10px 0px;
padding:2px;
font-size:10px;
font-family:verdana,arial,sans-serif;
line-height:100%;
color:#333;
background:url("http://image.itmedia.co.jp/images0509/rc_session_bar.gif") repeat-x left top #FFF;
border:1px solid #776;
text-align:center;
}
.qp form p {
width:100%;
display:block;
height:24px;
margin:0px auto;
color:#444;
clear:both;
line-height:130%;
border-width:0px;
}
.qp form p input {
margin:0px auto;
}
.qp form div p a img {
display:block;
margin:2px 0px 2px 4px;
float:right;
}
.qp form .linkset {
float:right;
font-size:12px;
background-color:#EEF;
}
.backnumlist {
padding:1px;
border:1px solid #977;
font-size:13px;
}
.backnumlist h4 {
margin:0px;
padding:4px!important;
font-size:13px;
color:#FFF!important;
background:#C80!important;
line-height:100%!important;
}
.backnumlist ol.TypeA {
margin:5px;
padding:0px;
}
.backnumlist ol.TypeA li {
margin-bottom:7px;
}
.backnumlist ol.TypeA a img {
border:1px solid #888!important;
}
/* TAB
-------------------------------------------------- */
.tab {
clear:both;
width:100%;
margin:0px;
height:57px;
background:url("http://image.itmedia.co.jp/news/images/tab_bg.gif") repeat-x;
}
.tab div {
width:990px;
}
.tab div ul#tab-ch {
margin:0px 10px 0px 0px;
padding:0px 0px 0px 10px;
list-style-type:none;
}
.tab div ul#tab-ch li {
width:116px;
margin:6px 0px 0px 0px;
float:left;
position:relative;
}
.tab div ul#tab-ch li#ch-news {background:url("http://image.itmedia.co.jp/news/images/tab_news0.gif") no-repeat;}
.tab div ul#tab-ch li#ch-bizid {background:url("http://image.itmedia.co.jp/news/images/tab_bizid0.gif") no-repeat;}
.tab div ul#tab-ch li#ch-anchordesk {background:url("http://image.itmedia.co.jp/news/images/tab_ad0.gif") no-repeat;}
.tab div ul#tab-ch li#ch-news strong {background:url("http://image.itmedia.co.jp/news/images/tab_news2.gif") no-repeat;display:block;}
.tab div ul#tab-ch li#ch-bizid strong {background:url("http://image.itmedia.co.jp/news/images/tab_bizid2.gif") no-repeat;display:block;}
.tab div ul#tab-ch li#ch-anchordesk strong {background:url("http://image.itmedia.co.jp/news/images/tab_ad2.gif") no-repeat;display:block;}
.tab div ul#tab-ch li a {
display:block;
width:100%;
height:29px;
text-indent:-9999px;
}
.tab div ul#tab-ch li a:hover {}
.tab div ul#tab-ch li#ch-news a:hover {background:url("http://image.itmedia.co.jp/news/images/tab_news1.gif") no-repeat;}
.tab div ul#tab-ch li#ch-bizid a:hover {background:url("http://image.itmedia.co.jp/news/images/tab_bizid1.gif") no-repeat;}
.tab div ul#tab-ch li#ch-anchordesk a:hover {background:url("http://image.itmedia.co.jp/news/images/tab_ad1.gif") no-repeat;}
.tab div ul#tab-subch {
margin:0px;
padding:0px 0px 0px 5px;
list-style-type:none;
font-size:12px;
clear:both;
}
.tab div ul#tab-subch li {
margin:0px 5px 0px 0px;
font-family:'MS UI Gothic',osaka,helvetica,sans-serif;
float:left;
}
.tab div ul#tab-subch li a {
display:block;
padding:4px 1px 0px 1px;
line-height:100%;
height:14px;
color:#FFF;
text-decoration:none;
float:left;
border-bottom:2px solid #FFC900;
}
.tab div ul#tab-subch li a:hover {
border-bottom:2px solid #FEA;
}
.tab div ul#tab-subch li a span {
color:#FC0;
}
.tab div ul#tab-subch li.bg-on {
background:url("http://image.itmedia.co.jp/news/images/tab_subbg1.gif") no-repeat right top #FFE900;
}
.tab div ul#tab-subch li.bg-on a {
color:#322;
padding:4px 5px 0px 5px;
background:url("http://image.itmedia.co.jp/news/images/tab_subbg0.gif") no-repeat left top;
border-bottom:2px solid #FFE900;
}
.tab div ul#tab-subch li.bg-on a:hover {
border-bottom:2px solid #FFE900;
}
.tab div ul#tab-subch li.bg-on a span {
color:#332;
}
.tab div form {
margin:5px 0px 0px 0px;
float:left;
}
.tab div form span {
display:block;
margin:0px 0px 0px 0px;
float:left;
border:1px solid #999;
}
.tab div form input#query {
margin:0px;
padding:0px;
width:160px;
height:17px;
font-size:13px;
border:0px solid #FFF;
border-top:1px solid #DDD;
border-left:1px solid #DDD;
float:left;
}
.tab div form button {
width:66px;
height:20px;
margin:0px;
padding:0px;
border:0px;
background:url("http://image.itmedia.co.jp/news/images/nav_search.gif") no-repeat 5px 0px;
border:0px solid #EEE;
float:left;
}
/* for Google CSE 20100216 ----- */
form#cse-search-box div {
float:left;
width:286px;
margin-top:-2px;
}
.tab div form#cse-search-box input {
float:left;
margin:1px 5px 0px 0px;
}
.tab div form#cse-search-box input.query {
width:130px!important;
height:14px;
margin:2px 3px 0px 0px;
font-size:13px;
line-height:100%;
}
.tab div form input.submit {
float:left;
}
.tab div form#cse-search-box select {
float:left;
margin:2px 5px 0px 0px;
height:20px;
}
/* ----- */
.tab div form img {
margin:0px 0px 0px 10px;
float:left;
}
.tab div form button strong {
display:none;
}
.tab #tab-rss {
display:block;
float:right;
width:70px;
margin:-2px 0px 0px 0px;
}
*+html .tab #tab-rss {margin-top:-21px;}
* html .tab #tab-rss {margin-top:-21px;}
.backnum {
margin:18px 0px 9px 9px;
width:240px;
font-size:13px;
float:right;
}
.backnum strong {
display:block;
padding:2px 0px;
font-family:arial;
color:#951;
}
.backnum dl,
.backnum dl dd {
margin:0px;
padding:0px;
}
.backnum dl dt {
padding:2px 4px;
color:#FFF;
background:#951;
font-weight:bold;
}
.backnum dl dd {
padding:2px 4px 2px 22px;
border:1px solid #951;
border-top:0px solid #951;
background:url("http://image.itmedia.co.jp/images0509/arr_file.gif") no-repeat 7px 2px #FFF;
}
.backnum dl dd.bg-on {
padding:4px 4px 2px 22px;
background:url("http://image.itmedia.co.jp/images0509/arr_file2.gif") no-repeat 1px 0px #FDB;
}
.w-rank {
margin:10px auto;
width:80%;
font-size:12px;
font-family:verdana,helvetica,sans-serif;
background:#558;
}
.w-rank div {
}
.w-rank div h3 {
margin:0px;
padding:5px 10px 5px 29px;
color:#FFF;
float:left;
font-size:16px;
background:url("http://image.itmedia.co.jp/news/images/w-rank.gif") no-repeat 4px 7px;
line-height:110%;
}
.w-rank div h3 strong {
font-size:small;
display:block;
color:#bbbbcf;
}
.w-rank div p {
margin:0px;
padding:2px 4px;
color:#FFF;
float:right;
}
.w-rank div ol {
margin:0px;
padding:1px;
list-style-type:none;
clear:both;
background:url("http://image.itmedia.co.jp/news/images/w-rank-bg.gif") no-repeat 2px 3px;
}
.w-rank div ol li {
line-height:140%;
margin:1px 0px 0px 0px;
padding:0px 0px 0px 24px;
border:1px solid #FFF;
}
.w-rank div ol li a {
padding:3px 4px;
height:32px;
display:block;
background:#FFF;
overflow:hidden;
}
/* for LHT ranking */
.w-rank#lht-ranking {background:#8A7745;}
.w-rank#lht-ranking div h3 {background:url("http://image.itmedia.co.jp/news/images/w-rank-lht.gif") no-repeat 4px 7px;}
.w-rank#lht-ranking div h3 strong {color:#FFF;}
.w-rank#lht-ranking div ol {background:url("http://image.itmedia.co.jp/news/images/w-rank-lht-bg.jpg") no-repeat 2px 3px;}
.kwdset {margin:0px;padding:0px;list-style-type:none;clear:both;}
.kwdset li {margin:5px 5px 3px 0px;padding-left:15px;font-size:12px;float:left;background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat;}
.backnum-jibun {width:294px;margin:0px 0px 0px 6px;padding:0px;font-size:13px;}
.backnum-jibun li {margin:0px;padding:0px;list-style-type:none;clear:both;}
.backnum-jibun a {width:250px;display:table;float:left;}
.backnum-jibun a.icon {margin:2px 5px 5px 0px;width:38px;height:58px;background:#999;}
.backnum-jibun a.icon img {position:absolute;border-width:0px;clip:rect(1px,37px,57px,1px);overflow:hidden;margin:0px!important;}
.backnum-jibun a.forum {margin-top:3px;float:right;}
.backnum-jibun a.forum img {margin-top:0px;float:none;}
.keywords .endlink {
display:table;
width:99%;
overflow:hidden;
margin:10px 0px 0px 0px!important;
padding:1px!important;
border:1px solid #A00!important;
overflow:hidden;
}
.keywords .endlink h4 {
display:block;
width:100%;
margin:0px!important;
padding:2px 0px!important;
text-indent:4px;
font-size:small!important;
color:#FFF!important;
background:#A00;
float:none;
}
.keywords .endlink ul#kwd {
display:table;
width:100%;
margin:0px;
padding:0px;
font-size:small;
color:#FFF;
list-style-type:none;
border:0px;
}
.keywords .endlink ul#kwd li {
word-break:keep-all;
margin:2px 8px 2px 3px;
padding:2px 0px 0px 15px;
background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat 0px 3px;
float:left;
clear:none;
}
.keywords .endlink ul#kwd li a {font-weight:normal;}
.endkwd .box h4 {
font-weight:normal;
color:#FFF;
}
.endkwd .box h4 a {
padding:3px 0px 3px 16px;
font-weight:bold;
background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat 0px 3px;
word-break:keep-all;
}
.ico-r {float:right;margin:3px 0px 6px 9px;border-width:0px!important;}
.ico-l {float:left;margin:3px 9px 6px 0px;border-width:0px!important;}
.vr-box {
padding-left:4px;
}
.temp-spbox h2 {width:100%;border-width:0px;margin:0px 0px 0px -1px!important;padding:0px!important;font-size:12px;}
.temp-spbox span {margin:0px;padding:0px;background:#73BE1E url("http://image.itmedia.co.jp/ads/rc_pr_features2.gif") repeat left top;display:block;}
.temp-spbox span span {background:transparent url("http://image.itmedia.co.jp/ads/rc_pr_features3.gif") no-repeat right top;display:block;}
.temp-spbox span span span {background:transparent url("http://image.itmedia.co.jp/ads/rc_pr_features1.gif") no-repeat left top;display:block;width:154px;height:20px;text-indent:-9999px;}
.kwoutBtn {
margin-top:1px;
font-size:12px;
float:right;
background:url("http://image.itmedia.co.jp/images0509/bt_kwout.gif") no-repeat right center;
}
.kwoutBtn a {
width:15px;
display:block;
margin:0px 0px 0px 90px;
text-indent:-9999px;
}
.kwoutBtn a:hover {
width:80px;
margin:0px 0px 0px 25px;
text-indent:0px;
}
/* BIZAPP BUTTON 080728
-------------------------------------------------- */
#bizid .header .tab {
position:relative;
}
#bizid .header .tab #tab-bizapp {
background:url("http://image.itmedia.co.jp/bizid/images/nav_bizapp.gif") no-repeat 0px 0px;
display:block;
width:92px;
height:20px;
text-indent:-9999px;
position:absolute;
top:32px;
left:10px;
}
#bizid .header .tab #tab-bizapp a {
display:block;
width:92px;
height:20px;
float:none;
border-bottom:none;
}
#bizid .header .tab #tab-bizapp a:hover {
background:url("http://image.itmedia.co.jp/bizid/images/nav_bizapp.gif") no-repeat 0px -20px;
}
#bizid .header .tab #tab-subch {
padding-left:110px;
}
.rc .ad-rec object {width:200px;height:200px;}
.rc .ad-rec embed {width:200px;height:200px;}
.rc .ad-rec img {width:200px;height:200px;}
/* LIFEHACK LIST 091227
-------------------------------------------------- */
.lHack {}
.lHack a {text-decoration:none !important;}
.lHack .innerBox {background-color:#FFF;margin:1px 2px 1px 5px;height:100%;font-size:12px;clear:both;padding:2px;}
.lHack .innerBox p {margin:0px 0px 0px 47px;height:100%;font-size:12px;}
.lHack img {float:left;width:40px !important;height:30px !important;border:1px solid #EEE;}
/* ITMID 100408
-------------------------------------------------- */
#endlinkConnectionAlertBtn form {
}
/* Endlink Connection Alert Btn
-------------------------------------------------- */
#endlinkConnectionAlertBtn {height:33px;clear:both;}
#endlinkConnectionAlertBtn form {margin:20px 0px;padding:0px;text-align:left;}
#endlinkConnectionAlertBtn form button {font-family:"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif;height:20px;margin:0px 3px 0px 0px;padding:0px 0px 0px 18px;border:none;background:#FFF;cursor:pointer;border-bottom:1px #037 solid;background:url("http://image.itmedia.co.jp/images0509/ico_alert.gif") no-repeat 0px 0px;color:#037;font-size:13px;text-align:left;width:340px;}
#endlinkConnectionAlertBtn form button:hover {border-bottom:1px #C00 solid;color:#C00;}
#endlinkConnectionAlertBtn .endlinkConnectionAlertBtnNew {color:#F00;font-weight:bold;font-size:13px;}
/* mixicheck
-------------------------------------------------- */
#btnlist .mixicheckbtn {
float:right;
padding:1px 0 0 2px;
background:#FFF;
}
/* livegude
-------------------------------------------------- */
.sq-live {}
.sq-live #tpvideo {display:none;}
.sq-live .headline-r {margin-bottom:5px;}
.sq-live p img {width:80px!important;height:60px!important;margin:2px 10px 2px 0!important;}
.sq-live #attention .subttl {display:none;}
.sq-live p strong {display:block;}
.sq-live p strong a:link {text-decoration:none;}
.sq-live p strong a:visited {text-decoration:none;}
.sq-live p strong a:hover {color:#C00;text-decoration:underline;}
.sq-live h2 a:hover {text-decoration:underline!important;}
/* TITLE
-------------------------------------------------- */
#top #logo h1 {
margin:0;
}
#top #logo h1 a {
width:156px;
height:88px;
background:url("http://image.itmedia.co.jp/images0509/logo_news2.gif") no-repeat 0 0;
display:block;
text-indent:-9999px;
}
/* rcol twitter,facebook 110523
-------------------------------------------------- */
.rc #twitterBox {
padding-bottom:10px;
}
.rc #facebookLikeBox {
padding-bottom:10px;
}
/*=====================================================================*/
/* EMPTY SPACE */
/*=====================================================================*/
.colBoxClear {
clear:both;
}
.h5px {
height:5px;
margin:0;
}
.h10px {
height:10px;
margin:0;
}
.h15px {
height:15px;
margin:0;
}
.h20px {
height:20px;
margin:0;
}
.h25px {
height:25px;
margin:0;
}
.h30px {
height:30px;
margin:0;
}
/* mailmag 110531
-------------------------------------------------- */
#infoMailMag {
clear:both;
padding:15px 0;
}
#infoMailMag p {
padding:0 4px;
}
#infoMailMag ul {
clear:both;
padding:5px 0 0;
list-style:none;
}
#infoMailMag ul li{
margin:0 0 4px;
padding:0 0 0 14px;
background:url("http://image.itmedia.co.jp/images0509/arr.gif") no-repeat 0 4px;
height:16px;
overflow:hidden;
}
#infoMailMag span {
display:block;
text-align:right;
}
#lnavSearchBox #cse-search-box #popInSearchField {
width:230px!important;
}
/*---------------------------------------------------------------------*/
/* �« ˆÈ‰º�AWeb ƒKƒoƒiƒ“ƒX‚É‘µ‚¦‚邽‚ß‚ÌŽw’è */
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/* ƒJƒ‰ƒ€ƒ{ƒbƒNƒX */
/*---------------------------------------------------------------------*/
.colBox {
margin-bottom:10px;
width:auto;
}
.colBoxL33 {
float:left;
width:33%;
}
.colBoxR33 {
float:right;
width:33%;
}
.colBoxL50 {
float:left;
width:50%;
}
.colBoxR50 {
float:right;
width:50%;
}
.colBoxL66 {
float:left;
width:66%;
}
.colBoxR66 {
float:right;
width:66%;
}
.colBox a:link,
.colBox a:visited {
text-decoration:none;
}
.colBox a:hover {
text-decoration:underline;
color:#C00;
}
.colBoxOuter {}
.colBoxHead {
position:relative;
border-bottom:1px solid #CCC;
margin:0 0 5px;
padding:0 0 3px;
}
.colBoxHeadSubtxt {
position:absolute;
top:3px;
right:0;
font-size:10px;
line-height:14px;
}
.colBoxNewtxt {
font-weight:bold;
color:#C00;
}
.colBoxHead h2 {
font-size:14px;
line-height:18px;
margin:0;
}
.colBoxSubhead {
background:#EEE;
margin:0 0 5px;
padding:3px;
}
.colBoxSubhead h4 {
font-size:12px;
line-height:16px;
margin:0;
}
.colBoxInner {}
.colBoxLeft {
float:left;
}
.colBoxRight {
}
.colBoxIconMargin120 .colBoxLeft {
}
.colBoxIconMargin80 .colBoxLeft {
}
.colBoxIconMargin120 .colBoxRight {
margin-left:132px;
}
.colBoxIconMargin80 .colBoxRight {
margin-left:92px;
}
.colBoxIndex {
}
.colBoxIndexL33 {
width:33%;
float:left;
}
.colBoxIndexR33 {
width:33%;
float:right;
}
.colBoxIndexL50 {
width:49%;
float:left;
}
.colBoxIndexR50 {
width:49%;
float:right;
}
.colBoxIndexL66 {
width:66%;
float:left;
}
.colBoxIndexR66 {
width:66%;
float:right;
}
.colBoxIcon {
display:inline;
}
.colBoxIcon a {
float:left;
margin:0 5px 3px 0;
border:1px solid #CCC;
}
.colBoxLeft .colBoxIcon a {
margin:0;
}
.colBoxSubTitle {
margin:0 0 3px;
}
.colBoxSubTitle h5 {
font-size:12px;
line-height:16px;
margin:0;
color:#A73;
}
.colBoxSubIcon {
}
.colBoxSubIcon img {
vertical-align:middle;
}
.colBoxTitle {
margin:0 0 3px;
}
.colBoxTitle h3 {
font-size:16px;
line-height:20px;
margin:0;
}
.colBoxDescription {
margin:0 0 3px;
}
.colBoxDescription p {
font-size:12px;
line-height:16px;
margin:0;
}
.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:#036;
background:-webkit-gradient(linear, left top, left bottom, from(#369), to(#036));
background:-moz-linear-gradient(top, #369, #036);
border:2px 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;
}
.colBoxIndex .linkset {
clear:both;
margin:0 0 3px;
padding:0;
list-style-type:none;
}
.colBoxIconMargin120 .colBoxIndex .linkset,
.colBoxIconMargin80 .colBoxIndex .linkset {
clear:none;
}
.colBoxIndex .linkset li {
font-size:12px;
line-height:16px;
margin:0;
padding:0 0 3px 12px;
background:url("http://image.itmedia.co.jp/images/ulli_book0.gif") no-repeat 0 2px;
}
.colBoxInfo {
margin:0 0 3px;
text-align:right;
}
.colBoxInfo .colBoxDate {
font-size:10px;
line-height:14px;
}
.colBoxInfo .colBoxLinktxt {
font-size:12px;
line-height:16px;
}
.colBoxClear {
font-size:0;
line-height:0;
height:0;
clear:both;
}
.colBoxClearLeft {
font-size:0;
line-height:0;
height:0;
clear:left;
}
.colBoxClearRight {
font-size:0;
line-height:0;
height:0;
clear:right;
}
.colBoxUlist {}
.colBoxUlist ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxUlist ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url("http://image.itmedia.co.jp/images/ulli_book0.gif") no-repeat 0 2px;
border-bottom:1px dotted #CCC;
}
.colBoxUlistDate {
font-size:10px;
line-height:14px;
margin:0 0 0 5px;
}
.colBoxOlist {}
.colBoxUlist ul .lastLiMarginClear,
.colBoxOlist ol .lastLiMarginClear {
}
.colBoxOlist ol {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxOlist ol li {
margin:0 0 3px;
padding:0 0 3px 34px;
background:url("http://image.itmedia.co.jp/images/olli_rank0.gif") no-repeat 0 2px;
border-bottom:1px dotted #CCC;
min-height:30px;
height:auto !important;
height:30px;
}
.colBoxOlist ol .rank1 {background-position:0 0;}
.colBoxOlist ol .rank2 {background-position:0 -100px;}
.colBoxOlist ol .rank3 {background-position:0 -200px;}
.colBoxOlist ol .rank4 {background-position:0 -300px;}
.colBoxOlist ol .rank5 {background-position:0 -400px;}
.colBoxOlist ol .rank6 {background-position:0 -500px;}
.colBoxOlist ol .rank7 {background-position:0 -600px;}
.colBoxOlist ol .rank8 {background-position:0 -700px;}
.colBoxOlist ol .rank9 {background-position:0 -800px;}
.colBoxOlist ol .rank10 {background-position:0 -900px;}
.colBoxOlistDate {
font-size:10px;
line-height:14px;
margin:0 0 0 5px;
}
.colBox .backNumBoxRap {
}
.colBox .backNumBoxRap strong {
display:none;
}
.colBox .backNumBoxIn ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBox .backNumBoxIn ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url("http://image.itmedia.co.jp/images/ulli_book0.gif") no-repeat 0 2px;
border-bottom:1px dotted #CCC;
}
.colBoxPageLink {
font-size:12px;
line-height:16px;
text-align:right;
}
.colBoxTable {
}
.colBoxTable table {
border-collapse:collapse;
}
.colBoxTable table th,
.colBoxTable table td {
font-size:12px;
line-height:16px;
border:1px solid #CCC;
padding:1px 3px;
text-align:left;
}
.colBoxTable table th {
background:#EEE;
}
.colBoxTable table td {
}
.colBoxCalendar .colBoxIndex {
width:140px;
height:100px;
/*
border:1px solid #FFF;
*/
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-webkit-box-shadow:2px 2px 3px #EEE;
-moz-box-shadow:2px 2px 3px #EEE;
box-shadow:2px 2px 3px #EEE;
float:left;
margin:0 10px 10px 0;
padding:3px;
}
.colBoxCalendar .colBoxSubhead {
background:none;
border-bottom:1px dotted #CCB;
margin:0 0 5px;
padding:0 0 3px;
}
.colBoxCalendar .colBoxUlist ul {
font-size:10px;
line-height:14px;
}
.colBoxCalendar .colBoxUlist ul li {
display:inline;
background:none;
border:none;
margin:0;
padding:0;
}
.colBoxCalendar .colBoxUlist ul li a {
display:block;
width:24px;
float:left;
text-align:center;
border:1px solid #DDD;
background:#EED;
background:-webkit-gradient(linear, left top, left bottom, from(#EED), to(#DDC));
background:-moz-linear-gradient(top, #EED, #DDC);
margin:0 5px 5px 0;
padding:2px;
}
.colBoxCalendar .colBoxUlist ul li a:link,
.colBoxCalendar .colBoxUlist ul li a:visited {
color:#332;
text-decoration:none;
}
.colBoxCalendar .colBoxUlist ul li a:hover {
color:#332;
text-decoration:none;
background:#DDC;
background:-webkit-gradient(linear, left top, left bottom, from(#DDC), to(#CCB));
background:-moz-linear-gradient(top, #DDC, #CCB);
}
.colBoxCalendar .colBoxUlist ul .colBoxActive a:link,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:visited,
.colBoxCalendar .colBoxUlist ul .colBoxActive a:hover {
background:#665;
background:-webkit-gradient(linear, left top, left bottom, from(#665), to(#554));
background:-moz-linear-gradient(top, #665, #554);
color:#FFF;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticletype {
display:block;
width:60px;
float:left;
font-size:10px;
line-height:14px;
text-align:center;
border:1px solid #CCC;
background:#EEE;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background:-moz-linear-gradient(top, #FFF, #EEE);
margin:0 5px 0 0;
padding:0 2px;
}
.colBoxBacknumber .colBoxUlist ul li .colBoxArticlewriter {
font-size:10px;
line-height:14px;
}
.colBoxSentence p {
font-size:16px;
line-height:24px;
margin:0 0 20px;
}
.colBoxSentence ul,
.colBoxSentence ol {
font-size:14px;
line-height:22px;
margin:0 0 20px;
}
.colBoxSentence li {
margin:0 0 10px;
}
.colBoxButtons .colBoxUlist ul li {
float:left;
margin:0 5px 5px 0;
padding:3px 3px 3px 16px;
background-position:3px 5px;
background-color:#EED;
border:1px solid #CCB;
cursor:pointer;
}
.colBoxButtons .colBoxUlist ul .hover {
background-color:#DDC;
}
.colBoxButtons .colBoxUlist ul .active {
background-color:#C00;
color:#FFF;
font-weight:bold;
}
.colBoxLargeImage {
}
.colBoxLargeImage .colBoxIcon {
}
.colBoxLargeImage .colBoxSubTitle {
clear:both;
margin:0 0 10px;
}
.colBoxLargeImage .colBoxInfo {
text-align:left;
margin:0 0 10px;
}
.colBoxImage .colBoxIndex {
margin:0 0 30px;
border-bottom:1px solid #CCC;
}
.colBoxImage .colBoxTitle h3 {
font-size:24px;
line-height:30px;
}
.colBoxImage .colBoxDescription p {
font-size:16px;
line-height:22px;
}
/*=====================================================================*/
/* EMPTY SPACE */
/*=====================================================================*/
.h5px {
height:5px;
}
.h10px {
height:10px;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.h25px {
height:25px;
}
.h30px {
height:30px;
}
/*---------------------------------------------------------------------*/
/* ITT */
/*---------------------------------------------------------------------*/
.colBoxITT {
margin-bottom:0;
}
.colBoxITT .colBoxTitle {
background:url("http://image.itmedia.co.jp/images0509/adtxt_bg.gif") no-repeat 2px;
padding:0 0 0 24px;
}
.colBoxITT .colBoxTitleSubtxt {
display:none;
}
.colBoxITT .colBoxTitle h3 {
font-size:12px;
line-height:16px;
padding:1px 0 0 0;
font-weight:normal;
color:#333;
}
.colBoxITT .colBoxInner {
padding:0;
}
/*---------------------------------------------------------------------*/
/* ITSB */
/*---------------------------------------------------------------------*/
.colBoxITSB {
margin:0 auto 10px;
width:500px;
text-align:left;
}
.colBoxITSB .colBoxDescription {
margin:0 0 3px;
}
.colBoxITSB .colBoxDescription p {
font-size:12px;
line-height:16px !important;
margin:0;
}
.colBoxITSB .colBoxHead {
border:none;
font-weight:bold;
margin:0 0 13px;
}
.colBoxITSB .colBoxInner {
border:1px solid #C00;
}
.colBoxITSB .colBoxIndex {
padding:10px;
height:1%;
}
.colBoxITSB .colBoxSubTitle {
margin: 0 0 3px;
}
.colBoxITSB .colBoxSubTitle h5 {
color: #C00;
font-size:14px;
line-height:20px;
clear:none;
}
.colBoxITSB .colBoxTitle h3 {
text-align:center;
border:none;
margin:0;
padding:0;
}
.colBoxITSB .colBoxClear {
clear:both;
}
.colBoxITSB .h10px {
height:10px;
}
.colBoxITSB .colBox a:link, .colBox a:visited {
text-decoration:none;
}
.colBoxITSB a:link {
color:#036;
}
.colBoxITSB .colBoxIcon {
display:inline;
}
.colBoxITSB .colBoxIcon a {
border:1px solid #CCC;
float:left;
margin:0 5px 3px 0;
}
.colBoxITSB .colBoxIcon a img {
border:none;
}
.colBoxITSB .colBoxInfo {
margin:0 0 3px;
text-align:right;
}
/*---------------------------------------------------------------------*/
/* ISALR */
/*---------------------------------------------------------------------*/
#colBoxISALR .colBox {
margin-bottom:0;
width:auto;
}
#colBoxISALR .colBoxHead {
background:url("http://image.itmedia.co.jp/images0509/ISAL_heading_news.gif") no-repeat scroll right bottom;
border-left:1px solid #EEE;
border-right:1px solid #EEE;
border-bottom:none;
margin:5px 0;
padding:2px 6px 12px 8px;
}
#colBoxISALR .colBoxTitle h3 {
font-size:12px;
line-height:16px;
}
.colBoxInner {
padding:5px;
}
#colBoxISALR .colBoxHead h2 {
color:#444;
font-family:Verdana,Helvetica,sans-serif;
font-size:12px;
font-weight:16px;
}
#colBoxISALR .colBoxHeadSubtxt {
display:none;
}
#colBoxISALR .colBoxNewtxt {
display:block;
}
/*---------------------------------------------------------------------*/
/* ITFT */
/*---------------------------------------------------------------------*/
.colBoxITFT .colBoxHead {
background:url("http://image.itmedia.co.jp/images0509/rc_pr_features2.gif") repeat scroll left top #75AB0F;
display: block;
margin:0;
padding:0;
border-bottom:none;
}
.colBoxITFT .colBoxInner {
background:#FFF;
border:2px solid #73BE1E;
padding:5px;
}
.colBoxITFT .colBoxHead h2 {
background:url("http://image.itmedia.co.jp/images0509/rc_pr_features1.gif") no-repeat scroll left top;
display:block;
text-indent:-9999px;
height:20px;
width:154px;
margin:0;
padding:0;
border:none;
}
.colBoxITFT .colBoxHeadSubtxt {
color:#FFF;
display:block;
right:3px;
}
.colBoxITFT .colBoxIcon {
float:right;
}
/*---------------------------------------------------------------------*/
/* ISTLC */
/*---------------------------------------------------------------------*/
#colBoxISTLC .colBox {
border-bottom:1px solid #AAA;
margin-bottom:10px;
}
#colBoxISTLC .colBoxHead {
background:url("http://image.itmedia.co.jp/images0509/ISTLR_heading_repeat.gif") repeat-x scroll left top;
border-width:0;
margin:0;
padding-bottom:2px;
}
#colBoxISTLC h2 {
background:url("http://image.itmedia.co.jp/images0509/ISTLR_heading.gif") no-repeat left top;
display:block;
height:17px;
text-indent:-9999px;
border:none;
margin:0;
padding:0;
}
#colBoxISTLC .colBoxInner {
background:#FFF;
padding:5px 0 0;
}
#colBoxISTLC .colBoxIndex {
padding:5px 0;
}
#colBoxISTLC .colBoxHeadSubtxt {
color:#999;
right:3px
}
#colBoxISTLC .colBoxSubTitle h5 {
background:url("http://image.itmedia.co.jp/images0509/ISTLR_ico_special.gif") no-repeat 125px;
padding-left:176px;
}
#colBoxISTLC .colBoxIcon a {
margin:2px 6px 0 0;
border:none;
}
#colBoxISTLC .colBoxNewtxt {
color:#F00;
font-size:13px;
font-weight:bold;
line-height:18px;
}
/*---------------------------------------------------------------------*/
/* 20110905 liveguide */
/*---------------------------------------------------------------------*/
.colBoxLiveguide {}
.colBoxLiveguide .colBoxHead {
border:0 none;
margin:0;
padding:0;
}
.colBoxLiveguide .colBoxInner {
padding:10px;
}
.colBoxLiveguide .colBoxTitle h3 a {
font-size:13px;
line-height:18px;
}
.colBoxLiveguide .colBoxDescription p {
font-size:13px;
line-height:16px;
}