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

* {
font-size:12px;
line-height:150%;
}
a:link {
color:#26A;
text-decoration:none;
}
a:visited {
text-decoration:none;
color:#A26;
}
a:hover {
text-decoration:underline;
}
img {
border-width:0px;
}
body {
margin:0px;
padding:0px;
color:#555;
font-family:'MS UI Gothic',"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif;
background:#EEE url("http://image.itmedia.co.jp/makoto/images/body_bg2.gif") repeat-y center top;
}
.outBody {
}
.inBody {
width:990px;
margin:0 auto;
}
#rap-out {
background:#EDEEF4 url("http://image.itmedia.co.jp/images0509/tot_body_bg.gif") repeat-x left bottom;
}
#rap-out #rap-in {
margin:0px auto;
}
#header {
display:table;
width:100%;
padding:0px 0px 5px 0px;
background:url("http://image.itmedia.co.jp/images0509/tot_itmlogo_w200_bg.gif") repeat-x left bottom #FFF;
}
#header-in {
display:table;
margin:0px 10px;
width:950px;
background:url("http://image.itmedia.co.jp/images0509/tot_itmlogo_w200.gif") no-repeat left center;
}
#header #logo {
width:200px;
padding:0px 5px 0px 0px;
float:left;
}
#header #logo h1 {
margin:0px;
}
#header #logo h1 a {
display:block;
width:100%;
height:90px;
text-indent:-9999px;
overflow:hidden;
}
#toolbar {
width:100%;
display:table;
margin:0px;
padding:1px 0px;
background:url("http://image.itmedia.co.jp/images0509/tot_nv_bg.gif") repeat-x left bottom #BBB;
border-top:1px solid #EEF;
border-bottom:1px solid #AAC;
}
#toolbar p {
margin:0px;
padding:2px 4px 2px 14px;
float:left;
}
#toolbar p img {
margin:0px 1px 0px 0px;
vertical-align:middle;
}
#toolbar form {
margin:0px;
padding:3px 4px 0px 4px;
float:left;
}
#toolbar form input.query {
width:200px;
height:14px;
border:1px solid #7076AA;
line-height:100%;
float:left;
}
#toolbar form#cse-search-box input.query {
height:12px;
}
#toolbar form input.submit {
margin:0px 0px 0px -1px;
float:left;
}
.mediafooter {
margin:40px 15px 5px;
padding:0px;
font-size:12px;
color:#999;
text-align:right;
}
#ITN {
width:728px;
padding:0px 0px 0px 0px;
float:left;
overflow:hidden;
}
#ITSQ {
width:200px;
margin:5px 0px 0px;
overflow:hidden;
}
#ITR {
width:300px;
overflow:hidden;
}
#N {
position:absolute;
top:0;
}
#setbox1,
#setbox2,
#setbox3,
#setbox4,
#setbox5 {
margin:auto;
}

