@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
* {
/zoom:1;
}
body {
color:#000;
background:#FFF;
line-height:1.6;
}
a:link {
color:#1d3994;
}
a:visited {
color:#1d3994;
}
a:hover{
color:#1d3994;
text-decoration:underline;
}
a img {
border:none;
margin:0;
/zoom:normal;
}

/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
#masterBody {
overflow-x:hidden;
min-width:990px;
position:relative;
/zoom:1;
/max-width:100%;
/margin:0 auto;
}
#masterBodyOut {
width:990px;
margin:0 auto;
background:#FFF;
}
#masterContents {
padding-top:0;
/position:relative;
/z-index:0;
}
#globalContents {
background:#FFF;
padding-top:5px;
margin:0;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterHeader {
position:relative;
/z-index:1;
}
#masterBodyOuter {
position:relative;
z-index:1;
}
#masterMain {
float:left;
width:637px;
padding:0 15px 15px;
}
#masterMainLeft {
width:215px;
}
#masterMainLeft .colBoxOuter {
padding-right:0;
}
#masterMainRight {
}
#masterSub {
float:right;
width:300px;
padding:5px 10px 10px;
background:#FFF;
margin-bottom:20px;
}
#masterNavigation {
z-index:1;
width:100%;
background:#454545;
position:relative;
top:0;
left:0;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup4 #globalNavigation {
margin:0 auto;
}
#globalNavigationGroup4 #globalNavigation .gnavOut {
background:transparent;
position:relative;
top:auto;
left:auto;
width:auto;
height:25px;
}
#globalNavigationGroup4 #globalNavigation .gnavIn {
width:990px;
padding:0;
margin:0 auto;
position:relative;
}
#globalNavigationGroup4 #globalNavigation .gnavBtn {
display:block;
height:24px;
border-right:1px solid #666;
float:left;
}
#globalNavigationGroup4 #globalNavigation .gnavBtn:hover {
background:#676767;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
}
#globalNavigationGroup4 #globalNavigation .gnavBtn0 {
background:#408cb3;
border-left:1px solid #555;
box-shadow:none;
box-shadow:0 1px 1px rgba(0,0,0,0.4);
}
#globalNavigationGroup4 #globalNavigation .gnavBtn0:hover {
background:#006599;
}
#globalNavigationGroup4 #globalNavigation .gnavBtn a {
width:auto;
height:auto;
margin:0;
padding:6px 14px;
font-size:12px;
color:#FFF;
font-weight:normal;
line-height:13px;
text-decoration:none;
border:0;
}
#globalNavigationGroup4 #globalNavigation .gnavBtn1 a,
#globalNavigationGroup4 #globalNavigation .gnavBtn1 a:link,
#globalNavigationGroup4 #globalNavigation .gnavBtn1 a:visited {
padding-bottom:5px;
background:#408cb3;
border-radius:0;
-webkit-border-radius:0;
-moz-border-radius:0;
}
#globalNavigationGroup4 #globalNavigation .gnavBtn1 a:hover {
background:#006599;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
}

/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
#headerBgArea {
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
display:none;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
width:180px;
float:left;
margin:3px 0 0;
}
#globalLogo h1,
#globalLogo .logoArea {
margin:0 auto;
width:150px;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
}
#masterType-special #globalLogo,
#masterType-articlePR #globalLogo {
width:162px;
margin:0;
padding:0;
}
#masterType-special #globalLogo img,
#masterType-articlePR #globalLogo img {
margin:15px;
}
.tenshoku-search #globalLogo a {
width:130px;
height:63px;
background:url(//image.itmedia.co.jp/images/logo/130_ait_bgw.gif) no-repeat center center;
text-indent:-9999px;
}
/*---------------------------------------------------------------------*/
/* ヘッダ上 */
/*---------------------------------------------------------------------*/
#globalHeaderTop {
/padding-bottom:0;
padding-bottom:0;
}
#globalHeaderTopInner {
position:relative;
padding:20px 0 0 0;
/z-index:2;
}
/*---------------------------------------------------------------------*/
/* サーチ */
/*---------------------------------------------------------------------*/
#colBoxGlobalSearch {
position:absolute;
top:-23px;
right:2px;
z-index:100;
margin-bottom:10px;
}
#colBoxGlobalSearch #globalSearchBox {
width:214px;
float:none;
}
#globalSearch {
padding-bottom:12px;
width:750px;
float:right;
}
#globalSearch form {
margin:0;
padding:0;
}
#globalSearch form .q-box {
width:225px;
height:23px;
font-size:16px;
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
#globalSearch form .submit {
vertical-align:top;
}
#globalSearchBox {
float:right;
width:160px;
height:21px;
overflow:hidden;
}
#globalSearchBox table.gsc-search-box {
margin-bottom:0;
}
#globalSearchBox .gsc-input-box {
height:auto;
}
#globalSearchBox .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0;
height:19px!important;
}
#globalSearchBox input.gsc-input,
#globalSearchBox .gsc-input-box,
#globalSearchBox .gsc-input-box-hover,
#globalSearchBox .gsc-input-box-focus {
border-color:#999;
}
#globalSearchBox input.gsc-search-button,
#globalSearchBox input.gsc-search-button:focus {
border-color:#999;
background-color:#999;
background-image:none;
filter:none;
margin:0;
padding:3px;
border-radius:0;
border-left:0 none;
box-sizing:content-box;
}
#globalSearchBox .gsib_a {
padding:0 3px 0;
}
#globalSearchBox input.gsc-search-button:hover {
background-color:#BBB;
}
#globalSearchBox td.gsc-search-button {
width:18px;
}
#globalSearchBox .gsc-search-button-v2 {
padding:3px 4px;
}
#globalSubNavigation ul {
margin:0;
padding:0;
}
#globalSubNavigation li {
float:right;
font-size:12px;
list-style:none;
padding-right:10px;
}
#globalSubNavigation li a {
line-height:22px;
}
#globalSubNavigation li a:visited {
color:#000;
}
/* rc_globalSearch 20180806 */
#rc_globalSearch {
margin:0 0 10px;
}
#rc_globalSearch .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0;
}
#rc_globalSearch .gsc-search-box-tools table {
height:26px;
}

