

/* --------------------------------------*/
/* GENERAL                               */
/* --------------------------------------*/
.clear {clear: both; height: 0; margin: 0; padding: 0;}

@media(min-width:460px){
body {
  background: none repeat scroll 0 0 #fff;
  
  font: 90%/1.3 Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
}}
@media(max-width:459px){
body {
  background: none repeat scroll 0 0 #fff;
  
  font: 75%/1.3 Meiryo,"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
}}

b {
  font-weight:bold;
}
p {
  margin:10px 0;
  box-sizing:border-box;
}

.inP1 {
  width:98%;
  height:auto;
  margin-left:1em;
  text-indent:-1em;
  box-sizing:border-box;
  /*border:solid 1px #f00;*/
}

@media (min-width:810px){
.sdvx_main_box {
  display:block;
  width:800px;
  border:solid 1px #aaa;
  background:#fff;
  margin:10px auto;
  position: relative;
  box-sizing:border-box;
}
.sdvx_sub_box {
  width:680px;
  line-height:1.4em;
  margin:8px auto;
  padding:4px;
  position: relative;
  //border-top:solid 1px #f00;
  box-sizing:border-box;

}
}
@media (max-width:809px){
.sdvx_main_box {
  display:block;
  width:98%;
  border:solid 1px #aaa;
  background:#fff;
  margin:10px auto;
  position: relative;
  box-sizing:border-box;
}
.sdvx_sub_box {
  width:90%;
  line-height:1.4em;
  margin:8px auto;
  padding:4px;
  position: relative;
  box-sizing:border-box;
  //border-top:solid 1px #f00;
}
}

.sdvx_main_box #sdvx_ttl {
  width:100%;
  height:auto;
  font-weight:bold;
  /*text-indent:1em;
  line-height:1.6em;*/
  padding:4px 8px;
  background:#494201;
  background: 
  -webkit-linear-gradient(linear, left top, right top, from(#001f0a), to(#494201)); 
  background: 
  -moz-linear-gradient(left, #001f0a, #494201);
  
  background: -ms-linear-gradient(left, #001f0a 0%, #494201 100%); /* IE10+ */
  background: linear-gradient(to right, #001f0a 0%, #494201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0); /* IE7,8,9 */
  
  color:#fff;
  box-sizing:border-box;
}
.sdvx_sub_box #ttl {
  width:96%;
  height:20px;
  border-bottom:dotted 1px #bbb;
  font-weight:bold;
}

.selbox {
  width:200px;
  height:40px;
  margin:8px 20px 8px 20px;
}

#txt_ttl {
  width:100%;
  height:20px;
  font-weight:bold;
  text-indent:1em;
  line-height:1.6em;
  background:#ccc;
}


li { list-style: none outside none;}
.textindent { overflow: hidden; text-indent: -9999px;}
a , img {border:none;}
a.common_link_color, a.common_link_color.visited {
  color: #00f;
}

.newfont { font-weight:bold; color:#f00;}
.floatL {float:left;}
.letter_1 {letter-spacing:1px; }
.letter_2 {letter-spacing:2px; }

/*汎用ボタン*/
/*HTML側で幅の指定をするもの*/
.btn_M30 {height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/btn_dataM20.png); 
  background-position:left -5px;
  border-top:solid 1px #ddd;
  border-left:solid 1px #ddd;
  border-bottom:solid 1px #888;
  border-right:solid 1px #888;
  text-align:center; margin:2px -2px 2px 2px;
}
.btn_M30 a { height:30px; background-position:left 0; display:block; border:solid 0px #000;}
.btn_M30:hover , .btn_M30_select{
  height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/btn_dataM20.png) ;
  background-position:left -45px; margin:0; text-align:center; margin:2px -2px 2px 2px;
  border-top:solid 1px #dfd;
  border-left:solid 1px #dfd;
  border-bottom:solid 1px #8c8;
  border-right:solid 1px #8c8;
}
.btn_M30_txt {font-size:12px; color:#333; font-weight:normal;
  text-shadow:#666 0px 0px 1px;
  text-decoration:none; line-height:2.7em; letter-spacing:1px; text-align:center;
}
.btn_M30_txt:hover {font-size:12px; color:#363; font-weight:normal;
   text-shadow:#696 0px 0px 1px;
  text-decoration:none; line-height:2.7em; letter-spacing:1px; text-align:center;
}

/*トップページに戻るボタン(汎用化したいなー)*/
.return_top { width:140px; height:38px; margin:0 auto; background:none;}
.btn_top_page {width:120px; height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/bt_return_01.png); margin:0 auto;}
.btn_top_page a {width:120px; height:30px; background-position:left 0; display:block;}
.btn_top_page:hover , .btn_top_page_select{width:120px; height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/bt_return_01.png) ; background-position:left -30px; margin:0 auto;}

.btn_close_page {width:120px; height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/popup_bt_close_01.png); margin:0 auto;}
.btn_close_page a {width:120px; height:30px; background-position:left 0; display:block;}
.btn_close_page:hover , .btn_top_page_select{width:120px; height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/popup_bt_close_01.png) ; background-position:left -30px; margin:0 auto;}