#lc-out {
width:100%;
margin:0px -320px 0px 0px;
float:left;
}
#lc-out #lc-in {
margin:0px 320px 0px 10px;
}
#rc {
margin:0px 0px 0px 0px;
padding:5px 10px 0px 0px;
width:300px;
float:right;
}
#lc-out #lc-in #lc-lc {
width:200px;
float:left;
}
#lc-out #lc-in #lc-cc {
display:table;
width:100%;
float:right;
margin:0px 0px 0px -210px;
}
#lc-out #lc-in #lc-cc #lc-cc-in {
margin:0px 0px 0px 210px;
}
.box-out {
margin:5px 0px;
padding:1px;
background:#7076aa;
border:3px solid #d4d6e5;
word-break: break-all;
}
.fyi .box-out {
background:#C80;
border:3px solid #FD4;
}
.hr .box-out {
background:#8C0;
border:3px solid #AD4;
}
.box-out .box-bar {
display:table;
width:100%;
background:url("http://image.itmedia.co.jp/images0509/tot_heading_bg.gif") repeat-x left bottom #EDEEF4;
}
.fyi .box-out .box-bar {
color:#C80;
background:url("http://image.itmedia.co.jp/images0509/tot_heading_bg_fyi.gif") repeat-x left bottom #EDEEF4;
}
.hr .box-out .box-bar {
color:#8C0;
background:url("http://image.itmedia.co.jp/images0509/tot_heading_bg_hr.gif") repeat-x left bottom #EDEEF4;
}
.hl .box-out .box-bar {
background:#FFF;
}
.box-tab {
display:table;
width:100%;
position:relative;
z-index:2;
bottom:-1px;
}
.box-tab span {
display:table;
float:left;
margin:2px 0px 0px 2px;
border:1px solid #CCC;
}
.box-tab span a,
.box-tab span a:visited {
font-family:arial,sans-serif;
display:block;
line-height:100%;
padding:2px 2px 1px 2px;
border:1px solid #DDE;
border-bottom:0px solid #FFF;
border-right:0px solid #FFF;
background:#CCD;
color:#26A;
}
.box-tab strong span {
border-bottom:1px solid #FFF;
}
.box-tab strong span a,
.box-tab strong span a:visited {
line-height:100%;
border:1px solid #FFF;
border-bottom:0px solid #FFF;
border-right:0px solid #FFF;
background:#FFF;
color:#26A;
font-weight:normal;
}
.box-out .box-bar strong {
display:block;
margin:3px 0px 1px 0px;
float:left;
font-family:arial, helvetica, sans-serif;
text-indent:5px;
}
.box-out .box-bar strong a {
display:block;
float:left;
}
.box-out .box-bar .box-tab strong {
width:24%;
text-align:center;
}
.box-out .box-bar span {
margin:0px 2px 0px 0px;
font-family:arial, helvetica, sans-serif;
float:right;
}
.box-out .box-bar span a {
display:block;
margin:4px 2px 0px 0px;
}
.box-out .box-bar span a img {
margin:0px;
}
.box-out .box-in {
display:block;
border:1px solid #CCC;
background:#FFF;
clear:both;
position:relative;
z-index:1;
}
.hl .box-out .box-in {
border:1px solid #FFF;
border-top:1px solid #CCC;
}
.box-out .box-in .box {
overflow:hidden;
display:table;
padding:5px;
}
.box-out .box-in .box .pos-mark {
text-align:center;
}

/* LIGHT BOX
-------------------------------------------------- */
.lightbox {
width:100%;
}
.lightbox span {
display:block;
margin:3px;
float:left;
border:1px solid #EEE;
border-right:2px solid #EEE;
border-bottom:2px solid #EEE;
}
.lightbox span a {
display:block;
border:1px solid #CCC;
}
.lightbox span a img {
width:80px;
height:60px;
border:4px solid #FFF;
}
/* TAG BOX
-------------------------------------------------- */
.tagbox {
width:100%;
word-break:keep-all;
line-break:strict;
}
.tagbox span {
display:block;
margin:3px;
float:left;
border:1px solid #EEE;
border-right:2px solid #EEE;
border-bottom:2px solid #EEE;
}
.tagbox span small {
display:block;
border:1px solid #CCC;
}
.tagbox span small a {
display:block;
padding:2px 6px;
line-height:150%;
border:4px solid #FFF;
background:#EED;
text-align:center;
}
.tagbox span small small {
padding:1px 4px;
background:#FFF;
color:#DC4;
}
/* DIR BOX
-------------------------------------------------- */
.dirbox {
width:100%;
word-break:keep-all;
line-break:strict;
}
.dirbox p {
margin:0px;
padding:0px;
background:url("http://image.itmedia.co.jp/images0509/tot_folder.gif") no-repeat 0px 2px;
}
.dirbox p a {
display:block;
padding:0px 0px 0px 16px;
}
.dirbox ol {
margin:0px;
padding:0px 0px 0px 16px;
list-style-type:none;
}
.dirbox ol ol {}
.dirbox ol li {
background:url("http://image.itmedia.co.jp/images0509/submenubg6.gif") no-repeat 0px 2px;
}
.dirbox ol ol li {
background:url("http://image.itmedia.co.jp/images0509/arr_file.gif") no-repeat 0px 2px;
}
.dirbox ol li a {
display:block;
padding:0px 0px 0px 16px;
}
.dirbox ol ol li a {
display:block;
width:130px;
padding:0px 0px 0px 16px;
}
/* INDEX BOX
-------------------------------------------------- */
.indexbox {
width:100%;
}
.indexbox h3 {
margin:0px;
padding:0px;
}
.indexbox h3 a {
font-size:large!important;
}
.indexbox h5 {
margin:0px;
padding:0px;
color:#A70;
}
.indexbox hr {
visibility:hidden;
clear:both;
}
.indexbox p {
margin:0px;
padding:0px 0px 3px 0px;
}
#rc .indexbox p {
display:table;
width:100%;
clear:both;
}
.indexbox span.iconbg {
display:block;
margin:2px 6px 0px 0px;
float:left;
border:1px solid #EEE;
border-right:2px solid #EEE;
border-bottom:2px solid #EEE;
clear:both;
}
.indexbox span.iconbg a {
display:table;
float:left;
border:1px solid #CCC;
}
.indexbox span.iconbg a img {
border:4px solid #FFF;
float:left;
}
.indexbox a span {
display:block;
font-weight:bold;
text-decoration:none;
color:#A70;
}
.indexbox p a strong {
font-size:large;
}
#rc .indexbox p a strong {
font-size:12px;
}
/* HL
-------------------------------------------------- */
.hl {
}
.hl ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.hl ul li {
padding:0px 0px 0px 16px;
background:url("http://image.itmedia.co.jp/images0509/tot_hl_bg.gif") no-repeat 0px 3px;
}
#lc-lc .hl {
width:100%;
}
#lc-lc .hl ul {
width:100%;
display:table;
margin:0px 0px 10px 0px;
}
#lc-lc .hl ul li {
display:block;
width:40%;
float:left;
}
#lc-lc .hl ul li.wide {
width:90%;
}
.h2l,
#lc-lc .hl p {
margin:0px;
padding:0px;
clear:both;
color:#777;
border-bottom:1px solid #CCC;
}
#lc-lc .hl p strong a {
display:block;
background:url("http://image.itmedia.co.jp/images0509/tot_btn_list.gif") no-repeat right center;
}


