@charset "utf-8";
/*ページ個別設定-------------------------------------------------------------------------------------------------------------*/
/* --------------------
マーケットプレイス デベロッパー向
-------------------- */
/*PC-------------------------------------------------------------------------------------------------------------*/
/*大枠*/
#developerContainerIn {
padding:0 0 40px;
width:960px;
}

/*ヘッダ*/
#developerIdxTitle {
background:#000;
}

#developerIdxTitle h1.developerIdx {
width:100%;
height:496px;
background:url(../images/developer/index_title.jpg) no-repeat scroll center top;
}

#developerIdxTitle h1.developerIdx img {
width:100%;
visibility:hidden;
}

/*フッタ*/
#developerFooter {
padding-top:40px;
}

/*News*/
#developerIdxNewsColumnOuter {
padding-top:20px;
width:100%;
background:white url(../images/developer/body_back.gif);
}

#IdxNewsColumn #IdxNewsLeft {
width:530px;
}

#IdxNewsColumn #IdxNewsLeft #IdxNewBox {
width:530px;
}

#IdxNewsColumn #IdxNewsLeft #IdxNewBox dl {
width:530px;
}

#IdxNewsColumn #IdxNewsLeft #IdxNewBox dl dt {
width:80px;
}

#IdxNewsColumn #IdxNewsLeft #IdxNewBox dl dd {
width:442px;
}

#IdxNewsColumn #IdxNewsLeft #IdxNewBox .bx-prev {
background:url(../images/developer/idx_news_nav_prev.png) no-repeat scroll left top;
}

#IdxNewsColumn #IdxNewsLeft #IdxNewBox .bx-next {
background:url(../images/developer/idx_news_nav_next.png) no-repeat scroll left top;
}

#IdxNewsColumn #IdxNewsRight {
width:366px;
}

/*TOP*/
#developerIdxColumnOuter {
padding:40px 0 0;
width:960px;
}

#developerIdxColumn {
width:960px;
background:url(../images/developer/index_column_back.gif) repeat-y center top;
}

#developerIdxColumn .developerIdxColumn1 {
float:left;
width:320px;
}

#developerIdxColumn .developerIdxColumn1 h2 {
margin:0 auto;
width:280px;
height:209px;
text-indent:-9999px;
}

#developerIdxColumn .developerIdxColumn1 h2.developerIdxSubtit1 {
background:url(../images/developer/idx_subtit1.jpg) no-repeat;
}

#developerIdxColumn .developerIdxColumn1 h2.developerIdxSubtit2 {
background:url(../images/developer/idx_subtit2.jpg) no-repeat;
}

#developerIdxColumn .developerIdxColumn1 h2.developerIdxSubtit3 {
background:url(../images/developer/idx_subtit3.jpg) no-repeat;
}

#developerIdxColumn .developerIdxColumn1 p {
padding:20px 20px 5px;
}

#developerIdxColumn .developerIdxColumn1 p.developerIdxBtn {
padding:20px 0 0 5px;
text-align:center;
}

#developerIdxCaution {
width:366px;
background:url(../images/developer/idx_caution_back.gif) repeat-y;
}

#developerIdxCautionIn {
width:366px;
background:url(../images/developer/idx_caution_backbottom.gif) no-repeat scroll left bottom;
}

#developerIdxCautionIn h3 {
width:366px;
height:32px;
text-indent:-9999px;
background:url(../images/developer/idx_caution_title.gif) no-repeat;
}

#developerIdxCautionIn ul {
padding:15px 20px 20px;
}

#developerIdxCautionIn ul li {
text-indent:-1em;
padding-left:1em;
}

/*タブレット-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 979px) {
/*大枠*/
  #developerContainerIn {
width:100%;
}

/*ヘッダ*/
  #developerIdxTitle {
width:auto;
}

  #developerIdxTitle h1.developerIdx {
height:auto;
background:none;
}

  #developerIdxTitle h1.developerIdx img {
visibility:visible;
}

/*News*/
  #IdxNewsColumn #IdxNewsLeft {
width:50%;
}

  #IdxNewsColumn #IdxNewsLeft #IdxNewBox dl {
width:auto;
}

  #IdxNewsColumn #IdxNewsLeft #IdxNewBox dl dd {
width:auto;
}

  #IdxNewsColumn #IdxNewsRight {
width:50%;
}

/*TOP*/
  #developerIdxColumnOuter2 {
width:700px;
overflow:hidden;
}

  #developerIdxColumn {
width:100%;
display:table;
}

  #developerIdxColumn .developerIdxColumn1 {
float:none;
display:table-cell;
}

  #developerIdxCaution {
width:auto;
background:#fff;
border:1px solid #999;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

  #developerIdxCautionIn {
width:auto;
background:none;
}

  #developerIdxCautionIn h3 {
margin:15px auto 0;
padding:0 20px;
width:200px;
height:12px;
text-indent:-9999px;
background:url(../images/developer/idx_caution_title_sp.gif) no-repeat scroll 20px 0;
-webkit-background-size:200px 12px;
-moz-background-size:200px 12px;
-o-background-size:200px 12px;
background-size:200px 12px;
}
}
/*スマホ-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
  #developerIdxColumnOuter2 {
width:auto !important;
}

  #developerIdxColumnOuter {
margin:0 auto !important;
padding:0;
width:100%;
background:none;
-webkit-transform:scale(1) !important;
-moz-transform:scale(1) !important;
-ms-transform:scale(1) !important;
transform:scale(1) !important;
}

  #developerIdxColumn {
margin:0 auto !important;
width:100%;
background:none;
display:block;
}

  #developerIdxColumn .developerIdxColumn1 {
width:auto;
display:block;
padding:40px 0 0 0;
}

  #developerIdxColumn .developerIdxColumn1 p.developerIdxBtn {
padding:20px 20px 5px;
}

  #developerIdxColumn .developerIdxColumn1 p.developerIdxBtn img {
width:100%;
}

/*News*/
  #developerIdxNewsColumnOuter {
margin:0 auto 0 !important;
padding-top:20px;
width:100%;
background:white url(../images/developer/body_back.gif);
}

  #IdxNewsColumn #IdxNewsLeft {
width:auto;
}

  #IdxNewsColumn #IdxNewsRight {
margin:0;
padding:40px 10px 0;
width:auto;
}

  #developerIdxCaution {
width:auto;
background:#fff;
border:1px solid #999;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

  #developerIdxCautionIn {
width:auto;
}
}