/*---------------------------------------------------------------------*/
/* ヘッダ中 */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
background:#FFF;
padding-top:35px;
}
/*---------------------------------------------------------------------*/
/* ヘッダ下 */
/*---------------------------------------------------------------------*/
#globalHeaderBottom {
position:relative;
padding-top:35px;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#localNavigation {
width:805px;
float:right;
}
#lnavMain {
width:auto;
background:#FFF;
display:table;
clear:both;
margin:0 0 5px;
}
#lnavMain .lnavBtn {
display:block;
float:left;
padding:5px 10px 4px 0;
margin:0 0 4px 0;
}
#lnavMain .lnavBtn:hover {
background:#EEE;
}
*+html #lnavMain .lnavBtn {
float:left;
}
#lnavMain .lnavBtn a {
font-size:12px;
line-height:14px;
padding:0 0 0 10px;
font-weight:bold;
color:#666;
text-decoration:none;
display:block;
word-break:break-all;
border-left:1px solid #666;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub{
width:988px;
padding:0;
background:transparent;
display:table;
z-index:3;
margin:0 0 5px 0;
}
#lnavSub .lnavBtn{
display:table-cell;
float:left;
position:relative;
background:#e8e8e8;
border-radius:3px;
color:#555;
padding:4px 10px 3px;
margin:0 4px 2px 0;
}
#lnavSub .lnavBtn a,
#lnavSub .lnavBtn a:visited {
font-size:12px;
line-height:15px;
padding:0;
color:#555;
text-decoration:none;
display:block;
word-break:break-all;
}
#lnavSub .lnavBtn:hover {
background:#cbcbcb;
text-decoration:none;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtnNew a {
margin:0;
background:none;
}
#lnavSub .lnavBtnNew a:after {
font-size:10px;
font-weight:bold;
color:#FFEE00;
content:' NEW!';
}
#lnavSub .lnavBtnHover a{
padding-right:10px;
}
.lnavBtnHover a:after {
content:'\a0\25BC';
font-size:8px;
color:#bbb;
padding-right:4px;
}
#lnavSub .lnavBtnTopic {
border-right:1px solid #676767;
}
#lnavSub .lnavBtnTopic a {
background:none;
padding-right:0;
margin-right:0;
}
#lnavSub .lnavBtn.lnavBtnspecialcolor {
background:#676767;
}
#lnavSub .lnavBtn.lnavBtnspecialcolor a {
color:#FFF;
}
#lnavSub .lnavBtn.lnavBtnspecialcolor:hover {
background:#454545;
}

/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub .lnavBtnGroup {
width:150px;
z-index:150;
background:#666;
top:25px!important;
left:0!important;
box-shadow:0 1px 2px 0 #DDD;
border-right:1px solid #DDD;
border-left:1px solid #DDD;
border-bottom:1px solid #DDD;
opacity:0.97;
border:0;
}
#lnavSub .lnavBtnGroup .lnavBtn {
width:100%;
float:left;
border:0;
padding:0;
border-bottom:1px solid #888;
}
#lnavSub .lnavBtnGroup .lnavBtn a {
padding:0;
display:block;
text-decoration:none;
float:none;
}
#lnavSub .lnavBtnGroup .lnavBtn a:after {
content:'';
}
#lnavSub .lnavBtnGroup .lnavBtn a:visited {
float:none;
}
#lnavSub .lnavBtnGroup .lnavBtn a:hover {
color:#FFF;
background:#787878;
}
#lnavSub .lnavBtnNew .lnavBtnGroupOut a {
background-image:none;
padding:0 5px;
margin-right:0;
}
#lnavSub .lnavBtnTopic .lnavBtnGroupOut a {
background-image:none;
padding:5px 5px 3px;
margin-right:0;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
margin:0;
padding:0 15px;
}
#localPankuzu .lpanOut {
font-size:12px;
line-height:1.2em;
color:#999;
}
#localPankuzu .lpanOut a,
#localPankuzu .lpanOut a:visited {
color:#1d3994;
}
#localPankuzu .lpanOut a:hover {
color:#000;
}
#localPankuzu ol {
list-style:none;
display:inline;
margin:0;
padding:0;
}
#localPankuzu li  {
display:inline;
}
#localPankuzu li:after {
content:' > ';
}
#localPankuzu li:last-child:after {
content:'';
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#mediaFooter {
background:#FFF;
margin-top:25px;
position:relative;
}
.mediaFooterMediaList {
width:990px;
margin:0 auto;
padding:20px 15px;
position:relative;
z-index:1;
}
.mediaFooterMediaList:after {
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

.mediaFooterMediaList .colBoxIndex {
width:200px;
float:left;
margin-right:42px;
}

.mediaFooterMediaList .colBoxTitle h3,
.mediaFooterMediaList .colBoxTitle p {
margin:0 0 3px;
padding:0 0 0 6px;
border-left:3px solid #C00;
font-size:12px;
line-height:16px;
font-weight:bold;
}

.mediaFooterMediaList .colBoxUlist {
border-top:1px solid #666;
padding:3px 0 0;
}

.mediaFooterMediaList .colBoxUlist ul li {
background:none;
margin:0 0 3px 0;
padding:0;
}
.colBoxMailmagazine {
margin:0!important;
}
.colBoxMailmagazine .colBoxTitle {
border-bottom:1px solid #666;
}
#masterFooter {
padding:0;
background:#FFF;
}
#mediaFooter .mediaFooterMediaList a:visited,
#globalFooterMediaList .mediaList ul li a:visited {
color:#000!important;
}
#globalFooter {
width:990px;
margin:0 auto;
position:relative;
padding-bottom:15px;
}

