@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
}
a:link {
color:#094A81;
}
a img {
border:none;
}
/*---------------------------------------------------------------------*/
/* マスターコンテンツ */
/*---------------------------------------------------------------------*/
#masterHeader {
}
#globalHeader {
}
#masterContents {
}
#globalContents {
width:990px;
margin:0 auto;
padding:5px 0 0;
}
#masterFooter {
border-top:1px solid #CCC;
}
#globalFooter {
margin:0 auto;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:677px;
float:left;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:450px;
float:right;
}
#masterSub {
width:300px;
float:right;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
background:#FFF;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn3 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
display:none;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalHeaderTop {
width:990px;
margin:0 auto;
position:relative;
}
#globalLogo {
width:130px;
float:left;
position:relative;
z-index:999;
top:18px;
left:35px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
width:130px;
height:82px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:130px;
height:82px;
background:url(//image.itmedia.co.jp/images/logo/130_tt_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
position:relative;
width:990px;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#globalHeaderBottom {
clear:both;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#lnavMain {
background:#0D9F94;
}
#lnavMainIn {
width:990px;
margin:0 auto;
}
#lnavMain .lnavBtn {
display:inline-block;
font-size:14px;
line-height:18px;
font-weight:bold;
}
#lnavMain .lnavBtnColor1 {
background:#425d98;
}
#lnavMain .lnavBtnColor2 {
background:#777;
}
#lnavMain .lnavBtn a {
display:block;
margin:0 auto;
padding:10px;
color:#FFF;
border-right:1px solid rgba(0,0,0,0.1);
}
#lnavMain .lnavBtnFirst a {
border-left:1px solid rgba(0,0,0,0.1);
}
#lnavMain .lnavBtn .lnavBtn {
display:inline;
font-size:12px;
line-height:16px;
font-weight:normal;
}
#lnavMain .lnavBtn .lnavBtn a {
border:none;
}
#lnavMain .lnavBtn .lnavBtn .raquo {
display:none;
}
#lnavMain .lnavBtn a:hover {
text-decoration:none;
background:#0C756C;
}
#lnavMain .lnavBtnColor1 a:hover {
background:#224694;
}
#lnavMain .lnavBtnColor2 a:hover {
background:#555;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
font-size:12px;
line-height:16px;
background:#EEE;
}
#lnavSubIn {
width:990px;
margin:0 auto;
}
#lnavSub .lnavBtn {
display:inline-block;
}
#lnavSub .lnavBtn a {
display:block;
padding:7px 10px;
border-right:1px solid rgba(0,0,0,0.1);
}
#lnavSub .lnavBtnFirst a {
border-left:1px solid rgba(0,0,0,0.1);
}
#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
color:#333;
}
#lnavSub .lnavBtn a:hover {
text-decoration:none;
background:#DDD;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
font-size:12px;
line-height:16px;
padding:5px 8px;
}
#lnavSubSubIn {
width:990px;
margin:0 auto;
}
#lnavSubSub .lnavBtn {
display:inline;
}
#lnavSubSub .lnavBtn a {
display:inline-block;
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
color:#333;
}
#lnavSubSub .lnavBtnColor1 a:link,
#lnavSubSub .lnavBtnColor1 a:visited {
color:red;
}
#lnavSubSub .lnavBtnColor2 a:link,
#lnavSubSub .lnavBtnColor2 a:visited {
color:blue;
}
#lnavSubSub .lnavBtnColor3 a:link,
#lnavSubSub .lnavBtnColor3 a:visited {
color:green;
}
#lnavSubSub .lnavBtnColor4 a:link,
#lnavSubSub .lnavBtnColor4 a:visited {
color:yellow;
}
#lnavSubSub .lnavBtnColor5 a:link,
#lnavSubSub .lnavBtnColor5 a:visited {
color:orange;
}
#lnavSubSub .lnavBtnPR a:link,
#lnavSubSub .lnavBtnPR a:visited {
background:url(//image.itmedia.co.jp/images/cms_pr.gif) no-repeat 0 1px;
padding:0 0 0 22px;
}
#lnavSubSub .lnavBtnPR a .raquo {
display:none;
}
#lnavSubSub .lnavBtnNew a:link,
#lnavSubSub .lnavBtnNew a:visited {
background:url(//image.itmedia.co.jp/images/ulli_new.gif) no-repeat 0 0;
padding:0 0 0 27px;
}
#lnavSubSub .lnavBtnNew a .raquo {
display:none;
}
#lnavSubSub .lnavBtn a:hover {
}
#lnavSubSub .lnavBtn a .raquo {
font-size:10px;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
}
#lnavSubSub .raquo {
display:none;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:200px;
z-index:50;
background:#FFF;
border:1px solid #CCC;
}
.lnavBtnGroupIn .lnavBtn {
margin:0 !important;
display:block !important;
font-size:12px !important;
line-height:16px !important;
background:#FFF !important;
}
.lnavBtnGroupIn .lnavBtn a {
width:auto !important;
margin:0 !important;
padding:7px !important;
color:#333 !important;
float:none !important;
border:none !important;
border-bottom:1px dotted #DDD !important;
background:none !important;
text-align:left !important;
display:block !important;
}
.lnavBtnGroupIn .lnavBtn a:hover {
background:#EEE !important;
text-decoration:none !important;
}
.lnavBtnGroupIn .lnavBtnHover a:after {
content:'≫';
color:#999;
position:absolute;
right:5px;
}
.lnavBtnGroupIn .lnavBtnHover .lnavBtn a:after {
display:none;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
}
.lpanOut {
font-size:10px;
line-height:14px;
padding:5px;
}
.lpanIn {
position:relative;
width:990px;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* 検索 */
/*---------------------------------------------------------------------*/
#localSearch {
position:absolute;
top:-35px;
right:0;
width:300px;
background:#EEE;
padding:7px 5px 5px 0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#localSearch:before {
content:'';
position:absolute;
bottom:0;
left:-33px;
width:0;
height:0;
display:block;
border-top:33px solid #EEE;
border-left:33px solid transparent;
}
#localSearch #cse-search-box {
border-radius:20px;
}
#localSearch #search_circle {
background:#FFF;
border-radius:20px;
width:245px;
margin:0 0 2px;
}
#localSearch #tbx0 {
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
border:none !important;
padding:5px !important;
font-size:14px !important;
width:182px !important;
height:15px !important;
border-radius:20px;
}
#localSearch #search_circle .btn {
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
border:none;
background:#036;
color:#FFF;
border-radius:20px;
padding:0 8px;
cursor:pointer;
}
#localSearch #wp0 {
vertical-align:middle;
}
#localSearchSocialList {
margin:0;
padding:0;
font-size:10px;
}
#localSearchSocialList li {
margin:0;
padding:0;
list-style-type:none;
position:absolute;
display:block;
width:17px;
height:17px;
}
#localSearchSocialList li a {
text-indent:-9999px;
display:block;
width:17px;
height:17px;
}
#socialListFb {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonFb.gif) no-repeat 0 0;
top:7px;
right:8px;
}
#socialListRss {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonRSS.gif) no-repeat 0 0;
top:7px;
right:30px;
}
#socialListGp {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonGp.gif) no-repeat 0 0;
top:29px;
right:8px;
}
#socialListTw {
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButtonTw.gif) no-repeat 0 0;
top:29px;
right:30px;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
}
#globalFooterLink {
font-size:10px;
line-height:14px;
text-align:right;
margin:0 0 20px;
padding:0 0 10px;
height:1%;
border-bottom:3px solid #666;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
#globalFooterMediaList {
margin:0 auto;
padding:10px 0;
width:990px;
}
#globalFooterMediaList .mediaList ul {
border-top:1px solid #EEE;
}
#globalFooterMediaList .mediaList ul li a {
color:#555;
}
#globalFooterCorp {
border-top:1px solid #DDD;
}
#globalFooterCorpIn {
margin:0 auto;
width:990px;
}
/*---------------------------------------------------------------------*/
/* SEARCH */
/*---------------------------------------------------------------------*/
.tmplSearch {
width:382px;
height:42px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplSearch.gif) no-repeat 0 0;
}
#tmplSearch0 {
position:absolute;
top:16px;
left:210px;
}
#tmplSearch1 {
float:left;
}
.tmplSearch #cse-search-box {
display:block;
width:382px;
position:relative;
}
.tmplSearch #cse-search-box .txt {
position:absolute;
top:12px;
left:16px;
display:block;
width:265px;
height:17px;
background:none;
border:none !important;
padding:0 !important;
font-size:12px;
line-height:16px;
}
.tmplSearch #cse-search-box .btn {
position:absolute;
top:10px;
left:301px;
display:block;
width:70px;
height:22px;
background:none;
border:none;
font-size:12px;
text-indent:-9999px;
cursor:pointer;
}
.tmplSearch #cse-search-box label {
position:absolute;
top:47px;
left:0;
display:block;
background:none;
border:none;
font-size:10px;
}
.tmplSearch #cse-search-box label #wp0 {
vertical-align:middle;
margin:0;
}

