/*=====================================================================*/
/* 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;
}
/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#masterMain {
width:675px;
float:left;
}
#masterMainLeft {
width:200px;
float:left;
}
#masterMainRight {
width:460px;
float:right;
}
#masterSub {
width:300px;
float:right;
}
/*---------------------------------------------------------------------*/
/* ボディ */
/*---------------------------------------------------------------------*/
#masterBody {
width:100%;
margin:0 auto;
background:#F9F9F9;
}
/*---------------------------------------------------------------------*/
/* グローバルナビゲーション */
/*---------------------------------------------------------------------*/
#globalNavigationGroup0 #globalNavigation .gnavOut .gnavIn .gnavBtn18 a {
margin:3px 0 0 3px;
padding:5px 11px 4px;
border-radius:2px;
background:#FFF;
color:#000;
}
/*---------------------------------------------------------------------*/
/* ヘッダ */
/*---------------------------------------------------------------------*/
#masterHeader {
position:relative;
}
#globalHeader {
position:relative;
margin:0 auto;
width:990px;
}
#globalHeaderBottom {
/* clear:both; */
/* position:relative; */
width: 980px;
margin: 0 auto;
}
/*---------------------------------------------------------------------*/
/* タグライン */
/*---------------------------------------------------------------------*/
#globalTagline {
float:left;
padding:12px 0 0;
font-size:12px;
line-height:24px;
letter-spacing:-0.5px;
width:255px;
height:20px;
overflow:hidden;
}
#globalTagline strong {
font-weight:normal;
}
/*---------------------------------------------------------------------*/
/* ヘッダーナビゲーション */
/*---------------------------------------------------------------------*/
#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/tf/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/tf/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/tf/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/tf/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/tf/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;
width:250px;
height:90px;
}
#globalLogo h1,
#globalLogo div {
margin:0;
padding:0;
}
#globalLogo h1 a,
#globalLogo div a {
display:block;
width:250px;
height:90px;
background:url(https://image.itmedia.co.jp/images/logo/250_tf.png) no-repeat center center;
background-size: 200px 69px;
text-indent:-9999px;
font-size:0;
line-height:0;
}
/*---------------------------------------------------------------------*/
/* スーパーバナー */
/*---------------------------------------------------------------------*/
#globalHeaderMiddle {
margin:16px auto;
padding:0;
height:auto;
font-size:0;
line-height:0;
display:flex;
justify-content:center;
width:100%;
min-height:inherit;
}
#masterType-special #globalHeaderMiddle,
#masterType-articlePR #globalHeaderMiddle,
#masterType-top #globalHeaderMiddle {
width: 728px;
position: relative;
}
#masterType-special #globalHeaderMiddle #globalSearch,
#masterType-articlePR #globalHeaderMiddle #globalSearch,
#masterType-top #globalHeaderMiddle #globalSearch {
position: absolute;
right: 0;
bottom: 0;
}
/*---------------------------------------------------------------------*/
/* メインナビゲーション */
/*---------------------------------------------------------------------*/
#lnavMain {
height:20px;
padding:3px 0 10px;
font-size:12px;
line-height:16px;
}
#lnavMain .lnavBtn {
display:block;
float:left;
margin: 0 4px 2px 0;
padding:0;
}
#lnavMain .lnavBtn a {
display:block;
padding: 4px 7px;
color:#fff;
background:#4f2225;
border-radius:2px;
}
#masterType-article #lnavMain .lnavBtn.lnavBtnActive a,
#masterType-article #lnavMain .lnavBtn.lnavExactmatch2 a,
#masterType-article #lnavMain .lnavBtn.lnavExtraidmatch a,
#masterType-subtop #lnavMain .lnavBtn.lnavBtnActive a {
background:#BF1C25!important;
}
#lnavMain .lnavBtn a:hover {
background:#824448;
text-decoration:none;
}
#lnavMain .lnavBtnlnavFocus a {
	background: #9C690E;
}
#lnavMain .lnavBtnlnavFocus a:hover {
	background: #B9801B!important;
}

