@import url("/css/gfooter.css");

img {-ms-interpolation-mode:bicubic;}
/* ALL
---------------------------------------------------------------------------------------------- */
body {
margin:0px;
padding:0px;
color:#444;
font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック", Osaka;
background:url(//image.itmedia.co.jp/makoto/images/body_bg2.gif) repeat-y center top #EEE;
text-align:center;
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd {
margin:0px;
padding:0px;
line-height:140%;
}
h3 {
font-size:100%;
margin-bottom:2px;
}
ul,ol,li,dl,dt,dd {
font-size:small;
}
li {
list-style:none;
}
hr {
visibility:hidden;
clear:both;
}
a:link {
color:#037;
text-decoration:none;
}
a:visited {
color:#800080;
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
a img {
border:0px solid #FFF !important;
}
form,
form input {
margin:0px;
padding:0px;
}
.top p {font-size:small;}
.crb {clear:both;}
.kome {color:#F00;}
.em1 a {width:1em;}
.em2 a {width:2em;}
.em3 a {width:3em;}
.em4 a {width:4em;}
.em5 a {width:5em;}
.em6 a {width:6em;}
.em7 a {width:7em;}
.em8 a {width:8em;}
.em9 a {width:9em;}
.em10 a {width:10em;}
.em11 a {width:11em;}
.em15 a {width:1.5em;}
.em25 a {width:2.5em;}
.em35 a {width:3.5em;}
.em45 a {width:4.5em;}
.em55 a {width:5.5em;}
.em65 a {width:6.5em;}
.em75 a {width:7.5em;}
.em85 a {width:8.5em;}
.em95 a {width:9.5em;}
.em105 a {width:10.5em;}
/* FLOAT
---------------------------------------------------------------------------------------------- */
.l10,.r10 {width:9%;}
.l15,.r15 {width:14%;}
.l20,.r20 {width:19%;}
.l25,.r25 {width:24%;}
.l30,.r30 {width:29%;}
.l33,.r33 {width:33%;}
.l35,.r35 {width:34%;}
.l40,.r40 {width:39%;}
.l45,.r45 {width:44%;}
.l50,.r50 {width:49%;}
.l55,.r55 {width:54%;}
.l60,.r60 {width:59%;}
.l65,.r65 {width:64%;}
.l70,.r70 {width:69%;}
.l75,.r75 {width:74%;}
.l80,.r80 {width:79%;}
.l85,.r85 {width:84%;}
.l90,.r90 {width:89%;}
.l10,.l15,.l20,.l25,.l30,.l33,.l35,.l40,.l45,.l50,.l55,.l60,.l65,.l70,.l75,.l80,.l85,.l90 {float:left;}
.r10,.r15,.r20,.r25,.r30,.r33,.r35,.r40,.r45,.r50,.r55,.r60,.r65,.r70,.r75,.r80,.r85,.r90 {float:right;}
.l {float:left;margin:0px 5px 5px 0px;text-align:center;}
.r {float:right;margin:0px 0px 5px 5px;text-align:center;}
.c100 {float:none;text-align:center;}
/* TEXT-ALIGN
---------------------------------------------------------------------------------------------- */
.tal {text-align:left;}
.tac {text-align:center;}
.tar {text-align:right;}
/* FONT-WEIGHT
---------------------------------------------------------------------------------------------- */
.fwn {font-weight:normal;}
.fwb {font-weight:bold;}
/* LINE-HEIGHT
---------------------------------------------------------------------------------------------- */
.lh100 {line-height:100%;}
.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
/* LINE-HEIGHT
---------------------------------------------------------------------------------------------- */
.lh100 {line-height:100%;}
.lh110 {line-height:110%;}
.lh120 {line-height:120%;}
.lh130 {line-height:130%;}
.lh140 {line-height:140%;}
.lh150 {line-height:150%;}
.lh160 {line-height:160%;}
/* BACKGROUND
---------------------------------------------------------------------------------------------- */
.bgfff {background:#FFF;}
.bgccc {background:#CCC;}
.bgbcc {background:#BCC;}
.bgcbc {background:#CBC;}
.bgccb {background:#CCB;}
.bgeee {background:#EEE;}
.bgdee {background:#DEE;}
.bgede {background:#EDE;}
.bgeed {background:#EED;}
/* MARGIN
---------------------------------------------------------------------------------------------- */
.mg1 {margin:1px;}
.mg2 {margin:2px;}
.mg3 {margin:3px;}
.mg4 {margin:4px;}
.mg5 {margin:5px;}
.mg6 {margin:6px;}
.mg7 {margin:7px;}
.mg8 {margin:8px;}
.mg9 {margin:9px;}
.mg10 {margin:10px;}
.mgt1 {margin-top:1px;}
.mgt2 {margin-top:2px;}
.mgt3 {margin-top:3px;}
.mgt4 {margin-top:4px;}
.mgt5 {margin-top:5px;}
.mgt6 {margin-top:6px;}
.mgt7 {margin-top:7px;}
.mgt8 {margin-top:8px;}
.mgt9 {margin-top:9px;}
.mgt10 {margin-top:10px;}
.mgr1 {margin-right:1px;}
.mgr2 {margin-right:2px;}
.mgr3 {margin-right:3px;}
.mgr4 {margin-right:4px;}
.mgr5 {margin-right:5px;}
.mgr6 {margin-right:6px;}
.mgr7 {margin-right:7px;}
.mgr8 {margin-right:8px;}
.mgr9 {margin-right:9px;}
.mgr10 {margin-right:10px;}
.mgb1 {margin-bottom:1px;}
.mgb2 {margin-bottom:2px;}
.mgb3 {margin-bottom:3px;}
.mgb4 {margin-bottom:4px;}
.mgb5 {margin-bottom:5px;}
.mgb6 {margin-bottom:6px;}
.mgb7 {margin-bottom:7px;}
.mgb8 {margin-bottom:8px;}
.mgb9 {margin-bottom:9px;}
.mgb10 {margin-bottom:10px;}
.mgl1 {margin-left:1px;}
.mgl2 {margin-left:2px;}
.mgl3 {margin-left:3px;}
.mgl4 {margin-left:4px;}
.mgl5 {margin-left:5px;}
.mgl6 {margin-left:6px;}
.mgl7 {margin-left:7px;}
.mgl8 {margin-left:8px;}
.mgl9 {margin-left:9px;}
.mgl10 {margin-left:10px;}
/* PADDING
---------------------------------------------------------------------------------------------- */
.pd1 {padding:1px;}
.pd2 {padding:2px;}
.pd3 {padding:3px;}
.pd4 {padding:4px;}
.pd5 {padding:5px;}
.pd6 {padding:6px;}
.pd7 {padding:7px;}
.pd8 {padding:8px;}
.pd9 {padding:9px;}
.pd10 {padding:10px;}
.pdb1 {padding-bottom:1px;}
.pdb2 {padding-bottom:2px;}
.pdb3 {padding-bottom:3px;}
.pdb4 {padding-bottom:4px;}
.pdb5 {padding-bottom:5px;}
.pdb6 {padding-bottom:6px;}
.pdb7 {padding-bottom:7px;}
.pdb8 {padding-bottom:8px;}
.pdb9 {padding-bottom:9px;}
.pdb10 {padding-bottom:10px;}
.pdl1 {padding-left:1px;}
.pdl2 {padding-left:2px;}
.pdl3 {padding-left:3px;}
.pdl4 {padding-left:4px;}
.pdl5 {padding-left:5px;}
.pdl6 {padding-left:6px;}
.pdl7 {padding-left:7px;}
.pdl8 {padding-left:8px;}
.pdl9 {padding-left:9px;}
.pdl10 {padding-left:10px;}
.pdr1 {padding-right:1px;}
.pdr2 {padding-right:2px;}
.pdr3 {padding-right:3px;}
.pdr4 {padding-right:4px;}
.pdr5 {padding-right:5px;}
.pdr6 {padding-right:6px;}
.pdr7 {padding-right:7px;}
.pdr8 {padding-right:8px;}
.pdr9 {padding-right:9px;}
.pdr10 {padding-right:10px;}
/* ALLOW
---------------------------------------------------------------------------------------------- */
.arrow {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
color:#333;
}
/* NEWICON
---------------------------------------------------------------------------------------------- */
/* COLOR
---------------------------------------------------------------------------------------------- */
.blue {color:#336;}
.green {color:#363;}
.red {color:#633;}
.purple {color:#636;}
.orange {color:#F60;}
/* CLEAR
---------------------------------------------------------------------------------------------- */
.clrb {clear:both;}
.clrl {clear:left;}
.clrr {clear:right;}
.clrall {clear:both;font-size:0;height:0;line-height:0;}
/* GROBAL
---------------------------------------------------------------------------------------------- */
/* LIST
---------------------------------------------*/
.archive {}
.archive#minimakoto li {
padding:0px 0px 3px 68px;
font-size:14px;
font-weight:bold;
background:url(//image.itmedia.co.jp/makoto/images/kwd_ico.gif) no-repeat 0px 0px;
}
.archive#minimakoto li {background:url(//image.itmedia.co.jp/makoto/images/kwd_ico.gif) no-repeat 0px 0px;}
.archive#minimakoto li.report {background-position:0px -50px;}
.archive#minimakoto li.felica {background-position:0px -100px;}
.archive#minimakoto li.retail {background-position:0px -150px;}
.archive#minimakoto li.traffic {background-position:0px -200px;}
.archive#minimakoto li.service {background-position:0px -250px;}
.archive#minimakoto li.society {background-position:0px -300px;}
.archive#minimakoto li.food {background-position:0px -350px;}
.archive#minimakoto li.finance {background-position:0px -400px;}
.archive#minimakoto li.information {background-position:0px -450px;}
.archive#minimakoto li.carrer {background-position:0px -500px;}
.archive#minimakoto li.investment {background-position:0px -550px;}
.archive#minimakoto li.credit {background-position:0px -600px;}
.archive#minimakoto li.politics {background-position:0px -650px;}
.archive#minimakoto li.newcommodity {background-position:0px -700px;}
.archive#minimakoto li.sports {background-position:0px -750px;}
.archive#minimakoto li.economy {background-position:0px -800px;}
.archive#minimakoto li.life {background-position:0px -850px;}
.archive#minimakoto li.knowledge {background-position:0px -900px;}
.archive#minimakoto li.environment {background-position:0px -950px;}
.archive#kabushiki li {
font-size:14px;
font-weight:bold;
}
/*
#past .archive li {
padding:0px 0px 3px 68px;
background:url(//image.itmedia.co.jp/makoto/images/kwd_ico.gif) no-repeat 0px 0px;
}
#past .archive li {background:url(//image.itmedia.co.jp/makoto/images/kwd_ico.gif) no-repeat 0px 0px;}
#past .archive li.report {background-position:0px -50px;}
#past .archive li.felica {background-position:0px -100px;}
#past .archive li.retail {background-position:0px -150px;}
#past .archive li.traffic {background-position:0px -200px;}
#past .archive li.service {background-position:0px -250px;}
#past .archive li.society {background-position:0px -300px;}
#past .archive li.food {background-position:0px -350px;}
#past .archive li.finance {background-position:0px -400px;}
#past .archive li.information {background-position:0px -450px;}
#past .archive li.carrer {background-position:0px -500px;}
#past .archive li.investment {background-position:0px -550px;}
#past .archive li.credit {background-position:0px -600px;}
#past .archive li.politics {background-position:0px -650px;}
#past .archive li.newcommodity {background-position:0px -700px;}
#past .archive li.sports {background-position:0px -750px;}
#past .archive li.economy {background-position:0px -800px;}
#past .archive li.life {background-position:0px -850px;}
#past .archive li.knowledge {background-position:0px -900px;}
*/
.archive li {
clear:both;
line-height:130%;
border-bottom:1px dotted #EEE;
margin-bottom:5px;
padding:0px 0px 3px 18px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat 0px 0px;
height:1%;
}
.archive li a {
}
.archive li span {
color:#666;
font-size:x-small;
display:block;
width:100px;
float:right;
text-align:right;
}
#past .l700 .r500 .archive li {
padding:0px 0px 3px 18px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_backnum.gif) no-repeat 0px 0px;
}
/* LIST
---------------------------------------------*/
/* BODY
---------------------------------------------------------------------------------------------- */
.outBody {
width:100%;
}
.inBody {
width:990px;
background:#FFF;
text-align:left;
margin:0px auto;
}
/* HEADER
---------------------------------------------------------------------------------------------- */
.header {
background:url(//image.itmedia.co.jp/makoto/images/weekly_bg.gif) repeat-x 0px -60px #FFF;
width:100%;
float:left;
}
/* TAGLINE
---------------------------------------------------------------------------------------------- */
.header .tagline {
}
.header .tagline ul {
display:none;
float:right;
padding-right:5px;
}
.header .tagline ul li {
font-family:"ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif;
float:left;
line-height:100%;
border-right:1px solid #999;
margin-top:7px;
padding:2px 5px 0px 5px;
font-size:10px;
}
.header .tagline ul li#end,
.header .tagline ul li.end {
border-right:none;
}
.header .tagline ul li a {
text-decoration:none;
color:#333;
}
.header .tagline h4 {
margin:0px;
height:28px;
font-size:12px;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/tagline2.gif) no-repeat 0px 0px;
}
/* LOGOAREA
---------------------------------------------------------------------------------------------- */
.header .logoarea {
margin:0px;
color:#FFF;
font-size:12px;
}
.header h2 {
float:left;
width:170px;
height:100px;
background:url(//image.itmedia.co.jp/images/logo/150_makoto_bgw.gif) no-repeat 15px 30px;
font-size:12px;
text-indent:-9999px;
}
/*
#environment .header h2 {
background-image:url(//image.itmedia.co.jp/makoto/images/logo_makoto_eco.gif);
}
*/
.header h2 a {
display:block;
width:133px;
height:64px;
margin:34px 0px 0px 15px;
}
/* SEARCH
---------------------------------------------------------------------------------------------- */
.search {
clear:both;
height:26px;
background:url(//image.itmedia.co.jp/makoto/images/login_bg.gif) repeat-x 0px 0px;
color:#000;
border:1px solid #CCC;
margin-bottom:10px;
}
.search form {
background:url(//image.itmedia.co.jp/makoto/images/login_bg_search.gif) no-repeat -160px 0px;
margin:0px;
padding-left:5px;
}
.search form p {
font-size:10px;
padding-left:60px;
background:url(//image.itmedia.co.jp/makoto/images/search_symbol02.gif) no-repeat left center;
display:block;
height:26px;
}
.search form p input.txt {
float:left;
margin-top:5px;
margin-right:5px;
height:16px;
width:130px;
}
.search form p button#btn {
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/search_bt02.gif) no-repeat -9px 0px;
width:52px;
height:26px;
border:none;
border-left:1px solid #CCC;
border-right:1px solid #EEE;
cursor:pointer;
}
.search form p button:hover#btn {
background:url(//image.itmedia.co.jp/makoto/images/search_bt02_on.gif) no-repeat -9px 0px;
}
.search ul {
float:right;
}
.search ul li {
float:left;
text-indent:-9999px;
}
.search ul li a {
display:block;
height:26px;
background:url(//image.itmedia.co.jp/makoto/images/login_bt.gif) no-repeat 0px 0px;
border-left:1px solid #CCC;
border-right:1px solid #EEE;
cursor:pointer;
}
.search ul li#past a {background:url(//image.itmedia.co.jp/makoto/images/login_bt.gif) no-repeat -7px 0px;width:114px;}
.search ul li#info-service a {background:url(//image.itmedia.co.jp/makoto/images/login_bt.gif) no-repeat -135px 0px;width:117px;}
.search ul li#info-news a {background:url(//image.itmedia.co.jp/makoto/images/login_bt.gif) no-repeat -262px 0px;width:160px;}
.search ul li#past a:hover {background:url(//image.itmedia.co.jp/makoto/images/login_bt_on.gif) no-repeat -7px 0px;width:114px;}
.search ul li#info-service a:hover {background:url(//image.itmedia.co.jp/makoto/images/login_bt_on.gif) no-repeat -135px 0px;width:117px;}
.search ul li#info-news a:hover {background:url(//image.itmedia.co.jp/makoto/images/login_bt_on.gif) no-repeat -262px 0px;width:160px;}
input.txt,
textarea.txt {
background:url(//image.itmedia.co.jp/makoto/images/txtbox_bg.gif) repeat-x 0px -15px #FFF;
border:1px solid #AA9;
font-size:12px;
color:#333;
font-family:"ＭＳ ゴシック", "Osaka−等幅";
}
.header dl,
.footer dl {
clear:both;
background:url(//image.itmedia.co.jp/makoto/images/login_bg.gif) repeat-x 0px 0px #CCC;
height:1.83em;
min-height:24px;
padding:0px 10px;
display:none;
}
.header dl {
border-top:2px solid #CCC;
border-bottom:4px solid #036;
}
.footer dl {
border-top:2px solid #EEE;
border-bottom:2px solid #EEE;
}
.header dl dt,
.footer dl dt {
display:block;
width:70px;
height:23px;
float:left;
background:url(//image.itmedia.co.jp/makoto/images/navi_symbol01.gif) no-repeat left center;
text-indent:-9999px;
}
.header dl dd,
.footer dl dd {
float:left;
padding:3px 8px;
margin:2px 5px 0px 0px;
text-align:center;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
border:1px solid #CCC;
border-bottom:none;
line-height:100%;
font-size:12px;
background:#FFF;
}
.header dl dd a:link,
.footer dl dd a:link,
.header dl dd a:visited,
.footer dl dd a:visited {
color:#036;
}
.header dl dd a:hover,
.footer dl dd a:hover {
color:#C00;
}
body.top .header dl dd#felica,
#felica .header dl dd#felica,
#bizmobile .header dl dd#bizmobile {
margin:5px 5px 0px 0px;
background:#036;
}
body.top .footer dl dd#felica,
#felica .footer dl dd#felica,
#bizmobile .footer dl dd#bizmobile {
background:#036;
}
#felica .header dl dd#felica a:link,
#felica .footer dl dd#felica a:link,
#felica .header dl dd#felica a:visited,
#felica .footer dl dd#felica a:visited,
#bizmobile .header dl dd#bizmobile a:link,
#bizmobile .footer dl dd#bizmobile a:link,
#bizmobile .header dl dd#bizmobile a:visited,
#bizmobile .footer dl dd#bizmobile a:visited {
color:#FFF;
}
.maincol {
clear:both;
padding:0px 10px;
}
/* INDEX HEADLINE
---------------------------------------------------------------------------------------------- */
.navi {
margin:0px;
font-size:12px;
background:url(//image.itmedia.co.jp/makoto/images/headline_navi.gif) no-repeat 0px 0px;
height:21px;
border-right:1px solid #000;
border-bottom:2px solid #000;
position:relative;
}
.navi form {
overflow:hidden;
float:right;
width:200px;
height:21px;
background:url(//image.itmedia.co.jp/makoto/images/headline_navi_search.gif) no-repeat 0px 0px;
margin:0px;
padding:0px 0px 0px 95px;
}
#environment .navi form {
background-image:url(//image.itmedia.co.jp/makoto/images/headline_navi_search_eco.gif);
}
.navi input.txt {
border:1px solid #CCC;
height:14px;
margin:3px 0px 0px 0px;
padding:0px 3px;
width:135px;
font-family:Arial, Helvetica, sans-serif;
}
.navi button {
float:right;
margin:0px;
padding:0px;
display:block;
width:50px;
height:21px;
text-indent:-9999px;
border:0px solid #FFF;
background:url(//image.itmedia.co.jp/makoto/images/headline_navi_btn.gif) no-repeat center top;
cursor:pointer;
}
.navi button:hover {
background:url(//image.itmedia.co.jp/makoto/images/headline_navi_btn_on.gif) no-repeat center top;
}
.navi dt,
.navi dd {
text-indent:-9999px;
float:left;
}
.navi dt {
display:none;
}
.navi dd a {
display:block;
width:100px;
height:21px;
overflow:hidden;
}
.top .navi dd#divides a {background:url(//image.itmedia.co.jp/makoto/images/headline_navi_on.gif) no-repeat 0px 0px;}
.navi dd#divides a:hover {background:url(//image.itmedia.co.jp/makoto/images/headline_navi_on.gif) no-repeat 0px 0px;}
.navi dd#felica a:hover {background:url(//image.itmedia.co.jp/makoto/images/headline_navi_on.gif) no-repeat -100px 0px;}
.navi dd#credit a:hover {background:url(//image.itmedia.co.jp/makoto/images/headline_navi_on.gif) no-repeat -200px 0px;}
#divides .navi dd#divides a {background:url(//image.itmedia.co.jp/makoto/images/headline_navi_on.gif) no-repeat 0px 0px !important;}
#felica .navi dd#felica a {background:url(//image.itmedia.co.jp/makoto/images/headline_navi_on.gif) no-repeat -100px 0px !important;}
#credit .navi dd#credit a {background:url(//image.itmedia.co.jp/makoto/images/headline_navi_on.gif) no-repeat -200px 0px !important;}
/* INDEX
---------------------------------------------------------------------------------------------- */
/* INDEX WEEKLY
---------------------------------------------------------------------------------------------- */
.weekly {
clear:both;
margin-bottom:10px;
}
.weekly .change {
margin-top:5px;
}
.weekly .change h2 {
text-indent:-9999px;
font-size:12px;
margin-bottom:5px;
padding:0px !important;
background:url(//image.itmedia.co.jp/makoto/images/jiji_heading.gif) no-repeat 0px 0px;
overflow:hidden;
}
.weekly .change h2 span {
float:none;
}
.weekly .change h2 a {
display:block;
height:28px;
overflow:hidden;
}
.weekly .change#week-box1 h2 {background-position:0px 0px;}
.weekly .change#week-box2 h2 {background-position:0px -28px;}
.weekly .change#week-box3 h2 {background-position:0px -56px;}
.weekly .change#week-box4 h2 {background-position:0px -84px;}
.weekly .change#week-box5 h2 {background-position:0px -112px;}
.weekly .change .r35 h2 {background-position:0px -140px !important;}
.weekly .change h2 a:hover {background:url(//image.itmedia.co.jp/makoto/images/jiji_heading_on.gif) no-repeat 0px 0px;}
.weekly .change#week-box1 h2 a:hover {background-position:0px 0px;}
.weekly .change#week-box2 h2 a:hover {background-position:0px -28px;}
.weekly .change#week-box3 h2 a:hover {background-position:0px -56px;}
.weekly .change#week-box4 h2 a:hover {background-position:0px -84px;}
.weekly .change#week-box5 h2 a:hover {background-position:0px -112px;}
.weekly .change .r35 h2 a:hover {background-position:0px -140px !important;}
/*
.weekly dl {
clear:both;
background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi.gif) no-repeat 0px 0px;
height:28px;
border-right:1px solid #b4ac7e;
display:none;
}
.weekly dl dt,
.weekly dl dd {
text-indent:-9999px;
float:left;
font-size:12px;
}
.weekly dl dt a {
width:84px;
height:28px;
display:block;
overflow:hidden;
}
.weekly dl dt a:hover {
background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat 0px 0px;
}
.weekly dl dd a {
display:block;
height:28px;
margin-right:5px;
overflow:hidden;
}
.weekly dl dd#week-btn1 a {width:78px;}
.weekly dl dd#week-btn2 a {width:103px;}
.weekly dl dd#week-btn3 a {width:149px;}
.weekly dl dd#week-btn4 a {width:85px;}
.weekly dl dd#week-btn5 a {width:129px;}
.weekly dl dd#week-btn1 a:hover {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -84px 0px;}
.weekly dl dd#week-btn2 a:hover {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -167px 0px;}
.weekly dl dd#week-btn3 a:hover {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -275px 0px;}
.weekly dl dd#week-btn4 a:hover {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -429px 0px;}
.weekly dl dd#week-btn5 a:hover {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -519px 0px;}
.weekly dl dd.open#week-btn1 a {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -84px 0px;}
.weekly dl dd.open#week-btn2 a {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -167px 0px;}
.weekly dl dd.open#week-btn3 a {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -275px 0px;}
.weekly dl dd.open#week-btn4 a {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -429px 0px;}
.weekly dl dd.open#week-btn5 a {background:url(//image.itmedia.co.jp/makoto/images/new_jiji_navi_on.gif) no-repeat -519px 0px;}
*/
.weekly .imgset {
width:120px;
float:left;
margin:0px 7px 3px 0px;
}
.weekly .change .imgset #btn1 {
display:block;
width:120px;
height:25px;
margin-top:7px;
background:url(//image.itmedia.co.jp/makoto/images/jiji_btn.gif) no-repeat 0px 0px;
text-indent:-9999px;
}
.weekly .change .imgset #btn1 a {
width:120px;
height:25px;
display:block;
font-size:12px;
}
.weekly .change#week-box1 .imgset #btn1 {background-position:0px 0px;}
.weekly .change#week-box2 .imgset #btn1 {background-position:0px -25px;}
.weekly .change#week-box3 .imgset #btn1 {background-position:0px -50px;}
.weekly .change#week-box4 .imgset #btn1 {background-position:0px -75px;}
.weekly .change#week-box5 .imgset #btn1 {background-position:0px -100px;}
.weekly .change .imgset #btn1 a:hover {
background:url(//image.itmedia.co.jp/makoto/images/jiji_btn_on.gif) no-repeat 0px 0px;
}
.weekly .change#week-box1 .imgset #btn1 a:hover {background-position:0px 0px;}
.weekly .change#week-box2 .imgset #btn1 a:hover {background-position:0px -25px;}
.weekly .change#week-box3 .imgset #btn1 a:hover {background-position:0px -50px;}
.weekly .change#week-box4 .imgset #btn1 a:hover {background-position:0px -75px;}
.weekly .change#week-box5 .imgset #btn1 a:hover {background-position:0px -100px;}
.weekly .imgset #icon img {
display:block;
width:120px;
height:90px;
}
.weekly .change .imgset #btn2 {
display:block;
width:120px;
height:25px;
margin-top:7px;
background:url(//image.itmedia.co.jp/makoto/images/jiji_btn.gif) no-repeat 0px -125px;
text-indent:-9999px;
}
.weekly .change .imgset #btn2 a {
width:120px;
height:25px;
display:block;
}
.weekly .change .imgset #btn2 a:hover {
background:url(//image.itmedia.co.jp/makoto/images/jiji_btn_on.gif) no-repeat 0px -125px;
}
.weekly .week-art {}
.weekly .week-art h3 {line-height:130%;}
.weekly .week-art p {line-height:110%;}
.weekly .l65 {
width:51%;
}
.weekly .r35 {
width:47%;
}
.weekly .l65 h3,
.weekly .l65 p {
margin-left:125px;
}
.weekly .l65 h3 span,
.weekly .l65 h3 .icon {
display:none;
}
/*
.weekly .r35 h3 {
font-size:small;
font-weight:normal;
clear:both;
line-height:130%;
border-bottom:1px dotted #EEE;
margin-bottom:5px;
padding:0px 0px 3px 18px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_07.gif) no-repeat 2px 0px;
}
*/
.weekly .r35 h3 {
font-size:small;
font-weight:bold;
clear:both;
line-height:130%;
border-bottom:1px dotted #EEE;
margin-bottom:5px;
padding:0px 0px 3px 0px;
}
.weekly .r35 h3 span {
font-size:x-small;
color:#666;
}
.weekly .r35 h3 .icon {
margin-right:5px;
width:40px;
height:30px;
border:1px solid #CCC;
float:left;
display:block;
}
.weekly .r35 h3 .icon img {
width:40px;
height:30px;
float:left;
}
.weekly .r35 p {
display:none;
}
.weekly .r35 p.tar {
display:inline;
float:right;
}
.weekly#sunday .l65 {
float:none;
width:100%;
}
.weekly#sunday .imgset {
width:80px;
}
.weekly#sunday .r35,
.weekly#sunday .imgset #btn1,
.weekly#sunday .imgset #btn2 {
display:none;
}
.weekly#sunday .imgset #icon img {
display:block;
width:80px;
height:60px;
}
.weekly#sunday .l65 h3,
.weekly#sunday .l65 p {
margin-left:85px;
}
/* L700
---------------------------------------------------------------------------------------------- */
.l700,
.newart {
clear:both;
float:left;
width:660px;
}
.l700 {
position:relative;
}
.l700 h2,
.r500 h2 {
background:url(//image.itmedia.co.jp/makoto/images/r500_h2bg_02.gif) repeat-x 0px 0px;
color:#333;
font-size:small;
padding:5px 5px 6px 10px;
margin:0px;
line-height:120%;
}
.l700 h2.bg {
padding:0px;
font-size:12px;
text-indent:-9999px;
}
.l700 h2.bg a {
display:block;
height:26px;
}
.l700 h2#kabu {
background:url(//image.itmedia.co.jp/makoto/images/h2bg_kabu.gif) no-repeat 0px 0px;
}
.l700 h2#kabu a {
}
.l700 h2 span,
.r500 h2 span {
float:right;
}
.maincol .index {
margin:10px 0px;
}
.maincol .index img {
margin:0px 8px 2px 0px;
}
.maincol .mini img {
width:40px;
height:30px;
}
.maincol .index h5 {
color:#A73;
}
.maincol .index p {
font-size:small;
}
.maincol .index p span {
color:#666;
font-size:x-small;
}
.maincol .index#sub h3 {
font-size:small;
}
.maincol .index h4 {
line-height:100%;
margin:20px 0px 5px 0px;
padding-bottom:4px;
border-bottom:1px dotted #333;
}
.maincol .index .linkset {
clear:both;
/*background:url(//image.itmedia.co.jp/makoto/images/ulli_linkset_title.gif) no-repeat 0px 0px;*/
margin:0px;
padding-top:5px;
}
.maincol .index .linkset li {
margin:0px 0px 5px 0px;
padding-left:13px;
line-height:120%;
background:url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat -4px 0;
font-size:14px;
font-weight:bold;
}
.maincol .index .linkset li small {
font-weight:normal;
font-size:x-small;
color:#666;
}
.kwdset {
padding-top:5px;
}
.kwdset li {
margin:0px 0px 5px 5px;
padding-left:15px;
float:left;
background:url(//image.itmedia.co.jp/images0509/arr_key2.gif) no-repeat;
}
.maincol .topics1 {
background:url(//image.itmedia.co.jp/makoto/images/circle_black_01.gif) no-repeat left top #000;
margin-top:10px;
height:1%;
}
.maincol .topics2 {
background:url(//image.itmedia.co.jp/makoto/images/circle_black_02.gif) no-repeat right top;
height:1%;
}
.maincol .topics3 {
background:url(//image.itmedia.co.jp/makoto/images/circle_black_03.gif) no-repeat left bottom;
height:1%;
}
.maincol .topics4 {
background:url(//image.itmedia.co.jp/makoto/images/circle_black_04.gif) no-repeat right bottom;
padding:5px 10px;
height:1%;
}
.maincol .topics4 .index h5 {
color:#F90;
}
.maincol .topics4 .index h3 a:link,
.maincol .topics4 .index p a:link {
color:#FFC;
text-decoration:none;
}
.maincol .topics4 .index h3 a:visited,
.maincol .topics4 .index p a:visited {
color:#FFF;
text-decoration:none;
}
.maincol .topics4 .index h3 a:hover,
.maincol .topics4 .index p a:hover {
color:#F60;
}
.maincol .topics4 .index p,
.maincol .topics4 .index p span {
color:#FFF;
}
.l700 .features hr {}
.l700 #features {
margin:0px 0px 10px;
}
.l700 #features h2 {
background:url(//image.itmedia.co.jp/makoto/images/rc_features1.gif) no-repeat left top;
text-indent:-9999px;
border:none;
height:20px;
margin:0px;
padding:0px;
}
.l700 #features div {padding:5px;border:2px solid #1A4784 !important;}
.l700 #features div img {margin:0px 0px 2px 8px;float:right;}
.l700 #features div h5 {margin:0px;font-size:small;color:#A73;}
.l700 #features div h3 {margin:0px;font-size:100%;}
.l700 #features div p {margin:0px;font-size:small;}
.l700 #features div .linkset {
margin-top:5px;
}
.l700 #features div .linkset li {
margin:0px 0px 5px 5px;
padding-left:13px;
line-height:120%;
background:url(//image.itmedia.co.jp/makoto/images/ulli_linkset.gif) no-repeat 0px 2px;
}
.maincol .info table {
clear:both;
font-size:12px;
border-collapse:collapse;
line-height:130%;
width:99%;
margin:10px 0px 10px 4px;
overflow:hidden;
}
.maincol .info table th,
.maincol .info table td {
padding:6px 6px 4px 6px;
border:1px solid #DDD;
text-align:left;
}
.maincol .info table thead th {color:#FFF;background:#977;}
.maincol .info table.red thead th {background:#977;}
.maincol .info table.blue thead th {background:#789;}
.maincol .info table.green thead th {background:#797;}
.maincol .info table.purple thead th {background:#989;}
.maincol .info table.gold thead th {background:#997;}
.maincol .info table.black thead th {background:#777;}
.maincol .info table tbody.red th {background:#977;color:#FFF;}
.maincol .info table tbody.blue th {background:#789;color:#FFF;}
.maincol .info table tbody.green th {background:#797;color:#FFF;}
.maincol .info table tbody.purple th {background:#989;color:#FFF;}
.maincol .info table tbody.gold th {background:#997;color:#FFF;}
.maincol .info table tbody.black th {background:#777;color:#FFF;}
.maincol .info table tbody th {color:#555;background:#EEE;}
.maincol .info table tbody td input {vertical-align:middle;}
.maincol .info table tbody tr td table {border-collapse:collapse;}
.maincol .info table tbody tr td table tr td {padding:0px;border:1px solid #FFF;}
.maincol .info dl {margin:10px 15px;padding-top:10px;border-top:3px solid #EEE;border-bottom:3px solid #EEE;}
.maincol .info dl dt {font-size:medium;}
.maincol .info dl dd {margin-bottom:15px;}
.maincol .info dl dd strong,
.maincol .info dl dd em {color:#C00;}
.maincol .info form button.btn {
display:block;
margin:0px auto;
width:200px;
height:24px;
background:url(//image.itmedia.co.jp/makoto/images/input_btn01.gif) no-repeat center top;
text-indent:-9999px;
border:none;
cursor:pointer;
}
.maincol .calendar {
margin:5px 0px 0px;
width:98%;
float:left;
}
.maincol .calendar dl {
float:left;
width:140px;
margin:0px 6px 10px 0px;
}
.maincol .l200 .calendar,
.maincol .subcol .calendar {
height:1%;
}
.maincol .l200 .calendar dl {
clear:both;
float:none;
width:180px;
}
.maincol .subcol .calendar dl {
clear:both;
float:none;
width:280px;
}
.maincol .calendar dl dt,
.maincol .calendar dl dd {
font-family:"メイリオ", Arial, Helvetica, sans-serif;
font-size:10px;
}
.maincol .calendar dl dt {
margin:0px 0px 5px 0px;
font-weight:bold;
border-bottom:1px dotted #CCC;
}
.maincol .calendar dl dt:before {
content:"≫ ";
}
.maincol .calendar dl dd {
}
.maincol .calendar dl dd a {
float:left;
text-align:center;
border:1px solid #CCC;
margin:0px 3px 3px 0px;
padding:1px 0px;
width:30px;
}
.maincol .calendar dl dd a:link,
.maincol .calendar dl dd a:visited {
background:#EED;
}
.maincol .calendar dl dd a:hover {
color:#FFF;
background:#665;
text-decoration:none;
}
/* INDEX LEFTCOLUMN
---------------------------------------------------------------------------------------------- */
.l200 {
float:left;
width:200px;
border-right:1px solid #DDD;
}
/* INDEX R500
---------------------------------------------------------------------------------------------- */
.r500 {
float:right;
width:450px;
}
/* AD
---------------------------------------------------------------------------------------------- */
.banner {
margin-left:170px;
padding:8px;
color:#FFF;
font-size:12px;
min-height:90px;
/*
background:url(//image.itmedia.co.jp/makoto/images/logoarea_bg.gif) repeat left top;
*/
}
.banner div {/*background:url(//image.itmedia.co.jp/makoto/images/superban_repeat.gif) repeat-y left center;*/min-height:90px;}
.banner div div {/*background:url(//image.itmedia.co.jp/makoto/images/superban_bg.gif) no-repeat left center;*/padding-left:13px;width:728px;min-height:90px;}
.banner div div br {display:none;}
.banner div div img {display:block;}
.pr-txt {clear:both;padding-bottom:3px;height:1%;}
.pr-txt div {margin-bottom:3px !important;}
.pr-txt p {margin-bottom:5px;}
.square {
margin-bottom:10px;
}
.banner div div div {
min-height:0;
padding-left:0;
width:auto;
}
.square img {display:block;}
.rectangle {margin-bottom:10px;}
.rectangle embed,
.rectangle img,
.rectangle param,
.rectangle object {
display:block;
margin-bottom:10px;
}
#ITSB {
width:302px;
overflow:hidden;
}
.signboard {margin:10px auto !important;}
.signboard table font {
color:#333 !important;
}
.signboard table b font {
color:#C00 !important;
}
.feattxt {margin:0px 0px 10px 0px;}
.feattxt h2 {margin:0px;padding:0px;font-size:12px;border-width:0px;width:100%;}
.feattxt h2 span {display:block;margin:0px;padding:0px;background:url(//image.itmedia.co.jp/makoto/images/rc_pr_features2.gif) repeat left top #75AB0F !important;float:none;height:1%;}
.feattxt h2 span span {display:block;background:url(//image.itmedia.co.jp/makoto/images/rc_pr_features3.gif) no-repeat right top !important;float:none;height:1%;}
.feattxt h2 span span span {display:block;width:154px;height:20px;background:url(//image.itmedia.co.jp/makoto/images/rc_pr_features1.gif) no-repeat left top !important;text-indent:-9999px;float:none;}
.feattxt div {padding:5px;border:2px solid #1A4784 !important;}
.feattxt div h3 {margin:0px;font-size:100%;background:none;border:none;padding:0;}
.feattxt div h3 a:link,
.feattxt div h3 a:visited {text-decoration:none;}
.feattxt div h3 a:hover {text-decoration:underline;}
.feattxt div p {margin:0px;font-size:small;}
.feattxt div i {font-size:1px;}
/* CBOX
----------------------------------------------------------------------------------------------*/
.cbox {
clear:both;
padding-bottom:10px;
height:1%;
}
/* CARRIER */
.subcol #carrier {
clear:both;
position:relative;
}
.subcol #carrier .cbox img {
position:absolute;
top:5px;
right:5px;
}
#IEhack .subcol #carrier .cbox img {
top:17px;
}
.subcol #carrier .cbox p img {
position:static;
height:40px;
}
.cbox#feature {
background:#000;
border-bottom:1px solid #FFF;
}
.cbox#eco {
background:#006F3A;
border-bottom:1px solid #FFF;
}
.cbox h3,
.cbox h4,
.cbox h5,
.cbox p,
.cbox ul,
.cbox ol,
.cbox li,
.cbox dl,
.cbox dt,
.cbox dd {
line-height:120%;
}
.cbox table {
width:100%;
border-collapse:collapse;
margin-bottom:5px;
}
.cbox table thead th {
background:url(//image.itmedia.co.jp/makoto/images/ulli_05_off.gif) no-repeat 3px 2px #810018;
color:#FFF;
font-size:12px;
padding:2px 4px 1px 24px;
text-align:left;
}
.cbox table tbody th,
.cbox table tbody td {
border-bottom:1px solid #DDD;
font-size:12px;
padding:2px 3px;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
}
.cbox table tbody th {
background:#ffdfe4;
border-right:1px solid #DDD;
text-align:left;
}
.cbox table tbody td {
text-align:right;
}
.l200 .cbox {
width:200px;
}
.top .l200 .cbox {
width:100%;
}
.subcol .cbox {
width:300px;
}
.subcol .cbox#hatebu ul li {
background:url(//image.itmedia.co.jp/bizid/images/hbm.gif) no-repeat left center;
}
/* CBOX h2
------------------------------------------------------------------*/
.cbox h2 {
font-size:12px;
margin:0px;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
}
/* SUBCOL
--------------------------------------------------------*/
.subcol .cbox h2 {
background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_black.gif) no-repeat left top;
padding:7px 5px 3px 38px;
color:#111;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
position:relative;
height:1%;
}
.subcol .cbox#itmnews h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_itmnews.gif) no-repeat left top;
padding:7px 5px 4px 30px;
}
.subcol .cbox#itmnews h2 a {
color:#FFF;
}
.subcol .cbox#feature h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_pickup.gif) no-repeat left top;color:#ffe64e;}
.subcol .cbox#eco h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_eco.gif) no-repeat left top;color:#ffe64e;}
.subcol .cbox#pr h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_pr.gif) no-repeat left top;}
.subcol .cbox#pr1 h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_pr.gif) no-repeat left top;}
.subcol .cbox#pr2 h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_pr.gif) no-repeat left top;}
.subcol .cbox#interview h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_interview.gif) no-repeat left top;}
.subcol .cbox#rensai h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_rensai.gif) no-repeat left top;}
.subcol .cbox#inv h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_survey.gif) no-repeat left top;}
.subcol .cbox .keyword h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_keyword.gif) no-repeat left top;}
.subcol .cbox .bizid h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_bizid.gif) no-repeat left top;}
.subcol .cbox .feedback h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_feedback.gif) no-repeat left top;}
.subcol .cbox .promobile h2 {background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_promobile.gif) no-repeat left top;}
.subcol .cbox#lifehack h2 {
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_lifehack.gif) no-repeat 0px 0px;
padding:0px;
height:25px;
}
.subcol .cbox#feature .felica h2 {background-image:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_felica.gif);}
.subcol .cbox#feature .invest h2 {background-image:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_invest.gif);}
.subcol .cbox#feature .eco h2 {background-image:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_eco.gif);}
.subcol .cbox#feature .fx h2 {background-image:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_fx.gif);}
.subcol .cbox#feature .realestate h2 {background-image:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_realestate.gif);}
.subcol .cbox h2 .toplink {
position:absolute;
right:3px;
top:3px;
display:block;
width:80px;
height:20px;
background:url(//image.itmedia.co.jp/makoto/images/btn_toplink.gif) no-repeat 0px 0px;
font-size:10px;
text-indent:-9999px;
}
.subcol .cbox h2 .toplink a {
display:block;
width:80px;
height:20px;
}
.subcol .cbox h2 .toplink a:hover {
background:url(//image.itmedia.co.jp/makoto/images/btn_toplink.gif) no-repeat 0px -20px;
}
.subcol .cbox#eco h2 .toplink {background-image:url(//image.itmedia.co.jp/makoto/images/btn_toplink_eco.gif);}
.subcol .cbox#eco h2 .toplink a:hover {background:url(//image.itmedia.co.jp/makoto/images/btn_toplink_eco.gif) no-repeat 0px -20px;}
.subcol .cbox#lifehack h2 a {
display:block;
height:25px;
}
.subcol .cbox#lifehack #powered {
text-align:right;
font-size:12px;
display:block;
font-weight:bold;
}
.subcol .cbox#lifehack #powered a {
font-weight:normal;
}
.subcol .cbox h2 span {
float:right;
color:#666;
font-size:10px;
}
/*------------------------------------------------------*/
/* L200
--------------------------------------------------------*/
.l200 .cbox h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_black.gif) no-repeat left top;
padding:7px 5px 4px 30px;
color:#FFF;
}
.l200 .cbox .prtimes h2 a:link,
.l200 .cbox .prtimes h2 a:visited {
color:#FFF;
}
.l200 .cbox .prtimes h2 a:hover {
color:#F60;
}
.l200 .cbox#itmnews h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_itmnews.gif) no-repeat left top;
}
.l200 .cbox#itmnews h2 a {
color:#FFF;
}
.l200 .cbox#jijimenu h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_jiji.gif) no-repeat left top;
text-indent:-9999px;
}
.l200 .cbox#rank h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_top10.gif) no-repeat left top;
text-indent:-9999px;
}
.l200 .cbox#digest h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_digest.gif) no-repeat left top;
text-indent:-9999px;
}
.l200 .cbox#pr-rank h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_prtop5.gif) no-repeat left top;
}
.l200 .cbox#pr-rank h2 span {
font-size:10px;
font-weight:normal;
}
.l200 .cbox#newsing h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_newsing.gif) no-repeat left top;
}
/*------------------------------------------------------*/
/* NEWART
--------------------------------------------------------*/
.newart .cbox {
}
.newart .cbox h2 {
clear:both;
float:left;
width:70px;
background:url(//image.itmedia.co.jp/images0509/submenubg6.gif) no-repeat 0px 0px !important;
color:#111 !important;
font-size:small;
padding:0px 0px 0px 20px !important;
margin:0px 0px 10px !important;
line-height:120% !important;
}
.newart .cbox p {
margin:0px 0px 10px 100px !important;
padding:0px 0px 0px 10px;
line-height:120%;
border-left:3px solid #DDD;
}
.newart .cbox p a:link img,
.newart .cbox p a:visited img,
.newart .cbox p a:hover img {
border:0px solid #FFF !important;
}
/*------------------------------------------------------*/
/*----------------------------------------------------------------*/
/* CBOX li
------------------------------------------------------------------*/
.cbox li {
word-break:break-all;
}
.cbox li span {
font-size:10px;
color:#666;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
}
/* SUBCOL
--------------------------------------------------------*/
.subcol .cbox li {
background:url(//image.itmedia.co.jp/makoto/images/ulli_06.gif) no-repeat 7px 3px;
margin:0px;
padding:5px 0px 5px 32px;
font-size:12px;
}
.maincol .cbox#keyword li {
background:url(//image.itmedia.co.jp/makoto/images/ulli_kwdlist.gif) no-repeat 7px 3px;
padding:3px 3px 3px 25px;
line-height:120%;
display:block;
border:none;
height:1%;
position:relative;
}
.maincol .subcol .cbox#keyword li {
width:115px;
}
.maincol .l200 .cbox#keyword li {
border-bottom:1px dotted #EEE;
}
.maincol .subcol .cbox#keyword li#l1 {float:left;}
.maincol .subcol .cbox#keyword li#l2 {float:right;}
.maincol .subcol .cbox#keyword li#l3 {clear:both;float:left;}
.maincol .subcol .cbox#keyword li#l4 {float:right;}
.maincol .subcol .cbox#keyword li#l5 {clear:both;float:left;}
.maincol .subcol .cbox#keyword li#l6 {float:right;}
.maincol .subcol .cbox#keyword li#l7 {clear:both;float:left;}
.maincol .subcol .cbox#keyword li#l8 {float:right;}
.maincol .subcol .cbox#keyword li#l9 {clear:both;float:left;}
.maincol .subcol .cbox#keyword li#l10 {float:right;}
.maincol .cbox#keyword li#l1 {background-position:7px 3px;}
.maincol .cbox#keyword li#l2 {background-position:7px -47px;}
.maincol .cbox#keyword li#l3 {background-position:7px -97px;}
.maincol .cbox#keyword li#l4 {background-position:7px -147px;}
.maincol .cbox#keyword li#l5 {background-position:7px -197px;}
.maincol .cbox#keyword li#l6 {background-position:7px -247px;}
.maincol .cbox#keyword li#l7 {background-position:7px -297px;}
.maincol .cbox#keyword li#l8 {background-position:7px -347px;}
.maincol .cbox#keyword li#l9 {background-position:7px -397px;}
.maincol .cbox#keyword li#l10 {background-position:7px -447px;}
.subcol .cbox#feedback li {
margin:0px 0px 5px 0px;
}
.subcol .cbox#new li {
background:url(//image.itmedia.co.jp/makoto/images/ulli_10.gif) no-repeat 7px 3px;
}
.subcol .cbox#itmnews li {
background:url(//image.itmedia.co.jp/makoto/images/ulli_08.gif) no-repeat 7px 3px;
}
.subcol .cbox#rank h2,
.subcol #colBoxRank h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_top10.gif) no-repeat left top;
padding:5px 0px 5px 25px;
text-indent:-9999px;
}
.subcol .cbox ol li,
.subcol #colBoxRank ol li {
padding-left:35px;
padding-bottom:10px;
background:url(//image.itmedia.co.jp/makoto/images/rank_num_01.gif) no-repeat 0px 0px;
}
.subcol .cbox ol li#l1,
.subcol #twtRank .rank1 {background-position:0px 1px;}
.subcol .cbox ol li#l2,
.subcol #twtRank .rank2 {background-position:0px -121px;}
.subcol .cbox ol li#l3,
.subcol #twtRank .rank3 {background-position:0px -243px;}
.subcol .cbox ol li#l4,
.subcol #twtRank .rank4 {background-position:0px -365px;}
.subcol .cbox ol li#l5,
.subcol #twtRank .rank5 {background-position:0px -487px;}
.subcol .cbox ol li#l6,
.subcol #twtRank .rank6 {background-position:0px -609px;}
.subcol .cbox ol li#l7,
.subcol #twtRank .rank7 {background-position:0px -731px;}
.subcol .cbox ol li#l8,
.subcol #twtRank .rank8 {background-position:0px -853px;}
.subcol .cbox ol li#l9,
.subcol #twtRank .rank9 {background-position:0px -975px;}
.subcol .cbox ol li#l10,
.subcol #twtRank .rank10 {background-position:0px -1097px;}
/*------------------------------------------------------*/
/* L200
--------------------------------------------------------*/
.l200 .cbox li {
padding:5px;
border-right:3px solid #EEE;
border-bottom:1px solid #EEE;
}
.l200 .cbox ul li {
padding-left:18px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat 0 3px;
}
.l200 .cbox#jijimenu ul li {
padding-left:25px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_07_off.gif) no-repeat 5px 4px;
}
.subtop#jiji-mon .l200 .cbox#jijimenu ul li#mon,
.subtop#jiji-tue .l200 .cbox#jijimenu ul li#tue,
.subtop#jiji-wed .l200 .cbox#jijimenu ul li#wed,
.subtop#jiji-thu .l200 .cbox#jijimenu ul li#thu,
.subtop#jiji-fri .l200 .cbox#jijimenu ul li#fri,
.subtop#jiji-all .l200 .cbox#jijimenu ul li#all {
background:url(//image.itmedia.co.jp/makoto/images/ulli_07.gif) no-repeat 5px 4px;
}
.l200 .cbox ol li {
padding-left:35px;
padding-bottom:10px;
background:url(//image.itmedia.co.jp/makoto/images/rank_num_01.gif) no-repeat 0px 0px;
}
.l200 .cbox ol li#l1 {background-position:0px 1px;}
.l200 .cbox ol li#l2 {background-position:0px -121px;}
.l200 .cbox ol li#l3 {background-position:0px -243px;}
.l200 .cbox ol li#l4 {background-position:0px -365px;}
.l200 .cbox ol li#l5 {background-position:0px -487px;}
.l200 .cbox ol li#l6 {background-position:0px -609px;}
.l200 .cbox ol li#l7 {background-position:0px -731px;}
.l200 .cbox ol li#l8 {background-position:0px -853px;}
.l200 .cbox ol li#l9 {background-position:0px -975px;}
.l200 .cbox ol li#l10 {background-position:0px -1097px;}
.l200 .cbox#itmnews .inner {
border:1px solid #CCC;
}
.l200 .cbox#itmnews ul {
border:3px solid #EEE;
}
.l200 .cbox#itmnews ul li {
border:1px solid #EEE;
background:url(//image.itmedia.co.jp/makoto/images/ulli_08.gif) no-repeat 5px 5px;
padding-left:25px;
}
/*------------------------------------------------------*/
/* CBOX h2
------------------------------------------------------------------*/
.l700 .lr .cbox h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_black.gif) no-repeat left top;
padding:7px 5px 2px 30px;
color:#FFF;
}
.l700 .lr .cbox#itmnews h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_itmnews.gif) no-repeat left top;
}
.l700 .lr .cbox#itmnews h2 a {
color:#FFF;
}
.l700 .lr .cbox#jijimenu h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_jiji.gif) no-repeat left top;
text-indent:-9999px;
}
.l700 .lr .cbox#rank h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_top10.gif) no-repeat left top;
text-indent:-9999px;
}
.l700 .lr .cbox#digest h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_digest.gif) no-repeat left top;
text-indent:-9999px;
}
.l700 .lr .cbox li {
padding:5px;
border-right:3px solid #EEE;
border-bottom:1px solid #EEE;
}
.l700 .lr .cbox ul li {
padding-left:25px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_09.gif) no-repeat 5px 5px;
}
.l700 .lr .cbox#jijimenu ul li {
padding-left:25px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_07_off.gif) no-repeat 5px 4px;
}
.l700 .lr .subtop#jiji-mon .l700 .lr .cbox#jijimenu ul li#mon,
.l700 .lr .subtop#jiji-tue .l700 .lr .cbox#jijimenu ul li#tue,
.l700 .lr .subtop#jiji-wed .l700 .lr .cbox#jijimenu ul li#wed,
.l700 .lr .subtop#jiji-thu .l700 .lr .cbox#jijimenu ul li#thu,
.l700 .lr .subtop#jiji-fri .l700 .lr .cbox#jijimenu ul li#fri,
.l700 .lr .subtop#jiji-all .l700 .lr .cbox#jijimenu ul li#all {
background:url(//image.itmedia.co.jp/makoto/images/ulli_07.gif) no-repeat 5px 4px;
}
.l700 .lr .cbox ol li {
padding-left:35px;
padding-bottom:10px;
background:url(//image.itmedia.co.jp/makoto/images/rank_num_01.gif) no-repeat 0px 0px;
}
.l700 .lr .cbox ol li#l1 {background-position:0px 1px;}
.l700 .lr .cbox ol li#l2 {background-position:0px -121px;}
.l700 .lr .cbox ol li#l3 {background-position:0px -243px;}
.l700 .lr .cbox ol li#l4 {background-position:0px -365px;}
.l700 .lr .cbox ol li#l5 {background-position:0px -487px;}
.l700 .lr .cbox ol li#l6 {background-position:0px -609px;}
.l700 .lr .cbox ol li#l7 {background-position:0px -731px;}
.l700 .lr .cbox ol li#l8 {background-position:0px -853px;}
.l700 .lr .cbox ol li#l9 {background-position:0px -975px;}
.l700 .lr .cbox ol li#l10 {background-position:0px -1097px;}
.l700 .lr .cbox#itmnews .inner {
border:1px solid #CCC;
}
.l700 .lr .cbox#itmnews ul {
border:3px solid #EEE;
}
.l700 .lr .cbox#itmnews ul li {
border:1px solid #EEE;
background:url(//image.itmedia.co.jp/makoto/images/ulli_08.gif) no-repeat 5px 5px;
}
/*------------------------------------------------------*/
/* NEWART
--------------------------------------------------------*/
.newart .cbox li {
}
/*------------------------------------------------------*/
/*----------------------------------------------------------------*/
/* CBOX p
------------------------------------------------------------------*/
.cbox p span {
font-size:10px;
color:#666;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
}
/* SUBCOL
----------------------------------------*/
.subcol .cbox p,
.l200 .cbox p {
margin:0px 0px 5px 0px;
padding:5px;
background:url(//image.itmedia.co.jp/makoto/images/cbox_bg_01.gif) no-repeat left bottom;
font-size:12px;
min-height:30px;
}
#empty .subcol p img {padding-bottom:10px;}
#empty .subcol .cbox p img {padding-bottom:0px;}
.subcol .cbox#pr p,
.l200 .cbox#pr p {
padding:5px;
}
.subcol .cbox#pr1 p,
.l200 .cbox#pr1 p {
padding:5px;
}
.subcol .cbox#pr2 p,
.l200 .cbox#pr2 p {
padding:5px;
}
.subcol .cbox#pr1 .adIdx,
.l200 .cbox#pr1 .adIdx {
font-size:12px;
text-align:right;
}
.subcol .cbox#pr1 .adIdx span,
.l200 .cbox#pr1 .adIdx span {
font-family:Verdana;
font-size:10px;
color:#F90;
font-weight:bold;
}
.subcol .cbox#pr2 .adIdx,
.l200 .cbox#pr2 .adIdx {
font-size:12px;
text-align:right;
}
.subcol .cbox#pr2 .adIdx span,
.l200 .cbox#pr2 .adIdx span {
font-family:Verdana;
font-size:10px;
color:#F90;
font-weight:bold;
}
.subcol .cbox#feature p,
.l200 .cbox#feature p {
background:url(//image.itmedia.co.jp/makoto/images/cbox_bg_02.gif) no-repeat left bottom;
}
.subcol .cbox#feature a:link,
.l200 .cbox#feature a:link {
color:#FFC;
text-decoration:none;
}
.subcol .cbox#feature a:visited,
.l200 .cbox#feature a:visited {
color:#FFF;
text-decoration:none;
}
.subcol .cbox#feature a:hover,
.l200 .cbox#feature a:hover {
color:#F60;
}
.subcol .cbox#eco p,
.l200 .cbox#eco p {
background:url(//image.itmedia.co.jp/makoto/images/cbox_bg_03.gif) no-repeat left bottom;
}
.subcol .cbox#eco a:link,
.l200 .cbox#eco a:link {
color:#FFC;
text-decoration:none;
}
.subcol .cbox#eco a:visited,
.l200 .cbox#eco a:visited {
color:#FFF;
text-decoration:none;
}
.subcol .cbox#eco a:hover,
.l200 .cbox#eco a:hover {
color:#F60;
}
.subcol .cbox p img,
.l200 .cbox p img {
float:left;
padding:0px 5px 5px 0px;
}
.subcol .cbox#eco p img,
.l200 .cbox#eco p img,
.subcol .cbox#feature p img,
.l200 .cbox#feature p img,
.subcol .cbox#rensai p img,
.l200 .cbox#rensai p img,
.subcol .cbox#inv p img,
.l200 .cbox#inv p img,
.subcol .cbox#interview p img,
.l200 .cbox#interview p img,
.subcol .cbox#new p img,
.l200 .cbox#new p img,
.subcol .cbox#lifehack p img,
.l200 .cbox#lifehack p img {
width:40px;
height:30px;
}
.subcol .cbox p .idx-dispatch-,
.subcol .cbox p .idx-dispatch-0 {
float:none;
display:block;
text-indent:-9999px !important;
background:url(//image.itmedia.co.jp/images0509/dispatch0.gif) no-repeat left top;
width:70px;
height:16px;
}
.subcol .cbox p .idx-dispatch-1 {
display:block;
text-indent:-9999px !important;
background:url(//image.itmedia.co.jp/images0509/dispatch1.gif) no-repeat left top;
width:70px;
height:16px;
}
/*--------------------------------------*/
/* NEWART
----------------------------------------*/
.newart .cbox p {
font-size:small;
margin:0px 0px 10px;
}
.newart .cbox p img {
float:left;
padding-right:5px;
}
.newart .cbox p a:link,
.newart .cbox p a:visited {
text-decoration:none;
}
/*--------------------------------------*/
/*--------------------------------------------------------------------------------------------*/
/* GOOGLE
----------------------------------------*/
.adsense {
margin:10px 0px 0px 0px;
padding:0px;
}
.adsense h4 u,
.adsense h4 a {
text-decoration:none !important;
}
.adsense p {
border-left:3px solid #DDD;
margin:0px 0px 0px 100px!important;
padding:0px 0px 5px 30px !important;
line-height:130% !important;
font-size:small !important;
background:url(//image.itmedia.co.jp/images0509/adsense2.gif) no-repeat 10px 3px !important;
}
.adsense p span.title {
font-weight:bold;
}
.adsense p span.title {
text-decoration:none !important;
}
.adsense p span.host {
color:#008000;
}
.newart .adsense a:link,
.newart .adsense a:visited {
text-decoration:none !important;
}
.newart .adsense a:hover {
text-decoration:underline !important;
}
.newart #tmplFoot .adsense {
border:none;
}
.cbox#calendar dl {
margin:5px 0px;
}
.cbox#calendar dl dt {
float:none;
margin-bottom:3px;
}
.cbox#calendar dl dd {
font-size:12px;
}
.user {background:#EEE;}
.user .change {display:none;}
.user p a:hover {background:#777;}
.user li a:hover {background:#777;color:#FFF;}
.user dd {
color:#FFF;
padding:5px 8px 0px 8px;
}
/* OLD BIZMOBILE ARTICLES
---------------------------------------------------------------------------------------------- */
.articles#bizmobile .headline {
background:none;
}
.articles#bizmobile .newart {
background:url(//image.itmedia.co.jp/makoto/images/headline_bg_old2.gif) repeat-x 0px -50px;
}
.articles#bizmobile .newart h6 {
line-height:120%;
font-size:small;
margin:10px 10px 0px 10px;
padding:0px 0px 3px 0px;
color:#FFF;
border-bottom:1px solid #FFF;
background:#000;
}
.articles#bizmobile .newart h2{
margin:0px;
padding:10px 10px 0px 10px;
font-size:small;
background:#000;
color:#F90;
}
.articles#bizmobile .newart h1 {
margin:0px;
padding:5px 10px;
font-size:150%;
background:#000;
color:#FFF;
line-height:120%;
}
.articles#bizmobile .newart h5 {
margin:0px;
padding:0px 10px;
font-size:small;
background:#000;
color:#FFF;
}
.articles#bizmobile .newart .pr-mark {
display:none;
}
.articles#bizmobile .newart #update {
text-align:right;
margin:0px 0px 20px 0px;
padding:0px 10px 10px 10px;
font-size:10px;
background:url(//image.itmedia.co.jp/makoto/images/circle_black.gif) no-repeat left bottom #000;
color:#FFF;
}
.articles#bizmobile .newart #update:before {
content:"≫ ";
}
/*
.articles#bizmobile .newart table {
margin:5px 0px 15px 0px;
font-size:small;
border-collapse:collapse;
border-top:1px solid #889;
text-align:left;
}
.articles#bizmobile .newart table tr {
vertical-align:top;
}
.articles#bizmobile .newart table caption {
padding:5px 0px;
font-weight:bold;
color:#445;
text-align:left;
}
.articles#bizmobile .newart table caption {
margin:0px 10px;
}
.articles#bizmobile .newart table tr td {
padding:3px;
background-color:#36A;
color:#FFF;
border-bottom:1px solid #889;
border-right:1px solid #889;
border-left:1px solid #889;
}
.articles#bizmobile .newart table tr th {
padding:3px;
border-right:1px solid #889;
border-left:1px solid #889;
border-bottom:1px solid #889;
background-color:#EEF;
}
.articles#bizmobile .newart table tr td {
padding:3px;
border-bottom:1px solid #889;
border-right:1px solid #889;
}
.articles.newart #noalign {
margin:0px 0px 10px;
}
*/
/* OLDEST
---------------------------------------------*/
.articles#bizmobile .maincol font {
display:block;
color:#FFF;
line-height:120%;
padding:5px 10px;
margin:0px;
}
.articles#bizmobile .maincol .cmspagetype {
line-height:120%;
font-size:small;
margin:40px 10px 0px 10px;
padding:0px 0px 3px 0px;
color:#FFF;
border-bottom:1px solid #FFF;
background:#000;
}
.articles#bizmobile .maincol p br,
.articles#bizmobile .maincol p img {
display:none;
}
.articles#bizmobile .maincol p #mark img {
display:inline;
}
.articles#bizmobile .maincol .subcol p br,
.articles#bizmobile .maincol .subcol p img {
display:inline;
}
.articles#bizmobile .maincol .cmstitle {
margin:-26px 0px 0px 0px;
padding:0px 10px;
font-size:140%;
background:#000;
color:#FFF;
border-bottom:none !important;
}
.articles#bizmobile .maincol .cmstitle br {
display:none;
}
.articles#bizmobile .maincol .cmstitle .cmssubtitle {
color:#F90;
padding:0px;
}
.articles#bizmobile .maincol .cmstitle img {
display:none;
}
.articles#bizmobile .maincol .cmsabstract {
margin-bottom:20px;
padding-bottom:10px;
background:url(//image.itmedia.co.jp/makoto/images/circle_black.gif) no-repeat left bottom #000;
}
.articles#bizmobile .maincol .cmsabstract font {
margin:0px !important;
padding:0px;
font-size:small !important;
color:#FFF;
line-height:150%;
}
.articles#bizmobile .maincol font .cmssubhead {
background:#FFF;
color:#000;
border-bottom:1px solid #000;
}
.articles#bizmobile .maincol center font {
color:#666;
line-height:120%;
}
/* CBOX
---------------------------------------------*/
/* ------------------------------------------------------------------------------------------- */
.subcol {
width:300px;
float:right;
}
.subcol p {
font-size:small;
}
.topicon {
float:left;
}
.toplink .icon {
float:left;
}
.footer {
clear:both;
border-top:1px solid #DDD;
padding-bottom:10px;
}
.footer p {
font-size:12px;
}
.footer #cpy a {
font-size:12px;
}
/* ARTICLES - HEADLINE -
----------------------------------------------- */
.newart .pr-mark {
display:none;
}
.newart #count {
border:1px solid #666;
text-align:center;
background:#FFF;
padding-top:0px;
padding-bottom:5px;
}
.newart #count iframe {
height:170px;
border:0px solid #FFF;
margin:0px auto;
padding-top:3px;
text-align:center !important;
}
.newart #count span {
font-size:10px;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
background:#999;
display:block;
padding:3px;
margin:1px;
display:none;
}
/*
.newart #count span a:link,
.newart #count span a:visited {
color:#036 !important;
}
.newart #count span a:hover {
color:#C00 !important;
}
*/
/* ARTICLES - ARTICLES -
----------------------------------------------- */
.newart .text {
padding:0px 10px;
}
.newart h3 {
font-size:120%;
color:#000;
border-bottom:1px solid #999;
margin:7px 0px 10px;
padding:0px 0px 0px 10px;
background:url(//image.itmedia.co.jp/makoto/images/newart_h3bg.gif) no-repeat 0px 2px;
}
.newart h4 {
font-size:96%;
color:#222;
margin:0px 0px 10px;
}
.newart p {
font-size:100%;
color:#333;
margin:0px 0px 20px;
font-family:"メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Osaka;
line-height:150%;
}
.newart a:link,
.newart a:visited {text-decoration:underline;}
.newart ol,
.newart ul {
margin:10px 0px 20px;
padding:0px 30px;
}
.newart ul li {
list-style:square;
margin-bottom:10px;
font-size:16px;
line-height:22px;
color:#333;
}
.newart ol li {
list-style:decimal;
margin-bottom:10px;
font-size:16px;
line-height:22px;
color:#333;
}
.newart hr {
visibility:visible;
}
/* ARTICLES - NOTICE -
----------------------------------------------- */

.newart div#notice {
margin:0 auto 10px;
text-align:center;
clear:both;
}
.newart div#notice a {
font-size:small;
font-weight:bold;
padding:4px 10px 10px 72px;
background:url(//image.itmedia.co.jp/images0509/next.gif) no-repeat left top;
color:#F50;
text-decoration:underline;
}