.eacloud_title_sdvx {
  background: url("https://eacache.s.konaminet.jp/game/eacsdvx/iii/p/images/common/sdvx_sub_title.jpg") no-repeat scroll transparent;
  width: 80%;/*640*/
  height:155px;
  margin:0 auto;
  background-size:100%;
}
.eacloud_title_sdvx_n0 {
  width: 100%;/*800*/
  height:120px;
  margin:0 auto;
  border-bottom:solid 1px #f80;
    background:#001f0a;
  background: 
  -webkit-gradient(linear, left top, left bottom, from(#001f0a), to(#494201)); 
  background: 
  -moz-linear-gradient(top, #001f0a, #494201);
  color:#fff;
  
  background: -ms-linear-gradient(top, #001f0a 0%, #494201 100%); /* IE10+ */
  background: linear-gradient(to bottom, #001f0a 0%, #494201 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='#ffffff', GradientType=0); /* IE7,8,9 */

}
.eacloud_title_sdvx_n1 {
  background: url("https://eacache.s.konaminet.jp/game/eacsdvx/iii/p/images/common/sdvx_sub_title.png") no-repeat scroll transparent;
  width: 45%;/*400*/
  height:120px;
  margin:0;
  background-size:100%;
  float:left;
}
.eacloud_title_sdvx_n2 {
  background: url("https://eacache.s.konaminet.jp/game/eacsdvx/iii/p/images/common/sdvx_sub_title_chr.png") no-repeat center scroll transparent;
  width: 85%;/*500*/
  height:120px;
  margin-left:17%;
  background-size:100%;
}


/*汎用タイトルバー*/
.title_common_box {
  height: 30px;
  width: 740px;
  background:none;
}



.twitter_icon {
  height:50px;
  width:220px;
  background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/twitter_icon.png) no-repeat scroll center top transparent; 
  background-position:left 0;
  margin:7px;
  background-size:100%;
  float:left;
}
.twitter_icon:hover {
  height:50px;
  width:220px;
  background:url(https://eacache.s.konaminet.jp/game/eacloud/p/images/common/twitter_icon.png) no-repeat scroll center top transparent; 
  background-position:left -50px;
  margin:7px;
  background-size:100%;
  float:left;
}


/*normal.css*/
/* --------------------------------------*/
/* 汎用                                  */
/* --------------------------------------*/




.to_cloud { width:100%; height:24px; margin:4px auto;}

.news_scrl { background:white; padding:4px 0; margin:4px 0;}

/*----------ボーダーライン（点線）----------*/
.txt_border{
  position: relative;
  width: auto;
  margin: 4px auto;
  border-bottom: dashed 1px #ccc;
}

.day_font {
  font-size: 18px;
  font-weight:bold;
}

.table_base {border:none; float:none;}
.table01 { border:solid 1px #000; float:left;}
.table02 { border-top:solid 1px #000; border-bottom:solid 1px #000; border-right:solid 1px #000; float:left;}
.table03 { border-left:solid 1px #000; border-bottom:solid 1px #000; border-right:solid 1px #000; float:left;}
.table04 { border-bottom:solid 1px #000; border-right:solid 1px #000; float:left;}


#login_menu{
  position: absolute;
  top:0px;
  width:980px;
  height: 25px;
}

/*login_menu*/
/* --------------------------------------*/
/* LOGIN MENU                            */
/* --------------------------------------*/
.eacloud_login_menu {
  /*background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/login_bt_bg.png") no-repeat scroll;*/
  float: right;
  top: 0px;
  height: 25px;
  width: 260px;
  position: relative;
}

/* --------------------------------------*/
/* LOGOUT                                */
/* --------------------------------------*/
.eacloud_login_menu_now_logout_inner {
  position: relative;
  height: 25px;
  width: 260px;
}

.eacloud_login_menu_login {
  position: absolute;
  top: 4px;
  left: 130px;
  width: 130px;
  height: 16px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/login_bt.png") no-repeat scroll transparent;
}
.eacloud_login_menu_login a {
  display: block;
  height: 16px;
  margin: 0;
  padding: 0;
  width: auto;
}
.eacloud_login_menu_login:hover {
  background-position: 0px -16px;
  width:130px;
}

.eacloud_login_menu_login_forget {
  float: right;
  position: relative;
  top: 2px;
  height: 16px;
  width: 240px;
}

.eacloud_login_menu_login_forget a {
  color: #ffffff;
}

/* --------------------------------------*/
/* LOGIN                                 */
/* --------------------------------------*/
/*.eacloud_login_menu_now_login_inner {
  position: relative;
  height: 25px;
  width: 260px;
}

.eacloud_login_menu_status {
  position: relative;
  top: 6px;
  height: 17px;
  width: 120px;
}
.eacloud_login_menu_status p {
  margin: 0;
  padding: 0;
  color: #808080;
  font-size: 10pt;
}

.eacloud_login_menu_paseli {
  position: absolute;
  top: 4px;
  left: 130px;
  width: 130px;
  height: 16px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/paseli_bt.png") no-repeat scroll transparent;
}
.eacloud_login_menu_paseli a {
  display: block;
  height: 16px;
  margin: 0;
  padding: 0;
  width: auto;
}
.eacloud_login_menu_paseli:hover {
  background-position: 0px -16px;
  width:130px;
}*/




/*totop*/
/* --------------------------------------*/
/* TO TOP                                */
/* --------------------------------------*/
.totop {
  position: relative;
  display: block;
  width: 120px;
  height: 20px;
  margin: 5px 0px 5px;
  background:none;
}


.totop_btn {
  position: relative;
  display: block;
  width: 120px;
  height: 20px;
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/totop_bt.png") no-repeat scroll transparent;
}
.totop_btn a {
  position: relative;
  display: block;
  display: block;
  height: 20px;
  width: auto;
}
.totop_btn:hover {
  position: relative;
  display: block;
  background-position: 0px -20px;
  width:120px;
}

/* --------------------------------------*/
/* TOTOP_CLOUD                          */
/* --------------------------------------*/
#totop_cloud {
  position: relative;
  display: block;
  top: 5px;
  width: 980px;
  height: 31px;
}

.copy_box {
  width:auto;
  height:auto;
  padding:4px 10px;
  margin:0;
  box-sizing:border-box;
}

