@import url('/css/article.css');

/*---------------------------------------------------------------------*/
/* 記事上日付 */
/*---------------------------------------------------------------------*/
#cmsDate {
position:relative;
}
#cmsDate .inner {
float:left;
padding:4px 15px 0 0;
text-align:left;
}
/*---------------------------------------------------------------------*/
/* 関連キーワード */
/*---------------------------------------------------------------------*/
#cmsBody .endkwd,
#cmsBody .endkwd .box {
border:none;
}
#cmsBody .endkwd .box h3 {
background:none;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
color:#484848;
}
#cmsBody .endkwd .box h4 {
font-size:12px;
color:#CCC;
}
#cmsBody .endkwd .box h4 a {
background:none;
padding:2px;
text-decoration:none;
}
/*---------------------------------------------------------------------*/
/* ENDLINK */
/*---------------------------------------------------------------------*/
#cmsBody .endkwd .box h4 a:hover,
#cmsBody .endwpp .box h4 a:hover,
#cmsBody .endlink li a:hover {
color:#4F4F4F !important;
text-decoration:underline !important;
}
#cmsBody .endlink h4 {
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
font-size:12px;
line-height:16px;
color:#484848;
padding:5px 5px 3px 8px;
margin-bottom:4px;
}
#cmsBody .endlink ul {
padding:5px 7px 17px;
border:none;
margin-bottom:5px;
}
#cmsBody .endlink li {
background:url(//image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 3px;
padding-left:15px;
color:#666;
}
#cmsBody .endlink li a {
font-weight:bold;
}
/*---------------------------------------------------------------------*/
/* endwpp */
/*---------------------------------------------------------------------*/
#cmsBody .endwpp .box h3 {
padding:5px;
font-size:12px;
background:none;
border-top:1px solid #dfdfdf;
border-bottom:1px solid #E6E6E6;
color:#484848;
}
#cmsBody .endwpp .box h4 {
border:none;
color:#CCC;
font-size:10px;
padding:5px;
}
#cmsBody .endwpp .box h4 a {
background:none;
padding:2px;
font-weight:normal;
}
/*---------------------------------------------------------------------*/
/* BOX */
/*---------------------------------------------------------------------*/
#cmsBody .cmsBox h3 {
padding:5px;
}
#cmsBody .box,
#cmsBody .box#red,
#cmsBody .box#green,
#cmsBody .box#blue,
#cmsBody .box#orange,
#cmsBody .box#red h3,
#cmsBody .box#green h3,
#cmsBody .box#blue h3,
#cmsBody .box#orange h3 {
background:none;
}
#cmsBody .box {
border:1px solid #D2D2D2;
}
#cmsBody .box h3 {
border-color:#FFF;
background:none;
color:#484848;
border-bottom:1px solid #E6E6E6;
}
/*---------------------------------------------------------------------*/
/* ARTICLE */
/*---------------------------------------------------------------------*/
.tmplArticle {
padding:14px 0 0;
}
.tmplArticleIn {
}
#cmsTitle h1 small {
margin-bottom:10px;
color:#747474;
}
#cmsTitle h1 big {
font-size:24px;
line-height:32px;
color:#003366;
margin-bottom:12px;
}
#cmsAbstract h2 {
margin-bottom:15px;
font-weight:normal;
}
#byline a{
font-weight:bold;
color: #639;
}
#cmsBody h3 {
border-left: 4px solid #9C9C9C;
border-bottom:1px solid #D2D2D2;
padding-left:7px;
}
#cmsBody a:link,
#cmsBody a:hover {
text-decoration:underline;
color:#036;
}
#cmsBody p a:visited {
text-decoration:underline;
color:#A26;
}
#cmsBody .endlink li a:link {
color:#343434;
text-decoration:none;
}
#cmsDate .arrow {
display:none;
}
#cmsMark img, #cmsBody #cmsMark img {
margin:5px 10px;
}
#cmsBody #cmsMark img {
display:inline!important;
vertical-align:bottom!important;
}
#cmsBody .backnum {
margin-bottom:10px;
}
.freshsummary #cmsTitle {
padding:0 20px 0 0;
}
/*---------------------------------------------------------------------*/
/* ARTICLE  - NOTICE - */
/*---------------------------------------------------------------------*/
#cmsBody #notice {
background:url(//image.itmedia.co.jp/images/cms_notice.gif) no-repeat left top;
color:#F50;
}
#cmsBody #notice a {
color:#F50;
}
/*---------------------------------------------------------------------*/
/* ARTICLE  - 著者 - */
/*---------------------------------------------------------------------*/
.AuthorProfileArea_Outer {
clear:both;
height:1%;
margin:15px 0;
padding:5px;
border:1px solid #E6E6E6;
}
.AuthorProfileArea_Inner {
display:inline-block;
height:1%;
}
.AuthorProfileArea_Profile {
float:left;
height:auto;
margin:0;
min-height:54px;
padding:0;
width:360px;
}
.AuthorProfileArea_Profile_Name {
display:block;
font-size:16px;
font-weight:bold;
line-height:23px;
margin:0;
padding-left:60px;
}
.AuthorProfileArea_Profile img {
float:left;
width:50px;
}
.AuthorProfileArea_Profile_Abs {
font-size:12px;
line-height:15px;
margin:0;
padding-left:60px;
}
.AuthorProfileArea_Social {
background:url(//image.itmedia.co.jp/enterprise/images/profbtn_bg.gif) repeat 0 0;
float:right;
height:54px;
margin:0;
padding:0;
width:282px;
}
.AuthorProfileArea_Social_List {
border:0 solid;
margin:0;
padding:0;
}
.AuthorProfileArea_Social_List tr {
margin:0;
padding:0;
}
.AuthorProfileArea_Social_List td {
border:0 solid;
padding:0;
width:139px;
}
.AuthorProfileArea_Social_List a {
color:#3984BD;
display:block;
font-size:12px;
height:27px;
line-height:27px;
outline:medium none;
overflow:hidden;
padding:0 0 0 25px;
text-decoration:none;
width:105px;
}
.AuthorProfileArea_Social_List_twitter a {
background:url(//image.itmedia.co.jp/enterprise/images/socialicon_16x16_twitter.gif) no-repeat 0 0;
}
.AuthorProfileArea_Social_List_website a {
background:url(//image.itmedia.co.jp/enterprise/images/socialicon_16x16_website.gif) no-repeat 0 0;
}
.AuthorProfileArea_Social_List_facebook a {
background:url(//image.itmedia.co.jp/enterprise/images/socialicon_16x16_facebook.gif) no-repeat 0 0;
}
/*---------------------------------------------------------------------*/
/* ARTICLE  - 著者NEW - */
/*---------------------------------------------------------------------*/
.AuthorProfile_Outer {
border:1px solid #E6E6E6;
clear:both;
height:1%;
margin:15px 0;
padding:5px;
}
.AuthorProfile_Inner {
display:inline-block;
height:1%;
}
.AuthorProfile_Profile {
float:left;
height:auto;
margin:0;
min-height:54px;
padding:0;
}
.AuthorProfile_Profile img {
float:left;
width:50px;
}
.AuthorProfile_Profile_Name {
display:block;
font-size:16px;
font-weight:bold;
line-height:23px;
margin:0;
padding-left:60px;
}
.AuthorProfile_Profile_Abs {
font-size:12px;
line-height:16px;
clear:both;
}
.AuthorProfile_Icon {
display:block;
padding-left:60px;
}
.AuthorProfile_Icon_Blog {
display:block;
padding-left:0;
}
.AuthorProfile_Icon .Social_Icon {
float:left;
list-style-type:none;
margin:10px 0 !important;
padding:0;
}
.AuthorProfile_Icon_Blog .Social_Icon_Blog {
float:left;
list-style-type:none;
margin:5px 0 0 !important;
padding:0;
}
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_website,
.AuthorProfile_Icon_Blog .Social_Icon_Blog .AuthorProfile_Social_List_twitter,
.AuthorProfile_Icon_Blog .Social_Icon_Blog .AuthorProfile_Social_List_facebook,
.AuthorProfile_Icon_Blog .Social_Icon_Blog .AuthorProfile_Social_List_mixi,
.AuthorProfile_Icon_Blog .Social_Icon_Blog .AuthorProfile_Social_List_google {
display:none;
}
.AuthorProfile_Icon .Social_Icon_Blog {
float:left;
list-style-type:none;
margin:10px 0 !important;
padding-left:-60px;
}
.AuthorProfile_Icon .Social_Icon li,
.AuthorProfile_Icon .Social_Icon_Blog li {
float:left;
text-indent:-9999px;
width:18px;
}
.AuthorProfile_Icon_Blog .Social_Icon_Blog .AuthorProfile_Social_List_website {
float:left;
font-size:11px;
line-height:13px;
text-indent:11px;
width:500px;
padding-left:5px;
margin-left:0;
}
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_twitter a,
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_facebook a,
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_mixi a,
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_google a,
.AuthorProfile_Icon_Blog .Social_Icon_Blog .AuthorProfile_Social_List_website a {
display:block;
height:16px;
overflow:hidden;
width:100%;
}
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_twitter {
background:url(//image.itmedia.co.jp/enterprise/images/icon_twitter_s.gif) no-repeat 0 0;
}
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_facebook {
background:url(//image.itmedia.co.jp/enterprise/images/icon_facebook_s.gif) no-repeat 0 0;
}
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_mixi {
background:url(//image.itmedia.co.jp/enterprise/images/icon_mixi_s.gif) no-repeat 0 0;
}
.AuthorProfile_Icon .Social_Icon .AuthorProfile_Social_List_google {
background:url(//image.itmedia.co.jp/enterprise/images/icon_googleplus_s.gif) no-repeat 0 0;
}
.AuthorProfile_Icon_Blog .Social_Icon_Blog .AuthorProfile_Social_List_website {
background:url(//image.itmedia.co.jp/enterprise/images/icon_blog_s.gif) no-repeat 0 0;
}
/*---------------------------------------------------------------------*/
/* ARTICLE  - newziaコネクト - */
/*---------------------------------------------------------------------*/
#newzia_connect_wp_atit_cc5_gentei_ a:link,
#newzia_connect_wp_atit_cc5_gentei_ a:hover {
text-decoration: underline;
color: #036;
}
#newzia_connect_wp_atit_rc h3 {
font-size:12px;
line-height:16px;
color:#484848;
border-top:1px solid #DFDFDF;
border-bottom:1px solid #E6E6E6;
border-left:none;
margin:0;
padding: 5px 0 3px;
padding-left: 7px;
clear: both;
}
#newzia_connect_wp_atit_rc ul {
border:medium none;
margin-bottom:5px;
padding:7px 7px 0;
}
#newzia_connect_wp_atit_rc li {
background:url(//image.itmedia.co.jp/images/ulli_dot.gif) no-repeat scroll 0 3px;
border-bottom:none;
font-size:12px;
line-height:18px;
color:#666;
padding-left:15px;
}
#newzia_connect_wp_atit_rc li a {
font-weight:bold;
text-decoration:none!important;
}
#newzia_connect_wp_atit_cc5_gentei_ .btmlink {
text-align:right;
font-size:10px;
color:#666;
}
/*---------------------------------------------------------------------*/
/* ARTICLE  - 連載アラート - */
/*---------------------------------------------------------------------*/

/*---------------------------------------------------------------------*/
/* ARTICLE  - コピーライト - */
/*---------------------------------------------------------------------*/
#cmsCopyright p {
font-size:12px;
line-height:16px;
}

/*---------------------------------------------------------------------*/
/* ARTICLE  - newziaコネクト - */
/*---------------------------------------------------------------------*/
#newzia_connect_wp_atit_rc h3 small {
display:none;
}
/*---------------------------------------------------------------------*/
/* アクセストップ10 */
/*---------------------------------------------------------------------*/
.colBoxAccessTop10AltBlog .colBoxOuter {
background:#EEE;
border-radius:10px 10px 10px 10px;
padding:10px;
background-color:#EEE;
}
.colBoxAccessTop10AltBlog .colBoxInner {
background:none repeat scroll 0 0 #FFFFFF;
border-radius:5px 5px 5px 5px;
padding:10px;
}
.colBoxAccessTop10AltBlog .colBoxHead h2 {
border-bottom:none;
}
#cmsBody .colBoxAccessTop10AltBlog #col100l small {
display:none !important;
}
#cmsBody .colBoxAccessTop10AltBlog #col200l small {
display:none !important;
}
.colBoxAccessTop10AltBlog .colBoxHead h2 {
background: url(//image.itmedia.co.jp/enterprise/images/ulli_king1_altblog.gif) no-repeat;
font-size:18px;
line-height:30px;
padding:8px 0 3px 200px;
}
.colBoxAccessTop10AltBlog .colBoxDate {font-size:12px;line-height:16px;margin:0;padding:0;display:block;text-align:right;}
#cmsBody .colBoxAccessTop10AltBlog hr {
border:none;
}
.colBoxAccessTop10AltBlog p {
margin:0 0 5px !important;
}


