

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

body {
  background: none repeat scroll 0 0 #fff;
  font: 85%/1.3 "ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
  margin: 0;
  padding: 0;
}

b {
  font-weight:bold;
}

.wsnr {
  white-space:nowrap;
}

.header_barnner {
  width:100%; 
  height:auto;
  background:#ddd;
  padding:4px 8px;
  box-sizing:border-box;
  font-weight:bold;
  margin-bottom:4px;
}

.cloud_all {
  width:100%;
  height:auto;
  border:solid 1px #ccc;
  box-sizing:border-box;  
  margin:0px 10px 0px 0px;
}

.main_box {
  width:96%;
  height:auto;
  margin:4px auto;
  box-sizing:border-box;  
}
.in_box80 {
  width:96%;
  height:auto;
  padding:4px 8px;
  box-sizing:border-box;  
  margin:4px;
}


li { list-style: none outside none;}
.textindent { overflow: hidden; text-indent: -9999px;}
a , img {border:none; text-decoration: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; }

.eacloud_top_menu #eacloud_top_menu_inner li {
  margin: 0;
  padding: 0;
}
.eacloud_top_menu #eacloud_top_menu_inner li {
  float:left;
  width:33%; height:30px; box-sizing:border-box;
}
.eacloud_top_menu #eacloud_top_menu_inner li a {
}

/*汎用ボタン*/
/*HTML側で幅の指定をするもの*/
.btn_B303 {height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataB20.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_B303 a {height:30px; background-position:left 0; display:block; border:solid 0px #000;
}
.btn_B303:hover , .btn_B30_select{
  height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataB20.png) ;
  background-position:left -45px; margin:0; text-align:center; margin:2px -2px 2px 2px;
  border-top:solid 1px #ddf;
  border-left:solid 1px #ddf;
  border-bottom:solid 1px #88c;
  border-right:solid 1px #88c;
}


.btn_L303 {height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataL20.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_L303 a {height:30px; background-position:left 0; display:block; border:solid 0px #000;
}
.btn_L303:hover , .btn_L30_select{
  height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataL20.png) ;
  background-position:left -45px; margin:0; text-align:center; margin:2px -2px 2px 2px;
  border-top:solid 1px #ddf;
  border-left:solid 1px #ddf;
  border-bottom:solid 1px #88c;
  border-right:solid 1px #88c;
}

.btn_O303 {height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataO20.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_O303 a {height:30px; background-position:left 0; display:block; border:solid 0px #000;
}
.btn_O303:hover , .btn_O30_select{
  height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataO20.png) ;
  background-position:left -45px; margin:0; text-align:center; margin:2px -2px 2px 2px;
  border-top:solid 1px #ddf;
  border-left:solid 1px #ddf;
  border-bottom:solid 1px #88c;
  border-right:solid 1px #88c;
}

.btn_M303 {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_M303 a {height:30px; background-position:left 0; display:block; border:solid 0px #000;
}
.btn_M303:hover , .btn_M303_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 #dbf;
  border-left:solid 1px #dbf;
  border-bottom:solid 1px #86c;
  border-right:solid 1px #86c;
}
.btn_M303_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_M303_txt:hover {font-size:12px; color:#306; font-weight:normal;
   text-shadow:#999 0px 0px 1px;
  text-decoration:none; line-height:2.7em; letter-spacing:1px; text-align:center;
}

.btn_K303 {height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataK20.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_K303 a {height:30px; background-position:left 0; display:block; border:solid 0px #000;
}
.btn_K303:hover , .btn_K30_select{
  height:30px; background:url(https://eacache.s.konaminet.jp/game/eacloud/app/web/images/common/btn_dataK20.png) ;
  background-position:left -45px; margin:0; text-align:center; margin:2px -2px 2px 2px;
  border-top:solid 1px #ddf;
  border-left:solid 1px #ddf;
  border-bottom:solid 1px #88c;
  border-right:solid 1px #88c;
}
.btn_W303_txt {font-size:12px; color:#fff; font-weight:normal;
  text-shadow:#666 0px 0px 1px;
  text-decoration:none; line-height:2.7em; letter-spacing:1px; text-align:center;
}
.btn_W303_txt:hover {font-size:12px; color:#fff; font-weight:normal;
   text-shadow:#999 0px 0px 1px;
  text-decoration:none; line-height:2.7em; letter-spacing:1px; text-align:center;
}


/*トップページに戻るボタン(汎用化)*/
.return_top { width:140px; height:38px; margin:6px 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;}

/* --------------------------------------*/
/* CONTAINER                             */
/* --------------------------------------*/
/*#container1 {
  background-color: #fff;
  margin: 0;
  padding: 0;
}

#container2 {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/common_bg.jpg") no-repeat scroll center top transparent;
  margin: 0;
  padding: 0;
}
#container2_opening {
  margin: 0;
  padding: 0;
}
#container2_top {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/top_bg_cloud_01.jpg") no-repeat scroll center top transparent;
  margin: 0;
  padding: 0;
}
#container3_top {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
#container3 {
  margin: 0 auto;
  padding: 0;
  width: 100%;
  height:auto;
}
#container3_popup {
  margin: 0 auto;
  padding: 0;
  width: 100%;
}*/


.eacloud_contents {
  width: 100%;
  height:auto;
  margin: 0;
  position: relative;
  box-sizing:border-box;
}
.eacloud_contents_popup {
  width: 96%;
  height:auto;
  margin: 0 auto;
  position: relative;
  box-sizing:border-box;
}
.eacloud_main {
  float: left;
  position: relative;
  width: 98%;
  height:auto;
  box-sizing:border-box;
}
.eacloud_main_contents {
  position: relative;
  width: 98%;
  height:auto;
  background-color: #000;
  box-sizing:border-box;
}

/*------------------------------------*/
.eacloud_contents .main,
.eacloud_contents_popup .main {
  float: left;
  position: relative;
  width: 100%;
}
.eacloud_contents .main_c,
.eacloud_contents_popup .main_c {
  position: relative;
  width: 100%;
  margin:0 auto;
}

.eacloud_contents .header,
.eacloud_contents_popup .header {
  height: 30px;
  width: 100%;
}
/*汎用タイトルバー*/
.title_common_box {
  height: 30px;
  width: 100%;
  background:none;
}

.title_common_header {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/info_title_common.png") no-repeat scroll transparent;
  background-position:right 0;
}
.title_common_txt {font-size:13px; color:#000; font-weight:bold; text-decoration:none; padding:6px 10px; letter-spacing:0em; text-align:left;}

.eacloud_contents .contents,
.eacloud_contents_popup .contents {
  position: relative;
  width: 100%;
}

.eacloud_contents .fotter,
.eacloud_contents_popup .fotter {
  background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/common_title_fotter_01.png") no-repeat scroll transparent;
  height: 10px;
  width: 100%;
}


.box_common1 {
 width:600px;
 height:300px;
 margin-left:10px;
 padding:10px;
 border:solid 1px #f00; 
 background:#9cd;
}
.tcommon_header {width:100%; height:30px; /*padding-top:10px;*/}
.tcommon_header_bg {background: url("https://eacache.s.konaminet.jp/game/eacloud/p/images/common/info_title_common.png") no-repeat scroll transparent;}

.common_main {
  float: left;
  position: relative;
  top: 20px;
  width: 100%;
  background:#dc9;
}



/*totop*/
.to_top {
  width: 100%;
  height: auto;
  margin:4px;
  box-sizing:border-box;
}

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