#footerBgArea,
#mediaFooterBgArea {
margin:0 -500%;
padding:0 500%;
background:#FFF;
height:100%;
position:absolute;
z-index:0;
}
#mediaFooterBgArea {
border-top:1px solid #E6E6E6	;
}
#globalFooterMediaList {
position:relative;
z-index:1;
padding:0 15px;
}


#globalFooter .colBoxAbout {
margin:10px 0 15px 0;
}

.colBoxAbout .colBoxOuter {
width:200px;
float:left;
margin-right:42px;
}

#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;
}
#globalFooterCorpLink {
position:relative;
}

#globalCopyright {
font-size:12px;
line-height:16px;
}

#globalInquiry {
font-size:10px;
line-height:16px;
}

.colBoxMailmagazine .colBoxDescription p {
margin-bottom:10px;
}

#registerButton ul {
margin:0;
padding:0;
}

#registerButton ul li {
float:left;
list-style-type:none;
}

#registerButton a {
width:130px;
background:#E7E7E7;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,white), color-stop(100%,#E7E7E7));
background:-moz-linear-gradient(top, #FFF, #E7E7E7);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e7e7e7',GradientType=0 );
border-radius:3px;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border:1px solid #999;
text-align:center;
display:block;
float:left;
color:black;
margin:0 8px 8px 0;
padding:7px 8px;
font-size:12px;
line-height:15px;
white-space:nowrap;
}

#registerButton a:hover {
text-decoration:none;
background:#CCC;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#CCCCCC', endColorstr='#CCCCCC',GradientType=0 );
}

/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
.colBox a {
/zoom:normal;
}
.colBox a:hover {
color:#000;
}
.colBox .colBoxTitle {
margin-bottom:5px;
}
.colBox .colBoxTitle,
.colBox .colBoxSubTitle,
.colBox .colBoxDescription,
.colBox .colBoxIcon,
.colBox .colBoxIcon img {
/zoom:normal;
}
.colBoxTitle h3 {
font-size:15px;
line-height:1.4;
}
#masterSub .colBoxTitle h3,
#masterSub .colBoxTitle p {
font-size:14px;
font-weight:bold;
line-height:1.4;
margin:0;
}
.colBox .colBoxIcon a {
margin:0 20px 10px 0;
/zoom:normal;
}
.colBox .indexDate,
.colBoxPastArticle .colBoxDate,
.colBox .colBoxIndexDate {
font-weight:normal;
font-size:11px;
color:#999;
}
.colBox .colBoxIndexDate p {
text-align:right;
padding:3px 0 8px 0;
margin:0;
}
.colBoxUlist ul li {
background:url(//image.itmedia.co.jp/ait/images/ait1509_ulli.png) no-repeat 0px 4px;
border-bottom:none;
font-size:13px;
line-height:1.4;
padding-left:10px;
padding-bottom:0;
margin-bottom:9px;
}
.colBoxUlist ul li:last-child {
margin-bottom:0;
}

.colBoxHead {
color:#000;
position:relative;
border-bottom:3px solid #408cb3;
margin-left:0;
margin-bottom:15px;
width:100%;
padding:9px 0 5px;
clear:both;
}
.colBoxInnerHead {
border-bottom:3px solid #408cb3;
margin-left:0;
margin-bottom:15px;
width:100%;
padding:9px 0 5px;
clear:both;
}
#masterSub .colBoxHead {
color:#000;
position:relative;
border-top:2px solid #408cb3;	
border-bottom:1px dotted #408cb3;
margin-left:0;
margin-bottom:15px;
width:100%;
padding:9px 0 8px;
clear:both;
}
.colBoxInnerHead h2 {
display:inline-block;
color:#000;
min-height:15px;
}
.colBoxInnerHead h2 a:link,
.colBoxInnerHead h2 a:visited {
color:#000;
}
.colBoxHead h2 {
display:inline-block;
padding:0 10px 0 0;
line-height:1.4;
}
.colBoxHead p {
display:inline-block;
margin:0;
padding:0 10px 0 0;
font-size:14px;
line-height:1.4;
font-weight:bold;
}
.colBox h2 a:visited {
color:#000;
}
.colBoxHead p a:visited {
color:#000;
}
.colBox h2 {
margin:0;
font-size:13px;
line-height:15px;
}
.colBox .colBoxHead h2 {
font-size:14px;
line-height:1.4;
}
.colBox .colBoxSubTitle h5 {
color:#666;
/zoom:normal;
}
.colBox .colBoxDescription p {
color:#666;
line-height:1.6;
word-break:break-all;
text-align:justify;
}
.colBoxIndex .colBoxInfo,
.colBoxIndex .colBoxInfo a,
.colBox .colBoxDescription p {
color:#666;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
}
.colBoxIndex:hover .colBoxDescription p,
.colBoxIndex:hover .colBoxInfo,
.colBoxIndex:hover .colBoxInfo a {
color:#666;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
}
.colBoxIndex {
margin-bottom:9px;
/zoom:normal;
}
.colBoxIndex:last-child {
margin-bottom:0;
}
#masterMain .colBox *,
#masterSub .colBox * {
/zoom:normal;
}
#masterMain .colBox {
position:relative;
background:#FFF;
margin-bottom:0; 
}
#masterSub .colBox {
margin-bottom:30px;
}
#masterMain .titleList a,
#masterMain .colBoxInnerEL #js-topELIndex .colBoxUlist a,
#masterMain .colBoxInnerITtrain h3 {
font-size:13px;
line-height:1.3;
}
#masterMain .indexDate,
#masterMain .titleList .indexDate a {
font-size:11px;
font-weight:normal;
}
#masterSub .colBox .colBoxIcon a {
margin:0 10px 0 0;
}