/*---------------------------------------------------------------------*/
/* TechTarget 製品情報 */
/*---------------------------------------------------------------------*/

.colBoxTtCatalogue {
margin-bottom:10px;
}
#cmsBody .colBoxTtCatalogue a:link,
#cmsBody .colBoxTtCatalogue a:visited,
#cmsBody .colBoxTtCatalogue a:hover,
#tmplNewsIn .colBoxTtCatalogue a:link,
#tmplNewsIn .colBoxTtCatalogue a:visited,
#tmplNewsIn .colBoxTtCatalogue a:hover {
text-decoration:none;
color: #036
}
.colBoxTtCatalogue .colBoxHead {
margin:0;
border-bottom:none;
}
.colBoxTtCatalogue h2 {
font-size:12px;
line-height:16px;
position:relative;
border-top:1px solid #CCC;
border-bottom:1px solid #CCC;
margin:0 0 5px;
padding:5px 0 3px;
}
.colBoxTtCatalogue ul {
clear:both;
font-size:12px;
line-height:16px;
margin:0;
padding:0;
list-style-type:none;
}
.colBoxTtCatalogue ul li {
margin:0 0 3px;
padding:0 0 3px 14px;
font-weight:bold;
}
.backNumBox * {
text-decoration:none!important;
}
.backNumBox strong {
display:block;
color:#666;
border-left:4px solid #9C9C9C;
border-bottom:1px solid #D2D2D2;
padding-left:7px;
}
.backNumBoxIn ul {
list-style:none;
margin:0;
padding:0;
}
.backNumBoxIn ul li {
margin:4px 0;
font-size:14px;
padding:0 0 0 18px;
background:url(//image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 4px 7px;
}
.backNumBoxIn ul li a:link,
.backNumBoxIn ul li a:visited {
font-size:12px;
font-weight:bold;
color:#999;
}
.c-blue .backNumBox strong {
border-left:none;
border-bottom:none;
}
#cmsBody .c-blue strong a:link,
#cmsBody .c-blue strong a:hover {
color:#FFF;
}