#tmplStatus {
position:absolute;
top:4px;
right:0;
width:388px;
height:66px;
border:1px solid #FFF;
}
#tmplStatusIn {
position:relative;
width:386px;
height:64px;
border:1px solid #DDD;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
.colBox {
background:#FFF;
border:1px solid #CCC;
margin-bottom:10px;
position:relative;
}
.colBoxHead {
position:relative;
margin:0;
border-bottom:1px solid #CCC;
padding:6px;
text-indent:0;
background:#EEE;
font-size:14px;
}
.colBoxHead h2 {
border-left:3px solid rgba(0,0,0,0.2);
padding-left:5px;
}
.colBoxInner {
padding:10px;
}
.colBoxSubTitle h5 {
font-size:12px;
line-height:20px;
}
.colBoxTitle h3 {
font-size:16px;
line-height:24px;
}
.colBoxDescription p {
font-size:12px;
line-height:20px;
}
.colBoxUlist ul li {
border:none;
}
.colBoxPageLink {
padding:5px;
}

.snsContents .colBox {
border:0;
background:transparent;
}
.snsContents .colBoxInner {
padding:0 !important;
}
.snsContents .colBoxSnsMostpopular,
.snsContents .colBoxSnsFriendsactivity,
.snsContents .colBoxSnsEmbeddedTimelines {
border:1px solid #CCC;
background:#FFF;
}