/* colBoxTopStories */
/* ======================== */
.colBoxTopStories .colBoxIndex {
margin-bottom:0;
position:relative;
}

.colBoxInnerITtrain .colBoxTitle {
font-size:12px;
}
.colBoxInnerITtrain .colBoxDescription {
margin-bottom:10px;
}
.colBoxInnerITtrain .colBoxAnsBtn a {
background:#EBEBEB;
border:1px solid #CCB;
float:right;
padding:5px;
font-size:12px;
background:#f9f9f9;
background:-moz-linear-gradient(top,  #f9f9f9 0%, #ededed 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed));
background:-webkit-linear-gradient(top,  #f9f9f9 0%,#ededed 100%);
background:-o-linear-gradient(top,  #f9f9f9 0%,#ededed 100%);
background:-ms-linear-gradient(top,  #f9f9f9 0%,#ededed 100%);
background:linear-gradient(to bottom,  #f9f9f9 0%,#ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 );
}
.colBoxInnerITtrain .colBoxAnsBtn a:visited {
color:#000;
}
.colBoxInnerITtrain .colBoxAnsBtn a:hover {
text-decoration:none;
background:#e8e8e8;
background:-moz-linear-gradient(top,  #e8e8e8 0%, #ededed 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8e8e8), color-stop(100%,#ededed));
background:-webkit-linear-gradient(top,  #e8e8e8 0%,#ededed 100%);
background:-o-linear-gradient(top,  #e8e8e8 0%,#ededed 100%);
background:-ms-linear-gradient(top,  #e8e8e8 0%,#ededed 100%);
background:linear-gradient(to bottom,  #e8e8e8 0%,#ededed 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8e8e8', endColorstr='#ededed',GradientType=0 );
}

/* エンジニアライフ枠 */
/* ======================== */
.colBoxInnerEL .colBoxIcon a {
display:block;
overflow:hidden;
}
.colBoxInnerEL .colBoxUlist {
/clear:both;
}
.colBoxInnerEL img {
width:auto;
width:120px;
height:90px;
}

/* ランキングタブ */
/* ======================== */
#masterSub .colBoxArticleRanking .colBoxRankTab {
border-bottom:0 none;
padding-bottom:3px;
margin-bottom:2px;
height:26px;
}
#masterSub .colBoxArticleRanking strong {
border:0 none;
width:50%;
height:26px;
padding:0;
text-align:center;
font-weight:normal;
color:#999;
cursor:pointer;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
line-height:1.9;
}
#masterSub .colBoxArticleRanking strong span {
display:block;
height:25px;
font-size:14px;
overflow:hidden;
color:#000;
border-bottom:1px solid #DDD;
}
#masterSub .colBoxArticleRanking strong.active {
font-weight:bold;
color:#000;
}
#masterSub .colBoxArticleRanking strong:hover {
background:#DDD;
color:#FFF;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
}
#masterSub .colBoxArticleRanking strong.active span {
border-left:1px solid #DDD;
border-top:1px solid #DDD;
border-right:1px solid #DDD;
border-bottom:none;
}
#masterSub .colBoxArticleRanking strong.tab1 {
float:left;
}
#masterSub .colBoxArticleRanking strong.tab2 {
float:right;
}
#masterSub .colBoxArticleRanking .colBoxIndex {
display:none;
}
#masterSub .colBoxArticleRanking .colBoxIndex.active {
display:block;
}
#masterSub .colBoxArticleRanking .colBoxIndex .colBoxUlist ul {
padding-top:10px;
}
#masterSub .colBoxArticleRanking .colBoxHead h2,
#masterSub .colBoxArticleRanking .colBoxHead p {
padding:0 5px 0 5px;
}

