@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
background:url(//image.itmedia.co.jp/ebook/images/body_bg.gif) repeat-y center top #EEE;
}
a:link {
color:#036;
}
a img {
border:none;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
padding:0 10px 10px;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:660px;
float:left;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:450px;
float:right;
}
#masterSub {
width:300px;
float:right;
}
.colBoxInfo {
text-align:left;
}
.colBoxHeadSubtxt {
right:5px;
top:5px;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:990px;
background:#FFF;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn7 {
margin:3px 0 0 3px;
padding:5px 7px 4px 7px;
border-radius:2px;
background:#FFF;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn7 a {
color:#000;
text-shadow:0 0 0 rgba(255,255,255,0);
}

/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
}
#globalHeaderTop {
float:left;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
display:none;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
width:170px;
height:68px;
padding:10px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
width:170px;
height:68px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:170px;
height:68px;
background:url(//image.itmedia.co.jp/images/logo/170_ebook_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
font-size:1px;
line-height:1px;
}

/*---------------------------------------------------------------------*/
/* ITmedia Book Club 会員登録 */
/*---------------------------------------------------------------------*/
.colBoxBookClub .colBoxHead h2 {
font-size:12px;
line-height:16px;
}
.colBoxBookClub .colBoxButton {
border:1px solid #8E090C;
margin:0 auto 10px;
width:260px;
border-radius:6px;
}
.colBoxBookClub .colBoxButton a {
border-radius:4px;
border:none;
}
.colBoxBookClub .colBoxButton a {
background:#ED4444;
background:-webkit-linear-gradient(top,  #ED4444 0%,#8E090C 100%);
background:linear-gradient(to bottom,  #ED4444 0%,#8E090C 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ED4444', endColorstr='#8E090C',GradientType=0 );
}

/*---------------------------------------------------------------------*/
/* ロゴ下検索 */
/*---------------------------------------------------------------------*/
#globalSearch {
padding:0 10px;
}
#globalSearch input {
font-size:14px;
line-height:16px;
}
#globalSearch .query {
width:150px;
}
#globalSearch form {
padding:0;
margin:0;
}

/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
background:#FFF;
width:748px;
float:left;
height:auto !important;
padding:10px 0;
text-align:center;
font-size:1px;
line-height:1px;
}

/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#localNavigation {
border-bottom:1px solid #DDD;
}
#lnavMain {
background:#DDD;
height:25px;
margin:0;
padding:3px 0 0 10px;
}
#lnavMain .lnavBtn {
display:inline;
}
#lnavMain .lnavBtn a {
text-align:center;
font-size:12px;
line-height:12px;
background:url(//image.itmedia.co.jp/ebook/images/locnav1.gif) repeat-x #FFF;
border-color:#DDD #999 #999 #DDD;
border-style:solid;
border-width:1px;
margin:0;
float:left;
padding:4px 6px;
}
#lnavMain .lnavBtn a:link,
#lnavMain .lnavBtn a:visited {
}
#lnavMain .lnavBtn a:hover {
text-decoration:none;
background:#EED;
background:-webkit-gradient(linear, left top, left bottom, from(#EED), to(#DDC));
background:-moz-linear-gradient(top, #EED, #DDC);
}
#lnavMain .lnavBtnActive a:link,
#lnavMain .lnavBtnActive a:visited,
#lnavMain .lnavBtnActive a:hover {
text-decoration:none;
background:#FFD640;
background:-webkit-gradient(linear, left top, left bottom, from(#FFD640), to(#FFC240));
background:-moz-linear-gradient(top, #FFD640, #FFC240);
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
clear:both;
background:#EEE;
border:1px solid #FFF;
height:23px;
padding:0 0 0 10px;
margin:0;
}
#lnavSub .lnavBtn {
display:inline;
margin:0 5px;
}
#lnavSub .lnavBtn a {
background:url(//image.itmedia.co.jp/ebook/images/locnav2.gif) no-repeat 0 5px;
float:left;
font-size:12px;
line-height:12px;
margin:2px 10px 0 0;
padding:3px 0 4px 11px;
}
#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
}
#lnavSub .lnavBtn a:hover {
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtn a:hover .raquo {
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
display:none;
}
#lnavSubSub .lnavBtn {
}
#lnavSubSub .lnavBtn a {
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
}
#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 {
display:none;
}
#lnavSubSub .lnavBtn a:hover .raquo {
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.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;
}
.lnavBtnGroupIn .lnavBtn a {
width:auto !important;
margin:0 !important;
padding:3px !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;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
font-size:12px;
line-height:18px;
color:#999;
background:#FFF;
border:1px solid #DDD;
padding:3px 10px;
margin:0 0 10px;
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
padding:10px 0;
}
#globalFooterLink {
color:#999;
font-size:12px;
line-height:14px;
text-align:right;
margin:0;
padding:30px 15px 5px;
height:1%;
}
#globalFooterBottom #lnavSub {
display:none;
}
#globalFooterBottom #lnavSubSub {
display:none;
}
#glob#cboxNewArtopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
#globalFooterMediaListIn {
border-top:1px solid #DDD;
padding:15px;
}
#globalFooterMediaList .mediaList ul {
border-top:1px solid #EEE;
}
#globalFooterCorp {
border-top:1px solid #DDD;
padding:11px 15px 8px;
}

