@import url("/css/gnav.css");
@import url("/css/gfooter.css");
@import url("/css/socialBtnOldTmp.css");
/* BASIC
-------------------------------------------------- */
body {
width:100%;
margin:0px;
padding:0px;
color:#333;
font-family: Meiryo,'ƒ�ƒCƒŠƒI','‚l‚r ‚oƒSƒVƒbƒN',Osaka,'ƒqƒ‰ƒMƒmŠpƒS Pro W3';
text-align:center;
background:#FFF;
line-height:100%;
}
a:link {text-decoration:none;color:#036;}
a:visited {text-decoration:none;}
a:hover {text-decoration:underline;color:#C00;}
img {
border-width:0px;
}
hr {
visibility:hidden;
clear:both;
text-align:center;
}
/* BODY
-------------------------------------------------- */
.outbody {
width:100%;
margin:0px;
padding:0px;
background:#FFF;
}
.printStyle.outbody {
background:none;
}
.inbody {
width:980px;
margin:0px auto;
padding:0px;
text-align:left;
}
/* HEADER
-------------------------------------------------- */
.outheader {}
.outheader * {
font-size:12px;
}
.outheader .inheader {
display:table;
width:990px;
}
.outheader .inheader p {
margin:0px;
padding:5px 10px 2px 5px;
height:31px;
color:#6D4C3F;
float:right;
font-size:12px !important;
line-height:14px;
background:url("http://image.itmedia.co.jp/executive/images/gnav_bg.gif") repeat-x -8px 0px;
font-family:Verdana, Arial,‚l‚r ‚oƒSƒVƒbƒN;
}
.outheader .inheader p a:link,
.outheader .inheader p a:visited {
color:#CDC7BC;
}
.outheader .inheader p a:hover {
color:#FFF;
}
.outheader .inheader p strong {
background:url("http://image.itmedia.co.jp/executive/images/btn_top.gif") no-repeat left top;
float:left;
text-align:left;
margin:-1px 2px 0px 56px;
}
.outheader .inheader p strong a:link,
.outheader .inheader p strong a:visited {
display:block;
width:40px;
height:15px;
text-indent:-9999px;
overflow:hidden;
}
.outheader .inheader h2 {
display:block;
margin:0px;
padding:0px;
width:365px;
height:40px;
float:left;
background:url("http://image.itmedia.co.jp/executive/images/tagline.gif") no-repeat 2px 0px;
text-indent:-9999px;
}
.outheader strong.logo,
.outheader h1 {
display:block;
float:left;
margin:10px 0px 10px 0px;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/logo_exe.gif") no-repeat 0px 0px;
}
.outheader strong.logo a,
.outheader h1 a {
display:block;
width:200px;
height:56px;
overflow:hidden;
text-indent:-9999px;
}
#ITN {
float:right;
padding:10px 6px 10px 10px;
min-height:90px;
}
* html .outheader #ITN {
height:90px;
}
.outheader .menu1 {
padding:1px;
margin-top:5px;
margin-bottom:10px;
border-bottom:1px solid #DDD;
background-color:#C5AA9F;
width:978px;
height:26px;
}
.outheader .menu1 #menu2 {
background:url("http://image.itmedia.co.jp/executive/images/navibg.gif") repeat-x #C5AA9F;
border:1px solid #FFF;
display:table;
width:976px;
margin:0px;
padding:0px;
}
.outheader .menu1 #menu2 p {
float:left;
margin:0px;
padding:5px 0px 5px 0px;
font-size:14px;
line-height:14px;
overflow:hidden;
}
.outheader .menu1 #menu2 p span a:link,
.outheader .menu1 #menu2 p span a:visited {
margin:0px;
padding:5px 25px 5px 25px;
color:#40270F;
text-decoration:none;
border-left:1px solid #FFF;
border-right:1px solid #C5AA9F;
overflow:hidden;
}
.outheader .menu1 #menu2 p span#tab01 a:link,
.outheader .menu1 #menu2 p span#tab01 a:visited {
margin:0px;
padding:5px 23px 5px 23px;
color:#40270F;
text-decoration:none;
border-left:none;
border-right:1px solid #C5AA9F;
overflow:hidden;
}
.outheader .menu1 #menu2 p span#tab02 a:link,
.outheader .menu1 #menu2 p span#tab02 a:visited {
margin:0px;
padding:5px 43px 5px 43px;
}
.outheader .menu1 #menu2 p span#tab03 a:link,
.outheader .menu1 #menu2 p span#tab03 a:visited {
margin:0px;
padding:5px 35px 5px 35px;
}
.outheader .menu1 #menu2 p span#tab04 a:link,
.outheader .menu1 #menu2 p span#tab04 a:visited {
margin:0px;
padding:5px 40px 5px 40px;
}
.outheader .menu1 #menu2 p span a:hover {
background:url("http://image.itmedia.co.jp/executive/images/navibg_on.gif") repeat-x 0px;
text-decoration:none;
overflow:hidden;
}
.outheader .menu1 #menu2 p span#tab01 a:hover {
margin:0px;
padding:5px 23px 5px 23px;
}
.outheader .menu1 #menu2 p span#tab02 a:hover {
margin:0px;
padding:5px 43px 5px 43px;
}
.outheader .menu1 #menu2 p span#tab03 a:hover {
margin:0px;
padding:5px 35px 5px 35px;
}
.outheader .menu1 #menu2 p span#tab04 a:hover {
margin:0px;
padding:5px 40px 5px 40px;
}
.outheader .menu1 #menu2 p small {
display:none;
}
/* Local Navi - 080818
-------------------------------------------------- */
.outheader #localNavi {
width:978px;
height:26px;
margin:5px 0px 10px;
padding:1px;
background-color:#C5AA9F;
border-bottom:1px #DDD solid;
}
.outheader #localNavi .tabs {
display:table;
width:976px;
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/navibg.gif") repeat-x;
border:1px solid #FFF;
}
.outheader #localNavi .tabs p {
float:left;
margin:0px;
padding:0px;
overflow:hidden;
}
.outheader #localNavi .tabs p span {
display:block;
float:left;
background:url("http://image.itmedia.co.jp/executive/images/bg_localnavi_tab.gif") no-repeat right 1px;
}
.outheader #localNavi .tabs p span a {
display:block;
margin:0px;
padding:4px 8px;
color:#40270F;
text-align:center;
text-decoration:none;
}
.outheader #localNavi .tabs p span a:hover {background:url("http://image.itmedia.co.jp/executive/images/navibg_on.gif") repeat-x left top;}
.outheader #localNavi .tabs p small {
display:none;
}
/* search  */
.outheader #localNavi .serach {
margin-top:2px;
}
.outheader #localNavi form {
margin:0px 3px 0px 0px;
padding:0px 0px 0px 4px;
color:#844442;
}
.outheader #localNavi form input{
margin:0px;
padding:0px;
}
.outheader #localNavi form label {
margin:0px 0px 0px 2px;
}
.outheader #localNavi form #inputSelect {
float:left;
display:block;
margin:1px 5px -1px 0px;
}
* html .outheader #localNavi form #inputSelect {
margin:0px 5px 0px 0px;
}
.outheader #localNavi form #inputParts {
display:block;
float:left;
width:110px;
}
.outheader #localNavi form input.searchQuery {
float:left;
width:70px;
height:16px;
margin-top:1px;
background:url("http://image.itmedia.co.jp/executive/images/bg_input.jpg") repeat-x left top;
border:1px #C5AA9F solid;
}
.outheader #localNavi form button {
width:38px;
height:20px;
background:url("http://image.itmedia.co.jp/executive/images/btn_search.gif") repeat-x left top;
border:none;
overflow:hidden;
text-indent:-9999px;
cursor:pointer;
}
.outheader #localNavi form button:hover {
background:url("http://image.itmedia.co.jp/executive/images/btn_search_on.gif") repeat-x left top;
}
/* search - new for Google Search */
.search-out {
float:left;
margin-bottom:10px;
}
.search-out form #inputSelect {
float:left;
display:block;
margin:1px 5px -1px 0px;
}
* html .search-out form #inputSelect {
margin:0px 5px 0px 0px;
}
.search-out form #inputParts {
display:block;
float:left;
width:110px;
}
.search-out form input.query {
clear:both;
float:left;
width:150px;
height:14px;
margin:1px 0px;
padding:2px;
border:1px #C5AA9F solid!important;
}
.search-out form select {
clear:both;
float:left;
margin:1px;
border:1px #CCC solid!important;
font-size:12px;
color:#555;
}
.search-out form button {
float:left;
width:38px;
height:20px;
margin:1px 2px;
background:url("http://image.itmedia.co.jp/executive/images/btn_search.gif") repeat-x left top;
border:none;
overflow:hidden;
text-indent:-9999px;
cursor:pointer;
}
/* INDEX
-------------------------------------------------- */
.main {
margin:5px 10px 0px 0px;
padding:0px;
}
.main .topinfo {
margin:0px 0px 10px 0px;
padding:0px;
border-bottom:2px solid #930;
}
.main .topinfo p {
margin:0px;
padding:5px 0px 1px 85px;
font-size:12px;
background:url("http://image.itmedia.co.jp/executive/images/info.gif") no-repeat left top;
}
.main .headline {
height:1%;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
background-color:#E4E0DF;
}
.main h5 {
margin:0px 10px 0px 10px;
color:#A73;
}
.main h3 {
margin:0px 10px 0px 10px;
font-size:100%;
line-height:130%;
}
.main p {
font-size:small;
margin:0px 10px 10px;
line-height:130%;
}
.main img {
margin:0px 3px 0px 0px;
}
.main .headline .l460 {
float:left;
width:460px;
}
.main .headline .r200 {
float:right;
width:199px;
border-left:1px solid #FFF;
}
.main .headline .r200 h3 {
font-size:90%;
}
.main .headline .l460 h5,
.main .headline .l460 h3,
.main .headline .l460 p {
margin-left:0px;
}
.main .headline ul.linkset {
margin:10px 10px 0px 0px;
padding:0px;
list-style:none;
font-size:small;
}
.main .headline ul.linkset li {
background:url("http://image.itmedia.co.jp/executive/images/arrow_02.gif") no-repeat 0px;
margin:5px 0px 2px 0px;
padding:0px 0px 0px 15px;
}
.main .ttl {
margin:10px 0px 5px 0px;
clear:both;
}
.main .ttl h2 {
background:url("http://image.itmedia.co.jp/executive/images/h3bg-r.gif") repeat-x 0px 5px;
margin:0px;
padding:5px 0px 0px;
color:#7B1801;
font-size:90%;
height:20px;
}
.main .mainnavi {
margin:0px 0px 15px 0px;
padding:0px;
height:27px;
}
.main .mainnavi ul {
list-style:none;
margin:0px;
display:inline;
}
.main .mainnavi ul li {
display:inline;
margin:0px 10px 0px 0px;
width:94px;
height:27px;
float:left;
text-indent:-9999px;
}
.main .mainnavi ul li a,
.main .mainnavi ul li a:hover,
.main .mainnavi ul li a:visited {
display:block;
width:94px;
height:27px;
text-decoration:none;
overflow:hidden;
}
.main .mainnavi ul li#bu {background:url("http://image.itmedia.co.jp/executive/images/btn_bu.gif") no-repeat;}
.main .mainnavi ul li#it {background:url("http://image.itmedia.co.jp/executive/images/btn_it.gif") no-repeat;}
.main .mainnavi ul li#cu {background:url("http://image.itmedia.co.jp/executive/images/btn_cu.gif") no-repeat;}
.main .mainnavi ul li#li {background:url("http://image.itmedia.co.jp/executive/images/btn_li.gif") no-repeat;}
.main .mainnavi ul li#el {background:url("http://image.itmedia.co.jp/executive/images/btn_el.gif") no-repeat;}
.main .mainnavi ul li#bu a:hover {background:url("http://image.itmedia.co.jp/executive/images/btn_bu_on.gif") no-repeat;}
.main .mainnavi ul li#it a:hover {background:url("http://image.itmedia.co.jp/executive/images/btn_it_on.gif") no-repeat;}
.main .mainnavi ul li#cu a:hover {background:url("http://image.itmedia.co.jp/executive/images/btn_cu_on.gif") no-repeat;}
.main .mainnavi ul li#li a:hover {background:url("http://image.itmedia.co.jp/executive/images/btn_li_on.gif") no-repeat;}
.main .mainnavi ul li#el a:hover {background:url("http://image.itmedia.co.jp/executive/images/btn_el_on.gif") no-repeat;}
.main .com {
margin:0px 0px 5px 0px;
}
.main .mag img {
margin:0px 3px 0px 10px;
}
.main .com img {
margin:0px 3px 0px 5px;
}
.main .com .l380 {
float:left;
width:379px;
padding-right:5px;
border-right:1px solid #DAC8BE;
}
.main .com .r280 {
float:right;
width:280px;
}
.main .com .l380 img {
margin:0px 5px 0px 0px;
}
.main .com .l380 h3 {
margin:0px;
padding:0px 0px 0px 25px;
font-size:100%;
line-height:130%;
}
.main .com .l380 .feature h3 {
background:none;
}
.main .com .l380 .entry h3 {
clear:both;
font-size:80%;
margin:0px;
padding:0px 0px 0px 3px;
background:url("http://image.itmedia.co.jp/executive/images/arrow_05.gif") no-repeat 2px 2px;
line-height:130%;
text-indent:20px;
}
.main .com .l380 .entry p {
margin-bottom:10px;
}
.main .com .r280 h3 {
margin-left:5px;
}
.main .com .l380 p {
margin:0px 0px 10px 2px;
}
.main .com .r280 p {
margin:0px 0px 10px 5px;
}
.main .com .l380 .entry {
clear:both;
}
.main .com .l380 .entry2 h2 {
display:none;
}
.main .com .l380 .entry2 p a,
.main .com .l380 .entry2 p a:hover,
.main .com .l380 .entry2 p a:visited {
clear:both;
font-size:100%;
font-weight:bold;
margin:0px;
padding:10px 0px 0px 25px;
background:url("http://image.itmedia.co.jp/executive/images/arrow_05.gif") no-repeat 1px 11px;
line-height:130%;
}
.main ul {
margin:0px 0px 0px 10px;
padding:0px;
font-size:small;
}
.main .mag {
margin:0px 0px 15px 0px;
padding-top:5px;
}
.main .mag .ttl {
margin-top:-5px;
margin-left:10px;
}
.main .mag .l200 {
float:left;
width:200px;
}
.main .mag .r470 {
float:right;
width:470px;
}
.main .mag .r470 p {
margin-bottom:0px;
}
.main .mag .r470 p#type {
margin:0px 0px 0px 10px;
padding:0px;
}
.main .mag .r470 h5 {
float:none;
}
.main .mag .r470 p#type a,
.main .mag .r470 p#type a:hover {
display:block;
text-indent:-9999px !important;
width:36px;
height:13px;
overflow:hidden;
}
.main .mag .r470 p#type a#news,
.main .mag .r470 p#type a#news:hover {
background:url("http://image.itmedia.co.jp/executive/images/icon_ne.gif") no-repeat 0px 0px;
}
.main .mag .r470 p#type a#series,
.main .mag .r470 p#type a#series:hover {
background:url("http://image.itmedia.co.jp/executive/images/icon_re.gif") no-repeat 0px 0px;
}
.main .mag .r470 p#type a#special,
.main .mag .r470 p#type a#special:hover {
background:url("http://image.itmedia.co.jp/executive/images/icon_sp.gif") no-repeat 0px 0px;
}
.main .mag .r470 p#type a#casestudy,
.main .mag .r470 p#type a#casestudy:hover {
background:url("http://image.itmedia.co.jp/executive/images/icon_ji.gif") no-repeat 0px 0px;
}
.main .mag .r470 ul.linkset {
margin:10px 10px 0px 10px;
padding:0px;
list-style:none;
font-size:small;
}
.main .mag .r470 ul.linkset li {
background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 0px;
margin:5px 0px 2px 0px;
padding:0px 0px 0px 15px;
}
.square {
margin:0px 0px 5px -10px !important;
width:200px;
height:200px;
}
.magazine {
margin:10px 0px;
padding:50px 0px 10px 0px;
background:url("http://image.itmedia.co.jp/executive/images/mag_bg.gif") repeat-x top #E0C3B4;
text-align:center;
}
.magazine img {
margin:0px 0px 5px 0px !important;
}
.magazine p {
display:block;
padding:0px;
text-align:left;
}
.lc div#fyi {
border:1px solid #DDD;
margin:0px 0px 10px 10px;
padding:0px 0px 5px 0px;
clear:both;
}
.lc div#fyi2 {
border:1px solid #DDD;
margin:10px 0px 10px 0px;
padding:0px 0px 5px 0px;
clear:both;
}
.articles div#fyi {
margin:0px 0px 5px 0px;
}
.lc div#fyi h2,
.lc div#fyi2 h2 {
background:url("http://image.itmedia.co.jp/executive/images/spbox3.gif") no-repeat right top;
margin:0px !important;
padding:0px 0px 2px 3px;
font-size:12px;
font-weight:bold;
color:#818181;
font-family:'Hiragino Kaku Gothic Pro',Verdana,Helvetica,sans-serif;
}
.lc div#fyi p {
width:450px;
margin:2px 2px 5px 2px;
padding:2px;
font-size:12px;
line-height:125%;
background-color:#FFF;
clear:both;
}
.lc div#fyi2 p {
width:600px;
margin:2px 2px 5px 2px;
padding:2px;
font-size:12px;
line-height:125%;
background-color:#FFF;
clear:both;
}
.lc div#fyi p img {
margin:0px 10px 0px 2px;
float:left;
}
.lc div#fyi ul.linkset {margin:5px 10px 0px 5px;padding:0px;list-style:none;font-size:small;}
.lc div#fyi ul.linkset li {background:url("http://image.itmedia.co.jp/executive/images/arrow_02.gif") no-repeat 1px 4px;margin:5px 0px 2px 0px;padding:0px 0px 0px 15px;font-weight:bold;}
.kwdset {
width:94%;
float:left;
margin:0px 0px 5px 10px !important;
padding:0px;
clear:both;
list-style:none;
}
.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!important;
}
/* TRACKBACK
-------------------------------------------------- */
.tbshow {
padding:1px;
border:2px solid #FC0;
margin-bottom:10px;
}
.tbshow p {
margin:0px;
padding:2px;
background:#FC0;
font-size:12px !important;
}
.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;
font-size:12px !important;
}
.tbshow input {
margin:3px;
border-width:1px;
}
.tbshow iframe {
width:400px;
margin:0px 0px 0px 5px;
}
.tbinfo-url {
margin:0px 0px 10px 0px;
font:small Arial,Helvetica,sans-serif;
float:left;
}
.tbinfo-url strong {
width:130px;
display:block;
margin:3px 0px;
padding:1px 4px;
color:#FFF;
background:url("http://image.itmedia.co.jp/images0509/tbinfo_url_bg.gif") no-repeat right center #6685A3;
float:left;
clear:left;
}
.tbinfo-url span {
display:block;
margin:3px 0px;
padding:1px 4px 2px 4px;
float:left;
}
.tbinfo-list {}
.tbinfo {
font-size:small;
margin-bottom:400px;
}
.tbinfo h4 {font-size:small;border-bottom:1px solid #DDD;}
.tbinfo strong {color:#900;}
.tbinfo-list h3 {
font-size:small;
margin-bottom:5px;
}
.tbinfo-list div {
margin:0px 0px 10px 0px;
font-size:small;
line-height:135%!important;
}
.tbinfo-list strong {font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;color:#AB5;}
.tbinfo-list span {color:#888;}
.tbinfo-list a {
color:#FFF;
}
.tbinfo-list a strong {
font-size:120%;
font-weight:bold;
color:#036;
line-height:135%!important;
}
.tbinfo-list a:hover {
color:#C00;
text-decoration:none;
}
/* ENQ
-------------------------------------------------- */
.enq {
width:700px;
margin:0px auto;
padding-bottom:20px;
font-family:'Hiragino Kaku Gothic Pro',Verdana,Helvetica,sans-serif;
line-height:100%;
}
.enq p {
display:block;
font-size:14px;
margin:30px 0px;
padding:5px;
font-weight:bold;
text-align:left;
color:#FFF;
background:url("http://image.itmedia.co.jp/executive/images/rc_fyi.gif") repeat-x 1px -15px #8F2E04;
}
.enq h4 {
margin:30px 0px;
line-height:130%;
text-align:center;
}
.enq a {
display:block;
width:150px;
margin:0px auto;
padding:6px 4px 4px 4px;
font-size:12px;
color:#666644;
line-height:100%;
text-align:center;
text-decoration:none;
background-color:#DDDDBB;
border:1px solid #AAAA88;
}
.large {
text-align:center;
margin-bottom:15px;
}
/* EXE-SEARCH
-------------------------------------------------- */
body div#exe-search .lc {
float:left;
width:990px;
margin:0px;
padding:0px;
}
body div#exe-search .main p {
margin:0px;
}
body div#exe-search .main h2 {
background:url("http://image.itmedia.co.jp/executive/images/article_title_bg_01.gif");
margin:0px 0px 10px -2px;
padding:5px 0px 0px 5px;
color:#FFF;
font-size:90%;
height:23px;
}
body div#exe-search .main p {
margin-bottom:10px;
}
body div#exe-search .main p strong {
margin-bottom:18px;
}
table.condition {
width:100%;
margin:0px;
padding:0px;
border-collapse:collapse;
border:1px solid #D7C8C1;
line-height:120%;
}
table.condition thead {
font-size:96%;
color:#FFF;
text-align:left;
}
table.condition thead th {
padding:6px 5px;
background-color:#582315;
border-top:2px solid #999;
border-left:1px solid #999;
}
table.condition thead td {
padding-left:5px;
background-color:#6E331A;
border-top:2px solid #999;
border-right:1px solid #999;
}
table.condition thead th {text-align:left;}
table.condition thead td {text-align:left;font-size:12px;}
table.condition tbody {font-size:small;}
table.condition tbody th {background-color:#E4D8D3;color:#484848;}
table.condition tbody th {text-align:left;}
table.condition tbody th,
table.condition tbody td {padding:6px 5px;border-bottom:1px solid #D7C8C1;font-size:12px;}
table.condition tbody .col100 {width:100%;}
table.condition tbody .col50 {width:50%;float:left;}
table.condition tbody .col30 {width:30%;float:left;color:#666;}
body div#exe-search dl {margin:0px;padding:0px}
body div#exe-search dl dt {font-size:100%;line-height:120%;margin:0px 0px 5px;}
body div#exe-search dl dd {font-size:96%;line-height:120%;margin:0px 0px 15px 0px;padding-bottom:15px;border-bottom:1px dotted #CCC;}
body div#exe-search dl dd strong,
body div#exe-search dl dd em {font-family:Arial, Helvetica, sans-serif;color:#C00;font-size:small;}
body div#exe-search dl dt a {text-decoration:none;}
body div#exe-search dl dt a:hover {text-decoration:underline;}
body div#exe-search dl dd span {font-size:small;}
/* SPECIAL * CASESTUDY * SERIES * NEWS
-------------------------------------------------- */
body div#special .main p#date,
body div#series .main p#date,
body div#news .main p#date,
body div#casestudy .main p#date {
margin-left:10px !important;
}
body div#special .main .art p,
body div#series .main .art p {
margin:0px;
}
body div#news .main .art p,
body div#casestudy .main .art p {
margin:0px 0px 5px 0px;
}
body div#special .main .bread,
body div#series .main .bread,
body div#news .main .bread,
body div#casestudy .main .bread,
body div#special .main .ttl,
body div#series .main .ttl,
body div#news .main .ttl,
body div#casestudy .main .ttl {
margin-left:10px;
}
body div#special .main .art,
body div#series .main .art,
body div#casestudy .main .art,
body div#news .main .art {
margin-left:15px;
}
body div#special .main .art ul,
body div#series .main .art ul {
list-style:none;
margin-bottom:10px;
margin-top:-12px;
}
body div#special .main .art ul li,
body div#series .main .art ul li {
background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 0px;
margin-top:0px;
margin-left:-10px;
padding:0px 0px 0px 18px;
}
body div#special .main .art h3,
body div#series .main .art h3,
body div#casestudy .main .art h3,
body div#news .main .art h3 {
margin:0px;
}
body div#special .main .art h5,
body div#series .main .art h5,
body div#casestudy .main .art h5,
body div#news .main .art h5 {
margin:0px;
}
body div#special .main .cbox {
margin-left:10px;
}
body div#series .main p#date,
body div#casestudy .main p#date, 
body div#news .main p#date {
margin:10px 0px 10px 0px;
padding:0px;
border-bottom:1px solid #E1CEC6;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
}
/*
body div#casestudy ul {
margin:10px 0px;
padding-bottom:10px;
list-style:none;
}
body div#casestudy ul li {
margin:3px 0px 0px 10px;
padding:0px;
}
*/
/*080107*/
/*
body div#series .main .art ul#lnk {
margin-top:0px;
padding-top:0px;
}
body div#series .main .art ul#lnk li {
margin-top:0px;
margin-bottom:5px;
padding-top:0px;
background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 1px 2px;
font-size:120%;
line-height:140%;
}
*/
.calendar {
margin:0px 0px 10px 10px;
}
.calendar dl dt,
.calendar dl dd,
.calendar dl dd#past {
float:left;
margin:5px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.calendar dl dt {
padding-top:3px !important;
}
.calendar dl dd,
.calendar dl dd#past {
font-size:80%;
}
.calendar dl dt {
font-weight:bold;
margin-right:5px;
margin-top:3px;
font-size:100%;
}
.calendar dl dd a {
border:1px solid #CCC;
margin-right:5px;
padding:2px 6px 1px 6px;
display:block;
}
.calendar dl dd#past a {
border:1px solid #CCC;
margin-right:5px;
padding:2px 6px 1px 6px;
display:block;
}
.calendar dl dd a:link,
calendar dl dd a:visited {
background:#EEE;
}
.calendar dl dd#past a:link,
.calendar dl dd#past a:visited {
background:#EFE6CF;
}
.calendar dl dd a:hover,
.calendar dl dd#past a:hover {
color:#FFF;
background:#666;
text-decoration:none;
}
/* LEFT
-------------------------------------------------- */
.lc {
clear:both;
float:left;
width:680px;
margin:0px;
padding:0px;
}
.lc .articles {
margin:0px 40px 20px 20px;
}
.lc .articles p {
clear:none;
font-size:100%;
line-height:140%;
margin:0px 0px 15px 0px;
padding:0px;
}
.lc .articles p a:link {
color:#036;
}
.lc .articles p a:visited {
color:#639;
}
.lc .articles .bread p,
.lc .main .bread p {
margin:0px 0px 15px 0px;
font-size:12px;
color:#999;
}
.lc .articles h3 {
clear:both;
margin:15px 0px 15px -7px;
padding:5px 0px 5px 3px;
border-left:3px solid #CECECE;
border-bottom:1px solid #CECECE;
}
.lc .articles h4 {
clear:both;
margin-top:8px;
padding:5px 0px 3px 0px;
border-bottom:1px solid #E3E3E3;
}
.lc .articles .btnlist {
display:block;
clear:both;
background:url("http://image.itmedia.co.jp/executive/images/bg2.gif") repeat-x top;
margin:3px 0px 5px -3px;
padding:5px;
width:460px;
height:30px;
}
.lc .articles .btnlist-pr {
position:relative;
top:0px;
display:block;
margin:0px 0px 0px 490px;
padding:3px 0px 0px 4px;
background:url("http://image.itmedia.co.jp/executive/images/bg2.gif") repeat-x top;
width:90px;
height:30px;
border:0px;
}
.lc .articles .btnlist ul,
.lc .articles .btnlist-pr ul {
margin:0px;
padding:0px;
font-size:12px;
list-style:none;
font-family:'‚l‚r ‚oƒSƒVƒbƒN','Hiragino Kaku Gothic Pro','ƒqƒ‰ƒMƒmŠpƒS Pro W3','Lucida Grande',sans-serif;
}
.lc .articles .btnlist ul li,
.lc .articles .btnlist-pr ul li {
display:inline;
margin:0px 13px 5px 3px;
padding:5px 0px 10px 33px;
float:left;
}
.lc .articles .btnlist ul li a,
.lc .articles .btnlist-pr ul li a {
display:block;
margin:0px;
padding:0px;
}
.lc .articles .btnlist ul li a:hover {
display:block;
margin:0px;
padding:0px;
background:#9F9F87;
color:#FFF;
text-decoration:none;
font-size:12px;
cursor:pointer;
line-height:130%;
}
.lc .articles .btnlist-pr ul li a {
display:block;
margin:0px;
padding:0px;
text-decoration:none;
font-size:12px;
line-height:120%;
cursor:pointer;
}
.lc .articles .btnlist-pr ul li a:hover {
display:block;
margin:0px;
padding:0px;
background:#9F9F87;
color:#FFF;
text-decoration:none;
font-size:12px;
line-height:120%;
cursor:pointer;
}
.lc .articles .btnlist ul li#bl {background:url("http://image.itmedia.co.jp/executive/images/btnlist_bl.gif") no-repeat;padding:5px 0px 10px 28px;}
.lc .articles .btnlist ul li#pr,
.lc .articles .btnlist-pr ul li#pr {background:url("http://image.itmedia.co.jp/executive/images/btnlist_pr.gif") no-repeat;}
.lc .articles .btnlist ul li#tb {background:url("http://image.itmedia.co.jp/executive/images/btnlist_tb.gif") no-repeat;}
.lc .articles p#update {
display:block;
margin:0px 0px 30px 0px;
float:left;
font-size:small;
padding:0px;
width:34%;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.lc .articles p#byline {
display:block;
margin:0px 0px 10px 0px;
float:right;
font-size:small;
padding:0px;
width:38%;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.lc .articles .byline-rap div#byline {
display:block;
margin:1px 0px 11px 0px;
float:right;
font-size:small;
padding:0px;
width:44%;
text-align:right;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.lc .articles h6 {
margin:0px 0px 5px 0px;
padding:0px 0px 3px 0px;
border-bottom:1px solid #CFCFBB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:75%;
}
.lc .articles p.atType {
margin:0px 0px 5px 0px;
padding:1px 0px 2px 0px!important;
border-bottom:1px solid #CFCFBB;
font-size:75%;
}
/*080327*/
.at-news,
.at-burst,
.at-review,
.at-column,
.at-series,
.at-interview,
.at-features,
.at-top10,
.at-keywords,
.at-report,
.at-special {
margin:1px 0px 5px 0px;
padding:0px 0px 4px 0px !important;
border-bottom:1px solid #CFCFBB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px !important;
}
.lc .articles h5 {
margin:2px 0px 15px 0px;
padding:0px 0px 3px 0px;
line-height:130%;
clear:both;
}
.lc .articles h2 {
margin:0px;
padding:0px;
color:#868686;
font-size:120%;
line-height:130%;
}
.lc .articles h1 {
color:#743;
padding-bottom:10px;
margin:5px 0px 0px -2px;
line-height:130%;
font-size:150%;
}
/*�«080319 new tmp*/
.newart div.heading1 div h1 {
margin:4px 0px 0px 0px;
}
.newart div.heading1 div h1 small {
margin:0px;
padding:0px;
color:#868686;
font-size:80%;
line-height:130%;
display:block;
}
.newart div.heading1 div h1 big {
color:#743;
padding:0px;
margin:5px 0px 0px 0px;
line-height:130%;
font-size:100%;
display:block;
}
.newart div.heading2 div h2 {
color:#333;
margin:2px 0px 17px 0px;
padding:0px 0px 2px 0px;
font-size:80%;
line-height:133%;
display:block;
}
/*�ª080319 new tmp*/
.lc .articles  ol li {
font-size:100%;
margin-bottom:5px;
}
.lc .articles  ul {
margin:0px;
padding-left:33px;
}
.lc .articles  ul li {
font-size:100%;
margin-bottom:5px;
padding-left:7px;
}
.lc .articles hr {
visibility:visible;
clear:both;
text-align:center !important;
}
.lc .cbox {
border:1px solid #CECECE;
display:block;
padding:5px;
margin-bottom:10px;
background:#FFF;
}
.lc .cbox h4,
.lc .cbox h2 {
background:url("http://image.itmedia.co.jp/executive/images/h3bg3.gif") no-repeat right top;
padding:5px;
margin:0px;
color:#FFF;
font-size:14px;
border-bottom:none !important;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.lc .cbox h4 small {
float:right;
margin-top:-15px;
margin-right:5px;
padding-bottom:5px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.lc .cbox .l50 {
float:left;
width:49%;
margin:0px;
padding:0px;
}
.lc .cbox .r50 {
float:right;
width:49%;
margin:0px;
padding:0px;
}
.lc .cbox p a img {
margin:2px 4px 0px 0px;
float:left;
border-width:0px !important;
clear:both;
}
.lc .cbox p a {
text-decoration:none;
}
.lc .cbox p a:hover {
text-decoration:underline;
}
.evade {
clear:both;
}
.evade:after {
height:0;
visibility:hidden;
display:block;
content:".";
}
.lc .cbox p {
margin:5px 0px 0px 0px;
padding:0px;
font-size:12px;
line-height:130%;
}
.lc .cbox ol {
font-size:14px;
line-height:130%;
}
.lc .articles .endlink {
width:100%;
margin:25px 0px 5px 0px;
clear:both!important;
}
.lc .articles .endlink h4 {
width:85px;
margin:0px;
padding:3px 0px 5px 20px;
font-size:12px;
font-family:Verdana,Arial,Helvetica,sans-serif;
color:#555;
float:left;
background:url("http://image.itmedia.co.jp/images0509/submenubg6.gif") no-repeat 2px 3px;
clear:both;
border-bottom:none;
}
.lc .articles .endlink ul {
width:480px;
margin:1px 0px 5px 0px;
padding:0px 0px 0px 10px;
list-style-type:none;
float:left;
border-left:4px solid #EEE;
}
.lc .articles .endlink ul li {
margin:0px 0px 10px 0px;
padding:0px 0px 1px 20px;
font-size:12px;
color:#444;
line-height:125%;
background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 0px 0px;
}
.lc .articles .endlink ul li a:link,
.lc .articles .endlink ul li a:visited {
font-weight:bold;
text-decoration:none;
}
.lc .articles .endlink ul li a:link img,
.lc .articles .endlink ul li a:visited img {
margin:2px 4px 4px 0px;
border:0px solid #FFF;
}
.lc .articles .endlink ul#art {border-left-color:#ccc;}
.lc .articles .endlink ul#lnk {border-left-color:#ccc;}
.lc .articles .endlink ul#newlnk {border-left-color:#ccc;}
.lc .articles .endlink ul#art li {background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 0px 0px;}
.lc .articles .endlink ul#lnk li {background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 0px 0px;}
.lc .articles .endlink ul#newlnk li {background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 0px 0px;}
.lc .articles .endlink .google_afc li a#row1-row2-default {text-decoration:none!important;}
/* EXCLUDING MAC \*/
.lc .articles .endlink h4 {clear:left;}
.lc .articles .endlink ul li {clear:left;}
/**/
.lc .articles div#copy {
margin:10px 0px;
padding:0px;
}
.lc .articles div#copy p span {
float:right;
}
.lc .articles div#copy p.credit {
display:block;
margin:0px;
padding:5px;
font-size:12px;
color:#777;
line-height:130%;
border:1px solid #BFBFBF;
}
.lc .articles div#col100 {width:100px;margin:15px auto;clear:both;}
.lc .articles div#col200 {width:200px;margin:15px auto;clear:both;}
.lc .articles div#col300 {width:300px;margin:15px auto;clear:both;}
.lc .articles div#col400 {width:400px;margin:15px auto;clear:both;}
.lc .articles div#col410 {width:410px;margin:15px auto;clear:both;}
.lc .articles div#col500 {width:500px;margin:15px auto;clear:both;}
.lc .articles div#col600 {width:600px;margin:15px auto;clear:both;}
.lc .articles div#col100l {width:100px;margin:4px 0px 15px 0px;float:left;}
.lc .articles div#col200l {width:200px;margin:4px 0px 15px 0px;float:left;}
.lc .articles div#col300l {width:300px;margin:4px 0px 15px 0px;float:left;}
.lc .articles div#col400l {width:400px;margin:4px 0px 15px 0px;float:left;}
.lc .articles div#col410l {width:410px;margin:4px 0px 15px 0px;float:left;}
.lc .articles div#col500l {width:500px;margin:4px 0px 15px 0px;float:left;}
.lc .articles div#col600l {width:600px;margin:4px 0px 15px 0px;float:left;}
.lc .articles div#col100c {width:100px;margin:4px auto 15px auto;}
.lc .articles div#col200c {width:200px;margin:4px auto 15px auto;}
.lc .articles div#col300c {width:300px;margin:4px auto 15px auto;}
.lc .articles div#col400c {width:400px;margin:4px auto 15px auto;}
.lc .articles div#col410c {width:410px;margin:4px auto 15px auto;}
.lc .articles div#col500c {width:500px;margin:4px auto 15px auto;}
.lc .articles div#col600c {width:600px;margin:4px auto 15px auto;}
.lc .articles div#col100r {width:100px;margin:4px 0px 15px 0px;float:right;}
.lc .articles div#col200r {width:200px;margin:4px 0px 15px 0px;float:right;}
.lc .articles div#col300r {width:300px;margin:4px 0px 15px 0px;float:right;}
.lc .articles div#col400r {width:400px;margin:4px 0px 15px 0px;float:right;}
.lc .articles div#col410r {width:410px;margin:4px 0px 15px 0px;float:right;}
.lc .articles div#col500r {width:500px;margin:4px 0px 15px 0px;float:right;}
.lc .articles div#col600r {width:600px;margin:4px 0px 15px 0px;float:right;}
.lc .articles div#col100 img,
.lc .articles div#col200 img,
.lc .articles div#col300 img,
.lc .articles div#col400 img,
.lc .articles div#col410 img,
.lc .articles div#col500 img,
.lc .articles div#col600 img {
margin:0px 5px 4px 0px;
vertical-align:bottom;
float:left;
}
.lc .articles div#col100l img,
.lc .articles div#col200l img,
.lc .articles div#col300l img,
.lc .articles div#col400l img,
.lc .articles div#col410l img,
.lc .articles div#col500l img,
.lc .articles div#col600l img {
margin:0px 5px 4px 0px;
vertical-align:bottom;
float:left;
}
.lc .articles div#col100c img,
.lc .articles div#col200c img,
.lc .articles div#col300c img,
.lc .articles div#col400c img,
.lc .articles div#col410c img,
.lc .articles div#col500c img,
.lc .articles div#col600c img {
margin:4px 0px 4px 0px;
vertical-align:bottom;
}
.lc .articles div#col100r img,
.lc .articles div#col200r img,
.lc .articles div#col300r img,
.lc .articles div#col400r img,
.lc .articles div#col410r img,
.lc .articles div#col500r img,
.lc .articles div#col600r img {
display:block;
margin:0px 0px 4px 5px;
vertical-align:bottom;
float:left;
}
.lc .articles div#col100 small,
.lc .articles div#col200 small,
.lc .articles div#col300 small,
.lc .articles div#col400 small,
.lc .articles div#col410 small,
.lc .articles div#col500 small,
.lc .articles div#col600 small {
display:block;
padding:0px 0px 0px 2px;
color:#445;
clear:both;
}
.lc .articles div#col100l small,
.lc .articles div#col200l small,
.lc .articles div#col300l small,
.lc .articles div#col400l small,
.lc .articles div#col410l small,
.lc .articles div#col500l small,
.lc .articles div#col600l small {
display:block;
padding:0px 10px 0px 2px;
color:#445;
clear:both;
}
.lc .articles div#col100c small,
.lc .articles div#col200c small,
.lc .articles div#col300c small,
.lc .articles div#col400c small,
.lc .articles div#col410c small,
.lc .articles div#col500c small,
.lc .articles div#col600c small {
display:block;
padding:0px 0px 0px 2px;
color:#445;
clear:both;
}
.lc .articles div#col100r small,
.lc .articles div#col200r small,
.lc .articles div#col300r small,
.lc .articles div#col400r small,
.lc .articles div#col410r small,
.lc .articles div#col500r small,
.lc .articles div#col600r small {
display:block;
padding:0px 10px 0px 2px;
color:#445;
clear:both;
}
.lc .articles div small#cap-l {text-align:left;color:#445;}
.lc .articles div small#cap-c {text-align:center;color:#445;}
.lc .articles div small#cap-r {text-align:right;color:#445;}
.lc .articles div#noalign {clear:both;color:#445;}
#mark {
clear:both;
float:right;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 8px;
background:#FFF;
z-index:3;
}
* html #mark {float:none;}
*+html #mark {float:none;}
#mark img {
margin:0px;
border:none;
}
.cpy {
margin:0px 0px 10px 0px;
}
.article-icon {
margin:6px 0px 0px 0px;
float:left;
}
.article-icon span {
display:block;
border:0px solid #FFF;
border-right:1px solid #EEE;
border-bottom:1px solid #EEE;
float:left;
}
.article-icon span a {
margin:0px;
padding:0px;
width:88px;
position:relative;
display:table;
border:1px solid #CCC;
float:left;
}
.article-icon span a:hover {
border:1px solid #CE5;
}
.article-icon span a img {
margin:0px;
width:80px;
height:60px;
border:4px solid #FFF!important;
float:left;
}
/* 071116 */
.lc .articles div img {
border:0px solid #FFF;
}
.lc .articles div a:link img,
.lc .articles div a:visited img {
margin:0px;
border:2px solid #039;
text-decoration:none;
}
.lc .articles div a:hover img {
margin:0px;
border:2px solid #F00;
}
.lc .articles div a.imgLink img {
border:none!important;
}
/* 071120 */
.lc .articles div#fyi a:link img,
.lc .articles div#fyi a:visited img,
.lc .articles div#fyi a:hover img{
border:none;
}
/* AD
----------------------------------------------- */
.lc .articles .pr-mark {
position:relative;
top:25px;
height:15px;
margin-right:10px;
margin-bottom:0px;
font-size:12px;
background:url("http://image.itmedia.co.jp/images0509/adtxt_bg2.gif") no-repeat right top;
text-indent:-9999px;
}
body#_pr .lc .articles {
position:relative;
top:0px;
}
/*
.lc .articles h6 {
margin:0px 0px 5px 0px;
padding:0px 0px 3px 0px;
border-bottom:1px solid #CFCFBB;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
*/
body#type_pr .outbody .inbody .lc .articles h6 {
display:table;
width:100%;
margin:-10px 0px 5px 0px;
padding:0px 0px 3px 0px;
border-bottom:1px solid #CFCFBB;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
/*080327*/
#at-special .lc .articles .newart div.heading1 h1 {
color:#743;
padding-bottom:10px;
margin:5px 0px 0px 0px !important;
line-height:130%;
font-size:150%;
}
/*�«080319 new tmp*/
#at-special .newart div.heading1 div h1 small {
margin:0px;
padding:0px;
color:#868686;
font-size:80%;
line-height:130%;
display:block;
}
#at-special .newart div.heading1 div h1 big {
color:#743;
padding:0px;
margin:5px 0px 0px -2px;
line-height:130%;
font-size:100%;
display:block;
}
.largeimage div.heading1 div h1 {
margin:5px 0px;
line-height:120%;
font-size:180%;
color:#743;
}
.largeimage p {
line-height:120%;
}
#at-special .newart div.heading2 div h2 {
color:#333;
margin:2px 0px 17px 0px;
padding:0px 0px 2px 0px;
font-size:80%;
line-height:133%;
clear:both;
display:block;
}
#at-special .at-special {
margin:-1px 0px 5px 0px !important;
padding:0px 0px 3px 0px !important;
border-bottom:1px solid #CFCFBB;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px !important;
}
/* ITSB - add 090107 */
.ITSB {
padding:10px 0px 15px;
text-align:center;
}
/* LEFT  TABLE 
----------------------------------------------- */
.lc table#tbl,
.lc table#tbl100c,
.lc table#tbl75c,
.lc table#tbl50c,
.lc table#tbl25c,
.lc table#tbl100l,
.lc table#tbl75l,
.lc table#tbl50l,
.lc table#tbl25l,
.lc table#tbl100r,
.lc table#tbl75r,
.lc table#tbl50r,
.lc table#tbl25r {
margin:5px 5px 15px 5px;
font-size:small;
border-collapse:collapse;
background-color:#FFF;
}
.lc table#tblenter {
margin:5px 5px 3px 5px;
font-size:small;
border-collapse:collapse;
background-color:#FFF;
}
.lc table#tblenter {
font-size:12px;
}
.lc table#tbl100c {width:100%;margin:0 auto;}
.lc table#tbl75c {width:72%;margin:0 auto;}
.lc table#tbl50c {width:47%;margin:0 auto;}
.lc table#tbl25c {width:22%;margin:0 auto;}
.lc table#tbl100l {width:100%;float:left;}
.lc table#tbl75l {width:72%;float:left;}
.lc table#tbl50l {width:47%;float:left;}
.lc table#tbl25l {width:22%;float:left;}
.lc table#tbl100r {width:100%;float:right;}
.lc table#tbl75r {width:72%;float:right;}
.lc table#tbl50r {width:47%;float:right;}
.lc table#tbl25r {width:22%;float:right;}
.lc table#tbl thead tr th,
.lc table#tbl100c thead tr th,
.lc table#tbl75c thead tr th,
.lc table#tbl50c thead tr th,
.lc table#tbl25c thead tr th,
.lc table#tbl100l thead tr th,
.lc table#tbl75l thead tr th,
.lc table#tbl50l thead tr th,
.lc table#tbl25l thead tr th,
.lc table#tbl100r thead tr th,
.lc table#tbl75r thead tr th,
.lc table#tbl50r thead tr th,
.lc table#tbl25r thead tr th {
padding:5px;
background-color:#999;
border-left:1px solid #C9C9C9;
color:#FFF;
}
.lc table#tblenter tbody tr th {
padding:5px;
background-color:#E2E2E2;
border-left:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
border-bottom:1px solid #C9C9C9;
color:#666;
}
.lc table#tblenter tbody tr td {
padding:5px;
background-color:#FFF;
border-left:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
border-bottom:1px solid #C9C9C9;
color:#333;
}
.lc table#tbl-spec thead tr th,
.lc table#tbl-spec tbody tr td,
.lc table#tbl-spec tbody tr th {
padding:5px;
background-color:#FFF;
border-left:1px solid #C9C9C9;
border-top:1px solid #C9C9C9;
border-right:1px solid #C9C9C9;
border-bottom:1px solid #C9C9C9;
color:#333;
}
.lc table#tbl tbody tr td,
.lc table#tbl100c tbody tr td,
.lc table#tbl75c tbody tr td,
.lc table#tbl50c tbody tr td,
.lc table#tbl25c tbody tr td,
.lc table#tbl100l tbody tr td,
.lc table#tbl75l tbody tr td,
.lc table#tbl50l tbody tr td,
.lc table#tbl25l tbody tr td,
.lc table#tbl100r tbody tr td,
.lc table#tbl75r tbody tr td,
.lc table#tbl50r tbody tr td,
.lc table#tbl25r tbody tr td {
padding:5px;
border-bottom:1px solid #999;
border-right:1px solid #999;
}
.lc table#tbl tbody tr th,
.lc table#tbl100c tbody tr th,
.lc table#tbl75c tbody tr th,
.lc table#tbl50c tbody tr th,
.lc table#tbl25c tbody tr th,
.lc table#tbl100l tbody tr th,
.lc table#tbl75l tbody tr th,
.lc table#tbl50l tbody tr th,
.lc table#tbl25l tbody tr th,
.lc table#tbl100r tbody tr th,
.lc table#tbl75r tbody tr th,
.lc table#tbl50r tbody tr th,
.lc table#tbl25r tbody tr th {
padding:5px;
background-color:#EDDABF;
border-bottom:1px solid #999;
}
.lc table#tbl tfoot,
.lc table#tbl100c tfoot,
.lc table#tbl75c tfoot,
.lc table#tbl50c tfoot,
.lc table#tbl25c tfoot,
.lc table#tbl100l tfoot,
.lc table#tbl75l tfoot,
.lc table#tbl50l tfoot,
.lc table#tbl25l tfoot,
.lc table#tbl100r tfoot,
.lc table#tbl75r tfoot,
.lc table#tbl50r tfoot,
.lc table#tbl25r tfoot,
.lc table#tbl-spec tfoot,
.lc table#tblenter tfoot {
background:none !important;
border:none;
text-align:center;
}
.lc table#tblenter tfoot button#entry {
display:block;
width:141px;
height:34px;
margin:0px auto;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/entry_btn.gif") no-repeat center;
text-indent:-9999px;
border-width:0px;
cursor:pointer;
}
.lc table#tbl-spec {
margin:5px 5px 15px 5px;
font-size:small;
border-collapse:collapse;
}
.lc table#tbl-spec thead tr#bgon {
background-color:#EEE;
}
.lc table#tbl caption,
.lc table#tbl75l caption,
.lc table#tbl50l caption,
.lc table#tbl25l caption,
.lc table#tbl75r caption,
.lc table#tbl50r caption,
.lc table#tbl25r caption,
.lc table#tbl-spec caption {
font-weight:bold;
}
.lc table span {
color:#F00;
}
/*080227*/
.lc table#tbl thead tr th a,
.lc table#tbl75l thead tr th a,
.lc table#tbl50l thead tr th a,
.lc table#tbl25l thead tr th a,
.lc table#tbl75r thead tr th a,
.lc table#tbl50r thead tr th a,
.lc table#tbl25r thead tr th a {
color:#FF0;
text-decoration:underline;
}
.lc table#tbl thead tr th a:hover,
.lc table#tbl75l thead tr th a:hover,
.lc table#tbl50l thead tr th a:hover,
.lc table#tbl25l thead tr th a:hover,
.lc table#tbl75r thead tr th a:hover,
.lc table#tbl50r thead tr th a:hover,
.lc table#tbl25r thead tr th a:hover {
color:#FFCA10;
}
/* LEFT  CAPTION 
----------------------------------------------- */
.lc .articles div#noalign {clear:both;color:#333;}
.lc .articles div#noalign small#cap-c {text-align:center;color:#333;}
.lc .articles div#noalign small#cap-r {text-align:right;color:#333;}
.lc .articles div#noalign small#cap-l {text-align:left;color:#333;}
/* LEFT  NOTICE 
----------------------------------------------- */
.lc .articles div#notice {
display:block;
padding:7px 10px 10px 80px;
font-size:small;
font-weight:bold;
color:#A60;
background-color:#F50;
background:url("http://image.itmedia.co.jp/executive/images/next.gif") no-repeat left top;
clear:both;
}
.lc .articles div#notice a {
color:#A60;
text-decoration:underline;
}
/* LEFT  BOX 
----------------------------------------------- */
.lc .articles .boxl,
.lc .articles .boxr,
.lc .articles .box {
width:98%;
display:table;
margin:5px 0px;
padding:5px 0px 0px 5px;
border:2px solid #CCB7AC;
clear:both;
font-size:small;
}
.lc .articles .boxl#red,
.lc .articles .boxr#red,
.lc .articles .box#red {border-color:#BE2B2B;background-color:#F9F1F1;}
.lc .articles .boxl#blue,
.lc .articles .boxr#blue,
.lc .articles .box#blue {border-color:#267095;background-color:#F1F4F6;}
.lc .articles .boxl#orange,
.lc .articles .boxr#orange,
.lc .articles .box#orange {border-color:#DA6B2E;background-color:#FBF5F2;}
.lc .articles .boxl#green,
.lc .articles .boxr#green,
.lc .articles .box#green {border-color:#649526;background-color:#F4F6F1;}
.lc .articles .boxl#red img,
.lc .articles .boxr#red img,
.lc .articles .box#red img {border-color:#BE2B2B;background-color:#F9F1F1;border:2px solid #F9F1F1;}
.lc .articles .boxl#blue img,
.lc .articles .boxr#blue img,
.lc .articles .box#blue img {border-color:#267095;background-color:#F1F4F6;border:2px solid #F1F4F6;}
.lc .articles .boxl#orange img,
.lc .articles .boxr#orange img,
.lc .articles .box#orange img {border-color:#DA6B2E;background-color:#FBF5F2;border:2px solid #FBF5F2;}
.lc .articles .boxl#green img,
.lc .articles .boxr#green img,
.lc .articles .box#green img {border-color:#649526;background-color:#F4F6F1;border:2px solid #F4F6F1;}
.lc .articles .box table {
margin:0px;
padding:0px;
}
.lc .articles .boxl table#tbl75l,
.lc .articles .boxr table#tbl75l,
.lc .articles .box table#tbl75l {margin:0px 5px 10px 0px;width:72%;float:left;}
.lc .articles .boxl table#tbl50l,
.lc .articles .boxr table#tbl50l,
.lc .articles .box table#tbl50l {margin:0px 5px 10px 0px;width:47%;float:left;}
.lc .articles .boxl table#tbl25l,
.lc .articles .boxr table#tbl25l,
.lc .articles .box table#tbl25l {margin:0px 5px 10px 0px;width:22%;float:left;}
.lc .articles .boxl table#tbl75r,
.lc .articles .boxr table#tbl75r,
.lc .articles .box table#tbl75r {margin:0px 5px 10px 0px;width:72%;float:right;}
.lc .articles .boxl table#tbl50r,
.lc .articles .boxr table#tbl50r,
.lc .articles .box table#tbl50r {margin:0px 5px 10px 0px;width:47%;float:right;}
.lc .articles .boxl table#tbl25r,
.lc .articles .boxr table#tbl25r,
.lc .articles .box table#tbl25r {margin:0px 5px 10px 0px;width:22%;float:right;}
.lc .articles .box h3 {
margin:-3px 2px 2px -3px;
color:#FFF;
padding:3px 2px 2px 4px;
border:none;
font-size:100%;
} 
.lc .articles .boxl h3,
.lc .articles .boxr h3,
.lc .articles .box h3 {background-color:#8B6B5A;}
.lc .articles .boxl#red h3,
.lc .articles .boxr#red h3,
.lc .articles .box#red h3 {background-color:#BE2B2B;}
.lc .articles .boxl#blue h3,
.lc .articles .boxr#blue h3,
.lc .articles .box#blue h3 {background-color:#267095;}
.lc .articles .boxl#orange h3,
.lc .articles .boxr#orange h3,
.lc .articles .box#orange h3 {background-color:#DA6B2E;}
.lc .articles .boxl#green h3,
.lc .articles .boxr#green h3,
.lc .articles .box#green h3 {background-color:#649526;}
.lc .articles .box h4 {
margin:5px;
padding:5px 0px 3px 2px;
border-bottom:1px solid #999;
font-size:100%;
}
.lc .articles .boxl ul,
.lc .articles .boxr ul,
.lc .articles .box ul {
margin-top:5px;
margin-left:5px;
padding-left:10px;
list-style-type:square;
color:#333;
}
.lc .articles .boxl ul li,
.lc .articles .boxr ul li,
.lc .articles .box ul li {
padding-left:3px;
}
/* LEFT  KEYWORD 
----------------------------------------------- */
.lc .articles .endkwd .box h4 {
font-weight:normal;
color:#FFF;
visibility:hidden;
border-bottom:none;
}
.lc .articles .endkwd .box h4 a {
visibility:visible;
padding:3px 0px 3px 16px;
font-weight:bold;
background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat 0px 3px;
}
.lc .articles .endkwd .box span {
visibility:hidden;
}
/* LEFT  CTRL 
----------------------------------------------- */
.lc .articles .ctrl {
margin:30px auto;
font-size:12px;
clear:both;
text-align:center;
}
.lc .articles .ctrl span#numb,
.lc .articles .ctrl span#pgup {
color:#FFF;
}
.lc .articles .ctrl span#numb a:link,
.lc .articles .ctrl span#numb a:visited {
margin:0px;
padding:7px 4px;
font-weight:bold;
border:1px solid #A60;
text-decoration:none;
}
.lc .articles .ctrl span#numb a:hover {
background-color:#F5DEBA;
border:1px solid #A60;
text-decoration:none;
}
.lc .articles span#nostart .ctrl span#prev {
visibility:hidden;
}
.lc .articles .ctrl span#prev {
padding:10px 8px 10px 18px;
background:url("http://image.itmedia.co.jp/executive/images/ctrl.gif") no-repeat left center #036;
}
.lc .articles .ctrl span#next {
padding:10px 18px 10px 8px;
background:url("http://image.itmedia.co.jp/executive/images/ctrl.gif") no-repeat right center #036;
}
.lc .articles .ctrl span#prev a:link,
.lc .articles .ctrl span#prev a:visited,
.lc .articles .ctrl span#next a:link,
.lc .articles .ctrl span#next a:visited {
font-weight:bold;
color:#FFF;
text-decoration:none;
}
.lc .articles .ctrl span#prev a:hover,
.lc .articles .ctrl span#next a:hover {
color:#F5DEBA;
text-decoration:none;
}
.lc .articles .ctrl#start span#prev {
background:url("http://image.itmedia.co.jp/images/spacer.gif") no-repeat left center #FFF;
}
.lc .articles .ctrl#end span#next {
background:url("http://image.itmedia.co.jp/images/spacer.gif") no-repeat right center #FFF;
}
.lc .articles .ctrl span#numb strong {
margin:0px;
padding:7px 4px;
font-weight:bold;
border:1px solid #F5DEBA;
background-color:#A60;
color:#FFF;
}
/* ARTICLES - PRE -
----------------------------------------------- */
.articles div pre {
display:block;
padding:8px;
font-size:12px;
line-height:135%;
color:#DFA;
border:1px solid #999;
background-color:#242;
}
/* RIGHT
-------------------------------------------------- */
.rc {
float:right;
width:300px;
margin:0px;
padding:0px;
clear:right;
}
.rc .rec {
margin:10px 0px;
}
/* RIGHT ROGINBOX
-------------------------------------------------- */
.rc .loginbtn {
clear:both;
padding:3px;
margin-bottom:10px;
text-align:center;
}
/* RIGHT SEARCH
-------------------------------------------------- */
.rc .cbox#search {
margin-top:0px;
padding:0px 0px 1px 0px;
border:none;
clear:both;
background-color:#FFF;
}
.rc .cbox#search div#search0,
.rc .cbox#search div#search1,
.rc .cbox#search div#search2 {
background-color:#FFF !important;
}
.rc .cbox#search p,
.rc .cbox#search form {
margin:0px 0px 10px 0px;
padding:0px;
font-size:12px;
background:none;
}
/* RIGHT BOX
-------------------------------------------------- */
.rc .cbox {
width:298px;;margin-bottom:5px;padding:0px;
border:1px solid #D9C5BB;
background-color:#D9C5BB;
}
.rc .cbox h4 a {
color:#FFF;
}
.rc .cbox h4 a:hover {
text-decoration:underline;
}
.rc .cbox#search,
.rc .cbox#info,
.rc .cbox#specialpr,
.rc .cbox#newart,
.rc .cbox#osusume,
.rc .cbox#special,
.rc .cbox#topten,
.rc .cbox#article {
background-color:#FFF;
}
.rc .cbox#specialpr small {
display:block;
margin:2px 3px 2px 0px;
padding:0px 2px;
float:right;
font-size:10px;
color:#999;
background:#F4F4F4;
border:1px solid #E3E3E3;
}
.lc .cbox2 {
margin:5px 0px 5px 0px;
padding:0px 0px 1px 0px;
border:1px solid #D9C5BB;
background-color:#FFF;
clear:both;
}
.rc .cbox div {
margin-top:-1px !important;
margin-bottom:-1px !important;
border-bottom:2px solid #D9C5BB;
padding:0px;
background-color:#D9C5BB;
}
.rc .cbox#specialpr div {
margin:0px !important;
padding:0px;
background-color:#FFF;
border-bottom:0px solid #FFF;
}
.lc .cbox2#adv {
margin-top:0px !important;
padding:0px;
}
.rc .cbox h2,
.rc .cbox h4 {
margin:0px 0px 1px 0px;
padding:5px 0px 0px 8px !important;
height:19px;
font-size:12px;
background:url("http://image.itmedia.co.jp/executive/images/rc_fyi.gif") repeat-x 1px -15px #8F2E04;
font-weight:bold;
color:#FFF;
}
.lc .cbox2 h2,
.lc .cbox2 h4 {
margin:0px 0px 5px 0px;
padding:5px 0px 0px 6px !important;
height:20px;
font-size:12px;
background:url("http://image.itmedia.co.jp/executive/images/rc_fyi.gif") repeat-x 0px -15px #8F2E04;
font-weight:bold;
color:#FFF;
}
.rc .cbox div p {
width:288px;
margin:0px 2px 1px 2px;
padding:4px;
background-color:#FFF;
clear:both;
font-size:12px;
line-height:125%;
}
.rc .cbox p {
width:288px;
margin:3px 2px 5px 6px;
font-size:12px;
line-height:125%;
clear:both;
}
.lc .cbox2 p {
width:200px;
margin:0px 2px 5px;
font-size:12px;
line-height:125%;
clear:both;
}
.lc .l200 .cbox2 p {
margin:0px 2px 5px;
width:auto;
}
.rc .cbox#article p#le {
float:left;
width:45%;
}
.rc .cbox#article p#ri {
float:right;
width:45%;
clear:right;
}
.rc .cbox#info p,
.rc .cbox#newart p {width:260px;}
.rc .cbox#osusume p {width:280px;}
.rc .cbox#special p {width:280px;}
.lc .cbox2#newart p {width:160px;}
.lc .cbox2#newart {
margin-top:0px;
}
.rc .cbox#specialpr a {
clear:both;
display:block;
margin:0px 0px 0px 5px;
padding:5px 0px 3px 17px;
width:260px;
border-top:1px dotted #BABABA;
background:url("http://image.itmedia.co.jp/executive/images/arrow_06.gif") no-repeat 0px 7px;
}
.lc .cbox2#adv img {
margin:0px 4px 0px 0px;
}
.bgon p {
padding:3px 5px 3px 18px;
background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 2px 3px;
}
.bgoff p {
padding:3px 5px 3px 3px;
background:none;
}
.rc .cbox p a img,
.lc .cbox2 p a img {
margin:2px 3px 0px 0px;
float:left;
border-width:0px !important;
clear:both;
}
.rc .cbox#red p a img {
margin:2px 0px 0px 0px;
float:none;
border-width:0px !important;
clear:both;
}
.rc .cbox#specialpr {
padding:0px 0px 5px;
width:293px !important;
font-size:12px;
}
/*
.rc .cbox#specialpr div {
margin:0px;font-size:12px;
background:url(http://ca.c.yimg.jp/itmedia/image.itmedia.co.jp/ads/adtxt_bg.gif) no-repeat 3px 2px #FFF !important;
padding:0px;
border-bottom:2px solid #FFF;
}
*/
/*
.rc .cbox#specialpr ul {
clear:both;
padding:0px;
margin:0px;
list-style:none;
}
.rc .cbox#specialpr ul li {
padding:0px;
background-color:#F00 !important;
}
*/
.rc .cbox h4 small {
float:right;
margin-top:-16px;
margin-right:5px;
}
/* latest Feature - 080818 added */
.rc .cbox#latestFeat {
background-color:#FFF;
}
.rc .cbox#latestFeat p {
margin:0px 3px 4px 6px;
width:260px;
line-height:130%;
}
.rc .cbox#latestFeat p span {
color:#777;
}
.rc .cbox#latestFeat p.featImg {
width:298px;
margin:0px;
padding:0px;
background:#FFF;
text-align:center;
}
.rc .cbox#latestFeat .featImg a {
display:block;
width:290px;
margin:0px auto;
}
.rc .cbox#latestFeat .featImg a img {
float:none;
margin:3px 0px 4px;
}
.rc .cbox#latestFeat .featImg br {
display:none;
}
/* RIGHT FOR CREATIVE
-------------------------------------------------- */
.rc .cbox p a img {
margin:2px 4px 0px 0px;
float:left;
border-width:0px !important;
clear:both;
}
/* RIGHT TOP10
-------------------------------------------------- */
.rc ol#rank {
margin:0px;
padding:0px;
list-style:none;
}
.rc ol#rank li {
margin:0px;
padding:4px 4px 16px 34px;
border-top:1px solid #DDE;
background:url("http://image.itmedia.co.jp/executive/images/topten_rank.gif") no-repeat 3px 3px;
font-size:12px;
line-height:130%;
}
.rc ol#rank li#rank1 {background-position:5px 5px; border-top:none;}
.rc ol#rank li#rank2 {background-position:5px -95px;}
.rc ol#rank li#rank3 {background-position:5px -195px;}
.rc ol#rank li#rank4 {background-position:5px -295px;}
.rc ol#rank li#rank5 {background-position:5px -395px;}
.rc ol#rank li#rank6 {background-position:5px -495px;}
.rc ol#rank li#rank7 {background-position:5px -595px;}
.rc ol#rank li#rank8 {background-position:5px -695px;}
.rc ol#rank li#rank9 {background-position:5px -795px;}
.rc ol#rank li#rank10 {background-position:5px -895px;}
.rc .cbox p#ranktop {
display:block;
width:290px;
text-align:right;
margin:0px 0px 5px 0px;
margin:0px 0px 5px 0px;
}
/* RIGHT SPECIAL - Fyi
-------------------------------------------------- */
.rc .rcsp {
background:#FFF url("http://image.itmedia.co.jp/executive/images/rc_rcsp_repeat.gif") repeat-y 0px 0px;
}
.rc .rcsp #fyi {
width:300px;
margin:0px 0px 5px 0px;
padding:0px 0px 5px;
background:url("http://image.itmedia.co.jp/executive/images/rc_rcsp_btm.gif") no-repeat 0px bottom;
}
.rc .rcsp #fyi h2 {
height:23px;
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/rc_rcsp_heading.gif") no-repeat 0px 0px;
text-indent:-9999px;
}
.rc #fyi p {
width:286px;
margin:1px 0px 0px 6px;
padding:4px 0px;
background:#FFF;
border-top:1px solid #DDE;
}
.rc .rcsp #fyi p a {
text-decoration:none!important;
font-size:12px;
}
.rc .rcsp #fyi p a img {
margin:2px 4px 2px 2px;
float:left;
border-width:0px;
}
.rc .rcsp .rcsp-pr {
width:286px;
font-size:10px!important;
font-family:arial, sans-serif;
color:#CDE;
text-align:right;
position:absolute;
}
/* FOOTER
-------------------------------------------------- */
.footer {
display:table;
width:100%;
margin:0px 0px 20px 0px;
padding-top:15px;
background:url("http://image.itmedia.co.jp/executive/images/navibg_footer.gif") repeat-x top #FFF;
clear:both;
}
.footer .footerinner {
display:block;
width:980px;
margin:0px auto;
font-size:12px;
text-align:left;
background-color:#FFF;
clear:both;
}
.footer p#logo {}
.footer p#info1 {
color:#99A;
padding:20px 0px 0px 0px;
}
.footer p#info2 {
margin:3px 0px;
padding:5px 5px 2px 190px;
font-size:12px;color:#445;
}
/* MEDIA FOOTER
-------------------------------------------------- */
.mediafooter {
margin:5px 15px 20px;
padding:0;
font-size:12px;
color:#999;
text-align:right;
}
/* Generic PR Template - Title -
----------------------------------------------- */
.adtitle {
margin:0px;
padding:0px;
}
.adtitle a:link,
.adtitle a:visited {
display:block;
padding:0px;
text-indent:-9999px;
}
#mes h1 {
margin:5px 0px;
background:url("http://image.itmedia.co.jp/images0509/mes_bg.gif") no-repeat right bottom;
border-top:4px solid #C00;
border-bottom:2px solid #C00;
}
#mes h1 a:link,
#mes h1 a:visited {
background:url("http://image.itmedia.co.jp/images0509/mes_title.gif") no-repeat left top;height:65px;
}
#mes p {
font-size:100%;
line-height:130%;
}
/* BackNumber
----------------------------------------------- */
.backnum {font-size:13px;float:right;width:49%;margin:0px 0px 5px 5px;}
.backnum dl {margin:0px;padding:0px;}
.backnum dl dt {padding:3px 3px 3px 5px;font-weight:bold;color:#FFF;border:1px solid #D9C5BB;background-color:#A4491C;}
.backnum dl dd {margin:0px;padding:3px 3px 3px 21px;border:1px solid #D9C5BB;border-top:0px solid #369;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 #FEC;}
.backnumlist {
padding:1px;
border:1px solid #977;
font-size:13px;
}
.backnumlist h4 {
margin-top:0px !important;
margin:0px;
padding:4px!important;
font-size:13px;
color:#FFF!important;
background:#A4491C!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 #D9C5BB!important;
}
.backnumlist ol {
list-style:none;
}
/* Other
----------------------------------------------- */
/*080321*/
#\/executive\/articles\/0803\/06\/news027\_2\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0803\/14\/news004\_2\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0802\/21\/news035\_2\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0802\/08\/news036\_3\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0801\/23\/news079\_2\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0801\/09\/news036\_3\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0712\/12\/news008\_3\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0711\/28\/news009\_2\.html body .outbody .inbody .lc .articles .box div#col200l,
#\/executive\/articles\/0711\/14\/news010\_2\.html body .outbody .inbody .lc .articles .box div#col200l {
width:130px;
}
#\/executive\/articles\/0803\/26\/news007\_2\.html body .outbody .inbody .lc .articles .box div#col200l {
width:120px;
}
/* CMS INPUT BLOCKQUOTE 080610
---------------------------------------------------------------------------------------------------*/
.newart blockquote {
background:url("http://image.itmedia.co.jp/images0509/blockquote.gif") no-repeat 5px 5px #EEE;
padding:10px;
}
.newart blockquote p {
margin:0px 0px 5px;
padding:0px 0px 0px 25px!important;
}
.trBoxC .trBoxWidth {margin:auto;}
.trBoxL .trBoxWidth {float:left;}
.trBoxR .trBoxWidth {float:right;}
.balAlign, .balAlignL, .balAlignR, .balAlignCL, .balAlignCR,
.balAlignCC {margin:0px 15px 15px 15px;background:url("http://image.itmedia.co.jp/images0509/blh1.gif") left top repeat-x #dcecfe;}
.balAlignCC {margin:0px 15px 0px 15px;}
.balBox1 {background:url("http://image.itmedia.co.jp/images0509/blh2.gif") left bottom repeat-x;width:100%;font-size:86%;}
.balBox2 {background:url("http://image.itmedia.co.jp/images0509/blv1.gif") left top repeat-y;}
.balBox3 {background:url("http://image.itmedia.co.jp/images0509/blv2.gif") right top repeat-y;}
.balBox4 {background:url("http://image.itmedia.co.jp/images0509/blr1.gif") left top no-repeat;}
.balBox5 {background:url("http://image.itmedia.co.jp/images0509/blr2.gif") right top no-repeat;}
.balBox6 {background:url("http://image.itmedia.co.jp/images0509/blr3.gif") left bottom no-repeat;}
.balBox7 {background:url("http://image.itmedia.co.jp/images0509/blr4.gif") right bottom no-repeat;}
.balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") center bottom no-repeat;padding:12px 16px 16px 16px;}
.balAlignL .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blil.gif") left top no-repeat;}
.balAlignR .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blir.gif") right top no-repeat;}
.balAlignCL .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") left bottom no-repeat;}
.balAlignCR .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") right bottom no-repeat;}
.balAlignCC .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blic.gif") center bottom no-repeat;}
.balAlign .balBox8 {background:url("http://image.itmedia.co.jp/images0509/blh2.gif") center bottom no-repeat;}
/* FEATURES MIDDLE
----------------------------------------------- */
#featMdl .lc .articles {margin:0px 20px 20px 8px;}
#featMdl .heading1.decotitle {display:block;width:100%;margin:0px;padding:0px 0px 10px;}
#featMdl .heading1.decotitle div {display:block;padding:0px;text-decoration:none;}
#featMdl .heading1.decotitle div h1 {margin:0px;padding:0px;text-indent:-9999px;}
#featMdl .heading2 div h2 {color:#555555;font-size:96%;margin:7px 0 20px;}
#featMdl .decoheading {margin:5px 0px;font-size:12px;}
#featMdl .decoheading div {background-repeat:no-repeat;}
#featMdl .decoheading div h4 {margin:0px;font-size:small;border-bottom:none;}
#featMdl .newart .middleIndex {padding:0px 0px 30px;}
#featMdl .newart .middleIndex .lc .articles {margin:0px 20px 20px 10px;}
.middleIndex p {line-height:130%;}
.middleIndex p strong {padding:0px 0px 10px 0px;}
.middleIndex p strong small {display:block;font-size:small;font-weight:bold;color:#A70;}
.middleIndex p small {display:inline;font-size:small;font-weight:normal;color:#555;}
.middleIndex p small span {color:#777;}
.middleIndex a:link,
.middleIndex a:visited {text-decoration:none;}
.middleIndex a:hover {text-decoration:underline;}
.featBan0902 {margin:20px 0px;text-align:center;}
.featBan0902 img {border:0px #FFF solid!important;}
/* icon */
.lc .articles .middleIndex div .ico-l {margin-right:0px}
.lc .articles .middleIndex div .ico-l img {margin-right:9px;border:none;}
.lc .articles .middleIndex div .ico-r {margin-left:0px;}
.lc .articles .middleIndex div .ico-r img {margin-left:9px;border:none;}
/* index */
.lc .articles .middleIndex p {clear:both;margin:10px 0px 5px;font-size:small;line-height:150%;color:#555;}
.lc .articles .middleIndex p .ico {margin:0px;border:0px;}
.lc .articles .middleIndex p .ico img {float:left;margin:3px 9px 3px 0px;border:0px;}
.lc .articles .middleIndex p strong {font-size:120%;}
.lc .articles .middleIndex p strong span {display:block;color:#A70;font-size:small;}
.lc .articles .middleIndex .linkset {font-size:small;}
/* FEATURES MIDDLE PR BOX
-------------------------------------------------- */
.featMdl-PRbox {
clear:both;
margin:20px 0px;
background:#FFF;
font-size:12px;
border:3px solid #EEE;
}
.featMdl-PRbox .box-in {border:1px solid #CCC;}
.featMdl-PRbox .box-bar {
margin:1px;
border-bottom:1px solid #DDD;
background:#EEE;
}
.featMdl-PRbox .box-bar div {border-bottom:1px solid #FFF;}
.featMdl-PRbox .box-bar span.pr {
float:right;
margin: 1px 5px 0px 0px;
font-size:10px;
font-family:arial,sans-serif;
color:#999;
}
.featMdl-PRbox .box-bar strong {
display:block;
padding:2px 10px;
color:#818181;
}
.featMdl-PRbox .box-body {
padding:0px 10px;
}
.lc .articles .featMdl-PRbox p {
display:table;
margin:5px 0px;
padding:3px 0px 5px;
line-height:135%!important;
font-size:13px;
}
* html .featMdl-PRbox .box-body p {display:inline-block;}
*+html .featMdl-PRbox .box-body p {display:inline-block;}
.featMdl-PRbox p strong {
display:block;
margin:2px 0px 3px;
padding:0px;
font-size:16px;
}
.featMdl-PRbox p strong a:link,
.featMdl-PRbox p strong a:visited {
text-decoration:none;
}
.featMdl-PRbox p strong a:hover,
.featMdl-PRbox p strong a:active {
text-decoration:underline;
}
.featMdl-PRbox p .ico {
float:left;
border-bottom:none;
border-right:none;
}
.lc .articles .featMdl-PRbox p .ico img {
margin:0px 8px 10px 0px;
border:none!important;
}
.featMdl-PRbox p br {display:none;}
.featMdl-PRbox p span {
padding-right:5px;
}
.featMdl-PRbox p span br {display:block;}
/* FYI - ARTICLE BOTTOM 0902 -
---------------------------------------------------------------------------------------------------*/
.articles .cbox#pr {
clear:both;
margin:0px 0px 0px 0px;
padding:0px;
width:100%;
border:none;
}
.articles .cbox#pr #fyi {
position:relative;
top:-10px;
border:none;
}
.articles .cbox#pr #fyi h2 {
position:relative;
top:20px;
width:80px;
margin:0;
padding:3px 0 0 20px;
background:url("http://image.itmedia.co.jp/images0509/submenubg6.gif") no-repeat 2px 3px;
font-size:12px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#555;
}
.articles .cbox#pr #fyi p {
display:block;
width:480px;
margin:0px 0px 0px 105px;
padding:5px 0px 5px 30px;
background:url("http://image.itmedia.co.jp/images/arr04a.gif") no-repeat 10px 5px;
border-left:4px solid #CCC;
font-size:12px;
}
* html .articles .cbox#pr #fyi p {margin:0px 0px 0px 85px;}
*+html .articles .cbox#pr #fyi p {margin:0px 0px 0px 85px;}
.articles .cbox#pr #fyi p a:link,
.articles .cbox#pr #fyi p a:visited {
text-decoration:none;
}
.articles .cbox#pr #fyi p a:hover {
text-decoration:underline;
}
/* TOP FEATURES
-------------------------------------------------- */
.topFeatures {margin:15px 0px 20px;}
.lc .topFeatures .headline {
padding:0px;
background:#FFF;
border:3px #E4E0DF solid;
}
.lc .topFeatures .headline div {
padding:10px;
border:1px #CCB solid;
}
.lc .topFeatures .headline .linkset {
margin:0px;
}
.lc .topFeatures .headline .linkset li {
padding-top:2px;
font-size:15px;
color:#777;
}
.topFeatures .headline .linkset li span {
font-size:small;
}
.topFeatures .headline .linkset li a {
font-weight:bold;
}
/* AMAZON ITEM 090416
---------------------------------------------------------------------------------------------------*/
#amazon-item {
text-align:center;
}
#amazon-item table {
margin:20px auto;
text-align:left;
border:5px #CCDEEE solid;
border-collapse:collapse;
}
#amazon-item thead th {
padding:0px;
font-size:small;
}
#amazon-item thead th span {
display:block;
padding:5px 10px;
height:1%;
margin:1px;
background:#CDE0F0 url("http://image.itmedia.co.jp/plusd/images/boxbar_blue02.gif") repeat-x 0px 0px;
color:#369;
font-size:12px;
}
#amazon-item td {
width:184px;
padding:10px;
font-size:12px;
line-height:130%;
vertical-align:top;
border:1px #CCDEEE solid;
}
#amazon-item td a img {
border:none;
}
#amazon-item .amazon-product .icon img {
float:left;
margin:0px 5px 0px 0px;
}
#amazon-item .amazon-btBuy {
display:block;
float:right;
width:100px;
height:19px;
margin:3px 0px 0px 0px;
background:url("http://image.itmedia.co.jp/images0509/amazon_bt_buy.gif") no-repeat 0px 0px;
text-indent:-9999px;
}
#topRensaiIdx {}
#topRensaiIdx .boxLst {
clear:both;
display:table;
margin-bottom:20px;
}
#topRensaiIdx .box {
float:left;
width:210px;
padding:5px 12px 0px 0px;
}
#topRensaiIdx .backNumBox strong {
display:none;
}
#topRensaiIdx .backNumBoxIn ul {
clear:both;
margin:0px;
padding:0px;
list-style-type:none;
}
#topRensaiIdx .backNumBoxIn ul li {
padding:3px 0px 3px 18px;
background:url("http://image.itmedia.co.jp/executive/images/arr_file.gif") no-repeat 2px 3px;
}
#topRensaiIdx .icon img {
float:left;
margin:0px 4px 5px 0px;
}
#topRensaiIdx .andmore {
clear:both;
display:block;
float:right;
margin:0px;
padding:0px 0px 0px 16px;
background:url("http://image.itmedia.co.jp/images0509/submenubg6.gif") no-repeat left center;
font-size:13px;
font-weight:bold;
}
/* MEMBERSHIP REGISTRATION
---------------------------------------------------------------------------------------------------*/
#membership-registration {
width:618px;
margin:0px 0px 20px;
padding:2px 0px;
border:1px solid #CECECE;
}
#membership-registration h3 {
width:614px;
height:33px;
margin:0px auto 7px auto;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat 0px -625px;
border-bottom:none;
border-left:none;
text-indent:-9999px;
overflow:hidden;
}
#membership-registration p {
margin:0px 15px 5px 15px;
font-size:12px;
}
#membership-registration #membership-service {
width:590px;
margin:0px auto 25px auto;
}
#membership-registration #membership-service h4 {
width:590px;
height:23px;
margin:15px 0px 7px;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat 0px -125px;
border-bottom:none;
text-indent:-9999px;
overflow:hidden;
}
#membership-registration #membership-service p {
float:left;
width:185px;
height:111px;
margin:0px 5px 10px;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat 0px -510px;
text-indent:-9999px;
overflow:hidden;
}
#membership-registration #membership-service p.service2 {background-position:-200px -510px;}
#membership-registration #membership-service p.service3 {background-position:-400px -510px;}
#membership-registration #membership-service .serviceDetail a {
float:right;
display:block;
margin:0px 5px 5px;
width:144px;
height:31px;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat -600px -510px;
text-indent:-9999px;
overflow:hidden;
}
#membership-registration #membership-registform {
clear:both;
display:block;
width:590px;
margin:0px auto;
padding:0px 0px 5px;
}
#membership-registration #membership-registform h4 {
width:590px;
height:23px;
margin:0px 0px 7px;
padding:0px;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat 0px -150px;
border-bottom:none;
text-indent:-9999px;
overflow:hidden;
}
#membership-registration #membership-registform table {
width:95%;
margin:0px auto;
}
#membership-registration #membership-registform #membership-registform-flow p {
width:188px;
height:210px;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat -504px -175px;
text-indent:-9999px;
overflow:hidden;
}
#membership-registration #membership-registform form {
font-size:12px;
}
#membership-registration #membership-registform form table {
border-collapse:collapse;
}
#membership-registration #membership-registform form table th {
padding:5px;
background:#e2e2e2;
border:1px #c9c9c9 solid;
}
#membership-registration #membership-registform form table th span {
color:#fe0002;
}
#membership-registration #membership-registform form table td {
padding:5px;
border:1px #c9c9c9 solid;
line-height:150%;
}
#membership-registration #membership-registform form td.entryBtn {
border-right:0px #FFF solid;
border-bottom:0px #FFF solid;
border-left:0px #FFF solid;
text-align:center;
}
#membership-registration #membership-registform form #membership-registform-entrybtn {
display:block;
margin:0px auto;
width:184px;
height:33px;
border:none;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat 0px -350px;
text-indent:-9999px;
cursor:pointer;
}
#membership-registration #membership-footer {
diaplay:block;
height:25px;
background:url("http://image.itmedia.co.jp/executive/images/membership_sprites.jpg") no-repeat 0px -485px;
}
.lnavBm {
float:right;
}
.lnavBmList {
margin:0;
padding:4px;
list-style-type:none;
float:left;
}
.lnavBmList li {
float:left;
text-indent:-9999px;
width:18px;
}
.lnavBmList .lnavBmMl a,
.lnavBmList .lnavBmRss a,
.lnavBmList .lnavBmTw a {
display:block;
width:100%;
height:16px;
}
.lnavBmList .lnavBmRss {
margin-right:2px;
background:url("http://image.itmedia.co.jp/enterprise/images/mailmag.gif") no-repeat -60px 0;
}
.lnavBmList .lnavBmTw {
background:url("http://image.itmedia.co.jp/enterprise/images/mailmag.gif") no-repeat -104px 0;
}
.searchSw {
float:left;
}
#formExSns,
#formExMag {
padding:2px;
float:left;
}
#formExMag,
#formExSns * {
float:left;
}
#formExMag {
display:none;
}
.outheader strong.logo a, .outheader h1 a {height:67px;}
.outheader #localNavi,
#navigation {width:648px;}
.outheader #localNavi .tabs {width:646px;}
.lnavBi {
margin:-39px 0 0;
width:300px;
float:right;
}
.lnavBi .lnavBiButton {
width:147px;
text-indent:-9999px;
float:left;
}
.lnavBi .lnavBiButton a {
display:block;
width:100%;
height:52px;
float:left;
}
.lnavBi .lnavBiNw {
background:url("http://image.itmedia.co.jp/enterprise/images/bi_logo.gif") no-repeat 0 0;
}
.lnavBi .lnavBiEp {
background:url("http://image.itmedia.co.jp/enterprise/images/bi_logo.gif") no-repeat -148px 0;
margin-left:6px;
}
.lnavBi .lnavBiNw a:hover {
background:url("http://image.itmedia.co.jp/enterprise/images/bi_logo.gif") no-repeat 0 -53px;
}
.lnavBi .lnavBiEp a:hover {
background:url("http://image.itmedia.co.jp/enterprise/images/bi_logo.gif") no-repeat -148px -53px;
}
.dir {
background-position:4px 15px;
padding: 12px 0 0 28px;
}
/* commonSocialButton 20110421
-------------------------------------------------------------------------- */
#masterSocialbuttonTop {
clear:both;
}
#masterSocialbuttonBtm .msbBtn {
height:15px;
overflow:hidden;
display:block;
}
#masterSocialbuttonBtm .msbBtn a {
display:block;
padding-top:0;
padding-bottom:0;
}
#masterSocialbuttonBtm .msbBtn a:hover {
color:#C00;
text-decoration:none;
}
.colBoxClear {
clear:both;
}
/*=====================================================================*/
/* EMPTY SPACE */
/*=====================================================================*/
.h5px {
height:5px;
margin:0;
}
.h10px {
height:10px;
*height:0px;
margin:0;
overflow:hidden;
}
/*---------------------------------------------------------------------*/
/* �« ˆÈ‰º�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 */
/*---------------------------------------------------------------------*/
#ITT .colBoxIndex {
margin-bottom:4px !important;
}
#ITT .colBoxTitle {
background:url("http://image.itmedia.co.jp/images0509/adtxt_bg.gif") no-repeat 5px;
padding:0 0 0 28px;
}
#ITT .colBoxTitleSubtxt {
display:none;
}
#ITT .colBoxTitle h3 {
font-size:12px;
line-height:16px;
font-weight:normal;
color:#333;
border:none;
}
/*---------------------------------------------------------------------*/
/* ISALR */
/*---------------------------------------------------------------------*/
#colBoxISALR {
width:300px;
}
#colBoxISALR .colBox {
background:none repeat scroll 0 0 #FFF;
clear:both;
margin:0 0 5px;
padding:0;
border-top:3px solid #E5EEE5;
border-bottom:3px solid #E5EEE5;
border-left:3px solid #E5EEE5;
border-right:3px solid #E5EEE5;
}
#colBoxISALR .colBoxHead {
background:url("http://image.itmedia.co.jp/images0509/ISALR_heading_ep_repeat.gif") repeat-x scroll left -4px;
border-top:none;
border-left:1px solid #EEE;
border-right:1px solid #EEE;
color:#FFF;
font-family:Verdana,Helvetica,sans-serif;
margin-bottom:0;
padding:5px 0 2px 5px;
}
#colBoxISALR .colBoxHead h2 {
font-size:12px;
line-height:16px;
margin:0;
}
#colBoxISALR .colBoxOuter {
border:1px solid #C4D6C3;
margin:0px;
}
#colBoxISALR .colBoxIndex {
border-top:1px solid #DDE;
font-size:12px;
height:1%;
line-height:16px;
margin:0;
padding:4px 3px;
clear:both;
}
#colBoxISALR .colBoxIcon {
float:left;
margin:0 3px 4px 0;
}
#colBoxISALR .colBoxTitle {
}
#colBoxISALR .colBoxTitle h2 {
font-size:12px;
line-height:16px;
font-weight:normal;
}
#colBoxISALR .colBoxTitle h3 {
font-size:12px;
line-height:16px;
font-weight:normal;
margin:0;
}
#colBoxISALR .colBoxHeadSubtxt {
font-size:10px;
float:right;
margin-top:3px;
padding-right:5px;
}
#colBoxISALR .colBoxNewtxt {
display:block;
color:#F00;
font-weight:bold;
}
#colBoxISALR .h10px {
height: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 {
font-size:10px;
line-height:14px;
border:none;
font-weight:bold;
margin:0 0 13px;
text-align:right;
}
.colBoxITSB .colBoxInner {
border:1px solid #C00;
}
.colBoxITSB .colBoxIndex {
padding:10px;
height:1%;
}
.colBoxITSB .colBoxSubTitle {
margin: 0 0 3px;
}
.colBoxITSB .colBoxSubTitle h5 {
margin:0;
padding:0;
color: #C00;
font-size:14px;
line-height:20px;
clear:none;
}
.colBoxITSB .colBoxTitle {
margin:0 0 3px;
}
.colBoxITSB .colBoxTitle h3 {
font-size:16px;
line-height:20px;
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 {
font-size:12px;
line-height:16px;
margin:0 0 3px;
text-align:right;
}
/*---------------------------------------------------------------------*/
/* ISALC */
/*---------------------------------------------------------------------*/
#colBoxISALC {
position:relative;
}
#colBoxISALC .colBoxHead{
position:absolute;
border-bottom:none;
}
#colBoxISALC .colBoxHead h2{
background:url("http://image.itmedia.co.jp/images0509/ISALC_heading_exe.gif") no-repeat scroll left top;
color:#555;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0 0 0 20px;
width:85px;
clear:left;
}
#colBoxISALC .colBoxHead .colBoxHeadSubtxt {
display:none;
}
#colBoxISALC .colBoxInner {
position:relative;
top:0;
left:107px;
border-left:4px solid #CCC;
display:block;
padding:0 0 0 10px;
width:320px;
}
#colBoxISALC .colBoxIndex {
background:url("http://image.itmedia.co.jp/images0509/ISALC_item_exe.gif") no-repeat scroll left 5px;
color:#555;
font-size:12px;
height:1%;
margin:0;
padding:5px 0 10px 18px;
}
#colBoxISALC .colBoxIcon a {
margin:0 5px 0 0;
float:left;
border:none;
}
#colBoxISALC .colBoxIcon img {
border:none;
}
#colBoxISALC .colBoxTitle h3 {
margin:0;
padding-top:0;
clear:none;
border:none;
font-size:12px;
line-height:16px;
font-weight:normal;
}
#colBoxISALC .colBoxClear {
clear:both;
font-size:0;
height:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* ISALCO */
/*---------------------------------------------------------------------*/
#colBoxISALCO {
position:relative;
}
#colBoxISALCO .colBoxHead{
position:absolute;
border-bottom:none;
}
#colBoxISALCO .colBoxHead h2{
background:url("http://image.itmedia.co.jp/images0509/ISALC_heading_exe.gif") no-repeat scroll left top;
color:#555;
display:block;
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:12px;
font-weight:bold;
margin:0;
padding:0 0 0 20px;
width:85px;
clear:left;
}
#colBoxISALCO .colBoxHead .colBoxHeadSubtxt {
display:none;
}
#colBoxISALCO .colBoxInner {
position:relative;
top:0;
left:107px;
border-left:4px solid #CCC;
display:block;
padding:0 0 0 10px;
width:320px;
}
#colBoxISALCO .colBoxIndex {
background:url("http://image.itmedia.co.jp/images0509/ISALC_item_exe.gif") no-repeat scroll left 5px;
color:#555;
font-size:12px;
height:1%;
margin:0;
padding:5px 0 10px 18px;
}
#colBoxISALCO .colBoxIcon a {
margin:0 5px 0 0;
float:left;
border:none;
}
#colBoxISALCO .colBoxIcon img {
border:none;
}
#colBoxISALCO .colBoxTitle h3 {
margin:0;
padding-top:0;
clear:none;
border:none;
font-size:12px;
line-height:16px;
font-weight:normal;
}
#colBoxISALCO .colBoxClear {
clear:both;
font-size:0;
height:0;
line-height:0;
}