#masterSub .colBoxArticleRanking .colBoxRankTab {
width:300px;
margin-left:0;
border-bottom:0 none;
border-top:0 none;
background:none;
}
#masterSub .colBoxArticleRanking .colBoxRankTab strong {
border-left:0 none;
padding-left:0;
margin-left:0;
}
#masterSub .colBoxArticleRanking .colBoxUlist ul li {
word-break:break-all;
font-size:14px;
margin-bottom:15px;
padding-left:26px;
min-height:24px;
}

.colBoxUlist ul li.rank1 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon01.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank2 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon02.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank3 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon03.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank4 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon04.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank5 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon05.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank6 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon06.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank7 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon07.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank8 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon08.png) no-repeat 0 1px;
}
.colBoxUlist ul li.rank9 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon09.png) no-repeat 0 1px;
padding-left:18px;
}
.colBoxUlist ul li.rank10 {
background:url(//image.itmedia.co.jp/ait/images/rankingicon10.png) no-repeat 0 1px;
padding-left:18px;
}

/* ランキング改修版160616 */
/* ======================== */
#colBoxArticleRanking .colBoxRank {
clear:both;
position:relative;
margin-bottom:15px;
}
#colBoxArticleRanking .colBoxRank:first-child {
margin-top:15px;
}
#colBoxArticleRanking .colBoxRankIcon {
display:none;
}
#colBoxArticleRanking .colBoxRankNum {
position:absolute;
top:1px;
left:0px;
width:20px;
height:20px
}
#colBoxArticleRanking .colBoxRankNum span {
display:block;
text-indent:-99999px;
}
#colBoxArticleRanking .colBoxRankTitle {
margin-left:26px;
}
#colBoxArticleRanking .colBoxRankTitle h3 {
font-weight:normal;
font-size:14px;
line-height:1.4;
word-break:break-all;
margin:0;
}
#colBoxArticleRanking .rank1 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon01.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank2 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon02.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank3 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon03.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank4 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon04.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank5 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon05.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank6 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon06.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank7 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon07.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank8 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon08.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank9 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon09.png) no-repeat 0 0;
}
#colBoxArticleRanking .rank10 .colBoxRankNum {
background:url(//image.itmedia.co.jp/ait/images/rankingicon10.png) no-repeat 0 0;
}

/* colBoxThemeBannar */
/* ======================== */
#masterSub .colBoxThemeBannar {
overflow:hidden;
}
.colBoxThemeBannar .colBoxIcon {
display:block;
}
.colBoxThemeBannar .colBoxIcon a {
float:none;
overflow:hidden;
margin:0;
display:block;
border:0 none;
}
.colBoxThemeBannar .colBoxIcon img {
width:auto;
height:auto;
max-width:100%;
}

/* colBoxMargeArtList */
/* ======================== */
.colBoxMargeArtList .colBoxUlist ul li {
padding-left:45px;
}
.colBoxMargeArtList .colBoxUlist ul .type-news {
background:url(//image.itmedia.co.jp/ait/images/reborn_margeIcon.gif) no-repeat 0 2px;
}
.colBoxMargeArtList .colBoxUlist ul .type-matome {
background:url(//image.itmedia.co.jp/ait/images/reborn_margeIcon_matome.gif) no-repeat 0 2px;
}
.colBoxMargeArtList .colBoxUlist ul .type-event {
background:url(//image.itmedia.co.jp/ait/images/reborn_margeIcon_event.gif) no-repeat 0 2px;
}

/* TOP お詫び */
/* ======================== */
.colBoxTopApology .colBoxDescription p,
.colBoxTopApology .colBoxDescription p:hover {
color:#BD372F;
}
.colBoxTopApology .colBoxDescription,
.colBoxTopApology .colBoxIndex {
margin-bottom:0;
}

/* socialBtn */
#masterSub .colBoxSnsBtn {
margin-bottom:10px;
}
.colBoxSnsBtn ul {
margin:0;
padding:0;
list-style:none;
}
.colBoxSnsBtn .colBoxIndex {
margin-bottom:0;
}
.colBoxSnsBtn ul li {
display:block;
font-size:12px;
line-height:18px;
margin:0 7px 0 0;
background:none;
padding:0;
float:left;
}
.colBoxSnsBtn ul li a {
text-decoration:none;
width:25px;
height:25px;
display:block;
background:url(//image.itmedia.co.jp/ait/images/reborn_socialBtns25.gif) no-repeat 0 0;
border-radius:2px;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
text-indent:-9999px;
}
.colBoxSnsBtn ul li a:hover {
opacity:0.8;
-ms-transition:all 0.2s ease;
-webkit-transition:all 0.2s ease;
-moz-transition:all 0.2s ease;
-o-transition:all 0.2s ease;
}
.colBoxSnsBtn ul .globalSocialBtnRss      a {background-position:0 0;}
.colBoxSnsBtn ul .globalSocialBtnFacebook a {background-position:0 -50px;}
.colBoxSnsBtn ul .globalSocialBtnTwitter  a {background-position:0 -100px;}

.colBoxSnsBtn ul .globalSocialBtnMail a {
text-indent:0;
color:#FFF;
width:auto;
padding:0 5px;
font-size:11px;
font-weight:bold;
line-height:28px;
background:#dd3737;
background:-moz-linear-gradient(top,  #dd3737 0%, #bd372f 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dd3737), color-stop(100%,#bd372f));
background:-webkit-linear-gradient(top,  #dd3737 0%,#bd372f 100%);
background:-o-linear-gradient(top,  #dd3737 0%,#bd372f 100%);
background:-ms-linear-gradient(top,  #dd3737 0%,#bd372f 100%);
background:linear-gradient(to bottom,  #dd3737 0%,#bd372f 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd3737', endColorstr='#bd372f',GradientType=0 );
}


/*---------------------------------------------------------------------*/
/* masterSub
/*---------------------------------------------------------------------*/
#masterSub .colBoxEventCalendar h3 {
background:#FFF;
padding:1px 2px;
font-size:11px;
float:left;
position:relative;
z-index:1;
color:#408cb3;
}
#masterSub .colBoxEventCalendar .colBoxTitle {
position:relative;
}
#masterSub .colBoxEventCalendar .colBoxTitle::before {
position:absolute;
content:'';
height:0;
width:100%;
top:7px;
left:0;
z-index:0;
border-bottom:1px dashed #DDD;
}
#masterSub .colBoxEventCalendar li {
padding-left:20px;
}
#masterSub .colBoxEventCalendar .colBoxTitle {
position:relative;
}

/*---------------------------------------------------------------------*/
/* twitterウィジェット
/*---------------------------------------------------------------------*/

.twtr-tweets {
word-break:break-all;
}

/*---------------------------------------------------------------------*/
/* snsContents
/*---------------------------------------------------------------------*/
#snsContents{
margin-bottom:10px;
}

#snsContents #snsButtons .colBoxIndex {
border-bottom:1px solid #CCC !important;
height:23px;
}
#snsContents .colBox {
margin:-1px 0 0 0;
}
#snsContents #colBoxSnsMosttweeted {
overflow-y:scroll;
overflow-x:auto;
clear:both;
}
#snsContents #colBoxSnsMosttweeted .colBoxInner {
height:1%;
}
#snsContents #colBoxSnsMosttweeted .colBoxUlist li {
border-bottom:1px dotted #CCC;
}
#snsContents #snsButtons {
height:24px;
}
#snsContents #snsButtons .colBoxUlist li {
display:block;
float:left;
margin:0 -1px 0 0;
padding:3px 8px;
font-size:11px;
border:1px solid #CCC;
}