/*---------------------------------------------------------------------*/
/* サブナビゲーション */
/*---------------------------------------------------------------------*/
#lnavSub {
position:absolute;
top:40px;
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 {
position:absolute;
top:70px;
width:990px;
height:23px;
padding:0;
font-size:12px;
line-height:16px;
border-bottom:1px #ddd solid;
}
#lnavSubSub .lnavBtn {
display:block;
float:left;
margin:0 13px 2px 0;
padding:0;
}
#lnavSubSub .lnavBtn a {
color:#666;
}
#lnavSubSub .lnavBtn a:hover {
background:#ddd;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* プルダウンナビゲーション */
/*---------------------------------------------------------------------*/
.lnavBtnGroup {
display:none;
width:150px;
z-index:150;
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:18px!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:100%;
height:33px;
margin:0;
padding:0;
font-size:11px;
line-height:34px;
overflow:hidden;
}
#localPankuzu .lPanSubtxt {
float:right;
padding:0 10px;
}
#localPankuzu .lpanIn {
padding:0 10px;
}
/*---------------------------------------------------------------------*/
/* GOOGLE検索 */
/*---------------------------------------------------------------------*/
#globalSearch {
width:300px;
margin:0 0 20px;
}
#globalSearch table.gsc-search-box {
border:1px solid #999;
margin-bottom:0 !important;
}
#globalSearch .gsc-search-box-tools .gsc-search-box .gsc-input {
padding-right:0;
}
#globalSearch input.gsc-search-button,
#globalSearch input.gsc-search-button:hover,
#globalSearch input.gsc-search-button:focus {
padding:6px 8px 5px;
border:none;
border-radius:0;
-moz-border-radius:0;
-webkit-border-radius:0;
background-color:#4f2225;
background-image:none;
filter:none;
}
#globalSearch .gsc-input-box {
border:none;
height:24px;
margin:0;
padding:0;
}
#globalSearch input,
#globalSearch form {
margin:0!important;
}
#globalSearch .gsc-search-box .gsc-input>input:focus,
#globalSearch .gsc-input-box-focus {
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#globalSearch .gsc-search-box .gsc-input>input:hover,
#globalSearch .gsc-input-box-hover {
border:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
box-shadow:none;
}
#globalSearch .gsib_a {
padding-left:0 !important;
padding-right:0 !important;
padding:0 !important;
}
#globalSearch td.gsc-clear-button {
width:0;
}
/*---------------------------------------------------------------------*/
/* フッタ */
/*---------------------------------------------------------------------*/
#globalFooter {
background:#000;
color:#FFF;
padding:20px 10px 10px;
}
#globalFooter a:link,
#globalFooter a:visited,
#globalFooter a:hover {
color:#DDD;
}
#globalFooterLink {
display: none;
width:970px;
height:1%;
margin:0 auto 20px;
padding:0 0 10px;
font-size:10px;
line-height:14px;
text-align:right;
border-bottom:3px solid #666;
}
#globalFooterMediaList {
width:970px;
margin:0 auto;
}
#globalFooterCorp {
width:970px;
margin:0 auto;
}
#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;
}
#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;
}
/*---------------------------------------------------------------------*/
/* カラムボックスカスタム */
/*---------------------------------------------------------------------*/
.h40px {
height:40px;
}
#masterSub .colBox {
margin-bottom:24px;
}
#masterMain .colBoxHead {
border-bottom:4px solid #4f2225;
}
#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:#4f2225;
}
.colBoxTitle h3 {
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:22px;
}
.colBoxIcon a {
margin:0 10px 3px 0;
}
.colBoxIcon a img {
margin:0;
}
.colBoxTopInfo {
float: left;
width: 410px;
margin-bottom: 0;
padding-top: 4px;
}
.colBoxTopInfo .colBoxHead {
margin-bottom: 2px;
}
.colBoxTopInfo ul {
padding-left: 0;
}
.colBoxTopInfo ul li {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-left: 13px;
padding-bottom: 4px;
margin-bottom: 1px;
}
.colBoxTopInfo ul li::after {
left: 0;
}

