@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;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
float:left;
padding:0;
width:660px;
overflow:hidden;
}
#masterSub {
width:300px;
float:right;
overflow:hidden;
}

/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:auto;
background:#FFF;
margin:0;
}
#masterBodyOuter {
width:990px;
padding:0;
margin:0 auto;
}
#globalContents {
padding:0 5px;
}

/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn0 a {
background-position:0 0;
}
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn2 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
#globalNavigationGroup0{
width:990px;
margin:auto;
}
#masterNavigation{
background:#333;
}

/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#globalHeader {
position:relative;
}
#globalHeaderTop {
padding:15px 0;
overflow:hidden;
}
#localNavigation {
width:730px;
float:right;
}

/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
float:left;
padding:8px 12px 0;
}
#globalLogo h1,
#globalLogo div {
margin:0;
}
#globalLogo div a {
display:block;
width:200px;
height:42px;
background:url(//image.itmedia.co.jp/images/logo/200_enterprise_bgw.gif) no-repeat 0 0;
text-indent:-9999px;
font-size:0;
line-height:0;
}

/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#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: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(//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(//image.itmedia.co.jp/enterprise/images/ulli_arrow_lnavsubhover.gif) no-repeat 1px 7px #B8D2FD;
}
#lnavSub .lnavBtn.lnavBtnHover {
background:url(//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(//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(//image.itmedia.co.jp/images/ulli_arrow7.gif) no-repeat 1px 5px;
padding:4px 0 3px 10px;
}
#lnavSub .lnavBtn .lnavBtnGroupOut a:hover {
background:url(//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(//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: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:14px 0 20px 16px;
height:25px;
}
#popInSearchField {
float:left;
width:230px!important;
height:24px!important;
padding:0!important;
border:1px #CCC solid;
}
#globalHeaderSearch .submit {
float:left;
height:26px;
background:#8498c6;
color:#FFF;
font-size:12px;
border:0 none;
cursor:pointer;
}
#globalHeaderSearch .submit:hover {
background:#8fa3d4;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
margin:0 0 5px;
padding:5px;
background:url(//image.itmedia.co.jp/enterprise/images/localPankuzu_bg01.gif) no-repeat 0 0;
position:relative;
width:980px;
}
#localPankuzu .lpanOut {
font-size:12px;
line-height:16px;
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 .lpanIn li  {
display:inline;
}
#localPankuzu .lpanIn li:after {
content:' > ';
}
#localPankuzu .lpanIn li:last-child:after {
content:'';
}