/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
#masterMainLeft .colBoxHeadSubtxt,
#masterSub .colBoxHeadSubtxt {
top:6px;
right:5px;
color:#333;
}
#masterMain .colBoxFeatures .colBoxOuter,
#masterSub .colBoxOuter {
border:1px solid #CCC;
}
#masterMain .colBoxHead {
border:1px solid #CCC;
}
#masterMain .colBoxFeatures .colBoxHead {
border:none;
border-bottom:1px solid #CCC;
}
#masterMain .colBoxHead,
#masterSub .colBoxHead {
background:#f1f1f1; /* Old browsers */
background:-moz-linear-gradient(top,  #fdfdfd 0%, #e0e0e0 100%); /* FF3.6+ */
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#fdfdfd), color-stop(100%,#e0e0e0)); /* Chrome,Safari4+ */
background:-webkit-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 100%); /* Chrome10+,Safari5.1+ */
background:-o-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 100%); /* Opera 11.10+ */
background:-ms-linear-gradient(top,  #fdfdfd 0%,#e0e0e0 100%); /* IE10+ */
background:linear-gradient(to bottom,  #fdfdfd 0%,#e0e0e0 100%); /* W3C */
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#e0e0e0',GradientType=0 ); /* IE6-9 */
margin:0;
padding:5px 10px 3px;
}
.colBoxHead {
color:#333;
}
#masterMain .colBoxInner {
padding:10px 0;
}
#masterMain .colBoxFeatures .colBoxInner {
padding:10px;
}
#masterSub .colBoxInner {
padding:10px 0;
}
#masterSub .colBoxIndex {
padding:0 10px;
}
#masterMain .colBoxSubTitle h5,
#masterSub .colBoxSubTitle h5 {
font-size:12px;
line-height:14px;
}
#masterMain .colBoxTitle h3,
#masterSub .colBoxTitle h3 {
font-size:15px;
line-height:20px;
}
.colBoxSenna .colBoxHead {
display:none;
}

/* リストの体裁 */
.colBoxUlist ul li,
.colBox .backNumBoxIn ul li,
.colBoxIndex .linkset li {
background:url(//image.itmedia.co.jp/images/ulli_document1.gif) no-repeat 0 0;
padding:0 0 5px 18px;
}

/* close up */
.colBoxR50 #newzia_connect_flmobile h4 {
font-size:16px;
line-height:21px;
}

/* 拡大画像 */
.colBoxLargeImage .colBoxInfo {
font-size:14px;
line-height:18px;
}

/* 右カラムツイートボタン */
.TwitterLink {
width:300px;
}
#masterSub .TwitterLink .colBoxOuter {
background:none;
border:none;
}
#masterSub .TwitterLink .colBoxInner {
padding:0;
font-size:12px;
line-height:32px;
font-weight:bold;
text-align:left;
border:1px solid #000;
background:#121212;
background:-moz-linear-gradient(top,  #515151 0%, #121212 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#515151), color-stop(100%,#121212));
background:-webkit-linear-gradient(top,  #515151 0%,#121212 100%);
background:-o-linear-gradient(top,  #515151 0%,#121212 100%);
background:-ms-linear-gradient(top,  #515151 0%,#121212 100%);
background:linear-gradient(top,  #515151 0%,#121212 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#515151', endColorstr='#121212',GradientType=0 );
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
}
#masterSub .TwitterLink .colBoxIndex {
background:url(//image.itmedia.co.jp/images0509/rc_twitter_icon.gif) no-repeat scroll 6px 7px;
padding:2px 0 0 45px;
border-bottom:none;
}
#masterSub .TwitterLink .colBoxIndex a {
color:#FFF;
text-decoration:none;
}

/* 右カラムgplus */
#masterSub .GplusLink .colBoxTitle {
margin:0;
padding:7px 0 0;
}
#masterSub .GplusLink .colBoxTitle a {
font-size:13px;
line-height:18px;
font-weight:bold;
}
#masterSub .GplusLink .colBoxTitle strong {
color:#C00;
}
#masterSub .GplusLink .colBoxIcon a {
border:none;
margin:0 5px 0 0;
}