/*---------------------------------------------------------------------*/
/* 関連記事ALL */
/*---------------------------------------------------------------------*/
#cmsBody .endlink li {
padding:0 10px 0 0;
background:none;
}
#cmsBody .endlink li.endlink-lnk {
padding:0 0 3px 14px;
background:url(//image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 3px;
}
#cmsBody .endlink li a img {
margin:0 10px 10px 0;
width:80px!important;
height:60px!important;
border:1px solid #AAA;
}
#cmsBody .endlink li {
font-size:0!important;
}
#cmsBody .endlink a {
font-size:16px;
}
#cmsBody .endlink2column ul {
width:100%;
overflow:auto;
}
#cmsBody .endlink2column li {
float:left;
width:46%;
clear:none;
}
#cmsBody .endlink2column .endlink-art {
display:none;
}
#cmsBody .endlink2column #endlink-art1,
#cmsBody .endlink2column #endlink-art2,
#cmsBody .endlink2column #endlink-art3,
#cmsBody .endlink2column #endlink-art4 {
display:block;
}
#cmsBody .endlink2column.endlinkScale a {
font-weight:normal;
font-size:13px;
}

/*---------------------------------------------------------------------*/
/* Featuresヘッダ画像設定*/
/*---------------------------------------------------------------------*/
.colBoxArticleHeader .colBoxIcon a {
border:none;
float:none;
margin:0 0 3px 0;
}
.colBoxArticleHeader .colBoxIcon a img {
max-width:100%;
}