#masterSub .colBox {
background:#FFF;
border:1px solid #CCC;
margin-bottom:10px;
position:relative;
}
#masterSub .colBoxHead {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_noimg2.gif) no-repeat 0 0;
border-right:1px solid #000;
border-bottom:1px solid #EEE;
height:26px;
color:#FAF1B0;
position:relative;
padding:0;
}
#masterSub .colBoxHead h2 {
font-size:12px;
line-height:25px;
margin:0;
padding:0 0 0 21px;
}
#masterSub .colBoxInner {
padding:10px;
}
#masterSub .colBoxSubTitle h5 {
font-size:12px;
line-height:20px;
}
#masterSub .colBoxTitle h3 {
font-size:16px;
line-height:24px;
}
#masterSub .colBoxDescription p {
font-size:12px;
line-height:20px;
}
#masterSub .colBoxUlist ul {
list-style:none;
}
#masterSub .colBoxUlist ul li {
border:none;
font-size:12px;
line-height:18px;
}
#masterSub .colBoxPageLink {
padding:5px;
}
#masterSub .colBoxHeadSubtxt {
position:absolute;
top:5px;
right:5px;
font-size:10px;
font-weight:bold;
}
/*---------------------------------------------------------------------*/
/* OLD TT STYLE */
/*---------------------------------------------------------------------*/
.clear {
clear:both;
}
.tmplNavi {
background:rgba(13,159,148,1);
}
.tmplNaviIn {
width:990px;
margin:0 auto;
background:rgba(13,159,148,1);
border-left:1px solid rgba(0,0,0,0.1);
}
.tmplNavi .navi {
background:rgba(13,159,148,1);
display:inline-block;
font-size:14px;
line-height:18px;
font-weight:bold;
z-index:999;
font-size:12px;
}
.tmplNavi .navi a {
display:block;
margin:0 auto;
padding:10px;
color:#FFF;
border-right:1px solid rgba(0,0,0,0.1);
}
.tmplNavi .navi a:hover {
text-decoration:none;
background:#317F7A;
}
.tmplNavi .active {
position:relative;
top:10px;
}
.tmplNavi .active a {
background:#EEE;
border:none;
border-left:1px solid #DDD;
border-top:3px solid #f1da34;
border-right:1px solid #DDD;
font-weight:bold;
}
.tmplNavi .active a:link,
.tmplNavi .active a:visited {
color:#111;
}
.tmplNavi .active a:hover {
background:#EEE;
border:none;
border-left:1px solid #DDD;
border-top:3px solid #f1da34;
border-right:1px solid #DDD;
}