#snsContents .colBoxDescription p {
font-style:normal !important;
}
.colBoxIndexL50 .colBoxInner,
.colBoxIndexR50 .colBoxInner {
min-height:480px;
height:auto!important;
height:480px;
}

.colBoxHeadSubtxt {
font-size:10px;
display:inline-block;
position:static;
color:#555;
line-height:15px;
top:auto;
right:auto;
margin:0;
padding:0 5px;
float:right;
}
#masterSub .colBoxEventCalendar .colBoxHeadSubtxt {
top:0;
right:0;
}
.colBoxMembersControl {
border:0!important;
border-radius:0!important;
}
#masterMain .colBoxOuter {
border:0;
}
.colBoxMembersControl h2 {
color:#FFF;
text-shadow:none;
}

#masterMainLeft .twtr-widget{
margin-bottom:10px;
}

.colBoxOlist ol li {
padding:0 0 3px 28px;
background:url(//image.itmedia.co.jp/ait/images/olli_rank1.gif) no-repeat 0 2px;
border-bottom:none;
min-height:0;
}

.colBoxButtons .colBoxUlist ul li {
background:url(//image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 3px 5px;
}

.colBoxIndex .linkset li {
background:url(//image.itmedia.co.jp/ait/images/ait1509_ulli.png) no-repeat 0px 5px;
border-bottom:none;
font-size:13px;
line-height:1.6;
padding-left:11px;
padding-bottom:1px;
margin-bottom:4px;
border-bottom:1px dotted #DDD;
}

.colBox .backNumBoxIn ul li {
background:url(//image.itmedia.co.jp/ait/images/colBox_ulli.gif) no-repeat -1px 2px;
border-bottom:none;
font-size:13px;
line-height:1.6;
padding-left:11px;
padding-bottom:0;
margin-bottom:5px;
}

/*---------------------------------------------------------------------*/
/* 拡大画像 */
/*---------------------------------------------------------------------*/
.largeImageBody #masterContents{
border-top:1px solid #CCC;
border-radius:3px 3px 0 0;
-webkit-border-radius:3px 3px 0 0;
-moz-border-radius:3px 3px 0 0;
padding:10px 10px 0;
border-top:1px solid #CCC;
border-radius:3px 3px 0 0;
} 

.largeImageBody #globalFooterCorp {
border:none;
}

.largeImageBody #globalFooter {
border-radius:3px 3px 0 0;
border-top:1px solid #CCC;
}

.largeImageBody .colBoxSubTitle h5 {
color:black;
font-size:14px;
line-height:18px;
font-weight:normal;
}


.colBoxFeaturesPattern1 .linkset,
.colBoxFeaturesPattern2 .linkset,
.colBoxFeaturesPattern3 .linkset,
.colBoxFeaturesPattern4 .linkset,
.colBoxNewsFeature .linkset {
display:none;
}

/*---------------------------------------------------------------------*/
/* QuickPoll */
/*---------------------------------------------------------------------*/
#cmsBody .colBoxQuickPoll {
width:80%;
margin:0 auto 20px!important;
}
.colBoxQuickPoll .colBoxIndex {
margin:0;
}
#cmsBody .colBoxQuickPoll .colBoxHead {
display:none;
background:#005284;
border-bottom:1px solid #CCC;
margin:0 0 2px;
padding:5px;
color:white;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
}