/* ランキング */
#colBoxRankingCuff .colBoxRankingUnder {
display:none;
}
#colBoxRankingCuff.colBoxRankingLong .colBoxRankingUnder {
display:block;
}
#colBoxRankingCuff .colBoxInfo {
background:url(//image.itmedia.co.jp/ebook/images/RankingBt.gif) no-repeat 0 0;
display:block;
width:99px;
height:21px;
cursor:pointer;
float:left;
}
#colBoxRankingCuff.colBoxRankingLong .colBoxInfo {
background-position:0 -21px;
}
#colBoxRankingCuff .colBoxInfo p {
display:none;
}
#colBoxRankingCuff .colBoxPageLink {
float:right;
}
#masterSub .colBoxRanking .colBoxOlist ol {
font-size:13px;
line-height:20px;
}
.colBoxRanking .colBoxOlist ol li {
padding:0 0 4px 25px;
margin:0 0 4px;
border-bottom:1px solid #EEE;
background:url(//image.itmedia.co.jp/ebook/images/colBox_rank.gif) no-repeat;
min-height:20px;
height:auto!important;
height:20px;
}
.colBoxRanking .colBoxDate {
font-size:12px;
line-height:14px;
}
.colBoxRanking .colBoxOlist ol li.rank1 {
background-position:0 0;
}
.colBoxRanking .colBoxOlist ol li.rank2 {
background-position:0 -100px;
}
.colBoxRanking .colBoxOlist ol li.rank3 {
background-position:0 -200px;
}
.colBoxRanking .colBoxOlist ol li.rank4 {
background-position:0 -300px;
}
.colBoxRanking .colBoxOlist ol li.rank5 {
background-position:0 -400px;
}
.colBoxRanking .colBoxOlist ol li.rank6 {
background-position:0 -500px;
}
.colBoxRanking .colBoxOlist ol li.rank7 {
background-position:0 -600px;
}
.colBoxRanking .colBoxOlist ol li.rank8 {
background-position:0 -700px;
}
.colBoxRanking .colBoxOlist ol li.rank9 {
background-position:0 -800px;
}
.colBoxRanking .colBoxOlist ol li.rank10{
background-position:0 -900px;
}

/* アマゾンアフィリエイト */

#masterSub .colBoxAffiliate .colBoxIndex {
border-bottom:none;
width:134px;
float:left;
}
#masterSub .colBoxAffiliate .colBoxIndexLeft {
padding:0 5px 10px 10px;
}
#masterSub .colBoxAffiliate .colBoxIndexRight {
padding:0 10px 10px 5px;
}
.colBoxAffiliate .colBoxIcon a {
border:none;
}
.colBoxAffiliate .colBoxIcon img {
width:60px;
}
#masterSub .colBoxAffiliate .colBoxTitle h3 {
font-size:11px;
line-height:16px;
font-weight:normal;
}

/* コンテンツパートナー */
#masterSub .colBoxCpartner .colBoxInner {
margin:0 auto;
text-align:center;
}
#masterSub .colBoxCpartner .colBoxIndex {
padding:0;
display:inline-block;
}
.colBoxCpartner .colBoxImg {
float:left;
padding:5px;
}

/* 記事タイプ */
span.type-news,
span.type-flash,
span.type-review,
span.type-column,
span.type-series,
span.type-interview,
span.type-spedition,
span.type-topten,
span.type-keyword,
span.type-report,
span.type-comparison,
span.type-Special {
display:block;
float:left;
width:54px;
height:14px;
text-indent:-9999px;
}
span.type-news {
background:url(//image.itmedia.co.jp/images0509/at_news.gif) no-repeat scroll 0 2px;
}
span.type-flash {
background:url(//image.itmedia.co.jp/images0509/at_burst.gif) no-repeat scroll 0 2px;
}
span.type-review {
background:url(//image.itmedia.co.jp/images0509/at_review.gif) no-repeat scroll 0 2px;
}
span.type-column {
background:url(//image.itmedia.co.jp/images0509/at_column.gif) no-repeat scroll 0 2px;
}
span.type-series {
background:url(//image.itmedia.co.jp/images0509/at_rensai.gif) no-repeat scroll 0 2px;
}
span.type-interview {
background:url(//image.itmedia.co.jp/images0509/at_interview.gif) no-repeat scroll 0 2px;
}
span.type-spedition {
background:url(//image.itmedia.co.jp/images0509/at_special.gif) no-repeat scroll 0 2px;
}
span.type-topten {
background:url(//image.itmedia.co.jp/images0509/at_top10.gif) no-repeat scroll 0 2px;
}
span.type-keyword {
background:url(//image.itmedia.co.jp/images0509/at_keyword.gif) no-repeat scroll 0 2px;
}
span.type-report {
background:url(//image.itmedia.co.jp/images0509/at_report.gif) no-repeat scroll 0 2px;
}
span.type-comparison {
background:url(//image.itmedia.co.jp/images0509/at_compare.gif) no-repeat scroll 0 2px;
}
span.type-Special {
background:url(//image.itmedia.co.jp/images0509/at_fyi.gif) no-repeat scroll 0 2px;
}