@import url('/css/subtop.css');
.colBoxCalendar0 {
display:none;
}
.colBox .colBoxHead {
width:auto;
height:auto;
overflow:hidden;
}
.dir-features .colBox .colBoxHead h2 {
padding:0 10px 0 5px;
}
#subtopDescription {
display:none;
}
#subtopContents .colBoxIcon a{
margin:0 5px 7px 0;
}
#masterSub {
box-sizing:content-box;
}
#masterSub .colBox .colBoxIcon a {
margin:0 5px 4px 0;
}
.colBoxRecommend .colBoxIcon p,
.colBoxGyomuNewAllArticle .colBoxIcon p,
.colBoxGyomNetVbArticle .colBoxIcon p {
float:left;
border:1px solid #CCC;
margin:0 5px 3px 0;
}
.dir-features #subtopDescription {
display:block;
padding:15px 0;
margin-bottom:0;
}
.colBoxPastArticle .colBoxIndex {
margin-bottom:5px;
}
.colBoxRecommend .colBoxIcon img {
width:80px;
height:60px;
}
#masterMain .colBox {
margin-bottom:15px;
}
#masterMainRight .colBoxPageLink {
margin:0 0 10px 0;
}
#masterMain .colBoxNewsArtList .colBoxPageLink {
position:absolute;
top:10px;
margin:0;
padding:0;
font-size:0;
line-height:0;
right:0;
width:40px;
height:15px;
}
#masterMain .colBoxNewsArtList .colBoxPageLink {
display:block;
}
#masterMain .colBoxNewsArtList .colBoxPageLink a {
width:40px;
height:15px;
line-height:15px;
display:block;
opacity:0.3;
}
#masterMain .colBoxNewsArtList .colBoxPageLink a:hover {
opacity:0.5;
}
#masterMain .colBoxNewsArtList .colBoxPageLink a:before {
content:'\4E00\89A7';
background:url(https://image.itmedia.co.jp/ait/images/reborn_linkArrow.gif) no-repeat 26px 1px;
width:40px;
display:block;
font-size:12px;
line-height:15px;
text-align:left;
color:#000;
top:1px;
/*left:-40px;*/
position:absolute;
}
#masterMain .colBoxNewsArtList .colBoxPageLink a:after {
/*height:15px;
color:#000;
top:2px;
right:0px;
left:-13px;
display:block;*/
}
#masterMain .colBoxNewsArtList .colBoxPageLink a:after {
background-image:none;
}
.dir-features .colBox {
margin-bottom:15px;
}
/*---------------------------------------------------------------------*/
/* Windows Server Insider */
/*---------------------------------------------------------------------*/
.colBoxCopy {
padding:7px;
}
.colBoxCopy .colBoxTitle h3 {
font-size:14px;
line-height:20px;
}
.colBoxCopy .colBoxIcon a {
float:none;
border:none;
}
.colBoxManga .colBoxIcon img {
width:40px;
height:30px;
}
.colBoxManga .colBoxTitle h3 {
font-size:13px;
line-height:18px;
}
.colBoxWinTeibanArticle .colBoxIndex {
margin-bottom:10px;
}
.colBoxWinTeibanArticle .colBoxTitle h3 {
font-size:13px;
line-height:18px;
}
.colBoxAitRelated .colBoxTitle h3,
.colBoxDBRecommendContents .colBoxTitle h3 {
font-size:13px;
line-height:18px;
}
.colBoxAitRelated .colBoxIcon img,
.colBoxDBRecommendContents .colBoxIcon img {
width:40px;
height:30px;
}
.colBoxAitRelated .colBoxIndex,
.colBoxDBRecommendContent .colBoxIndex {
margin-bottom:10px;
}
.colBoxWinTeibanArticle .colBoxIcon img {
width:40px;
height:30px;
}
/*
.colBoxDAAnnounce {
margin-bottom:15px;
padding:10px;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
background:#F3F3F3;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#E5E5E5), color-stop(100%,white));
background:-moz-linear-gradient(top,  #E5E5E5 0%, white 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#ffffff',GradientType=0 );
box-shadow:0 1px 5px 0 #DDD;
border:1px solid #CCC;
}
*/
.colBoxPastArticle h3 {
font-size:12px;
line-height:16px;
}
.colBoxPastArticle .colBoxDate {
font-weight:normal;
}
.colBoxPastArticle .colBoxIcon img {
width:40px;
height:30px;
}
/*---------------------------------------------------------------------*/
/*　業務アプリInsider */
/*---------------------------------------------------------------------*/
.selectTwit {
position:relative;
margin-bottom:20px;
}
.twitRssIndex {
position:absolute;
top:5px;
right:5px;
z-index:100;
text-align:right;
}
.twtr-ft {
height:10px;
visibility:hidden;
}
.twitRssSide {
position:relative;
top:-411px;
right:1px;
z-index:100;
text-align:right;
}
.colBoxGyoumuPageLink {
background:#FFF;
border:2px solid #096338;
}
.colBoxGyoumuPageLink ul li {
float:left;
background:none;
margin-top:5px;
}
#colBoxGyoumuCheatSheet .colBoxInner {
text-align:center;
}
#colBoxGyoumuCheatSheet .colBoxIcon a {
float:none;
border:none;
}
#colBoxGyoumuCheatSheet .colBoxIcon img {
border:1px solid #ccc;
}
#colBoxGyoumuCheatSheet .colBoxTitle {
text-align:left;
}
#colBoxGyoumuCheatSheet h3 {
font-size:12px;
line-height:16px;
margin-top:3px;
}
#colBoxTwInsider {
height:425px;
}
.colBoxDotnetRank .resetDate,
.colBoxDotnetRankDotnet .resetDate,
.colBoxDotnetTeibanRensai .resetDate,
.colBoxDotnetGyomuRank .resetDate,
.colBoxDotnetGyomuRankWinRT .resetDate,
.colBoxDotnetGyomuDALeftColumn .resetDate {
margin:5px 0;
color:#FA3737;
font-weight:bold;
font-size:12px;
line-height:14px;
}
.colBoxGyomuTwitterLeft {
float:left;
}
.colBoxGyomuTwitterRight {
float:right;
}
.colBoxGyomuTwitterLeft iframe,
.colBoxGyomuTwitterRight iframe {
width:303px !important;
}
.colBoxGyomuTwitterLeft .twWidgetFollowBtn,
.colBoxGyomuTwitterRight .twWidgetFollowBtn {
position:absolute;
top:-3px;
right:0;
font-size:10px;
line-height:14px;
}
.colBoxGyomuTwitterLeft .twWidgetFollowBtn a,
.colBoxGyomuTwitterRight .twWidgetFollowBtn a{
display:block;
background:whiteSmoke;
background:-webkit-gradient(linear, left top, left bottom, from(white), to(#EEE));
background:-moz-linear-gradient(top, white, #EEE);
background:linear-gradient(top, white 100%,#EEE 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EEEEEE',GradientType=0 );
background-image:ms-linear-gradient(top, white, #EEE);
color:black;
padding:3px 4px;
border:1px solid #C9C6C6;
width:61px;
text-decoration:none;
font-size:10px;
} 
.colBoxGyomuTwitterLeft .twWidgetFollowBtn a:hover,
.colBoxGyomuTwitterRight .twWidgetFollowBtn a:hover{
background:#EEE;
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#EEEEEE',GradientType=0 );
text-decoration:none;
}
#masterMain .colBoxGyomuTwitterLeft .colBoxHead h2,
#masterMain .colBoxGyomuTwitterRight .colBoxHead h2 {
font-size:12px;
line-height:15px;
}
/*---------------------------------------------------------------------*/
/* Smart&Social */
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
/*  Database Expert */
/*---------------------------------------------------------------------*/
.colBoxSqlServerDev .colBoxIndex{
margin:0 0 10px 0;
}
.colBoxSqlServerDev .colBoxIcon img {
width:40px;
height:30px;
}
.colBoxSqlServerDev .colBoxTitle h3 {
font-size:11px;
line-height:18px;
}
/*---------------------------------------------------------------------*/
/* Newsバックナンバー */
/*---------------------------------------------------------------------*/
.colBoxYearIndex ul li {
display:block;
float:left;
margin-right:30px;
}
.colBoxNewsBacknumber {
margin-top:35px;
}
.colBoxNewsBacknumber .colBoxTitle h3 {
background:url(https://image.itmedia.co.jp/ait/images/ulli_triangle0.gif) no-repeat 0 5px;
padding:0 0 0 10px;
font-size:13px;
line-height:20px;
}
.colBoxNewsBacknumber ul {
list-style:none;
margin:0 0 20px;
padding:0;
}
.colBoxNewsBacknumber ul li {
font-size:13px;
line-height:22px;
padding:0 0 0 15px;
background:url(https://image.itmedia.co.jp/ait/images/ulli_triangle0.gif) no-repeat 3px 5px;
}
.colBoxYearIndex .year2011,
.colBoxYearIndex .year2010,
.colBoxYearIndex .year2009,
.colBoxYearIndex .year2008,
.colBoxYearIndex .year2007,
.colBoxYearIndex .year2006,
.colBoxYearIndex .year2005,
.colBoxYearIndex .year2004 {
display:none;
}
/*---------------------------------------------------------------------*/
/* バックナンバー */
/*---------------------------------------------------------------------*/
.colBoxButtons .colBoxUlist ul li {
background:none;
padding:4px 8px;
}
.colBoxButtons .colBoxUlist ul .active {
background-color:#393;
}
.colBoxBacknumber .colBoxUlist ul li {
background:none;
padding:0;
}
/*---------------------------------------------------------------------*/
/*  HTML + UX */
/*---------------------------------------------------------------------*/
#designLink {
position:absolute;
top:-77px;
left:475px;
display:block;
}
#designLink a {
display:block;
width:160px;
height:60px;
text-indent:-9999px;
background:url(https://image.itmedia.co.jp/ait/images/design_link_btn.gif) no-repeat 0 0;
}
#designLink a:hover {
background:url(https://image.itmedia.co.jp/ait/images/design_link_btn.gif) no-repeat 0 -60px;
}
/*---------------------------------------------------------------------*/
/* reborn */
/*---------------------------------------------------------------------*/
#masterMainLeft {
float:left;
width:200px;
}
#masterMainLeft .colBoxOuter {
padding-right:0;
}
#masterMainRight {
float:right;
width:422px;
}
#subtopContents {
position:relative;
}
#masterMain {}
#subtopTitleWrap {
margin-bottom:0;
margin-top:20px;
}
#subtopTitleWrapInner {
padding:0 0 15px;
}
#masterMain .colBoxFeatures .colBoxIcon img,
#masterMain .colBoxTopstories .colBoxIcon img {
border:1px solid #CCC;
margin:0 7px 5px 0;
}
.colBoxRecommend .colBoxDescription {
margin-bottom:8px;
}
.colBoxFeaturesPattern1 .colBoxInner,
.colBoxFeaturesPattern2 .colBoxInner,
.colBoxFeaturesPattern3 .colBoxInner,
.colBoxFeaturesPattern4 .colBoxInner {}
.colBoxFeaturesPattern1 .colBoxIcon a,
.colBoxFeaturesPattern2 .colBoxIcon a,
.colBoxFeaturesPattern3 .colBoxIcon a,
.colBoxFeaturesPattern4 .colBoxIcon a {
max-width:100%;
overflow:hidden;
}
#masterMain .colBoxFeatures .colBoxOuter,
#masterMain .colBoxNewsFeature .colBoxOuter,
#masterMain .colBoxFeaturesPattern1 .colBoxOuter,
#masterMain .colBoxFeaturesPattern2 .colBoxOuter,
#masterMain .colBoxFeaturesPattern3 .colBoxOuter,
#masterMain .colBoxFeaturesPattern4 .colBoxOuter {
box-shadow:0 0 8px 0 #DDD;
border-radius:3px;
padding:10px;
border:1px solid #5ca3c5;
}
#subtopHeader {
margin-bottom:0 none;
}
.colBoxRailsExamBtn {
text-align:center;
}
/* subtop */
#subtopTitle {
border-top:0 none;
background:none;
margin:0;
padding:0;
}
/* features */
.dir-features #subtopHeader {
margin:20px 0 0;
}
.dir-features .colBox .h10px {}
.dir-features #masterMain .colBox {}
.dir-features #masterMain .colBox ul li {
background:url(https://image.itmedia.co.jp/ait/images/reborn_ulli_ad.gif) no-repeat 0px 4px;
font-size:13px;
line-height:1.4;
padding-left:10px;
padding-bottom:0;
margin-bottom:9px;
list-style-type:none;
}
.dir-features #masterMain .colBox ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
margin:15px 0;
}
.dir-features #masterMain .colBoxButtons .colBoxUlist ul li {
font-size:12px;
border-radius:2px;
border:1px solid #AAA;
padding:0!important;
background:none;
position:relative;
}
.dir-features #masterMain .colBox .h10px {
height:3px;
}
.dir-features #masterMain .colBox .colBoxIndex {}
.dir-features #masterMain .colBoxButtons .colBoxUlist ul li a {
width:auto;
font-weight:bold;
display:block;
background:url(https://image.itmedia.co.jp/ait/images/reborn_subtop_buttonArrow.png) no-repeat 6px center !important;
padding:4px 4px 4px 15px;
}
.dir-features #masterMain .colBoxButtons .colBoxUlist ul li .colBoxUlistDate {
display:none;
}
.colBoxDevArtIndex .colleft,
.colBoxOpeArtIndex .colleft {
float:left;
width:48%;
clear:both;
}
.colBoxDevArtIndex .colright,
.colBoxOpeArtIndex .colright {
float:right;
width:48%;
}
.dir-features #masterMain .colBoxTopStory {
padding:0!important;
border:0 none!important;
}
.dir-features #masterMain .colBoxTopStory .colBoxOuter {
box-shadow:0 0 8px 0 #DDD;
border:1px solid #5ca3c5;
}
.dir-features #masterMain .colBoxTopStory .colBoxInner {
padding:0 10px 10px;
}
.dir-features #masterMain .colBoxTopStory .colBoxHead {
margin:1px 1px 10px;
}
.dir-features #masterMain .colBoxTopStory .colBoxIcon {
margin-left:5px;
float:right;
}
.dir-features #masterMain .colBoxTopStory .colBoxIndex {
padding:0 0 10px !important;
}
.dir-features #masterMain #colBoxID1 .colBoxClearRight,
.dir-features #masterMain #colBoxID1 .colBoxPageLink {
display:none!important;
}
.dir-features #masterMain .colBoxKwindex .colBoxLeft {
margin-right:10px;
}
.dir-features #masterMain .colBoxKwindex .backNumBoxRap .backNumBoxIn {
margin-left:15px;
padding-left:10px;
border-left:2px solid #DDD;
}
.dir-features #masterMain .colBoxKwindex .backNumBoxRap .backNumBoxIn ul {
margin-top:5px;
}
.dir-features #masterMain .colBoxKwindex .backNumBoxRap li {
text-overflow:ellipsis;
-webkit-text-overflow:ellipsis;
-o-text-overflow:ellipsis;
width:auto;
overflow:hidden;
white-space:nowrap;
}
/*---------------------------------------------------------------------*/
/* TopStoryIconLeft */
/*---------------------------------------------------------------------*/
.dir-features #masterMain .TopStoryIconLeft .colBoxIcon {
margin:0 5px 0 0;
float:left;
}
/*---------------------------------------------------------------------*/
/* colBoxFeatures dir-kwd  */
/*---------------------------------------------------------------------*/
.dir-features #subtopContents .colBoxHead {
border-top:none;
border-bottom:1px solid #DDD;
background-color:transparent;
padding-bottom:3px;
}
.dir-features #subtopContents #colBoxWraper .colBoxHead {
height:auto;
background:none;
}
.dir-features #subtopContents  #colBoxWraper .colBoxHead.colBoxActive {
background:#ccc;
}
.dir-features #subtopContents #colBoxWraper .colBoxHead h2 {
font-size:13px;
line-height:18px;
}
/*---------------------------------------------------------------------*/
/* archive dir-archive  */
/*---------------------------------------------------------------------*/
.dir-archive #subtopTitle{
margin:0;
padding:30px 0 20px 0;
}
/*---------------------------------------------------------------------*/
/* colBoxTensyoku ITR3対策  */
/*---------------------------------------------------------------------*/
#masterSub .colBox.colBoxTensyoku {
margin-bottom:5px;
}
/*---------------------------------------------------------------------*/
/* ex series ICON  */
/*---------------------------------------------------------------------*/
#seriesHeader #seriesIcon {
width:100px;
height:125px;
}
#seriesHeader #seriesIconInner {
width:100px;
height:125px;
background-size:contain;
}
/*---------------------------------------------------------------------*/
/* new category subtop  */
/*---------------------------------------------------------------------*/
.catemp #subtopTitle {
border-bottom:5px solid #408cb3;
margin:0 0 18px;
}
.catemp #subtopTitle h1 {
margin:0 0 5px;
font-size:40px;
line-height:48px;
color:#666;
font-weight:normal;
}
.catemp #subtopTitle h1:after {
content:"\95A2\9023\8A18\4E8B";
}
.catemp .colBoxDescription p {
text-align:justify;
}
.catemp #subtopContents .colBoxIcon a{
margin:0 20px 18px 0;
}
.catemp #subtopContents .colBoxIndex:first-child {
margin-bottom:18px;
}
.catemp #subtopContents .colBoxDescription {
padding:0 0 0 142px;
}
.catemp #subtopContents .colBoxDescription:first-child {
padding:0 0 0 262px;
}
.catemp .colBoxlinks .colBoxInner {
width:100%;
display:inline-flex;
justify-content:space-between;
flex-wrap:wrap;
}
.catemp .colBoxlinks .colBoxIndex {
width:300px;
}

/* gam */
#LogoAD{
display:none;
}
#LogoAD.delivery{
display:block;
}
#IndexTopLink{
display:none;
}
#IndexTopLink.delivery{
display:block;
border-bottom:1px solid #C1C1C1;
margin-bottom:24px;
}
#IndexTopLink .gam_headline{
color:#000;
position:relative;
border-bottom:3px solid #C1C1C1;
margin-left:0;
margin-bottom:15px;
width:100%;
padding:9px 0 5px;
clear:both;
font-size:14px;
line-height:1.4;
font-weight:600;
}
#IndexTopLink .gam_headline .gam_prmark{
top:9px;
}