/*---------------------------------------------------------------------*/
/* 用語事典索引 */
/*---------------------------------------------------------------------*/
#masterMain .colBoxListinlineblock,
#masterMain .colBoxListinline {
margin-bottom: 20px;
}
.colBoxListinlineblock a:visited,
.colBoxListinline a:visited {
color:#343434;
}
.colBoxListinlineblock .colBoxUlist {
width:160px;
margin:0px 9px 0 0;
float:left;
}
.colBoxListinlineblock .colBoxUlist ul li {
float: left;
background: none;
margin: 0;
padding: 0;
}
#cmsBody .colBoxListinlineblock .colBoxUlist ul li a {
border:1px solid #CCC;
margin:1px;
display:block;
width:27px;
height:30px;
text-align:center;
line-height:30px;
cursor:pointer;
text-decoration:none;
}
.colBoxListinline .colBoxUlist ul li.active {
background-color: #4177EB;
}
.colBoxListinlineblock .colBoxUlist ul li.active a,
.colBoxListinline .colBoxUlist ul li.active a {
color:#FFF;
}
.colBoxListinlineblock .colBoxUlist ul li.active a {
color:#FFF;
background:#4177EB;
}
#cmsBody .colBoxListinline .colBoxUlist ul {
margin:0;
}
.colBoxListinline .colBoxUlist ul li {
width:135px;
margin-right:12px;
padding:1px 0 1px 14px;
}
#cmsBody .colBoxListinline .colBoxUlist ul li a {
text-decoration:none;
}
.colBoxListinlineblock .colBoxAlpha {
width:310px;
}
#cmsBody .colBoxListinlineblock .colBoxAlpha ul .mark a {
width:75px;
}
.colBoxListinline ul {
height:100%;
}
.colBoxListinline ul li{
display:block;
width:135px;
float:left;
border:none;
background:url(//image.itmedia.co.jp/images/ulli_book0.gif) no-repeat 1px 3px;
}
#colBoxDictionary .colBoxHead{
margin:0 0 12px 0;
}
#colBoxDictionary .colBoxIndex {
border-bottom:1px dotted #CCC;
}
#colBoxDictionary .colBoxSubTitle,
#colBoxDictionary .colBoxInfo {
display:none;
}
.colBoxListinlineblock h2,
.colBoxListinline h2 {
border-top:1px solid #DFDFDF;
border-bottom:1px solid #E6E6E6;
font-size:12px;
line-height:16px;
color:#484848;
padding:5px 5px 3px 8px;
margin-bottom:4px;
}
#cmsBody .colBoxListinlineblock a,
#cmsBody .colBoxListinline a{
text-decoration:none;
}

