@charset "UTF-8";

html>body {
font-size: 12px;
}

/*
.TopImg {
 margin-top: 8px;
 background: url(/contribute/familytree/img/line.png) no-repeat 0 0;
 width: 948px;
 height: 418px;
}
*/

.TopFamilytreeBg {
 width: 947px;
/*
 margin-left: 25px;
*/
 color: #4e4e4e;
 margin-bottom: 16px;
}

.familytreeTbl {
 border-collapse: collapse; 
/*
 margin: 0px 0 20px 0;
*/
 margin: 0px 0 20px 25px;
}

.familytreeTbl td {
 padding: 0;
}

.TopFamilytreeSpace {
 width: 693px;
 height: 26px;
 background: url(../img/navi_bg.png) no-repeat 0 0;
}

.Logo {
 width: 234px;
 float: left;
}

.Logo h1 {
 padding: 18px 0 0 34px;
}

.rss {
 margin-top: 297px;
 margin-left: 10px;
}

.TopRight {
 width: 714px;
 float: right;
}

.Navi {
 text-align: right;
 padding: 0px 0 39px 0;
}

.ShibuyaImg {
 width: 216px;
 height: 211px;
 margin-left: 442px;
}

#Main {
 width: 700px;
 float: left;
 margin-top: 19px;
 margin-bottom: 30px;
}

#Side {
 width: 300px;
 float: right;
 margin-top: 25px;
}

#Side h2 {
 margin: 0 0 13px 0;
}

#Side ul {
 list-style-type: none;
 margin-bottom: 24px;
 width: 273px;
}

#Side li {
 margin-bottom: 2px;
}

#Side li.MoreLink {
 text-align: right;
}










.entry {
 width: 625px;
 margin: 0 0 40px 25px;
 border: 3px solid #000000;
}


.entry h2 {
 margin: 0px 0 20px 41px;
 font-size: 20px;
 font-weight: bold;
}


.entry table {
 font-size: 100%;
}

.SpotTrb {
 margin: 0 26px 70px 0;
}

.SpotInfo {
 width: 268px;
 border: 1px solid #e5e9ed;
 background-color: #ffffff;
 margin-bottom: 10px;
 padding: 3px 0;
}

.SpotInfo p {
 margin: 0 5px 0px 5px;
 line-height: 140%;
 clear: both;
}

.SpotInfo img {
 float: left;
 margin-top: 2px;
}

.SpotKirinBanner {
 padding-top: 10px;
 margin: 0 0 13px 24px;
}

.SpotKirinPic {
 width: 273px;
 text-align: right;
}




.title {
 width: 605px;
 margin: 10px;
 padding-top: 3px;
 font-size: 130%;
 font-weight: bold;
}

.main {
 width: 605px;
 margin: 10px;
}




.info {
 width: 605px;
 margin: 0 10px 10px 10px;
 text-align: right;
}



.catImg {
vertical-align: middle; 
}



.com {
 margin: 0 50px 0 0;
}


.date {
 margin: 0 50px 0 0;
}




/* コメント */



.comment {
 width: 575px;
 margin: 0 0 0 55px;
}


.commentList {
 width: 550px;
 margin: 20px 0 0 25px;
 background-color: f8f8f8;
 border-top: 1px solid #dddddd;
 border-bottom: 1px solid #dddddd;
}


.commentEnt {
 width: 520px;
 margin: 10px 10px 0 10px;
}

.cmtFrm h3 {
 margin: 0 0 30px 0;
}

.cmtFrm h3 {
 margin: 0 0 30px 0;
}


.cmtlb {
 font-size: 75%;
 color: #787878;
 padding-left: 10px;
}



.commentName {
 width: 520px;

 font-weight: bold;
}


.commentDate {
 width: 520px;
 color: #9a6a6a;
}


.commentBody {
 width: 520px;
 margin: 10px 0 10px 0;

}

.errmsg {
 width: 400px;
 margin: 10px auto 60px auto;
}

.errmsg h3 {
 width: 400px;
 padding: 10px 0 15px 0;
}

.errmsg span {
 font-weight: bold;
 color: #ff0000;
}

.listLink {
 width: 605px;
 margin: 0 10px 10px 10px;
 text-align: right;
}