#tmplHeaderArtList {
position:absolute;
top:21px;
margin:0;
padding:5px;
}
#tmplHeaderArtList li {
display:block;
list-style:none;
float:left;
padding:0;
margin:0;
padding:0;
}
#tmplHeaderArtList li a {
}
#tmplHeaderArtList li a:hover {
}
#tmplHeaderArtList li img {
width:48px;
height:36px;
margin:0 3px 0 0;
padding:2px;
background:#FFF;
border:1px solid #CCC;
/-ms-interpolation-mode:bicubic;
}
#tmplHeaderArtList li a:hover img {
border:1px solid #C00;
}
#tmplHeaderArtList li#tmplHeaderArtListPr img {
border:0;
padding:0;
width:52px;
height:42px;
}
#tmplHeaderArtListOuter {
border:1px solid #CCC;
border-top:0 solid #CCC;
width:298px;
position:absolute;
top:-16px;
right:0;
}
#tmplHeaderArtListOuterHeader {
font-size:11px;
padding:9px 5px 0 5px;
font-weight:bold;
/*
border-bottom:1px solid #CCC;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplHeadBg.gif) repeat-x bottom left;
*/
text-shadow:0 1px 0 rgba(255, 255, 255, 1);
height:68px;
}
/*
#tmplHeaderArtListOuterHeader span {
display:block;
float:left;
color:#FFF;
background:#999;
margin:0 5px 0 0;
padding:0 5px 0 5px;
}
*/
#tmplHeaderArtTitle {
width:250px;
font-size:12px;
margin:3px 5px;
padding-left:18px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplFeedButton.gif) no-repeat 0 -82px;
line-height:18px;
float:left;
}
#tmplHeaderArt {
border:0 none;
height:auto;
position: absolute;
top:0;
right:0;
width:398px;
}
#tmplHeaderArtIn {
border:0 none;
height:auto;
position:relative;
}
#tmplHeaderArt h2 {
font-size:10px;
line-height:12px;
border-bottom:1px solid #CCC;
margin:0 0 3px;
padding:0;
}
.tmplSearch {
}
.tmplSearch #cse-search-box .txt {
width:250px;
}

.cbox {
position:relative;
height:1%;
background:#FFF;
border:1px solid #CCC;
margin-bottom:10px;
}

.cbox .rss {
width:32px;
height:16px;
display:block;
text-indent:0px;
}
.cbox .heading0 .rss {
position:absolute;
top:9px;
right:5px;
}

.cbox .pr {
text-indent:0px;
color:#FFF;
font-size:10px;
line-height:16px;
}
.cbox .heading1 .pr {
position:absolute;
top:5px;
right:5px;
}

.cbox .heading0 {
position:relative;
margin:0;
height:36px;
font-size:12px;
border-bottom:1px solid #EEE;
text-indent:-9999px;
}
.cbox .heading0 a {
display:block;
height:36px;
}
.cbox .menu .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_menu.gif) no-repeat 0 0;
border-right:1px solid #CEB70D;
}
.cbox .menu .heading0 a {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_menu.gif) no-repeat 0 0;
}
.cbox .topstory .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_topstory.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .newarticles .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_newarticles.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .infocenter .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_infocenter.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .newwp .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_newwp.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .newwp .heading0 .wplogo {
position:absolute;
top:0;
right:-1px;
display:block;
width:94px;
height:36px;
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_wplogo.gif) no-repeat 0 0;
border-left:1px solid #FFF;
}
.cbox .features .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_features.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendar .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_calendar.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendarM .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_calendarM.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .noimg .heading0 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading0_noimg.gif) no-repeat 0 0;
border-right:1px solid #000;
text-indent:0;
color:#FFF;
line-height:36px;
padding-left:14px;
font-size:16px;
}

