@charset "utf-8";
/*ページ個別設定-------------------------------------------------------------------------------------------------------------*/
/* --------------------
デベロッパー向け　下層
-------------------- */
/*PC-------------------------------------------------------------------------------------------------------------*/
/* --------------------
共通
-------------------- */
/*大枠*/
body {
background:white url(../images/developer/body_back.gif);
}

#developerContainer {
background:#fff;
}

#developerContainerIn {
margin:0 auto;
padding:0 10px 40px;
width:940px;
min-height:480px;
}

/*ヘッダ*/
#developerHeader {
width:100%;
height:110px;
background:black url(../images/developer/index_title0_back.gif) repeat-x scroll left bottom;
}

#developerHeader #Header {
height:60px;
background:#2c2d32 url(../images/developer/header_back.png) repeat-x scroll left top;
}

#developerHeader #HeaderIn {
padding-top:0;
}

#developerHeader h1#developerTitle {
margin:0 auto;
padding-top:0;
width:960px;
text-align:left;
}

/*フッタ*/
#developerFooter {
padding-top:20px;
width:100%;
}

#developerFooter #Footer {
margin:0 auto;
padding-top:0;
border-top:none;
}

/* --------------------
デベロッパー向け　下層
-------------------- */
/*事前登録フォーム*/
#EntryColumn1 {
padding:40px 0 0 0;
width:100%;
text-align:left;
}

#EntryColumn1 img {
display:block;
float:right;
}

#EntryColumn2 {
padding:40px 0 0 0;
width:940px;
text-align:left;
}

#EntryColumn2 .FloatLeft {
width:520px;
}

#EntryColumn2 .FloatLeft .EntryForm {
padding-left:40px;
width:480px;
background:url(../images/developer/entry_icon_subtit.gif) no-repeat scroll 0 6px;
}

#EntryColumn2 .FloatLeft .EntryForm h2 {
font-size:93%;
}

#EntryColumn2 .FloatLeft .EntryForm div {
padding:20px 0 40px;
}

#EntryColumn2 .FloatLeft .EntryForm div .EntryFormText {
margin:0;
padding:5px;
width:468px;
min-height:25px;
font-size:93%;
border:1px solid #aeaeae;
}

#EntryColumn2 .FloatLeft .EntryForm div .EntryFormText2 {
margin:0;
padding:5px;
width:468px;
min-height:200px;
font-size:93%;
border:1px solid #aeaeae;
}

#EntryColumn2 .FloatRight {
width:386px;
background:url(../images/developer/entry_caution_back.gif) repeat-y;
}

#EntryColumn2 .FloatRight h3 {
width:386px;
height:39px;
background:url(../images/developer/entry_caution_title.gif) no-repeat;
text-indent:-9999px;
}

#EntryColumn2 .FloatRight ul {
padding:20px;
background:url(../images/developer/entry_caution_backbottom.gif) no-repeat scroll left bottom;
}

#EntryColumn2 .FloatRight ul li {
padding-left:1em;
text-indent:-1em;
}

#EntryNext {
margin:0;
padding:0 0 0 40px;
width:480px;
text-align:center;
}

/*事前登録フォームエラー*/
.ErrorsBodyOuter {
padding-top:40px;
width:100%;
}

.ErrorsBody {
margin:0 auto;
display:inline-block;
text-align:center;
color:#000;
}

.ErrorsBody ul {
margin:0 auto;
padding:20px;
display:inline-block;
border:1px solid #999;
text-align:left;
}

.ErrorsBody ul li {
padding-left:1em;
text-indent:-1em;
}

.ErrorsBody h1 {
font-size:1em;
}

.ErrorsBody h1 span {
display:block;
font-size:143%;
}

#ErrorsIcon {
padding-top:130px;
background:url(../images/developer/error_icon.png) no-repeat scroll center top;
}

/*ダウンロード*/
h2.downloadSubtit {
font-size:143%;
line-height:1;
}

.dowonloadListOuter {
padding:0 0 60px;
}

.dowonloadList {
padding:30px 0 40px;
width:940px;
border-bottom:1px solid #ccc;
}

.dowonloadList .FloatLeft {
width:656px;
}

.dowonloadList .FloatLeft h3 {
margin:0;
padding:0 0 0 40px;
height:auto;
font-size:143%;
width:auto;
background:url(../images/developer/entry_icon_subtit.gif) no-repeat 0 14px;
}

.dowonloadList .FloatLeft p {
padding:10px 0 0 40px;
}

.dowonloadList .FloatRight {
width:264px;
}

/*タブレット-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 979px) {
/* --------------------
共通
-------------------- */
/*大枠*/
  #developerContainerIn {
width:auto;
}

