@charset 'shift_jis';

/* base
----------------------------------------*/
html{
background: url(./images/background_index.gif) repeat-x;
}

h2{
margin:0;
}


/* Contents
----------------------------------------*/
#leftside{
float:left;
padding-left:15px;
}

#rightside{
float:right;
padding-right:15px;
}


/* Information List
----------------------------------------*/
.infolist{
width:670px;
margin-bottom:20px;
padding-bottom:20px;
border-bottom:1px solid #E1E1E1;
}

/*InfoTitle*/
.infolist h3{
float:left;
margin-bottom:5px;
}

/*NewInfoList Button*/
.infolist .newinfolist{
float:right;
background:url(static/images/icon_link5px.gif) no-repeat left center;
margin-right:2px;
padding:4px 0;
padding-left:12px;
}

.infolist .newinfolist a{
display:block;
background-image:url(images/b_newinfolist.gif);
width:30px;
height:12px;
}

.infolist .newinfolist a:hover{
background-position:0 -12px;
}

/*Listbody*/
.infolist dl{
margin-bottom:2px;
}

.infolist dt{
background:#E6E6E6;
width:667px;
height:11px;
font-size:10px;
line-height:1;
padding-left:3px;
letter-spacing:0.1em;
}

.infolist dt img{
margin-left:1px;
}

.infolist dd{
background:url(images/back_infolist.gif) repeat-y;
padding-left:84px;
}

.infolist dd ul li{
background:url(static/images/icon_link5px.gif) no-repeat left center;
padding:4px 0;
padding-left:12px;
border-bottom:1px solid #EAEAEA;
}


/* TopMenu
----------------------------------------*/
#topMenu{
width:670px;
}

#topMenu ul li{
width:310px;
padding:6px 0;
padding-left:15px;
border-bottom:1px solid #EAEAEA;
}

#topMenu ul li a{
background:url(static/images/icon_link5px.gif) no-repeat left center;
padding-left:12px;
}

/*MembersMenu*/
#topMenu #membersMenu{
float:left;
width:325px;
}

/*UserSupportMenu*/
#topMenu #supportMenu{
float:right;
width:325px;
}


/* LoginFrom LoginMess
----------------------------------------*/
#loginform , #loginmess{
background:url(images/back_top_loginform.gif) repeat-y;
width:198px;
padding-left:2px;
padding-right:4px;
padding-bottom:8px;
}

#loginform h4{
margin:0 auto;
width:198px;
}

#loginform fieldset{
display:block;
width:178px;
margin-top:8px;
padding-left:8px;
}

#loginform fieldset legend{
*margin-left:-7px;
}

#loginform fieldset input{
width:100%;
margin-top:1px;
padding:2px 0;
}


#loginform #loginbutton{
width:184px;
margin:0 auto;
margin-top:8px;
}

/*LoginMess*/
#loginmess{
padding-top:4px;
padding-left:10px;
padding-right:10px;
width:182px;

}

#loginmess p#logoutlink{
margin-top:6px;
}

#loginmess a{
background:url(static/images/icon_link5px.gif) no-repeat left center;
padding:4px 0;
padding-left:12px;
}


/* bannerArea
----------------------------------------*/
#bannerArea{
margin-top:30px;
}

#bannerArea ul li{
margin-top:6px;
}