.colBoxTopWp .colBoxHead {
position: relative;
}
.colBoxTopWp .colBoxHead span {
    position: absolute;
    right: 0;
    bottom: 5px;
    font-size: 11px;
	color: #FFF;
}
.colBoxTopWp .colBoxHead span a {
	display: block;
	color: #FFF;
	text-decoration: none;
    background: #4f2225;
    border-radius: 3px;
    padding: 2px 5px 0px;
    line-height: 15px;
}
.colBoxTopWp .colBoxHead span a:hover {
	background-color: #824448;
}
.colBoxTopWp .colBoxInner {
	padding: 0 5px 10px;
}
.colBoxTopWp .colBoxIndex {
	padding: 5px;
}
.colBoxTopWp .colBoxIndex .colBoxContents {
	padding-left: 100px;
}
.colBoxTopWp .colBoxIndex .colBoxType {
	float: left;
	width: 90px;
	text-align: center;
	background: #EEE;
	border: 1px solid #CCC;
	font-size: 12px;
	font-weight: bold;
	overflow: hidden;
}

.colBoxWpRank .colBoxInner {
display:table;
table-layout: fixed;
width:100%;
font-size:13px;
line-height:20px;
counter-reset:colBoxRankingCounter;
}
.colBoxWpRank .colBoxInner .colBoxIndex {
clear:both;
position:relative;
display:table;
width:100%;
margin:0 0 5px;
padding:0 0 5px 0;
background:none;
vertical-align:top;
border-bottom: 1px dotted #CCC;
}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum1:after{background-position:0 0;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum2:after {background-position:0 -100px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum3:after {background-position:0 -200px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum4:after {background-position:0 -300px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum5:after {background-position:0 -400px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum6:after {background-position:0 -500px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum7:after {background-position:0 -600px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum8:after {background-position:0 -700px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum9:after {background-position:0 -800px;}
.colBoxWpRank .colBoxInner .colBoxIndex.colBoxIndexNum10:after {background-position:0 -900px;}
.colBoxWpRank .colBoxInner .colBoxIndex:after {
counter-increment:colBoxRankingCounter;
content:counter(colBoxRankingCounter);
position:absolute;
top:0;
left:0;
width:20px;
height:20px;
padding:0;
background:#FC0;
border-radius:2px;
color:#000;
text-align:center;
}
.colBoxWpRank .colBoxInner .colBoxIndex:nth-child(n+4)::after {
background:#999;
color:#FFF;
}
.colBoxWpRank .colBoxInner .colBoxIndex a {
display:block;
padding:0 0 0 28px;
}
.colBoxWpRank .colBoxInner .colBoxIndex .colBoxTitle {
margin-bottom:0;
}
.colBoxWpRank .colBoxInner .colBoxIndex h3 {
font-weight: normal;
}
.colBoxWpRank .colBoxClear {
height:0;
}

.colBoxRegisterLink .colBoxTitle {
	margin-bottom: 15px;
}
.colBoxRegisterLink .colBoxTitle h3 {
	width: 250px;
	margin: 0 auto;
	border: 0 none;
	padding: 0;
}
.colBoxRegisterLink .colBoxTitle h3 a {
	display: block;
	font-size: 18px;
	text-align: center;
	color: #FFF;
	font-weight: normal;
	line-height: 30px;
	border-radius: 3px;
	background: #C00;
	padding: 5px 0;
	text-decoration: none;
}
.colBoxRegisterLink .colBoxTitle h3 a:hover {
	opacity: 0.85;
}

.colBoxBtmLink {
	clear: both;
	padding: 10px;
	text-align: right;
}
.colBoxBtmLink a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	font-size: 13px;
	color: #FFF;
	text-decoration: none;
    background: #4f2225;
    border-radius: 3px;
    padding: 5px 15px;
    line-height: 15px;
}
.colBoxBtmLink a:hover {
	background: #824448;
	color: #FFF;
	text-decoration: none;
}

.colBoxFooterInfo {
	margin-bottom: 0;
}
.colBoxFooterInfo .top-navi {
  margin: 0 auto;
  background: #4f2225;
}
.colBoxFooterInfo .top-navi dl {
  width: 990px;
  margin: 0 auto;
  text-align: left;
  letter-spacing: -.40em;
  background: #4f2225;
}
.colBoxFooterInfo .top-navi dl dd {
  letter-spacing: normal;
  margin: 0;
  display: inline-block;
  font-size: 12px;
  font-weight: normal;
  margin-right: -1px;
}
.colBoxFooterInfo .top-navi dl dd a {
  background: #4f2225;
  border-right: 1px solid #271113;
  border-left: 1px solid #271113;
  color: #FFF;
  display: block;
  padding: 10px;
  text-decoration: none;
}
.colBoxFooterInfo .top-navi dl dd a:hover {
  background: #937D70;
}

/*---------------------------------------------------------------------*/
/* ランキング */
/*---------------------------------------------------------------------*/
#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:table;
width:100%;
margin:0 0 5px;
padding:0 0 5px 0;
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 .colBoxOlist ol li a span:nth-child(1) {
display:block;
float:left;
width:80px;
height:60px;
margin:0 5px 0 0;
border:1px solid #EEE;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#colBoxRanking .colBoxClear {
height:0;
}

.colBoxFacebook {
	text-align: center;
}
/*---------------------------------------------------------------------*/
/* コーナーリンク */
/*---------------------------------------------------------------------*/
#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.colBoxRssfeed ul {
padding:0;
}
#masterMainLeft .colBox.colBoxRssfeed li {
background:url(https://image.itmedia.co.jp/images/ulli_feed1.gif) no-repeat -3px 5px;
padding:4px 5px 8px 15px;
}
#masterMainLeft .colBox.colBoxRssfeed li::after {
display:none;
}
#masterMainLeft .colBox.colBoxMeetingroom li {
background:url(https://image.itmedia.co.jp/images/ulli_balloon1.gif) no-repeat -3px 0;
}
#masterMain .colBox.colBoxRensai .colBoxLeft,
#masterMainRight .colBox.colBoxRensai .colBoxLeft {
width:80px;
}
#masterMain .colBox.colBoxRensai .colBoxRight,
#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/tf/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;
}

/* 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;
}

/* 20130227 - 左カラム用Twitterウィジェット対策 */
/*---------------------------------------------------------------------*/
#masterMainLeft #twitter-widget-0 {
width:200px !important;
min-width:200px !important;
}
#masterMainLeft .colBoxTwitter {
width:200px;
overflow:hidden;
}

/* mask */
#cmsBody #customQuest {
border:3px solid #CCC;
height:100%;
margin-bottom:20px;
}
#cmsBody #customQuest form {
margin:0;
padding:0;
}
#cmsBody #customQuest form .cqTitle {
background:none repeat scroll 0 0 #333;
border:1px solid #222;
color:#FFF;
display:block;
font-size:13px;
height:1%;
line-height:20px;
margin:0;
padding:10px 5px;
}
#cmsBody #customQuest form .cqTitle b {
font-weight:normal!important;
}
#cmsBody #customQuest form .cqTitle strong {
color:#F90!important;
}
#cmsBody #customQuest form #cqWrap {
padding:15px;
}
#cmsBody #customQuest form #cqWrap .cqBodyContents {
font-weight:normal!important;
}
#cmsBody #customQuest form #cqWrap .cqBodyContents b {
font-weight:normal!important;
}
#cmsBody #customQuest form #cqWrap .cqBodyContents input {
font-weight:normal!important;
}
#cmsBody #customQuest form .privacy h5 {
background: none repeat scroll 0 0 #666;
border: 1px solid #555;
color: #FFF;
font-size: 12px;
line-height: 18px;
height: 1%;
margin: 0 0 10px;
padding: 5px;
}
#cmsBody #customQuest form .privacy p {
font-weight:normal!important;
margin-bottom:10px;
font-size:12px;
line-height:18px;
}
#cmsBody #customQuest form .privacy p b {
font-weight:normal!important;
font-size:12px;
line-height: 18px;
margin: 0;
padding: 0;
color: #333;
}
#cmsBody #customQuest form .privacy ul {
background: none repeat scroll 0 0 #EEEEEE;
border: 1px solid #CCC;
margin: 10px 0;
padding: 5px 5px 5px 30px;
}
#cmsBody #customQuest form .privacy ul li {
color:#C00;
font-size: 10px;
line-height: 16px;
margin: 0;
padding: 0;
}
#cmsBody #customQuest form .privacy ul li b {
font-weight:normal!important;
}