/* ARTICLES - CTRL -
----------------------------------------------- */
.newart .ctrl {
margin:30px auto;
font-size:12px;
clear:both;
text-align:center;
}
.newart .ctrl span {
font-family:"メイリオ", Arial, Helvetica, sans-serif;
}
.newart .ctrl span#numb,
.newart .ctrl span#pgup {
color:#FFF;
}
.newart .ctrl span#numb a:link,
.newart .ctrl span#numb a:visited {
margin:0px;
padding:7px 4px;
font-weight:bold;
border:1px solid #369;
text-decoration:none;
}
.newart .ctrl span#numb a:hover {
background-color:#FC0;
border:1px solid #F50;
text-decoration:none;
}
.newart span#nostart .ctrl span#prev {
visibility:hidden;
}
.newart .ctrl span#prev {
padding:10px 8px 10px 18px;
background:url(//image.itmedia.co.jp/images0509/ctrl.gif) no-repeat left center #036;
}
.newart .ctrl span#next {
padding:10px 18px 10px 8px;
background:url(//image.itmedia.co.jp/images0509/ctrl.gif) no-repeat right center #036;
}
.newart .ctrl span#prev a:link,
.newart .ctrl span#prev a:visited,
.newart .ctrl span#next a:link,
.newart .ctrl span#next a:visited {
font-weight:bold;
color:#FFF;
text-decoration:none;
}
.newart .ctrl span#prev a:hover,
.newart .ctrl span#next a:hover {
color:#FD0;
text-decoration:none;
}
.newart .ctrl#start span#prev {
background:url(//image.itmedia.co.jp/images/spacer.gif) no-repeat left center #FFF;
}
.newart .ctrl#end span#next {
background:url(//image.itmedia.co.jp/images/spacer.gif) no-repeat right center #FFF;
}
.newart .ctrl span#numb strong {
margin:0px;
padding:7px 4px;
font-weight:bold;
border:1px solid #ABD;
background-color:#369;
color:#FFF;
}
.newart div pre {
display:block;
padding:8px;
font-size:12px;
line-height:135%;
color:#DFA;
border:1px solid #999;
background-color:#242;
}
.newart div img {
border:2px solid #FFF;
}
.newart div a:link img,
.newart div a:visited img {
margin:0px;
border:2px solid #039 !important;
text-decoration:none !important;
}
.newart div a:hover img {
margin:0px;
border:2px solid #F00 !important;
}
.newart div#col100 {width:100px;margin:15px auto;clear:both;}
.newart div#col200 {width:200px;margin:15px auto;clear:both;}
.newart div#col300 {width:300px;margin:15px auto;clear:both;}
.newart div#col400 {width:400px;margin:15px auto;clear:both;}
.newart div#col410 {width:410px;margin:15px auto;clear:both;}
.newart div#col500 {width:500px;margin:15px auto;clear:both;}
.newart div#col600 {width:600px;margin:15px auto;clear:both;}
.newart div#col100l {width:100px;margin:4px 5px 15px 0px;float:left;}
.newart div#col200l {width:200px;margin:4px 5px 15px 0px;float:left;}
.newart div#col300l {width:300px;margin:4px 5px 15px 0px;float:left;}
.newart div#col400l {width:400px;margin:4px 5px 15px 0px;float:left;}
.newart div#col410l {width:410px;margin:4px 5px 15px 0px;float:left;}
.newart div#col500l {width:500px;margin:4px 5px 15px 0px;float:left;}
.newart div#col600l {width:600px;margin:4px 5px 15px 0px;float:left;}
.newart div#col100c {width:100px;margin:4px auto 15px auto;}
.newart div#col200c {width:200px;margin:4px auto 15px auto;}
.newart div#col300c {width:300px;margin:4px auto 15px auto;}
.newart div#col400c {width:400px;margin:4px auto 15px auto;}
.newart div#col410c {width:410px;margin:4px auto 15px auto;}
.newart div#col500c {width:500px;margin:4px auto 15px auto;}
.newart div#col600c {width:600px;margin:4px auto 15px auto;}
.newart div#col100r {width:100px;margin:4px 0px 15px 5px;float:right;}
.newart div#col200r {width:200px;margin:4px 0px 15px 5px;float:right;}
.newart div#col300r {width:300px;margin:4px 0px 15px 5px;float:right;}
.newart div#col400r {width:400px;margin:4px 0px 15px 5px;float:right;}
.newart div#col410r {width:410px;margin:4px 0px 15px 5px;float:right;}
.newart div#col500r {width:500px;margin:4px 0px 15px 5px;float:right;}
.newart div#col600r {width:600px;margin:4px 0px 15px 5px;float:right;}
.newart div#col100 img,
.newart div#col200 img,
.newart div#col300 img,
.newart div#col400 img,
.newart div#col410 img,
.newart div#col500 img,
.newart div#col600 img {
margin:0px 5px 2px 0px;
vertical-align:bottom;
float:left;
}
.newart div#col100l img,
.newart div#col200l img,
.newart div#col300l img,
.newart div#col400l img,
.newart div#col410l img,
.newart div#col500l img,
.newart div#col600l img {
margin:0px 5px 2px 0px;
vertical-align:bottom;
float:left;
}
.newart div#col100c img,
.newart div#col200c img,
.newart div#col300c img,
.newart div#col400c img,
.newart div#col410c img,
.newart div#col500c img,
.newart div#col600c img {
margin:4px 0px 2px 0px;
vertical-align:bottom;
}
.newart div#col100r img,
.newart div#col200r img,
.newart div#col300r img,
.newart div#col400r img,
.newart div#col410r img,
.newart div#col500r img,
.newart div#col600r img {
display:block;
margin:0px 5px 2px 0px;
vertical-align:bottom;
float:left;
}
.newart div#col100 small,
.newart div#col200 small,
.newart div#col300 small,
.newart div#col400 small,
.newart div#col410 small,
.newart div#col500 small,
.newart div#col600 small {
display:block;
padding:0px 0px 0px 2px;
color:#445;
clear:both;
}
.newart div#col100l small,
.newart div#col200l small,
.newart div#col300l small,
.newart div#col400l small,
.newart div#col410l small,
.newart div#col500l small,
.newart div#col600l small {
display:block;
padding:0px 10px 0px 2px;
color:#445;
clear:both;
}
.newart div#col100c small,
.newart div#col200c small,
.newart div#col300c small,
.newart div#col400c small,
.newart div#col410c small,
.newart div#col500c small,
.newart div#col600c small {
display:block;
padding:0px 0px 0px 2px;
color:#445;
clear:both;
}
.newart div#col100r small,
.newart div#col200r small,
.newart div#col300r small,
.newart div#col400r small,
.newart div#col410r small,
.newart div#col500r small,
.newart div#col600r small {
display:block;
padding:0px 10px 0px 2px;
color:#445;
clear:both;
}
.newart div small#cap-l {text-align:left;color:#445;}
.newart div small#cap-c {text-align:center;color:#445;}
.newart div small#cap-r {text-align:right;color:#445;}
.newart div#noalign {clear:both;color:#445;margin:0px 0px 15px 0px;padding:0px;}
.newart span#mark img {
margin:0px 10px 5px 5px;
border:0px solid #FFF;
}
#bizmobile span#mark img {
padding-right:10px;
border:0px solid #FFF;
}
#bizmobile .newart #byline {
text-align:right;
}
.newart div#mark img {
margin:10px 0px 0px 0px;
border:0px solid #FFF;
}
/* ARTICLES - TABLE -
----------------------------------------------- */
.newart table#tbl,
.newart table#tbl100c,
.newart table#tbl75c,
.newart table#tbl50c,
.newart table#tbl25c,
.newart table#tbl100l,
.newart table#tbl75l,
.newart table#tbl50l,
.newart table#tbl25l,
.newart table#tbl100r,
.newart table#tbl75r,
.newart table#tbl50r,
.newart table#tbl25r {
margin:5px 0px 5px;
font-size:small;
border-collapse:collapse;
border-top:1px solid #889;
text-align:left;
}
#empty .newart table {
border-top:0px solid #FFF;
border-collapse:separate;
}
.newart .sbv {
border:10px solid #452 !important;
}
.newart table#tbl tr,
.newart table#tbl100c tr,
.newart table#tbl75c tr,
.newart table#tbl50c tr,
.newart table#tbl25c tr,
.newart table#tbl100l tr,
.newart table#tbl75l tr,
.newart table#tbl50l tr,
.newart table#tbl25l tr,
.newart table#tbl100r tr,
.newart table#tbl75r tr,
.newart table#tbl50r tr,
.newart table#tbl25r tr {
vertical-align:top;
}
.newart table#tbl caption,
.newart table#tbl100c caption,
.newart table#tbl75c caption,
.newart table#tbl50c caption,
.newart table#tbl25c caption,
.newart table#tbl100l caption,
.newart table#tbl75l caption,
.newart table#tbl50l caption,
.newart table#tbl25l caption,
.newart table#tbl100r caption,
.newart table#tbl75r caption,
.newart table#tbl50r caption,
.newart table#tbl25r caption {
padding:5px 0px;
font-weight:bold;
color:#445;
text-align:left;
}
.newart table#tbl100r caption,
.newart table#tbl75r caption,
.newart table#tbl50r caption,
.newart table#tbl25r caption {
margin:0px;
}
.newart table#tbl thead tr th,
.newart table#tbl thead tr td,
.newart table#tbl100c thead tr th,
.newart table#tbl100c thead tr td,
.newart table#tbl75c thead tr th,
.newart table#tbl75c thead tr td,
.newart table#tbl50c thead tr th,
.newart table#tbl50c thead tr td,
.newart table#tbl25c thead tr th,
.newart table#tbl25c thead tr td,
.newart table#tbl100l thead tr th,
.newart table#tbl100l thead tr td,
.newart table#tbl75l thead tr th,
.newart table#tbl75l thead tr td,
.newart table#tbl50l thead tr th,
.newart table#tbl50l thead tr td,
.newart table#tbl25l thead tr th,
.newart table#tbl25l thead tr td,
.newart table#tbl100r thead tr th,
.newart table#tbl100r thead tr td,
.newart table#tbl75r thead tr th,
.newart table#tbl75r thead tr td,
.newart table#tbl50r thead tr th,
.newart table#tbl50r thead tr td,
.newart table#tbl25r thead tr th,
.newart table#tbl25r thead tr td {
padding:3px;
background-color:#36A;
color:#FFF;
border-bottom:1px solid #889;
border-right:1px solid #889;
border-left:1px solid #889;
}
.newart .sbv#tbl thead tr th {
background-color:#8A3;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
}
.newart table#tbl tbody tr th,
.newart table#tbl100c tbody tr th,
.newart table#tbl75c tbody tr th,
.newart table#tbl50c tbody tr th,
.newart table#tbl25c tbody tr th,
.newart table#tbl100l tbody tr th,
.newart table#tbl75l tbody tr th,
.newart table#tbl50l tbody tr th,
.newart table#tbl25l tbody tr th,
.newart table#tbl100r tbody tr th,
.newart table#tbl75r tbody tr th,
.newart table#tbl50r tbody tr th,
.newart table#tbl25r tbody tr th {
padding:3px;
border-right:1px solid #889;
border-left:1px solid #889;
border-bottom:1px solid #889;
background-color:#EEF;
}
.newart .sbv#tbl tbody tr td,
.newart .sbv#tbl tbody tr th {
border-color:#795;
}
.newart table#tbl tbody tr td,
.newart table#tbl100c tbody tr td,
.newart table#tbl75c tbody tr td,
.newart table#tbl50c tbody tr td,
.newart table#tbl25c tbody tr td,
.newart table#tbl100l tbody tr td,
.newart table#tbl75l tbody tr td,
.newart table#tbl50l tbody tr td,
.newart table#tbl25l tbody tr td,
.newart table#tbl100r tbody tr td,
.newart table#tbl75r tbody tr td,
.newart table#tbl50r tbody tr td,
.newart table#tbl25r tbody tr td {
padding:3px;
border-bottom:1px solid #889;
border-right:1px solid #889;
}
.newart table#tbl tfoot tr td,
.newart table#tbl100c tfoot tr td,
.newart table#tbl75c tfoot tr td,
.newart table#tbl50c tfoot tr td,
.newart table#tbl25c tfoot tr td,
.newart table#tbl100l tfoot tr td,
.newart table#tbl75l tfoot tr td,
.newart table#tbl50l tfoot tr td,
.newart table#tbl25l tfoot tr td,
.newart table#tbl100r tfoot tr td,
.newart table#tbl75r tfoot tr td,
.newart table#tbl50r tfoot tr td,
.newart table#tbl25r tfoot tr td {
padding:3px 0px;
color:#445;
line-height:130%;
}
.newart .sbv tfoot tr td {
color:#FFF !important;
background-color:#452 ! important;
}
.newart .sbv tfoot tr td a {
color:#FC0;
}
.newart table#tbl100c {margin:0px auto 10px auto;width:100%;}
.newart table#tbl75c {margin:0px auto 10px auto;width:72%;}
.newart table#tbl50c {margin:0px auto 10px auto;width:47%;}
.newart table#tbl25c {margin:0px auto 10px auto;width:22%;}
.newart table#tbl100l {margin:0px 0px 10px 0px;width:100%;float:left;}
.newart table#tbl75l {margin:0px 10px 10px 0px;width:72%;float:left;}
.newart table#tbl50l {margin:0px 10px 10px 0px;width:47%;float:left;}
.newart table#tbl25l {margin:0px 10px 10px 0px;width:22%;float:left;}
.newart table#tbl100r {margin:0px 0px 10px 0px;width:100%;float:right;}
.newart table#tbl75r {margin:0px 0px 10px 10px;width:72%;float:right;}
.newart table#tbl50r {margin:0px 0px 10px 10px;width:47%;float:right;}
.newart table#tbl25r {margin:0px 0px 10px 10px;width:22%;float:right;}
.box table#tbl100r {margin:0px 0px 10px 0px;width:100%;float:right;}
.box table#tbl75r {margin:0px 0px 10px 10px;width:72%;float:right;}
.box table#tbl50r {margin:0px 0px 10px 10px;width:47%;float:right;}
.box table#tbl25r {margin:0px 0px 10px 10px;width:22%;float:right;}
.newart table#tbl-spec {
margin:5px 0px 15px;
font-size:small;
color:#555;
text-align:left;
border-collapse:collapse;
}
.newart table#tbl-spec thead tr {
background-color:#CCC;
text-align:center;
}
.newart table#tbl-spec thead tr th,
.newart table#tbl-spec thead tr td {
padding:3px;
}
.newart table#tbl-spec tbody tr {
vertical-align:top;
}
.newart table#tbl-spec tbody tr#bgon {
background-color:#EEE;
}
.newart table#tbl-spec tbody tr th,
.newart table#tbl-spec tbody tr td {
padding:3px;
text-align:center;
border-bottom:1px solid #DDD;
}
.newart table#tbl th#txl,
.newart table#tbl td#txl,
.newart table#tbl-spec th#txl,
.newart table#tbl-spec td#txl {
text-align:left;
}
.newart table#tbl th#txr,
.newart table#tbl td#txr,
.newart table#tbl-spec th#txr,
.newart table#tbl-spec td#txr {
text-align:right;
}
.newart table#tbl th#txc,
.newart table#tbl td#txc,
.newart table#tbl-spec th#txc,
.newart table#tbl-spec td#txc {
text-align:center;
}
/* ARTICLES - COLUMN -
----------------------------------------------- */
.newart .box {
margin:5px 0px 10px;
padding:1px;
border:2px solid #888;
clear:both;
font-size:small;
height:1%;
}
.newart .box#red {border-color:#BE2B2B;background-color:#F9F1F1;}
.newart .box#blue {border-color:#267095;background-color:#F1F4F6;}
.newart .box#orange {border-color:#DA6B2E;background-color:#FBF5F2;}
.newart .box#green {border-color:#649526;background-color:#F4F6F1;}
.newart .box#red img {border-color:#BE2B2B;background-color:#F9F1F1;border:2px solid #F9F1F1;}
.newart .box#blue img {border-color:#267095;background-color:#F1F4F6;border:2px solid #F1F4F6;}
.newart .box#orange img {border-color:#DA6B2E;background-color:#FBF5F2;border:2px solid #FBF5F2;}
.newart .box#green img {border-color:#649526;background-color:#F4F6F1;border:2px solid #F4F6F1;}
.newart .box h3 {
width:100%;
margin:0px;
padding:2px 0px;
font-size:small;
color:#FFF;
border-width:0px;
background:#555;
text-indent:4px;
}
.newart .box#blue h3 {background:#267095;}
.newart .box#red h3 {background:#BE2B2B;}
.newart .box#green h3 {background:#649526;}
.newart .box#orange h3 {background:#DA6B2E;}
.newart .box h4 {
margin:0px;
padding:2px 8px;
font-size:small;
border-width:0px;
}
.newart .box p {
margin:0px;
padding:5px;
line-height:125% ! important;
}
.newart .box small {
font-size:small;
}
.newart .box small {
font-size:small;
}
.newart .box div#col100l,
.newart .box div#col200l,
.newart .box div#col300l,
.newart .box div#col400l,
.newart .box div#col500l,
.newart .box div#col600l {
margin:4px 0px 0px 3px;
}
/* ARTICLES - WEEKLY ACCESS TOP10 -
----------------------------------------------- */
.newart .acctop10-Makoto {
width:500px;
margin:0px auto;
padding:15px;
}
.newart .acctop10-Makoto h3 {
width:100%;
height:34px;
margin:0px;
padding:0px;
background:url(//image.itmedia.co.jp/makoto/images/weekly_access_top10.gif) no-repeat 0px 0px #036;
border:3px solid #CCC;
text-indent:-9999px;
}
.newart .acctop10-Makoto ol {
clear:both;
width:100%;
margin:0px;
padding:0px;
border:3px solid #CCC;
border-top:none;
}
.newart .acctop10-Makoto ol li {
background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px;
list-style:none;
line-height:120%;
}
.newart .acctop10-Makoto ol li a {
display:block;
clear:both;
padding:7px 6px 19px 47px;
border-bottom:1px solid #DDD;
text-decoration:none;
}
.newart .acctop10-Makoto ol li a:hover {color:#C00;}
.newart .acctop10-Makoto ol li#l1 {background-position:2px 2px;}
.newart .acctop10-Makoto ol li#l2 {background-position:2px -98px;}
.newart .acctop10-Makoto ol li#l3 {background-position:2px -198px;}
.newart .acctop10-Makoto ol li#l4 {background-position:2px -298px;}
.newart .acctop10-Makoto ol li#l5 {background-position:2px -398px;}
.newart .acctop10-Makoto ol li#l6 {background-position:2px -498px;}
.newart .acctop10-Makoto ol li#l7 {background-position:2px -598px;}
.newart .acctop10-Makoto ol li#l8 {background-position:2px -698px;}
.newart .acctop10-Makoto ol li#l9 {background-position:2px -798px;}
.newart .acctop10-Makoto ol li#l10 {background-position:2px -898px;}
.newart .acctop10-Makoto ol li#l1 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px #EEE;}
.newart .acctop10-Makoto ol li#l2 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -98px #EEE;}
.newart .acctop10-Makoto ol li#l3 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -198px #EEE;}
.newart .acctop10-Makoto ol li#l4 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -298px #EEE;}
.newart .acctop10-Makoto ol li#l5 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -398px #EEE;}
.newart .acctop10-Makoto ol li#l6 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -498px #EEE;}
.newart .acctop10-Makoto ol li#l7 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -598px #EEE;}
.newart .acctop10-Makoto ol li#l8 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -698px #EEE;}
.newart .acctop10-Makoto ol li#l9 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -798px #EEE;}
.newart .acctop10-Makoto ol li#l10 a:hover {background:url(//image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -898px #EEE;}
.newart .acctop10-Makoto ol li a span {
display:block;
border-left:2px solid #DDD;
padding-left:8px;
padding-right:8px;
}
.newart .acctop10-Makoto ol li a span small {
display:block;
font-size:10px;
text-align:right;
}
.newart .acctop10-Makoto ol li a:link span small,
.newart .acctop10-Makoto ol li a:visited span small,
.newart .acctop10-Makoto ol li a:hover span small {color:#666;}
.newart .acctop10-Makoto ol li#l1 a:hover span,
.newart .acctop10-Makoto ol li#l2 a:hover span,
.newart .acctop10-Makoto ol li#l3 a:hover span {border-left:2px solid #F60;}
.newart .acctop10-Makoto ol li#l4 a:hover span,
.newart .acctop10-Makoto ol li#l5 a:hover span,
.newart .acctop10-Makoto ol li#l6 a:hover span,
.newart .acctop10-Makoto ol li#l7 a:hover span,
.newart .acctop10-Makoto ol li#l8 a:hover span,
.newart .acctop10-Makoto ol li#l9 a:hover span,
.newart .acctop10-Makoto ol li#l10 a:hover span {border-left:2px solid #036;}

/* ENDLINK
------------------------------*/
.endlink {
clear:both;
margin-bottom:20px;
}
.endlink h4 {
width:70px;
background:url(//image.itmedia.co.jp/images0509/submenubg6.gif) no-repeat 0px 0px;
color:#111;
font-size:small;
padding:0px 5px 0px 20px;
margin:0px;
line-height:120%;
float:left;
}
.endlink ul {
border-left:3px solid #DDD;
font-size:small;
margin:0px 0px 0px 100px;
padding:0px 0px 0px 10px;
width:500px;
display:inline-block;
}
.endlink ul li {
clear:both;
background:url(//image.itmedia.co.jp/makoto/images/ulli_06_off.gif) no-repeat 0px 1px;
margin:0px 0px 10px;
padding-left:25px;
list-style:none;
font-size:12px;
line-height:16px;
}
.endlink ul li a {
font-weight:bold;
text-decoration:none !important;
}
.endlink ul li a:link img,
.endlink ul li a:visited img,
.endlink ul li a:hover img {
border:0px solid #FFF !important;
}
.endlink ul li a img {
padding:0px 7px 5px 0px;
}
/*
.endlink {
clear:both;
position:relative;
margin-bottom:20px;
}
.endlink h4 {
position:absolute;
left:0px;
top:0px;
width:70px;
background:url(//image.itmedia.co.jp/images0509/submenubg6.gif) no-repeat 0px 0px;
color:#111;
font-size:small;
padding:0px 5px 0px 20px;
margin:0px;
line-height:120%;
}
.endlink ul {
font-size:small;
margin:0px 0px 0px 90px;
padding:0px 0px 0px 10px;
border-left:3px solid #DDD;
}
.endlink ul li {
clear:both;
background:url(//image.itmedia.co.jp/makoto/images/ulli_06_off.gif) no-repeat 0px 1px;
margin:0px 0px 10px;
padding-left:25px;
list-style:none;
}
.endlink ul li a {
font-weight:bold;
text-decoration:none !important;
}
*/
/* NOTFOUND
------------------------------*/
#not-found .index p img {
border-top:4px solid #DDD;
border-bottom:3px solid #DDD;
}
.tbshow {
margin:10px 0px;
padding:1px;
border:2px solid #F60;
font-size:small;
}
.tbshow p {
margin:0px;
height:23px;
padding:2px;
background:#F60;
color:#FFF;
}
.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;
}
.tbinfo-icon {
display:block;
margin:15px 0px 10px 0px;
padding:0px 10px 0px 20px;
float:left;
}
.tbinfo-title {
margin:15px 10px 10px 20px;
font-size:120%;
}
.tbinfo-url {
margin:0px 0px 10px 0px;
padding:0px 20px;
font:small Arial,Helvetica,sans-serif;
clear:both;
}
.tbinfo-url strong {
width:130px;
display:block;
margin:3px 0px;
padding:1px 4px;
color:#FFF;
background:url(//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-abs {
clear:both;
margin:15px 0px;
padding:0px 20px;
}
.tbinfo-list {margin:0px 20px;font-size:small;}
.tbinfo-list div {margin:10px 20px 0px 20px !important;}
.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:"メイリオ", 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;
}
/* SUBTOP
------------------------------*/
/* ARTICLES - CREDIT -
----------------------------------------------- */
.newart p.credit {
margin:10px 0px;
padding:8px 10px;
font-size:12px;
color:#777;
border:1px solid #888;
background-color:#FFF;
}
/* ARTICLES - EMPTY -
----------------------------------------------- */
#empty .header .logoarea {
height:106px;
}
#empty .newart {
/*position:relative;*/
}
#empty .newart .pr-mark {
/*
display:inline;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDD;
background:#CCC;
color:#FFF;
line-height:100%;
padding:1px 2px;
position:absolute;
top:90px;
right:10px;
*/
}
.middle#empty .newart .pr-mark {
/*
display:inline;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
border:1px solid #DDD;
background:#CCC;
color:#FFF;
line-height:100%;
padding:1px 2px;
position:absolute;
top:35px;
right:5px;
*/
}
*html .middle#empty .newart .pr-mark {
right:15px;
}
.middle#empty .newart h4 {
clear:both;
margin:0px 0px 10px 0px;
padding:2px 6px 5px 6px;
border-left:1px solid #CCC;
border-right:1px solid #CCC;
background:url(//image.itmedia.co.jp/makoto/images/index_heading02.gif) repeat-x left bottom;
font-size:small;
color:#000;
}
.middle#empty .newart p {
margin:0px;
padding:0px;
font-size:small;
line-height:120%;
}
.middle#empty .newart p .icon img {
float:left;
margin:0px 8px 2px 0px;
}
.middle#empty .newart p strong {
display:block;
height:1%;
color:#A73;
font-size:small;
margin:0px 0px 3px 0px;
line-height:120%;
border-bottom:0px solid #FFF;
}
.middle#empty .newart p.credit {
margin:10px 0px;
padding:8px 10px;
font-size:12px;
color:#777;
border:1px solid #888;
background-color:#FFF;
}
.middle#empty .newart p.credit strong {
display:inline;
color:#777;
}
.middle#empty .newart h3 {
margin:0px 0px 3px 0px;
line-height:120%;
padding:0px;
border:0px solid #FFF;
clear:none;
font-size:100%;
}
.middle#empty .newart h3 a:link,
.middle#empty .newart h3 a:visited {
text-decoration:none;
}
.middle#empty .newart .box#red {float:left;}
.middle#empty .newart .box#blue {float:right;}
.middle#empty .newart .box#red,
.middle#empty .newart .box#blue {
margin:0px;
padding:0px;
clear:none;
font-size:medium;
width:49%;
border:0px solid #FFF;
background:none;
}
.middle#empty .newart .box#red h3,
.middle#empty .newart .box#blue h3 {
display:inline;
padding:0px;
font-size:100%;
color:#333;
background:none;
text-indent:0px;
}
.middle#empty .newart .box#red p,
.middle#empty .newart .box#blue p {
clear:none;
margin:0px;
padding:0px;
background:none;
line-height:120%;
}
/* ARTICLES - ADPOPUP -
----------------------------------------------- */
#att_ad_box {
position:absolute;
display:none;
width:300px;
background-color:#eee;
border:2px solid #ccc;
padding:5px;
line-height:130%;
text-decoration:none;
z-index:10;
font-size:12px;
text-align:left;
}
#att_ad_box a {
text-decoration:none;
color:#333;
}
#att_ad_box img {
float:left;
margin-right:8px;
border:0px;
}
#att_ad_box p {
margin:0px;
padding:0px;
}
/* ARTICLES - POPUP -
----------------------------------------------- */
.newart p a .PopUp {
display:none;
_display:inline;
_visibility:hidden;
position:absolute;
width:300px;
font-size:12px;
border:3px solid #CCC;
background:#EEE;
margin:0.5em 0em 0em -0.5em;
padding:5px;
text-decoration:none;
color:#333;
line-height:130%;
}
.newart p a:hover {
background:#FFF;
cursor:pointer;
}
.newart p a#lnk01:hover .PopUp#box01,
.newart p a#lnk02:hover .PopUp#box02,
.newart p a#lnk03:hover .PopUp#box03,
.newart p a#lnk04:hover .PopUp#box04,
.newart p a#lnk05:hover .PopUp#box05,
.newart p a#lnk06:hover .PopUp#box06,
.newart p a#lnk07:hover .PopUp#box07,
.newart p a#lnk08:hover .PopUp#box08,
.newart p a#lnk09:hover .PopUp#box09,
.newart p a#lnk10:hover .PopUp#box10 {
display:inline;
_visibility:visible;
}
.newart p a:hover .PopUp {
display:inline;
}
.newart p a:hover .PopUp:hover {
color:#C00;
}
.newart p a:hover .PopUp img {
float:left;
margin-right:8px;
}
/* TOP SPONCER BOX
----------------------------------------------- */
/* BACKNUM
------------------------------*/
.backnum {
margin:0px 0px 9px 9px;
width:240px;
font-size:13px;
float:right;
}
.backnum strong {
display:block;
padding:2px 0px;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
color:#036;
}
.backnum dl,
.backnum dl dd {
margin:0px;
padding:0px;
}
.backnum dl dt {
padding:2px 4px;
color:#FFF;
background:#036;
font-weight:bold;
}
.backnum dl dd {
padding:2px 4px 2px 22px;
border:1px solid #036;
border-top:0px solid #FFF;
background:url(//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(//image.itmedia.co.jp/images0509/arr_file2.gif) no-repeat 1px 0px #DEF;
}
.backnumlist {
margin-bottom:10px;
padding:1px;
border:1px solid #036;
font-size:13px;
}
.backnumlist h4 {
margin:0px;
padding:4px;
font-size:13px;
color:#FFF;
background:#036;
}
.backnumlist ol.TypeA {
margin:5px;
padding:0px;
}
.backnumlist ol.TypeA li {
margin-bottom:7px;
list-style:none;
min-height:40px;
}
.backnumlist ol.TypeA a:link,
.backnumlist ol.TypeA a:visited {
text-decoration:none;
}
.backnumlist ol.TypeA a img {
border:1px solid #888!important;
}
/* ENDKWD
------------------------------*/
.endkwd {
margin-bottom:20px;
border:1px solid #036;
}
.endkwd .box {
margin:0px!important;
padding:1px 1px 5px;
border:3px solid #258;
}
.endkwd .box h3 {
background:#036;
font-size:12px;
margin:0px 0px 5px;
}
.endkwd .box h4 {
font-weight:normal !important;
color:#CCC;
font-size:12px;
}
.endkwd .box h4 a {
background:url(//image.itmedia.co.jp/tt/images/wp_ulli_key2.gif) no-repeat 0px 2px;
padding-left:15px;
text-decoration:none;
}
.endkwd .box br,
.endkwd .box span {
display:none;
}
/* TOPLINK
------------------------------*/
.spbox-cc {
margin-top:3px;
background:url(//image.itmedia.co.jp/makoto/images/spbox02.gif) repeat-x left top;
display:none;
}
.spbox-cc .inner1 {
background:url(//image.itmedia.co.jp/makoto/images/spbox01.gif) no-repeat left top;
}
.spbox-cc .inner2 {
background:url(//image.itmedia.co.jp/makoto/images/spbox03.gif) no-repeat right top;
height:1%;
padding-top:24px;
}
.toplink {
background:url(//image.itmedia.co.jp/makoto/images/spbox02.gif) repeat-x left top;
}
.toplink .outer {
background:url(//image.itmedia.co.jp/makoto/images/spbox01.gif) no-repeat left top;
}
.toplink .inner {
background:url(//image.itmedia.co.jp/makoto/images/spbox03.gif) no-repeat right top;
height:1%;
padding-top:24px;
}
.toplink h2 {
display:none;
}
/* HEADLINE
-------------------------------------------------*/
.headline {
position:relative;
margin-bottom:10px;
padding:10px;
background:url(//image.itmedia.co.jp/makoto/images/circle_black.gif) no-repeat left bottom #000;
height:1%;
}
body.articles .headline {
padding:0 10px 10px;
}

.headline .inner {}
/* HEADLINE LINK COLOR
-----------------------------*/
.headline a:link {
color:#FFC !important;
text-decoration:none !important;
}	
.headline a:visited {
color:#FFF !important;
text-decoration:none !important;
}
.headline a:hover {
color:#F60 !important;
}
/* HEADLINE ICON
-----------------------------*/
.headline .icon {
margin:5px 10px 5px 0px;
float:left;
/*border:2px solid #CCB;*/
}
/*
.headline .icon img {
border:1px solid #FFF !important;
margin:0px;
}
*/
/* HEADLINE INDEX
-----------------------------*/
.headline h5 {
margin:0px;
color:#F90;
}
.headline h3 {
margin:0px;
font-size:100%;
line-height:130%;
color:#FFF;
}
.headline p {
margin:0px;
line-height:140%;
color:#FFF;
}
.headline p span {
display:block;
text-align:right;
font-size:10px;
}
.headline ul {
margin:10px 0px;
}
.headline ul li {
margin-bottom:5px;
padding-left:14px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_linkset.gif) no-repeat 2px 5px;
}
.headline .linkset li {
}
.headline .linkset li small {
font-weight:normal;
font-size:10px;
color:#FFF;
}
/* HEADLINE ARTICLES
-----------------------------*/
/* HEADLINE BLOCK
-----------------------------*/
.headline .l66 {
float:left;
width:66%;
padding:0px 10px 0px 0px;
border-right:1px solid #FFF;
}
.headline .l33 {
float:left;
width:30%;
padding:0px 0px 0px 10px;
}
.headline .l33 h3 {font-size:small;}
.headline .l33 p {font-size:x-small;}
.headline .l33 ul li {font-size:x-small;}
/* HEADLINE BUTTON
-----------------------------*/
.headline #btnlist {
position:absolute;
top:0px;
right:70px;
}
.headline .tbbtn {}
.headline .kwtbtn {}
.headline .hbbtn {}
.headline .twitbtn {
position:absolute;
top:0px;
right:0px;
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat -86px -40px;
text-indent:-9999px;
}
.headline .hbbtn {
position:absolute;
top:0;
right:26px;
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat -86px 2px;
text-indent:-9999px;
}
.headline .tbbtn {
position:absolute;
top:0;
right:52px;
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat 0px -61px;
text-indent:-9999px;
}
.headline .kwtbtn {
position:absolute;
top:0;
right:138px;
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat 0px -40px;
text-indent:-9999px;
}
.headline .lhbtn {
position:absolute;
top:0px;
right:0px;
background:url(//image.itmedia.co.jp/images0509/bt_next.gif) no-repeat center center;
text-indent:-9999px;
}
.headline .prtbtn {
position:absolute;
top:0px;
right:224px;
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat 0px -19px;
text-indent:-9999px;
}
#bizmobile .headline .prtbtn {
right:-60px;
}
.headline .alertbtn {
position:absolute;
top:0px;
right:293px;
}
.headline .oldMkt_btn #btnlist {
position:absolute;
top:0px;
right:5px;
}
.headline .oldMkt_btn .mixicheckbtn {
position:absolute;
top:74px;
right:5px;
}
.headline .oldMkt_btn .twitbtn {
position:absolute;
top:52px;
right:0;
}
.headline .oldMkt_btn .hbbtn {
position:absolute;
top:52px;
right:26px;
}
.headline .oldMkt_btn .tbbtn {
position:absolute;
top:26px;
right:0px;
}
.headline .oldMkt_btn .kwtbtn {
position:absolute;
top:0px;
right:0px;
}
.headline .oldMkt_btn .prtbtn {
position:absolute;
top:52px;
right:52px;
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat 0px -19px;
text-indent:-9999px;
}
.headline .oldMkt_btn .alertbtn {
position:absolute;
top:0px;
right:86px;
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat 0px -19px;
text-indent:-9999px;
}
.headline .hbbtn a,
.headline .tbbtn a,
.headline .prtbtn a,
.headline .twitbtn a,
.headline .kwtbtn a,
.headline .lhbtn a,
.headline .alertbtn button {
display:block;
width:82px;
height:19px;
border:2px solid #777;
border-top:2px solid #666;
border-left:2px solid #666;
overflow:hidden;
}
.headline .alertbtn button {
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat 0px -105px;
border:0px;
width:64px;
height:23px;
cursor:pointer;
}
.headline .prtbtn a {width:65px;}
.headline .hbbtn a {width:22px;}
.headline .twitbtn a {width:22px;}
.headline .twitbtn a:hover,
.headline .hbbtn a:hover,
.headline .prtbtn a:hover,
.headline .tbbtn a:hover,
.headline .kwtbtn a:hover,
.headline .alertbtn button:hover,
.headline .lhbtn a:hover {
border:2px solid #F90;
}
.headline .alertbtn button:hover {
background:url(//image.itmedia.co.jp/makoto/images/commonness_button2.gif) no-repeat 0px -130px;
border:0px;
}
/* HEADLINE ARTICLES PR-TEXT
-----------------------------*/
.headline .pr-txt {
position:absolute;
top:0px;
left:10px;
margin:0px !important;
}
.headline .pr-txt a {
font-size:12px;
}
/* HEADLINE UPDATE
-----------------------------*/
.headline .update {
position:absolute;
top:0px;
right:10px;
margin:0px;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
line-height:110%;
font-size:10px;
color:#FFF;
}
.headline .update strong {
color:#F30;
}
.newart .headline .update {top:80px;*top:90px;}
/* HEADLINE ARTICLES
-----------------------------*/
.newart .headline .l550 {
width:auto;
}
.newart .headline .r150 {
display:none;
}
.newart .headline h6 {
line-height:120%;
font-size:small;
margin:65px 0px 0px 0px;
*margin:75px 0px 0px 0px;
padding:0px 0px 3px 0px;
color:#FFF;
border-bottom:1px solid #FFF;
}
.newart .headline h2 {
font-size:small;
margin:5px 0px 0px 0px;
padding:0px;
color:#F90;
border-bottom:none;
background:url(//image.itmedia.co.jp/makoto/images/headline_h2.gif) no-repeat -9999px -9999px;
}
.newart .headline h1 {
font-size:150%;
margin:5px 0px 5px 0px;
color:#FFF;
}
.newart .headline h5 {
margin:0px;
color:#FFF;
}
.newart .headline #byline {
margin:5px 0px 0px 0px;
font-size:small;
text-align:right;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
color:#FFF;
}
.newart .pr-txt img {display:none;}
.newart .pr-txt a:link,
.newart .pr-txt a:visited {text-decoration:none;}
.newart .pr-txt a:hover {text-decoration:underline;}
/* HEADLINE SUBTOP
-----------------------------*/
.subtop .headline h1 {
color:#F90;
line-height:100%;
font-size:150%;
font-size:12px;
text-indent:-9999px; 
height:35px;
}
.info .headline h1 {
color:#F90;
line-height:100%;
font-size:150%;
font-size:12px;
text-indent:-9999px; 
height:35px;
}
.other .headline h1 {
color:#F90;
line-height:100%;
font-size:150%;
font-size:12px;
text-indent:-9999px; 
height:35px;
}
.info .headline .text {
color:#FC3;
line-height:30px;
font-size:24px;
text-indent:0px; 
height:auto;
}
.subtop .headline .text {
color:#FC3;
line-height:30px;
font-size:24px;
text-indent:0px; 
height:auto;
}
/* HEADLINE JIJI
-----------------------------*/
.subtop#jiji_mon\.html .headline h1,
.subtop#jiji_tue\.html .headline h1,
.subtop#jiji_wed\.html .headline h1,
.subtop#jiji_thu\.html .headline h1,
.subtop#jiji_fri\.html .headline h1,
.subtop#jiji_all\.html .headline h1,
.subtop#jiji_yamaguchi\.html .headline h1,
.subtop#jiji_hoda\.html .headline h1,
.subtop#jiji_yamazaki\.html .headline h1,
.subtop#jiji_yoshida\.html .headline h1,
.subtop#jiji_matsuda\.html .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/jiji_title.gif) no-repeat 0px 0px;}
.subtop#jiji_mon\.html .headline h1 {background-position:0px 0px;}
.subtop#jiji_tue\.html .headline h1 {background-position:0px -500px;}
.subtop#jiji_wed\.html .headline h1 {background-position:0px -100px;}
.subtop#jiji_thu\.html .headline h1 {background-position:0px -150px;}
.subtop#jiji_fri\.html .headline h1 {background-position:0px -450px;}
.subtop#jiji_all\.html .headline h1 {background-position:0px -250px;}
.subtop#jiji_yamaguchi\.html .headline h1 {background-position:0px -300px;}
.subtop#jiji_hoda\.html .headline h1 {background-position:0px -350px;}
.subtop#jiji_yamazaki\.html .headline h1 {background-position:0px -400px;}
.subtop#jiji_yoshida\.html .headline h1 {background-position:0px -200px;}
.subtop#jiji_matsuda\.html .headline h1 {background-position:0px -50px;}
.subtop .headline .headicon {
float:right;
margin:10px 0px 0px 10px;
}
.subtop .headline .profile {
margin:0px 10px 5px 10px;
background:#FFF;
color:#333;
border-left:2px solid #999;
border-top:2px solid #999;
border-right:2px solid #CCC;
border-bottom:2px solid #CCC;
position:absolute;
top:135px;
right:0px;
width:300px;
display:none;
}
.subtop .headline .open {
display:block;
}
.subtop .headline .close {
display:none;
}
.subtop .headline .profile p {
margin:5px 10px;
color:#555;
}
.subtop .headline .profile p a:link {color:#037 !important;}
.subtop .headline .profile p a:visited {color:#800080 !important;}
.subtop .headline .profile p a:hover {color:#C00 !important;}
/* HEADLINE FEATURE
-----------------------------*/
.subtop#feature_midashinami2009\.html .headline h1,
.subtop#feature_felica\.html .headline h1,
.subtop#feature_invest\.html .headline h1,
.subtop#feature_credit\.html .headline h1,
.subtop#feature_finance\.html .headline h1,
.subtop#feature_divides\.html .headline h1,
.subtop#feature_transport\.html .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/feature_title.gif) no-repeat 0px 0px;height:50px;}
.subtop#feature_midashinami2009\.html .headline h1 {background-position:0px -350px;}
.subtop#feature_felica\.html .headline h1 {background-position:0px 0px;}
.subtop#feature_invest\.html .headline h1 {background-position:0px -50px;}
.subtop#feature_credit\.html .headline h1 {background-position:0px -100px;}
.subtop#feature_finance\.html .headline h1 {background-position:0px -150px;height:30px;}
.subtop#feature_divides\.html .headline h1 {background-position:0px -200px;height:40px;}
.subtop#feature_transport\.html .headline h1 {background-position:0px -250px;}
/* HEADLINE SUBTOP
-----------------------------*/
.subtop#bizmobile\.html .headline h1,
.subtop#rensai\.html .headline h1,
.subtop#survey\.html .headline h1,
.subtop#interview\.html .headline h1,
.subtop#mid_kabushiki\.html .headline h1,
.subtop#past\.html .headline h1,
.subtop#scramble\.html .headline h1,
.subtop#pr_specialarchive\.html .headline h1,
.subtop#voice\.html .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/subtop_title.gif) no-repeat 0px 0px;}
.subtop#bizmobile\.html .headline h1 {background-position:0px 0px;}
.subtop#rensai\.html .headline h1 {background-position:0px -50px;}
.subtop#survey\.html .headline h1 {background-position:0px -100px;}
.subtop#interview\.html .headline h1 {background-position:0px -150px;}
.subtop#mid_kabushiki\.html .headline h1 {background-position:0px -200px;}
.subtop#past\.html .headline h1 {background-position:0px -250px;}
.subtop#scramble\.html .headline h1 {background-position:0px -350px;}
.subtop#pr_specialarchive\.html .headline h1 {background-position:0px -400px;height:55px;}
.subtop#voice\.html .headline h1 {background-position:0px -500px;}
.subtop#stresscheck\.html .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/other_title.gif) no-repeat 0px -50px;height:30px;}
.subtop#jiji_kamio\.html .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/subtop_title.gif) no-repeat 0px -300px;}
.subtop .bizmobile .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/subtop_title.gif) no-repeat 0px 0px;}
.subtop .past .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/subtop_title.gif) no-repeat 0px -250px;}
/* HEADLINE OTHER
-----------------------------*/
.other#trackback .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/other_title.gif) no-repeat 0px 0px;height:30px;}
.other#trackback .headline h1 {background-position:0px 0px;}
.other#trackback .headline h5 {color:#FFF !important;}
.other#trackback .index h3 {border:1px solid #CCC;background:#EEE;padding:5px;}
.other#trackback .index div {
font-size:small;
}
.other#trackback .index div a:link,
.other#trackback .index div a:visited {
color:#FFF;
}
.other#trackback .index div a:hover {
color:#C00;
text-decoration:none;
}
.other#trackback .index div a:link strong,
.other#trackback .index div a:visited strong {
color:#036;
}
.other#trackback .index div a strong {
font-size:medium;
}
.other#trackback .index .tbinfo {
margin-top:20px;
}
/* HEADLINE INFO
-----------------------------*/
.info#info_mail2\.html .headline h1,
.info#info_mail\.html .headline h1,
.info#info_service\.html .headline h1,
.info#info_news\.html .headline h1,
.info#info_rule\.html .headline h1,
.info#info_sitemap\.html .headline h1 {background:url(//image.itmedia.co.jp/makoto/images/info_title.gif) no-repeat 0px 0px;height:30px;}
.info#info_mail2\.html .headline h1 {background-position:0px 0px;}
.info#info_mail\.html .headline h1 {background-position:0px -50px;}
.info#info_service\.html .headline h1 {background-position:0px -100px;}
.info#info_news\.html .headline h1 {background-position:0px -150px;}
.info#info_rule\.html .headline h1 {background-position:0px -200px;}
.info#info_sitemap\.html .headline h1 {background-position:0px -250px;}
.anav {}
.anav span {
font-size:10px;
}
.anav a {
padding:1px 3px;
border:1px solid #CCC;
background:#EEE;
}
.info .index h2 {
margin-bottom:10px;
color:#012;
font-size:96%;
}
.info .index h3 {
font-size:small;
border:1px solid #CCC;
background:#EEE;
color:#332;
margin-bottom:10px;
padding:2px 5px;
}
#trackback .index h3 {
font-size:100%;
border:0px solid #FFF;
background:none;
color:#333;
margin-bottom:0px;
padding:0px;
}
#trackback .index .icon img {
border:1px solid #CCC !important;
margin-bottom:10px;
}
.info .index h4 {
margin-bottom:10px;
color:#333;
font-size:small;
}
.info .index p {
margin-bottom:10px;
color:#333;
}
.info .index ul {
clear:both;
margin:0px 0px 10px;
}
.info .index li {
background:url(//image.itmedia.co.jp/makoto/images/ulli_08.gif) no-repeat 0px 3px;
margin:0px 0px 5px;
padding:3px 0px 3px 20px;
color:#333;
border-bottom:1px dotted #EEE;
}
.info .index .tbl {
margin:0px auto 10px;
padding:3px;
width:70%;
border:1px solid #CCC;
background:#EEE;
}
.info .index table {
border-collapse:collapse;
background:#FFF;
}
.info .index table caption {
font-size:10px;
text-align:right;
caption-side:bottom;
padding-top:4px;
}
.info .index table caption span {
color:#C00;
}
.info .index table th,
.info .index table td {
padding:4px 5px;
border:1px solid #DDD;
font-size:small;
font-weight:normal;
}
.info .index table th {
background:#EEE;
}
.info .index table thead th {
background:#666;
font-weight:bold;
color:#FFF;
}
.info .index table tfoot td {
padding:10px 5px;
}
.info form button.btn {
display:block;
margin:0px auto;
width:200px;
height:24px;
background:url(//image.itmedia.co.jp/makoto/images/input_btn01.gif) no-repeat center top;
text-indent:-9999px;
border:none;
cursor:pointer;
}
.info#search .index {font-family:Arial, Helvetica, sans-serif !important;}
.info#search .index .tbl {width:98%;}
.info#search .index table {width:100%;}
.info#search .index table th {font-weight:normal;}
.info#search .index dl {margin:10px 0px;}
.info#search .index dl dt {
font-size:medium;
margin-top:10px;
padding-left:20px;
background:url(//image.itmedia.co.jp/makoto/images/ulli_08.gif) no-repeat 0px 3px;
}
.info#search .index dl dd {padding-left:20px;}
.info#search .index dl dd strong {color:#C60;}
.subtop .headline h5 {
margin:10px 0px 0px 0px;
padding:0px;
color:#FFF;
font-weight:normal;
}
.subtop .headline p {
margin:0px;
font-size:small;
}
.subtop .headline .l33 p {
margin:0;
font-size:x-small;
}
.subtop .headline div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#empty .headline .update {
clear:both;
padding-top:10px;
}
#empty .headline h6 {
padding-top:37px;
}
#empty .headline .r150 {
display:none;
}
#empty .headline .l550 {
width:100%;
border-right:0px solid #FFF;
}
#empty .headline .update {
position:absolute;
top:35px;
right:10px;
margin:0px;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
line-height:110%;
font-size:10px;
}
#empty .newart .headline h6 {
line-height:120%;
font-size:small;
margin:32px 0px 0px 0px;
*margin:42px 0px 0px 0px;
padding:0px 0px 3px 0px;
color:#FFF;
border-bottom:1px solid #FFF;
}
#empty .newart .headline h2 {
background:url(//image.itmedia.co.jp/makoto/images/newart_prmark.gif) no-repeat right top;
}
.middle#empty .navi {
/*
display:none;
*/
}
.middle#empty .headline {
border-top:0px solid #FFF;
background:none !important;
padding:0px;
position:relative;
}
.middle#empty .headline h1 {
margin:0px;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/title_shain2.gif) no-repeat 0px 0px #FFF;
height:150px;
}
.middle#empty .headline h5 {
color:#000;
margin:10px;
}
.middle#empty .headline #btnlist,
.middle#empty .headline .update,
.middle#empty .headline h6,
.middle#empty .headline .r150,
.middle#empty .headline #byline,
.middle#empty .headline br {
display:none;
}
.middle#empty .headline h2 {
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/newart_prmark.gif) no-repeat right top;
height:14px;
position:absolute;
top:0px;
right:0px;
}
.middle#empty .headline .l550 {
margin:0px;
width:100%;
border-right:0px solid #FFF;
float:none;
}
.headline .sponsor {
position:relative;
margin-left:0px !important;
margin-right:0px !important;
}
.headline .sponsor .sBox {
display:none;
position:absolute;
top:32px;
left:0px;
width:110%;
padding-top:7px;
background:url(//image.itmedia.co.jp/makoto/images/arrow_sponsorbox.gif) no-repeat -9999px 0px;
}
.headline .sponsor .open {
display:block;
z-index:1;
}
.headline .sponsor .close {
display:none;
}
.headline .sponsor .sBox div {
border:2px solid #EED;
padding:6px;
height:60px;
background:url(//image.itmedia.co.jp/makoto/images/bg_sponsorbox.gif) repeat 0px 0px #FFF;
}
.headline .sponsor .sBox img {
float:left;
margin-right:7px;
display:block;
height:60px;
}
.headline .sponsor .sBox p {
color:#666;
margin:0px;
}
.headline .sponsor .sBox p a:link {
color:#037 !important;
}
.headline .sponsor .sBox p a:visited {
color:#800080 !important;
}
.headline .sponsor .sBox p a:hover {
color:#C00 !important;
}
.headline ul.sponsor {
}
.headline ul.sponsor li {
background:url(//image.itmedia.co.jp/makoto/images/pr_icon.gif) no-repeat 0px 3px;
padding-left:25px;
}
.headline div.sponsor {
height:35px;
margin:10px 15px 0px 15px;
padding:0px 10px;
background:#FFF;
border-left:2px solid #999;
border-top:2px solid #999;
border-right:2px solid #CCC;
border-bottom:2px solid #CCC;
}
/* XPATH-FORM CSS
-----------------------------------------------------------------------*/
.sTbl {
border:1px solid #999;
padding:1px;
margin-bottom:20px;
}
.sTbl table {
border-collapse:collapse;
border:3px solid #CCC;
}
#empty .newart .sTbl table {
border-collapse:collapse;
border:3px solid #CCC;
}
.sTbl table th,
.sTbl table td {
border:1px solid #CCC;
font-size:14px;
text-align:left;
padding:2px 4px;
color:#999;
font-weight:normal;
}
.newart .sTbl table th a:link img,
.newart .sTbl table th a:visited img,
.newart .sTbl table td a:link img,
.newart .sTbl table td a:visited img {
border:none !important;
}
.sTbl table th a,
.sTbl table td a {
text-decoration:none !important;
border:none !important;
}
.sTbl tr .A span {display:none;} /* YN初期非表示 */
.sTbl table th a img,
.sTbl table td a img {
border:none !important;
vertical-align:middle;
}
.sTbl table .Q {
width:5%;
text-align:center;
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:bold;
border-right:none;
}
.sTbl table .S {
font-size:16px;
border-left:none;
}
.sTbl table .A {
width:50%;
color:#000;
text-align:center;
font-size:small;
background:#FFF;
}
.sTbl table tr#YN td {color:#333;} /* YNカウント部 */
.sTbl#EXP {
border:1px solid #036;
}
.sTbl#EXP table {
border:3px solid #147 !important;
}
.sTbl#EXP table th,
.sTbl#EXP table td {
border:1px solid #147;
}
.sTbl#EXP table th {
color:#FFF;
font-size:16px;
font-weight:bold;
background:#258;
padding:5px;
border:1px solid #FFF;
}
.sTbl#EXP table td {
color:#333;
padding:10px;
font-size:14px;
border-bottom:0px solid #FFF;
}
.sTbl#EXP table tfoot {
}
.sTbl#EXP table tfoot td {
text-align:center;
border:none;
padding:5px;
}
.popUps {display:none;text-align:left;font-size:14px;}
.popUps img {float:left;padding-right:5px;}
/* CMS TEMPLATE RE-PUT 080312
---------------------------------------------------------------------------------------------------*/
.header #logo {
float:left;
width:170px;
height:106px;
background:url(//image.itmedia.co.jp/makoto/images/logo_makoto.gif) no-repeat 15px 33px;
font-size:12px;
text-indent:-9999px;
}
.environment .header #logo {
background-image:url(//image.itmedia.co.jp/makoto/images/logo_makoto_eco.gif);
}
.makotostyle .header #logo {
background:url(//image.itmedia.co.jp/makoto/images/logo_makoto_style1.gif) no-repeat 15px 25px;
}
.header #logo a {
display:block;
width:157px;
height:75px;
margin:25px 0px 0px 15px;
}
.newart .headline #tmplType {
line-height:120%;
font-size:small;
margin:0px 0 8px;
padding:0px 0px 3px 0px;
color:#FFF;
border-bottom:1px solid #FFF;
font-weight:bold;
}