/*---------------------------------------------------------------------*/
/* 転職・求人ピックアップ企業 */
/*---------------------------------------------------------------------*/
#cmsBody .colBoxSubcolJobboard,
#tmplNewsIn .colBoxSubcolJobboard {
margin:0;
}
#cmsBody .colBoxSubcolJobboard .colBoxOuter,
#tmplNewsIn .colBoxSubcolJobboard .colBoxOuter {
border-top:1px solid #C1C1C1;
}
#cmsBody .colBoxSubcolJobboard .colBoxOuter .colBoxHead,
#tmplNewsIn .colBoxSubcolJobboard .colBoxOuter .colBoxHead{
border-bottom:1px solid #C1C1C1;
padding:0;
}
.colBoxSubcolJobboard .colBoxIndex {
margin-bottom:10px;
}
#cmsBody .colBoxSubcolJobboard h2,
#tmplNewsIn .colBoxSubcolJobboard h2 {
border-bottom:none;
color:#484848;
font-size:12px;
line-height:16px;
padding:5px 0 3px;
}
.colBoxSubcolJobboard h3,
.colBoxSubcolJobboard p {
word-wrap: break-word;
}
.colBoxSubcolJobboard .colBoxInnerJobBox a {
height:auto!important;
height:45px;
padding:0px;
display:inline;
background-color:#FFF;
	-webkit-transition-duration:0.2s;
	-webkit-transition-timing-function:ease;
	-webkit-transition-property:background-color;
	-moz-transition-duration:0.2s;
	-moz-transition-timing-function:ease;
	-moz-transition-property:background-color;
	-o-transition-duration:0.2s;
	-o-transition-timing-function:ease;
	-o-transition-property:background-color;
}
#cmsBody .colBoxSubcolJobboard .colBoxTitle h3,
#tmplNewsIn .colBoxSubcolJobboard .colBoxTitle h3 {
margin:0;
padding:0;
clear:none;
border:none;
font-size:14px;
line-height:18px;
}
#cmsBody .colBoxSubcolJobboard .colBoxTitle h3 a:link,
#cmsBody .colBoxSubcolJobboard .colBoxDescription a:link,
#tmplNewsIn .colBoxSubcolJobboard .colBoxTitle h3 a:link,
#tmplNewsIn .colBoxSubcolJobboard .colBoxDescription a:link {
color:#036;
text-decoration:none;
}
#cmsBody .colBoxSubcolJobboard .colBoxTitle h3 a:hover,
#tmplNewsIn .colBoxSubcolJobboard .colBoxTitle h3 a:hover {
text-decoration:underline !important;
}

