/*=====================================================================*/
/* BASE OVERWRITE STYLE */
/*=====================================================================*/
body {
color:#333;
background:#F9F9F9;
}
a:link {
color:#000;
}
a img {
border:none;
}
/*=====================================================================*/
/* CHANNEL BASE STYLE */
/*=====================================================================*/
/*---------------------------------------------------------------------*/
/* コンテンツ */
/*---------------------------------------------------------------------*/
#masterContents {
width:990px;
margin:0 auto;
padding:0 0 20px;
background:#F9F9F9;
}
.colBoxDescription .colBoxDate {
font-size:10px;
line-height:14px;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#globalContents{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#masterMain{
width:663px;
background:#FFF;
border:1px solid #CCC;
padding:5px;
border-radius:5px;
}
#masterMainLeft{
width:200px;
float:left;
}
#masterMainRight{
width:420px;
float:right;
}
#globalContents > .colBoxClear{
display:none;
}
@supports (position:sticky){
	#masterSub{
	align-self:flex-end;
	}
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:100%;
margin:0 auto;
background:#F9F9F9;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#masterNavigation {
display:none;
}
#globalNavigationGroup3 #globalNavigation {background:url(https://image.itmedia.co.jp/ee/images/globalNavigation_bg.gif) no-repeat 0 0 #FFF;}
#globalNavigationGroup3 #globalNavigation .gnavBtn1 {background-position:-100px -80px;}
#globalNavigationGroup3 #globalNavigation .gnavBtn1 a:hover {background-position:-100px -80px;}
#globalNavigationGroup3 #globalNavigation .gnavBtn,
#globalNavigationGroup3 #globalNavigation .gnavBtn a {height:34px;}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#masterHeader {
position:relative;
margin:0;
}
#globalHeaderUpper {
position:relative;
margin:0 auto 5px;
padding:0 0 38px;
background:#FFF;
border-bottom:1px solid #CCC;
}
#globalHeaderTop {
width:100%;
background:#FFF;
border-bottom:1px solid #CCC; 
}
#globalHeaderTopIn {
margin:0 auto;
width:990px;
}
#globalHeaderMiddle {
width:990px;
margin:16px auto 8px;
text-align:center;
}
#globalHeaderBottom {
width:990px;
margin:0 auto;
}
#localNavigation {
width:auto;
float:left;
}
/*---------------------------------------------------------------------*/
/* ヘッダーナビゲーション */
/*---------------------------------------------------------------------*/
#globalHeaderRight {
float:right;
width:760px;
}
#globalHeaderNavigation {
float:right;
display:table;
width:720px;
margin:0;
padding:10px 6px 6px;
}
/* globalSocialLinks */
#globalHeaderNavigation .globalSocialLinks {
display:table-cell;
border-right:1px #ddd solid;
}
#globalHeaderNavigation .globalSocialLinks ul {
margin:0;
padding:0;
list-style-type:none;
}
#globalHeaderNavigation .globalSocialLinks ul li {
float:left;
width:22px;
height:22px;
margin:0 10px 0 0;
font-size:12px;
}
#globalHeaderNavigation .globalSocialLinks ul li a {
display:block;
text-indent:-9999px;
}
#globalHeaderNavigation .globalSocialLinks ul li.globalSocialLinks-Facebook {
background:#fff url(https://image.itmedia.co.jp/mn/images/icon_facebook.png) no-repeat 0 0;
background-size:contain;
}
#globalHeaderNavigation .globalSocialLinks ul li.globalSocialLinks-Twitter {
background:#fff url(https://image.itmedia.co.jp/mn/images/icon_twitter.png) no-repeat 0 0;
background-size:contain;
}
#globalHeaderNavigation .globalSocialLinks ul li.globalSocialLinks-RSS {
background:#fff url(https://image.itmedia.co.jp/mn/images/icon_feed.png) no-repeat 0 0;
background-size:contain;
}
#globalHeaderNavigation .globalSocialLinks ul li.globalSocialLinks-Mailmag {
width:98px;
background:#fff url(https://image.itmedia.co.jp/mn/images/icon_mailmag.png) no-repeat 0 0;
}
/* globalRelatedMediaList */
#globalHeaderNavigation .globalRelatedMediaList {
display:table-cell;
float:right;
}
#globalHeaderNavigation .globalRelatedMediaList ul {
margin:0;
padding:0;
list-style-type:none;
}
#globalHeaderNavigation .globalRelatedMediaList ul li {
float:left;
width:80px;
height:25px;
margin:0 0 0 12px;
font-size:12px;
}
#globalHeaderNavigation .globalRelatedMediaList ul li a {
display:block;
height:25px;
text-indent:-9999px;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-MONO a {
background:#fff url(https://image.itmedia.co.jp/images/logo/80_mn_bgw.gif) no-repeat center center;
background-size:contain;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-EETJ {
width:60px;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-EETJ a {
background:#fff url(https://image.itmedia.co.jp/images/logo/80_ee_bgw2.gif) no-repeat center center;
background-size:contain;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-EDNJ {
width:60px;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-EDNJ a {
height:20px;
margin:3px 0 0;
background:#fff url(https://image.itmedia.co.jp/images/logo/80_edn_bgw.gif) no-repeat center center;
background-size:contain;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-SJ a {
background:#fff url(https://image.itmedia.co.jp/images/logo/80_smartjapan_bgw.gif) no-repeat center center;
background-size:contain;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-library a {
background:#fff url(https://image.itmedia.co.jp/mn/images/library_logo_80.png) no-repeat center center;
background-size:contain;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-tf a {
background:#fff url(https://image.itmedia.co.jp/images/logo/150_tf.png) no-repeat center center;
background-size:contain;
}
#globalHeaderNavigation .globalRelatedMediaList ul li.globalRelatedMediaList-SJBUILT a {
background:#fff url(https://image.itmedia.co.jp/images/logo/150_smartjapan_built_bgw.png) no-repeat center center;
background-size:contain;
}
/*---------------------------------------------------------------------*/
/* ロゴ */
/*---------------------------------------------------------------------*/
#globalLogo {
clear:both;
float:left;
}
#globalLogo h1,
#globalLogo div {
margin:0;
padding:0;
width:230px;
}
#globalLogo h1 a,
#globalLogo div a {
position:relative;
display:block;
width:230px;
height:126px;
}
#globalLogo a img {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
margin:auto;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#lnavMain {
height:auto;
padding:3px 0;
font-size:12px;
line-height:16px;
overflow:hidden;
}
#lnavMain .lnavBtn {
display:block;
float:left;
margin:0 5px 2px 0;
padding:0;
}
#lnavMain .lnavBtn a {
display:block;
padding:4px 10px;
color:#fff;
background:#42A56C;
border-radius:2px;
}
#lnavMain .lnavBtn.lnavBtnActive a {
background:#0F7D3E;
}
#lnavMain .lnavBtn a:hover {
background:#0F7D3E;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
position:relative;
height:30px;
padding:0;
font-size:12px;
line-height:16px;
}
#lnavSub .lnavBtn {
display:block;
float:left;
margin:0 5px 2px 0;
padding:0;
}
#lnavSub .lnavBtn a .raquo {
display:none;
}
#lnavSub .lnavBtn a {
display:block;
padding:3px 7px;
color:#666;
background:#fff;
border:1px #ccc solid;
border-radius:2px;
}
#lnavSub .lnavBtn a:hover {
background:#ddd;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* サブサブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSubSub {
clear:both;
position:relative;
width:auto;
height:23px;
padding:0;
font-size:12px;
line-height:16px;
}
#lnavSubSub .lnavBtn {
display:block;
float:left;
margin:0 13px 0 0;
padding:0;
}
#lnavSubSub .lnavBtn a {
color:#666;
padding:0 0 2px;
}
#lnavSubSub .lnavBtn a:hover {
background:#ddd;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:150px;
z-index:15000;
background:#FFF;
border:1px solid #ddd;
-webkit-box-shadow:1px 1px 2px #DDD;
-moz-box-shadow:1px 1px 2px #DDD;
box-shadow:1px 1px 2px #DDD;
}
#lnavSub .lnavBtnGroup {
top:23px!important;
}
#lnavSubSub .lnavBtnGroup {
top:16px!important;
}
#lnavSubSub .lnavBtnHover a:hover {
background:#ddd;
text-decoration:none;
}
.lnavBtnGroup .lnavBtn {
display:inline !important;
margin:0 0 0 0 !important;
float:none !important;
background:none !important;
font-size:12px !important;
line-height:15px !important;
}
.lnavBtnGroup .lnavBtn a {
display:block !important;
padding:3px 5px !important;
border-bottom:1px dotted #ddd !important;
text-align:left !important;
width:auto !important;
height:auto !important;
color:#555 !important;
}
.lnavBtnGroup .lnavBtn a:link,
.lnavBtnGroup .lnavBtn a:visited {
background:transparent !important;
}
.lnavBtnGroup .lnavBtn a:hover {
background:#eee !important;
text-decoration:none;
}
.lnavBtnGroup .lnavBtn a .raquo {
display:inline !important;
}
/*---------------------------------------------------------------------*/
/* ローカルナビゲーション CLASS OPTION */
/*---------------------------------------------------------------------*/
#lnavSubSub .lnavBtnPR a:link,
#lnavSubSub .lnavBtnPR a:visited {
background:url(https://image.itmedia.co.jp/images/cms_pr.gif) no-repeat right 2px;
padding:0 23px 0 0;
}
#lnavSubSub .lnavBtnPR a:hover,
#lnavSubSub .lnavBtnPR a:active {
background:#ddd url(https://image.itmedia.co.jp/images/cms_pr.gif) no-repeat right 2px;
text-decoration:none;
}
#lnavSubSub .lnavBtnNew a:link,
#lnavSubSub .lnavBtnNew a:visited {
background:url(https://image.itmedia.co.jp/images/ulli_new.gif) no-repeat right 2px;
padding:0 27px 0 0;
}
#lnavSubSub .lnavBtnNew a:hover,
#lnavSubSub .lnavBtnNew a:active {
background:#ddd url(https://image.itmedia.co.jp/images/ulli_new.gif) no-repeat right 2px;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* ぱんくず */
/*---------------------------------------------------------------------*/
#localPankuzu {
width:990px;
height:36px;
margin:0;
padding:0;
font-size:11px;
line-height:36px;
overflow:hidden;
}
#localPankuzu .lPanSubtxt {
float:right;
padding:0 10px;
}
#localPankuzu .lpanIn {
padding:0 10px;
}
/*---------------------------------------------------------------------*/
/* GOOGLE検索 */
/*---------------------------------------------------------------------*/
#globalSearch {
float:right;
width:300px;
margin:3px 0;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
border-top:3px solid #C00;
background:#000;
color:#FFF;
padding:10px;
}
#globalFooter a:link,
#globalFooter a:visited,
#globalFooter a:hover {
color:#DDD;
}
#globalFooterLink {
width:970px;
margin:0 auto;
font-size:10px;
line-height:14px;
text-align:right;
}
#globalFooterMediaList {
width:970px;
margin:0 auto;
}
#globalFooterCorp {
width:970px;
margin:0 auto;
border-top:none;
}
#globalCopyright {
font-size:12px;
line-height:16px;
}
#globalInquiry {
font-size:10px;
line-height:16px;
}
#globalFooterCorpLogo a {
background:url(https://image.itmedia.co.jp/images/logo/170_itmedia_bgb.gif) no-repeat 0 0;
}
/* mediaFooter */
#mediaFooterInformation {
display:table;
width:100%;
background:#8C909D;
text-align:center;
color:#fff;
}
#mediaFooterInformation a {
color:#fff;
}
#mediaFooterInformationInner {
width:990px;
margin:0 auto;
text-align:left;
}
#mediaFooterInformation .colBox {
float:left;
width:230px;
margin:20px 10px 20px;
}
#mediaFooterInformation li {
padding:0 5px 2px;
border-bottom:none;
}
#mediaFooterInformation li::after {
top:6px;
border-right:1px solid #fff;
border-bottom:1px solid #fff;
}
#mediaFooterInformation .colBoxFooterInfoTwitter {
float:right;
margin:20px 0 20px;
text-align:right;
}
#mediaFooterInformation .colBoxEETMediaList {
clear:left;
width:480px;
}
#mediaFooterInformation .colBoxEETMediaList ul:nth-child(odd) {
width:220px;
float:left;
}
#mediaFooterInformation .colBoxEETMediaList ul:nth-child(even) {
width:220px;
clear:none;
float:right;
}
#mediaFooterCopyright {
clear:both;
margin:0 10px 10px;
color:#fff;
font-size:12px;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
#masterSub {
width:300px;
z-index:1;
min-height:100vh;
position:sticky;
bottom:0;
}
#masterSub .colBox {
margin-bottom:24px;
overflow:hidden;
}
#masterMain .colBoxHead {
border-bottom:4px solid #42A56C;
}
.colBoxHead p {
font-size:14px;
line-height:18px;
margin:0;
font-weight:bold;
}
#masterSub .colBoxHead {
margin:0 0 11px 0;
border-bottom:1px solid #AAA;
}
#masterMainLeft .colBoxHeadSubtxt,
#masterSub .colBoxHeadSubtxt {
top:6px;
right:5px;
color:#333;
}
.colBoxUlist ul,
.colBox .backNumBoxIn ul {
padding:2px 0 0 10px;
font-size:13px;
line-height:20px;
}
.colBoxUlist ul li,
.colBox .backNumBoxIn ul li {
position:relative;
background:none;
padding:4px 5px 8px;
}
.colBoxUlist ul li::after,
.colBox .backNumBoxIn ul li::after {
display:block;
content:'';
position:absolute;
top:9px;
left:-1em;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.colBoxButtons .colBoxUlist ul {
padding:0;
}
.colBoxButtons .colBoxUlist ul li {
padding:3px 3px 3px 16px;
background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 3px 5px;
background-color:#EED;
font-size:12px;
line-height:16px;
}
.colBoxButtons .colBoxUlist ul li::after {
display:none;
}
.colBoxSubTitle h5 {
color:#0F7D3E;
}
.colBoxTitle h3 {
font-size:17px;
line-height:24px;
}
#masterMainLeft .colBoxSubTitle h5,
#masterSub .colBoxSubTitle h5 {
font-size:10px;
line-height:14px;
}
#masterMainLeft .colBoxTitle h3,
#masterSub .colBoxTitle h3 {
font-size:14px;
line-height:18px;
}
.colBoxIcon a img {
margin:0;
}
/*---------------------------------------------------------------------*/
/* ランキング */
/*---------------------------------------------------------------------*/
#colBoxRanking .colBoxOlist ol {
display:table;
table-layout:fixed;
width:100%;
font-size:13px;
line-height:20px;
counter-reset:colBoxRankingCounter;
}
#colBoxRanking .colBoxOlist ol li {
clear:both;
position:relative;
display:block;
margin:0 0 5px;
padding:0 0 5px 22px;
background:none;
vertical-align:top;
}
#colBoxRanking .colBoxOlist ol li.rank1:after{background-position:0 0;}
#colBoxRanking .colBoxOlist ol li.rank2:after {background-position:0 -100px;}
#colBoxRanking .colBoxOlist ol li.rank3:after {background-position:0 -200px;}
#colBoxRanking .colBoxOlist ol li.rank4:after {background-position:0 -300px;}
#colBoxRanking .colBoxOlist ol li.rank5:after {background-position:0 -400px;}
#colBoxRanking .colBoxOlist ol li.rank6:after {background-position:0 -500px;}
#colBoxRanking .colBoxOlist ol li.rank7:after {background-position:0 -600px;}
#colBoxRanking .colBoxOlist ol li.rank8:after {background-position:0 -700px;}
#colBoxRanking .colBoxOlist ol li.rank9:after {background-position:0 -800px;}
#colBoxRanking .colBoxOlist ol li.rank10:after {background-position:0 -900px;}
#colBoxRanking .colBoxOlist ol li:after {
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
padding:0;
text-indent:-9999px;
background:url(https://image.itmedia.co.jp/gg/images/colBox_rank2.gif) no-repeat;
border-radius:2px;
}
#colBoxRanking .colBoxClear {
height:0;
}
/*---------------------------------------------------------------------*/
/* コーナーリンク */
/*---------------------------------------------------------------------*/
#masterSub .colBoxCornerLink .colBoxTitle {
margin:0;
}
#masterSub .colBoxCornerLink .colBoxTitle h3 {
font-size:12px;
}
.colBoxCornerLink .colBoxIcon a {
width:280px;
overflow:hidden;
margin-right:0!important;
}
/*---------------------------------------------------------------------*/
/* カラムボックス個別対応 */
/*---------------------------------------------------------------------*/
#masterMainLeft .colBox.colBoxMeetingroom li {
background:url(https://image.itmedia.co.jp/images/ulli_balloon1.gif) no-repeat -3px 0;
}
#masterMainRight .colBox.colBoxRensai .colBoxLeft {
width:80px;
}
#masterMainRight .colBox.colBoxRensai .colBoxRight {
margin:0 0 0 90px;
}
.colBoxSenna .colBoxHead {
display:none;
}
/*---------------------------------------------------------------------*/
/* 今週の求人特集 powered by マイナビ転職 */
/*---------------------------------------------------------------------*/
#masterSub #subcolFeatures .colBoxHead {
margin:0;
padding:0;
height:70px;
background-image:url(https://image.itmedia.co.jp/mn/images/colBoxHead_bgmynavi.gif);
}
#masterSub #subcolFeatures .colBoxHead h2 {
text-indent:-9999px;
}
#masterSub #subcolFeatures .colBoxOuter {
border:none;
}
#masterSub #subcolFeatures .colBoxInner {
padding:0;
border:3px solid #F00;
border-top:none;
background:#FFF;;
}
#masterSub #subcolFeatures .colBoxIndex {
padding:5px;
border-top:3px solid #eee;
}
#masterSub #subcolFeatures .colBoxUlist ul {
font-size:12px;
line-height:16px;
padding:0;
}
#masterSub #subcolFeatures .colBoxUlist ul li {
padding:0 0 3px 14px;
background:url(https://image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 0 2px;
}
#masterSub #subcolFeatures .colBoxUlist ul li::after {
display:none;
}