.cbox .heading1 {
position:relative;
margin:0;
padding:5px 5px 5px 22px;
font-size:12px;
border-bottom:1px solid #EEE;
background:url(//image.itmedia.co.jp/images/ulli_wall0.gif) no-repeat 3px center #EEE;
}
.cbox .heading1 a {
display:block;
}
/*
.cbox .newwp .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_newwp.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .wpranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_wpranking.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .wpcorpranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_wpcorpranking.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .ranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_ranking.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .wpkwranking .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_wpkwranking.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .kwlist .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_kwlist.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
}
.cbox .vendorcontents .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_vendorcontents.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .hotcontents .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_hotcontents.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .fromtechtarget .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_fromtechtarget.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .notmembership .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_notmembership.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .vendorpress .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_vendorpress.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .itmediaarticles .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_itmediaarticles.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .ttarticles .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_ttarticles.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendar .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_calendar.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .calendarM .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_calendarM.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .feature10min .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_feature10min.gif) no-repeat 0 0;
border-right:1px solid #000;
}
.cbox .noimg .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_noimg.gif) no-repeat 0 0;
border-right:1px solid #000;
text-indent:0;
color:#FFF;
line-height:25px;
padding-left:21px;
font-size:12px;
}
.cbox .noimg2 .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_noimg2.gif) no-repeat 0 0;
border-right:1px solid #000;
text-indent:0;
color:#FAF1B0;
line-height:25px;
padding-left:21px;
font-size:12px;
}
.cbox .noimg3 .heading1 {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_heading1_noimg3.gif) no-repeat 0 0;
border-right:1px solid #1E5288;
text-indent:0;
color:#FFF;
line-height:25px;
padding-left:21px;
font-size:12px;
}
*/

.cbox .headingMs {
position:relative;
margin:0;
height:56px;
font-size:12px;
border-right:1px solid #CEB70D;
border-bottom:1px solid #EEE;
text-indent:-9999px;
background-color:#000;
}
.cbox .headingMs a {
display:block;
height:56px;
}

.cbox .idxbtn0 {
position:absolute;
bottom:-13px;
right:10px;
width:122px;
height:27px;
}
.cbox .idxbtn0 a {
display:block;
width:122px;
height:27px;
text-indent:-9999px;
}
.cbox .idxbtn0 .backnumber {
background:url(//image.itmedia.co.jp/tt/images/tt/cboxIdx_btn0_backnumber.gif) no-repeat 0 0;
}


.cbox .inner {
padding:5px;
}
#tmplCol1 .cbox .inner,
#tmplCol01 .cbox .inner {
padding:10px;
}
.cbox .black {
background:#000;
color:#FFF;
}
.cbox .black a:link {
color:#FFED70;
}
.cbox .black a:visited {
color:#FFF;
}
.cbox .black a:hover {
color:#FFED70;
}
.cbox .index {
height:1%;
}
.cbox .index .icon {
margin:0 5px 5px 0;
float:left;
}
.cbox .mini .index .icon img {
width:40px;
height:30px;
border:1px solid #CCC;
}
.cbox .index .subtitle {
margin:0;
color:#A73;
font-size:12px;
line-height:18px;
}
#tmplCol0 .cbox .index .subtitle,
#tmplCol2 .cbox .index .subtitle {
font-size:12px;
line-height:16px;
}
.cbox .black .index .subtitle {
color:#F90;
}
.cbox .newwp .index .subtitle {
line-height:22px;
margin-bottom:5px;
}
.cbox .newwp .index .subtitle .doctypesname {
float:left;
font-size:12px;
line-height:20px;
border:1px solid #CCC;
background:url(//image.itmedia.co.jp/tt/images/tt/icon_doctypesname_bg.gif) repeat-x center center #EEE;
color:#333;
font-weight:normal;
display:block;
width:80px;
height:20px;
text-align:center;
margin-right:7px;
}
.cbox .index .title {
margin:0;
font-size:16px;
line-height:22px;
}
#tmplCol0 .cbox .index .title,
#tmplCol2 .cbox .index .title {
font-size:14px;
line-height:18px;
}
.cbox .index .description {
margin:0;
font-size:12px;
line-height:18px;
}
#tmplCol0 .cbox .index .description,
#tmplCol2 .cbox .index .description {
font-size:12px;
line-height:16px;
}
.cbox .index .wpkwdset {
margin:0 0 5px 0;
padding:0;
list-style:none;
}
.cbox .index .wpkwdset li {
margin:0;
padding:0 10px 0 16px;

float:left;
font-size:12px;
line-height:16px;
background:url(//image.itmedia.co.jp/images0509/arr_wpkw.gif) no-repeat 0 1px;
}
.cbox .index .linkset {
margin:0 0 5px 0;
padding:0;
list-style:none;
}
.cbox .index .linkset li {
margin:0;
padding:0 10px 0 16px;
font-size:12px;
line-height:16px;
background:url(//image.itmedia.co.jp/images0509/tot_hl_bg.gif) no-repeat 0 2px;
}
.cbox .index .info {
clear:both;
text-align:right;
font-size:12px;
line-height:16px;
}
.cbox .index .ms { /* Micro Site Name */
}
.cbox .index .date { /* UPDATE */
font-size:12px;
line-height:16px;
}
#tmplR300 .cbox .index .info {
text-align:left;
font-size:10px;
line-height:14px;
display:inline;
}

.cbox .minheading {
margin:0;
padding:3px 0;
font-size:12px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplHeader_right.gif) repeat-x 0 -60px #FFF;
border:1px solid #DDD;
}
.cbox .minheading span {
padding-left:17px;
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 4px 3px;
}
.cbox .ranking .minheading span,
.cbox .wpranking .minheading span,
.cbox .wpkwranking .minheading span {
padding-left:19px;
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_update0.gif) no-repeat 4px 2px;
}

