/* 必須 */
/* /game/eacloud/p/common/title.html で Include される */
/* top/explain.html で使用したスタイルをここに記載 */
/* 下記スタイルの templete をそれぞれのゲームのディレクトリ名に置き換え、高さを調整する */

/* 説明部全体 + 330px */
/* ここでは height を設定します。 */
#contents_eacloud_title_otome {
  /*width: 1080px;*/
  /*height: 2850px;*/
  height: 3350px;
  /*height: 3750px;*/
}
.news_list {
  width:100%;
  height:22px;
}
.news_head {
  float:left;
  width:156px; height:16px;
}
.news_link {
  float:left;
  width:460px; height:16px; margin-top:3px;
}
/* 背景画像の設定 */
.otome_top_explain {
  width: 750px;
  height: 2170px;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_main.jpg") no-repeat scroll 0 0 transparent;
  margin: 0 auto;
}

.explain_container {
  position: relative;
  left: 0px;
  top: 0px;
  width: 690px;
  
  font-size: medium;
} 

/* 説明画像・文言 */
#top_img_01 {position:absolute; display: block; width:720px; height:387px; top:15px; left:15px;}
#top_img_02 {position:relative; display: block; width:645px; height:72px; top:380px;left:50px;}

#top_images_01{
  position: absolute;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_image_01.jpg") no-repeat scroll transparent;
  display: block;
  left: 15px;
  top: 15px;
  width: 720px;
  height: 387px;
  }

#top_images_02{
  position: absolute;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_txt_01.png") no-repeat scroll transparent;
  display: block;
  left: 50px;
  top: 380px;
  width: 645px;
  height: 72px;
  margin-left: auto;
  margin-right: auto;
  }

#info_images_01{
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_image_03.gif") no-repeat scroll transparent;
  width: 198px;
  height: 192px;
  padding:5px;
  margin:35px 5px 5px 5px;
  float:right;
  }   
  
/* 説明サブタイトル */
#sub_title_01 {position:absolute; display: block; width:670px; height:48px; top:515px; left:35px; margin-left:auto;margin-right:auto; }
#sub_title_02 {position:absolute; display: block; width:670px; height:48px; top:900px; left:35px; margin-left:auto;margin-right:auto;}
#sub_title_03 {position:absolute; display: block; width:670px; height:58px; top:1290px; left:35px; margin-left:auto;margin-right:auto;}

#imgtitle_01{
  position: absolute;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_title_01.png") no-repeat;
  width: 670px;
  height: 48px;
  display: block;
  top: 515px;
  left: 35px;
  margin-left: auto;
  margin-right: auto;
  }
  
#imgtitle_02{
  position: absolute;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_title_02.png") no-repeat;
  width: 670px;
  height: 48px;
  display: block;
  top: 900px;
  left: 35px;
  margin-left: auto;
  margin-right: auto;
  }

#imgtitle_03{
  position: absolute;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_title_03.png") no-repeat;
  width: 670px;
  height: 58px;
  display: block;
  top: 1290px;
  left: 35px;
  margin-left: auto;
  margin-right: auto;
  }

/* 説明箱 */
#explain_box_01{
  position: absolute;
  width: 690px;
  height:300px;
  top: 580px;
  left: 45px;
  }
  
#explain_box_02{
  position: absolute;
  width: 650px;
  height:290px;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_image_02.gif") no-repeat;
  background-position: right;
  top: 940px;
  left: 40px;
  margin:15px;
  }
  
.explain_box_03{
  position: absolute;
  width: 640px;
  top: 1350px;
  left: 40px;
  }
  
#explain_box_04{
  width: 390px;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_mintitle_01.gif") no-repeat;
  background-position: left top;
  margin:15px;
  }  
  
#explain_box_05{
  width: 390px;
  background: url("/game/eacc/otome/p/images/top/explain/page_game_otome_info_mintitle_02.gif") no-repeat;
  background-position: left top;
  margin-top:15px;
  margin-left:15px;
  margin-right:15px;
  margin-bottom:10px;
  }
    
#explain_box_06{
  position: absolute;
  width: 690px;
  height:300px;
  top: 1810px;
  left: 45px;
}  
  
/* 説明文章 */    
p.imfo_txt{
  width: 350px;
  margin: 25px 0 0 0;
  }
p.imfo_txt2{
  width: 350px;
  margin: 0;
  padding: 20px 0 0 0;
  }  

/* 説明ミニトピックス */
p.info_box1{
  width: 190px;
  height: 258px;
  margin: 5px; 
  padding: 10px;
  border-radius: 5px;       /* CSS3草案 */
  -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
  -moz-border-radius: 5px;   /* Firefox用 */ 
  background-color: #79beff;
  float: left;
 }
 
p.info_box2{
  width: 192px;
  height: 268px;
  margin: 5px; 
  padding: 0px 10px 10px 8px; 
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background-color: #79beff;
  float: left;
 } 
    
.info_box1_img{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  }
  
.info_box2_img{
  display: block;
  margin-top: 0px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  }  

.clear{
  clear: both;
  }
  
/* ムービー */
.movie{
  margin:0 0 0 14px;
  width:940px;
  height:353px;
}

.movie h3{
  width:940px;
  font-weight: bold;
  font-size: large;
  color: navy;
  border-bottom:2px solid #0f2eb4;
  text-shadow: 1px 1px 5px rgba(100, 100, 100, 0.5);
}

.movie h3 img{
  padding:0;
  margin:0;
  padding:0 0 2px 1px;
}

.movie .midashi {
}

.movie .scene{
 float:left;
 width:260px;
 padding:12px 0 11px 1px
}

.movie .scene .pr14{
  padding:0 14px 0 0;
}

.movie .desc {
  width: 940px;
  font-size: medium;
}

.movie .wmp{
}

.movie .wmp .btn{
  float:left;
}