#masterMain #cmsBody .colBoxQuickPoll .colBoxOuter {
background:#FFF;
border-radius:3px;
box-shadow:0 0 13px 0 #DBDBDB;
border:1px solid #EEE;
/border:1px solid #CCC;
border:1px solid #CCC\9;
}
#masterMain #cmsBody .colBoxQuickPoll .colBoxInner {
padding:20px;
}

.colBoxQuickPoll from {
margin:0;
}
.colBoxQuickPoll .colBoxIndex {
height:1%; /* for IE */
}
.colBoxQuickPoll .colBoxTitle h3 {
margin:0 0 15px;
padding:0 0 0 24px;
border:0 none;
background:url(//image.itmedia.co.jp/ait/images/heading_qp5.gif) no-repeat 0 2px;
}
.colBoxQuickPoll .colBoxIndex form label {
margin:0 0 3px 5px;
font-weight:normal;
}
.colBoxQuickPoll .colBoxIndex label {
margin:0 0 3px 0;
}
.colBoxQuickPoll .colBoxIndex form label,
.colBoxQuickPoll .colBoxIndex label {
float:left;
padding:0;
font-size:12px;
line-height:14px;
}
.colBoxQuickPoll .colBoxGraph {
clear:both;
display:block;
margin:0 0 10px 0;
padding:2px 3px;
font-size:10px;
line-height:12px;
text-align:center;
color:#000;
max-width:294px;
border-radius:2px;
background:#67C468;
box-shadow:0 0 0 0 transparent;
}
#cmsBody .colBoxQuickPoll .colBoxGraph {
max-width:100%;
}
.colBoxQuickPoll .colBoxInfo {
margin:10px 0;
padding:0;
background:none;
font-size:10px;
line-height:12px;
color:#C00;
text-align:center;
}
#cmsBody .colBoxQuickPoll .colBoxInfo p {
font-size:10px;
line-height:12px;
}
.colBoxQuickPoll .colBoxIndex input {
clear:both;
float:left;
margin:0;
padding:0;
vertical-align:middle;
}
.colBoxQuickPoll .colBoxIndex .colBoxInfoBtn input {
float:none;
}
.colBoxQuickPoll .h10px {
height:0;
}
#cmsBody .colBoxQuickPoll ul {
margin-bottom:0;
}
#masterSub .colBoxQuickPoll .colBoxHead h2 {
text-indent:-9999px;
background:url(//image.itmedia.co.jp/ait/images/qphead.gif) no-repeat 2px 0;
}
#masterMain #cmsBody .colBoxQuickPoll h3 {
border-left:0 none;
border-bottom:1px solid #CCC;
background:url(//image.itmedia.co.jp/ait/images/heading_qp5.gif) no-repeat 0 2px;
padding:0 0 0 25px!important;
}

/*---------------------------------------------------------------------*/
/* pageLink */
/*---------------------------------------------------------------------*/

#masterMain .colBoxPageLink {
margin:0 0 15px;
background:#FFF;
}
#masterMain .colBoxPageLink .arrow {
background:url(//image.itmedia.co.jp/ait/images/reborn_linkArrow.gif) no-repeat 0 0;
width:11px;
height:11px;
display:inline-block;
vertical-align:middle;
padding-top:2px;
}
#masterMain .colBoxPageLink a {
padding:0;
text-align:center;
display:block;
-ms-transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
position:relative;
text-decoration:none;
text-align:right;
border:0 none;
}
#masterMain .colBoxPageLink a:last-child {
border-bottom:0 none;
}
#masterMain .colBoxPageLink a:hover {
-ms-transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
text-decoration:underline;
}

#masterMain .colBox .colBoxPageLink {
margin:8px 0 0;
box-shadow:0 0 0 0 transparent;
background:none;
}
#masterMain .colBox .colBoxPageLink a {
position:relative;
padding:0;
text-align:right;
display:inline;
padding-left:0;
border-bottom:0 none;
}

#masterSub .colBoxPageLink {
margin-top:8px;
}
#masterSub .colBoxPageLink a {
position:relative;
}

#masterMain .colBox .colBoxPageLink a:after,
#masterSub .colBoxPageLink a:after {
content:'';
position:absolute;
display:block;
width:11px;
height:11px;
left:-14px;
top:3px;
background:url(//image.itmedia.co.jp/ait/images/reborn_linkArrow.gif) no-repeat 0 0;
}