.cbox .list {
margin:0;
padding:0;
list-style:none;
}
.cbox .list li {
margin:0;
padding:0 0 0 14px;
font-size:12px;
line-height:18px;
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0px 3px;
position:relative;
}
#tmplCol0 .cbox .list li,
#tmplCol2 .cbox .list li {
font-size:12px;
line-height:18px;
}
.cbox .menu .list li {background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree0.gif) no-repeat -2px 0;}
.cbox .menu .list li.end {background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree1.gif) no-repeat -2px 0;}
.cbox .newwp .list li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book1.gif) no-repeat 0 2px;
margin-bottom:10px;
}
.cbox .vendorpress .list li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0 2px;
margin-bottom:5px;
}
.cbox .kwlist .list li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_key0.gif) no-repeat 0 1px;
margin-bottom:5px;
padding-left:16px;
}
.cbox .list .date {
}
.cbox .note li {
margin-bottom:5px;
padding-bottom:3px;
border-bottom:1px dotted #DDD;
}
.cbox .calendar .list li,
.cbox .calendarM .list li {
display:block;
float:left;
}
#tmplCol0 .cbox .calendar .list li,
#tmplCol0 .cbox .calendarM .list li {
width:42%;
}
#tmplCol1 .cbox .calendar .list li,
#tmplCol1 .cbox .calendarM .list li {
width:4em;
}

.cbox .rank {
margin:0;
padding:0;
list-style:none;
}
.cbox .rank li {
margin:0 0 5px;
padding:0 0 5px 34px;
font-size:12px;
line-height:18px;
background:url(//image.itmedia.co.jp/tt/images/tt/olli_rank0.gif) no-repeat 0 0;
min-height:30px;
height:auto !important;
height:30px;
border-bottom:1px dotted #DDD;
}
#tmplCol0 .cbox .rank li,
#tmplCol2 .cbox .rank li {
font-size:12px;
line-height:16px;
}
.cbox .rank .rank1 {background-position:0 0;}
.cbox .rank .rank2 {background-position:0 -100px;}
.cbox .rank .rank3 {background-position:0 -200px;}
.cbox .rank .rank4 {background-position:0 -300px;}
.cbox .rank .rank5 {background-position:0 -400px;}
.cbox .rank .rank6 {background-position:0 -500px;}
.cbox .rank .rank7 {background-position:0 -600px;}
.cbox .rank .rank8 {background-position:0 -700px;}
.cbox .rank .rank9 {background-position:0 -800px;}
.cbox .rank .rank10 {background-position:0 -900px;}