.newart .headline #tmplHeading1 {
padding:10px 0px 5px;
}
.newart .headline #tmplHeading1 h1 {
margin:0px;
}
.newart .headline #tmplHeading1 small {
font-size:12px;
margin:0px 0px 5px;
padding:0px;
color:#F90;
display:block;
line-height:120%;
}
#environment .newart .headline #tmplHeading1 small {
color:#9C3;
}
.newart .headline #tmplHeading1 big {
font-size:24px;
line-height:30px;
margin:0px;
color:#FFF;
display:block;
}
.newart .headline #tmplHeading2 h2 {
margin:0px;
color:#FFF;
}
.headline #tmplUpdate {
position:absolute;
top:4px;
right:10px;
margin:0px;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
line-height:110%;
font-size:10px;
color:#FFF;
padding:0!important;
}
#empty .headline #tmplUpdate {
top:45px;
}
.headline #tmplUpdate strong {
color:#F30;
}
.newart .headline #tmplByline {
margin:5px 0px;
font-size:small;
text-align:right;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
color:#FFF;
}
.newart #tmplMark {
font-size:12px;
text-align:right;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
}
.newart #tmplCopyright {
font-size:12px;
text-align:right;
font-family:"メイリオ", Arial, Helvetica, sans-serif;
}
.newart #tmplCopyright .inner span,
.newart #tmplCopyright .inner p span {
font-size:12px !important;
font-family:"メイリオ", Arial, Helvetica, sans-serif !important;
}
.newart #tmplMain {
padding:0 15px;
}
.newart #tmplMain #mark img {
border:none !important;
}
#empty .newart .headline #tmplType {
line-height:120%;
font-size:small;
margin:32px 0px 0px 0px;
*margin:42px 0px 0px 0px;
padding:0px 0px 3px 0px;
color:#FFF;
border-bottom:1px solid #FFF;
}
#empty .newart .headline #tmplHeading1 {
background:url(//image.itmedia.co.jp/makoto/images/newart_prmark.gif) no-repeat right 5px;
}
#empty .newart .headline #tmplHeading2 h2 {
background:none;
}
#empty .newart #tmplPrcredit {
clear:both;
margin:10px 0px;
border:1px solid #CCB;
}
#empty .newart #tmplPrcredit .inner {
border:3px solid #EED;
padding:5px;
}
#empty .newart #tmplPrcredit br {
display:none;
}
#empty .newart #tmplPrcredit p {
background:none;
border:none;
color:#777;
font-size:12px;
margin:0px;
padding:0px;
}
#empty .newart #tmplPrcredit p br {
display:inline;
}
.middle#empty .newart .navi,
.middle#empty .newart .headline #tmplUpdate,
.middle#empty .newart .headline #tmplType,
.middle#empty .newart .headline #tmplByline {
display:none;
}
.middle#empty .newart .headline #tmplHeading1 {
padding:0px;
margin-bottom:10px;
}
.middle#empty .newart .headline #tmplHeading2 h2 {
display:block;
position:static;
height:auto;
text-indent:0px;
color:#333;
}
.middle#empty .newart a img {
border:none !important;
}
/*
.index .kwoutBox {
position:relative;
}
.index .kwoutBox .kwoutBtn {
position:absolute;
right:0px;
font-size:12px;
height:13px;
}
.index .kwoutBox .kwoutBtn a {
display:block;
width:15px;
background:url(//image.itmedia.co.jp/makoto/images/bt_kwout.gif) no-repeat right 0px #FFF;
text-indent:-9999px;
}
.index .kwoutBox .kwoutBtn a:hover {
width:90px;
background:url(//image.itmedia.co.jp/makoto/images/bt_kwout.gif) no-repeat right -50px #FFF;
z-index:1;
}
.index .kwoutBox h5,
.index .kwoutBox h3 {
margin-right:15px;
z-index:0;
}
*/
.maincol .index .kwoutBtn img {
margin:0px;
}
/* CMS INPUT BLOCKQUOTE 080610
---------------------------------------------------------------------------------------------------*/
.newart blockquote {
background:url(//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;
}
/* TOP CHANGES 080725
---------------------------------------------------------------------------------------------------*/
#topNewsBox {}
#topNewsBox #topNewsHead {
background:url(//image.itmedia.co.jp/makoto/images/top_heading.gif) no-repeat 0px 0px;
height:35px;
text-indent:-9999px;
font-size:12px;
}
#topNewsBox h2 {
background:url(//image.itmedia.co.jp/makoto/images/top_heading.gif) no-repeat 0px -100px;
height:26px;
text-indent:-9999px;
font-size:12px;
padding:0px;
position:relative;
}
#topNewsBox h2 .toplink {
background:url(//image.itmedia.co.jp/makoto/images/btn_toplink2.gif) no-repeat 0px 0px;
width:80px;
height:20px;
font-size:12px;
text-indent:0px;
position:absolute;
top:3px;
right:2px;
}
#topNewsBox h2 .toplink a {
display:block;
width:80px;
height:20px;
text-indent:-9999px;
}
#topNewsBox h2 .toplink a:hover {
background:url(//image.itmedia.co.jp/makoto/images/btn_toplink2.gif) no-repeat 0px -20px;
}
#topNewsBox #topNewsInv h2 {background-position:0px -100px;}
#topNewsBox #topNewsRensai h2 {background-position:0px -200px;}
#topNewsBox #topNewsJiji h2 {background-position:0px -300px;}
#topNewsBox #topNewsInterview h2 {background-position:0px -400px;}
#topNewsBox #topNewsEco h2 {background-position:0px -500px;}
#topNewsBox #topNewsInvest h2 {background-position:0px -600px;}
#topNewsBox #topNewsFelica h2 {background-position:0px -700px;}
#topNewsBox #topNewsFx h2 {background-position:0px -800px;}
#topNewsBox #topNewsRealestate h2 {background-position:0px -900px;}
.floatHack {
clear:both;
}
.floatHack:after {
height:0;
visibility:hidden;
display:block;
content:".";
}