#cmsBody .colBoxSubcolJobboard .colBoxTitle h3 a:visited,
#cmsBody .colBoxSubcolJobboard .colBoxDescription a:visited,
#tmplNewsIn .colBoxSubcolJobboard .colBoxTitle h3 a:visited,
#tmplNewsIn .colBoxSubcolJobboard .colBoxDescription a:visited  {
color: #639;
}

#cmsBody .colBoxSubcolJobboard .colBoxIndex a:link img,
#tmplNewsIn .colBoxSubcolJobboard .colBoxIndex a:link img {
border:none;
}
.colBoxSubcolJobboard .colBoxIcon img {
border:0 none;
float:left;
width:50px;
height:40px;
}
.colBoxSubcolJobboard .colBoxInnerJobBox .colBoxTitle {
margin-bottom:5px;
padding-left:57px;
}
#cmsBody .colBoxSubcolJobboard .colBoxDescription p,
#tmplNewsIn .colBoxSubcolJobboard .colBoxDescription p {
font-size:12px;
line-height:16px;
margin:0;
}
#cmsBody .colBoxSubcolJobboard .colBoxNewtxt,
#tmplNewsIn .colBoxSubcolJobboard .colBoxNewtxt {
font-size:12px;
line-height:14px;
}
#cmsBody .colBoxSubcolJobboard .colBoxDescription a:link,
#tmplNewsIn .colBoxSubcolJobboard .colBoxDescription a:link {
text-decoration: none;
}
#cmsBody .colBoxSubcolJobboard .colBoxDescription a:hover,
#tmplNewsIn .colBoxSubcolJobboard .colBoxDescription a:hover{
text-decoration: underline;
}