#tmplFooter {
width:100%;
}
#tmplFootmenu {
width:100%;
min-width:990px;
background:#F8F8F8;
border-top:1px solid #DDD;
border-bottom:1px solid #DDD;
}
#tmplFootmenuIn {
width:990px;
margin:0 auto;
padding:10px 0;
}
#tmplFootmenu .menu {
width:195px;
float:left;
}
#tmplFootmenu .head {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_book0.gif) no-repeat 0 4px;
margin:0;
padding:0 0 0 14px;
font-size:14px;
font-weight:bold;
line-height:18px;
}
#tmplFootmenu .menu0 {
margin:0;
padding:0;
font-size:12px;
list-style:none;
}
#tmplFootmenu .menu0 li {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree0.gif) no-repeat -1px 0px;
margin:0;
padding:0 0 0 19px;
font-weight:normal;
line-height:18px;
}
#tmplFootmenu .menu0 li.end {
background:url(//image.itmedia.co.jp/tt/images/tt/ulli_tree1.gif) no-repeat -1px 0px;
}
#tmplFootmenu .menu0 li a:link,
#tmplFootmenu .menu0 li a:visited {
text-decoration:none;
}

#tmplFootline {
width:100%;
min-width:990px;
height:10px;
background:url(//image.itmedia.co.jp/tt/images/tt/tmplHeader_right.gif) repeat-x 0 0 #FFF;
border-top:1px solid #FFF;
border-bottom:1px solid #DDD;
font-size:0px;
margin-bottom:10px;
}

.cbox .premiumContents .description {
padding-bottom:5px;
}
.cbox .premiumContents .description a {
font-size:13px;
line-height:1.6;
display:block;
}
.cbox .premiumContents .premiumDlIcon {
position:relative;
width:145px;
display:block;
margin:0 auto;
}
.cbox .premiumContents .premiumDlIcon .premiumRibbon {
display:block;
position:absolute;
right:-4px;
bottom:-2px;
background:url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_ribbon.png) no-repeat;
width:73px;
height:45px;
}
.cbox .premiumContents .premiumImgBox {
position:relative;
text-align:center;
}
.cbox .premiumContents .icon {
float:none;
margin:0 0 10px;
text-decoration:none!important;
}
.cbox .premiumContents .icon .premiumDlIcon {
	display:block;
}
.cbox .premiumContents .icon .premiumDlBtn {
cursor:pointer;
margin:10px auto 0;
padding:3px 7px 3px 26px;
width:85px;
color:#5d5308;
font-weight:bold;
border:1px solid #ceb70d;
border-radius:3px;
display:block;
font-size:14px;
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px #f2dd42;
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -moz-linear-gradient(top,  #fefcef 0%, #f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fefcef), color-stop(100%,#f2dd42));
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -webkit-linear-gradient(top,  #fefcef 0%,#f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -o-linear-gradient(top,  #fefcef 0%,#f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -ms-linear-gradient(top,  #fefcef 0%,#f2dd42 100%);
background: url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, linear-gradient(to bottom,  #fefcef 0%,#f2dd42 100%);
}
.cbox .premiumContents .icon .premiumDlBtn:hover {
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px #f9e97f;
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -moz-linear-gradient(top,  #f9e97f 0%, #f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9e97f), color-stop(100%,#f2dd42));
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -webkit-linear-gradient(top,  #f9e97f 0%,#f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -o-linear-gradient(top,  #f9e97f 0%,#f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, -ms-linear-gradient(top,  #f9e97f 0%,#f2dd42 100%);
background:  url(//image.itmedia.co.jp/tt/images/tt/parts_premiumContents_dl.gif) no-repeat 7px 6px, linear-gradient(to bottom,  #f9e97f 0%,#f2dd42 100%);
}
.cbox .premiumContents .premiumBtmlink {
background:#f7f7f7;
border-top:1px solid #DDD;
padding:3px 10px;
}
.cbox .premiumContents .premiumBtmlink a {
font-weight:normal;
font-size:12px;
}