/* AC-RANK
-------------------------------------------------- */
.ac-ranking {font-family:arial, helvetica, sans-serif;}
.ac-ranking ul {margin:0px;padding:0px;list-style-type:none;}
.ac-ranking ul li {
display:table;
width:176px;
padding:0px 0px 5px 0px;
background:url("http://image.itmedia.co.jp/images0509/tot_acrank0.gif") no-repeat left top;
clear:both;
border-top:1px solid #CCC;
border-left:1px solid #CCC;
}
.ac-ranking ul li.top3 {
background:url("http://image.itmedia.co.jp/images0509/tot_acrank1.gif") no-repeat left top;
}
.ac-ranking ul li span {
display:block;
float:left;
width:33px;
padding-top:9px;
text-align:center;
font-weight:bold;
color:#FFF;
}
.ac-ranking ul li strong {
display:block;
font-weight:normal;
padding:0px 0px 0px 36px;
}
/* RANK
-------------------------------------------------- */
.ranking {font-family:arial, helvetica, sans-serif;}
.ranking ul {margin:0px;padding:0px;list-style-type:none;}
.ranking ul li {
display:table;
width:178px;
height:21px;
margin-bottom:1px;
border-left:1px solid #CCC;
background:url("http://image.itmedia.co.jp/images0509/tot_rank0.gif");
}
.ranking ul li span {
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/images0509/tot_key.gif") no-repeat 5px 5px;
width:18px;
float:left;
}
.ranking ul li strong {
display:block;
padding:1px 0px 0px 2px;
}
.ranking ul li strong a:hover {
text-decoration:none;
}
/* CPY
-------------------------------------------------- */
.copyright {
margin-top:10px;
}
.copyright img {
border-width:0px;
}
/* LNK SET
-------------------------------------------------- */
.linkset {
clear:both;
margin:0px;
padding:0px;
list-style-type:none;
}
.linkset li {
padding:0px 0px 0px 16px;
background:url("http://image.itmedia.co.jp/images0509/tot_hl_bg.gif") no-repeat 0px 3px;
}
.wpkwdset,
.kwdset {
width:94%;
float:left;
margin:0px;
padding:0px;
clear:both;
list-style-type:none;
overflow:hidden;
}
.wpkwdset li,
.kwdset li {
margin:5px 5px 3px 0px;
padding-left:15px;
font-size:12px;
float:left;
background:url("http://image.itmedia.co.jp/images0509/arr_key2.gif") no-repeat;
}
.wpkwdset li {
background:url("http://image.itmedia.co.jp/images0509/arr_wpkw.gif") no-repeat;
}
.kwdset li a {
display:block;
white-space:nowrap;
}

