@import url('/css/base.css');
/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#343434;
background:none;
}
a:link {
color:#343434;
}
a:hover {
text-decoration:underline;
}
a img {
border:none;
}
a:visited {
color:#999;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/*---------------------------------------------------------------------*/
#masterContents {
padding:0;
border-left:1px solid #C1C1C1;
border-right:1px solid #C1C1C1;
height:1%;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
float:left;
padding:10px 12px 0;
width:663px;
overflow:hidden;
border-top:1px solid #C1C1C1;
}

#masterSub {
border-top:1px solid #C1C1C1;
border-left:1px solid #C1C1C1;
width:300px;
float:right;
overflow:hidden;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:auto;
background:#FFF;
margin:0;
}
#masterBodyOuter {
width:990px;
margin:0 auto;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn0 a {background-position:0 0;}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn2 a {}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn2 {
margin:3px 0 0 3px;
padding:5px 7px 4px 7px;
border-radius:2px;
background:#FFF;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn2 a {
color:#000;
text-shadow:0 0 0 rgba(255,255,255,0);
}
#globalNavigationGroup0{
width:990px;
margin:auto;
}
#masterNavigation{
background:#333;
}

/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
display:none;
}

/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/

#globalLogo {
position:absolute;
top:23px;
left:5px;
width:200px;
height:42px;
}

#globalLogo h1,
#globalLogo div {
margin:0;
width:200px;
height:42px;
}

#globalLogo h1 a,
#globalLogo div a {
display:block;
width:200px;
height:42px;
background:url(http://image.itmedia.co.jp/images/logo/200_enterprise_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* ロゴ下フォローボタン */
/*---------------------------------------------------------------------*/
#globalFollower {
position:absolute;
top:60px;
left:5px;
}
.globalFollowerFacebook {
margin:0 0 2px;
}

/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/

#globalHeaderMiddle {
background:#FFF;
padding:10px 0 10px 262px;
min-height:90px;
height:auto !important;
height:90px;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#lnavMain {
}
#lnavMain .lnavBtn {
display:inline;
}

#lnavMain .lnavBtn a {
float:left;
text-align:center;
font-size:12px;
line-height:15px;
padding:5px 6px 4px;
color:#FFF;
background:#36A;
border-radius:2px;
margin:2px;
}

#lnavMain .lnavBtn a:link,
#lnavMain .lnavBtn a:visited {
}
#lnavMain .lnavBtn a:hover {
background:#149;
text-decoration:none;
}

#lnavMain .lnavBtnActive a:link,
#lnavMain .lnavBtnActive a:visited,
#lnavMain .lnavBtnActive a:hover {
text-decoration:none;
color:#FFF;
background:#4177EB;;
}

/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
color:#343434;
font-size:12px;
line-height:15px;
padding:0 0 10px;
float:left;
word-break:keep-all;
}
#lnavSub .lnavBtn {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_arrow_lnavsub.gif) no-repeat 1px 7px #D3E3FD;
display:block!important;
float:left;
margin:2px;
padding:4px 10px 3px 5px;
border-radius:2px;
}
#lnavSub .lnavBtn a {
padding:0 0 0 10px;
display:block;
position:static!important;
text-decoration:none;
}
#lnavSub .lnavBtn:hover {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_arrow_lnavsubhover.gif) no-repeat 1px 7px #B8D2FD;
}
#lnavSub .lnavBtn.lnavBtnHover {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_arrow_lnavsub_b.gif) no-repeat right 7px #D3E3FD;
padding:4px 15px 3px 10px;
}
#lnavSub .lnavBtn.lnavBtnHover:hover {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_arrow_lnavsubhover_b.gif) no-repeat right 7px #B8D2FD;
}
#lnavSub .lnavBtn.lnavBtnHover a {
padding:0;
}

