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

#masterMain a:link,
#masterMain a:visited {
color:#036;
}
#masterMain #cmsBody a:link,
#masterMain #cmsBody a:visited {
text-decoration:underline;
}
/*---------------------------------------------------------------------*/
/* 記事ヘッド部分 */
/*---------------------------------------------------------------------*/
.colBoxHeadline .colBoxOuter {
background:#000;
border-radius:0 0 10px 10px;
-moz-border-radius:0 0 10px 10px;
-webkit-border-bottom-right-radius:10px;   
-webkit-border-bottom-left-radius:10px; 
-o-border-radius:0 0 10px 10px;
-ms-border-radius:0 0 10px 10px;
}
.colBoxHeadline .colBoxInner {
height:1%;
padding:10px;
color:#FFF;
position:relative;
z-index:1;
}
#cmsType {
display:block;
border-bottom:1px solid #fff;
float:left;
padding:0 0 3px;
font-weight:bold;
}
#cmsDate{
border-bottom:1px solid #fff;
padding:0 0 3px;
margin:0 0 8px;
}
#cmsTitle {
padding:10px 0 5px;
}
#cmsTitle h1 small {
color:#F90;
font-size:12px;
line-height:14px;
}
#masterSocialbuttonTop .h20px {
height:0;
}
/*---------------------------------------------------------------------*/
/* ソーシャルボタン */
/*---------------------------------------------------------------------*/
.msbBtn, #masterSocialbuttonMid {
box-shadow:none;
font-size:9px;
line-height:15px;
}
#masterSocialbuttonBtm .msbBtn a {
font-size:9px;
line-height:15px;
}
/* ソーシャルボタン 13.09.03 */
.colBoxHeadline .masterSocialbutton {
margin:0;
}

/*---------------------------------------------------------------------*/
/* 拡大画像 */
/*---------------------------------------------------------------------*/
.dir-im #masterBody {
width:auto;
}
.dir-im #masterHeader {
margin:0 auto;
width:990px;
padding:10px 0;
}
.dir-im #cmsTitle,
.dir-im #cmsAbstract,
.dir-im #ImagesList,
.dir-im #masterFooter {
margin:0 auto;
width:990px;
}
.colBoxLargeImage .colBoxInner,
.colBoxLargeImage .colBoxInfo {
text-align:center;
}
.colBoxLargeImage .colBoxIcon {
margin:0 auto;
}
.colBoxLargeImage .colBoxIcon a {
float:none;
border:none;
}
.colBoxLargeImage .colBoxIcon img {
margin:0 0 10px;
}

/*---------------------------------------------------------------------*/
/* 記事下COLBOX */
/*---------------------------------------------------------------------*/
#masterMain .colBoxHead {
background-color:#EEE;
margin: 0 0 10px;
padding:2px 6px;
}
#masterMain .colBoxHead h2 {
font-size:12px;
line-height:18px;
}

/*---------------------------------------------------------------------*/
/* CMS/Input書式 */
/*---------------------------------------------------------------------*/
#cmsBody {
padding:0 10px 0 0;
}
#cmsBody #cmsMark img {
margin:0 0 5px 0;
}
#cmsBody h3 {
background:url(http://image.itmedia.co.jp/style/images/newart_h3bg.gif) no-repeat 0 2px;
border-bottom:1px solid #404040;
color:#000;
font-size:19px;
line-height:26px;
padding:0 0 3px 10px;
}
#cmsBody h4 {
border-bottom:none;
color:#222;
font-size:15px;
line-height:26px;
}
#cmsBody .trBoxC .trBoxWidth {
overflow:hidden;
}
#cmsBody #notice {
background:none;
padding:0;
margin:0 auto 20px;
text-align:center;
}
#cmsBody #notice a {
background:url(http://image.itmedia.co.jp/images0509/next.gif) no-repeat;
padding:4px 10px 10px 72px;
}
#masterMain .backNumBox strong a:link,
#masterMain .backNumBox strong a:visited {
color:#FFF;
}
#cmsBody .box li {
font-size:16px;
line-height:22px;
list-style:square outside none;
margin-bottom:10px;
}

/* コピーライト */
#cmsMark,
#cmsBody #cmsMark {
text-align:right;
}
#cmsCopyright,
#cmsCopyright p {
font-size:12px;
line-height:16px;
text-align:right;
margin:0 0 10px;
}

/* 関連記事 */
#cmsBody #endlinkConnection.endlink {
margin:0 0 20px;
}
#cmsBody #endlinkConnection.endlink ul {
margin:0 0 10px;
width:100%;
}
#cmsBody .endlink ul {
display:inline-block;
border-bottom:none;
}
#cmsBody .endlink li {
background:none;
padding-left:0;
}
#cmsBody .endlink li a img {
width:80px;
height:60px;
}
#cmsBody #endlinkConnection.endlink2column li {
float:left;
width:49%;
padding:0 5px 0 0;
clear:none;
}
#cmsBody #endlinkConnection.endlink2column li a img {
width:60px;
height:45px;
}
#cmsBody #endlinkConnection.endlink2column .endlink-art {
display:none;
}
#cmsBody #endlinkConnection.endlink2column #endlink-art1,
#cmsBody #endlinkConnection.endlink2column #endlink-art2,
#cmsBody #endlinkConnection.endlink2column #endlink-art3,
#cmsBody #endlinkConnection.endlink2column #endlink-art4 {
display:block;
}
#masterMain #cmsBody .endlink a:link,
#masterMain #cmsBody .endlink a:visited {
text-decoration:none;
}