/*---------------------------------------------------------------------*/
/* ヘルプデスク */
/*---------------------------------------------------------------------*/
#cmsBody .tips a {
text-decoration:none;
}
#cmsBody .tips h1 {
display:none;
}
#cmsBody .tips #dir {
margin:0 0 20px;
}
#cmsBody .tips #dir a {
padding:3px 5px;
background:#eee;
border:1px #ddd solid;
font-size:12px;
}
#cmsBody .tips #dir a:link,
#cmsBody .tips #dir a:visited,
#cmsBody .tips #dir a:hover,
#cmsBody .tips #dir a:active {
color:#666;
}
#cmsBody .tips #dir a:hover {
background:#ddd;
}
#cmsBody .tips #dir br {
display:none;
}
#cmsBody .tips #bg {
background:#eee;
}
#cmsBody .tips #bg #menu h2 {
float:left;
margin:15px 20px 15px 15px;
padding:0;
font-size:20px;
line-height:150%;
}
#cmsBody .tips #bg #menu h2 a:link,
#cmsBody .tips #bg #menu h2 a:visited,
#cmsBody .tips #bg #menu h2 a:hover,
#cmsBody .tips #bg #menu h2 a:active {
color:#444;
}
#cmsBody .tips #bg #menu select {
float:left;
margin:15px 0 15px 0;
font-family:Meiryo, 'メイリオ', ArialMT, Hiragino Kaku Gothic Pro, 'ヒラギノ角ゴ Pro W3', Osaka, Verdana, 'ＭＳ Ｐゴシック';
}
#cmsBody .tips #bg ul {
margin:0 0 20px;
padding:10px;
list-style-type:none;
background:#fff;
border:1px #ddd solid;
}
#cmsBody .tips #bg ul li {
margin:0 0 5px;
padding:0 0 3px 17px;
background:url(//image.itmedia.co.jp/images/ulli_dot.gif) no-repeat 0 6px;
border-bottom:1px dotted #CCC;
font-size:15px;
}

/*---------------------------------------------------------------------*/
/* 事例記事ランキング */
/*---------------------------------------------------------------------*/
#caseStudyRanking {
position:relative;
}
#caseStudyRanking .colBox {
padding:10px;
border:1px #ddd solid;
}
#caseStudyRanking .colBoxHead h3 {
margin:0;
padding:3px;
border-left:none;
border-bottom:none;
font-size:16px;
}
#caseStudyRanking .colBoxTab {
position:absolute;
top:10px;
right:10px;
}
#caseStudyRanking .colBoxTab ul {
margin:0;
}
#caseStudyRanking .colBoxTab li {
float:left;
width:50px;
margin:0 0 0 5px;
padding:5px;
text-align:center;
border:1px #ddd solid;
background:none;
cursor:pointer;
}
#caseStudyRanking .colBoxTab li.select {
background:#ddd;
}
#caseStudyRanking .colBoxOlist ol {
display:table;
table-layout: fixed;
width:100%;
margin:0;
font-size:14px;
line-height:20px;
counter-reset:colBoxRankingCounter;
}
#caseStudyRanking .colBoxOlist ol li {
position:relative;
display:none;
padding:0px;
background:none;
border:none;
vertical-align:top;
}
#caseStudyRanking .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(//image.itmedia.co.jp/gg/images/colBox_rank2.gif) no-repeat;
border-radius:2px;
}
#caseStudyRanking .colBoxOlist ol li.rank1:after{background-position:0 0;}
#caseStudyRanking .colBoxOlist ol li.rank2:after {background-position:0 -100px;}
#caseStudyRanking .colBoxOlist ol li.rank3:after {background-position:0 -200px;}
#caseStudyRanking .colBoxOlist ol li.rank4:after {background-position:0 -300px;}
#caseStudyRanking .colBoxOlist ol li.rank5:after {background-position:0 -400px;}
#caseStudyRanking .colBoxOlist ol li a:link,
#caseStudyRanking .colBoxOlist ol li a:visited {
text-decoration:none;
}
#caseStudyRanking .colBoxOlist ol li a span:nth-child(1) {
display:block;
width:120px;
height:90px;
margin:0 0 3px;
border:1px solid #EEE;
vertical-align:middle;
background-repeat:no-repeat;
background-position:center center;
background-size:cover;
}
#caseStudyRanking .colBoxOlist ol li a span:nth-child(2) {
display:block;
width:120px;
padding:0;
}
#caseStudyRanking .colBoxOlist ol .rank1,
#caseStudyRanking .colBoxOlist ol .rank2,
#caseStudyRanking .colBoxOlist ol .rank3,
#caseStudyRanking .colBoxOlist ol .rank4,
#caseStudyRanking .colBoxOlist ol .rank5 {
display:table-cell;
}