#topNewsBox h2 .toplink a {
display:block;
width:80px;
height:20px;
text-indent:-9999px;
}
/* .BOOKMARKS 080909
---------------------------------------------------------------------------------------------------*/
.newart .bookmarks div a img {
border:none !important;
}
/* RICHNAVIGATION 080808
---------------------------------------------------------------------------------------------------*/
.richNav {
height:35px;
background:url(//image.itmedia.co.jp/makoto/images/richNavBg.gif) repeat-x 0px 0px;
position:relative;
font-size:12px;
z-index:500;
margin-bottom:10px;
}
.richNav .sel {
margin:0px;
padding:0px;
list-style:none;
white-space:nowrap;
}
.richNav .sel .line {
position:relative;
}
.richNav li {
float:left;
background:url(//image.itmedia.co.jp/makoto/images/richNav1.gif) no-repeat 0px 0px;
}
.richNav li.lrt {
float:right;
background:url(//image.itmedia.co.jp/makoto/images/richNavBlue1.gif) no-repeat 0px 0px;
}
.richNav .sel a {
display:block;
height:35px;
float:left;
background: url(//image.itmedia.co.jp/makoto/images/richNavBg.gif) no-repeat 0px 0px;
padding:0px 0px 0px 7px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#FFF;
}
.richNav form {
margin:0px;
padding:0px;
display:block;
width:200px;
height:35px;
position:absolute;
top:0px;
right:0px;
}
.richNav form .txt {
display:block;
width:200px;
height:20px;
font-family:"メイリオ";
position:absolute;
top:6px;
right:65px;
color:#333;
border:1px solid #666;
padding:0 !important;
}
.richNav form button {
margin:0px;
padding:0px;
border:none;
cursor:pointer;
font-size:12px;
display:block;
width:60px;
height:35px;
background:url(//image.itmedia.co.jp/makoto/images/richNavSearch.gif) no-repeat right top #000;
text-decoration:none;
color:#FFF;
line-height:0px;
text-indent:-9999px;
overflow:hidden;
position:absolute;
top:0px;
right:0px;
}
.richNav form button:hover {
background-image:url(//image.itmedia.co.jp/makoto/images/richNavSearch_on.gif);
}
.richNav .sel a strong {
display:block;
padding:0px 19px 0px 12px;
background:url(//image.itmedia.co.jp/makoto/images/richNavBg.gif) no-repeat right top;
}
.richNav .sel li.line a strong {
background:url(//image.itmedia.co.jp/makoto/images/richNav0a.gif) no-repeat right top;
}
.richNav .sel a:hover, 
.richNav .sel li:hover a {
background: url(//image.itmedia.co.jp/makoto/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 7px;
cursor:pointer;
color:#FC0;
}
.richNav .sel li.lrt a:hover, 
.richNav .sel li.lrt:hover a {
background: url(//image.itmedia.co.jp/makoto/images/richNavBlue1.gif) no-repeat 0px 0px;
}
.richNav .sel a:hover strong, 
.richNav .sel li:hover a strong {
display:block;
padding:0px 19px 0px 12px;
background:url(//image.itmedia.co.jp/makoto/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}
.richNav .sel li.line a:hover strong, 
.richNav .sel li.line:hover a strong {
background:url(//image.itmedia.co.jp/makoto/images/richNav1a.gif) right top;
}
.richNav .sel li.lrt a:hover strong, 
.richNav .sel li.lrt:hover a strong {
background:url(//image.itmedia.co.jp/makoto/images/richNavBlue1.gif) right top;
}
.richNav .sel li.lrt a:hover strong.arrow, 
.richNav .sel li.lrt:hover a strong.arrow {
background:url(//image.itmedia.co.jp/makoto/images/richNavBlue1a.gif) right top;
}
.richNav .sub {
display:none;
}
.richNav ul ul {
display:none;
}
/* IE6 only */
.richNav table {
border-collapse:collapse;
margin:-1px;
font-size:12px;
width:0;
height:0;
}
.richNav .sub {
margin:0;
padding:0;
list-style:none;
}
.richNav .sub li {
background:transparent;
float:none;
}
.richNav .sub li a {
float:none;
text-align:left;
border-bottom:1px dotted #333;
}
.richNav .sel :hover .sub {
display:block;
position:absolute;
float:left;
width:190px;
top:35px;
left:0;
text-align:center;
background:url(//image.itmedia.co.jp/makoto/images/transparent.gif) #000;
border:1px solid #333;
padding-bottom:10px;
}
.richNav .sel :hover .hack {
display:block;
position:absolute;
float:left;
width:190px;
top:35px;
left:-90px;
text-align:center;
background:url(//image.itmedia.co.jp/makoto/images/transparent.gif) #000;
border:1px solid #333;
padding-bottom:10px;
}
.richNav .sel :hover .rt li {
/*float:right;*/
}
.richNav .sel :hover .sub li a {
display:block;
height:25px;
line-height:22px;
/*float:left;*/
background:url(//image.itmedia.co.jp/makoto/images/ulli_arrow02.gif) no-repeat 6px 6px #000;
padding:0px 8px 0px 16px;
margin:0px;
white-space:nowrap;
color:#FFF;
font-size:12px;
}
.richNav .sel :hover .sub li.subline a {
color:#C00;
}
.richNav .sel :hover .sub li a:hover,
.richNav .sel :hover .sub li:hover {
position:relative;
background:url(//image.itmedia.co.jp/makoto/images/ulli_arrow01.gif) no-repeat 6px 6px #333;
}
/* NEW NAVIGATION 081003
---------------------------------------------------------------------------------------------------*/
.navi form,
.navi dl {display:none;}
.navi {background-image:url(//image.itmedia.co.jp/makoto/images/headline_navi_null.gif);}
.subtop#eco\.html .navi,
.environment .navi {
background-image:url(//image.itmedia.co.jp/makoto/images/headline_navi_eco_null.gif);
border-bottom:none;
border-right:1px solid #006f3a;
}
.l700 .headline {padding-top:0px;}

/* RICHNAVIGATION 110805
---------------------------------------------------------------------------------------------------*/
.lnavIn {
padding:0;
margin:0 0 10px 0;
background:url(//image.itmedia.co.jp/makoto/images/richNavBg.gif) repeat-x 0 0 #444;
}

#lnavMain {
padding:2px;
}

#lnavMain .lnavBtn a {
float:left;
text-align:center;
font-size:12px;
line-height:31px;
font-weight:bold;
margin:0 5px 0 0;
padding:0 19px;
color:#FFF;
}

#lnavMain .lnavBtn a:hover,
#lnavMain .HereNow a {
text-decoration:none;
font-size:12px;
line-height:29px;
background:url(//image.itmedia.co.jp/makoto/images/richNav2.gif) repeat-x 0 0;
border:1px solid #494949; 
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
cursor:pointer;
padding:0 18px;
color:#FC0;
}

#lnavSearch div {
height:35px;
float:right;
position:relative;
}

#lnavSearch #popInSearchField {
width:200px;
height:20px;
border:1px solid #666;
color:#333;
font-family:"メイリオ";
position:absolute;
top:6px;
right:65px;
}

#lnavSearch form button {
background:url(//image.itmedia.co.jp/makoto/images/richNavSearch.gif) no-repeat #000;
border:none;
cursor:pointer;
width:60px;
height:35px;
overflow:hidden;
text-decoration:none;
text-indent:-9999px;
position:absolute;
top:0;
right:0;
}

#lnavSearch form button:hover {
background-image:url(//image.itmedia.co.jp/makoto/images/richNavSearch_on.gif);
}

/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/

.lnavSub {
clear:both;
height:25px;
position:relative;
z-index:500;
margin:0;
}
.lnavSub .sel {
margin:0;
padding:0;
list-style:none;
white-space:nowrap;
}
.lnavSub .sel .line {
position:relative;
}
.lnavSub li {
float:left;
}

.lnavSub .sel a {
display:block;
height:25px;
float:left;
padding:0 0 0 7px;
text-decoration:none;
font-size:11px;
line-height:25px;
white-space:nowrap;
color:#FFF;
}
.lnavSub .sel a strong {
display:block;
padding:0px 10px 0px 8px;
font-weight:normal;
}
.lnavSub .sel li.line a strong {
}
.lnavSub .sel a:hover, 
.lnavSub .sel li:hover a {
padding:0 0 0 7px;
cursor:pointer;
color:#FC0;
}

.lnavSub .sel a:hover strong, 
.lnavSub .sel li:hover a strong {
display:block;
padding:0px 10px 0px 8px;
cursor:pointer;
}
.lnavSub .sel li.line a:hover strong, 
.lnavSub .sel li.line:hover a strong {
}

.lnavSub .sub {
display:none;
}
.lnavSub ul ul {
display:none;
}
/* IE6 only */
.lnavSub table {
border-collapse:collapse;
margin:-1px;
font-size:12px;
width:0;
height:0;
}
.lnavSub .sub {
margin:0;
padding:0;
list-style:none;
}
.lnavSub .sub li {
background:transparent;
float:none;
}
.lnavSub .sub li a {
float:none;
text-align:left;
border-bottom:1px dotted #333;
}
.lnavSub .sel :hover .sub {
display:block;
position:absolute;
float:left;
width:190px;
top:25px;
left:0;
text-align:center;
background:url(//image.itmedia.co.jp/makoto/images/transparent.gif) #000;
border:1px solid #333;
padding:0;
}
.lnavSub .sel :hover .hack {
display:block;
position:absolute;
float:left;
width:190px;
top:25px;
left:-90px;
text-align:center;
background:url(//image.itmedia.co.jp/makoto/images/transparent.gif) #000;
border:1px solid #333;
padding:0;
}
.lnavSub .sel :hover .rt li {
/*float:right;*/
}
.lnavSub .sel :hover .sub li a {
display:block;
height:25px;
line-height:22px;
/*float:left;*/
background:url(//image.itmedia.co.jp/makoto/images/ulli_arrow02.gif) no-repeat 6px 6px #000;
padding:0px 8px 0px 16px;
margin:0px;
white-space:nowrap;
color:#FFF;
font-size:12px;
}
.lnavSub .sel :hover .sub li.subline a {
color:#C00;
}
.lnavSub .sel :hover .sub li a:hover,
.lnavSub .sel :hover .sub li:hover {
position:relative;
background:url(//image.itmedia.co.jp/makoto/images/ulli_arrow01.gif) no-repeat 6px 6px #333;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
clear:both;
background:#CCC;
background:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFF));
background:-moz-linear-gradient(top, #CCC, #FFF);
color:#333;
font-size:12px;
line-height:18px;
padding:3px 5px 0;
height:1%;
}
#lnavSubSub .lnavBtn {
background:url(//image.itmedia.co.jp/style/images/navi_square_gray.gif) no-repeat 0 6px;
padding:0 0 0 3px;
float:left;
word-break:keep-all;
}
#lnavSubSub .Subcolor {
background:url(//image.itmedia.co.jp/style/images/navi_square_blue.gif) no-repeat 0 6px;
}
#lnavSubSub .lnavBtn,
#lnavSubSub .lnavDeco {
margin:0 4px;
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
color:#444;
}
#lnavSubSub .Subcolor a:link,
#lnavSubSub .Subcolor a:visited {
color:#1a63bb;
}
#lnavSubSub .lnavBtn a:hover {
color:#222;
text-decoration:none;
}
#lnavSubSub .Subcolor a:hover {
color:#244874;
text-decoration:none;
}
#localNavigation .raquo {
font-size:11px;
line-height:15px;
margin:0 5px 0 0;
font-family:Arial, Helvetica, sans-serif;
}

/* QUICKPOLL 081031
---------------------------------------------------------------------------------------------------*/
.qp {
width:300px;
margin:0 auto;
text-align:left;
}
.qp h2 {
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_quickpoll.gif) no-repeat 0px 0px;
padding:0px;
height:25px;
overflow:hidden;
}
.qp div {
border:1px solid #AEAEAE;
border-top:none;
}
.qp div form {
border:3px solid #EEE;
border-top:none;
padding:5px;
}
.qp div form h5 {
color:#222;
margin-bottom:5px;
}
.qp div form input {
vertical-align:middle;
}
.qp div form label {
margin-left:5px;
font-size:12px;
}
.qp div form div {
border:1px solid #ceb70d;
background:url(//image.itmedia.co.jp/makoto/images/qp_bar.gif) repeat-x center center #f7e881;
margin-bottom:10px;
padding:1px 3px;
font-size:10px;
text-align:center;
color:#272302;
}
.qp div form p {
background:none;
padding:0;
font-size:10px;
color:#C00;
}
.qp div form .linkset {
}
.qp div form .linkset li {
padding:0;
background:none;
text-align:right;
font-size:12px;
}
.qp div form .relatedlinkset li {
background:transparent url(//image.itmedia.co.jp/makoto/images/ulli_06.gif) no-repeat scroll 7px 4px;
font-size:12px;
margin:0;
padding:5px 0 5px 28px;
border-bottom:1px dotted #EEE;
}
.qp div form br,
.qp div form hr {
display:none;
}
/* TOP TABBOXSET1 090217
---------------------------------------------------------------------------------------------------*/
#tabbox1set {}
#tabbox1set h2 {
margin:0;
position:relative;
background:url(//image.itmedia.co.jp/makoto/images/top_heading2.gif) no-repeat 0 0 #FFF;
font-size:12px;
text-indent:-9999px;
height:26px;
}
/* MAKOTO ARITICLES
---------------------------------------*/
.l700 #tabbox10 h2 {
position:relative;
padding:0;
background:url(//image.itmedia.co.jp/makoto/images/top_heading2.gif) no-repeat 0 0 #FFF;
font-size:12px;
height:26px;
text-indent:-9999px;
display:none;
}
.l700 #tabbox10 h2 .rss {
float:none;
display:block;
width:32px;
height:16px;
background:url(//image.itmedia.co.jp/makoto/images/rss.gif) no-repeat 0 0;
position:absolute;
top:4px;
right:2px;
}
.l700 #tabbox10 h2 .rss a {
display:block;
width:32px;
height:16px;
background:url(//image.itmedia.co.jp/makoto/images/rss.gif) no-repeat 0 0;
}
.l700 #tabbox10 hr {
display:none;
}
.l700 #tabbox10 .index hr {
display:block;
}
/*---------------------------------------*/
#tabbox1set .tabbox1box h2.eco {background-position:0 -100px;}
#tabbox1set .tabbox1box h2.invest {background-position:0 -200px;}
#tabbox1set .tabbox1box h2.felica {background-position:0 -300px;}
#tabbox1set .tabbox1box h2.marketing {background-position:0 -400px;}
#tabbox1set .tabbox1box h2.realestate {background-position:0 -500px;}
#tabbox1set .tabbox1box h2 .toplink {
background:url(//image.itmedia.co.jp/makoto/images/btn_toplink2.gif) no-repeat 0px 0px;
width:80px;
height:20px;
font-size:12px;
text-indent:0px;
position:absolute;
top:3px;
right:2px;
text-indent:-9999px;
}
#tabbox1set .tabbox1box h2 .toplink a {
display:block;
width:80px;
height:20px;
text-indent:-9999px;
}
#tabbox1set .tabbox1box h2 .toplink a:hover {
background:url(//image.itmedia.co.jp/makoto/images/btn_toplink2.gif) no-repeat 0px -20px;
}
#tabbox1set .tabbox1box .index {
margin:0;
padding:0 3px 3px;
background:#000;
}
#tabbox1set .tabbox1box .index .indexinner {
padding:8px;
background:#FFF;
border:3px solid #CCC;
border-top:none;
}
#tabbox1set .tabbox1box .archive li {
background:url(//image.itmedia.co.jp/bizid/images/ulli_2.gif) no-repeat 0 0;
border-bottom:1px dotted #CCC;
}
#tabbox1set .tabbox1box .archive li a {
font-weight:bold;
}
#tabbox1set .tabbox1box .set {
width:150px;
height:190px;
padding:10px 0;
border-right:1px dotted #CCC;
float:left;
background:#FFF;
}
#tabbox1set .tabbox1box .end {
border-right:none;
}
#tabbox1set .tabbox1box .set .inner {
width:130px;
margin:0 auto;
}
#tabbox1set .tabbox1box .set .inner .icon {
display:block;
width:120px;
height:90px;
margin:0 auto 5px;
padding:3px;
overflow:hidden;
border:1px solid #CCC;
}
#tabbox1set .tabbox1box .set .inner p {
line-height:16px;
}
#tabbox1set .tabbox1tab {
clear:both;
font-size:12px;
background:url(//image.itmedia.co.jp/makoto/images/top_heading4.gif) no-repeat 0 0 #000;
border-right:1px solid #000;
padding:0 8px 0 70px;
height:38px;
position:relative;
overflow:hidden;
}
#tabbox1set .tabbox1tab .tabbox1tabin  {
position:absolute;
padding:10px 0 12px;
top:0px;
}
#tabbox1set .tabbox1tab span {
background:url(//image.itmedia.co.jp/makoto/images/tabbox1tabbg_hidden.gif) no-repeat left top #FFF;
padding:3px 10px 3px 20px;
margin-right:5px;
color:#333;
cursor:pointer;
font-weight:bold;
border:1px solid #333;
}
#tabbox1set .tabbox1tab .hover {
background:url(//image.itmedia.co.jp/makoto/images/tabbox1tabbg_hover.gif) no-repeat left top #FFF;
color:#C00;
text-decoration:underline;
}
#tabbox1set .tabbox1tab .active {
background:url(//image.itmedia.co.jp/makoto/images/tabbox1tabbg_active.gif) no-repeat left top #FFF;
padding:3px 10px 18px 20px;
color:#111;
text-decoration:underline;
border-bottom:none;
}
/* TOP RANDAMICON 090217
---------------------------------------------------------------------------------------------------*/
.randomicon {
float:right;
padding:10px 5px 0;
width:728px;
}
.randomicon .active {
border:2px solid #C00;
}
.randomicon .hidden {
border:2px solid #CCC;
}
/* TOP +D STYLE 090225
---------------------------------------------------------------------------------------------------*/
.l700 #topdstyle h2 {
background:url(//image.itmedia.co.jp/makoto/images/heading_dstyle.gif) no-repeat 0 0 #FFF;
padding:0;
height:28px;
text-indent:-9999px;
border-right:1px solid #000;
}
.l700 #topdstyle h2 a {
display:block;
height:28px;
}
/* ARTICLE BOTTOM CHANNELLINK 090225
---------------------------------------------------------------------------------------------------*/
.newart .l50 .cbox h2,
.newart .r50 .cbox h2 {
float:none;
width:auto;
margin:0 0 5px 0 !important;
padding:0 0 5px 20px !important;
border-bottom:2px solid #CCB;
}
.newart .l50 .cbox p,
.newart .r50 .cbox p {
margin:0 0 5px 0 !important;
padding:5px 0;
border-left:none;
border-bottom:1px solid #EED;
}
/* CHANNELLINK 090225
---------------------------------------------------------------------------------------------------*/
.subcol .cbox#pr1 {padding-bottom:0;}
.subcol .cbox#pr2 h2 {display:none;}
/* CBOX KEYWORD 090225
---------------------------------------------------------------------------------------------------*/
.maincol .cbox .keyword table tr td {
text-align:left;
border-bottom:none;
}
.maincol .cbox .keyword table tr td div {
background:url(//image.itmedia.co.jp/makoto/images/ulli_kwdlist.gif) no-repeat 7px 3px;
padding:3px 3px 3px 18px;
line-height:120%;
display:block;
border:none;
height:1%;
position:relative;
border-bottom:1px dotted #DDD;
}
.maincol .cbox .keyword table tr td .rank1 {background-position:0 3px;}
.maincol .cbox .keyword table tr td .rank2 {background-position:0 -47px;}
.maincol .cbox .keyword table tr td .rank3 {background-position:0 -97px;}
.maincol .cbox .keyword table tr td .rank4 {background-position:0 -147px;}
.maincol .cbox .keyword table tr td .rank5 {background-position:0 -197px;}
.maincol .cbox .keyword table tr td .rank6 {background-position:0 -247px;}
.maincol .cbox .keyword table tr td .rank7 {background-position:0 -297px;}
.maincol .cbox .keyword table tr td .rank8 {background-position:0 -347px;}
.maincol .cbox .keyword table tr td .rank9 {background-position:0 -397px;}
.maincol .cbox .keyword table tr td .rank10 {background-position:0 -447px;}
/* ADSENSE 090327
----------------------------------------*/
.adsense p span.text a {text-decoration:none;}
.adsense p span.host a {text-decoration:none;}
.adsense p span.host a:link,
.adsense p span.host a:visited {
color:#008000; !inportant;
}
/* CMS INPUT FUKIDASHI 081208
---------------------------------------------------------------------------------------------------*/
.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(//image.itmedia.co.jp/images0509/blh1.gif) left top repeat-x #dcecfe;}
.balAlignCC {margin:0px 15px 0px 15px;}
.balBox1 {background:url(//image.itmedia.co.jp/images0509/blh2.gif) left bottom repeat-x;width:100%;font-size:86%;}
.balBox2 {background:url(//image.itmedia.co.jp/images0509/blv1.gif) left top repeat-y;}
.balBox3 {background:url(//image.itmedia.co.jp/images0509/blv2.gif) right top repeat-y;}
.balBox4 {background:url(//image.itmedia.co.jp/images0509/blr1.gif) left top no-repeat;}
.balBox5 {background:url(//image.itmedia.co.jp/images0509/blr2.gif) right top no-repeat;}
.balBox6 {background:url(//image.itmedia.co.jp/images0509/blr3.gif) left bottom no-repeat;}
.balBox7 {background:url(//image.itmedia.co.jp/images0509/blr4.gif) right bottom no-repeat;}
.balBox8 {background:url(//image.itmedia.co.jp/images0509/blic.gif) center bottom no-repeat;padding:12px 16px 16px 16px;}
.balAlignL .balBox8 {background:url(//image.itmedia.co.jp/images0509/blil.gif) left top no-repeat;}
.balAlignR .balBox8 {background:url(//image.itmedia.co.jp/images0509/blir.gif) right top no-repeat;}
.balAlignCL .balBox8 {background:url(//image.itmedia.co.jp/images0509/blic.gif) left bottom no-repeat;}
.balAlignCR .balBox8 {background:url(//image.itmedia.co.jp/images0509/blic.gif) right bottom no-repeat;}
.balAlignCC .balBox8 {background:url(//image.itmedia.co.jp/images0509/blic.gif) center bottom no-repeat;}
.balAlign .balBox8 {background:url(//image.itmedia.co.jp/images0509/blh2.gif) center bottom no-repeat;}
/* 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(//image.itmedia.co.jp/plusd/images/boxbar_blue02.gif) repeat-x 0px 0px;
color:#369;
}
#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(//image.itmedia.co.jp/images0509/amazon_bt_buy.gif) no-repeat 0px 0px;
text-indent:-9999px;
}
/* MAKOTO STYLE TOP 090701
---------------------------------------------------------------------------------------------------*/
.subtop#style\.html {background:#000 url(//image.itmedia.co.jp/makoto/images/body_bg_style.gif) repeat-y center top;}
.subtop#style\.html .inBody {width:990px;}
/* HEADER */
.subtop#style\.html .header {margin:0px auto 10px auto;background:#000;}
* html .subtop#style\.html .header {width:991px;}
*+html .subtop#style\.html .header {width:991px;}
.subtop#style\.html .header .tagline a {color:#CCC;}
.subtop#style\.html .header .tagline h4 {background:url(//image.itmedia.co.jp/makoto/images/tagline_style_top.gif) no-repeat 0px 0px;}
.subtop#style\.html .header h2 {background:url(//image.itmedia.co.jp/makoto/images/logo_makoto_style2.gif) no-repeat 15px 23px;font-size:105%;}
.subtop#style\.html .header h2 a {width:160px;height:70px;margin:25px 0px 0px 10px;}
.subtop#style\.html .header .banner h4 {margin:0px 0px 2px 190px;padding:3px 5px 2px 2px;border-bottom:2px solid #CCC;font-size:105%;line-height:130%;}
.subtop#style\.html .header .banner h4 small {padding-left:7px;font-weight:normal;color:#DDD;}
.subtop#style\.html .header .logoarea a {color:#DDD;}
/* OSUSUME */
.subtop#style\.html .header ul.linkset {height:1%;margin:0px 0px 0px 190px;padding:0px;font-size:small;list-style:none;}
.subtop#style\.html .header ul.linkset li {margin:0px;padding:3px 3px 3px 18px;background:url(//image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 0px 3px;line-height:120%;border-bottom:1px solid #CCC;}
.subtop#style\.html .header ul.linkset li a {color:#EEE;}
.subtop#style\.html .header h4 small a {color:#DDD;}
/* TOP STORIES */
#toptopstories {
margin-bottom:10px;
padding:30px 0px 10px;
border-bottom:1px solid #000;
background:url(//image.itmedia.co.jp/d-style/images/heading_topstories.gif) no-repeat 0px 0px;
}
/* WTHATS NEW */
.box-out#whatsNew {padding:0 0 5px 0;}
.box-out#whatsNew .box-heading {height:14px;padding:3px 0 0 0;}
.box-out#whatsNew .box-heading p.heading {display:block;float:left;width:380px;margin:0px;padding:0px;text-indent:-9999px;line-height:80%;}
.box-out#whatsNew .box-heading .rss {float:right;margin-right:5px;}
.box-out#whatsNew .box-in .index div.artbox {width:660px;position:relative;}
.box-out#whatsNew .box-in .index .inartbox p {display:block;margin:0px;padding:0 15px 0 133px;font-size:93%;line-height:120%;}
.box-out#whatsNew .box-in .index .inartbox a {display:block;background:#FFF;height:1%;}
.box-out#whatsNew .box-in .index .inartbox a.articon{float:left;}
.box-out#whatsNew .box-in .index .inartbox a:link strong {color:#037;font-size:125%;margin-bottom:3px;line-height:145%;}
.box-out#whatsNew .box-in .index .inartbox a:visited strong {color:#800080;font-size:125%;line-height:145%;}
.box-out#whatsNew .box-in .index .inartbox a:hover strong {background:#FFF;color:#C00;text-decoration:underline;}
.box-out#whatsNew .box-in .index .inartbox a:active strong {color:#037;font-size:125%;margin-bottom:3px;line-height:145%;}
.box-out#whatsNew .box-in .index .kwoutBtn {position:absolute;top:2px;right:0px;width:20px;height:20px;margin:0px;padding:0px;background:none;}
.box-out#whatsNew .box-in .index .kwoutBtn a:link,
.box-out#whatsNew .box-in .index .kwoutBtn a:visited,
.box-out#whatsNew .box-in .index .kwoutBtn a:active,
.box-out#whatsNew .box-in .index .kwoutBtn a:hover {background:none;}
.box-out#whatsNew .past-style {width:100%; text-align:right; font-size:15px;}
.box-out#whatsNew .past-style strong {padding-right:10px;}
/* TOP MAKOTO */
.subtop#style\.html .l700 #topmakoto h2 {
background:url(//image.itmedia.co.jp/makoto/images/styletop_makotohead.gif) no-repeat 0 0 #FFF;
padding:0;
height:28px;
text-indent:-9999px;
border-right:1px solid #000;
}
.subtop#style\.html .l700 #topmakoto h2 a {
display:block;
height:28px;
}
/* PRE FEATURES */
.pre-features {width:650px;margin:15px auto;}
.pre-features .box-out {display:block;margin:7px 0px 15px;padding:2px;background:#E0E0E0;}
.pre-features .box-out .box-in {display:block;margin:0px;padding:6px;background:#000;font-size:small;height:1%;}
.pre-features .box-out .box-in p {clear:both;margin:0px;padding:0px 0px 0px 3px;color:#CCC;line-height:130%;}
.pre-features .box-out .box-in p.pre-features-abs {padding:7px 4px;}
.pre-features .box-out .box-in p a.update {float:left;margin:10px 0px 0px;}
.pre-features .box-out .box-in p a.kwoutBtn {float:right;margin:0px 0px 10px 10px;}
.pre-features .box-out .box-in p .ico-r {float:right;margin-left:3px;}
.pre-features .box-out .box-in a {text-decoration:none;color:#E0E0E0;}
.pre-features .box-out .box-in a:hover {color:#FFF;}
.pre-features .box-out p strong {line-height:150%;}
.pre-features .box-out p strong span {display:block;margin:1px 0px 3px 0px;color:#BA9B38;font-size:14px;}
.pre-features .box-out p a:hover strong span {color:#CBAC49;}
.pre-features .box-out p strong small {font-size:13px;}
.pre-features .box-out p strong big {font-size:17px;line-height:135%;}
/* STYLE SUBCOL SERIES 090701
---------------------------------------------------------------------------------------------------*/
#seriesCulumn {background:#999;}
#seriesCulumn h2 {
height:26px;
margin:0px;
background:#000 url(//image.itmedia.co.jp/d-style/images/heading_rc_series.gif) no-repeat 5px 6px;
text-indent:-9999px;
}
#seriesCulumn p {
width:300px;
margin:0px auto 6px auto;
background:#000;
border-top:1px #FFF solid;
border-bottom:1px #FFF solid;
}
#seriesCulumn p a {text-decoration:none;}
#seriesCulumn p a span {
display:block;
padding:4px 10px 0px;
font-size:13px;
font-weight:bold;
color:#99C;
}
#seriesCulumn p a strong {
display:block;
padding:2px 10px 6px 10px;
font-size:14px;
color:#DDB;
line-height:130%;
}
#seriesCulumn p a:hover span {color:#BBD;}
#seriesCulumn p a:hover strong {color:#FFFFE8;}
/* Endlink Connection Alert Btn
-------------------------------------------------- */
#endlinkConnectionAlertBtn {}
#endlinkConnectionAlertBtn form {margin:20px 0px;padding:0px;}
#endlinkConnectionAlertBtn form button {width:375px;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(//image.itmedia.co.jp/images0509/ico_alert.gif) no-repeat 0px 0px;color:#037;font-size:13px;font-family:'メイリオ';}
#endlinkConnectionAlertBtn form button:hover {border-bottom:1px #C00 solid;color:#C00;}
#endlinkConnectionAlertBtn .endlinkConnectionAlertBtnNew {color:#F00;font-weight:bold;font-size:13px;}
/* Old Pr Print Btn
-------------------------------------------------- */
#empty .headline .prtbtn {
position:absolute;
top:0px;
right:0px;
background:url(//image.itmedia.co.jp/images0509/bt_prt.gif) no-repeat center center;
text-indent:-9999px;
}
#empty .headline .prtbtn a {
display:block;
width:110px;
height:25px;
border:2px solid #777;
border-top:2px solid #666;
border-left:2px solid #666;
overflow:hidden;
}
#empty .headline .prtbtn a:hover {
border:2px solid #F90;
}
/* imgLink
-------------------------------------------------- */
.newart div a.imgLink img {border:2px solid #FFF !important;}
.newart div a.imgLink:link img {border:2px solid #FFF !important;}
.newart div a.imgLink:visited img {border:2px solid #FFF !important;}
.newart div a.imgLink:hover img {border:2px solid #FFF !important;}
.newart div a.imgLink:active img {border:2px solid #FFF !important;}
/* MAKOTO TOP - CHANNEL BUTTON 100423
---------------------------------------------------------------------------------------------------*/
#makotoChBtnLst {
display:block;
height:35px;
margin:15px 0px 20px;
padding:0px 5px;
background:url(//image.itmedia.co.jp/makoto/images/richNavBg.gif) repeat-x 0px 0px;
font-size:12px;
}
#makotoChBtnLstIn {
margin:0px;
padding:0px;
white-space:nowrap;
}
#makotoChBtnLst li.chBtn {
float:left;
background:url(//image.itmedia.co.jp/makoto/images/richNav1.gif) no-repeat 0px 0px;
}
#makotoChBtnLst li.chBtn a {
float:left;
display:block;
height:35px;
padding:0px 0px 0px 7px;
background: url(//image.itmedia.co.jp/makoto/images/richNavBg.gif) no-repeat 0px 0px;
text-decoration:none;
line-height:33px;
white-space:nowrap;
color:#FFF;
}
#makotoChBtnLst li.chBtn a strong {
display:block;
width:94px;
padding:0px 7px 0px 0px;
background:url(//image.itmedia.co.jp/makoto/images/richNavBg.gif) no-repeat right top;
text-align:center;
}
#makotoChBtnLst li.chBtn a:hover {
background: url(//image.itmedia.co.jp/makoto/images/richNav1.gif) no-repeat 0px 0px;
padding:0px 0px 0px 7px;
cursor:pointer;
color:#FC0;
}
#makotoChBtnLst li.chBtn a:hover strong {
display:block;
background:url(//image.itmedia.co.jp/makoto/images/richNav1.gif) no-repeat right top;
cursor:pointer;
}
/* MAKOTO BLOG - 20100517
---------------------------------------------------------------------------------------------------*/
.makotobloggen {
margin:5px 0px 0px;
}
.makotobloggen .heading {
margin:0px;
padding:7px 5px 4px 30px;
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_black.gif) no-repeat left top;
color:#FFF;
font-size:small;
font-weight:bold;
line-height:120%;
}
.makotobloggen .heading a {
color:#FC0;
}
.makotobloggen .inner {
display:table;
}
.makotobloggen .line {
float:left;
width:300px;
padding:10px 15px 0px;
}
.makotobloggen .icon {
float:left;
}
.makotobloggen .icon a img {
width:40px;
height:40px;
margin:2px 6px 6px 0px;
}
.makotobloggen .title {
font-size:15px;
font-weight:bold;
}
.makotobloggen .description {
display:inline;
font-size:12px;
line-height:150%;
}
.makotobloggen .other {
display:inline;
font-size:10px;
}
.makotobloggen .other .dcdate {
display:inline;
}
.makotobloggen .other .blogname {
display:inline;
font-weight:bold;
}
/* MAKOTO BLOG NEW ENTRY - 20100601
---------------------------------------------------------------------------------------------------*/
.cbox .makotoblog {
margin:5px 0px 10px;
}
.cbox .makotoblog h2 {
color:#333;
}
.cbox .makotoblog h2 a {
color:#333!important;
}
.cbox .makotoblog p {
width:210px;
float:left;
padding:10px 5px;
}
.cbox .makotoblog p .icon {
float:left;
}
.cbox .makotoblog p .icon img {
margin:0px 5px 10px 0px;
width:40px;
height:40px;
}
.cbox .makotoblog div {
clear:both;
}
/* MAKOTO DAILY NEWS - 20100601
---------------------------------------------------------------------------------------------------*/
#makotoDailyNews ul.linkset li {
font-weight:normal;
font-size:13px;
}
#makotoDailyNews ul.linkset li.date {
margin:15px 0px 8px;
padding:5px 5px 6px 10px;
background:url(//image.itmedia.co.jp/makoto/images/r500_h2bg_02.gif) repeat-x 0px 0px;
color:#333;
font-size:12px;
font-weight:bold;
line-height:120%;
}
/* MAKOTO STYLE BACKNUMBER - 20100614
---------------------------------------------------------------------------------------------------*/
.makotostyle .header h2 {background:url(//image.itmedia.co.jp/makoto/images/logo_makoto_style1.gif) no-repeat scroll 15px 23px transparent;}
.makotostyle .header .tagline h4 {background:url(//image.itmedia.co.jp/makoto/images/tagline_style.gif) no-repeat 0px 0px;}
.makotostyle .header .logoarea a{
height:70px;
width:160px;
margin:25px 0 0 15px;
}
.makotostyle .maincol .calendar {
margin:5px 0 0;
width:98%;
}
.makotostyle .maincol .calendar dl {
float:left;
width:122px;
margin:0 6px 10px 0;
}
.past h2 {clear:both;}
/* MAKOTO STYLE top - 20100614
---------------------------------------------------------------------------------------------------*/
#style-top-hottopics {float:left; width:100%; height:1%; margin-bottom:3px;}
#style-top-hottopics h2 {
background:url(//image.itmedia.co.jp/makoto/images/style_topstorys_bt1.gif) no-repeat scroll 0 0 transparent;
text-indent:-9999px;
margin-bottom:6px;
padding-bottom:0px;
border-bottom:1px solid #BBB;
clear:both;
}
#style-top-hottopics .r-box {float:right; width:225px;}
#style-top-hottopics .r-box p {
border-bottom:2px dotted #DDD;
font-size:12px;
line-height:16px;
margin:0 0 4px 0;
padding:0 0 5px 0;
}
#style-top-hottopics .r-box a.icon {float:left;}
#style-top-hottopics .r-box img {padding:2px; border:2px solid #DDD!important;}
#style-top-hottopics .r-box div img {border:0px solid #000!important;}
#style-top-hottopics .r-box a.ttl {
display:block;
margin-left:92px;
}
#whatsNew.box-out .box-heading {
background:url(//image.itmedia.co.jp/makoto/images/styletop_newart_head.gif) no-repeat transparent;
height:19px;
}
#whatsNew.box-out .box-in .index {margin:0;border-bottom:1px solid #BBB;}
#top-features {
float:left;
width:64%;
}
#whatsNew.box-out .box-in {margin-bottom:5px;}
#top-features h2 {
background:url(//image.itmedia.co.jp/makoto/images/styletop_tokusyuhead.gif) no-repeat scroll 0 0 transparent;
height:28px;
border-right:1px solid #000;
padding:0;
text-indent:-9999px;
}
#whatsNew.box-out .box-in .artbox .inartbox {width:660px;border-top:1px solid #BBB;height:1%;padding:5px 0 5px;}
#whatsNew.box-out .box-in .artbox img {float:left; }
#top-features .innerbox .cate-name {
background:url(//image.itmedia.co.jp/makoto/images/style_tokusyu_header.gif) no-repeat scroll 0 0 transparent;
color:#444;
margin:0 0 4px 0;
}
#top-features .innerbox .cate-name strong {
font-size:12px;
line-height:16px;
padding-left:12px;
}
#top-features .listbox {
float:left;
width:100%;
margin:5px 0 15px 0;
}
#top-features .innerbox {
float:left;
padding:5px 10px 5px 10px;
width:190px;
}
#top-features .innerbox img {
float:left;
width:80px;
height:60px;
margin:0 4px 5px 0;
}
#top-features .innerbox strong {
display:block;
font-size:14px;
line-height:17px;
padding-left:87px;
word-break: break-all;
}
#top-features .backNumBox .backNumBoxIn ul {
clear:both;
list-style-type:none;
margin:0;
padding:0;
}
#top-features .backNumBox .backNumBoxIn ul li{
background:url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat scroll 0 0 transparent;
font-size:small;
padding:0 0 3px 18px;
word-break: break-all;
}
#top-features .andmore {
float:right;
clear:both;
display:block;
font-size:13px;
margin:0px;
padding:0 0 0 16px;
}
#top-ranking {
float:right;
width:34%;
}
#top-ranking h2 {
background:url(//image.itmedia.co.jp/makoto/images/styletop_rankinghead.gif) no-repeat scroll 0 0 transparent;
height:28px;
border-right:1px solid #000;
margin-bottom:10px;
padding:0;
text-indent:-9999px;
}
#top-ranking li {
background:url(//image.itmedia.co.jp/makoto/images/rank_num_01.gif) no-repeat scroll 0 0 transparent;
padding:0 0 15px 30px;
}
#top-ranking li.rank1 {background-position:0 -1px;}
#top-ranking li.rank2 {background-position:0 -121px;}
#top-ranking li.rank3 {background-position:0 -243px;}
#top-ranking li.rank4 {background-position:0 -365px;}
#top-ranking li.rank5 {background-position:0 -487px;}
#top-ranking li.rank6 {background-position:0 -609px;}
#top-ranking li.rank7 {background-position:0 -731px;}
#top-ranking li.rank8 {background-position:0 -853px;}
#top-ranking li.rank9 {background-position:0 -975px;}
#top-ranking li.rank10 {background-position:0 -1097px;}
/* MAKOTO STYLE top - ImageRotationArea
---------------------------------------------------------------------------------------------------*/
#style-top-hottopics .l-box {float:left; height:260px; width:423px;}
#style-top-hottopics .l-box .imagewindow {
border:2px solid #DDD!important;
margin-bottom:6px;
width:419px;
}
#style-top-hottopics .l-box .imagewindow img {width:415px; height:210px; overflow:hidden; padding:2px;}
#style-top-hottopics .l-box .content.active {border:2px solid #C00;}
#style-top-hottopics .l-box .content {
float:left;
border:2px solid #DDD;
height:30px;
margin-right:5px;
padding:2px;
width:40px;
}
#style-top-hottopics .l-box .content.loop5,
#style-top-hottopics .l-box .content.loop6,
#style-top-hottopics .l-box .content.loop7 {margin-left:1px;}
#style-top-hottopics .l-box .content.loop8 {margin:0px; float:right;}
#style-top-hottopics .l-box .content img {
border:medium none;
height:30px;
width:40px;
}
/* MAKOTO STYLE categoryTOP
---------------------------------------------------------------------------------------------------*/
#style-subtop-headline {
background: url(//image.itmedia.co.jp/makoto/images/circle_black.gif) no-repeat scroll left bottom #000;
float:left;
height:1%;
width:660px;
margin-bottom:10px;
position:relative;
}
#style-subtop-headline .headabs h3 {
color:#FFF;
font-size:150%;
line-height:160%;
padding:0 0 0 5px;
}
#style-subtop-headline .rensaititle h3 {
color:#FC3;
font-size:150%;
line-height:160%;
padding:5px 0 0 10px;
}
#style-subtop-headline a:visited {color:#FFF;text-decoration:none;}
#style-subtop-headline .headabs {float:left; width:100%;}
#style-subtop-headline .headabs p {color:#FFF; font-size:small; padding-left:5px;}
#style-subtop-headline .headabs .l-box {float:left; width:490px; padding-left:10px;}
#style-subtop-headline .headabs .r-box {float:right; padding:0 15px 10px 0;}
#style-subtop-newart .index {margin:0px;}
#style-subtop-newart .artbox,
#style-subtop-newart .artbox2 {margin:0 10px 10px 10px;}
#style-subtop-newart .artbox img {float:left;}
#style-subtop-newart .artbox .kwoutBtn img {float:none;}
#style-subtop-newart .artbox p {padding-left:89px;}
#style-subtop-newart .artbox p strong {
font-size:17px;
line-height:20px;
}
#style-subtop-newart .artbox2 li {
background:url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat scroll 0 0 transparent;
width:620px;
padding-left:18px;
margin-bottom:3px;
}
#style-subtop-newart .artbox2 li strong {
font-size:14px;
line-height:20px;
}
/* MAKOTO FX channel
---------------------------------------------------------------------------------------------------*/
#fx_hikaku_logo .channel {
background:url(//image.itmedia.co.jp/makoto/images/channel_symbol.gif) no-repeat 15px -200px transparent;
font-size:10px;
height:20px;
}
#fx_hikaku_logo {background:none;}
#fx_hikaku_logo a {
margin:0 0 4px 15px;
padding-top:10px;
background:url(//image.itmedia.co.jp/makoto/images/logo_makoto.gif) no-repeat scroll 0 10px transparent;
_height:58px
}
#feature-fx .headline .l66 .icon img {margin:2px;}
#feature-fx .headline .l66 p {
display:block;
padding-left:134px;
}
#feature-fx .fx-newarticles {
float:left;
display:block;
margin-bottom:8px;
width:450px;
}
#feature-fx .fx-newarticles h3 {}
#feature-fx .fx-newarticles p {
display:block;
padding-left:129px;
}
#feature-fx .fx-newarticles img {float:left;}
#feature-fx .r500 h2 {
margin-bottom:8px;
background:url(//image.itmedia.co.jp/makoto/images/fx_head.gif) no-repeat #FFF;
padding:16px 5px 6px 48px;
color:#FFF;
font-size:15px;
line-height:19px;
}
#feature-fx .r500 h2 a {color:#FFF;}
#feature-fx .r500 h2 a:link {color:#FFF;}
#feature-fx .r500 h2 a:hover {color:#FFF;}
#fx-hikakubtn p {
font-size:14px;
line-height:17px;
margin-bottom:8px;
}
#fx-hikakubtn div {margin-bottom:3px;}
#fx-hikakubtn a.hikakubtn {
display:block;
height:30px;
width:329px;
text-indent:-9999px;
}
#fx-hikakubtn a.hikakubtn {height:30px; width:450px; background:url(//image.itmedia.co.jp/makoto/images/fx_hikakubtn.png) no-repeat;}
#fx-hikakubtn a.btn1 {background-position:0 0;}
#fx-hikakubtn a.btn2 {background-position:0 -30px;}
#fx-hikakubtn a.btn3 {background-position:0 -60px;}
#fx-hikakubtn a.btn4 {background-position:0 -90px;}
#fx-hikakubtn a.btn5 {background-position:0 -120px;}
#fx-hikakubtn a.btn6 {background-position:0 -150px;}
#fx-hikakubtn a.btn7 {background-position:0 -180px;}
#fx-hikakubtn a.btn8 {background-position:0 -210px;}
#fx-hikakubtn a.btn9 {background-position:0 -240px;}
#fx-hikakubtn a.btn10 {background-position:0 -270px;}
#fx-hikakubtn a.btn11 {background-position:0 -300px;}
#fx-hikakubtn a.btn12 {background-position:0 -330px;}
#fx-hikakubtn a.btn13 {background-position:0 -360px;}
#fx-hikakubtn a.btn1:hover {background-position:-450px 0;}
#fx-hikakubtn a.btn2:hover {background-position:-450px -30px;}
#fx-hikakubtn a.btn3:hover {background-position:-450px -60px;}
#fx-hikakubtn a.btn4:hover {background-position:-450px -90px;}
#fx-hikakubtn a.btn5:hover {background-position:-450px -120px;}
#fx-hikakubtn a.btn6:hover {background-position:-450px -150px;}
#fx-hikakubtn a.btn7:hover {background-position:-450px -180px;}
#fx-hikakubtn a.btn8:hover {background-position:-450px -210px;}
#fx-hikakubtn a.btn9:hover {background-position:-450px -240px;}
#fx-hikakubtn a.btn10:hover {background-position:-450px -270px;}
#fx-hikakubtn a.btn11:hover {background-position:-450px -300px;}
#fx-hikakubtn a.btn12:hover {background-position:-450px -330px;}
#fx-hikakubtn a.btn13:hover {background-position:-450px -360px;}
#fx-hikakubtn-s {float:left;}
#fx-hikakubtn-s div {
float:left;
height:20px;
width:155px;
padding:0 2px 3px 0;
}
#fx-hikakubtn-s a.hikakubtn-s {
display:block;
height:20px;
width:155px;
text-indent:-9999px;
overflow:hidden;
}
#fx-hikakubtn-s a.hikakubtn-s {background:url(//image.itmedia.co.jp/makoto/images/fx_hikakubtn_s.png) no-repeat;}
#fx-hikakubtn-s a.btn1-s {background-position:0 0;}
#fx-hikakubtn-s a.btn2-s {background-position:0 -20px;}
#fx-hikakubtn-s a.btn3-s {background-position:0 -40px;}
#fx-hikakubtn-s a.btn4-s {background-position:0 -60px;}
#fx-hikakubtn-s a.btn5-s {background-position:0 -80px;}
#fx-hikakubtn-s a.btn6-s {background-position:0 -100px;}
#fx-hikakubtn-s a.btn7-s {background-position:0 -120px;}
#fx-hikakubtn-s a.btn8-s {background-position:0 -140px;}
#fx-hikakubtn-s a.btn9-s {background-position:0 -160px;}
#fx-hikakubtn-s a.btn10-s {background-position:0 -180px;}
#fx-hikakubtn-s a.btn11-s {background-position:0 -200px;}
#fx-hikakubtn-s a.btn12-s {background-position:0 -220px;}
#fx-hikakubtn-s a.btn13-s {background-position:0 -240px;}
#fx-hikakubtn-s a.btn1-s:hover {background-position:-155px 0;}
#fx-hikakubtn-s a.btn2-s:hover {background-position:-155px -20px;}
#fx-hikakubtn-s a.btn3-s:hover {background-position:-155px -40px;}
#fx-hikakubtn-s a.btn4-s:hover {background-position:-155px -60px;}
#fx-hikakubtn-s a.btn5-s:hover {background-position:-155px -80px;}
#fx-hikakubtn-s a.btn6-s:hover {background-position:-155px -100px;}
#fx-hikakubtn-s a.btn7-s:hover {background-position:-155px -120px;}
#fx-hikakubtn-s a.btn8-s:hover {background-position:-155px -140px;}
#fx-hikakubtn-s a.btn9-s:hover {background-position:-155px -160px;}
#fx-hikakubtn-s a.btn10-s:hover {background-position:-155px -180px;}
#fx-hikakubtn-s a.btn11-s:hover {background-position:-155px -200px;}
#fx-hikakubtn-s a.btn12-s:hover {background-position:-155px -220px;}
#fx-hikakubtn-s a.btn13-s:hover {background-position:-155px -240px;}
#feature-fx .basic-course div {margin:10px 0;}
#feature-fx .basic-course div h3 {display:block; padding-left:130px;}
#feature-fx .basic-course div img {margin:0 8px 2px 0;}
#feature-fx .basic-course div p {
display:block;
font-size:small;
padding-left:130px;
}
#feature-fx .basic-course ul li {background:url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat transparent;}
#feature-fx .basic-course ul li h3 {
font-size:14px;
margin-bottom:5px;
padding-left:18px;
}
.subtop#feature_fx\.html .header h2 {background-position:15px 10px;}
.subtop#feature_fx\.html .header h2 a {margin:10px 0px 4px 15px;}
.subtop#feature_fx\.html .header h2 .channel {
background:url(//image.itmedia.co.jp/makoto/images/channel_symbol.gif) no-repeat 15px -200px;
height:20px;
font-size:10px;
}
.headline .l66 p {font-size:small;}
.cbox#kwd li {
background-image:url(//image.itmedia.co.jp/tt/images/wp_ulli_key2.gif);
padding-left:21px;
}
.cbox#realestateHouda li,
.cbox#realestateFromHOMES li {
background-image:url(//image.itmedia.co.jp/makoto/images/ulli_homes.gif);
padding-left:25px;
}
.cbox#fxIshikawa p a img {width:40px;height:30px;}
#feature-fx.hikaku .headline {padding:10px;}
#feature-fx.hikaku .headline #fx-companyname h1 {text-indent:0px !important;}
#feature-fx.hikaku .headline #tmplType {
border-bottom:1px solid #FFF;
color:#FFF;
font-size:small;
font-weight:bold;
line-height:120%;
margin:0;
padding:0 0 3px;
}
#feature-fx.hikaku #fx-main {padding:0 15px;}
#fx-list {margin:14px 0;}
#fx-list .headline {padding:10px;}
#fx-list .headline #tmplType {
border-bottom:1px solid #FFF;
color:#FFF;
font-size:small;
font-weight:bold;
line-height:120%;
margin:27px 0 0;
padding:0 0 3px;
}
.headline #fx-companyname h1 {
color:#FFF;
display:block;
font-size:24px;
line-height:30px;
margin:0;
padding:10px 0 5px;
}
.headline #fx-companyname h1 .campIcon {
background-color:#99012C;
color:#FFF;
border:1px solid #FF3D74;
text-decoration:none;
font-size:10px;
}
#fx-list hr {visibility:hidden;
margin-bottom:14px;
clear:both;
}
#fx-list .fxTable table {
width:100%;
font-size:14px;
background-color:#DDD;
}
#fx-list .fxTable table,
#fx-list .fxTable th,
#fx-list .fxTable td {border:0px solid #DDD;}
#fx-list .fxTable table th {
background-color:#F7F7F7;
text-align:center;
padding:3px 1px 3px;
font-size:12px;
}
#fx-list .fxTable table td {
text-align:center;
padding:3px;
background-color:#FFF;
}
#fx-list .fxTable .campIcon {
background-color:#99012C;
color:#FFF;
border:1px solid #FF3D74;
text-decoration:none;
font-size:10px;
}
#fx-list .fxTable .companyName {
width:95px;
text-align:left;
background-color:#F7F7F7;
}
#fx-list .fxTable .th-small {font-size:9px;}
#fx-list .fxTable td.cnt2 {width:220px;}
#fx-list .fxTable td.cnt3 {width:146px;}
#fx-list .fxTable td.cnt4 {width:109px;}
#fx-list .fxTable td.cnt6 {width:74px;}
#fx-list .fxTable td.cnt7 {width:62px;}
#fx-list .fxTable td.cnt11 {width:38px;}
#fx-list .fxTable td.cnt2dtl {width:311px;}
#fx-list .fxTable td.cnt3dtl {width:206px;}
#fx-list .fxTable td.cnt4dtl {width:154px;}
#fx-list .fxTable td.cnt6dtl {width:102px;}
#fx-list .fxTable td.cnt7dtl {width:87px;}
#fx-list .fxTable td.cnt11dtl {width:38px;}
#fx-list .fxTable td.companyName {height:52px; font-size:12px;}
#fx-list .fxTable td.companyName a {text-decoration:none;}
#fx-list .fxTable th.companyName {font-size:16px;
text-align:center;
height:52px;
}
#fx-list .fxTable .shiryou {width:61px;}
#fx-list .fxTable .shiryou img {border:0px !important;}
#fx-list .fxTable .shiryou a {
background:url(//image.itmedia.co.jp/makoto/images/fx_shiryoubtn.gif) no-repeat transparent;
display:block;
width:61px;
height:40px;
text-indent:-9999px;
}
#fx-list .fxTable .shiryou a:hover {background:url(//image.itmedia.co.jp/makoto/images/fx_shiryoubtnhov.gif) no-repeat transparent;}
#fx-list .fxTable th.title {
text-align:left;
color:#555;
font-size:17px;
line-height:22px;
padding-left:30px;
background-color:#EEEEEE;
}
#fx-list .fxTable td.index {width:100px;background-color:#F7F7F7;}
#fx-list p.fx-explain {
display:block;
font-size:10px;
line-height:14px;
margin:0;
border:1px solid #DDD;
background:#EEE;
padding:15px;
}
#fx-shiryoubtn-l {
margin-bottom:20px;
width:332px;
height:42px;
padding-left:149px;
}
#fx-shiryoubtn-l a {
background:url(//image.itmedia.co.jp/makoto/images/fx_shiryoubtn-l.gif) no-repeat transparent;
display:block;
width:332px;
height:42px;
text-indent:-9999px;
}
#fx-shiryoubtn-l a:hover {background:url(//image.itmedia.co.jp/makoto/images/fx_shiryoubtn-lhov.gif) no-repeat transparent;}
#feature-fx .headline .headlineBanner {
margin:0 0 10px;
text-align:center;
}
#feature-fx .headline .headlineBanner img {
margin:0 15px;
border:1px solid #999B9A;
}
#feature-fx #TurnoverRank {
padding-bottom:15px;
}
#TurnoverRank h2 {
background: url(//image.itmedia.co.jp/makoto/images/l200_h2bg_fx.gif) no-repeat 0px 2px;
color:#FFF;
padding:10px 5px 2px 30px;
clear:both;
}
#TurnoverRank div {
clear:both;
padding:0 0 10px;
border:2px solid #E2B126;
text-align:center;
}
#TurnoverRank div ul {
}
#TurnoverRank div ul li {
float:left;
width:30%;
padding:10px 10px 0;
font-size:small;
text-align:left;
line-height:1.2;
}
#TurnoverRank div li img {
margin:0 15px 5px;
border:1px solid #999B9A;
text-align:center;
}
#feature_fx\.html .l200 #TurnoverRank div {
padding:0;
border:none;
}
#feature_fx\.html .l200 #TurnoverRank div ul li {
clear:both;
width:160px!important;
background:none;
padding:10px 20px 0;
}
#feature_fx\.html .l200 #TurnoverRank div li img {
margin:0 0 5px;
border:none;
}