/* 20120322 - carele close */
/*---------------------------------------------------------------------*/
.gnavBtn3 {
display:none;
}
#globalNavigationGroup3 #globalNavigation .gnavOut {
width:401px;
}
#globalNavigationGroup3 #globalNavigation .gnavBtn4 {
left:300px;
}

/* 20120402 - smartjapan */
/*---------------------------------------------------------------------*/
#masterSub .colBoxSmartjapan .colBoxTitle h3 a {
font-weight:normal;
}
#masterSub .colBoxSmartjapan .colBoxIcon img {
width:40px;
height:auto;
}

/* 20130125 */
/*---------------------------------------------------------------------*/
.colBoxUlist ul .colBoxUlistLastList {
border-bottom:none;
}

/* 20181009 */
/*---------------------------------------------------------------------*/
.colBoxTableMail {
width:100%;
padding:0;
border-collapse:collapse;
}
.colBoxTableMail td {
border-bottom:1px solid #EEE;
font-size:13px;
padding:13px;
}
.colBoxTableMail .leftCol {
font-weight:bold;
font-size:14px;
width:35%;
}
.colBoxTableMail .rightCol {
width:65%;
}
.t_line01 {
background:#F4F6FC;
}
.t_line02 {
background:#FFF;
}
.t_line03 {
background:#EAEDF8;
}
.leftCol {
width:20%;
padding-left:10px;
border-right:1px dotted #DDD;
}

