@charset "UTF-8";


/* ラッパー */
#wrapper{
 margin: 20px auto;
 width: 720px;
}

/* 外枠 */
#primary {
 margin: 0;
 padding:0;
 float:left;
}
#secondary {
}

/* primary内 */
#container{
 padding-top: 3px;
 padding-bottom: 3px;
 clear:both;
 width: 720px;
}
#left {
float:left;
width:273px;
margin: 0px;
padding-left: 5px;
}
#right{
float:right;
width: 437px;
margin:0px;
padding: 0px;
}
#footer {
 clear: both;
 width: 720px;
 text-align: right;
 height: 21px;
 padding-top: 0.6em;
 padding-right: 1.2em;
 font-size: 8pt;
}
div:after {
    content:".";
    height:0;
    clear:both;
    display:block;
    visibility:hidden;
}
div {
    display:inline-block;
}

.basestyle {
/*border: #B7B9C6 1px solid ;*/
background-color: #FFFFFF ;
}
.titlestyle1 {
display:block;
height: 18px;
text-align:left;
font-weight: bold;
background: url(./img/icon_title_1.gif) 0 0 no-repeat;
/*background-color: #B7B9C6 ;*/
padding-left: 2.0em;
padding-top: 1px;
}

/* フォト */
#photo {
display:block;
margin-top: 2px;
margin-bottom:2px;
padding: 6px;
width: 259px;
text-align:center;
}
#photo-inner {
display:block;
width: 245px;
padding: 6px;
margin-bottom: 6px;
}
#photo-inner a { 
margin:2px;
}

/* マイフレンドリスト */
#myfriend {
display:block;
margin: 2px 0px 2px 0px;
padding: 0px 0px 5px 0px;
width: 271px;
text-align:center;
}
.friendc{
padding-left:0px;
}
span.friend {
display:block;
width:86px;
max-width:86px;
word-wrap:break-word;
word-break: break-all;
height:109px;
margin-left:1px;
margin-top:1px;
float:left;
}
.friendimg {
height:80px;
}

/* コミュニティリスト */
#communitylist {
display:block;
margin: 2px 0px 2px 0px;
padding: 0px 0px 5px 0px;
width: 271px;
text-align:center;
}
span.commu {
display:block;
width:86px;
max-width:86px;
word-wrap:break-word;
word-break: break-all;
height:121px;
margin-left:1px;
margin-top:1px;
float:left;
}
.commuimg {
height:90px;
}
/* お気に入りリスト */
#favoritelist {
display:block;
margin: 2px 0px 2px 0px;
padding: 0px 0px 5px 0px;
width: 271px;
text-align:center;
}

/* カレンダー */
#calender {
margin-left: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 6px;
width:418px;
}
#calender-inner {
margin: 0;
padding: 0;
display:block;
}
#calender-inner2 {
padding: 0.4em;
}

/* 最新情報 */
#whatsnew2 {
margin-left: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 6px;
width:418px;
}

/* 伝言 */
#dengon2 {
margin-left: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 6px;
width:418px;
}

/* 最新日記 */
#newdiary2 {
margin-left: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 6px;
width:418px;
}

/* 紹介文 */
#recommendation2 {
margin-left: 0px;
margin-top: 2px;
margin-bottom: 2px;
padding: 6px;
width:418px;
}
.titlestyle2 {
display:block;
height: 20px;
text-align:left;
font-weight: bold;
background: url(./img/content_header_1.gif) 0 0 no-repeat;
background-color: #B7B9C6 ;
padding-left: 2.0em;
padding-top: 1px;
}
.borderstyle {
 border-left: #B7B9C6 1px solid;
 border-right: #B7B9C6 1px solid;
}
.borderstyle2 {
 border-left: #B7B9C6 1px solid;
 border-right: #B7B9C6 1px solid;
 border-bottom: #B7B9C6 1px solid;
}

/* MyFriend  & favoritelist */
.iconArrow1 {
display:block;
clear:both;
width:100px;
background: url(./img/icon_arrow_1.gif) 8.5em 0.2em no-repeat;
padding-left: 10.0em;
padding-top: 0.2em;
text-align:left;
height: 12px;
border-top: 1px;
}
/* Calender */
.iconArrow2 {
display:block;
clear:both;
width:100px;
background: url(./img/icon_arrow_1.gif) 22.5em 0 no-repeat;
padding-left: 23.0em;
margin-top: 0.3em;
padding-bottom: 0.6em;
}
/* WhatsNew */
.whatsnew {
border-bottom: 1px solid #B7B9C6;
}
.whatsnewleft {
text-align:center;
width:8.0em;
border-right: 1px solid #B7B9C6;
padding: 0.5em;
}
.whatsnewright {
vertical-align: top;
padding: 0.5em;
}

.icon_1 {
background: url(./img/icon_1.gif) 2px 6px no-repeat;
padding-left:0.9em;
}
.iconArrow3 {
display:block;
background: url(./img/icon_arrow_1.gif) 15.5em 0 no-repeat;
padding-left: 17.0em;
margin-top: 0.3em;
margin-bottom: 0.7em;
}
.iconArrow4 {
display:block;
background: url(./img/icon_arrow_1.gif) 24.0em 0 no-repeat;
padding-left: 25.5em;
margin-top: 0.3em;
margin-bottom: 0.7em;
}