#masterMain .colBox .colBoxPageLink a:hover,
#masterSub .colBoxPageLink a:hover {
color:#408cb3;
text-decoration:underline;
}
#masterMain .colBox .colBoxPageLink a:visited,
#masterSub .colBoxPageLink a:visited {
color:#000;
}
.moreLink {
display:block;
position:relative;
float:right;
}
.moreLink a {
padding:0 3px;
-ms-transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
font-weight:bold;
position:absolute;
top:0;
right:-8px;
z-index:10;
border:none;
background:none;
color:#333;
font-size:0;
display:block;
width:80px;
height:15px;
opacity:0.5;
background:url(//image.itmedia.co.jp/ait/images/reborn_linkArrow.gif) no-repeat 65px 2px;
}
.moreLink a:hover {
color:#FFF;
-ms-transition:all 0.1s ease;
-webkit-transition:all 0.1s ease;
-moz-transition:all 0.1s ease;
-o-transition:all 0.1s ease;
text-decoration:none;
border:none;
opacity:0.4;
}
.moreLink a::after {
content:'\3082\3063\3068\8AAD\3080';
font-size:12px;
line-height:15px;
color:#000;
position:absolute;
top:1px;
left:-4px;
}

/*---------------------------------------------------------------------*/
/* 右カラム */
/*---------------------------------------------------------------------*/

/* snsbtn */
.colBoxSocialButtonTweet iframe {
width:100px!important;
}
.colBoxSocialButtonFacebook iframe {
width:100px!important;
}


/*---------------------------------------------------------------------*/
/* 20131008 matome */
/*---------------------------------------------------------------------*/
.colBoxMatome .colleft,
.colBoxMatome .colleft {
float:left;
width:48%;
clear:both;
}
.colBoxMatome .colright,
.colBoxMatome .colright {
float:right;
width:48%;
}
.colBoxMatome .colBoxMoreLink {
clear:both;
}
/*---------------------------------------------------------------------*/
/* 20131218 SNSButton  */
/*---------------------------------------------------------------------*/
.colBoxCsbBtn .csbBtn {
float:left;
}
.colBoxCsbBtn {
clear:both;
}
/*---------------------------------------------------------------------*/
/* colBoxAitEbook   */
/*---------------------------------------------------------------------*/
#masterSub .colBoxAitEbook .colBoxIndex {
margin-bottom:15px;
overflow:hidden;
}
#masterSub .colBoxAitEbook .colBoxIndex:last-child {
margin-bottom:0;
}
#masterSub .colBoxAitEbook h3 {
font-weight:normal;
}
#masterSub .colBoxAitEbook .colBoxIcon {
float:left;
margin:0 10px 0 0;
}
#masterSub .colBoxAitEbook .colBoxIcon a {
margin:0;
}
/*---------------------------------------------------------------------*/
/* colBoxEditorInfo   */
/*---------------------------------------------------------------------*/
#masterSub .colBoxEditorInfo .colBoxIcon {
float:left;
margin:0 5px 0 0;
}
#masterSub .colBoxEditorInfo .colBoxIcon a {
margin:0;
}

#masterMain .colBoxTopApology{
margin-bottom:15px;
}
/*---------------------------------------------------------------------*/
/* colBoxCalendar   */
/*---------------------------------------------------------------------*/
.colBoxCalendar .colBoxIndex {
width:148px;
margin:0 5px 5px 0;
}
.colBoxCalendar .colBoxUlist ul li a {
width:30px;
margin:0 2px 2px 0;
padding:1px;
}
/*---------------------------------------------------------------------*/
/* colBoxEditorsEye   */
/*---------------------------------------------------------------------*/
#masterSub .colBoxEditorsEye .colBoxUlist ul li {
font-size:14px;
word-break:break-all;
}
/*---------------------------------------------------------------------*/
/* colBoxMonthSpecial   */
/*---------------------------------------------------------------------*/
.colBox.colBoxMonthSpecial .backNumBoxIn ul li {
background:url(//image.itmedia.co.jp/ait/images/ait1509_ulli.png) no-repeat scroll 0 4px;
padding-left:10px;
margin-bottom:9px;
}
#colBoxMonthSpecialUlist {
margin-bottom:9px;
}
.colBoxUlist ul li.monthspecial_pr {
padding-left:24px;
background:url(//image.itmedia.co.jp/images/ad/ITT_pr.gif) no-repeat 0 3px;
}
#masterSub .colBox.colBoxMonthSpecial .colBoxIcon a {
margin:0 10px 5px 0;
}
/*---------------------------------------------------------------------*/
/* hnaviList   */
/*---------------------------------------------------------------------*/
#hnaviList .colBoxUlist  ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
background:url(//image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 0 2px;
border-bottom:1px dotted #CCC;
}
#hnaviList .colBoxTitle p {
font-weight:normal;
}
#hnaviList .colBoxIndex {
margin-bottom:15px;
}

/*---------------------------------------------------------------------*/
/* colBoxTensyoku   */
/*---------------------------------------------------------------------*/
#colBoxTensyoku .colBoxIcon a {
border:none;
}
#colBoxTensyoku.colBox .colBoxTitle {
margin-bottom:5px;
}
#masterSub #colBoxTensyoku.colBox .colBoxIcon a {
margin:0 10px 0 0;
}

/*---------------------------------------------------------------------*/
/* 20160524   */
/*---------------------------------------------------------------------*/
#teemasiteBanner .colBoxIndex {
margin-bottom:15px;
}
#teemasiteBanner .colBoxBanner a {
margin:0;
display:block;
}
#masterSub .colBoxThemeBannar.colBox .colBoxIcon a {
margin:0;
}
#teemasiteBanner .colBoxIndex:last-child {
margin-bottom:0;
}
#masterSub .newziaConnectAPI ul {
font-size:14px;
line-height:1.4;
}
#masterSub .newziaConnectAPI ul li {
margin:0 0 10px;
padding:0 0 0 10px;
border-bottom:none;
background:url(//image.itmedia.co.jp/ait/images/ait1509_ulli.png) no-repeat 0px 4px;
}
#colBoxTtFeaturedcontent .colBoxUlist ul li {
font-size:14px;
}
#colBoxSeminarFeaturesLink .colBoxUlist ul li {
font-size:14px;
}
#masterSub .colBoxUlist ul li {
margin-bottom:15px;
}