#cmsBody .cqBodyHeading {
background:#EED;
border:1px solid #CCB;
font-size:12px;
font-weight:bold;
line-height:18px;
height:1%;
margin:0 0 10px;
padding:5px;
}
#cmsBody .cqBodyHeading strong {
color:#001;
font-family:"Times New Roman", Times,serif;
font-size:20px;
}
#cmsBody .cqBodyContents {
margin-bottom:20px;
}
#cmsBody .cqBodyContents label {
color:#333;
font-size:12px;
line-height:18px;
display:block;
padding:0 10px 0 0;
}
#cmsBody .enq form .inform .cqBodyContents label br {
display:inline;
}
#cmsBody .cqBodyContents .cqTA {
padding-top:10px;
}
#cmsBody .cqBodyContents label input {
margin:0 3px 0 0;
vertical-align:middle;
}
#cmsBody .cqBodyContents label textarea {
font-size:12px;
line-height:16px;
width:400px;
height:32px;
}
#cmsBody .cqPrivacy {
margin-bottom:20px;
padding:0 15px;
}
#cmsBody .cqPrivacyHeading {
background:#666;
border:1px solid #555;
color:#FFF;
font-size:12px;
height:1%;
line-height:18px;
margin:0 0 10px;
padding:5px;
font-weight:bold;
}
#cmsBody .cqPrivacyText {
color:#333;
font-size:12px;
line-height:18px;
margin-bottom:10px;
}
#cmsBody .cqPrivacyList {
background:#EEE;
border:1px solid #CCC;
font-size:10px;
margin-bottom:10px;
padding:5px;
}
#cmsBody .cqPrivacyList ul {
margin:0;
padding:0 0 0 20px;
}
#cmsBody .cqPrivacyList ul li {
color:#C00;
font-size:10px;
line-height:16px;
margin:0;
padding:0;
}
#cmsBody #cqError {
padding:0 15px;
margin-bottom:5px;
}
#cmsBody #cqError .cqErrorText {
text-align:center;
font-size:12px;
line-height:16px;
background:#C00;
color:#FFF;
padding:5px;
}
#cmsBody #cqAgreement {
padding:0 15px;
margin-bottom:5px;
}
#cmsBody .cqAgreementContent {
text-align:center;
font-size:14px;
line-height:18px;
padding:5px;
}
#cmsBody .cqAgreementContent input {
vertical-align:middle;
}
#cmsBody #dl.btn {
width:140px;
margin:0 auto;
}