/* 02/07追加
-------------------------------------- */
.comptxt {
clear:both;
margin-top:10px;
padding:10px;
border:2px solid #DDD;
background:#F6F6F6;
}
.comptxt p {
font-size:12px;
}
.comptxt p span {
margin-top:5px;
display:block;
}
.comptxt p img {
margin-left:10px;
padding:2px;
border:1px solid #B6B6B6!important;
}
.comp_point {
background:url(//image.itmedia.co.jp/makoto/images/comp_point_bg.png) no-repeat left bottom;
width:630px;
margin:10px 0 20px;
min-height:200px;
}
*html .comp_point {
height:200px;
}
.comp_point .pointttl {
background:url(//image.itmedia.co.jp/makoto/images/comp_point_ttl.png) no-repeat left top;
width:630px;
height:65px;
}
.pointttl .ttlbox {
padding:23px 20px 0 180px;
font-size:10px;
line-height:1.5;
color:#6c7464;
text-align:center;
vertical-align:middle;
}
.comp_point .pointttl strong {
padding-right:15px;
font-size:16px;
color:#eb2d2d;
}
.comp_point p {
padding:10px 20px 20px 170px;
line-height:1.6;
font-size:10px;
color:#4b583e;
}


/* ECO MAKOTO channel with KankyoMedia
---------------------------------------------------------------------------------------------------*/
.r500 #ecoIdx-kankyo div {
border-bottom:1px dotted #EEE;
margin-bottom:5px;
}
/* MEDIA FOOTER
---------------------------------------------------------------------------------------------------*/
.mediafooter {
clear:both;
margin:40px 15px 0;
padding:0 0 5px;
font-size:12px;
color:#999;
text-align:right;
}
/* Makoto Article closeup area
---------------------------------------------------------------------------------------------------*/
#tmplFoot #newzia_connect_flmakoto {
width:100%;
display:table;
margin-bottom:10px;
_display:inline-block;
}
#tmplFoot #newzia_connect_flmakoto .endlink {
margin-bottom:0px;
}
/* Makoto Style 2010.0727_yusukondo
---------------------------------------------------------------------------------------------------*/
.subtop.makotostyle {
background:#000 url(//image.itmedia.co.jp/makoto/images/body_bg_style.gif) repeat-y center top;
}
/* mixicheck
-------------------------------------------------- */
.headline .mixicheckbtn {
padding:3px 0 0 2px;
position:absolute;
right:9px;
top:0;
}
.newart .headline .mixicheckbtn img {
border:0px solid !important;
}
/* realestate_top
--------------------------------------------------------------------------------------------------- */
#realestate_box {
margin:7px 0 10px;
}
#realestate_inner {
border:1px solid #AAA;
border-bottom:2px solid #777;
padding:0 6px;
}
#realestate_box h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_homes.gif) no-repeat 0 0;
color:#FFF;
padding:9px 5px 3px 30px;
font-size:12px;
line-height:120%;
font-weight:bold;
}
/* right--------------------------------- */
#toparea_r {
margin:0;
padding:10px 0 10px 0;
width:315px;
float:right;
}
#toparea_r table#rbox {
padding:10px 0 0 5px;
}
#toparea_r table {
margin:0;
width:100%;
font-size:12px;
border-collapse:collapse;
}
#toparea_r table td.midashi {
height:27px;
padding-left:5px;
background:url(//image.itmedia.co.jp/makoto/images/realestate_top_bar2.png) repeat-x 0 0;
color:#FFF;
}
#toparea_r #rbox .boxin {
margin:3px 0 5px 0px;
/*width:302px;*/
}
#toparea_r table td.type {
padding:3px 0 3px 3px;
width:35%;
border-top:1px solid #DDD;
}
#toparea_r table td.area {
margin:0;
padding:3px 0;
width:63%;
border-top:1px solid #DDD;
}
#toparea_r table td.color1 {
background:#EEF0F3;
}
#toparea_r table .txt-s {
font-size:10px;
/*color:#888;*/
margin:0;
padding:3px 0 0;
}
.btn-searchtime,
.btn-searcharea {
margin:5px 0 10px;
width:155px;
height:30px;
float:left;
}
.btn-searcharea a {
display:block;
margin:0;
width:155px;
height:30px;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/btn_searcharea.png) no-repeat 0 0;
}
.btn-searchtime a {
display:block;
margin:0 0 0 5px;
width:155px;
height:30px;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/makoto/images/btn_searchtime.png) no-repeat 0 0;
}
.btn-searchtime a:hover,
.btn-searcharea a:hover {
background-position:0 -30px;
}
/* left--------------------------------- */
#toparea_l {
width:315px;
float:left;
border-right:1px solid #CCC;
padding:0 7px 10px 0;
}
#toparea_l .ttl {
background:url(//image.itmedia.co.jp/makoto/images/realestate_top_ttl1.gif) no-repeat left bottom;
width:315px;
height:42px;
text-indent:-9999px;
margin:5px 0 5px;
}
#toparea_l .homes{
font-size:12px;
width:100%;
}
#toparea_l table.homes tr {
line-height:18px;
vertical-align:middle;
}
#toparea_l .bg-g1{
background-color:#adafb6;
padding:1px 5px;
text-align:center;
width:80px;
}
#toparea_l .bg-g2{
background-color:#eef0f3;
padding:1px 3px;
width:248px;
}
#realestate_box .copyright {
font-size:10px;
text-align:center;
margin:0;
padding:10px 0 0;
color:#888;
}
#realestate_box .copyright img {
vertical-align:bottom;
}


