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

body {
width:100%;
margin:0px;
padding:0px;
color:#333;
font-family:"‚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(//image.itmedia.co.jp/makoto/images/body_bg2.gif) repeat-y center top;
}
a:link {
color:#036;
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
color:#C00;
text-decoration:underline;
}
.debug {
font-size:12px;
font-family:arial, sans-serif;
padding:10px;
background:#EEE;
}

.rc .ad-rec object {width:200px;height:200px;}
.rc .ad-rec embed {width:200px;height:200px;}
.rc .ad-rec img {width:200px;height:200px;}

#rap-out {
}
#rap-out #rap-in {
margin:0px auto;
width:990px;
}

#header {
display:table;
width:100%;
padding:0px 0px 5px 0px;
background:#FFF;
}
#header-in {
display:table;
margin:0px 10px;
width:950px;
}
#header #logo {
width:200px;
padding:0px 20px 0px 0px;
float:left;
background:url(//image.itmedia.co.jp/images0509/logo_pd.gif) no-repeat left center;
}
* #header #logo {padding:0px 19px 0px 0px;}
#header #logo p {
margin:0px;
float:left;
width:200px;
}
#header #logo p a {
display:block;
width:100%;
height:90px;
text-indent:-9999px;
overflow:hidden;
}

#lc-out {
display:table;
width:100%;
margin:0px -330px 0px 0px;
padding:0px 0px 30px 0px;
float:left;
background:url(//image.itmedia.co.jp/images0509/lcbg.gif) no-repeat left top;
}
#lc-out #lc-in {
margin:0px 330px 0px 10px;
}
#rc {
margin:0px 0px 0px 0px;
padding:5px 10px 0px 0px;
width:300px;
float:right;
font-size:12px;
}
#lc-out #lc-in #lc-lc {
padding:5px 0px 0px 0px;
width:200px;
float:left;
}
#lc-out #lc-in #lc-cc {
display:table;
width:100%;
float:right;
margin:5px 0px 0px -210px;
}
#lc-out #lc-in #lc-cc #lc-cc-in {
margin:0px 0px 0px 210px;
}
.tools {
padding:5px 0px 10px 0px;
width:100%;
}
.search {
width:300px;
float:left;
}
.search form {
margin:0px;
padding:0px 0px 0px 70px;
}
.copyright {
background:#FFF;
border-top:6px solid #3B5BA8;
font-size:12px;
}
.copyright #copy {
padding-top:10px;
border-top:1px solid #CCC;
}

.copyright img {
border-width:0px;
}
.byline-rap {
margin:15px 0px;
text-align:right;
}

.at-news,
.at-burst,
.at-review,
.at-column,
.at-series,
.at-interview,
.at-features,
.at-top10,
.at-keywords,
.at-report,
.at-special {
background-repeat:no-repeat;
text-indent:-9999px;
height:30px;
}
#ITT {
padding-top:10px;
clear:both;
}

/* RC
-------------------------------------------------- */
#rc .cbox * {
font-size:12px;
}
#rc .cbox {
margin:5px 0px;
}
#rc .cbox div {
padding:3px;
border:2px solid #DDD;
background:#FFF;
}
#rc .cbox h2 {
margin:0px;
padding:3px 2px;
background:#CCC;
text-indent:-9999px;
}
#rc .cbox h2 img {
border:0px solid #FFF!important;
}
#rc .cbox p {
margin:0px;
}
#rc .cbox p img {
margin:0px 3px 3px 0px;
float:left;
}


#rc .cbox#red h2 {background:url(//image.itmedia.co.jp/images0509/rc_choice.gif) repeat-x left top #AA2131}
#rc .cbox#red div {border:2px solid #CA939C;}
#rc .cbox#orange h2 {background:url(//image.itmedia.co.jp/images0509/rc_store.gif) repeat-x left top;}
#rc .cbox#orange div {border:2px solid #EEA337;}
#rc .cbox#mobileshop h2 {
background:url(//image.itmedia.co.jp/plusd/images/t_dosuparaPC.gif) no-repeat 0px 0px;
height: 60px !important;
padding:0px !important;
text-indent:-9999px !important;
}
#rc #mobileshop.cbox {
width:auto;
background:#DDD ;
border: 2px solid #036;
}
#rc #mobileshop.cbox h2 {
background:url(//image.itmedia.co.jp/plusd/images/t_dosuparaPC.gif) no-repeat 0px 0px;
height: 60px !important;
padding:0px !important;
text-indent:-9999px !important;
border-bottom: 1px solid #036;
}
#rc #mobileshop.cbox div {
margin-top:0px;
}
#rc #mobileshop.cbox img {border:none;}
#rc .cbox p, #SubCol .cbox p {
width:286px;
}