#cmsBody #dl.btn input {
width:140px;
height:40px;
background:url(https://image.itmedia.co.jp/tf/images/memberboxBtn2.gif) no-repeat;
cursor:pointer;
text-indent:-9999px;
overflow:hidden;
display:block;
border:0 none;
}

/* 20160414 */
/*---------------------------------------------------------------------*/
#masterSub .colBoxPickupContents.colBox {
margin-bottom:0;
}

/* 20160414 */
/*---------------------------------------------------------------------*/
.colBoxFeaturesLinks {
clear:both;
}
#masterSub .colBoxUlist ul li{
padding:4px 5px 8px 0;
}
#masterSub .colBoxUlist ul li::after{
left:-3px;
}
#masterSub .colBoxUlist ul li a{
margin-left:16px;
}
#masterSub .colBoxUlist ul{
padding:2px 0 0 0;
}

/* GAM */
#masterSub .gam_headline{
position:relative;
margin:0 0 11px 0;
border-bottom:1px solid #AAA;
font-size:14px;
line-height:18px;
font-weight:bold;
}
.gam_prmark{
position:absolute;
border:#CCC 1px solid;
background-color:#FFF;
padding:2px;
font-weight:400;
font-size:11px;
line-height:13px;
top:3px;
right:4px;
font-family:Arial;
color:#666;
}
#masterSub .gam_prmark{
top:-1px;
}
#PC_rcol-Rectangle{
margin-bottom:24px;
}
#PC_SuperBanner{
max-width:970px;
min-width:728px;
min-height:250px;
}
.RcolTextF{
padding:4px 0 8px;
border-bottom:1px dotted #CCC;
}