@charset "utf-8";


/* ----------------------------------------------------------------------------
   header
 */

/* ----------------------------------------------------------------------------
   footer
 */


/* ----------------------------------------------------------------------------
   contents header
 */



/* ----------------------------------------------------------------------------
   contents footer
 */


/* ----------------------------------------------------------------------------
   left contents
 */


/* ----------------------------------------------------------------------------
   main contents
 */
#mainContentsWrapper{
  width:950px;
}
.section{
  width:950px;
}

/* inner main contents --------------------------------------------------------
 */

/* login and regist */
#loginAndRegistWrapper{
}

/* login */
#login{
  width:358px;
  margin-right:30px;
  border: 4px solid #f2f2f6;
  background-color: #f8f9f9;
  vertical-align:top;
  padding:15px 15px 0 15px;
}
#login p{
  text-align:center;
  margin-bottom:10px;
}
#login p.howtouse{
  font-size:93%;
  text-align:left;
}
#login .inlineBlock{
  width:179px;
  _width:163px;
}
#login #loginId,
#login #passwd{
  width:90%;
}
#login label{
  font-size:85%;
}
#login label span{
  font-weight:bold;
  font-size:108%;
}
#login .submit,
#login .autoLogin,
#login .reminder{
  text-align:center;
}
#login .submit input,
#login .autoLogin input{
  border-width:0px;
}

.bnr{
	text-align: center;
	padding-top: 20px;
	width: 396px;
}

/* registrationGuide */
#registrationGuide{
  width:522px;
  vertical-align:top;
}
#registrationGuide .header p{
  font-size:120.1%;
  font-weight:normal;
  border-bottom:1px dashed #ff5a00;
  padding:0 0 0 15px;
}
#registrationGuide ul li{
  padding-left:10px;
}
#registrationGuide ul li:before{
  content:"|";
  padding-right:10px;
}
#registrationGuide ul li:first-child:before{
  content:"";
}

/* network game */
#networkGameWrapper.section{
  width:950px;
}
#networkGame{
  width:934px;
  _width:950px;
  padding:8px 8px 0 8px;
  background-image:url('../shared/img/bg/networkGame.png');
  background-repeat:repeat;
  background-position: left top;
  border:1px solid #b6d4f0;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#networkGame .header{
  float:left;
  width:160px;
}
#networkGame .header h2{
  padding-top:10px;
  text-align:center;
  border:none;
}

#networkGame .dateList {
    background-color: #FFFFFF;
    border: 1px solid #B6D4F0;
    border-radius: 5px;
    display: block;
    float: left;
    margin-bottom: 10px;
    overflow-y: scroll;
    width: 742px;
/*  height:230px;*/
    max-height:230px;
    min-height:61px;
    _height:230px;
}
#networkGameWrapper .gotoList a{
  background-image: url('../shared/img/icon/networkGame.png');
}

#networkGameWrapper .gotoListSection a.verUp{
  background-image: url('../shared/img/icon/networkGameVerup.png');
  background-repeat:no-repeat;
  background-position: 15px 3px;
  background-repeat: no-repeat;
  padding-left: 35px;
}
#networkGameWrapper .gotoList .note {
  padding-left: 15px;
}

/* news */
#news .header{
  margin-bottom:0;
}
#news h2{
  padding-bottom:20px;
}
#news h2 .inlineBlock{
  margin-right:10px;
}
#news h2 .inlineBlock img{
  vertical-align:middle;
}
#news ul{
  width:928px;
  _width:950px;
  height:130px;
  overflow-y:scroll;
  padding:10px;
  border-left:1px solid #e3e3e3;
  border-bottom:1px solid #e3e3e3;
}

/* operator */
#operatorWrapper.section{
  width:950px;
}
#operator{
  width:934px;
  _width:950px;
  padding:8px 8px 0 8px;
  background-image:url('../shared/img/bg/operator.png');
  background-repeat:repeat;
  background-position: left top;
  border:1px solid #7ac252;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#operator .header{
  float:left;
  width:160px;
}
#operator .header h2{
  padding-top:10px;
  text-align:center;
  border:none;
}
#operator .dateList{
  float:left;
  display:block;
  width:742px;
  _width:772px;
  margin-bottom:10px;
  background-color:#ffffff;
  border:1px solid #7ac252;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
}
#operatorWrapper .gotoList a{
  background-image: url('../shared/img/icon/operator.png');
}

.termBnr{
  border: 6px solid #fe0000;
  background: url("../img/bnrTermsBg.png");
  padding: 10px;
}

.termBnrTitle{
  padding: 0;
  border-bottom: none;
  font-size: 26px;
  letter-spacing: 0.2em;
  text-align: center;
  color: #fe0000;
  margin-bottom: 0;
}

.termBnrLink{
  text-align: center;
  margin-bottom: 0;
}

.termBnrLink a:hover{
  text-decoration: underline;
}

.downloadAcrobatBnr {
	text-align: center;
	margin-bottom: 20px;
	margin-top: -5px;
}
.downloadAcrobatBnr img {
	vertical-align: middle;
	text-decoration: none;
}

.downloadAcrobatBnr a {
	text-decoration: none;
}
.downloadAcrobatBnr span.text {
	vertical-align: middle;
	padding-left: 8px;
	color: #4d4d4d;
	font-size: 104%;
	text-decoration: none;
	font-weight: bold;
}

.downloadAcrobatBnr a:hover span.text{
	text-decoration: underline;
}