@import url("/css/gfooter.css");
* {}
a:link {
color:#03A;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#A30;
}
body {
padding:0px;
margin:0px;
color:#555;
background:#DDD;
font-family:'メイリオ', 'MS P Gothic', sans-serif;
}
img {
border-width:0px;
}
.rap {
margin:auto;
width:990px;
}
.header {
padding:10px 0px 0px 12px;
}
.rapOut {
background:url("http://image.itmedia.co.jp/1topi/images/hbg.gif") repeat-x 0px -32px;
}
.header h1 {
margin:0px;
text-indent:-9999px;
float:left;
width:200px;
height:103px;
background:url("http://image.itmedia.co.jp/1topi/images/logo.gif") no-repeat 0px 0px;
}
.header h1 a {
display:table;
width:200px;
height:103px;
float:left;
overflow:hidden;
}
.mainCol {
width:654px;
padding:10px 0px 0px 12px;
float:left;
clear:both;
}
.mcTL {
width:442px;
float:right;
}
.mcMenu {
width:200px;
float:left;
}
.mcMenu * {
font-size:12px;
}
.mcMenu table {
width:100%;
text-align:center;
}
.subCol {
padding:10px 6px 0px 0px;
width:306px;
float:right;
position:static!important;
}
.subCol * {
font-size:12px;
line-height:135%;
}
.subCol p {
display:table;
width:100%;
margin:4px 0px 0px 0px;
}
.subCol .box img {
margin:0px 4px 4px 0px;
padding:4px;
background:#FFF;
border:1px solid #CCC;
float:left;
}
.subCol .box p img {
padding:2px;
width:37px;
}
.subCol .box p a small {
display:none;
}
.subCol .box p a:hover img {
border:1px solid #A30;
}
.subCol .box p a:hover small {
display:block;
}
.subCol .box .kwdList {
display:table;
width:100%;
margin:10px 0px 0px 0px;
}
.subCol .box .kwdList li {
margin:0px 10px 10px 0px;
padding:0px 0px 0px 16px;
background:url("http://image.itmedia.co.jp/1topi/images/arr_key2.gif") no-repeat 0px 3px;
float:left;
word-break:keep-all;
}
.subCol ul {
margin-top:10px!important;
}
.ttl {
padding:4px;
color:#FFF;
background:url("http://image.itmedia.co.jp/1topi/images/bgglay.gif") repeat-x left bottom #949494;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.mcTL .ttl {
display:table;
width:434px;
background-image:none;
}
.mcTL .ttl img {
width:48px;
height:48px;
marign:0px 4px 0px 0px;
float:left;
padding:3px;
background:#FFF;
border:1px solid #AAA;
}
.mcTL .ttl strong {
display:block;
margin:0px 2px;
padding:2px 0px 0px 62px;
font-size:1.77em;
font-weight:normal;
background:url("http://image.itmedia.co.jp/1topi/images/titlebg.gif") repeat-y left top;
}
.box {
display:block;
padding:7px;
margin:0px 0px 10px 0px;
background:#FFF;
-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
word-break:break-all;
}
.mcTopTL .box {
-moz-border-radius:3px;
}
.mcTopTL .box .entry {
margin:0px;
}
.dateBoxUpp {
margin:12px 0px;
padding:2px 6px;
border-bottom:1px solid #AAA;
}
.dateBoxBtm {
padding:12px 0px;
}
.dateBoxBtm a {
display:block;
width:100%;
line-height:1em;
padding:12px 0px;
font-size:12px;
color:#666;
text-decoration:none;
background:url("http://image.itmedia.co.jp/1topi/images/srhb.gif") repeat-x left top #e2e1e4;
border-width:1px;
border-style:solid;
border-color:#DDD #AAA #AAA #DDD;
font-weight:bold;
text-align:center;
-moz-border-radius:3px;
}
.calBox {
text-align:center;
}
.calBox table {
border-collapse:collapse;
}
.calBox table table {
margin:6px;
width:200px;
border:1px solid #AAA;
}
.mcTopTL .box .entry p {
font-size:small;
}
h2 {
margin:0px;
padding:3px 3px 3px 17px;
font-size:small;
color:#777;
border:1px solid #CCC;
-moz-border-radius:2px;
background:url("http://image.itmedia.co.jp/1topi/images/titlebg2.gif") no-repeat left center;
}
.tagline h4 {
display:table;
margin:0px;
text-indent:-9999px;
width:456px;
height:103px;
background:url("http://image.itmedia.co.jp/1topi/images/tagline.gif") no-repeat 23px 73px;
}
.mcTopTL h3 {
width:630px;
font-size:96%;
margin:12px 0px;
padding:3px 9px 3px 1px;
-moz-border-radius:2px;
background:#999;
color:#FFF;
}
.mcTopTL h3 img {
margin:0px 3px;
width:36px;
vertical-align:middle;
}
.mcTopTL h3 a {
color:#FFC;
}
.mcTL .box {
width:428px;
}
.mcMenu .box {
width:186px;
}
.subCol .box {
width:286px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
.box ul {
margin:0px;
padding:0px;
list-style-type:none;
}
.box ul li {
margin:0px 0px 5px 0px;
padding:0px 0px 0px 12px;
background:url("http://image.itmedia.co.jp/1topi/images/liglay.gif") no-repeat 0px 7px;
}
.entry {
margin:5px;
padding:5px;
font-size:96%;
border-bottom:1px dotted #CCC;
}
.entry p {
margin:0px;
padding:0px;
}
.entry big {
font-size:1.5em;
}
.ITR {
margin:0px 0px 10px 0px;
width:300px;
height:300px;
}
.pNext,
.pPrev {
margin:3px 0px;
}
.pNext a,
.pPrev a {
line-height:1em;
display:table;
padding:12px 24px;
font-size:12px;
color:#666;
text-decoration:none;
background:url("http://image.itmedia.co.jp/1topi/images/srhb.gif") repeat-x left top #e2e1e4;
border-width:1px;
border-style:solid;
border-color:#DDD #AAA #AAA #DDD;
font-weight:bold;
text-align:center;
-moz-border-radius:3px;
float:left;
}
.pNext a:hover,
.pPrev a:hover {
border:1px solid #CCC;
}
.pNext {
float:left;
}
.pPrev {
float:right;
}
form {
margin:0px 0px 10px 0px;
padding:0px;
float:left;
}
.srhT {
font-size:large!important;
margin:0px 0px 0px 0px!important;
padding:1px 0px!important;
width:199px!important;
float:left!important;
height:24px!important;
border:1px solid #999!important;
border-right:0px solid #FFF!important;
-moz-border-radius-topleft:5px;
-moz-border-radius-bottomleft:5px;
}
.srhB {
width:100px;
border:1px solid #999;
font-weight:bold;
text-align:center;
float:left;
height:28px;
color:#555;
background:url("http://image.itmedia.co.jp/1topi/images/srhb.gif") repeat-x left top #e2e1e4;
-moz-border-radius-topright:5px;
-moz-border-radius-bottomright:5px;
}
.btns {
display:table;
width:100%;
}
.btns * {
font-size:10px;
}
.btns img {
margin:1px 0px;
}
.btns span {
float:right;
}
.onhead a,
.btns span a {
display:table;
margin:8px 3px 0px 0px;
padding:2px 5px;
float:left;
color:#AAA;
text-decoration:none;
background:url("http://image.itmedia.co.jp/1topi/images/srhb.gif") repeat-x 0px -11px #e2e1e4;
line-height:1em;
border-width:1px;
border-style:solid;
border-color:#DDD #AAA #AAA #DDD;
-moz-border-radius:3px;
}
.onhead a:hover,
.btns span a:hover {
color:#A30;
border:1px solid #A30;
}
.btns small {
display:table;
float:left;
margin:8px 0px 0px 0px;
font-size:12px;
color:#AAA;
float:left;
}
.btns .htb {
display:block;
width:13px;
text-indent:-9999px;
background:url("http://image.itmedia.co.jp/1topi/images/htb.gif") no-repeat 0px -15px;
float:left;
}
.btns a:hover .htb {
background:url("http://image.itmedia.co.jp/1topi/images/htb.gif") no-repeat 0px 1px;
}
.pagectrl {
display:table;
width:100%;
}
.onhead {
width:100%;
margin-top:-40px;
float:right;
}
.mcTL .onhead {
margin-top:-28px;
}
.onhead a {
float:right;
}
.mark a {
width:248px;
line-height:1em;
display:table;
margin:0px 0px 10px 0px;
padding:16px 24px;
font-size:10px;
color:#666;
text-decoration:none;
background:url("http://image.itmedia.co.jp/1topi/images/srhb.gif") repeat-x left top #e2e1e4;
border:2px solid #999;
text-align:center;
-moz-border-radius:6px;
float:left;
}
.mark a:hover {
border:2px solid #BBB;
}
.mcTL .box .entry {
word-break: break-all;
}
/* GNV
-------------------------------------------------- */
.gnav-in div span {padding-bottom:0px!important;}
/* Footer
-------------------------------------------------- */
.copyright {margin:12px;background:#FFF;-moz-border-radius:3px;}
.itmFooter {padding:10px 10px 0px 10px;line-height:150%;}
.itmFooter table {width:100%;}
.itmFooter p {font-size:12px;font-family:'MS UI Gothic',"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Lucida Grande",sans-serif!important;}
.itmFooter p.itmIncLogo {margin:0px 0px 10px;}
.itmFooter p.itmIncLogo img {margin:0px 0px 3px;}
.itmFooter p.itmIncLinkLst {margin:0px;color:#999;}
.itmFooter td.itmIncMedia {text-align:right;vertical-align:bottom;}
/* TwitterAcnt
-------------------------------------------------- */
#TwitterAcntList {
clear:both;
width:300px;
}
#TwitterAcntList h2 {
padding:4px;
color:#FFF;
background:url("http://image.itmedia.co.jp/1topi/images/bgglay.gif") repeat-x left bottom #949494;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
}
#TwitterAcntList hr {
visibility:hidden;
}
#TwitterAcnt {
width:300px;
position:static;
}
#TwitterAcnt .heading {
clear:both;
border:1px solid #CCC;
background:#EEE;
font-size:12px;
line-height:16px;
padding:5px;
font-family:Arial;
font-weight:bold;
cursor:pointer;
}
#TwitterAcnt ul {
clear:both;
display:block;
height:300px;
overflow:scroll;
margin:0px!important;
padding:4px;
display:none;
background:#FFF;
border:1px solid #CCC;
}
#TwitterAcnt li {
margin:0;
padding:0;
border:2px solid #FFF;
font-size:12px;
line-height:16px;
font-family:Arial;
list-style:none;
width:48px;
height:48px;
display:block;
float:left;
z-index:0;
overflow:hidden;
}
#TwitterAcnt li a {
z-index:1;
}
#TwitterAcnt li a img {
border:none;
}
#TwitterAcnt li .iconabsolute {
position:absolute;
top:-30px;
left:0;
display:inline;
width:150px;
padding:5px;
border:1px solid #333;
background:#666;
color:#FFF;
z-index:2;
}