/* ICON VIEWER
-------------------------------------------------- */
.cbox h2 {
display:none;
}
.iconList {
display:table;
width:100%;
}
.iconList span {
display:block;
width:100px;
height:100px;
overflow:hidden;
float:left;
}
.iconList span span {
width:94px;
height:94px;
border:1px solid #EEE;
border-right:2px solid #EEE;
border-bottom:2px solid #EEE;
}
.iconList span span a {
display:block;
padding-top:4px;
width:92px;
height:88px;
background:#FFF;
border:1px solid #CCC;
text-align:center;
}
.iconList span span a img {
}
.tot-help {
margin:5px 0px;
background:#AA0;
border:3px solid #DDD;
color:#442;
}
.tot-help div {
margin:1px;
padding:5px;
background:#FFC;
}
.tot-help * {
font-size:12px;
font-family:'MS UI Gothic', sans-serif;
line-height:150%;
}
.tot-help h1 {
margin:0px;
padding:10px;
background:#AA0;
color:#FFF;
}
.tot-help h2 {
margin:0px;
color:#660;
border-bottom:2px solid #990;
}
.tot-help .clsb {
display:block;
padding:1px 6px;
float:right;
background:#FFF;
border:1px solid #DDC;
}
/* 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;
}

/* for topspecial - 20080911
-------------------------------------------------- */
#topspecial div div {width:280px;}
* html #topspecial div div {width:auto;}
*+html #topspecial div div {width:auto;}

.fyi #topspecial div div {width:280px;}
* html .fyi #topspecial div div {width:auto;}
*+html .fyi #topspecial div div {width:auto;}


/* WEB SLICE 20081104 makoiwat
-------------------------------------------------- */
.entry-content .iconbg {
border-color:#EEEEEE;
border-style:solid;
border-width:1px 2px 2px 1px;
clear:both;
display:block;
float:left;
margin:2px 6px 0 0;
}
.entry-content .iconbg a {
border:1px solid #CCCCCC;
display:table;
float:left;
}
.entry-content .iconbg a img {
border:4px solid #FFFFFF;
float:left;
}
.entry-content h5 {
color:#AA7700;
margin:0;
padding:0;
}
.entry-content h3 {
margin:0;
padding:0;
}
.entry-content p {
margin:0;
padding:0 0 3px;
}
.entry-content .box-out ul {
list-style-type:none;
margin:0;
padding:0;
}
.entry-content .box-out ul li {
background:url("http://image.itmedia.co.jp/images0509/tot_hl_bg.gif") no-repeat 0 3px;
padding:0 0 0 16px;
}

/* HOT KEYWORDS - 20091102 kayoshida
-------------------------------------------------- */
#hotKeywords {
}
#hotKeywords .hotkwdbox {
width:280px;
margin-bottom:10px;
}
#hotKeywords .hotkwdbox strong {
clear:both;
display:block;
margin-bottom:3px;
padding:2px 3px 2px 10px;
border-bottom:1px #CCC solid;
background:url("http://image.itmedia.co.jp/images0509/arr_nxt.gif") no-repeat 0px 3px;
}
#hotKeywords .hotkwdbox strong a {
display:block;
}
#hotKeywords .hotkwdbox p {
margin:2px 5px 2px 10px;
padding:0px;
}
#hotKeywords .hotkwdbox .kwdset {
margin:5px 3px 3px 10px;
}
* html #hotKeywords .hotkwdbox .kwdset {margin:5px 3px 3px 5px;}
#hotKeywords .hotkwdbox .kwdset li {
margin:0px 5px 0px 0px;
}
.otBox .box-in {
height:300px;
overflow:auto;
}

/* MAKOTO BLOG - 20100517
-------------------------------------------------- */
#rc .makotobloggen {
margin:5px 0px;
padding:1px;
background:#7076AA;
border:3px solid #D4D6E5;
}
#rc .makotobloggen .heading {
display:block;
padding:3px 0px 1px;
background:#EDEEF4 url("http://image.itmedia.co.jp/images0509/tot_heading_bg.gif") repeat-x left bottom;
font-family:arial,helvetica,sans-serif;
text-indent:5px;
font-weight:bold;
}
#rc .makotobloggen .inner {
padding:5px;
background:#FFF;
border:1px solid #CCC;
}
#rc .makotobloggen .line {
margin:0px 0px 5px;
}
#rc .makotobloggen .icon {
clear:both;
display:block;
float:left;
margin:2px 6px 0 0;
border-color:#EEE;
border-style:solid;
border-width:1px 2px 2px 1px;
}
#rc .makotobloggen .icon a {
display:table;
float:left;
border:1px solid #CCC;
}
#rc .makotobloggen .icon a img {
float:left;
width:40px;
height:40px;
border:4px solid #FFF;
}
#rc .makotobloggen .title {
font-weight:bold;
}
#rc .makotobloggen .other .dcdate {
display:inline;
}
#rc .makotobloggen .other .blogname {
display:inline;
font-weight:bold;
}