/* 20181122 - フッター SNS 枠追加 */
/*---------------------------------------------------------------------*/
#mediaFooterInformation #colBoxFooterSns .colBoxUlist ul li:nth-child(1)::after {
content:url(https://image.itmedia.co.jp/images/socialbutton/icon_facebook_s.png);
}
#mediaFooterInformation #colBoxFooterSns .colBoxUlist ul li:nth-child(2)::after {
content:url(https://image.itmedia.co.jp/images/socialbutton/icon_x_s.png);
}
#mediaFooterInformation #colBoxFooterSns .colBoxUlist ul li::after {
-webkit-transform:none;
transform:none;
width:14px;
height:14px;
top:2px;
left:-10px;
border:none;
}
#mediaFooterInformation #colBoxFooterSns .colBoxUlist ul li {
padding:0 2px 2px 10px;
}

/* GAM */
#SideText{
margin-bottom:24px;
}
#SideLink,
#RcolFeatures,
#SideLinkTF,
#SideLinkWPDC,
#SideLinkTM,
#RcolFeatures{
margin-bottom:16px;
}
#masterSub .gam_headline{
font-size:14px;
line-height:18px;
padding:0 0 4px 0;
margin:0 0 12px 0;
border-bottom:1px solid #AAA;
font-weight:bold;
color:#333;
position:relative;
min-height:18px;
}
.gam_prmark{
position:absolute;
border:#CCC 1px solid;
background-color:#FFF;
padding:2px;
font-weight:400;
font-size:11px;
line-height:13px;
top:0;
right:4px;
font-family:Arial;
color:#666;
}
#SideLink.noad,
#RcolFeatures.noad,
#SideText.noad,
#SideLinkTF.noad,
#SideLinkWPDC.noad,
#SideLinkTM.noad,
#RcolFeatures.noad{
display:none;
margin-bottom:0;
}
#RcolRectangle,
#PC_rcol-2ndRectangle{
margin:0 0 24px 0;
overflow:hidden;
}
#PC_SuperBanner{
margin:0 auto;
max-width:970px;
min-width:728px;
min-height:250px;
display:flex;
justify-content:center;
align-items:center;
overflow:hidden;
}