#lnavSub .lnavBtnNew a:after {
background:#99012C;
color:#fff;
content:"NEW";
display:inline-block;
font-family:Arial,Verdana;
font-size:10px;
height:14px;
font-weight:bold;
padding:0 3px;
margin:0 0 0 3px;
}
#lnavSub .lnavBtn .lnavBtnGroupOut a {
background:url(http://image.itmedia.co.jp/images/ulli_arrow7.gif) no-repeat 1px 5px;
padding:4px 0 3px 10px;
}
#lnavSub .lnavBtn .lnavBtnGroupOut a:hover {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_arrow_lnavsub.gif) no-repeat 1px 5px #D3E3FD;
padding:4px 10px 3px;
}
#lnavSub .lnavBtn .lnavBtnGroupOut .lnavBtn {
background:#FFF;
padding:0;
margin:0 ;
float:none;
border-right:none;
}
#lnavSub .lnavBtn a:link,
#lnavSub .lnavBtn a:visited {
color:#343434;
}
#lnavSub .lnavBtn a .raquo {
background:url(http://image.itmedia.co.jp/images/ulli_arrow7.gif) no-repeat 0 4px;
text-indent:-9999px;
color:#FFF;
display:none;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
background:#C1C1C1;
background:-webkit-gradient(linear, left top, left bottom, from(#CCC), to(#FFF));
background:-moz-linear-gradient(top, #CCC, #FFF);
color:#333;
font-size:10px;
line-height:14px;
padding:3px 0 5px;
}
#lnavSubSub .lnavBtn {
display:inline;
margin:0 5px;
}
#lnavSubSub .lnavBtn a {
}
#lnavSubSub .lnavBtn a:link,
#lnavSubSub .lnavBtn a:visited {
color:#333;
}
#lnavSubSub .lnavBtn a .raquo {
font-size:10px;
line-height:14px;
font-family:Arial, Helvetica, sans-serif;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:150px;
z-index:50;
background:#FFF;
border:1px solid #CCC;
}
.lnavBtnGroupIn .lnavBtn {
display:block !important;
margin:0;
}
.lnavBtnGroupIn .lnavBtn a {
display:block;
padding:3px;
border-bottom:1px dotted #DDD;
color:#333 !important;
}
.lnavBtnGroupIn .lnavBtn a:hover {
background:#EEE;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* 検索 */
/*---------------------------------------------------------------------*/
#globalHeaderSearch {
font-size:10px;
line-height:14px;
padding:5px;
border:none;
border-bottom:1px solid #FFF;
height:35px
}
#globalHeaderSearch input.gsc-input {
line-height:18px;
}
/*
#globalHeaderSearch .gcse {
margin:0;
padding:0;
}
#globalHeaderSearch .gcse .query {
width:210px;
}
#globalHeaderSearch .colBox {
margin:0;
}
#globalHeaderSearch .colBoxIndex {
padding:0;
}
#globalHeaderSearch .colBox ul li {
margin:0;
padding:0;
display:inline;
}
#globalHeaderSearch .colBox ul li a {
background:url(http://image.itmedia.co.jp/enterprise/images/icon_feedback.gif) no-repeat 0 0;
display:block;
float:left;
height:18px;
line-height:100%;
padding:4px 5px 0 17px;
}
#globalHeaderSearch .colBox ul li a#rssinf {
background-position:0 -36px; 
}
#globalHeaderSearch .colBox ul li a#fbinf {
background-position:0 -60px; 
}
#globalHeaderSearch .colBox ul li a#twinf {
background-position:0 -84px; 
}
*/

/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/

#localPankuzu {
background:url(http://image.itmedia.co.jp/enterprise/images/localPankuzu_bg01.gif) no-repeat 0 0;
border-left:1px solid #C1C1C1;
border-right:1px solid #C1C1C1;
border-top:1px solid #C1C1C1;
border-bottom:none;
font-size:11px;
line-height:15px;
padding:5px 3px 3px 5px;
position:relative;
float:left;
width:980px;
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
border-top:3px solid #CCC;
padding:20px 0 10px;
}
#globalFooterLink {
font-size:11px;
line-height:14px;
text-align:right;
margin:0 0 20px;
padding:0 0 10px;
height:1%;
border-bottom:1px dotted #DDD;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/

.colBox {
margin:5px;
}

#masterMain .colBox {
margin:0 0 10px 0;
}

.colBoxHead {
background:none;
border:none;
margin:0 0 5px 0;
color:#484848;
}
.colBoxHead h2 {
border-bottom:2px solid #C1C1C1;
}