/* 旧WEEKLY ACCESS TOP10 -
----------------------------------------------- */
#cmsBody .acctop10-Makoto {
width:500px;
margin:0px auto;
padding:15px;
}
#cmsBody .acctop10-Makoto h3 {
width:100%;
height:34px;
margin:0px;
padding:0px;
background:url(http://image.itmedia.co.jp/makoto/images/weekly_access_top10.gif) no-repeat 0px 0px #036;
border:3px solid #CCC;
text-indent:-9999px;
}
#cmsBody .acctop10-Makoto ol {
clear:both;
width:100%;
margin:0px;
padding:0px;
border:3px solid #CCC;
border-top:none;
}
#cmsBody .acctop10-Makoto ol li {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px;
list-style:none;
line-height:120%;
}
#cmsBody .acctop10-Makoto ol li a {
display:block;
clear:both;
padding:7px 6px 19px 47px;
border-bottom:1px solid #DDD;
text-decoration:none;
}
#cmsBody .acctop10-Makoto ol li a:hover {
color:#C00;
}
#cmsBody .acctop10-Makoto ol li#l1 {
background-position:2px 2px;
}
#cmsBody .acctop10-Makoto ol li#l2 {
background-position:2px -98px;
}
#cmsBody .acctop10-Makoto ol li#l3 {
background-position:2px -198px;
}
#cmsBody .acctop10-Makoto ol li#l4 {
background-position:2px -298px;
}
#cmsBody .acctop10-Makoto ol li#l5 {
background-position:2px -398px;
}
#cmsBody .acctop10-Makoto ol li#l6 {
background-position:2px -498px;
}
#cmsBody .acctop10-Makoto ol li#l7 {
background-position:2px -598px;
}
#cmsBody .acctop10-Makoto ol li#l8 {
background-position:2px -698px;
}
#cmsBody .acctop10-Makoto ol li#l9 {
background-position:2px -798px;
}
#cmsBody .acctop10-Makoto ol li#l10 {
background-position:2px -898px;
}
#cmsBody .acctop10-Makoto ol li#l1 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px 2px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l2 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -98px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l3 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -198px #EEE;}
#cmsBody .acctop10-Makoto ol li#l4 a:hover {background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -298px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l5 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -398px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l6 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -498px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l7 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -598px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l8 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -698px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l9 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -798px #EEE;
}
#cmsBody .acctop10-Makoto ol li#l10 a:hover {
background:url(http://image.itmedia.co.jp/makoto/images/rank_num2.gif) no-repeat 2px -898px #EEE;
}
#cmsBody .acctop10-Makoto ol li a span {
display:block;
border-left:2px solid #DDD;
padding-left:8px;
padding-right:8px;
}
#cmsBody .acctop10-Makoto ol li a span small {
display:block;
font-size:10px;
text-align:right;
}
#cmsBody .acctop10-Makoto ol li a:link span small,
#cmsBody .acctop10-Makoto ol li a:visited span small,
#cmsBody .acctop10-Makoto ol li a:hover span small {
color:#666;
}
#cmsBody .acctop10-Makoto ol li#l1 a:hover span,
#cmsBody .acctop10-Makoto ol li#l2 a:hover span,
#cmsBody .acctop10-Makoto ol li#l3 a:hover span {
border-left:2px solid #F60;
}
#cmsBody .acctop10-Makoto ol li#l4 a:hover span,
#cmsBody .acctop10-Makoto ol li#l5 a:hover span,
#cmsBody .acctop10-Makoto ol li#l6 a:hover span,
#cmsBody .acctop10-Makoto ol li#l7 a:hover span,
#cmsBody .acctop10-Makoto ol li#l8 a:hover span,
#cmsBody .acctop10-Makoto ol li#l9 a:hover span,
#cmsBody .acctop10-Makoto ol li#l10 a:hover span {
border-left:2px solid #036;
}

/*---------------------------------------------------------------------*/
/* 記事下　転職求人 */
/*---------------------------------------------------------------------*/
#masterMain #colBoxKyujinFeatures .colBoxHead {
background-color:#036;
color:#FFF;
margin:0;
}
#masterMain #colBoxKyujinFeatures .colBoxTitle {
background-color:#EEE;
padding:2px 6px;
}
#masterMain #colBoxKyujinFeatures .colBoxTitle h3 {
font-size:12px;
line-height:18px;
}
#colBoxKyujinFeatures .colBoxNewtxt {
margin:0 0 0 5px;
}