/* --------------------------------------*/
/* MFC_TOP_EXPLAIN                       */
/* --------------------------------------*/

/* 説明部全体 + 330px */
#contents_eacloud_title_mfc {
  width:100%;
  height: auto;
  box-sizing:border-box;
}


@media(min-width:740px){
.mfc_top_explain {
  width: 740px;
  height: auto;
  background-color: #efd;
  margin:0 auto;
  padding:10px 8px;
  box-sizing:border-box;
}}
@media(max-width:739px){
.mfc_top_explain {
  width: 98%;
  height: auto;
  background-color: #efd;
  margin:0 auto;
  padding:10px 8px;
  box-sizing:border-box;
}}

.explain_container {
  position: relative;
  width: 100%;
  height: auto;
  margin:0;
  box-sizing:border-box;
}
.explain_container #header_text {
  position: relative;
  width: 96%;
  height: auto;
  margin:0 auto;
  box-sizing:border-box;
  font-size:10pt;
  padding:4px;
}
.explain_container #header_bg {
  background: url("/game/mfc/eacloud/p/images/common/page_game_mfc_main_title.jpg") no-repeat scroll 0 0 transparent;
  position: relative;
  width: 100%;
  height: 47px;
  margin:0;
  box-sizing:border-box;
}

.explain_container .box {
  position: relative;
  width: 98%;
  margin: 0 auto
  box-sizing:border-box;
}

.explain_container .box .header {
  width:98%;
  height:auto;
  margin:4px auto;
  padding:6px;
  text-shadow:#fff 0px 0px 1px;
  font-size:10pt;
  color:#fff;
  background:#960;
  background:-webkit-gradient(linear, left top, left bottom, from(#960), to(#530));
  background:-webkit-linear-gradient(top, #960, #530);
  background:linear-gradient(to bottom, #960, #530);
  -webkit-border-radius:6px;
  -moz-border-radius:6px;
  border-radius:6px;
  box-sizing:border-box;
}
.explain_container .box .thumb {
  position: relative;
  margin:10px;
  padding:4px
  width:98%;
  box-sizing:border-box;
}
.explain_container .box .help_text {
  width:98%;
  height:auto;
  margin:6px auto;
  text-shadow:#fff 0px 0px 1px;
  font-size:10pt;
  padding:4px
  box-sizing:border-box;
}

#explain_box_size { 
  width:98%;
  height: auto;
  padding:4px;
  margin:0 auto;
  box-sizing:border-box;
 }

.explain_container .box .header p {
  margin: 0;
  position: relative;
  color: #FFFFFF;
  box-sizing:border-box;
}

#explain_box_thumb_1 {
  background: url("/game/mfc/eacloud/p/images/common/page_game_mfc_main_image_01.jpg") no-repeat scroll 0 0 transparent;
  height: 227px; width:302px;
  margin:0 auto;
  box-sizing:border-box;
}
#explain_box_thumb_2 {
  background: url("/game/mfc/eacloud/p/images/common/page_game_mfc_main_image_02.jpg") no-repeat scroll 0 0 transparent;
  height: 227px; width:302px;
  margin:0 auto;
  box-sizing:border-box;
}
#explain_box_thumb_3 {
  background: url("/game/mfc/eacloud/p/images/common/page_game_mfc_main_image_03.jpg") no-repeat scroll 0 0 transparent;
  height: 227px; width:302px;
  margin:0 auto;
  box-sizing:border-box;
}
#explain_box_thumb_4 {
  background: url("/game/mfc/playguide/images/index/index_pic05.jpg") no-repeat scroll 0 0 transparent;
  height: 227px; width:302px;
  background-size: cover;
  margin:0 auto;
  box-sizing:border-box;
}
#explain_box_thumb_5 {
  background: url("/game/mfc/eacloud/p/images/common/page_game_mfc_main_image_05.jpg") no-repeat scroll 0 0 transparent;
  height: 227px; width:302px;
  margin:0 auto;
  box-sizing:border-box;
}

.explain_container .box .help_text p {
  position: relative;
  margin-top: 5px;
  margin-bottom: 15px;
  box-sizing:border-box;
  
  color: #404040;
  line-height: 1.2em;
}