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

/*---------------------------------------------------------------------*/
/* レイアウト */
/*---------------------------------------------------------------------*/
#subtopContents {
padding:0 10px 10px;
}
/*---------------------------------------------------------------------*/
/* タイトル周り */
/*---------------------------------------------------------------------*/
#subtopTitle {
background:none;
border-top:none;
border-bottom:4px solid #ddd;
margin:0 10px 15px;
padding:15px 0 2px;
}
#subtopTitle h1 {
font-size:28px;
line-height:36px;
margin-bottom:5px;
padding:0;
}
#subtopHeader {
margin:10px 10px 15px;
}
.dir-features #subtopHeader {
background-position-x:center;
}
#subtopDescription {
margin:0 10px 10px;
}
/*---------------------------------------------------------------------*/
/* series - 連載インデックス */
/*---------------------------------------------------------------------*/
#seriesBody .colBoxButton {
display:none;
}
/*---------------------------------------------------------------------*/
/* FORUM TITLE */
/*---------------------------------------------------------------------*/
.dir-embedded #subtopTitle,
.dir-mecha #subtopTitle,
.dir-eledev #subtopTitle,
.dir-pro #subtopTitle,
.dir-env #subtopTitle,
.dir-carele #subtopTitle,
.dir-jisso #subtopTitle,
.dir-smm #subtopTitle,
.dir-career #subtopTitle,
.dir-fa #subtopTitle,
.dir-medical #subtopTitle,
.dir-robot #subtopTitle,
.dir-material_chemical #subtopTitle {
border-bottom:none;
}
.dir-embedded #subtopTitle h1,
.dir-mecha #subtopTitle h1,
.dir-eledev #subtopTitle h1,
.dir-pro #subtopTitle h1,
.dir-env #subtopTitle h1,
.dir-carele #subtopTitle h1,
.dir-jisso #subtopTitle h1,
.dir-smm #subtopTitle h1,
.dir-career #subtopTitle h1,
.dir-fa #subtopTitle h1,
.dir-medical #subtopTitle h1,
.dir-robot #subtopTitle h1,
.dir-material_chemical #subtopTitle h1 {
font-size:12px;
line-height:16px;
background:url(https://image.itmedia.co.jp/mn/images/title_forum_embedded.gif) no-repeat 0 0;
height:51px;
text-indent:-9999px;
}
.dir-embedded #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_embedded.gif) no-repeat 0 0;}
.dir-mecha #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_mecha.gif) no-repeat 0 0;}
.dir-eledev #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_eledev.gif) no-repeat 0 0;}
.dir-pro #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_pro.gif) no-repeat 0 0;}
.dir-env #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_env.gif) no-repeat 0 0;}
.dir-carele #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_carele.gif) no-repeat 0 0;}
.dir-jisso #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_jisso.gif) no-repeat 0 0;}
.dir-smm #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_smm.gif) no-repeat 0 0;}
.dir-career #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_career.gif) no-repeat 0 0;}
.dir-fa #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_fa.gif) no-repeat 0 0;}
.dir-medical #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_medical.gif) no-repeat 0 0;}
.dir-robot #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_robot.gif) no-repeat 0 0;}
.dir-material_chemical #subtopTitle h1 {background:url(https://image.itmedia.co.jp/mn/images/title_forum_material_chemical.gif) no-repeat 0 0;}

