@import url("base.css");

/*----------------------------------------------------------------------------------

#content

----------------------------------------------------------------------------------*/
#content{
width:890px;
margin:auto;
}
/*----------------------------------------------------------------------------------

#top

----------------------------------------------------------------------------------*/
#top{
width:890px;
height:410px;
}

/*----------------------------------------------------------------------------------

#keitai

----------------------------------------------------------------------------------*/
#keitai{
float:left;
width:240px;
height:410px;
}
.mobile{
margin:0 0 28px 0;
}
.mailmaga{
height:168px;
padding:10px 0 0 10px;
border:1px solid #999999;
color:#FFFFFF;
text-align:left;
background:url(../img/mailmaga.jpg) no-repeat;
}


/*----------------------------------------------------------------------------------

#pickup

----------------------------------------------------------------------------------*/
#pickup{
float:right;
width:618px;
height:409px;
margin:0;
border:1px solid #999999;
background-color: #000000;
}
#pickup div{
margin:10px auto;
}

#pickup dl{
width:600px;
margin:10px 0 0 10px;
line-height:130%;
color:#CCCCCC;
font-size:10px;
text-align:left;
}
#pickup dt a{
margin:0 7px 0 0;
font-size:13px;
font-weight:bold;
}
#pickup dt{
margin:0 0 5px 0;
font-size:10px;
}
#pickup .size{
margin:0 0 5px 0;
font-size:10px;
}
#pickup dd span{
display:block;
margin:0 0 2px 0;
}

/*----------------------------------------------------------------------------------

#insideStep

----------------------------------------------------------------------------------*/
#insideStep{
width:890px;
height:710px;
margin:40px 0;
background:url(../img/new_back01.gif);
}

/*----------------------------------------------------------------------------------

インフォ・イベント・システム

----------------------------------------------------------------------------------*/
#left{
float:left;
width:650px;
height:710px;
}

#infoEvent{
width:650px;
height:400px;
}

#info{
float:left;
widows:315px;
}
#event{
float:right;
width:315px;
}

.frame{
width:auto;
border:1px solid #999999;　/* 四隅に1pxの線を引く */  
border-top:0;　/* 上の線だけ消す */  
}

#system{
width:650px;
margin:25px 0 0 0;
height:280px;
background:url(../img/system_back01.gif);
}

#system .click{
float:right;
margin:235px 50px 0 0;
width:150px;
height:25px;
}



/*----------------------------------------------------------------------------------

#diary

----------------------------------------------------------------------------------*/
#diary{
float:right;
width:202px;
height:705px;
}

/*----------------------------------------------------------------------------------

#schedule

----------------------------------------------------------------------------------*/
#schedule{
width:890px;
margin:0 auto 40px;
}

.frame{
width:auto;
border:1px solid #999999;　/* 四隅に1pxの線を引く */  
border-top:0;　/* 上の線だけ消す */  
}