/*ページ全体*/
body {
margin: 0px 0px 20px 0px;
background-image:url("img/bg_body.jpg");
background-repeat:repeat-x;
background-color: #cccc99;
}


/*一番外枠*/
#container {
background-color: #ffffff;
line-height: 140%;
margin-right: auto;
margin-left: auto;
width: 800px;
color:#333333;

}

img{border:0px}


#container a:link{color:#666666;font-size:0.8em;text-decoration:underline;font-weight:bold;}
#container a:visited{color:#666666;font-size:0.8em;}
#container a:active{color:#666666;font-size:0.8em;}
#container a:hover{color:#003300;text-decoration:none;}



/*ヘッダーの指定*/
#header{height:300px;}

#header h1{
height:0px;
margin:0px;
text-indent:-500px;
overflow: hidden;
}


/*メインページの指定*/

#center{
width:570px;
float:left;
}


/*メインページ左側の指定*/
#center h2{
height:30px;
text-indent:-500px;
overflow: hidden;
margin-left:5px;
margin-bottom:0px;
}

#living{
background-image:url("img/title_living.gif");
background-repeat:no-repeat;
}

#visit{
background-image:url("img/title_visit.gif");
background-repeat:no-repeat;
}

#diary{
background-image:url("img/title_diary.gif");
background-repeat:no-repeat;
}

#profile{
background-image:url("img/title_profile.gif");
background-repeat:no-repeat;
}
#book{
background-image:url("img/title_book.gif");
background-repeat:no-repeat;
}
#corner{
background-image:url("img/title_corner.gif");
background-repeat:no-repeat;
}

#center ul{
width:558px;
border-left:solid 1px #003300;
border-right:solid 1px #003300;
border-bottom:solid 1px #003300;
padding:0px;
margin:0px 0px 0px 5px;
}
#center li{
margin-left:20px;
line-height:250%;
list-style-type: none;
}




/*ＪＡバナー*/
#banner{margin:20px 20px 20px 5px; }

/*メインページ右側の指定*/
#right{margin-left:590px;}
#right h2{_margin-top:0px;}

/*右側ボタンのロールオーバー*/
.button{width:200px;height:30px;overflow:hidden;}
.button a.mail{
display:block;
width:200px;
height:30px;
background: url("img/title_sidebar_mail.gif") left top no-repeat;
text-indent: -200px;
}
.button a:hover.mail{background-position: 0 -30px;}


.button a.living{
display:block;
width:200px;
height:30px;
background: url("img/title_sidebar_living.gif") left top no-repeat;
text-indent: -200px;
}
.button a:hover.living{background-position: 0 -30px;}

.button a.visit{
display:block;
width:200px;
height:30px;
background: url("img/title_sidebar_visit.gif") left top no-repeat;
text-indent: -200px;
}
.button a:hover.visit{background-position: 0 -30px;}

.button a.diary{
display:block;
width:200px;
height:30px;
background: url("img/title_sidebar_diary.gif") left top no-repeat;
text-indent: -200px;
}
.button a:hover.diary{background-position: 0 -30px;}

.button a.home{
display:block;
width:200px;
height:30px;
background: url("img/title_sidebar_home.gif") left top no-repeat;
text-indent: -200px;
}
.button a:hover.home{background-position: 0 -30px;}



/*アーカイブページ左側の指定*/
.content div.text{
width:558px;
border-left:solid 1px #003300;
border-right:solid 1px #003300;
border-bottom:solid 1px #003300;
padding:0px;
margin:0px 0px 0px 5px;
}

.content h3{
font-size:1em;
margin:0px 0px 10px 20px;
padding-top:10px;
}

.content p{
font-size:0.8em;
margin-left:20px;
width:520px;
}

.content span.caption{
font-size:1em;
font-weight:bold;
margin-top:0px;
margin-left:20px;
width:520px;
}


/*アーカイブページ右側の指定*/
#right ul{
padding-left:0px;
}
#right li{
line-height:110%;
list-style-type: none;
width:180px;
margin-bottom:10px;
}








/*フッターの指定*/
#footer{
clear: both;
background-image: url("img/bg_footer.gif");
background-repeat:no-repeat;
width:800px;
padding-top:100px;
text-align:right;
font-size:0.75em;
}
#footer p{height:20px;margin:0px 10px 0px 0px;}