/*---------------------------------------------------------------------*/
/* 連載アラート */
/*---------------------------------------------------------------------*/
#cmsBody .cmsBodyItmidSeriesButtonRegist a {
background:url(//image.itmedia.co.jp/enterprise/images/rensai_alert_bg1309_1.gif) no-repeat 0 0;
display:block;
width:590px;
height:62px;
margin:0 auto;
padding:0;
text-indent: -9999px;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist a:hover {
opacity:0.65;
background:url(//image.itmedia.co.jp/enterprise/images/rensai_alert_bg1309_1.gif) no-repeat 0 0;
}
#cmsBody .cmsBodyItmidSeriesButtonRegist .colBoxNewtxt {
display:none;
}

/*---------------------------------------------------------------------*/
/* マスク */
/*---------------------------------------------------------------------*/
.CmsMembersControl .colBoxHead h2 {
border-bottom:none;
}
#cmsBody .CmsMembersControl .colBoxButton a:link,
#cmsBody .CmsMembersControl .colBoxButton a:visited,
#cmsBody .CmsMembersControl .colBoxButton a:hover {
color:#FFF;
text-decoration:none;
}
#CmsMembersControl .colBoxMembersControl {
padding:50px 0 100px;
}
#CmsMembersControl .colBoxMembersControl .colBoxButton {
width:auto;
border:none;
border-radius:0;
text-align:center;
}
#CmsMembersControl .colBoxMembersControl .colBoxButton a {
display:inline-block;
padding:15px 90px;
font-size:18px;
font-weight:normal;
border:none;
border-radius:2px;
background:#ee7426;
}
#CmsMembersControl .colBoxMembersControl .colBoxOuter {
border:none;
box-shadow:none;
padding:0;
}
/* 連載パーツ
-------------------------------------------------- */
#cmsSeriesList {
clear:both;
padding:10px 0;
}
#cmsSeriesList .colBox {
margin-bottom:30px;
}

/* 会員限定 */
#MembersOnlyCaution {
text-align:center;
border:1px solid #e7c400;
padding:5px;
margin-bottom:20px;
}
#MembersOnlyCaution p {
font-size:14px;
line-height:21px;
background:url(//image.itmedia.co.jp/images/member_only_icon.png) no-repeat 0 0;
padding:0 0 0 24px;
display:inline;
}
#MembersOnlyCaution span {
font-weight:bold;
}

/* IMAGE MASK */
#cmsBody hr{clear:both;}
#cmsBody img[src*="_MASK.jpg"],
#cmsBody img[src*="_MASK.gif"],
#cmsBody img[src*="_MASK.png"],
#cmsBody img[src*="_MASK.JPG"],
#cmsBody img[src*="_MASK.GIF"],
#cmsBody img[src*="_MASK.PNG"] {
visibility:hidden;
}