/*---------------------------------------------------------------------*/
/* for dir-ebook */
/*---------------------------------------------------------------------*/
.dir-ebook #subtopTitle {
padding:0;
border-top:none;
border-bottom:none;
}
.dir-ebook #subtopTitle h1 {
font-size:12px;
line-height:16px;
background:url(https://image.itmedia.co.jp/mn/images/banner_itmid_640x64_1.gif) no-repeat 0 0;
height:64px;
text-indent:-9999px;
}
.dir-features.dir-em_ebook .backNumBoxRap,
.dir-features.dir-mecha_ebook .backNumBoxRap,
.dir-features.dir-pro_ebook .backNumBoxRap,
.dir-features.dir-embedded_ebook .backNumBoxRap,
.dir-features.dir-carele_ebook .backNumBoxRap {
width:100%;
}
.dir-features.dir-em_ebook .colBox .backNumBoxIn ul,
.dir-features.dir-mecha_ebook .colBox .backNumBoxIn ul,
.dir-features.dir-pro_ebook .colBox .backNumBoxIn ul,
.dir-features.dir-embedded_ebook .colBox .backNumBoxIn ul,
.dir-features.dir-carele_ebook .colBox .backNumBoxIn ul {
padding:0;
}
.dir-features.dir-em_ebook .colBox .backNumBoxIn ul li::after,
.dir-features.dir-mecha_ebook .colBox .backNumBoxIn ul li::after,
.dir-features.dir-pro_ebook .colBox .backNumBoxIn ul li::after,
.dir-features.dir-embedded_ebook .colBox .backNumBoxIn ul li::after,
.dir-features.dir-carele_ebook .colBox .backNumBoxIn ul li::after {
display:none;
}
.dir-features.dir-em_ebook .colBoxImage img,
.dir-features.dir-mecha_ebook .colBoxImage img,
.dir-features.dir-pro_ebook .colBoxImage img,
.dir-features.dir-embedded_ebook .colBoxImage img,
.dir-features.dir-carele_ebook .colBoxImage img {
max-width:630px;
height:auto;
}
/*---------------------------------------------------------------------*/
/* for dir-info */
/*---------------------------------------------------------------------*/
.dir-info .colBoxUlist ul li .colBoxArticlewriter {
display:none;
}
.dir-info .colBoxUlist ul li .colBoxUlistDate {
display:none;
}
/* RULE & FAQ -------------------------------------------- */
#masterMain .colBoxRuleInfo,
#masterMain .colBoxFaq {
padding:10px;
}
#masterMain .colBoxRuleInfo .colBoxHead,
#masterMain .colBoxFaq .colBoxHead {
color:#444;
border-bottom:1px solid #CCC;
padding:0 0 3px;
}
.colBoxFaq .colBoxSubhead h4 {
font-size:14px;
line-height:20px;
}
.colBoxFaq .colBoxSentence p {
margin-bottom:10px;
}
.colBoxFaq .colBoxUlist ul li {
padding:0 0 3px 16px;
background:url(https://image.itmedia.co.jp/images/ulli_arrow0.gif) no-repeat 0 1px;
}
/*---------------------------------------------------------------------*/
/* for dir-archive */
/*---------------------------------------------------------------------*/
.dir-archive .colBoxCalendar,
.dir-archive .colBoxButtons,
.dir-archive .colBoxBacknumber {
margin:0 10px 10px;
}
.dir-archive .colBoxUlist ul {
padding:0;
}
.dir-archive .colBoxUlist ul li .colBoxArticlewriter {
display:none;
}
.dir-archive .colBoxUlist ul li .colBoxUlistDate {
display:none;
}
.dir-archive .colBoxUlist ul li::after {
display:none;
}
.dir-archive .colBoxBacknumber .colBoxUlist ul li {
padding:3px 0 5px 0;
line-height:17px;
}
/*---------------------------------------------------------------------*/
/* for dir-features */
/*---------------------------------------------------------------------*/
#masterMain .colBoxTopStory {
margin-bottom:15px;
height:1%;
}
#masterMain .colBoxTopStory .colBoxHead {
margin-bottom:0px;
}
#masterMain .colBoxTopStory .colBoxOuter {
background:#FFE;
}
#masterMain .colBoxTopStory .colBoxInner {
border:2px solid #DDD;
padding:10px;
}
#masterMain .colBoxHead {
border-bottom:0px solid;
color:#FFF;
padding:6px 0 2px 10px;
background-color:#FFF;
}
#masterMain .colBoxCalendar .colBoxHead,
#masterMain .colBoxBacknumber .colBoxHead {
color:#333;
padding: 3px 0;
border-bottom: 4px solid #ddd;
}
#masterMain .colBoxTopStory .colBoxPageLink,
#masterMain .colBoxButtons .colBoxPageLink {
display:none;
}
.dir-features #masterMain .colBoxButtons .colBoxUlistDate {
display:none;
}
/* social button 20110912 */
.dir-features .colBoxSocialBtnBox .colBoxSocialButton {
float:right;
width:168px;
height:90px;
}
.dir-features .colBoxSocialBtnBox .colBoxSocialButton ul {
padding:0;
margin:0;
}
.dir-features .colBoxSocialBtnBox .colBoxSocialButton li {
list-style:none;
float:right;
}
.dir-features .colBoxSocialBtnBox .colBoxSocialButton .colBoxSocialButtonFacebook {
width:79px;
}
.dir-features .colBoxSocialBtnBox .colBoxInfo {
width:488px;
}
.dir-features .colBoxCsbBtn .csbBtn {float:left;}
/*---------------------------------------------------------------------*/
/* forumTopIndex - フォーラムトップ */
/*---------------------------------------------------------------------*/
.forumTopIndex #subtopDescription h2 {
font-size:12px;
line-height:20px;
}
#masterMain.forumTopIndex .colBoxHead {
color:#333;
margin:0 0 10px;
padding:3px 0;
border-bottom:2px #ddd solid;
}
.dir-embedded #masterMain.forumTopIndex .colBoxHead {
border-bottom:2px #FC651C solid;
}
.forumTopIndex .colBoxHead h2 {
font-size:16px;
line-height:20px;
}
.forumTopIndex .colBoxDate {
font-size:12px;
color:#666;
text-align:right;
}
.forumTopIndexTopArticle,
.forumTopIndexRecommendArticles,
.forumTopIndexFeatures,
.forumTopIndexPastFeatures,
.forumTopIndexArticles {
clear:both;
margin:0 0 10px;
}
/* forumTopIndexTopArticle */
.forumTopIndexTopArticle {
margin:0 0 25px;
}
.forumTopIndexTopArticle .colBoxIcon a {
display:block;
margin:0 13px 0 0;
overflow:hidden;
}
.forumTopIndexTopArticle .colBoxIcon img {
float:none;
margin:-1px;
}
.forumTopIndexTopArticle .colBoxTitle {
margin:0 0 5px;
}
.forumTopIndexTopArticle .colBoxTitle h3 {
padding:5px 0 0;
font-size:24px;
line-height:30px;
}
.forumTopIndexTopArticle .colBoxDescription p {
font-size:12px;
line-height:20px;
}
/* forumTopIndexRecommendArticles */
.forumTopIndexRecommendArticles .colBoxIndex {
position:relative;
margin:0 20px 25px 0;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(1n) {
float:left;
width:200px;
padding-top:10px;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(3n) {
margin-right:0;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(3n+1) {
clear:both;
}
.forumTopIndexRecommendArticles .colBoxIcon a {
overflow:hidden;
}
.forumTopIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxIcon a {
float:none;
display:block;
margin:0 0 5px;
}
.forumTopIndexRecommendArticles .colBoxIcon img {
margin:-1px;
width:200px;
height:150px;
}
.forumTopIndexRecommendArticles  .colBoxIndex:nth-child(1n).colBoxIcon img {
float:none;
}
.forumTopIndexRecommendArticles  .colBoxIndex:nth-child(1n).colBoxTitle {
margin:0;
}
.forumTopIndexRecommendArticles  .colBoxIndex:nth-child(1n).colBoxTitle h3 {
padding:0;
font-size:16px;
line-height:24px;
}
.forumTopIndexRecommendArticles .colBoxSubTitle,
.forumTopIndexRecommendArticles .colBoxDescription {
display:none;
}
.forumTopIndexRecommendArticles .colBoxPageLink {
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumTopIndexRecommendArticles .colBoxPageLink a {
margin:0 auto;
padding:8px 50px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumTopIndexRecommendArticles .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
/* forumTopIndexFeatures */
.forumTopIndexFeaturesTitle {
clear:both;
margin:0 0 10px 0;
padding:3px 5px;
border-bottom:2px #ddd solid;
}
.dir-embedded .forumTopIndexFeaturesTitle {
border-bottom:2px #FC651C solid;
}
.forumTopIndexFeaturesTitle span {
font-size:16px;
font-weight:bold;
}
.forumTopIndexFeatures .forumTopIndexFeature:nth-child(odd) {
clear:both;
float:left;
width:310px;
}
.forumTopIndexFeatures .forumTopIndexFeature:nth-child(even) {
clear:none;
float:right;
width:310px;
}
#masterMain .forumTopIndexFeature .colBoxHead {
background:#e8e8e8!important;
border-bottom:none!important;
}
.forumTopIndexFeature .colBoxHead h2 {
padding:4px 10px 2px;
font-size:14px;
line-height:18px;
color:#555;
}
.forumTopIndexFeature .colBoxHead h2 a:link,
.forumTopIndexFeature .colBoxHead h2 a:visited {
color:#555;
}
.forumTopIndexFeature .colBoxHead h2 a:hover,
.forumTopIndexFeature .colBoxHead h2 a:active {
color:#C00417;
}
.forumTopIndexFeatures .colBoxIcon a {
display:block;
margin:0 8px 10px 0;
overflow:hidden;
}
.forumTopIndexFeatures .colBoxIcon img {
margin:-1px;
width:120px;
height:90px;
}
.forumTopIndexFeatures .colBoxTitle {
margin:0;
}
.forumTopIndexFeatures .colBoxTitle h3 {
font-size:15px;
line-height:22px;
}
.forumTopIndexFeatures .colBoxSubTitle {
display:none;
}
.forumTopIndexFeatures .colBoxPageLink {
display:none;
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumTopIndexFeatures .colBoxPageLink a {
margin:0 auto;
padding:3px 35px;
font-size:13px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumTopIndexFeatures .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
/* forumTopIndexPastFeatures */
.forumTopIndexPastFeatures {
margin-bottom:20px;
}
.forumTopIndexPastFeatures .colBoxUlist ul {
padding:2px 0 0 0;
font-size:13px;
line-height:20px;
}
.forumTopIndexPastFeatures .colBoxUlist ul li {
position:relative;
background:none;
padding:10px 0 5px 15px;
border-bottom:none;
border-top:1px dotted #ccc;
}
.forumTopIndexPastFeatures .colBoxUlist ul li::after {
display:block;
content:'';
position:absolute;
top:15px;
left:0;
width:6px;
height:6px;
border-right:1px solid #666;
border-bottom:1px solid #666;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.forumTopIndexPastFeatures .colBoxUlist ul li:nth-child(odd) {
clear:both;
float:left;
width:295px;
margin:0 0 3px 0;
}
.forumTopIndexPastFeatures .colBoxUlist ul li:nth-child(even) {
clear:none;
float:right;
width:295px;
margin:0 0 3px 0;
}
.forumTopIndexPastFeatures .colBoxPageLink {
margin-top:30px;
}
/* forumTopIndexArticles */
.forumTopIndexArticles .colBoxIndex {
margin:0 0 15px;
}
.forumTopIndexArticles .colBoxIcon a {
display:block;
margin:0 8px 10px 0;
overflow:hidden;
}
.forumTopIndexArticles .colBoxIcon img {
margin:-1px;
width:80px;
height:60px;
}
.forumTopIndexArticles .colBoxTitle {
margin:0;
}
.forumTopIndexArticles .colBoxTitle h3 {
font-size:19px;
line-height:25px;
}
.forumTopIndexArticles.divide2column .colBoxIndex:nth-child(odd) {
clear:both;
float:left;
width:310px;
}
.forumTopIndexArticles.divide2column .colBoxIndex:nth-child(even) {
clear:none;
float:right;
width:310px;
}
.forumTopIndexArticles.divide2column .colBoxTitle h3 {
font-size:15px;
line-height:22px;
}
.forumTopIndexArticles .colBoxPageLink {
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumTopIndexArticles .colBoxPageLink a {
margin:0 auto;
padding:8px 50px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumTopIndexArticles .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
/* タイトルカット */
.forumTopIndexRecommendArticles .colBoxTitle h3 {
position:relative;
overflow:hidden;
height:72px;
padding-right:10px;
}
.forumTopIndexRecommendArticles .colBoxTitle h3::before {
position:absolute;
content:"…";
top:52px;
right:0;
font-size:10px
}
.forumTopIndexRecommendArticles .colBoxTitle h3::after {
background:#fff;
position:absolute;
content:"";
height:100%;
width:100%;
}
.forumTopIndexFeatures .colBoxTitle h3 {
position:relative;
overflow:hidden;
height:67px;
padding-right:10px;
}
.forumTopIndexFeatures .colBoxTitle h3::before {
position:absolute;
content:"…";
top:49px;
right:3px;
font-size:10px
}
.forumTopIndexFeatures .colBoxTitle h3::after {
background:#fff;
position:absolute;
content:"";
height:100%;
width:100%;
}
.forumTopIndexArticles .colBoxTitle h3 {
position:relative;
overflow:hidden;
height:67px;
padding-right:10px;
}
.forumTopIndexArticles .colBoxTitle h3::before {
position:absolute;
content:"…";
top:49px;
right:0;
font-size:10px
}
.forumTopIndexArticles .colBoxTitle h3::after {
background:#fff;
position:absolute;
content:"";
height:100%;
width:100%;
}
/*---------------------------------------------------------------------*/
/* forumArchiveIndex - フォーラム過去記事一覧 */
/*---------------------------------------------------------------------*/
#masterMain.forumArchiveIndex .colBoxHead {
color:#333;
margin:0 0 10px;
padding:3px 0;
border-bottom:2px #ddd solid;
}
.forumArchiveIndex .colBoxHead h2 {
font-size:16px;
line-height:20px;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLink {
clear:both;
margin:15px 0 20px;
text-align:center;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLinkPrev {
clear:none;
float:left;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLinkNext {
clear:none;
float:right;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLink a {
margin:0 auto;
padding:8px 30px;
font-size:14px;
color:#333;
text-decoration:none;
border-radius:4px;
border:1px #ddd solid;
background:#fafafa;
}
.forumArchiveIndex .forumArchiveIndexBottomLink .colBoxPageLink a:hover {
background:#ddd;
text-decoration:none;
}
.forumArchiveIndex #subtopTitle h1 {
height:auto;
padding-top:55px;
font-size:16px;
text-indent:inherit;
}
/*---------------------------------------------------------------------*/
/* Features esec2011 */
/*---------------------------------------------------------------------*/
.dir-esec2011 #subtopTitle {
background:url(https://image.itmedia.co.jp/mn/images/title_features_esec2011.jpg) no-repeat;
height:130px;
border-top:0px solid;
}
.dir-esec2011 #subtopTitle h1 {
text-indent:-9999px;
}
.dir-esec2011 #subtopDescription h2 {
display:none;
}
.dir-esec2011 #masterMain .colBoxHead {
border-bottom:0px solid;
background:url(https://image.itmedia.co.jp/mn/images/heading_features_esec2011.gif) no-repeat;
color:#FFF;
padding:5px 0 4px 10px;
}
.dir-esec2011 #masterMain .colBoxTitle {
padding-bottom:3px;
}
.dir-esec2011 #masterMain .colBoxIndex .colBoxInfo {
padding-bottom:3px;
}
.dir-esec2011 #masterMain .colBoxTopStory {
margin-bottom:15px;
}
.dir-esec2011 #masterMain .colBoxTopStory .colBoxHead {
margin-bottom:0px;
}
.dir-esec2011 #masterMain .colBoxTopStory .colBoxOuter {
background:#FFE;
}
.dir-esec2011 #masterMain .colBoxTopStory .colBoxInner {
border:2px solid #DDD;
padding:10px;
}
/*---------------------------------------------------------------------*/
/* Features FPGA */
/*---------------------------------------------------------------------*/
.dir-fpga #subtopTitle {
background:url(https://image.itmedia.co.jp/mn/images/title_features_fpga.jpg) 0 bottom no-repeat;
height:130px;
border-top:0px solid;
}
.dir-fpga #subtopTitle h1 {
text-indent:-9999px;
}
.dir-fpga #subtopDescription h2 {
display:none;
}
.dir-fpga #masterMain .colBoxHead {
border-bottom:0px solid;
background:url(https://image.itmedia.co.jp/mn/images/heading_features_fpga.gif) no-repeat;
color:#FFF;
padding:4px 0 4px 17px;
}
.dir-fpga #subtopContents .colBoxISTLCT .colBoxHead {
border-bottom:0px solid!important;
background:url(https://image.itmedia.co.jp/mn/images/heading_features_fpga.gif) no-repeat!important;
color:#FFF!important;
padding:4px 0 4px 17px!important;
}
.dir-fpga #masterMain .colBoxTitle {
padding-bottom:3px;
}
.dir-fpga #masterMain .colBoxIndex .colBoxInfo {
padding-bottom:3px;
}
.dir-fpga #masterMain .colBoxTopStory {
margin-bottom:15px;
}
.dir-fpga #masterMain .colBoxTopStory .colBoxHead {
margin-bottom:0px;
}
.dir-fpga #masterMain .colBoxTopStory .colBoxOuter {
background:#FFE;
}
.dir-fpga #masterMain .colBoxTopStory .colBoxInner {
border:2px solid #DDD;
padding:10px;
}
/*---------------------------------------------------------------------*/
/* Features DMS2011 */
/*---------------------------------------------------------------------*/
.dir-dms2011 #subtopTitle {
background:url(https://image.itmedia.co.jp/mn/images/title_features_dms2011.jpg) 0 bottom no-repeat;
height:130px;
border-top:0px solid;
}
.dir-dms2011 #subtopTitle h1 {
text-indent:-9999px;
}
.dir-dms2011 #subtopDescription h2 {
display:none;
}
.dir-dms2011 #masterMain .colBoxHead {
border-bottom:0px solid;
background:url(https://image.itmedia.co.jp/mn/images/heading_features_dms2011.gif) no-repeat;
color:#FFF;
padding:4px 0 4px 16px;
}
.dir-dms2011 #masterMain .colBoxTitle {
padding-bottom:3px;
}
.dir-dms2011 #masterMain .colBoxIndex .colBoxInfo {
padding-bottom:3px;
}
.dir-dms2011 #masterMain .colBoxTopStory {
margin-bottom:15px;
}
.dir-dms2011 #masterMain .colBoxTopStory .colBoxHead {
margin-bottom:0px;
}
.dir-dms2011 #masterMain .colBoxTopStory .colBoxOuter {
background:#FFE;
}
.dir-dms2011 #masterMain .colBoxTopStory .colBoxInner {
border:2px solid #DDD;
padding:10px;
}
/*---------------------------------------------------------------------*/
/* Features car_dev */
/*---------------------------------------------------------------------*/
.dir-car_dev #subtopTitle {
background:url(https://image.itmedia.co.jp/mn/images/title_features_car_dev.jpg) 0 bottom no-repeat;
height:130px;
border-top:0px solid;
}
.dir-car_dev #subtopTitle h1 {
text-indent:-9999px;
}
.dir-car_dev #subtopDescription h2 {
display:none;
}
.dir-car_dev #masterMain .colBoxHead {
border-bottom:0px solid;
background:url(https://image.itmedia.co.jp/mn/images/heading_features_car_dev.gif) no-repeat;
color:#FFF;
padding:5px 0 4px 45px;
}
.dir-car_dev #masterMain .colBoxTitle {
padding-bottom:3px;
}
.dir-car_dev #masterMain .colBoxIndex .colBoxInfo {
padding-bottom:3px;
}
.dir-car_dev #masterMain .colBoxTopStory {
margin-bottom:15px;
}
.dir-car_dev #masterMain .colBoxTopStory .colBoxHead {
margin-bottom:0px;
}
.dir-car_dev #masterMain .colBoxTopStory .colBoxOuter {
background:#FFE;
}
.dir-car_dev #masterMain .colBoxTopStory .colBoxInner {
border:2px solid #DDD;
padding:10px;
}
.dir-car_dev #masterMain .colBoxPageLink a {
background:url(https://image.itmedia.co.jp/images0509/bliu2.gif) no-repeat left center;
padding-left:13px;
}
/*---------------------------------------------------------------------*/
/* Features dir-analysis */
/*---------------------------------------------------------------------*/
.dir-analysis #subtopTitle {
background:url(https://image.itmedia.co.jp/mn/images/title_features_analysis.jpg) 0 top no-repeat;
height:115px;
border-top:0px solid;
}
.dir-analysis #subtopTitle h1 {
background-image:none;
text-indent:-9999px;
}
.dir-analysis #subtopDescription h2 {
display:none;
}
.dir-analysis #masterMain .colBoxLearned .colBoxHead {
background:url(https://image.itmedia.co.jp/mn/images/heading_features_analysis.gif) no-repeat;
}
.dir-analysis #masterMain .colBoxHead {
border-bottom:0px solid;
background:url(https://image.itmedia.co.jp/mn/images/heading_features_analysis2.gif) no-repeat;
color:#FFF;
padding:5px 0 4px 20px;
margin-bottom:10px;
}
.dir-analysis #masterMain .colBoxTitle {
padding-bottom:3px;
}
.dir-analysis #masterMain .colBoxIndex .colBoxInfo {
padding-bottom:3px;
}
.dir-analysis #masterMain .colBoxTopStory {
margin-bottom:15px;
}
.dir-analysis #masterMain .colBoxTopStory .colBoxHead {
margin-bottom:0px;
}
.dir-analysis #masterMain .colBoxTopStory .colBoxOuter {
background:#FFE;
}
.dir-analysis #masterMain .colBoxTopStory .colBoxInner {
border:2px solid #DDD;
padding:10px;
}
.dir-analysis #masterMain .colBoxPageLink a {
background:url(https://image.itmedia.co.jp/images0509/bliu2.gif) no-repeat left center;
padding-left:13px;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable td {
background:#444;
border:1px solid #DDD;
vertical-align:top;
padding:0!important;
width:130px;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable td a {
color:#FFF;
text-align:center;
font-size:13px;
font-weight:bold;
text-decoration:none;
display:block;
padding:10px;
height:140px;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable td a:hover {
background:#555;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable td a img {
padding-bottom:10px;
border:0 none;
margin:0 auto;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable .endTd {
text-align:left;
width:390px;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable .endTd a {
padding:10px;
text-align:left;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable .endTd img {
float:left;
margin:0;
padding:0 15px 0 0;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable .endTd span {
display:block;
font-size:12px;
line-height:16px;
margin:0 0 3px;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable .endTd span.colBoxSpanTitle {
color:#F90;
font-size:16px;
line-height:20px;
padding-bottom:3px;
}
.dir-analysis #masterMain .colBoxTopIcon .colBoxTable .endTd span.colBoxSpanDescription {
font-weight:normal;
}
/*---------------------------------------------------------------------*/
/* classifiedIndexRecommendArticles */
/*---------------------------------------------------------------------*/
.classifiedIndex .colBoxDate {
display:none;
font-size:12px;
color:#666;
text-align:right;
}
.classifiedIndexRecommendArticles,
.classifiedIndexArticles {
clear:both;
margin:0 0 10px;
}
.classifiedIndexRecommendArticles .colBoxIndex {
position:relative;
margin:0 20px 25px 0;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) {
float:left;
width:200px;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(3n) {
margin-right:0;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(3n+1) {
clear:both;
}
.classifiedIndexRecommendArticles .colBoxIcon a {
margin:0 10px 10px 0;
overflow:hidden;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxIcon a {
float:none;
display:block;
margin:0 0 5px;
}
.classifiedIndexRecommendArticles .colBoxIcon img {
margin:-1px;
width:200px;
height:150px;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxIcon img {
float:none;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxTitle {
margin:0;
}
.classifiedIndexRecommendArticles .colBoxIndex:nth-child(1n) .colBoxTitle h3 {
padding:0;
font-size:16px;
line-height:24px;
}
.classifiedIndexRecommendArticles .colBoxArticleType,
.classifiedIndexRecommendArticles .colBoxKeywords {
position:absolute;
top:0;
left:0;
width:100px;
height:18px;
padding:2px 0;
background-color:#325698;
color:#fff;
font-size:12px;
text-align:center;
overflow:hidden;
}
/* classifiedIndexArticles */
.classifiedIndexArticles .colBoxIndex {
margin:0 0 15px;
}
.classifiedIndexArticles .colBoxIcon a {
display:block;
margin:0 8px 10px 0;
overflow:hidden;
}
.classifiedIndexArticles .colBoxIcon img {
margin:-1px;
width:120px;
height:90px;
}
.classifiedIndexArticles .colBoxTitle {
margin:0;
}
.classifiedIndexArticles .colBoxTitle h3 {
font-size:19px;
line-height:25px;
}
/* CategoryIndex */
.colBoxCategoryIndex .colBoxIndex{
margin-bottom:24px;
}

/* GAM */
#LogoAD{
display:none;
}
#LogoAD.delivery{
display:block;
}
#IndexTopLink{
display:none;
}
#IndexTopLink.delivery{
display:block;
border-bottom:1px solid #C1C1C1;
margin-bottom:24px;
}
#IndexTopLink .gam_headline{
color:#000;
position:relative;
border-bottom:3px solid #C1C1C1;
margin-left:0;
margin-bottom:15px;
width:100%;
padding:9px 0 5px;
clear:both;
font-size:14px;
line-height:1.4;
font-weight:600;
}
#IndexTopLink .gam_headline .gam_prmark{
top:9px;
}