.colBoxHead p {
margin:0;
padding:0;
font-weight:bold;
font-size:11px;
line-height:14px;
}

.colBoxIndex {
margin-bottom:8px;
}
#masterSub .colBoxIndexL60 {
float:left;
width:63%;
}
#masterSub .colBoxIndexR30 {
float:right;
width:30%;
}

.colBoxSubTitle h5 {
font-size:12px;
line-height:14px;
}

.colBoxTitle h3 {
font-size:17px;
line-height:22px;
}

.colBoxitmidInfo .colBoxTitle h3 a {
font-size:12px;
line-height:14px;
}
.colBoxTitle h3 a:link {
color:#036;
}
.colBoxTitle h3 a:visited {
color:#639;
}

#masterSub .colBox {
margin:5px;
border:none;
}

#masterSub .colBoxTitle h3 {
font-size:12px;
line-height:14px;
}

.colBoxIndex .linkset li {
background:url(http://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 3px;
}
.colBoxUlist ul li {
background:url(http://image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 3px;
border:none;
}
.colBox a:hover {
color:#343434;
text-decoration:underline;
}
.colBoxTitle a:hover {
color:#036;
}
.colBoxSubTitle h5 {
color:#747474;
}
.colBoxIndexL50 {
width:45%;
float:left;
}
.colBoxIndexR50 {
width:45%;
float:right;
}

.colBoxPageLink {
font-size:10px;
line-height:14px;
}
.colBoxNewart ul li.dispatch-0 {
background:url(http://image.itmedia.co.jp/images/index_dispatch0s_bi.gif) no-repeat 0 6px;
}
.colBoxNewart ul li.dispatch-1 {
background:url(http://image.itmedia.co.jp/images/index_dispatch1s_bi.gif) no-repeat 0 6px;
}
.colBoxfeedback ul li {
padding-left:23px;
}
.colBoxfeedback ul li.colBoxfeedbackVoice,
.colBoxfeedback ul li.colBoxfeedbackMail,
.colBoxfeedback ul li.colBoxfeedbackCorp,
.colBoxfeedback ul li.colBoxfeedbackMl {
background:url(http://image.itmedia.co.jp/images/ulli_mail2.gif) no-repeat 0 0;
}
.colBoxfeedback ul li.colBoxfeedbackRss {
background:url(http://image.itmedia.co.jp/enterprise/images/icon_rss_s.gif) no-repeat 2px 1px;
}
.colBoxfeedback ul li.colBoxfeedbackFb {
background:url(http://image.itmedia.co.jp/enterprise/images/icon_facebook_s.gif) no-repeat 2px 1px;
}
.colBoxfeedback ul li.colBoxfeedbackTw {
background:url(http://image.itmedia.co.jp/enterprise/images/icon_twitter_s.gif) no-repeat 2px 1px;
}
.colBoxfeedback ul li.colBoxfeedbackSpecial,
.colBoxfeedback ul li.colBoxfeedbackPl {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_document1.gif) no-repeat 0 0;
}

.colBoxTopStories .colBoxTitle h3 {
font-size:18px;
line-height:22px;
margin:0;
}

.colBoxTopStories .colBoxDescription,
.colBoxNews .colBoxDescription {
clear:both;
}

.colBoxTopStories .colBoxDescription{
margin-bottom:10px;
}

.colBoxTopStories .kwdset {
clear:both;
list-style-type:none;
margin:0;
padding:0;
font-size:12px;
line-height:18px;
}

.colBoxTopStories .kwdset li {
background:url(http://image.itmedia.co.jp/images/ulli_key1.gif) no-repeat 0 0;
float:left;
margin:2px 5px 8px 0;
padding-left:15px;
}

.colBoxDescription p {
font-size:13px;
line-height:18px;
margin:0;
}

.colBoxDescription .colBoxDate {
font-size:10px;
line-height:14px;
margin:0 0 0 5px;
}
.colBoxMailmag .colBoxUlist ul li {
background:url(http://image.itmedia.co.jp/images/ulli_document1.gif) no-repeat -2px 0 transparent;
margin:0 0 3px;
padding:0 0 3px 14px;
}
.colBoxfeedback .colBoxOuter {
border-top:1px solid #C1C1C1;
}
.colBoxfeedback .collBox a:hover,
.colBoxfeedback a:visited,
#globalFooter a:visited {
color:#343434;
}

.colBoxNews .colBoxIndex,
.colBoxDilbert .colBoxIndex,
.colBoxItyokogao .colBoxIndex,
.colBoxBlog .colBoxIndex {
margin-bottom:15px;
}

.colBoxNews .colBoxIndex {
float:left;
width:49%;
position:relative;
margin:0 0 20px 0;
}

.colBoxNews .colBoxRight {
float:right;
width:49%;
}

.indexArticleNum1, .indexArticleNum2, .indexArticleNum3, .indexArticleNum4, .indexArticleNum5, .indexArticleNum6, .indexArticleNum7, .indexArticleNum8, .indexArticleNum9, .indexArticleNum10, .indexArticleNum11, .indexArticleNum12, .indexArticleNum13, .indexArticleNum14, .indexArticleNum15, .indexArticleNum16 {
margin:0;
padding:0;
height:0;
}

.indexArticleNum2, .indexArticleNum4, .indexArticleNum6, .indexArticleNum8, .indexArticleNum10, .indexArticleNum12, .indexArticleNum14, .indexArticleNum16 {
clear:both;
}


.colBoxNews .colBoxPageLink {
padding-right:20px;
}

#masterMain .colBoxDilbert {
width:49%;
float:left;
}

#masterMain .colBoxItyokogao {
width:49%;
float:right;
}

.colBoxSocialButton {
margin-bottom:5px;
}

.colBoxSocialButton ul {
margin:0;
padding:0;
}

.colBoxSocialButton ul li {
float:left;
height:21px;
list-style:none;
}

.colBoxSocialButtonHatena {
padding:0 5px 0 0;
}

.colBoxSocialButtonTweet {
width:135px;
}

.colBoxNews .colBoxIndexR50 {
float:right;
}
.colBoxSeminar .colBoxTitle h3 a {
font-weight:normal;
}

/*---------------------------------------------------------------------*/
/* アクセストップ10 */
/*---------------------------------------------------------------------*/
.colBoxOlist ol li {
padding:0 0 3px 28px;
background:url(http://image.itmedia.co.jp/enterprise/images/olli_rank1.gif) no-repeat 0 2px;
border-bottom:none;
}
/*---------------------------------------------------------------------*/
/* 特集インデックス */
/*---------------------------------------------------------------------*/
.colBoxLeftcolumnSpecialIndex .colBoxUlist ul li {
padding:0 0 3px 28px;
background:url(http://image.itmedia.co.jp/enterprise/images/olli_rank1.gif) no-repeat 0 -1000px;
min-height:30px;
border-bottom:none;
}
/*---------------------------------------------------------------------*/
/* snsContents - 2011/11/10 */
/*---------------------------------------------------------------------*/
#snsContents #snsButtons .colBoxIndex {
border-bottom:2px solid #CCC !important;
height:23px;
}
#snsContents .colBox {
margin:0;
}
#snsContents #colBoxSnsMosttweeted {
overflow-y:scroll;
overflow-x:auto;
}
#snsContents #colBoxSnsMosttweeted .colBoxInner {
height:1%;
}
#snsContents #colBoxSnsMosttweeted .colBoxUlist li {
border-bottom:1px dotted #CCC;
}
#snsContents #snsButtons {
height:25px;
}
#snsContents #snsButtons .colBoxUlist li {
display:block;
float:left;
padding:3px 8px;
font-size:11px;
border-bottom:1px solid #CCC;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
border-left:0 none;
}
/*120125*/
#snsContents .colBoxDescription p {
font-style:normal !important;
}
/*120402*/
.colBoxSmartJapan .colBoxIcon img {
width:40px;
height:30px;
}
/*120614*/
.colBoxRightcolumnKyujinSpecialIndex .colBoxTitle h3 {
font-weight:normal;
}
/*150625*/
#masterSub .snsContents .colBoxFacebook,
#masterSub .snsContents .colBoxTwitter{
margin-bottom:20px;
} 
/*---------------------------------------------------------------------*/
/* kyujin jobBoard */
/*---------------------------------------------------------------------*/
.colBoxSubcolFeatures .colBoxInnerTitle {
margin-bottom:10px;
}
.colBoxSubcolFeatures .colBoxInnerTitle span {
margin:0 0 10px;
padding:0;
font-weight:bold;
font-size:11px;
background:#DDD;
padding:1px 5px;
border:1px dashed #CCC;
}
.colBoxSubcolFeatures ul li {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_document1.gif) no-repeat 0 0;
}
.colBoxSubcolFeatures a:visited {
color:#343434;
}
.colBoxSubcolJobboard .colBoxJobboardLogo,
.colBoxSubcolFeatures .colBoxJobboardLogo {
text-align: right;
}
/*---------------------------------------------------------------------*/
/* パンくず横ソーシャルボタン */
/*---------------------------------------------------------------------*/
.globalSocialBtn {
float:right;
padding:0;
width:237px;
}
.globalSocialBtn p {
float:left;
font-weight:bold;
margin:0 10px 0 0;
}
.globalSocialBtn ul {
margin:0;
padding:0;
float:right;
}
.globalSocialBtn li {
float:left;
display:block;
padding:0 10px 0 0;
}
.globalSocialBtn a {
display:block;
width:14px;
height:14px;
overflow:hidden;
text-indent:-9999px;
}
.globalSocialBtn .globalSocialBtnMail a {
background:url(http://image.itmedia.co.jp/enterprise/images/ulli_mail3.gif) no-repeat 0 0;
width:16px;
height:15px;
}
.globalSocialBtn .globalSocialBtnFacebook a {
background:url(http://image.itmedia.co.jp/enterprise/images/icon_facebook_s.gif) no-repeat;
}
.globalSocialBtn .globalSocialBtnTwitter a {
background:url(http://image.itmedia.co.jp/enterprise/images/icon_twitter_s.gif) no-repeat;
}
.globalSocialBtn .globalSocialBtnRss a {
background:url(http://image.itmedia.co.jp/enterprise/images/icon_rss_s2.gif) no-repeat;
}
/*---------------------------------------------------------------------*/
/* 編集部ピックアップ 蔵出し記事 */
/*---------------------------------------------------------------------*/
#masterMain .colBoxPickup {
margin:20px 0;
border-bottom:1px solid #DDD;
border-left:1px solid #DDD;
border-right:1px solid #DDD;
}
.colBoxPickup .colBoxHead {
margin:0;
padding:0 0 1px 0;
border-top:3px solid #E83416;
}
.colBoxPickup .colBoxHead h2 {
background:#F5F5F5;
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background:-moz-linear-gradient(top, #FFF, #EEE);
background:linear-gradient(top, #FFF 100%,#EEE 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#EEEEEE',GradientType=0 );
background-image:ms-linear-gradient(top, #FFF, #EEE);
padding:5px;
border-bottom:none;
}
.colBoxPickup .colBoxInner {
padding:10px 10px 0 10px;
border-top:1px solid #DDD;
}

/*---------------------------------------------------------------------*/
/* 注目のテーマ */
/*---------------------------------------------------------------------*/
#masterSub .colBoxThemeBannar.colBox {
margin:5px 0;
}
.colBoxThemeBannar .colBoxIcon {
display:block;
text-align:center;
}
.colBoxThemeBannar .colBoxIcon a {
border:none;
float:none;
margin:0;
}
.colBoxThemeBannar .colBoxHead {
margin:0 5px 5px;
}
/*---------------------------------------------------------------------*/
/* 20151105 - colBoxRcBanner03 */
/*---------------------------------------------------------------------*/
.colBoxMarketCommentary .colBoxIcon{
display: block;
text-align: center;
margin: 0 0 10px 0;
}
.colBoxMarketCommentary .colBoxIcon a{
margin:0;
padding:0;
border:none;
display:inline-block;
float:none;
}
.colBoxMarketCommentary .colBoxUlist ul li{
margin: 5px 0;
background:url(http://image.itmedia.co.jp/images/arrow_glay.gif) no-repeat 4px 4px;
}