#mobileshop.cbox {
width:auto;
background:#DDD ;
border: 2px solid #036;
}
#mobileshop.cbox h2 {
background:url(//image.itmedia.co.jp/plusd/images/t_dosuparaPC.gif) no-repeat 0px 0px;
height: 60px !important;
padding:0px !important;
text-indent:-9999px !important;
border-bottom: 1px solid #036;
}
#mobileshop.cbox div {
margin-top:0px;
}
.rc .cbox p, #SubCol .cbox p {
width:282px;
}



/* jindex
-------------------------------------------------- */
.jindex {
margin:0px;
font-family:'MS UI Gothic';
color:#555;
}
.jindex-in {
display:block;
padding:10px;
border:2px solid #FFD;
border-top:4px solid #FFD;
}
.list .jindex {
margin:0px 0px 10px 0px;
padding:0px 0px 0px 16px;
clear:both;
background:url(//image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 0px 2px;
}
.list .jindex * {
text-decoration:none!important;
}
.jindex#noclr {
display:table;
width:100%;
clear:both;
}
.jindex .ico {
margin:0px 5px 10px 0px;
border:2px solid #EED;
border-top:1px solid #EED;
border-left:1px solid #EED;
float:left;
}
.jindex .ico span {
float:left;
border:1px solid #CC7;
}
.jindex .ico span img {
width:120px;
height:90px;
float:left;
border:4px solid #FFF!important;
}
.jindex .abs {
display:block;
margin:0px 0px 0px 140px;
}
.jindex strong {}
.jindex strong a {
text-decoration:none!important;
}
.jindex strong a small {
display:block;
color:#A70;
}

