html  { 
background-image: url(img/bg.jpg); 
background-repeat: no-repeat; 
background-position: top 0; 
margin: 0; padding: 0; width: 100%;
}

body {
position: absolute;
margin: 0px;
padding: 0px;
height:100%;
}

html, body, #wrap {
height: 100%;

}

body > #wrap {
height: auto;
min-height: 100%;

}


a { color: #707070; text-decoration: none }
a:visited { color: #707070; text-decoration: none }
a:hover    { color: #707070; text-decoration: underline }

#profile {
margin: 0px;
padding: 0px;
height:100%;
}

#main{
width:650px;
margin:0px auto 0px 300px; 
padding-bottom: 150px;
text-align:left;
}

#systemcont{
width:650px;
padding-top:400px;
}

#systemcont p{
margin-top:16px;
}


.tit1{
margin-bottom:25px;
}

.tit2{
margin:40px 0 25px 0;
}

#systemcont .jisseki{
width:700px;

}

#systemcont .jisseki ul{
height:95px;
float:left;
margin-right:30px;
}


#systemcont .jisseki li.tit{
padding-left:20px;
background: url(img/arrow01.gif) left 4px no-repeat;
margin-bottom:7px;
width:180px;
}

#systemcont .jisseki li.ntit{
padding-left:20px;
background: url(img/arrow02.gif) left 4px no-repeat;
}

.cms1{
width:650px;
height:150px;
}

.cms2{
width:650px;
height:350px;
margin-bottom:30px;
}
.cmsimg{
float:left;
width:155px;
margin-right:20px;
}
.cmstxt{
float:right;
width:470px;
}

.cms1 p{
margin-top:16px;
}

.cms2 li{
margin-top:8px;

}
#cmslink ul{
width:660px;
}

#cmslink li{
float:left;
}

.cms2 li.tit{
padding-left:20px;
background: url(img/arrow01.gif) left 4px no-repeat;
margin-bottom:7px;
}

.cms2 li.ntit{
padding-left:20px;
margin-right:20px;
background: url(img/arrow02.gif) left 4px no-repeat;
}