/*ヘッダ*/
  #developerHeader h1#developerTitle {
padding-left:10px;
width:auto;
}

/* --------------------
デベロッパー向け　下層
-------------------- */
/*事前登録フォーム*/
  #EntryColumn2 {
width:auto;
display:table;
}

  #EntryColumn2 .FloatLeft {
width:60%;
display:table-cell;
vertical-align:top;
float:none;
}

  #EntryColumn2 .FloatLeft .EntryForm {
padding:0 20px 0 40px;
width:auto;
}

  #EntryColumn2 .FloatLeft .EntryForm div {
padding:20px 0 40px;
}

  #EntryColumn2 .FloatLeft .EntryForm div .EntryFormText {
padding:0;
width:100%;
min-height:35px;
}

  #EntryColumn2 .FloatLeft .EntryForm div .EntryFormText2 {
padding:0;
width:100%;
min-height:210px;
}

  #EntryColumn2 .FloatRight {
width:40%;
display:table-cell;
vertical-align:top;
float:none;
background:none;
}

  #EntryColumn2 .FloatRight div {
border:1px solid #999;
-webkit-border-radius:5px;
-moz-border-radius:5px;
-ms-border-radius:5px;
-o-border-radius:5px;
border-radius:5px;
}

  #EntryColumn2 .FloatRight h3 {
margin:20px auto 0;
width:60px;
height:20px;
background:url(../images/developer/entry_caution_title_sp.gif) no-repeat;
}

  #EntryColumn2 .FloatRight ul {
background:none;
}

  #EntryNext {
margin:0 auto;
padding:0;
width:auto;
text-align:center;
}

/*事前登録フォームエラー*/
  .ErrorsBody {
padding:0 10px;
}

/*ダウンロード*/
  .dowonloadList {
padding:30px 0 40px;
width:100%;
display:table;
}

  .dowonloadList .FloatLeft {
padding-right:20px;
display:table-cell;
float:none;
width:auto;
vertical-align:top;
}

  .dowonloadList .FloatLeft h3 {
margin:0;
padding:0 0 0 40px;
height:auto;
text-indent:0;
font-size:143%;
}

  .dowonloadList .FloatLeft h3.donwloadSubtit1 {
width:auto;
background:url(../images/developer/entry_icon_subtit.gif) no-repeat 0 14px;
}

  .dowonloadList .FloatLeft p {
padding:10px 0 0 0;
}

  .dowonloadList .FloatRight {
display:table-cell;
float:none;
vertical-align:top;
}
}
/*スマホ-------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 599px) {
/* --------------------
共通
-------------------- */
/*ヘッダ*/
  #developerHeader {
height:55px;
-webkit-background-size:25px 25px;
-moz-background-size:25px 25px;
-o-background-size:25px 25px;
background-size:25px 25px;
}

  #developerHeader #Header {
height:30px;
-webkit-background-size:5px 30px;
-moz-background-size:5px 30px;
-o-background-size:5px 30px;
background-size:5px 30px;
}

  #developerHeader #HeaderIn {
padding-top:0;
}

  #developerHeader #HeaderIn h1 {
height:30px;
}

  #developerHeader #HeaderIn h1 img {
height:30px;
}

  #developerHeader h1#developerTitle {
padding-top:0;
height:25px;
}

  #developerHeader h1#developerTitle img {
height:25px;
}

/* --------------------
デベロッパー向け　下層
-------------------- */
/*事前登録フォーム*/
  #EntryColumn2 {
display:block;
}

  #EntryColumn2 .FloatLeft {
width:auto;
display:block;
}

  #EntryColumn2 .FloatLeft .EntryForm {
padding:0 0 0 40px;
width:auto;
}

  #EntryColumn2 .FloatLeft .EntryForm div {
padding:20px 0 40px;
}

  #EntryColumn2 .FloatLeft .EntryForm div .EntryFormText {
padding:0;
width:100%;
min-height:35px;
}

  #EntryColumn2 .FloatLeft .EntryForm div .EntryFormText2 {
padding:0;
width:100%;
min-height:210px;
}

  #EntryColumn2 .FloatRight {
margin-bottom:40px;
width:auto;
display:block;
}

  #EntryNext input {
width:100%;
}

/*事前登録フォームエラー*/
  .ErrorsBody {
display:block;
}

  .ErrorsBody img {
width:100%;
}

/*ダウンロード*/
  .dowonloadList {
display:block;
}

  .dowonloadList .FloatLeft {
padding:0;
display:block;
}

  .dowonloadList .FloatRight {
padding-top:20px;
width:auto;
display:block;
text-align:center;
}

  .dowonloadList .FloatRight img {
width:100%;
}
}