/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#masterFooter {
padding:0 5px;
}
#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;
border-bottom:1px dotted #DDD;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
.colBoxHeadSubtxt {
top:8px;
}
#masterMain .colBox {
margin:0 0 10px 0;
}
.colBoxIcon a {
border:none;
}
.colBoxHead {
background:none;
margin:0 0 15px 0;
color:#484848;
padding:9px 0 5px;
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:16px;
color:#747474;
}
.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 {
border:none;
}
#masterSub .colBoxTitle h3 {
font-size:14px;
line-height:20px;
}
#masterSub .colBoxUlist ul li,
#masterSub .colBoxOlist ol li {
font-size:14px;
line-height:20px;
}
.colBoxIndex .linkset li {
background:url(//image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 3px;
}
.colBoxUlist ul li {
background:url(//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;
}
.colBoxIndexL50 {
width:45%;
float:left;
}
.colBoxIndexR50 {
width:45%;
float:right;
}
.colBoxPageLink {
font-size:10px;
line-height:14px;
}
.colBoxNewart ul li.dispatch-0 {
background:url(//image.itmedia.co.jp/images/index_dispatch0s_bi.gif) no-repeat 0 6px;
}
.colBoxNewart ul li.dispatch-1 {
background:url(//image.itmedia.co.jp/images/index_dispatch1s_bi.gif) no-repeat 0 6px;
}
.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(//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(//image.itmedia.co.jp/images/ulli_document1.gif) no-repeat -2px 0 transparent;
margin:0 0 3px;
padding:0 0 3px 14px;
letter-spacing:-0.5px;
}
.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%;
}
.colBoxNews .colBoxPageLink {
padding-right:20px;
}
.colBoxNews .colBoxIndexR50 {
float:right;
}
.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;
}
#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;
}
.colBoxSeminar .colBoxTitle h3 a {
font-weight:normal;
}
.colBoxNewtxt {
padding-left:4px;
}

/*---------------------------------------------------------------------*/
/* feedback */
/*---------------------------------------------------------------------*/
.colBoxfeedback ul li {
padding-left:23px;
}
.colBoxfeedback ul li.colBoxfeedbackVoice,
.colBoxfeedback ul li.colBoxfeedbackMail,
.colBoxfeedback ul li.colBoxfeedbackCorp,
.colBoxfeedback ul li.colBoxfeedbackMl {
background:url(//image.itmedia.co.jp/images/ulli_mail2.gif) no-repeat 0 0;
}
.colBoxfeedback ul li.colBoxfeedbackRss {
background:url(//image.itmedia.co.jp/enterprise/images/icon_rss_s.gif) no-repeat 2px 1px;
}
.colBoxfeedback ul li.colBoxfeedbackFb {
background:url(//image.itmedia.co.jp/enterprise/images/icon_facebook_s.gif) no-repeat 2px 1px;
}
.colBoxfeedback ul li.colBoxfeedbackTw {
background:url(//image.itmedia.co.jp/enterprise/images/icon_twitter_s.gif) no-repeat 2px 1px;
}
.colBoxfeedback ul li.colBoxfeedbackSpecial,
.colBoxfeedback ul li.colBoxfeedbackPl {
background:url(//image.itmedia.co.jp/enterprise/images/ulli_document1.gif) no-repeat 0 0;
}
.colBoxfeedback .colBoxOuter {
border-top:1px solid #C1C1C1;
}
.colBoxfeedback .collBox a:hover,
.colBoxfeedback a:visited,
#globalFooter a:visited {
color:#343434;
}

/*---------------------------------------------------------------------*/
/* アクセストップ10 */
/*---------------------------------------------------------------------*/
.colBoxOlist ol li {
padding:0 0 3px 28px;
background:url(//image.itmedia.co.jp/enterprise/images/olli_rank1.gif) no-repeat 0 2px;
border-bottom:none;
}
/*---------------------------------------------------------------------*/
/* snsContents - 2011/11/10 */
/*---------------------------------------------------------------------*/
/*120614*/
.colBoxRightcolumnKyujinSpecialIndex .colBoxTitle h3 {
font-weight:normal;
}
/*150625*/
#masterSub .snsContents .colBoxFacebook,
#masterSub .snsContents .colBoxTwitter{
margin-bottom:20px;
}
/*---------------------------------------------------------------------*/
/* パンくず横ソーシャルボタン */
/*---------------------------------------------------------------------*/
.globalSocialBtn {
float:right;
padding:0;
width:237px;
}
.globalSocialBtn p {
font-size:11px;
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(//image.itmedia.co.jp/enterprise/images/ulli_mail3.gif) no-repeat 0 0;
width:16px;
height:15px;
}
.globalSocialBtn .globalSocialBtnFacebook a {
background:url(//image.itmedia.co.jp/enterprise/images/icon_facebook_s.gif) no-repeat;
}
.globalSocialBtn .globalSocialBtnTwitter a {
background:url(//image.itmedia.co.jp/enterprise/images/icon_twitter_s.gif) no-repeat;
}
.globalSocialBtn .globalSocialBtnRss a {
background:url(//image.itmedia.co.jp/enterprise/images/icon_rss_s2.gif) no-repeat;
}

/*---------------------------------------------------------------------*/
/* 注目のテーマ */
/*---------------------------------------------------------------------*/
#masterSub .colBoxThemeBannar.colBox {
margin:5px 0;
}
.colBoxThemeBannar .colBoxIcon {
display:block;
text-align:center;
}
.colBoxThemeBannar .colBoxIcon a {
border:none;
float:none;
margin:0;
}
/*---------------------------------------------------------------------*/
/* 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(//image.itmedia.co.jp/images/arrow_glay.gif) no-repeat 4px 4px;
}
#specialInduction .colBoxHead p {
font-size:14px;
line-height:18px;
margin:0;
}
#specialInduction .colBoxTitle p {
font-size:14px;
line-height:20px;
margin:0;
}