/* BOX
---------------------------------------------------------------------------------------------------*/
#tmplBody .cmsBox {
border:2px solid #666;
margin-bottom:20px;
}
#tmplBody .cmsBox h3 {
color:#FFF;
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:3px;
background:none;
border:none;
width:auto;
}
#tmplBody .cmsBox h3 {
background-color:#666;
}
#tmplBody .cmsBox h3 a {
color:#FFF;
}
#tmplBody .cmsBox h4 {
color:#A73;
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:0;
background:none;
}
#tmplBody .cmsBox p {
font-size:12px;
line-height:18px;
margin:0 0 5px;
padding:5px;
}
/*--------------------------------------*/
#tmplBody .cmsBoxRed {border-color:#BE2B2B;background:#F9F1F1;}
#tmplBody .cmsBoxGreen {border-color:#649526;background:#F4F6F1;}
#tmplBody .cmsBoxBlue {border-color:#267095;background:#F1F4F6;}
#tmplBody .cmsBoxOrange {border-color:#DA6B2E;background:#FBF5F2;}
/*--------------------------------------*/
#tmplBody .cmsBoxRed h3 {background-color:#C00;}
#tmplBody .cmsBoxGreen h3 {background-color:#090;}
#tmplBody .cmsBoxBlue h3 {background-color:#039;}
#tmplBody .cmsBoxOrange h3 {background-color:#C60;}

