@charset "utf-8";

/*----------------
#myPage
-----------------*/

/* #mypage common */
#myPage{
padding:0 10px 20px 0;
overflow:hidden;
}
/* #mypage container */
#myPage .container{
margin-bottom:50px;
}
/* #myPage .myNav */
#myPage .myNav{
float:left;
width:180px;
}
#myPage .myNav .myNavBox{
width:149px;
overflow:hidden;
border-right:1px solid #e4e4e4;
}
#myPage .myNav .myNavBox .prof{
padding:0 0 10px 0;
}
#myPage .myNav .myNavBox .prof .img{
padding:0 10px 10px 0;
text-align:center;
}
#myPage .myNav .myNavBox .prof ul li{
padding:0 10px 5px 0;
}
#myPage .myNav .myNavBox .prof ul li dl dt{
font-size:0.69em;
color:#333;
}
#myPage .myNav .myNavBox .prof ul li dl dd{
font-size:0.75em;
}
#myPage .myNav .myNavBox .btnEdit{
margin:0 10px 0 0;
}
#myPage .myNav .myNavBox .btnEdit a{
font-size:0.69em;
}
#myPage .myNav .myNavBox .followList{
padding:10px 10px 0px 0;
border-top:1px solid #e4e4e4;
}
#myPage .myNav li{
zoom:1;
}
#myPage .myNav .myNavBox .followList li dl{
padding:0 0 0 5px;
}
#myPage .myNav .myNavBox .followList li.borderTop{
padding:5px 0 0 0;
background:url(http://i.yimg.jp/images/mb/textream/pc/stream_bdr_dot.gif) 0 0 repeat-x;
}
#myPage .myNav .myNavBox .followList li dt{
font-size:0.75em;
}
#myPage .myNav .myNavBox .followList li .btnFollow{
cursor:pointer;
}
#myPage .myNav .myNavBox .followList li .onClick .btnFollow{
border:1px solid #399dbd;
}
#myPage .myNav .myNavBox .followList li .onClick .btnFollow a{
color:#fff;
background:-moz-linear-gradient(top, #51afce, #419fbe);
background:-webkit-gradient(linear, left top, left bottom, from(#51afce), to(#419fbe));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#51afce', endColorstr='#419fbe');
border:1px solid #51afce;
}
#myPage .myNav .myNavBox .followList li .onClick .btnFollow a.hover{
background:-moz-linear-gradient(top, #419fbe, #51afce);
background:-webkit-gradient(linear, left top, left bottom, from(#419fbe), to(#51afce));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#419fbe', endColorstr='#51afce');
}

*html #myPage .myNav .myNavBox .followLis .btnFollow{
_width:138px;
}
#myPage .myNav .myNavBox .myNavList{
padding:10px 0 0 0;
font-size:0.875em;
border-top:1px solid #e4e4e4;
}
#myPage .myNav .myNavBox .myNavList li{
padding:0 0 2px 0;
}
#myPage .myNav .myNavBox .myNavList li ul{
padding:0 0 0 1em;
}
#myPage .myNav .myNavBox .myNavList li ul li{
padding:0 0 2px 0;
}
#myPage .myNav .myNavBox .addArea{
padding:10px 0 10px 0;
border-top:1px solid #e4e4e4;
}
#myPage .myNav .myNavBox .addArea .btnBlock{
width:140px;
cursor:pointer;
}
#myPage .myNav .myNavBox .onClick .btnBlock{
background:#d23656;
border:1px solid #be2d4a;
}
#myPage .myNav .myNavBox .onClick .btnBlock a{
color:#fff;
background:-moz-linear-gradient(top, #d94c69, #c93c59);
background:-webkit-gradient(linear, left top, left bottom, from(#d94c69), to(#c93c59));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d94c69', endColorstr='#c93c59');
border:1px solid #d94c69;
}
#myPage .myNav .myNavBox .onClick .btnBlock a:hover{
background:-moz-linear-gradient(top, #c93c59, #d94c69);
background:-webkit-gradient(linear, left top, left bottom, from(#c93c59), to(#d94c69));
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#c93c59', endColorstr='#d94c69');
}
*html #myPage .myNav .myNavBox .addArea .btnBlock{
_width:138px;
}


/* #myPage .myContents */
#myPage .myContents{
float:left;
width:450px;
padding:0;
overflow:hidden;
}


/* #myPage .myContents .cTopicList */
#myPage .myContents .cTopicList{
width:450px;
}
*html #myPage .myContents .cTopicList li dt a{
width:450px;
display:inline;
white-space:normal;
}
*html #myPage .myContents .cTopicList li dd{
width:450px;
display:inline;
white-space:normal;
}
*html #myPage .myContents .cTopicList .topicListArea li dd.data li.status{
line-height:1.7;
}
*html #myPage .myContents .cTopicList .topicListArea li dd.data li.streamTime{
width:335px;
line-height:1.3;
border:none;
}
*:first-child+html #myPage .myContents .cTopicList .topicListArea li dd.data li{
margin-top:-1px;
}
#myPage .myContents .contentsTtl{
padding:0 0 20px 0;
font-size:22px;
line-height:1.2;
font-weight:bold;
color:#121212 ;
}

/* #myPage .myContents .cUserList */
#myPage .myContents .cUserList{
width:450px;
}
*html #myPage .myContents .cUserList li dt a{
width:450px;
display:inline;
white-space:normal;
}
*html #myPage .myContents .cUserList li dd{
width:450px;
display:inline;
white-space:normal;
}

/* #myPage .myContents .cNoticeList */
#myPage .myContents .cNoticeList{
width:450px;
}
/* #myPage .myContents .cCommentList */
#myPage .myContents .cCommentList{
width:450px;
}
#myPage .myContents .cCommentList .cIconCounter{
float:right;
}
#myPage .myContents .cCommentList .commentBox .cmtBody .cIconCounter{
margin-bottom:10px;
}

#myPage .myContents .cTopicList .topicListArea .last-child{
border-bottom:1px solid #ddd;
}