@import url("/css/gnav.css");
@import url("/css/gfooter.css");
body {
margin:0px;
padding:0px;
font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif;
line-height:150%;
color:#444;
background:#EEE url(http://image.itmedia.co.jp/makoto/images/body_bg2.gif) repeat-y center top;
}
a:link {
color:#098175;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#A33;
text-decoration:none;
}
/* rap ---------------------------------------------- */
.rapOut {
width:990px;
margin:0 auto;
}
.rapIn {}
/* header ---------------------------------------------- */
.header {
float:left;
width:100%;
background:#FFF;
}
/* logo ------------------------------------------------ */
.logoRap {
margin:0px 0px 0px 0px;
padding:0px 10px 0px 10px;
width:946px;
}
.logo {
float:left;
font-size:small;
text-indent:-9999px;
}
.logo h1 {
margin:10px 0px 15px;
padding:0px;
width:200px;
height:65px;
background:url(http://image.itmedia.co.jp/promobile/images/logo_top.jpg) no-repeat 0px 0px;
}
.logo strong {
margin:10px 0px 15px;
display:block;
width:200px;
height:65px;
background:url(http://image.itmedia.co.jp/promobile/images/logo_top.jpg) no-repeat 0px 0px;
}
.logo strong a {
display:block;
width:100%;
height:65px;
color:#DDD;
}
/* main navigation ------------------------------------ */
.mainNav {
float:left;
width:100%;
height:60px;
padding:0px;
line-height:100%;
background:url(http://image.itmedia.co.jp/promobile/images/mainnav_btm_repeat.gif) repeat-x 0px bottom;
}
.mainNav .mainNavOut {
display:table;
width:100%;
height:60px;
background:url(http://image.itmedia.co.jp/promobile/images/mainnav_btm.jpg) no-repeat right bottom;
}
*+html .mainNav .mainNavOut {
display:inline-block;
}
.mainNav .mainNavIn {
display:table;
width:100%;
background:url(http://image.itmedia.co.jp/promobile/images/mainnav_bg.gif) repeat-x 0px 0px;
}
.mainNav ul {
height:52px;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 10px;
font-size:small;
list-style-type:none;
}
.mainNav ul li {
float:left;
position:relative;
background:url(http://image.itmedia.co.jp/promobile/images/mainnav.jpg) no-repeat 0px 0px;
}
.mainNav ul li.lion {
}
.mainNav ul li#mainNav-top {width:88px;background-position:-10px -52px;}
.mainNav ul li#mainNav-past {width:90px;background-position:-98px -52px;}
.mainNav ul li#mainNav-career {width:114px;background-position:-188px -52px;}
.mainNav ul li#mainNav-series {width:56px;background-position:-302px -52px;}
.mainNav ul li#mainNav-report {width:86px;background-position:-358px -52px;}
.mainNav ul li#mainNav-know {width:56px;background-position:-444px -52px;}
.mainNav ul li#mainNav-realize {width:93px;background-position:-500px -52px;}
.mainNav ul li#mainNav-decide {width:71px;background-position:-593px -52px;}
.mainNav ul li#mainNav-event {width:131px;background-position:-664px -52px;}
.mainNav ul li a {
display:block;
float:left;
height:52px;
background:url(http://image.itmedia.co.jp/promobile/images/mainnav.jpg) no-repeat 0px 0px;
color:#666;
}
.mainNav ul li#mainNav-top a {width:88px;background-position:-10px 0px;}
.mainNav ul li#mainNav-past a {width:90px;background-position:-98px 0px;}
.mainNav ul li#mainNav-career a {width:114px;background-position:-188px 0px;}
.mainNav ul li#mainNav-series a {width:56px;background-position:-302px 0px;}
.mainNav ul li#mainNav-report a {width:86px;background-position:-358px 0px;}
.mainNav ul li#mainNav-know a {width:56px;background-position:-444px 0px;}
.mainNav ul li#mainNav-realize a {width:93px;background-position:-500px 0px;}
.mainNav ul li#mainNav-decide a {width:71px;background-position:-593px 0px;}
.mainNav ul li#mainNav-event a {width:131px;background-position:-664px 0px;}
.mainNav ul li.lion a {
background-image:none;
}
.mainNav ul li a:hover {
background-image:none;
}
.mainNav ul li.lion a:hover {
}
.mainNav ul li span {
display:block;
text-indent:-9999px;
}
.mainNav p {
margin:0;
padding:7px 15px 16px 15px;
color:#fff;
font-size:13px;
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
line-height:150%;
}
.mainNav p a {
color:#fff;
text-decoration:underline;
}
/* contents area ----------------------------------------- */
.ctsArea {
display:block;
width:100%;
margin:0px 0px 20px 0px;
padding:0px 0px 10px;
}
* html .ctsArea {display:inline-block;}
*+html .ctsArea {display:inline-block;}
.subCol .ctsArea {
margin:0px 0px 10px 0px;
}
.ctsAreaInner {
display:table;
width:100%;
margin:0px;
padding:0px;
}
.ctsBox {
clear:both;
display:block;
margin:-1px 0px 0px;
border-left:3px solid #DAF1E9;
border-bottom:3px solid #DAF1E9;
border-right:3px solid #DAF1E9;
background:#FFF;
}
.ctsBoxOut {
border:1px solid #2A7D8D;
}
.ctsBoxIn {
border:1px solid #DAF1E9;
padding:3px 3px 0px;
}
/* contents navigation ----------------------------- */
.ctsNavBar {
display:table;
width:100%;
background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_repeat.gif) repeat-x 0px 30px;
}
.ctsNav * {
margin:0px;
padding:0px;
text-decoration:none;
color:#fff;
list-style:none;
line-height:1em;
font-size:small;
}
.ctsNav {
margin:10px 0px 0px -40px;
}
.ctsNav li {display:inline;}
.ctsNav li * {
float:left;
height:23px;
cursor:pointer;
cursor:hand;
}
.ctsNav a {
background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end.jpg) no-repeat 0px 0px;
padding-left:20px;
}
.subCol .ctsNav a {background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end_subcol.jpg) no-repeat 0px 0px;}
.ctsNav strong {
padding-right:20px;
font-weight:normal;
}
.ctsNav span {
margin-right:-20px;
min-width:20px;
padding:5px 0px 2px;
height:16px;
background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_center.jpg) repeat-x 0px 0px;
}
.ctsNav a.start {background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end.jpg) no-repeat 0px -46px;}
.subCol .ctsNav a.start {background-image:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end_subcol.jpg);}
.ctsNav .end {
background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end.jpg) no-repeat right -115px;
padding-right:40px;
}
.subCol .ctsNav .end {background-image:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end_subcol.jpg);}
.ctsNav a:hover {background-position:0px -92px;}
.ctsNav a.start:hover {background-position:0px -69px;}
.ctsNav a:hover strong {
position:relative;
margin-right:-20px;
padding-right:40px;
background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end.jpg) no-repeat right -23px;
}
.subCol .ctsNav a:hover strong {background-image:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end_subcol.jpg);}
.ctsNav a:hover strong.end {
margin-right:0px;
background-position:right -138px;
}
.ctsNav a:hover span {background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_center.jpg) repeat-x 0px -23px;}
.ctsNav .current a {background-position:0px -92px;}
.ctsNav .current a.start {background-position:0px -69px;}
.ctsNav .current a strong.end {
margin-right:0px;
background-position:right -138px;
}
.ctsNav .current a span {background-position:0px -23px;}
.ctsNav .currentL a:hover strong,
.ctsNav .currentL a.start:hover strong {background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end.jpg) no-repeat right -161px;}
.ctsNav .currentR a {background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end.jpg) no-repeat 0px -23px;}
.ctsNav .currentR a:hover {background-position:0px -184px;}
.subCol .ctsNav .currentL a:hover strong,
.subCol .ctsNav .currentL a.start:hover strong {background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end_subcol.jpg) no-repeat right -161px;}
.subCol .ctsNav .currentR a {background:url(http://image.itmedia.co.jp/promobile/images/ctsnav_end_subcol.jpg) no-repeat 0px -23px;}
.subCol .ctsNav .currentR a:hover {background-position:0px -184px;}
/* navigation ----------------------------------------- */
.subNavi {
margin-top:-20px;
display:table;
line-height:100%;
font-size:small;
position:absolute;
}
.subNavi p {
display:none;
}
.subNavi ul {
float:left;
margin:0px;
padding:0px 0px 0px 1px;
list-style-type:none;
background:#BBB;
}
.subNavi ul li {
float:left;
border:1px solid #999;
border-left:0px solid #999;
background:#DDD;
}
.subNavi ul li small {
font-family:arial;
font-style:normal;
}
.subNavi ul li a {
display:block;
float:left;
color:#666;
}
.subNavi ul li a:hover {
background:#EEE;
}
.subNavi ul li span {
display:block;
padding:3px 8px;
border:1px solid #FFF;
}
.subNavi ul li strong span {
color:#444;
font-weight:normal;
background:#FFF;
}
.subNaviArea {
margin:20px 0px 20px 0px;
padding:10px;
background:#EEE;
border:1px solid #999;
}
.contents {
background:url(http://image.itmedia.co.jp/promobile/images/bg_promobile.jpg) repeat-y right 0px;
}
.mainColRapOut {
margin:0px;
width:100%;
float:left;
margin-right:-310px;
}
.mainColRapIn {
margin-right:310px;
}
.mainCol {
margin:0px 20px 0px 7px;
}
.mainColBody {
width:100%;
}
.subCol {
width:300px;
padding-right:10px;
float:right;
}
.subColIn {
}
.boxOut {
clear:both;
margin:0px 0px 10px;
border:3px solid #DBF2EA;
background:#FFF;
}
.boxGold .boxOut {
border:4px solid #EEC;
}
.boxIn {
border:1px solid #5E9EA8;
}
.boxGold .boxIn {
border:1px solid #AA6;
}
.boxBar {
margin:0px 0px 10px 0px;
padding:5px 0px 4px;
background:url(http://image.itmedia.co.jp/promobile/images/boxbar_bg_01.gif) repeat-x 0px 0px;
border-bottom:1px solid #999;
font-size:small;
line-height:100%;
color:#FFF;
}
.boxGold .boxBar {background:#BB6;}
.boxBar strong {
padding:0px 6px;
}
.boxBar #update {
display:block;
margin:0px 10px;
float:right;
font-size:small;
}
.box {
padding:0px 10px 10px 10px;
}
/* prBox01 */
.prBox01 {
font-size:small;
}
.prBox01 .boxBar {
margin:0px;
padding:16px 0px;
}
.prBox01 .box {
padding:0px;
border-bottom:1px #CCC solid;
}
.prBox01 .box p {
margin:10px;
line-height:140%;
}
.prBox01 .ico img {
float:left;
padding:0px;
}
/* indexing */
.indexing {
line-height:140%;
}
.indexing p {
clear:both;
display:table;
margin:0px;
width:100%;
}
.indexing p strong small {
display:block;
color:#A73;
}
.indexing p strong small br {
display:none;
}
.kwdset,
.linkset {
display:table;
width:100%;
margin:2px 0px 0px 0px;
padding:0px;
list-style-type:none;
font-size:small;
}
.kwdset li {
float:left;
padding:0px 8px 0px 16px;
background:url(http://image.itmedia.co.jp/images0509/arr_key2.gif) no-repeat 0px 2px;
}
.subCol .kwdset li {
float:none;
}
.linkset li {
padding-left:16px;
background:url(http://image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 0px 3px;
}
.ico img {
margin:3px 8px 5px 0px;
padding:4px;
border:1px solid #CCC;
}
.ico.noFrame img {
padding:0px;
border:none;
}
.searchForm {
margin:0px;
padding:0px;
line-height:100%;
}
.header .searchForm {
float:right;
}
.searchForm form {
width:213px;
margin:0px;
padding:0px;
}
.searchForm .q {
float:left;
width:130px;
margin:0px 0px 5px 0px;
padding:1px;
}
.searchForm .submitBtn {
float:right;
width:75px;
height:19px;
margin:0px 0px 5px 0px;
padding:0px;
background:url(http://image.itmedia.co.jp/promobile/images/bg_bt_input_repeat.gif) repeat-x 0px 0px;
overflow:hidden;
}
.searchForm .submitBtn div {
background:url(http://image.itmedia.co.jp/promobile/images/bg_bt_input_right.gif) no-repeat right 0px;
}
.searchForm .submitBtn div button {
display:block;
width:75px;
height:19px;
margin:0px;
padding:0px;
background:url(http://image.itmedia.co.jp/promobile/images/bg_bt_input_left.gif) no-repeat 0px 0px;
border:none;
color:#0E7467;
}
.dirList {
clear:both;
display:block;
float:left;
width:600px;
padding:0px 0px 0px 20px;
background:url(http://image.itmedia.co.jp/enterprise/images/tree.gif) no-repeat 4px 5px;
font-size:small;
}
.dirList small {
display:block;
float:left;
color:#777;
}
.dirList span {
display:block;
float:left;
padding:0px 5px;
}
* html .dirList span {padding:0px 3px;}
*+html .dirList span {padding:0px 3px;}
.dirList span a {
display:block;
float:left;
}
#N {
display:none;
}
.footer {
display:table;
width:100%;
font-size:small;
clear:both;
border-top:3px solid #007A8F;
background:#FFF;
padding-bottom:10px;
}
.footerIn {
border-top:2px solid #EEE;
}
.footer img {
margin-top:15px;
border-width:0px;
}
.footInfo {
display:table;
width:100%;
margin-bottom:20px;
}
.footInfoIn {
padding:10px;
}
.footInfoIn .fInfoBox div strong {
display:block;
padding:0px 0px 5px;
}
.footInfoIn p {
margin:5px 0px;
padding:0px 0px 5px;
line-height:130%;
}
.footInfoIn p .ico img {
float:left;
margin:3px 6px 3px 0px;
padding:0px;
}
.footInfoIn p a {
font-weight:bold;
}
.footInfo ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.footInfo .fInfoBox {
width:170px;
padding:0px 20px 0px 0px;
float:left;
}
.footer #cpy {
font-size:12px;
}
/* TOOL BOX
-------------------------------------------------- */
.toolbox-out {
font-family:'MS UI Gothic',sans-serif;
float:right;
margin:0px 0px 5px;
}
.toolbox-out .toolbox-in {
}
.toolbox-out div {}
.toolbox-out div a img {
border:none;
margin:0px 1px;
}
.toolbox-out div span {
float:left;
margin:0px 1px 0px 0px;
line-height:100%;
background:url(http://image.itmedia.co.jp/images0509/bm.gif) repeat-x #EEE;
border:1px solid #BBC;
}
.toolbox-out div span small {
display:block;
float:left;
height:18px;
padding:1px 3px 0px 3px;
font-size:12px;
border:1px solid #FFF;
white-space: nowrap;
}
.toolbox-out div span small a {
padding:0px 0px 1px 0px;
color:#555;
text-decoration:none;
}
.toolbox-out .toolbox-in div span small a:hover {
position:relative;
top:1px;
}
.toolbox-out .kwoutBtn {
float:none;
margin-top:0px;
background-image:none;
}
/* PR MARK
-------------------------------------------------- */
.pr-mark {
float:right;
width:20px;
margin-right:5px;
background:url(http://image.itmedia.co.jp/images0509/adtxt_bg2.gif) no-repeat right center;
text-indent:-9999px;
}
/* ARCHIVE TABLE
-------------------------------------------------- */
.archiveTable {
width:100%;
font-size:small;
line-height:135%;
border-collapse:collapse;
}
.archiveTable tr {
vertical-align:top;
}
.archiveTable th {
padding:2px 4px;
font-weight:normal;
text-align:left;
background:url(http://image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 0px 3px;
}
.archiveTable thead th {
font-weight:bold;
background:#FFF;
border-bottom:1px solid #999;
}
.archiveTable td {
padding:2px 4px;
}
.archiveTable .tdOn th {
background:#EEE url(http://image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 0px 3px;
}
.archiveTable .tdOn td {
background:#EEE;
}
.archiveTable tbody th {
padding-left:16px;
}
.andmore {
text-align:right;
font-size:small;
}
.andmore a {
font-weight:bold;
}
.archiveTable th.\0030CB\0030E5\0030FC\0030B9 {background-image:url(http://image.itmedia.co.jp/images0509/at_news.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\00901F\005831 {background-image:url(http://image.itmedia.co.jp/images0509/at_burst.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\0030EC\0030D3\0030E5\0030FC {background-image:url(http://image.itmedia.co.jp/images0509/at_review.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\0030B3\0030E9\0030E0 {background-image:url(http://image.itmedia.co.jp/images0509/at_column.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\009023\008F09 {background-image:url(http://image.itmedia.co.jp/images0509/at_rensai.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\0030A4\0030F3\0030BF\0030D3\0030E5\0030FC {background-image:url(http://image.itmedia.co.jp/images0509/at_interview.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\007279\0096C6 {background-image:url(http://image.itmedia.co.jp/images0509/at_special.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\0030C8\0030C3\0030D7\000031\000030 {background-image:url(http://image.itmedia.co.jp/images0509/at_top10.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\0030AD\0030FC\0030EF\0030FC\0030C9 {background-image:url(http://image.itmedia.co.jp/images0509/at_keyword.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\008ABF\0067FB\0030EA\0030DD\0030FC\0030C8 {background-image:url(http://image.itmedia.co.jp/images0509/at_report.gif);background-position:0px 5px;padding-left:52px;}
.archiveTable th.\000053\000070\000065\000063\000069\000061\00006C {background-image:url(http://image.itmedia.co.jp/images0509/at_fyi.gif);background-position:0px 5px;padding-left:52px;}
/* BACK LINK
-------------------------------------------------- */
.backLnk {
margin:5px 5px 15px;
}
.backLnk a {
padding:0px 0px 3px 17px;
background:url(http://image.itmedia.co.jp/promobile/images/arr_01_left.gif) no-repeat 0px 2px;
font-size:15px;
font-weight:bold;
}
.backLnk a:link,
.backLnk a:visited {
color:#098175;
}
.backLnk a:hover {
color:#A33;
}
/* TOP CONTENTS
-------------------------------------------------- */
#topBox1 .topArticle {
width:64%;
float:left;
}
#topBox1 .topArticle p strong {
margin:3px 0px;
display:block;
}
#topBox1 .topArticle p strong small {
margin:3px 0px;
}
#topBox1 .topArticle small {
line-height:140%;
}
#topBox1 .topArticle ul {
margin:7px 0px 0px;
}
#topBox1 .topArticle li {
line-height:150%;
}
#topBox1 .subArticle {
width:32%;
float:right;
border-left:1px #DDD solid;
padding-left:7px;
font-size:86%;
line-height:140%;
}
#topBox1 .subArticle p strong {
margin:3px 0px;
display:block;
}
#topBox1 .subArticle small {
font-size:small;
line-height:140%;
}
#topBox1 .indexing a.kwoutBtn {
float:none;
position:relative;
top:1px;
margin:0px 0px 0px 3px;
background:none;
}
#topBox1 .indexing a.kwoutBtn img {
border:none;
}
.box#topBox2,
.box#topBox3 {
padding:0px 0px 10px;
}
.indexing .topFeatBox {
float:left;
display:block;
margin:0px 5px;
}
* html .indexing .topFeatBox {margin:0px 4px;}
.indexing .topFeatBox.col2 {width:48%;}
.indexing .topFeatBox.col3 {width:31%;}
.indexing .topFeatBox.col4 {width:23%;}
.indexing .topFeatBox.col5 {width:18%;}
.indexing .topFeatBox .ico {
display:block;
text-align:center;
}
.indexing .topFeatBox.col1 .ico,
.indexing .topFeatBox.col2 .ico,
.indexing .topFeatBox.col3 .ico {
display:inline;
float:left;
text-align:left;
}
.indexing .topFeatBox p strong {
font-size:90%;
}
.indexing .topFeatBox .linkset li {
line-height:150%;
}
/* SUBTOP CONTENTS - SERIES -
-------------------------------------------------- */
.seriesBox {
width:46%;
margin:0px 0px 30px 5px;
line-height:120%;
}
.seriesBox.full {
width:auto;
margin:0px 0px 10px 5px;
}
.seriesBox.left {float:left;}
.seriesBox.right {float:right;}
.seriesBox .backNumBox strong {
display:none;
}
.seriesBox .backNumBox ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.seriesBox .backNumBox ul li {
padding:0px 0px 4px 16px;
background:url(http://image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 0px 2px;
font-size:84%;
}
/* SUBTOP CONTENTS - EVENT -
-------------------------------------------------- */
.eventInfo h1 {
margin:15px 0px;
}
.eventInfo h1 small,
.heading1 h1 big {
display:block;
}
.eventInfo h1 big {
font-size:78%;
line-height:130%;
color:#167;
}
.eventInfo h1 small {
font-size:50%;
line-height:140%;
color:#A73;
}
/* for CMS FORMAT */
.archiveTable td h3 {
padding:2px 4px 4px 8px;
border-left:4px solid #888;
border-bottom:1px solid #CCC;
clear:both;
}
.archiveTable td h3,
.archiveTable td h4,
.archiveTable td #noalign,
.archiveTable td li,
.archiveTable td p {
font-size:120%;
}
.archiveTable td ul li,
.archiveTable td ol li {
line-height:130%;
}
.archiveTable td div#noalign {clear:both;color:#445;}
.archiveTable td div#noalign small#cap-c {display:block;text-align:center;}
.archiveTable td table#tbl,
.archiveTable td table#tbl100c,
.archiveTable td table#tbl75c,
.archiveTable td table#tbl50c,
.archiveTable td table#tbl25c,
.archiveTable td table#tbl100l,
.archiveTable td table#tbl75l,
.archiveTable td table#tbl50l,
.archiveTable td table#tbl25l,
.archiveTable td table#tbl100r,
.archiveTable td table#tbl75r,
.archiveTable td table#tbl50r,
.archiveTable td table#tbl25r {
margin:5px 5px 15px 5px;
font-size:small;
border-collapse:collapse;
border-top:1px solid #889;
text-align:left;
}
.archiveTable td .sbv {
border:10px solid #452 ! important;
}
.archiveTable td table#tbl tr,
.archiveTable td table#tbl100c tr,
.archiveTable td table#tbl75c tr,
.archiveTable td table#tbl50c tr,
.archiveTable td table#tbl25c tr,
.archiveTable td table#tbl100l tr,
.archiveTable td table#tbl75l tr,
.archiveTable td table#tbl50l tr,
.archiveTable td table#tbl25l tr,
.archiveTable td table#tbl100r tr,
.archiveTable td table#tbl75r tr,
.archiveTable td table#tbl50r tr,
.archiveTable td table#tbl25r tr {
vertical-align:top;
}
.archiveTable td table#tbl caption,
.archiveTable td table#tbl100c caption,
.archiveTable td table#tbl75c caption,
.archiveTable td table#tbl50c caption,
.archiveTable td table#tbl25c caption,
.archiveTable td table#tbl100l caption,
.archiveTable td table#tbl75l caption,
.archiveTable td table#tbl50l caption,
.archiveTable td table#tbl25l caption,
.archiveTable td table#tbl100r caption,
.archiveTable td table#tbl75r caption,
.archiveTable td table#tbl50r caption,
.archiveTable td table#tbl25r caption {
padding:5px 0px;
font-weight:bold;
color:#445;
text-align:left;
}
.archiveTable td table#tbl100r caption,
.archiveTable td table#tbl75r caption,
.archiveTable td table#tbl50r caption,
.archiveTable td table#tbl25r caption {
margin:0px 10px;
}
.archiveTable td table#tbl thead tr th,
.archiveTable td table#tbl thead tr td,
.archiveTable td table#tbl100c thead tr th,
.archiveTable td table#tbl100c thead tr td,
.archiveTable td table#tbl75c thead tr th,
.archiveTable td table#tbl75c thead tr td,
.archiveTable td table#tbl50c thead tr th,
.archiveTable td table#tbl50c thead tr td,
.archiveTable td table#tbl25c thead tr th,
.archiveTable td table#tbl25c thead tr td,
.archiveTable td table#tbl100l thead tr th,
.archiveTable td table#tbl100l thead tr td,
.archiveTable td table#tbl75l thead tr th,
.archiveTable td table#tbl75l thead tr td,
.archiveTable td table#tbl50l thead tr th,
.archiveTable td table#tbl50l thead tr td,
.archiveTable td table#tbl25l thead tr th,
.archiveTable td table#tbl25l thead tr td,
.archiveTable td table#tbl100r thead tr th,
.archiveTable td table#tbl100r thead tr td,
.archiveTable td table#tbl75r thead tr th,
.archiveTable td table#tbl75r thead tr td,
.archiveTable td table#tbl50r thead tr th,
.archiveTable td table#tbl50r thead tr td,
.archiveTable td table#tbl25r thead tr th,
.archiveTable td table#tbl25r thead tr td {
padding:3px;
background-color:#4B8C92;
color:#FFF;
border-bottom:1px solid #889;
border-right:1px solid #889;
border-left:1px solid #889;
}
.archiveTable td .sbv#tbl thead tr th {
background-color:#8A3;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
}
.archiveTable td table#tbl tbody tr th,
.archiveTable td table#tbl100c tbody tr th,
.archiveTable td table#tbl75c tbody tr th,
.archiveTable td table#tbl50c tbody tr th,
.archiveTable td table#tbl25c tbody tr th,
.archiveTable td table#tbl100l tbody tr th,
.archiveTable td table#tbl75l tbody tr th,
.archiveTable td table#tbl50l tbody tr th,
.archiveTable td table#tbl25l tbody tr th,
.archiveTable td table#tbl100r tbody tr th,
.archiveTable td table#tbl75r tbody tr th,
.archiveTable td table#tbl50r tbody tr th,
.archiveTable td table#tbl25r tbody tr th {
padding:3px;
border-right:1px solid #889;
border-left:1px solid #889;
border-bottom:1px solid #889;
background-color:#EEE;
background-image:none;
}
.archiveTable td .sbv#tbl tbody tr td,
.archiveTable td .sbv#tbl tbody tr th {
border-color:#795;
}
.archiveTable td table#tbl tbody tr td,
.archiveTable td table#tbl100c tbody tr td,
.archiveTable td table#tbl75c tbody tr td,
.archiveTable td table#tbl50c tbody tr td,
.archiveTable td table#tbl25c tbody tr td,
.archiveTable td table#tbl100l tbody tr td,
.archiveTable td table#tbl75l tbody tr td,
.archiveTable td table#tbl50l tbody tr td,
.archiveTable td table#tbl25l tbody tr td,
.archiveTable td table#tbl100r tbody tr td,
.archiveTable td table#tbl75r tbody tr td,
.archiveTable td table#tbl50r tbody tr td,
.archiveTable td table#tbl25r tbody tr td {
padding:3px;
border-bottom:1px solid #889;
border-right:1px solid #889;
empty-cells:hide;
}
.archiveTable td table#tbl tfoot tr td,
.archiveTable td table#tbl100c tfoot tr td,
.archiveTable td table#tbl75c tfoot tr td,
.archiveTable td table#tbl50c tfoot tr td,
.archiveTable td table#tbl25c tfoot tr td,
.archiveTable td table#tbl100l tfoot tr td,
.archiveTable td table#tbl75l tfoot tr td,
.archiveTable td table#tbl50l tfoot tr td,
.archiveTable td table#tbl25l tfoot tr td,
.archiveTable td table#tbl100r tfoot tr td,
.archiveTable td table#tbl75r tfoot tr td,
.archiveTable td table#tbl50r tfoot tr td,
.archiveTable td table#tbl25r tfoot tr td {
padding:3px 0px;
color:#445;
line-height:130%;
}
.archiveTable td .sbv tfoot tr td {
color:#FFF ! important;
background-color:#452 ! important;
}
.archiveTable td .sbv tfoot tr td a {
color:#FC0;
}
.archiveTable td table#tbl100c {margin:0px auto 10px auto;width:100%;}
.archiveTable td table#tbl75c {margin:0px auto 10px auto;width:73%;}
.archiveTable td table#tbl50c {margin:0px auto 10px auto;width:48%;}
.archiveTable td table#tbl25c {margin:0px auto 10px auto;width:23%;}
.archiveTable td table#tbl100l {margin:0px 0px 10px 0px;width:100%;float:left;}
.archiveTable td table#tbl75l {margin:0px 8px 10px 0px;width:73%;float:left;}
.archiveTable td table#tbl50l {margin:0px 8px 10px 0px;width:48%;float:left;}
.archiveTable td table#tbl25l {margin:0px 8px 10px 0px;width:23%;float:left;}
.archiveTable td table#tbl100r {margin:0px 0px 10px 0px;width:100%;float:right;}
.archiveTable td table#tbl75r {margin:0px 0px 10px 8px;width:73%;float:right;}
.archiveTable td table#tbl50r {margin:0px 0px 10px 8px;width:48%;float:right;}
.archiveTable td table#tbl25r {margin:0px 0px 10px 8px;width:23%;float:right;}
.archiveSearchBox {
font-size:small;
}
/* for Article
-------------------------------------------------- */
.inArticle {
width:100%;
}
.inArticle h1 {
clear:both;
margin:0px;
padding:5px 0px 10px;
}
.inArticle h1 small,
.inArticle h1 big {
display:block;
}
.inArticle h1 big {
font-size:78%;
line-height:130%;
color:#167;
}
.inArticle h1 small {
font-size:46%;
line-height:160%;
color:#A73;
}
.inArticle h2 {
margin:0px 0px 5px 0px;
font-size:96%;
line-height:135%;
color:#58655F;
}
.inArticle #update {
float:right;
padding:0px 0px 0px 16px;
background:url(http://image.itmedia.co.jp/images0509/update.gif) no-repeat 0px 5px;
font-size:small;
}
.inArticle #byline {
clear:both;
float:right;
padding:0px 0px 0px 8px;
background:url(http://image.itmedia.co.jp/promobile/images/byline_parlen.gif) no-repeat 0px 3px;
}
.inArticle #byline b {
padding:0px 8px 0px 0px;
background:url(http://image.itmedia.co.jp/promobile/images/byline_parlen.gif) no-repeat right -33px;
}
.inArticle .cpy {
clear:both;
}
.inArticle .cpy p {
margin:0px;
}
.inArticle .body-rap {
clear:both;
padding:10px 0px 0px;
}
.inArticle h3 {
padding:2px 4px 4px 8px;
border-left:4px solid #888;
border-bottom:1px solid #CCC;
clear:both;
}
.inArticle hr {
visibility:visible;
text-align:center;
}
.inArticle p {
margin-top:0px;
line-height:150% ! important;
}
.inArticle p small {
line-height:135% ! important;
}
.inArticle p a:link,
.inArticle p a:visited {
text-decoration:underline;
}
.inArticle a:link img {border-color:#098175;}
.inArticle a:hover img {border-color:#A33;}
.inArticle a.imgLink img {
border:none!important;
}
.inArticle ul li,
.inArticle ol li {
line-height:130%;
}
.inArticle li a:link,
.inArticle li a:visited {
text-decoration:underline;
}
.inArticle .flp,
.inArticle .flpdl {margin:0px!important;line-height:125%!important;}
.inArticle .flpdl img {margin:4px 3px 8px 0px!important;}
.inArticle #mark {
display:block;
float:right;
padding:0px 0px 0px 40px;
width:172px;
height:48px;
z-index:3;
text-align:center;
clear:both;
}
.inArticle #wrIcon {
clear:both;
float:left;
margin:3px 10px 2px 6px;
}
* html .inArticle #wrIcon {margin:6px 5px 4px 3px;}
.inArticle .article-icon {
position:relative!important;
margin:0px!important;
clear:both;
}
.inArticle .article-icon span {
display:block;
position:absolute;
margin:21px 0px 0px 4px;
border:0px solid #FFF;
border-right:2px solid #EEE;
border-bottom:2px solid #EEE;
z-index:5;
}
.inArticle .article-icon.exMark span {margin:32px 0px 0px 4px;}
* html .inArticle .article-icon.exMark span {margin:35px 0px 0px 4px;}
.inArticle .article-icon span a {
margin:0px;
padding:0px;
width:88px;
position:relative;
display:table;
border:1px solid #CCC;
float:left;
}
.inArticle .article-icon span a:hover {
border:1px solid #CE5;
}
.inArticle .article-icon span a img {
margin:0px;
width:80px;
height:60px;
border:4px solid #FFF;
float:left;
}
/* ARTICLES - BACK NUMBER LIST -
-------------------------------------------------- */
.backnumlist {
padding:1px;
border:1px solid #977;
font-size:13px;
}
.backnumlist h4 {
margin:0px;
padding:4px!important;
font-size:13px;
color:#FFF!important;
background:#C80!important;
line-height:100%!important;
}
.backnumlist ol.TypeA {
margin:5px;
padding:0px;
}
.backnumlist ol.TypeA li {
margin-bottom:7px;
}
.backnumlist ol.TypeA a img {
border:1px solid #888!important;
}
.backnum {
margin:0px 0px 9px 9px;
width:240px;
font-size:13px;
float:right;
}
.backnum#center {
margin:0px auto 15px auto;
padding:0px;
width:550px;
float:none;
}
.backnum strong {
display:block;
padding:2px 0px;
font-family:arial;
color:#951;
}
.backnum dl,
.backnum dl dd {
margin:0px;
padding:0px;
}
.backnum dl dt {
padding:2px 4px;
color:#FFF;
background:#951;
font-weight:bold;
}
.backnum dl dd {
padding:2px 4px 2px 22px;
border:1px solid #951;
border-top:0px solid #951;
background:url(http://image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 7px 4px #FFF;
line-height:150%;
}
.backnum dl dd.bg-on {
padding:4px 4px 2px 22px;
background:url(http://image.itmedia.co.jp/images0509/arr_file2.gif) no-repeat 1px 0px #FDB;
}
.backnum dl dd a {
text-decoration:none!important;
}
/* ARTICLES - COL -
----------------------------------------------- */
.inArticle div#col100 {display:table;width:100px;margin:15px auto;clear:both;}
.inArticle div#col200 {display:table;width:200px;margin:15px auto;clear:both;}
.inArticle div#col300 {display:table;width:300px;margin:15px auto;clear:both;}
.inArticle div#col400 {display:table;width:400px;margin:15px auto;clear:both;}
.inArticle div#col410 {display:table;width:410px;margin:15px auto;clear:both;}
.inArticle div#col500 {display:table;width:500px;margin:15px auto;clear:both;}
.inArticle div#col600 {display:table;width:600px;margin:15px auto;clear:both;}
.inArticle div#col100l {width:100px;margin:4px 0px 15px 0px;float:left;}
.inArticle div#col200l {width:200px;margin:4px 0px 15px 0px;float:left;}
.inArticle div#col300l {width:300px;margin:4px 0px 15px 0px;float:left;}
.inArticle div#col400l {width:400px;margin:4px 0px 15px 0px;float:left;}
.inArticle div#col410l {width:410px;margin:4px 0px 15px 0px;float:left;}
.inArticle div#col500l {width:500px;margin:4px 0px 15px 0px;float:left;}
.inArticle div#col600l {width:600px;margin:4px 0px 15px 0px;float:left;}
.inArticle div#col100c {width:100px;margin:4px auto 15px auto;}
.inArticle div#col200c {width:200px;margin:4px auto 15px auto;}
.inArticle div#col300c {width:300px;margin:4px auto 15px auto;}
.inArticle div#col400c {width:400px;margin:4px auto 15px auto;}
.inArticle div#col410c {width:410px;margin:4px auto 15px auto;}
.inArticle div#col500c {width:500px;margin:4px auto 15px auto;}
.inArticle div#col600c {width:600px;margin:4px auto 15px auto;}
.inArticle div#col100r {width:100px;margin:4px 0px 15px 0px;float:right;}
.inArticle div#col200r {width:200px;margin:4px 0px 15px 0px;float:right;}
.inArticle div#col300r {width:300px;margin:4px 0px 15px 0px;float:right;}
.inArticle div#col400r {width:400px;margin:4px 0px 15px 0px;float:right;}
.inArticle div#col410r {width:410px;margin:4px 0px 15px 0px;float:right;}
.inArticle div#col500r {width:500px;margin:4px 0px 15px 0px;float:right;}
.inArticle div#col600r {width:600px;margin:4px 0px 15px 0px;float:right;}
.inArticle div#col100 img,
.inArticle div#col200 img,
.inArticle div#col300 img,
.inArticle div#col400 img,
.inArticle div#col410 img,
.inArticle div#col500 img,
.inArticle div#col600 img {
margin:0px 3px 2px 2px;
vertical-align:bottom;
float:left;
}
.inArticle div#col100l img,
.inArticle div#col200l img,
.inArticle div#col300l img,
.inArticle div#col400l img,
.inArticle div#col410l img,
.inArticle div#col500l img,
.inArticle div#col600l img {
margin:0px 5px 2px 0px;
vertical-align:bottom;
float:left;
}
.inArticle div#col100c img,
.inArticle div#col200c img,
.inArticle div#col300c img,
.inArticle div#col400c img,
.inArticle div#col410c img,
.inArticle div#col500c img,
.inArticle div#col600c img {
margin:4px 0px 2px 0px;
vertical-align:bottom;
}
.inArticle div#col100r img,
.inArticle div#col200r img,
.inArticle div#col300r img,
.inArticle div#col400r img,
.inArticle div#col410r img,
.inArticle div#col500r img,
.inArticle div#col600r img {
display:block;
margin:0px 2px 2px 2px;
vertical-align:bottom;
float:left;
}
.inArticle div#col100 small,
.inArticle div#col200 small,
.inArticle div#col300 small,
.inArticle div#col400 small,
.inArticle div#col410 small,
.inArticle div#col500 small,
.inArticle div#col600 small {
display:block;
padding:0px 0px 0px 4px;
color:#445;
clear:both;
}
.inArticle div#col100l small,
.inArticle div#col200l small,
.inArticle div#col300l small,
.inArticle div#col400l small,
.inArticle div#col410l small,
.inArticle div#col500l small,
.inArticle div#col600l small {
display:block;
padding:0px 10px 0px 2px;
color:#445;
clear:both;
}
.inArticle div#col100c small,
.inArticle div#col200c small,
.inArticle div#col300c small,
.inArticle div#col400c small,
.inArticle div#col410c small,
.inArticle div#col500c small,
.inArticle div#col600c small {
display:block;
padding:0px 0px 0px 4px;
color:#445;
clear:both;
}
.inArticle div#col100r small,
.inArticle div#col200r small,
.inArticle div#col300r small,
.inArticle div#col400r small,
.inArticle div#col410r small,
.inArticle div#col500r small,
.inArticle div#col600r small {
display:block;
padding:0px 10px 0px 4px;
color:#445;
clear:both;
}
.inArticle div small#cap-l {text-align:left;color:#445;}
.inArticle div small#cap-c {text-align:center;color:#445;}
.inArticle div small#cap-r {text-align:right;color:#445;}
.inArticle div#noalign {clear:both;color:#445;}
.inArticle div#noalign small#cap-c {display:block;text-align:center;}
/* ARTICLES - TABLE -
----------------------------------------------- */
.inArticle table#tbl,
.inArticle table#tbl100c,
.inArticle table#tbl75c,
.inArticle table#tbl50c,
.inArticle table#tbl25c,
.inArticle table#tbl100l,
.inArticle table#tbl75l,
.inArticle table#tbl50l,
.inArticle table#tbl25l,
.inArticle table#tbl100r,
.inArticle table#tbl75r,
.inArticle table#tbl50r,
.inArticle table#tbl25r {
margin:5px 5px 15px 5px;
font-size:small;
border-collapse:collapse;
border-top:1px solid #869B93;
text-align:left;
}
.inArticle .sbv {
border:10px solid #452 ! important;
}
.inArticle table#tbl tr,
.inArticle table#tbl100c tr,
.inArticle table#tbl75c tr,
.inArticle table#tbl50c tr,
.inArticle table#tbl25c tr,
.inArticle table#tbl100l tr,
.inArticle table#tbl75l tr,
.inArticle table#tbl50l tr,
.inArticle table#tbl25l tr,
.inArticle table#tbl100r tr,
.inArticle table#tbl75r tr,
.inArticle table#tbl50r tr,
.inArticle table#tbl25r tr {
vertical-align:top;
}
.inArticle table#tbl caption,
.inArticle table#tbl100c caption,
.inArticle table#tbl75c caption,
.inArticle table#tbl50c caption,
.inArticle table#tbl25c caption,
.inArticle table#tbl100l caption,
.inArticle table#tbl75l caption,
.inArticle table#tbl50l caption,
.inArticle table#tbl25l caption,
.inArticle table#tbl100r caption,
.inArticle table#tbl75r caption,
.inArticle table#tbl50r caption,
.inArticle table#tbl25r caption {
padding:5px 0px;
font-weight:bold;
color:#445;
text-align:left;
}
.inArticle table#tbl100r caption {
margin:0px;
}
.inArticle table#tbl75r caption,
.inArticle table#tbl50r caption,
.inArticle table#tbl25r caption {
margin:0px 10px;
}
.inArticle table#tbl thead tr th,
.inArticle table#tbl thead tr td,
.inArticle table#tbl100c thead tr th,
.inArticle table#tbl100c thead tr td,
.inArticle table#tbl75c thead tr th,
.inArticle table#tbl75c thead tr td,
.inArticle table#tbl50c thead tr th,
.inArticle table#tbl50c thead tr td,
.inArticle table#tbl25c thead tr th,
.inArticle table#tbl25c thead tr td,
.inArticle table#tbl100l thead tr th,
.inArticle table#tbl100l thead tr td,
.inArticle table#tbl75l thead tr th,
.inArticle table#tbl75l thead tr td,
.inArticle table#tbl50l thead tr th,
.inArticle table#tbl50l thead tr td,
.inArticle table#tbl25l thead tr th,
.inArticle table#tbl25l thead tr td,
.inArticle table#tbl100r thead tr th,
.inArticle table#tbl100r thead tr td,
.inArticle table#tbl75r thead tr th,
.inArticle table#tbl75r thead tr td,
.inArticle table#tbl50r thead tr th,
.inArticle table#tbl50r thead tr td,
.inArticle table#tbl25r thead tr th,
.inArticle table#tbl25r thead tr td {
padding:3px;
background-color:#4B8C92;
color:#FFF;
border-bottom:1px solid #869B93;
border-right:1px solid #869B93;
border-left:1px solid #869B93;
}
.inArticle .sbv#tbl thead tr th {
background-color:#8A3;
border-right:1px solid #FFF;
border-left:1px solid #FFF;
}
.inArticle table#tbl tbody tr th,
.inArticle table#tbl100c tbody tr th,
.inArticle table#tbl75c tbody tr th,
.inArticle table#tbl50c tbody tr th,
.inArticle table#tbl25c tbody tr th,
.inArticle table#tbl100l tbody tr th,
.inArticle table#tbl75l tbody tr th,
.inArticle table#tbl50l tbody tr th,
.inArticle table#tbl25l tbody tr th,
.inArticle table#tbl100r tbody tr th,
.inArticle table#tbl75r tbody tr th,
.inArticle table#tbl50r tbody tr th,
.inArticle table#tbl25r tbody tr th {
padding:3px;
border-right:1px solid #869B93;
border-left:1px solid #869B93;
border-bottom:1px solid #869B93;
background-color:#EEE;
}
.inArticle .sbv#tbl tbody tr td,
.inArticle .sbv#tbl tbody tr th {
border-color:#795;
}
.inArticle table#tbl tbody tr td,
.inArticle table#tbl100c tbody tr td,
.inArticle table#tbl75c tbody tr td,
.inArticle table#tbl50c tbody tr td,
.inArticle table#tbl25c tbody tr td,
.inArticle table#tbl100l tbody tr td,
.inArticle table#tbl75l tbody tr td,
.inArticle table#tbl50l tbody tr td,
.inArticle table#tbl25l tbody tr td,
.inArticle table#tbl100r tbody tr td,
.inArticle table#tbl75r tbody tr td,
.inArticle table#tbl50r tbody tr td,
.inArticle table#tbl25r tbody tr td {
padding:3px;
border-bottom:1px solid #869B93;
border-right:1px solid #869B93;
empty-cells:hide;
}
.inArticle table#tbl tfoot tr td,
.inArticle table#tbl100c tfoot tr td,
.inArticle table#tbl75c tfoot tr td,
.inArticle table#tbl50c tfoot tr td,
.inArticle table#tbl25c tfoot tr td,
.inArticle table#tbl100l tfoot tr td,
.inArticle table#tbl75l tfoot tr td,
.inArticle table#tbl50l tfoot tr td,
.inArticle table#tbl25l tfoot tr td,
.inArticle table#tbl100r tfoot tr td,
.inArticle table#tbl75r tfoot tr td,
.inArticle table#tbl50r tfoot tr td,
.inArticle table#tbl25r tfoot tr td {
padding:3px 0px;
color:#445;
line-height:130%;
}
.inArticle .sbv tfoot tr td {
color:#FFF ! important;
background-color:#452 ! important;
}
.inArticle .sbv tfoot tr td a {
color:#FC0;
}
.inArticle table#tbl100c {margin:0px auto 10px auto;width:100%;}
.inArticle table#tbl75c {margin:0px auto 10px auto;width:73%;}
.inArticle table#tbl50c {margin:0px auto 10px auto;width:48%;}
.inArticle table#tbl25c {margin:0px auto 10px auto;width:23%;}
.inArticle table#tbl100l {margin:0px 0px 10px 0px;width:100%;float:left;}
.inArticle table#tbl75l {margin:0px 10px 10px 0px;width:73%;float:left;}
.inArticle table#tbl50l {margin:0px 10px 10px 0px;width:48%;float:left;}
.inArticle table#tbl25l {margin:0px 10px 10px 0px;width:23%;float:left;}
.inArticle table#tbl100r {margin:0px 0px 10px 0px;width:100%;float:right;}
.inArticle table#tbl75r {margin:0px 0px 10px 10px;width:73%;float:right;}
.inArticle table#tbl50r {margin:0px 0px 10px 10px;width:48%;float:right;}
.inArticle table#tbl25r {margin:0px 0px 10px 10px;width:23%;float:right;}
.box table#tbl100r {margin:0px 0px 10px 0px;width:100%;float:right;}
.box table#tbl75r {margin:0px 0px 10px 10px;width:73%;float:right;}
.box table#tbl50r {margin:0px 0px 10px 10px;width:48%;float:right;}
.box table#tbl25r {margin:0px 0px 10px 10px;width:23%;float:right;}
.inArticle table#tbl-spec {
margin:5px 5px 15px 5px;
font-size:small;
color:#555;
text-align:left;
border-collapse:collapse;
}
.inArticle table#tbl-spec thead tr {
background-color:#CCC;
text-align:center;
}
.inArticle table#tbl-spec thead tr th,
.inArticle table#tbl-spec thead tr td {
padding:3px;
}
.inArticle table#tbl-spec tbody tr {
vertical-align:top;
}
.inArticle table#tbl-spec tbody tr#bgon {
background-color:#EEE;
}
.inArticle table#tbl-spec tbody tr th,
.inArticle table#tbl-spec tbody tr td {
padding:3px;
text-align:center;
border-bottom:1px solid #DDD;
}
.inArticle table#tbl th#txl,
.inArticle table#tbl td#txl,
.inArticle table#tbl-spec th#txl,
.inArticle table#tbl-spec td#txl {
text-align:left;
}
.inArticle table#tbl th#txr,
.inArticle table#tbl td#txr,
.inArticle table#tbl-spec th#txr,
.inArticle table#tbl-spec td#txr {
text-align:right;
}
.inArticle table#tbl th#txc,
.inArticle table#tbl td#txc,
.inArticle table#tbl-spec th#txc,
.inArticle table#tbl-spec td#txc {
text-align:center;
}
/* ARTICLES - BOX -
----------------------------------------------- */
.inArticle .box {
width:98%;
display:table;
margin:5px 0px;
padding:1px;
border:2px solid #888;
clear:both;
font-size:small;
}
.inArticle .box small {
font-size:small;
}
.inArticle .box#red {border-color:#BE2B2B;background-color:#F9F1F1;}
.inArticle .box#blue {border-color:#267095;background-color:#F1F4F6;}
.inArticle .box#orange {border-color:#DA6B2E;background-color:#FBF5F2;}
.inArticle .box#green {border-color:#649526;background-color:#F4F6F1;}
.inArticle .box#red img {border-color:#BE2B2B;background-color:#F9F1F1;border:2px solid #F9F1F1;}
.inArticle .box#blue img {border-color:#267095;background-color:#F1F4F6;border:2px solid #F1F4F6;}
.inArticle .box#orange img {border-color:#DA6B2E;background-color:#FBF5F2;border:2px solid #FBF5F2;}
.inArticle .box#green img {border-color:#649526;background-color:#F4F6F1;border:2px solid #F4F6F1;}
.inArticle .box h3 {
margin:0px;
padding:2px 8px;
font-size:small;
color:#FFF;
border-width:0px;
background-color:#555;
}
.inArticle .box h3 a {
color:#FEA;
}
.inArticle .box#blue h3 {background-color:#267095;}
.inArticle .box#red h3 {background-color:#BE2B2B;}
.inArticle .box#green h3 {background-color:#649526;}
.inArticle .box#orange h3 {background-color:#DA6B2E;}
.inArticle .box h4 {
margin:0px;
padding:2px 8px;
font-size:small;
border-width:0px;
}
.inArticle .box p {
margin:0px;
padding:5px;
line-height:125% ! important;
}
.inArticle .box small {
font-size:small;
}
.inArticle .box div#col100l,
.inArticle .box div#col200l,
.inArticle .box div#col300l,
.inArticle .box div#col400l,
.inArticle .box div#col500l,
.inArticle .box div#col600l {
margin:4px 0px 0px 3px;
}
.inArticle .box .shopbtn {
margin:3px;
float:left;
}
/* ARTICLES - NOTICE -
----------------------------------------------- */
.inArticle div#notice {
width:600px;
font-size:small;
font-weight:bold;
color:#F50;
background-color:#F50;
background:url(http://image.itmedia.co.jp/images0509/next.gif) no-repeat 0px 5px;
clear:both;
}
.inArticle div#notice a {
display:block;
padding:7px 10px 10px 72px;
color:#F50;
text-decoration:underline;
}
/* ARTICLES - CTRL -
----------------------------------------------- */
.inArticle .ctrl {
margin:30px auto;
font-size:12px;
clear:both;
text-align:center;
}
.inArticle .ctrl span#numb,
.inArticle .ctrl span#pgup {
color:#FFF;
}
.inArticle .ctrl span#numb a:link,
.inArticle .ctrl span#numb a:visited {
margin:0px;
padding:7px;
font-weight:bold;
border:1px solid #369;
text-decoration:none;
}
.inArticle .ctrl#calendar span#numb a:link,
.inArticle .ctrl#calendar span#numb a:visited {padding:7px 2px!important;}
.inArticle .ctrl span#numb a:hover {
background-color:#FC0;
border:1px solid #F50;
text-decoration:none;
}
.inArticle span#nostart .ctrl span#prev {
visibility:hidden;
}
.inArticle .ctrl span#prev {
padding:10px 8px 10px 18px;
background:url(http://image.itmedia.co.jp/images0509/ctrl.gif) no-repeat left center #036;
}
.inArticle .ctrl span#next {
padding:10px 18px 10px 8px;
background:url(http://image.itmedia.co.jp/images0509/ctrl.gif) no-repeat right center #036;
}
.inArticle .ctrl span#prev a:link,
.inArticle .ctrl span#prev a:visited,
.inArticle .ctrl span#next a:link,
.inArticle .ctrl span#next a:visited {
font-weight:bold;
color:#FFF;
text-decoration:none;
}
.inArticle .ctrl span#prev a:hover,
.inArticle .ctrl span#next a:hover {
color:#FD0;
text-decoration:none;
}
.inArticle .ctrl#start span#prev {
background:url(http://image.itmedia.co.jp/images/spacer.gif) no-repeat left center #FFF;
}
.inArticle .ctrl#end span#next {
background:url(http://image.itmedia.co.jp/images/spacer.gif) no-repeat right center #FFF;
}
.inArticle .ctrl span#numb strong {
margin:0px;
padding:7px;
font-weight:bold;
border:1px solid #ABD;
background-color:#369;
color:#FFF;
}
/* ARTICLES - ENDKWD & ENDLINK -
----------------------------------------------- */
.inArticle .endkwd .box h4 {
font-weight:normal;
color:#FFF;
visibility:hidden;
}
.inArticle .endkwd .box h4 a {
visibility:visible;
padding:3px 0px 3px 16px;
font-weight:bold;
background:url(http://image.itmedia.co.jp/images0509/arr_key2.gif) no-repeat 0px 3px;
word-break:keep-all;
}
.inArticle .endkwd .box br {
display:none;
}
.inArticle .endlink {
width:100%;
margin:25px 0px 5px 0px;
clear:both!important;
}
.inArticle .endlink h4 {
clear:both;
float:left;
width:85px;
margin:0px;
padding-left:18px;
background:url(http://image.itmedia.co.jp/images0509/tot_folder.gif) no-repeat 0px 3px;
font-size:84%;
}
.inArticle .endlink ul {
width:450px;
margin:3px 0px 5px 0px;
padding:2px 0px 0px 10px;
list-style-type:none;
float:left;
border-left:4px solid #EEE;
}
.inArticle .endlink ul li {
clear:both;
margin:0px 0px 10px 0px;
padding:0px 0px 1px 16px;
background:url(http://image.itmedia.co.jp/images/arr02b.gif) no-repeat 0px 2px;
font-size:84%;
line-height:120%;
color:#444;
}
.inArticle .endlink ul#lnk li {
background:url(http://image.itmedia.co.jp/images0509/tot_hl_bg.gif) no-repeat 0px 2px;
}
.inArticle .endlink ul li a:link,
.inArticle .endlink ul li a:visited {
font-weight:bold;
text-decoration:none;
}
.inArticle .endlink ul li a:link img,
.inArticle .endlink ul li a:visited img {
margin:2px 4px 4px 0px;
border:0px solid #FFF;
}
/* ARTICLE - BLOCKQUOTE -
---------------------------------------------------------------------------------------------------*/
.inArticle blockquote {
background:url(http://image.itmedia.co.jp/images0509/blockquote.gif) no-repeat 5px 5px #EEE;
padding:10px;
}
.inArticle blockquote p {
margin:0px 0px 5px;
padding:0px 0px 0px 25px;
}
/* ARTICLE - QUICKPOLL -
---------------------------------------------------------------------------------------------------*/
.inArticle .qpBox {
clear:both;
display:block;
width:520px;
height:1%;
margin:0px auto;
font-size:13px;
}
.inArticle .qpForm-RapOut {
margin:5px 0px 20px;
padding:1px;
background:#7076AA;
border:3px solid #D4D6E5;
}
.inArticle .qpForm-RapIn form {
margin:0px;
padding:0px;
background:#FFF;
}
* html .inArticle .qpForm-RapIn form {display:inline-block;}
*+html .inArticle .qpForm-RapIn form {display:inline-block;}
.qpForm-RapIn form input {
margin-bottom:5px;
vertical-align:middle;
}
.inArticle .qpForm-HeaderIn {
padding:5px 0px;
background:#7076AA;
}
.inArticle .qpForm-HeaderIn p {
margin:0px 5px;
color:#FFF;
}
.inArticle .qpForm-DiscOut {
padding:5px 0px;
background:url(http://image.itmedia.co.jp/images0509/hbg2.gif) repeat-x left bottom;
}
.inArticle .qpForm-DiscIn p {
margin:5px;
padding:0px 0px 0px 26px;
background:url(http://image.itmedia.co.jp/images0509/h3bg3b.gif) no-repeat 0px 2px;
}
.inArticle .qpForm-BodyOut {
padding:10px 0px;
}
.inArticle .qpForm-BodyIn p {
margin:0px 10px;
}
.inArticle .qpForm-BodyIn p strong {
display:block;
margin:5px 3px;
color:#555;
}
.inArticle .qpForm-BodyIn p.dataInfo {
margin:5px 0px 0px;
padding:10px 10px 0px;
background:url(http://image.itmedia.co.jp/images0509/hbg2.gif) repeat-x left top;
font-size:11px;
}
.inArticle .qpForm-BodyIn p.sending {
margin:1px 15px;
}
.inArticle .qpForm-BodyIn p.sending span {
display:block;
padding:2px;
background:url(http://image.itmedia.co.jp/images0509/rc_session_bar.gif) repeat-x left top;
border:1px solid #776;
font-family:arial;
font-size:10px;
line-height:100%!important;
}
.inArticle .qpForm-BodyIn p.sending.phase6,
.inArticle .qpForm-BodyIn p.sending.phase0 {
background-image:none;
border:1px solid #FFF;
}
.inArticle .qpForm-BodyIn p.sending span.phase1 {width:8%;}
.inArticle .qpForm-BodyIn p.sending span.phase2 {width:15%;}
.inArticle .qpForm-BodyIn p.sending span.phase3 {width:40%;}
.inArticle .qpForm-BodyIn p.sending span.phase4 {width:70%;}
.inArticle .qpForm-BodyIn p.sending span.phase5 {width:auto;}
.inArticle .qpForm-FooterIn {
display:block;
height:1%;
background:url(http://image.itmedia.co.jp/images0509/hbg2.gif) repeat-x left top;
}
.inArticle .qpForm-FooterIn p {
margin:0px;
padding:10px;
font-size:11px;
}
.inArticle .qpForm-FooterIn button {
display:block;
margin:0px auto;
padding:0px;
width:71px;
height:20px;
background:url(http://image.itmedia.co.jp/images0509/bt_entry.gif) no-repeat left top;
border:none;
text-indent:-9999px;
cursor:pointer;
}
/* ARTICLE - BALLOON -
---------------------------------------------------------------------------------------------------*/
.inArticle .trBoxC .trBoxWidth {margin:auto;}
.inArticle .trBoxL .trBoxWidth {float:left;}
.inArticle .trBoxR .trBoxWidth {float:right;}
.inArticle .balAlign, .inArticle .balAlignL, .inArticle .balAlignR, .inArticle .balAlignCL, .inArticle .balAlignCR,
.inArticle .balAlignCC {margin:0px 15px 15px 15px;background:url(http://image.itmedia.co.jp/images0509/blh1.gif) left top repeat-x #dcecfe;}
.inArticle .balAlignCC {margin:0px 15px 0px 15px;}
.inArticle .balBox1 {background:url(http://image.itmedia.co.jp/images0509/blh2.gif) left bottom repeat-x;width:100%;font-size:86%;}
.inArticle .balBox2 {background:url(http://image.itmedia.co.jp/images0509/blv1.gif) left top repeat-y;}
.inArticle .balBox3 {background:url(http://image.itmedia.co.jp/images0509/blv2.gif) right top repeat-y;}
.inArticle .balBox4 {background:url(http://image.itmedia.co.jp/images0509/blr1.gif) left top no-repeat;}
.inArticle .balBox5 {background:url(http://image.itmedia.co.jp/images0509/blr2.gif) right top no-repeat;}
.inArticle .balBox6 {background:url(http://image.itmedia.co.jp/images0509/blr3.gif) left bottom no-repeat;}
.inArticle .balBox7 {background:url(http://image.itmedia.co.jp/images0509/blr4.gif) right bottom no-repeat;}
.inArticle .balBox8 {background:url(http://image.itmedia.co.jp/images0509/blic.gif) center bottom no-repeat;padding:12px 16px 16px 16px;}
.inArticle .balAlignL .balBox8 {background:url(http://image.itmedia.co.jp/images0509/blil.gif) left top no-repeat;}
.inArticle .balAlignR .balBox8 {background:url(http://image.itmedia.co.jp/images0509/blir.gif) right top no-repeat;}
.inArticle .balAlignCL .balBox8 {background:url(http://image.itmedia.co.jp/images0509/blic.gif) left bottom no-repeat;}
.inArticle .balAlignCR .balBox8 {background:url(http://image.itmedia.co.jp/images0509/blic.gif) right bottom no-repeat;}
.inArticle .balAlignCC .balBox8 {background:url(http://image.itmedia.co.jp/images0509/blic.gif) center bottom no-repeat;}
.inArticle .balAlign .balBox8 {background:url(http://image.itmedia.co.jp/images0509/blh2.gif) center bottom no-repeat;}
/* ARTICLE EXTENSION
----------------------------------------------- */
.inArticle .gfk {
width:400px;
padding:5px;background-color:#AAA;
}
.inArticle .gfk table {
width:400px;
font-size:12px;
font-family:Arial,Helvetica,sans-serif;
line-height:130%;
margin:0px;
padding:0px;
background-color:white;
}
.inArticle .gfk table thead th {
padding:3px;
width:24%;
color:white;
text-align:center;
background-color:#565656;
}
.inArticle .gfk table thead td {
visibility:hidden;
}
.inArticle .gfk table th {
padding:3px 2px;
text-align:right;
background-color:#CCC;
}
.inArticle .gfk table td {
padding:3px 0px;
border-top:1px dotted #CCC;
}
.inArticle .gfk table td b {
margin:2px 3px;
padding:2px 2px 0px 2px;
width:18px;color:white;
display:block;
border:1px solid #999;
text-align:center;
font-family:Arial,Helvetica,sans-serif;
font-weight:normal;
}
.inArticle .gfk b#a01 {
background-color:#F60;
padding:2px 3px;
}
.inArticle .gfk b#a02 {
background-color:#777;
padding:2px 3px;
}
.inArticle .gfk b#a03 {
background-color:#06A;
padding:2px 3px;
}
.inArticle .gfk b#a04 {
background-color:#F32;
}
.inArticle .gfk b#a04 img {
margin:6px 0px 7px 0px;
}
.inArticle .gfk p {
margin:0px;
padding:5px 0px;
font-size:10px;
line-height:130%;
font-family:Verdana,Helvetica,sans-serif;
}
.inArticle td span#news,
.inArticle td span#pcup,
.inArticle td span#ls {
display:none;
}
.inArticle .goodsbtn a img {border:0px solid #FFF ! important;}
/* enq-form */
.enq-form {
padding:5px 5px 5px 5px;
background:#EEE;
border:1px solid #CCC;
}
.inArticle .enq-form form {
width:100%;
margin:0px;
padding:0px;
}
.inArticle .enq-form form fieldset {
margin:0px;
padding:10px;
border:1px solid #CCC;
}
.inArticle .enq-form form fieldset legend {
margin:0px 0px 5px 0px;
font-weight:bold;
color:#555;
}
.inArticle .enq-form form fieldset select {vertical-align:middle;}
.inArticle .enq-form form fieldset .box-txt {width:99%;}
.inArticle .enq-form form fieldset .btn-submit {width:99%;text-align:right;}
.inArticle .enq-form form fieldset .btn-submit .btn-ok {font-weight:bold;}
/* enq - TT REPORT ENQ - */
.enq {
height:1%;
margin:30px 0px;
padding:0px 0px 20px 0px;
border:2px solid #DDD;
}
.enq p {
display:block;
margin:0px;
padding:0px;
height:30px;
background:#333 url(http://image.itmedia.co.jp/promobile/images/tt_enq_title01.gif) no-repeat 0px 0px;
text-indent:-9999px;
}
.enq .inform {
padding:0px 20px;
font-size:small;
line-height:140%;
}
.enq .inform p {
display:inline;
background:none;
text-indent:0px;
}
.enq .inform h5 {
clear:both;
margin:20px 0px 10px;
padding:5px 7px;
background:#EED;
border:1px solid #EEE;
font-size:12px;
color:#333;
}
.enq .inform h5 span {
font-size:130%;
}
.enq .inform .l30,
.enq .inform .l50,
.enq .inform .l100 {
display:inline;
margin-bottom:5px;
}
.enq .inform .l100 p br {
display:block;
}
.enq .inform input {
display:inline;
}
.enq .inform .index {
margin:10px 0px;
background-color:#EEE !important;
border:1px solid #DDD;
}
.enq .inform .index ul {
padding:10px 5px !important;
list-style-type:square;
}
.enq .inform .index ul li {
margin:0px 0px 5px 0px;
font-size:12px !important;
font-weight:normal;
line-height:150%;
}
.enq .inform .l50 {
margin:20px 0px;
float:left;
width:49%;
}
.enq .inform .r50 {
margin:20px 0px;
float:right;
width:49%;
}
.enq .inform .r50 div#member {
width:200px;
height:24px;
margin:0px auto;
padding:0px;
background:url(http://image.itmedia.co.jp/promobile/images/tt_enq_bt7.gif) no-repeat center ;
border-width:0px;
text-indent:-9999px;
cursor:pointer;
}
.enq .inform .r50 div#member a {
width:200px;
height:24px;
display:block;
}
.enq .inform .l50 input#expertcon,
.enq .inform .l50 input#reportcon {
display:block;
width:200px;
height:24px;
margin:0px auto;
padding:0px;
background:url(http://image.itmedia.co.jp/promobile/images/tt_enq_bt1.gif) no-repeat 0px 0px;
border-width:0px;
text-indent:-9999px;
cursor:pointer;
}
.enq .index#info {
margin:10px 0px 0px 10px;
border:1px solid #FFF;
background-color:#FFF !important;
}
.enq iframe {
display:none;
}
.inArticle .w-rank {
margin:10px auto;
width:590px;
font-size:12px;
font-family:verdana,helvetica,sans-serif;
background:#995;
}
.inArticle .w-rank div h3 {
margin:0px;
padding:5px 10px 5px 29px;
color:#FFF;
float:left;
font-size:16px;
background:url(http://image.itmedia.co.jp/mobile/images/w-rank.gif) no-repeat 4px 7px;
line-height:100%;
border:0px solid #FFF;
}
.inArticle .w-rank div h3 strong {
font-size:12px;
display:block;
color:#e1e1cc;
}
.inArticle .w-rank div p {
margin:0px;
padding:2px 4px;
color:#FFF;
float:right;
}
.inArticle .w-rank div ol {
margin:0px;
padding:1px;
list-style-type:none;
clear:both;
background:url(http://image.itmedia.co.jp/mobile/images/w-rank-bg.gif) no-repeat 2px 3px;
}
.inArticle .w-rank div ol li {
line-height:140%;
margin:1px 0px 0px 0px;
padding:0px 0px 0px 24px;
border:1px solid #FFF;
}
.inArticle .w-rank div ol li a {
text-decoration:none!important;
padding:3px 4px;
height:32px;
display:block;
background:#FFF;
overflow:hidden;
}
/* ARTICLES - CREDIT -
----------------------------------------------- */
.credit-rap {
clear:both;
margin:0px 0px 5px;
}
.credit {
margin:5px 0px;
padding:8px 10px;
font-size:12px;
color:#777;
border:1px solid #888;
background-color:#FFF;
}
.articles p {line-height:140%;}
.articles p font {line-height:140%;}
.articles p a:link,
.articles p a:visited {
text-decoration:underline;
}
/* SUBCOL CONTENTS
-------------------------------------------------- */
/* accessRank */
.subCol .accessRank {
padding:0px;
}
.subCol .accessRank ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.subCol .accessRank ul li {
border-top:1px solid #DDE;
background:url(http://image.itmedia.co.jp/images0509/tot_acrank0.gif) no-repeat left top #FFF;
font-size:12px;
line-height:130%;
}
.subCol .accessRank ul li.rank1,
.subCol .accessRank ul li.rank2,
.subCol .accessRank ul li.rank3 {
background:url(http://image.itmedia.co.jp/images0509/tot_acrank1.gif) no-repeat left top #FFF;
}
.subCol .accessRank ul li a {
display:block;
min-height:36px;
padding:4px 4px 0px 0px;
}
* html .subCol .accessRank ul li a {
height:36px;
}
.subCol .accessRank ul li span {
display:block;
float:left;
width:34px;
padding:12px 0px;
font-weight:bold;
color:#FFF;
text-align:center;
}
/* oneYearAgo */
.subCol .oneYearAgo {
padding:0px;
}
.subCol .oneYearAgo .indexing div {
text-align:center;
border-bottom:1px #DDD solid;
}
.subCol .oneYearAgo .indexing div strong {
font-size:84%;
color:#666;
}
.subCol .oneYearAgo p {
margin:5px 0px;
padding:5px 0px;
font-size:84%;
line-height:140%;
}
.subCol .oneYearAgo p strong {
display:block;
margin:0px 0px 3px;
}
.subCol .oneYearAgo p small {
font-size:small;
line-height:120%;
}
/* signedUpData */
#signedUpDataObj table {
width:100%;
margin:3px 0px;
border-collapse:collapse;
border:1px solid #869B93;
text-align:left;
line-height:120%;
}
#signedUpDataObj table th {
padding:1px 4px;
background:#EEE;
border:1px solid #869B93;
font-size:small;
text-align:left;
}
#signedUpDataObj table thead th {
background:#4B8C92;
color:#FFF;
}
#signedUpDataObj table thead th a:link,
#signedUpDataObj table thead th a:visited {
color:#EFE;
}
#signedUpDataObj table thead th a:hover {
text-decoration:underline;
}
#signedUpDataObj table td {
padding:1px 4px;
border:1px solid #869B93;
font-size:small;
}
#signedUpDataObj .signedUpData {
padding:0px;
}
#signedUpDataObj dl {
float:left;
width:100%;
margin:0px;
padding:0px;
font-size:small;
}
#signedUpDataObj dl dt {
clear:both;
padding:1px 4px;
background:#4B8C92;
font-weight:bold;
color:#FFF;
}
#signedUpDataObj dl dt a:link,
#signedUpDataObj dl dt a:visited {
color:#EFE;
}
#signedUpDataObj dl dt a:hover {
text-decoration:underline;
}
#signedUpDataObj dl dd {
float:left;
width:16%;
margin:0px;
padding:0px;
}
#signedUpDataObj dl dd a {
display:block;
width:100%;
padding:2px 0px;
text-align:center;
}
#signedUpDataObj dl dd a:hover {background:#FFC;}
/* SUBCOL CONTENTS - TTWP -
-------------------------------------------------- */
.subCol .wp-pickup {
display:table;
background-color:#FFF;
margin-bottom:5px;
}
.subCol .wp-pickup ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.subCol .wp-pickup ul li {
padding:3px 0px 5px 18px;
background:url(http://image.itmedia.co.jp/images0509/arr_wpkw.gif) no-repeat 0px 4px;
font-size:12px;
line-height:130%;
}
.subCol .wp-pickup ul li span {
display:none;
}
.subCol .wp-pickup .ttlogo {
text-align:right;
}
.subCol .wp-pickup a img {
width:80px;
border:none;
}
/* INFORMATION BOX
-------------------------------------------------- */
.infoBox {
width:202px;
margin:0px 0px 10px 10px;
line-height:120%;
float:right;
border:3px solid #DAF1E9;
}
.infoBox div {
padding:4px 10px;
border:1px solid #2A7D8D;
}
.infoBox strong {
font-family:arial;
}
.infoBox .linkset {
width:180px;
}
/* KWOUT
-------------------------------------------------- */
.kwoutBtn {
background:url(http://image.itmedia.co.jp/images0509/bt_kwout.gif) no-repeat right center;
float:right;
font-size:12px;
margin-top:3px;
}
.hkBox div div.kwoutBtn {
background:url(http://image.itmedia.co.jp/images0509/bt_kwout.gif) no-repeat right center;
border:none;
padding:0px;
}
.kwoutBtn a {
display:block;
margin:0px 0px 0px 90px;
text-indent:-9999px;
width:15px;
}
.kwoutBtn a:hover {
margin:0px 0px 0px 25px;
text-indent:0px;
width:80px;
}
.kwoutBox {
float:right;
width:130px;
}
/* AD ------------------------------------------------ */
.adc {
font-size:13px!important;
width:150px!important;
padding:10px!important;
float:left!important;
background:red!important;
color:#FFF!important;
text-align:center!important;
}
.ITN {
float:right;
width:728px;
}
.ITN {
margin:0px 0px 10px 0px;
width:728px;
float:right;
}
.ITR {
width:300px;
padding:0px 0px 10px 0px;
}
.ITSB {
margin:0px;
text-align:center;
}
.ITSB table {
margin:-10px auto 10px auto;
}
.ITSB table table {
margin:0px;
}
.ITT {
margin:0px 10px 5px;
line-height:100%;
}
.ITTP {
margin:0px 10px 20px;
border:2px #73BE1E solid;
font-size:small;
line-height:150%;
text-align:center;
}
.ITTP div {
padding:5px;
background:#FFF url(http://image.itmedia.co.jp/promobile/images/pr_01.gif) no-repeat right 0px;
text-align:left;
}
.ITTP p {
margin:5px;
padding:0px;
}
.ITTP a {font-size:120%;}
.ITTP a img {
border:none;
}
.ITTP p a img {
float:left;
margin:0px 8px 0px 0px;
}
/* fyi ------------------------------------------------- */
.ccsp {
margin:0px 10px 20px;
background:#FFF;
border:2px #EEE solid ;
}
.cc-fyi {
display:block;
background:#FFF url(http://image.itmedia.co.jp/enterprise/images/spbox2.gif) repeat-x left top;
border-color:#AAA;
border-style:solid;
border-width:1px;
font-size:12px;
padding:0px 3px;
}
.cc-fyi div {
margin:0px;
background:url(http://image.itmedia.co.jp/enterprise/images/spbox3.gif) no-repeat right top;
width:100%;
border-width:0px;
}
.cc-fyi div div {
margin:0px;
background:url(http://image.itmedia.co.jp/enterprise/images/spbox1.gif) no-repeat left top;
border-width:0px;
}
.cc-fyi div div strong {
visibility:hidden;
}
.cc-fyi p {
clear:both;
margin:5px 0px 8px 5px !important;
line-height:170%;
}
.cc-fyi p strong {
display:inline !important;
font-size:15px;
visibility:visible !important;
}
.cc-fyi p a {
text-decoration:none !important;
}
.cc-fyi p.cc-fyi-btm strong {
background:transparent url(http://image.itmedia.co.jp/executive/images/arrow_02.gif) no-repeat scroll left top;
font-size:12px;
padding:0px 0px 0px 15px;
}
.cc-fyi p img {
float:left;
margin:1px 6px 0px 0px !important;
border-width:0px;
}
/* event form */
/* table */
.mobEventPost table.tbl {
width:610px;
margin:0px auto 10px auto;
font-size:small;
color:#444;
}
.mobEventPost table.tbl td p {
font-size:100%;
}
.mobEventPost table.tbl th {
padding:12px 10px 13px 12px;
background:#EEE;
text-align:left;
font-weight:normal;
color:#555;
}
.mobEventPost table.tbl tbody td {
padding:12px 5px 13px 8px;
border:1px #E4E4E4 solid;
}
.mobEventPost .sup {
font-family:'MS UI Gothic';
font-size:small;
line-height:120%;
}
.mobEventPost .sup span {
color:#E30;
}
/* form */
.mobEventPost form {
margin:0px;
padding:0px;
}
.mobEventPost .input,
.mobEventPost .textarea {
border:1px #68A296 solid;
}
.mobEventPost .submitBtn {
width:75px;
height:19px;
margin:0px 0px 5px 0px;
padding:0px;
background:url(http://image.itmedia.co.jp/promobile/images/bg_bt_input_repeat.gif) repeat-x 0px 0px;
line-height:100%;
overflow:hidden;
}
.mobEventPost .submitBtn div {
background:url(http://image.itmedia.co.jp/promobile/images/bg_bt_input_right.gif) no-repeat right 0px;
}
.mobEventPost .submitBtn div button {
display:block;
width:75px;
height:19px;
margin:0px;
padding:0px;
background:url(http://image.itmedia.co.jp/promobile/images/bg_bt_input_left.gif) no-repeat 0px 0px;
border:none;
color:#0E7467;
}
/* button for event page */
.mobEventPostBtn {
float:right;
width:280px;
height:46px;
background:url(http://image.itmedia.co.jp/promobile/images/bg_bt_mobevent_post.jpg) no-repeat 0px 0px;
overflow:hidden;
}
* html .mobEventPostBtn {margin:3px 0px 0px;}
*+html .mobEventPostBtn {margin:3px 0px 0px;}
.mobEventPostBtn a {
display:block;
width:280px;
height:46px;
text-indent:-9999px;
}
/* RIGHT-COLUMN - COLOR PATTERN -
----------------------------------------------- */
.subCol .cbox {width:100%;margin-bottom:5px;padding:0px 0px 1px 0px;font-size:12px;line-height:130%;}
.subCol .cbox#red {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_r.gif) repeat-x #CA939C;}
.subCol .cbox#orange {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_o.gif) repeat-x #EEA337;}
.subCol .cbox#blue {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_b.gif) repeat-x #6F92D7;}
.subCol .cbox#green {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_gr.gif) repeat-x #AC8;}
.subCol .cbox#purple {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_p.gif) repeat-x #A68ED3;}
.subCol .cbox#yellow {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_y.gif) repeat-x #DC5;}
.subCol .cbox#gold {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_g.gif) repeat-x #BBBB85;}
.subCol .cbox#brown {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_g.gif) repeat-x #BDA996;}
.subCol .cbox#gray {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_g.gif) repeat-x #AAA;}
.subCol .cbox p {width:288px;margin:0px 2px 1px 2px;padding:4px;background-color:#FFF;clear:both;}
.subCol .cbox h2 {
margin:0px!important;
padding:2px 4px 0px 4px!important;
color:#FFF!important;
height:18px!important;
background-repeat:no-repeat!important;
border-width:0px!important;
}
.subCol .cbox div {margin-top:2px ! important;}
.subCol .cbox div#white-cell {margin:2px 2px 1px 2px ! important;padding:5px;background-color:#FFF;clear:both;}
.subCol .cbox form {margin:0px 2px 1px 2px;padding:4px;background-color:#FFF;clear:both;}
.subCol .cbox a img {margin:2px 4px 0px 0px;float:left;border-width:0px ! important;}
.subCol .cbox ul {margin:0px 2px 1px 2px;padding:4px 4px 0px 4px;background-color:#FFF;}
.subCol .cbox form input {margin-bottom:4px;vertical-align:middle;}
.subCol .cbox#red h2#lart {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_article_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#lart {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_article_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#lart {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_article_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#lart {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_article_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#lart {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_article_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#backnum {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_backnum_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#backnum {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_backnum_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#backnum {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_backnum_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#backnum {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_backnum_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#backnum {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_backnum_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#enq {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_enq_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#enq {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_enq_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#enq {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_enq_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#enq {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_enq_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#enq {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_enq_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#price {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_price_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#price {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_price_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#price {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_price_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#price {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_price_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#price {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_price_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#feat {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_feat_r.gif);text-indent:-9999px;}
.subCol .subCol .cbox#orange h2#feat {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_feat_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#feat {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_feat_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#feat {background:url(http://image.itmedia.co.jp/images0509/adbox_rc_feat_g.gif) no-repeat;text-indent:-9999px;}
.subCol .cbox#purple h2#feat {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_feat_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#info {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_info_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#info {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_info_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#info {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_info_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#info {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_info_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#info {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_info_p.gif);text-indent:-9999px;}
.subCol .cbox#green h2#info {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_info_gr.gif);text-indent:-9999px;}
.subCol .cbox#red h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#camp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_camp_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#llnk {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_link_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#llnk {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_link_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#llnk {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_link_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#llnk {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_link_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#llnk {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_link_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#topics {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_topics_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#topics {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_topics_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#topics {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_topics_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#topics {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_topics_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#topics {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_topics_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#index {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_index_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#index {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_index_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#index {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_index_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#index {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_index_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#index {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_index_p.gif);text-indent:-9999px;}
.subCol .cbox#red h2#wp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_wp_r.gif);text-indent:-9999px;}
.subCol .cbox#orange h2#wp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_wp_o.gif);text-indent:-9999px;}
.subCol .cbox#blue h2#wp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_wp_b.gif);text-indent:-9999px;}
.subCol .cbox#gold h2#wp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_wp_g.gif);text-indent:-9999px;}
.subCol .cbox#purple h2#wp {background-image:url(http://image.itmedia.co.jp/images0509/adbox_rc_wp_p.gif);text-indent:-9999px;}
.subCol .cbox h2#gamesicon {background-image:url(http://image.itmedia.co.jp/images0509/rc_gamesicon.gif);text-indent:-9999px;padding:0px;height:20px;}
.subCol .cbox h2#backnumber {background-image:url(http://image.itmedia.co.jp/images0509/rc_backnumber.gif);text-indent:-9999px;padding:0px;height:20px;}
.subCol .cbox h2#price {text-indent:-9999px;background:url(http://image.itmedia.co.jp/images0509/rc_price.gif) no-repeat left top;}
.subCol .cbox h2#choice {text-indent:-9999px;background:url(http://image.itmedia.co.jp/images0509/rc_choice.gif) no-repeat left top;height:20px;}
.subCol .cbox h2#shopping {text-indent:-9999px;background:url(http://image.itmedia.co.jp/images0509/rc_store.gif) no-repeat left top;height:20px;}
.subCol .cbox h2#index {text-indent:-9999px;background:url(http://image.itmedia.co.jp/images0509/rc_index.gif) no-repeat left top;height:20px;}
/* For LAYOUT ONE COLUMN
-------------------------------------------------- */
.layout-one-column {}
.layout-one-column .contents {
background:#FFF;
}
.layout-one-column .mainNav .mainNavOut {
background:#FFF;
}
.layout-one-column .mainColRapOut {
margin-right:0;
}
.layout-one-column .mainColRapIn {
margin-right:0;
}
.layout-one-column .mainCol {
margin:0 10px;
}
/* BOX
---------------------------------------------------------------------------------------------------*/
.inArticle .cmsBox {
border:2px solid #666;
margin-bottom:20px;
}
.inArticle .cmsBox h3 {
color:#FFF;
font-size:13px;
line-height:18px;
margin:0 0 5px;
padding:3px;
background:none;
border:none;
}
.inArticle .cmsBox h3 {
background-color:#666;
}
.inArticle .cmsBox h3 a {
color:#FFF;
}
.inArticle .cmsBox h4 {
color:#A73;
font-size:13px;
line-height:18px;
margin:0 0 5px;
padding:0;
background:none;
}
.inArticle .cmsBox p {
font-size:13px;
line-height:18px;
margin:0 0 5px;
padding:5px;
}
/*--------------------------------------*/
.inArticle .cmsBoxRed {border-color:#BE2B2B;background:#F9F1F1;}
.inArticle .cmsBoxGreen {border-color:#649526;background:#F4F6F1;}
.inArticle .cmsBoxBlue {border-color:#267095;background:#F1F4F6;}
.inArticle .cmsBoxOrange {border-color:#DA6B2E;background:#FBF5F2;}
/*--------------------------------------*/
.inArticle .cmsBoxRed h3 {background-color:#C00;}
.inArticle .cmsBoxGreen h3 {background-color:#090;}
.inArticle .cmsBoxBlue h3 {background-color:#039;}
.inArticle .cmsBoxOrange h3 {background-color:#C60;}