/* BACKNUMBER
--------------------------------------*/

.backNumBoxRap .backNumBox .backNumBoxIn ul li {
background: url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat scroll 0 0 transparent;
clear:both;
height:1%;
line-height:130%;
margin-bottom:3px;
padding:0 0 3px 18px;
}
.backnumberAll {
float:right;
margin:0 5px 15px;
background:#F6F6F6;
border:1px solid #CCC;
font-size:10px;
}
.backnumberAll a {
display:block;
text-align:center;
padding:2px 10px;
}
.backnumberAll a:hover {
background:#FFF;
text-decoration:none;
}
.r500 h2.rensaiTtl,
.l700 h2.rensaiTtl,
.l700 .backNumBoxRap {
clear:both;
}

/* 110302 commonSocialBtn
-----------------------------------------------------------------*/
.headline #masterSocialbuttonTop a {color:#000!important;}
.headline #masterSocialbuttonTop a:hover {color:#C00!important;}
#masterSocialbuttonTop .h20px {
height:0px;
}
#tmplFoot hr {margin:8px 0;}
.h5px {
height:5px;
}
.h10px {
height:10px!important;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.subtop .past h2 {clear:both;}
.maincol .calendar {
height:auto!important;
float:left!important;
}
.oldbizid.articles .newart .headline {
height:20px!important;
min-height:21px!important;
}

.msbBtn,
#masterSocialbuttonMid {
-webkit-box-shadow:0px 0px 0px #EEE;
-moz-box-shadow:0px 0px 0px #EEE;
box-shadow:0px 0px 0px #EEE;
}
#masterSocialbuttonBtm .msbBtn {
height:15px;
overflow:hidden;
display:block;
}
#masterSocialbuttonBtm .msbBtn a {
display:block;
padding-top:0;
padding-bottom:0;
}
.msbBtn a {
text-decoration:none!important;
}
.oldmakoto.articles .newart .headline .alertbtn {
display:none;
}
.oldmakoto.articles .newart .headline {
padding-top:3px!important;
}
.oldmakoto.articles .newart .headline .pr-txt {
position:relative!important;
width:500px;
}
.oldmakoto.articles .newart .headline h6 {
margin-top:22px!important;
}