small.type-\30CB\30E5\30FC\30B9,
small.type-\901F\5831,
small.type-\30EC\30D3\30E5\30FC,
small.type-\30B3\30E9\30E0,
small.type-\9023\8F09,
small.type-\30A4\30F3\30BF\30D3\30E5\30FC,
small.type-\7279\96C6,
small.type-\30C8\30C3\30D7\31\30,
small.type-\30AD\30FC\30EF\30FC\30C9,
small.type-\8ABF\67FB\30EA\30DD\30FC\30C8,
small.type-Special {
margin:2px 0px 0px 0px;
display:block;
text-indent:-9999px;
width:52px;
height:14px;
float:left;
}
small.type-\30CB\30E5\30FC\30B9 {background:url(//image.itmedia.co.jp/images0509/at_news.gif) no-repeat 0px 2px;}
small.type-\901F\5831 {background:url(//image.itmedia.co.jp/images0509/at_burst.gif) no-repeat 0px 2px;}
small.type-\30EC\30D3\30E5\30FC {background:url(//image.itmedia.co.jp/images0509/at_review.gif) no-repeat 0px 2px;}
small.type-\30B3\30E9\30E0 {background:url(//image.itmedia.co.jp/images0509/at_column.gif) no-repeat 0px 2px;}
small.type-\9023\8F09 {background:url(//image.itmedia.co.jp/images0509/at_rensai.gif) no-repeat 0px 2px;}
small.type-\30A4\30F3\30BF\30D3\30E5\30FC {background:url(//image.itmedia.co.jp/images0509/at_interview.gif) no-repeat 0px 2px;}
small.type-\7279\96C6 {background:url(//image.itmedia.co.jp/images0509/at_special.gif) no-repeat 0px 2px;}
small.type-\30C8\30C3\30D7\31\30 {background:url(//image.itmedia.co.jp/images0509/at_top10.gif) no-repeat 0px 2px;}
small.type-\30AD\30FC\30EF\30FC\30C9 {background:url(//image.itmedia.co.jp/images0509/at_keyword.gif) no-repeat 0px 2px;}
small.type-\8ABF\67FB\30EA\30DD\30FC\30C8 {background:url(//image.itmedia.co.jp/images0509/at_report.gif) no-repeat 0px 2px;}
small.type-Special {background:url(//image.itmedia.co.jp/images0509/at_fyi.gif) no-repeat 0px 2px;}

.jindex strong a big {
width:99%;
margin:2px 0px 0px 0px;
display:block;
float:left;
}
.jindex strong a:hover big {
}
.plus {
width:99%;
background:#FFFFFE url(//image.itmedia.co.jp/images0509/plus_top_idx_bg.jpg) repeat-x 305px 0px;
border:1px #CCC solid;
}
.plus-in {
margin:10px;
}
.top-heading {
height:178px;
overflow:hidden;
}
.plus h1 {
float:left;
width:305px;
height:178px;
margin:0px;
padding:0px;
text-indent:-9999px;
background:url(//image.itmedia.co.jp/images0509/plus_top_idx_logo.jpg) no-repeat 0px 0px;
}
.top-heading2 {
display:table;
float:right;
width:100%;
margin:0px 2px 0px -310px;
}
* html .top-heading2 {
margin:0px 1px 0px -310px;
}
.plus-in h2 {
clear:none;
float:right;
margin:0px 0px 0px 310px;
padding:7px 10px;
color:#555;
font-size:small;
line-height:137%;
font-weight:normal;
background:url(//image.itmedia.co.jp/images0509/plus_top_idx_bg2.jpg) repeat-x 0px 0px;
border:1px #DDD solid;
}
.date-table {
font-size:small;
border-collapse:collapse;
}
.date-table tr {
vertical-align:top;
}
.date-table th {
padding:4px;
background:#EEC;
color:#553;
}
.date-table td {
padding:2px 4px;
border-bottom:1px solid #DDE;
line-height:140%;
}
.date-table td img {
margin:3px 0px 0px 0px!important;
border-width:0px!important;
}
.mainframe {
clear:both;
margin:0px 3px 0px 2px;
padding:6px;
background:#FFC;
border:1px solid #fef29c;
}
.mainframe .mainframe-rap-out {
border:1px solid #EED;
}
.mainframe .mainframe-rap-out .mainframe-rap-in {
display:table;
border:1px solid #CCA;
background:#FFF;
width:100%;
}
.frametitle {
margin:0px;
padding:3px 6px;
font-size:small;
font-family:verdana, sans-serif;
color:#FFF;
background:#885;
}
.sort-ctrl {
display:table;
width:100%;
margin:0px;
padding:5px 0px;
font-size:small;
clear:both;
background:#EED;
border-top:1px solid #FFF;
border-bottom:1px solid #CC7;
}

.sort-ctrl label {
\margin:0px 1px 0px 0px;
cursor:pointer;
}
.sort-ctrl input {
float:left;
}
.sort-ctrl label span {
padding:3px 3px 2px 0px;
float:left;
height:1%;
}
.linkbox a span {
display:none;
}
.linkbox a span img {
margin:3px 6px 0px 0px!important;
}
.linkbox a:hover span {
margin:7px 0px 0px 0px;
display:block;
width:400px;
padding:10px;
text-decoration:none;
position:absolute;
color:#555;
background:#FFF;
border:1px solid #CC9;
clear:both;
}
#rc #osusume h2 {
height:59px !important;
}


/* NEWS
-------------------------------------------------- */
#news .plus {
background:none;
border:none;
}
#news .plus h1 {
background:none;
border-bottom:1px solid #BBB;
text-indent:0px;
margin-bottom:20px;
height:auto !important;
width:100% !important;
}
#news .plus h1 span {
display:block;
background:none;
border-bottom:4px solid #EEE;
text-indent:0px;
padding-bottom:5px;
height:auto !important;
width:100% !important;
}
#news  .plus h4 {
border-bottom:1px solid #EEE;
background: url(//image.itmedia.co.jp/images0509/h3bg3b.gif) no-repeat 0px 4px ;
margin: 10px 0px 3px 0px;
padding:3px 0px 6px 25px;
color:#444;
}
#news  .plus ul {
list-style:none;
margin: 3px 0px 3px 0px;
padding: 0px 0px 0px 10px;
}
#news  .plus ul li {
background: url(//image.itmedia.co.jp/images0509/arr_file.gif) no-repeat 0px 6px ;
margin: 3px 0px 3px 0px;
padding:3px 0px 3px 20px;
}
.endLink {
text-decoration:none;
font-size:small;
text-align:right;
margin: 3px 0px 3px 0px;
padding:10px 0px 3px 20px;
}
.endLink span {
background: url(//image.itmedia.co.jp/images0509/arr.gif) no-repeat right 3px ;
padding: 2px 12px 2px 2px;
margin-right:5px;
}
.endLink a {
text-decoration:none !important;
}

.adsense {
margin:10px 0px 0px 0px;
}
.adsense p {
margin:0px 0px 0px 0px;
padding:0px 0px 5px 20px;
line-height:125%;
font-size:13px;
background:url(//image.itmedia.co.jp/images0509/adsense2.gif) 0px 4px no-repeat;
}
.adsense p span.title {font-weight:bold;}
.adsense p span.title a {text-decoration:none;}
.adsense p span.host {color:#008000;}