/* QA ITmedia - 20100901
-------------------------------------------------- */
#rc #hotquestion-list .hotquestion-list h2 {display:none;}
#rc #hotquestion-list .hotquestion-list ul {
padding:0;
margin:0;
}
#rc #hotquestion-list .hotquestion-list ul li {
background:url("http://image.itmedia.co.jp/images0509/tot_hl_bg.gif") no-repeat 0 3px;
padding:0 0 0 16px;
}

/* liveguide - 20100929
-------------------------------------------------- */
#tot-box66 {display:block;}
#rc #tot-box66 p a img {
width:60px;
height:45px;
border-top:1px solid #CCC!important;
border-left:1px solid #CCC!important;
border-right:2px solid #DEDEDE!important;
border-bottom:2px solid #DEDEDE!important;
margin:0 7px 5px 0;
padding:4px;
position:relative;
}
#rc #tot-box66 #attention .subttl {display:none;}
#rc #tot-box66 p {margin:0 0 5px;}
#rc #tot-box66 p strong {display:block;}

/* 1topi - 20110407
-------------------------------------------------- */
.otBox.onetopi .box-in {
height:166px;
overflow:auto;
}

/* newMediaArticleList - 20110421
-------------------------------------------------- */
#lc-cc .hl {
background:#7076AA;
border:3px solid #D4D6E5;
padding:1px;
}
#lc-cc .innerhl {
margin:0;
padding:5px;
background:#FFF;
border:1px solid #CCC;
}
#lc-cc .hl .box-out {
background:none;
border:0 none;
margin:0;
}
#lc-cc .hl .box-out .box-in {
border-top:0px dotted #CCC!important;
}
#lc-cc .hl .box-out .box-bar {
border-bottom:1px solid #DDD;
border-right:1px solid #DDD;
background: #EDEEF4;
background: -moz-linear-gradient(top, #EDEEF4 0%, #f6f6f6 47%, #FCFCFC 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EDEEF4), color-stop(47%,#f6f6f6), color-stop(100%,#FCFCFC));
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EDEEF4', endColorstr='#FCFCFC',GradientType=0 );
background: -o-linear-gradient(top, #EDEEF4 0%,#f6f6f6 47%,#FCFCFC 100%);
}
#lc-cc .hl .box-out .box-bar strong {
margin:0;
}
#lc-cc .hl .box-out .box-bar strong a {
}
#lc-cc .hl .entry-content {
padding:4px 0;
}

/* separator - 20110715
-------------------------------------------------- */
.clear {
clear:both;
}
.h10 {
height:10px;
}

/* newISTLR - 20110715
-------------------------------------------------- */
#colBoxISTLR {
clear:both;
margin:0;
padding:0;
font-family:'MS UI Gothic',"‚l‚r ‚oƒSƒVƒbƒN","Hiragino Kaku Gothic Pro","ƒqƒ‰ƒMƒmŠpƒS Pro W3","Lucida Grande",sans-serif !important;
}
#colBoxISTLR {
background:#C80;
border:3px solid#FD4;
padding:1px;
}
#colBoxISTLR .colBoxHead {
background:url("http://img.itmedia.jp/so/p/image/tieup/ISTLR_heading_tot_bg.gif") no-repeat right bottom #FCF9DD;
height:23px;
}
#colBoxISTLR .colBoxHead h2 {
margin:0;
color:#C80;
font-size:12px;
line-height:23px;
float:left;
padding-left:5px;
}
#colBoxISTLR .colBoxHead .colBoxHeadSubtxt {
float:right;
color:#C80;
font-size:12px;
line-height:23px;
float:left;
display:block;
text-indent:-9999px;
}
#colBoxISTLR .colBoxInner {
clear:both;
background:#FFF;
border:1px solid #CCC;
padding:5px;
}
#colBoxISTLR .colBoxIndex {
clear:both;
}
#colBoxISTLR .colBoxIcon {
border:2px solid #EEE;
float:left;
margin:0 6px 0 0;
}
#colBoxISTLR .colBoxIcon a {
border:1px solid #CCC;
padding:4px;
display:block;
}
#colBoxISTLR .colBoxTitle h3 {
margin:0;
}
#colBoxISTLR .colBoxDescription p {
margin:0;
font-size:12px;
line-height:18px;
}
#colBoxISTLR .colBoxNewtxt {
color:#FF0000;
font-size:12px;
font-weight:bold;
line-height:18px;
}

.colBoxClear {
clear:both;
}
.h5px {
height:5px;
}
.h10px {
height:10px;
}
.h15px {
height:15px;
}
.h20px {
height:20px;
}
.h25px {
height:25px;
}
.h30px {
height:30px;
}