/* TITLE
------------------------------------------------------------- */
body.top .header h1 {
float:left;
width:170px;
height:106px;
background:url(//image.itmedia.co.jp/makoto/images/logo_makoto.gif) no-repeat 15px 33px;
font-size:12px;
text-indent:-9999px;
}
body.top .header h1 a {
display:block;
width:133px;
height:64px;
margin:34px 0px 0px 15px;
}
.subtop#feature_fx\.html .header h1 {background-position:15px 10px;}
.subtop#feature_fx\.html .header h1 a {margin:10px 0px 4px 15px;}
.subtop#feature_fx\.html .header h1 .channel {
background:url(//image.itmedia.co.jp/makoto/images/channel_symbol.gif) no-repeat 15px -200px;
height:20px;
font-size:10px;
}
.subtop#style\.html .header h1 {background:url(//image.itmedia.co.jp/makoto/images/logo_makoto_style2.gif) no-repeat 15px 23px;width:170px;height:106px;float:left;text-indent:-9999px;}
.subtop#style\.html .header h1 a {width:160px;height:70px;margin:25px 0px 0px 10px;display:block;}


/* GoogleAdsense 20110324
-------------------------------------------------------------------------- */
.google .adsense .endlink h4 {
float:right;
background:none;
width:20px;
}
.google .adsense p {
background:none!important;
padding:0 0 5px 8px!important;
clear:both;
}
.google .adsense .tytle {
text-align:left!important;
float:left;
background:url(//image.itmedia.co.jp/images0509/submenubg6.gif) no-repeat scroll 2px 3px;
padding:0 0 5px 20px;
}



/* newzia_connect_flmakoto
-------------------------------------------------- */
.colBoxR50 #newzia_connect_flmakoto {
width:300px;
}
.colBoxR50 #newzia_connect_flmakoto .adsense {
width:300px;
margin:0;
}
.colBoxR50 #newzia_connect_flmakoto h4 {
border-bottom:2px solid #CCB;
float:none;
margin:0px 0px 5px;
padding:0px 0px 5px 20px;
width:auto;
clear:both;
background:url(//image.itmedia.co.jp/images0509/submenubg6.gif) no-repeat 0px 0px;
color:#111;
font-size:small;
font-weight:bold;
line-height:120%;
}
.colBoxR50 #newzia_connect_flmakoto h4 u {
text-decoration:none;
}
.colBoxR50 #newzia_connect_flmakoto img {
float:left;
margin:0px 3px 2px 0px !important;
padding-right:0px;
border:0px;
}
.colBoxR50 #newzia_connect_flmakoto a:link {
text-decoration:none;
}
.colBoxR50 #newzia_connect_flmakoto a:visited {
text-decoration:none;
}
.colBoxR50 #newzia_connect_flmakoto a:hover {
text-decoration:underline;
}
body .colBoxR50 #newzia_connect_flmakoto a:link img,
body .colBoxR50 #newzia_connect_flmakoto a:visited img {
border:0px;
padding-right:5px;
padding-bottom:2px;
}
.colBoxR50 #newzia_connect_flmakoto .adsense .endlink p {
clear:both!important;
min-height:65px!important;
margin:0px 0px 5px 0px!important;
padding:4px !important;
background:url(//image.itmedia.co.jp/makoto/images/cbox_bg_01.gif) no-repeat left bottom!important;
border-left:none!important;
font-size:12px!important;
line-height:16px!important;
color:#555!important;
}
* html .colBoxR50 #newzia_connect_flmakoto .adsense .endlink p {
height:65px;
}
.colBoxR50 #newzia_connect_flmakoto p span.title {font-size:12px!important;font-weight:bold!important;line-height:18px!important;}

a:link {
color:#036;
}


/*---------------------------------------------------------------------*/
/* ↓ 以下、Web ガバナンスに揃えるための指定 */
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/* カラムボックス */
/*---------------------------------------------------------------------*/
.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(//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(//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(//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(//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;
}
/*-----------------------------------------------------------------------------*/
/* ITSB 110415 */
/*-----------------------------------------------------------------------------*/
.colBoxITSB .colBoxOuter {
width:300px;
border-right:1px solid #BBB;
border-bottom:1px solid #BBB;
border-left:1px solid #BBB;
}
.colBoxITSB .colBoxHead {
background:url(//image.itmedia.co.jp/images/ad/ITSB_heading_repeat.gif) repeat-x left top;
border-bottom:none;
}
.colBoxITSB .colBoxHead h2 {
background:url(//image.itmedia.co.jp/images/ad/ITSB_heading.gif) no-repeat left top !important;
text-indent:-9999px;
}
.colBoxITSB .colBoxHead .colBoxHeadSubtxt {
color:#777;
top:2px;
right:3px;
}
.colBoxITSB .colBoxIndex {
padding:0 5px;
}
.colBoxITSB .colBoxIcon {
float:right;
}
.colBoxITSB .colBoxIcon a {
margin:0 2px 5px 2px;
border:none;
}
.colBoxITSB .colBoxTitle h3 {
line-height:23px;
}
.colBoxITSB .colBoxDescription p {
clear:both;
font-size:13px;
line-height:20px;
color:#555;
}
/* 調整 */
.colBoxITSB .colBoxTitle h3 {
padding:0;
background:none;
border-bottom:none;
}
.newart .colBoxITSB .colBoxIcon a img {
border:none!important;
}

/*-----------------------------------------------------------------------------*/
/* style megane */
/*-----------------------------------------------------------------------------*/
/* top */

#meganeboy #subtopTitle h1 {
background:url(//image.itmedia.co.jp/makoto/meganeboy/pvote/images/title.gif) no-repeat;
height:200px;
border:1px solid #DDD;
padding:0;
margin:0;
}
#meganeboy.content-top #subtopTitle h1 {
text-indent:-9999px;
}
#meganeboy #subtopTitle h1 a {
text-indent:-9999px;
height:200px;
display:block;
overflow:hidden;
}
#meganeboy #subtopDescription h2 {
background:none;
font-weight:normal;
font-size:16px;
line-height:22px;
padding:0;
margin:0;
}
#meganeboy .colBox {
clear:both;
}
#meganeboy .colBoxHead {
border:0 none;
}
#meganeboy #colBoxMeganepic {}
#meganeboy #colBoxMeganepic .colBoxHead h2 {
background:none;
}
#meganeboy #colBoxMeganepic table {
border-collapse:separate;
}
#meganeboy #colBoxMeganepic td {
vertical-align:top;
border:1px solid #BBB;
-webkit-box-shadow: 1px 1px 2px 0px #CCC;
-moz-box-shadow: 1px 1px 2px 0px #CCC;
box-shadow: 1px 1px 2px 0px #CCC;
padding:10px;
}
#meganeboy #colBoxMeganepic td.noData {
border:0px none;
-webkit-box-shadow:0px 0px 0px 0px #CCC;
-moz-box-shadow:0px 0px 0px 0px #CCC;
box-shadow:0px 0px 0px 0px #CCC;
}
#meganeboy #colBoxMeganepic .colBoxIndex {
width:180px;
float:left;
padding:0;
}
#meganeboy #colBoxMeganepic .colBoxIndexInner {}
#meganeboy #colBoxMeganepic .colBoxIndex .colBoxTitle h3 span {

}
#meganeboy #colBoxMeganepic .colBoxInfo {
text-align:center;
font-weight:bold;
color:#C00;
font-size:12px;
line-height:16px;
margin:0;
}
#meganeboy #colBoxMeganepic .colBoxInfo p.noVote {
color:#444;
}
#meganeboy #colBoxMeganepic .colBoxIcon {
display:block;
}
#meganeboy #colBoxMeganepic .colBoxIcon a {
float:none;
margin:0 auto;
display:block;
width:160px;
}
#meganeboy #colBoxMeganepic .colBoxIcon img {
width:160px;
}
#meganeboy #colBoxMeganepic .colBoxBtn {
margin:0 auto;
width:92%;
padding:0 0 5px;
}
#meganeboy #colBoxMeganepic .colBoxBtn a {
display:block;
width:100%;
cursor:pointer;
height:25px;
font-size:14px;
font-weight:bold;
line-height:25px;
text-align:center;
}
#meganeboy #colBoxMeganepic .colBoxBtn .vote,
#meganeboy #colBoxMeganepic .colBoxBtn .profile {
color:#444;
border:1px solid #BBB;
background:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:4px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f1f1f1 50%, #e1e1e1 51%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(50%,#f1f1f1), color-stop(51%,#e1e1e1), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#f1f1f1 50%,#e1e1e1 51%,#f6f6f6 100%);
text-decoration:none;
}
#meganeboy #colBoxMeganepic .colBoxBtn .vote:hover,
#meganeboy #colBoxMeganepic .colBoxBtn .profile:hover {
color:#FFF;
border:1px solid #2ab0ed;
background: #7abcff;
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
}
#meganeboy #colBoxMeganepic .colBoxUlist {
display:block;
margin:0;
padding:0;
}
#meganeboy #colBoxMeganepic .colBoxUlist ul {
padding:0;
margin:0 auto;
width:165px;
}
#meganeboy #colBoxMeganepic .colBoxUlist li.meganeBtn {
background:none;
border:0 none;
list-style:none;
display:block;
padding:0;
}
#meganeboy #colBoxMeganepic .colBoxUlist li.meganeBtnTwitter {
float:right;
height:62px;
width:80px;
}
#meganeboy #colBoxMeganepic .colBoxUlist li.meganeBtnLike {
float:left;
height:64px;
width:74px;
}

/* individual */
#meganeboy.content-individual .colBoxIndexProfile {
border:1px solid #BBB;
padding:15px;
-webkit-box-shadow: 1px 1px 2px 0px #CCC;
-moz-box-shadow: 1px 1px 2px 0px #CCC;
box-shadow: 1px 1px 2px 0px #CCC;
height:1%;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxIcon {
float:left;
width:300px;
padding:0 10px 0 0;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxIcon a {
margin:0;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxTitle {
height:30px;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxTitle span {
display:block;
float:left;
background:url(//image.itmedia.co.jp/makoto/meganeboy/pvote/images/arrow.gif) no-repeat -4px -5px;
line-height:27px;
height:30px;
padding:0 0 0 10px;
color:#FFF;
font-size:14px;
width:143px;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxTitle h3 {
float:left;
padding-left:5px;
font-size:18px;
line-height:28px;
height:30px;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxDescription {
width:350px;
float:left;
border:1px solid #CCC;
padding:10px;
overflow:hidden;
background:#FAFAFA
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxDescription p {
font-size:13px;
line-height:18px;
}
#meganeboy.content-individual .voteEnd .colBoxDescription {
width:608px;
padding:10px;
overflow:hidden;
}
#meganeboy.content-individual .colBoxInfo {
font-size:20px;
line-height:26px;
color:#C00;
text-align:center;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxIcon img {
border:1px solid #DDD;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist {
display:block;
margin:0;
padding:0;
float:right;
width:241px;
overflow:hidden;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist ul {
padding:0;
margin:0 auto;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtn {
background:none;
border:0 none;
list-style:none;
display:block;
padding:0 5px 0 0;
float:left;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtnVote {
width:66px;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtnVote .vote,
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtnVote .profile {
padding:0 6px;
font-weight:bold;
text-decoration:none;
line-height:36px;
display:block;
cursor:pointer;
height:36px;
border:1px solid #BBB;
background:#FFF;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:4px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 47%, #ededed 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(47%,#f6f6f6), color-stop(100%,#ededed));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ededed',GradientType=0 );
background: linear-gradient(top, #ffffff 0%,#f6f6f6 47%,#ededed 100%);
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtnVote .vote:hover,
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtnVote .profile:hover {
color:#FFF;
border:1px solid #2ab0ed;
background: #7abcff;
background: -moz-linear-gradient(top, #7abcff 0%, #60abf8 44%, #4096ee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
background: -webkit-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -o-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
background: -ms-linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
background: linear-gradient(top, #7abcff 0%,#60abf8 44%,#4096ee 100%);
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtnTwitter {
height:62px;
width:80px;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxUlist li.meganeBtnLike {
height:64px;
width:74px;
}
#meganeboy.content-individual .colBoxIndexProfile .colBoxBtmlink {
font-size:14px;
line-height:21px;
text-align:right;
}

.makotoblogPickUp .colBoxHead {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_black.gif) no-repeat;
height:25px;
padding:0 0 0 30px;
margin:0 0 10px;
}
.makotoblogPickUp .colBoxHead h2 {
background:none;
padding:5px 0 0 0;
color:#FFF;
font-size:13px;
}
.makotoblogPickUp .colBoxHead span {float:none;}
.makotoblogPickUp .colBoxHead span a {
color:#FC0;
font-size:13px;
}
.makotoblogPickUp .colBoxIndex {
float:left;
padding:0 15px 0 0;
margin:0;
width:315px;
overflow:hidden;
}
.makotoblogPickUp .colBoxIcon {
width:40px;
height:40px;
padding:0 6px 6px 0;
float:left;
}
.makotoblogPickUp .colBoxIcon a {
border:0 none;
}
.makotoblogPickUp .colBoxIcon img {
width:40px;
height:40px;
}
.makotoblogPickUp .colBoxTitle h3 {
font-size:15px;
line-height:19px;
}
.makotoblogPickUp .colBoxInfo p {
font-size:10px;
text-align:left;
}
.makotoblogPickUp .colBoxInfo p a {
font-size:10px;
}
.makotoblogPickUp .colBoxDescription p {
line-height:18px;
}
/*-----------------------------------------------------------------------------*/
/* 2011リニューアル */
/*-----------------------------------------------------------------------------*/
/* レイアウト */

.top .pr-txt {
clear:both;
padding-bottom:5px;
}
.top .colBoxHead {
border-bottom:none;
}
.top .l700 #features {
margin:7px 0 0;
}
.top .l700 .r500 #features {
margin:3px 0 0;
}

.top .colboxtop-left {
float:left;
width:450px;
}
.top .colboxtop-right {
float:right;
width:200px;
}

.top .colboxtop-mnewsleft,
.top .colboxtop-mnewscenter {
float:left;
width:210px;
margin:0 15px 0 0;
}
.top .colboxtop-mnewsright {
float:left;
width:210px;
margin:0;
}

.top .colboxtop-mnewsleft p,
.top .colboxtop-mnewscenter p,
.top .colboxtop-mnewsright p {
text-align:center;
}

.ISTLR-body {
height:1%;
}


/* 記事毎のソーシャル関連 */
.colBoxSocialButton {
padding-bottom:5px;
}
.colBoxSocialButton ul {
margin:0;
padding:0;
}
.colBoxSocialButton ul li {
float:left;
height:21px;
list-style:none;
background:none;
margin-bottom:0;
padding-left:0;
}
.colBoxSocialButtonTweet {
width:128px;
}
.colBoxSocialButtonHatena {
width:60px;
}
.colBoxSocialButtonFacebook {
width:107px;
}

/* 時事日想 & News */
/*
.top .headline .kwoutBoxOut h5 {
height:22px;
}
.top .headline .kwoutBoxOut h5 a {
display:block;
width:165px;
height:22px;
background:url(//image.itmedia.co.jp/makoto/images/jiji_heading2.gif) no-repeat;
}
.top .headline .kwoutBoxOut h5 span {
display:none;
}
*/
.top .headline .kwoutBoxOut h5 {
font-size:75%;
line-height:130%;
}

.top .headline .jijimon h5 a {
background-position:0 0;
}
.top .headline .jijitue h5 a {
background-position:0 -22px;
}
.top .headline .jijiwed h5 a {
background-position:0 -44px;
}
.top .headline .jijithu h5 a {
background-position:0 -66px;
}
.top .headline .jijifri h5 a {
background-position:0 -88px;
}

.top .headline .kwoutBoxOut .kwoutBox .icon,
.top .headline .kwoutBoxOut .kwoutBox span {
display:none;
}
.top .headline .kwoutBoxOut span {
font-size:x-small;
}
.top .headline .kwoutBoxOut .kwoutBox p {
padding:0 0 5px 0;
}
.top .colBoxIndex .icon img {
border:1px solid #CCC !important;
float:left;
margin:0 5px 5px 0;
}
.topjiji .icon img,
.topnews .icon img,
.topresearch .icon img,
.topinterview .icon img,
.topbelow .icon img,
.topitmnews .icon img {
height:30px;
 width:40px;
}
.top .colBoxIndex h3 span {
font-weight:normal;
}
.top .colBox span {
color:#666;
font-size:11px;
line-height:16px;
}
.top .colBox a {
font-size:13px;
line-height:16px;
}
.topjiji p {
display:none;
}
.top .colBox .kwoutBox,
.top .colBoxIndex {
margin:0 0 10px 0;
}
.top .topbelow .colBoxIndex {
margin:0;
}
.top .makotoblogPickUp .colBoxIndex h3 {
font-weight:bold;
}
.top .makotoblogPickUp .colBoxIndex h3 a {
font-size:15px;
line-height:19px;
}

.top .cbox .prtimes h2 {
font-size:14px;
line-height:18px;
margin:0;
}
.top .cbox .prtimes li {
background: url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat 0 3px;
border-bottom:1px solid #EEE;
padding:5px 5px 5px 18px;
}

.topnews .colBoxFoot {
margin:0 0 0 10px;
overflow:hidden;
text-align:center;
}
.topnews .colBoxFoot a {
display:block;
width:180px;
height:40px;
background:url(//image.itmedia.co.jp/makoto/images/btn_07b.gif) no-repeat 0 0;
text-indent:-9999px;
}
.topnews .colBoxFoot a:hover {
background-position:0px -40px;
}

/* おすすめ記事 */
.maincol .index.topabove {
margin:0 0 10px;
}
.top .topabove p,
.top #tabbox10 .index p {
padding:0 0 5px;
}

/* From */
.topfrom .colBoxUlist ul li {
background:url(//image.itmedia.co.jp/makoto/images/ulli_13.gif) no-repeat 0 1px;
padding:0 0 3px 18px;
}

/* 調査記事 */
.top .cbox .colBoxIndex h3 {
font-weight:normal;
}
.top .colBoxIndex span {
color:#666;
font-size:11px;
line-height:16px;
}
.top .colBoxIndex a {
font-size:13px;
line-height:16px;
}
.topresearch h3,
.topinterview h3,
.topitmnews h3 {
padding:0 10px 0 0;
}
.topresearch h2,
.topinterview h2,
.topitmnews h2 {
margin:0 0 5px;
}

/* 現在実施中の特集 */
.top .nowspecial {
}
.top .nowspecial img {
float:left;
margin: 0 8px 2px 0;
}
.top .nowspecial h5 {
color:#AA7733;
}
.top .nowspecial .colBoxIndex h3 {
font-weight:bold;
}
.top .nowspecial .colBoxIndex a {
font-size:16px;
line-height:20px;
}

/* 口コミ */
.subcol #twtRank.cbox h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_twtrank.gif) no-repeat;
padding:5px 0 5px 25px;
text-indent:-9999px;
}

#twtRank .topxy {
margin:0 0 3px;
text-align:right;
font-size:10px;
}

/* ツイッターバナー */
.subcol #tfm.cbox h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_blue.gif) no-repeat;
padding:6px 5px 4px 30px;
color:#FFF;
}
.twimgleft {
float:left;
}
.twimgright {
float:right;
}

/* ITmedia News Headline */
.subcol .cbox.topitmnews h2 {
background:url(//image.itmedia.co.jp/makoto/images/l200_h2bg_itmnews.gif) no-repeat;
padding:6px 5px 4px 30px;
color:#FFF;
}

/* iTunesStoreボタン */

#btbox {
padding:15px 0 5px;
}
#btbox .bt01 a {
cursor:pointer;
font-size:13px;
line-height:18px;
font-weight:bold;
color:#FFF;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0 1px 0 rgba(0, 0, 0, 0.1);
padding:5px 12px 3px;
margin:0 5px;
}
#btbox .bt01 a {
width:240px;
background:#1781bd;
border:1px solid #075b8a;
}
#btbox .bt01 a:hover {
background:#075b8a;
color:#c6d7eb;
text-decoration:none;
}
pre.acaptcha {
background:#FFF;
color:#444;
font: 2px/1px monospace!important;
line-height:1px!important;
font-size:2px!important;
font-family:"ＭＳ ゴシック","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Verdana, "ＭＳ Ｐゴシック"!important;
}

/* ISAL */
#ISAL .colBoxHead {
background:url(//image.itmedia.co.jp/makoto/images/subcol_h2bg_pr.gif) no-repeat;
color:#111;
font-size:12px;
line-height:20px;
font-weight:bold;
padding:7px 5px 3px 38px;
position:relative;
border-bottom:none;
}
#ISAL .colBoxHeadSubtxt {
display:none;
}
#ISAL .colBoxHead h2 {
margin:0;
}
#ISAL .ISAL2-list strong {
font-size:12px;
line-height:18pxt;
}
#ISAL .ISAL2-list {
color:#555555;
font-size:12px;
line-height:16px;
margin:0 0 5px;
min-height:30px;
padding:5px;
}
#ISAL img {
border:none;
float:left;
padding:0 5px 1px 0;
}

/* ISALC */
#ISALC {
background-color:#FFF;
clear:both;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif;
margin:0;
padding:0;
}
#ISALC .colBoxHead {
background:url(//image.itmedia.co.jp/makoto/images/ISALC_heading.gif) no-repeat;
border-bottom:none;
height:17px;
margin:0 0 10px;
padding:0;
}
#ISALC .colBoxHead .colBoxHeadSubtxt {
margin:0;
padding:0;
text-indent:-9999px;
}
#ISALC .colBoxHead h2 {
margin:0;
padding:0;
text-indent:-9999px;
}
#ISALC .colBoxIndex img,
#ISALC .colBoxIndex a:link img,
#ISALC .colBoxIndex a:visited img {
border:none !important;
}
#ISALC .colBoxTitle h3 {
background:url(//image.itmedia.co.jp/makoto/images/ISTLR_ico_special.gif) no-repeat;
display:inline;
color:#A73;
font-size:13px;
font-weight:bold;
line-height:18px;
padding:0 0 0 52px;
border-bottom:none;
}
#ISALC .colBoxTitle a:link,
#ISALC .colBoxTitle a:visited {
color:#A73;
}
#ISALC .colBoxNewtxt {
color:#F00;
font-size:13px;
line-height:18px;
font-weight:bold;
}
#ISALC .colBoxDescription p {
font-size:16px;
font-weight:bold;
line-height:20px;
color:#036;
text-decoration:none;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif;
}

/* Article Ranking
---------------------------------------------------------------------------------------------------*/
.colBox.colBoxSalesRanking {
width:630px;
margin:0 0 10px;
padding:0;
}
.colBoxSalesRanking .colBoxHead {
background:url(//image.itmedia.co.jp/makoto/images/bookRank_heading.gif) no-repeat;
border-bottom:none;
color:#FFF;
height:36px;
margin:0;
padding:19px 10px 0 74px;
}
.colBoxSalesRanking .colBoxHead h2 {
font-size:18px;
line-height:29px;
color:#FFF;
}
.colBoxSalesRanking .colBoxDate {
float:right;
}
.colBoxSalesRanking .colBoxInner {
width:620px;
background:#036;
padding:5px;
}
.colBoxSalesRanking .trBoxWidth {
background:#FFF;
padding:5px;
margin:0 0 3px;
width:610px;
}
.colBoxSalesRanking .colBoxIndex img {
width:90px;
height:131px;
}
.newart .colBoxSalesRanking div#col200l,
.newart .colBoxSalesRanking div#col300l,
.newart .colBoxSalesRanking div#col400l,
.newart .colBoxSalesRanking div#col500l {
float:left;
margin:0;
width:100px;
}
.newart .colBoxSalesRanking p {
margin:0 0 2px;
}
.newart .colBoxSalesRanking h4 {
color:#007bda;
font-size:16px;
line-height:24px;
margin:0;
padding:0;
}
.newart .colBoxSalesRanking h3 {
background:none;
border-bottom:none;
font-size:20px;
line-height:30px;
margin:0;
padding:0;
}
.newart .colBoxSalesRanking hr {
visibility:hidden;
}
.newart .colBoxSalesRanking .colBoxDate {
font-size:14px;
line-height:33px;
}

/* バックナンバーページ */
#makotorensai .backNumBox strong {
display:none;
}
#makotorensai.l700  h2 {
margin:0 0 10px;
}


/*---------------------------------------------------------------------*/
/* 関連記事／リンク　*/
/*---------------------------------------------------------------------*/
.newart #endlinkConnection.endlink h4 {
background:none;
color:#111;
margin:0;
padding:0 0 3px;
font-size:14px;
line-height:20px;
}
.newart #endlinkConnection.endlink {
margin:0 0 20px;
}
.newart #endlinkConnection.endlink h4 {
border:none;
margin:0 0 10px;
padding:3px;
background:-webkit-linear-gradient(top, #FFF, #EEE);
background:-moz-linear-gradient(top, #FFF, #EEE);
background:-o-linear-gradient(top, #FFF, #EEE);
background:linear-gradient(to bottom, #FFF, #EEE);
}
.newart #endlinkConnection.endlink h4:before {
content:"";
border-left:2px solid #9C0;
padding:0 0 0 5px;
}
.newart #endlinkConnection.endlink ul {
padding:0;
margin:0 0 10px;
border:none;
width:100%;
}
#endlinkConnection.endlink h4 {
width:100%;
float:none;
}
.newart #endlinkConnection.endlink li {
list-style:none;
border:none;
clear:none;
font-size:12px;
line-height:16px;
background:none;
margin:0 0 10px;
padding:0;
display:block;
clear:both;
}
.newart #endlinkConnection.endlink2column li {
float:left;
width:49%;
padding:0 5px 0 0;
clear:none;
}
.newart #endlinkConnection.endlink2column .endlink-art {
display:none;
}
.newart #endlinkConnection.endlink2column #endlink-art1,
.newart #endlinkConnection.endlink2column #endlink-art2,
.newart #endlinkConnection.endlink2column #endlink-art3,
.newart #endlinkConnection.endlink2column #endlink-art4 {
display:block;
}
#endlinkConnection.endlink ul li a img {
padding:0;
}
.newart #endlinkConnection.endlink li a img {
width:auto;
height:auto;
border:none;
box-shadow:
1px  1px 0px #CCC,
-1px -1px 1px #FFF;
}
.newart #endlinkConnection.endlink2column li a img {
width:60px;
height:45px;
}
.newart .endlink-art a,
.newart .endlink-lnk a {
text-decoration:none;
}
.newart div .endlink-art a:link img,
.newart div .endlink-art a:visited img {
border:none !important;
}

.newart #endlinkConnection.endlink li a {
font-weight:bold;
}
.newart #endlinkConnection.endlink li a img {
margin:0 5px 5px 0;
}

.colBoxTable {
display:table;
border-collapse:collapse;
width:100%;
}
.colBoxTable-tr {
display:table-row;
}
.colBoxTable-td {
display:table-cell;
border:1px solid #FFF;
width:50%;
padding:3px;
background:-webkit-linear-gradient(top, #EEE, #FFF);
background:-moz-linear-gradient(top, #EEE, #FFF);
background:-o-linear-gradient(top, #EEE, #FFF);
background:linear-gradient(to bottom, #EEE, #FFF);
}

/* INLINE COLOR
---------------------------------------------------------------------------------------------------*/
.newart .cmsColorRed {
color:#C00;
}
.newart .cmsColorBlue {
color:#00C;
}
.newart .cmsColorGreen {
color:#090;
}
.newart .cmsColorBottlegreen {
color:#066;
}
.newart .cmsColorOrange {
color:#F60;
}
.newart .cmsColorYellow {
color:#CC0;
}
.newart .cmsColorPurple {
color:#A757A8;
}
.newart .cmsColorGray {
color:#999;
}
.newart .cmsColorWhite {
color:#FFF;
}

/* INLINE BGCOLOR
---------------------------------------------------------------------------------------------------*/
.newart .cmsBgcolorRed {
background-color:#FBB;
}
.newart .cmsBgcolorBlue {
background-color:#BBF;
}
.newart .cmsBgcolorGreen {
background-color:#BCB;
}
.newart .cmsBgcolorBottlegreen {
background-color:#699;
}
.newart .cmsBgcolorOrange {
background-color:#FCB;
}
.newart .cmsBgcolorYellow {
background-color:#FFB;
}
.newart .cmsBgcolorPurple {
background-color:#FCF;
}
.newart .cmsBgcolorGray {
background-color:#DDD;
}
.newart .cmsBgcolorWhite {
background-color:#FFF;
}

/* INLINE FONTSIZE
---------------------------------------------------------------------------------------------------*/
.newart .cmsFontsize-3 {
font-size:25%;
}
.newart .cmsFontsize-2 {
font-size:50%;
}
.newart .cmsFontsize-1 {
font-size:75%;
}
.newart .cmsFontsize1 {
font-size:125%;
}
.newart .cmsFontsize2 {
font-size:150%;
}
.newart .cmsFontsize3 {
font-size:175%;
}