@charset "utf-8";

/* -----------------------------------------------------------------

	body > container

------------------------------------------------------------------ */

#main.sns {
	margin:0 5px 25px 0;
}

/* -----------------------------------------------------------------

	body > container > main.sns

------------------------------------------------------------------ */

#dashboard {
	background:#7DACBA;
	margin:0 0 10px 0;
	padding:8px;
	color:#FFF;
	height:100%;
}

#main.sns #action {
	background:#50595E;
	margin:0 0 10px 0;
	padding:8px;
	color:#FFF;
	height:100%;
}

#main.sns #friend {
	width:280px;
}

#main.sns .friend {
	float:left;
	background:#7AA85D none repeat scroll 0%;
}

#main.sns .mystar {
	float:right;
	background:#A86E5D none repeat scroll 0%;
}

/* -----------------------------------------------------------------

	body > container > sub.sns

------------------------------------------------------------------ */

#sub.sns #action {
	background:#50595E;
	margin:0 0 10px 0;
	padding:8px;
	color:#FFF;
	height:100%;
}


#main.sns #action ul.navi {
	list-style:none;
	padding:5px 0 0 0;
	text-align:center;
}

#main.sns #action ul.navi li {
	display:inline;
	margin:0 5px 0 0;
}

#main.sns #action ul.navi li a {
	color:#FFF;
}

#main.sns #action ul.navi li a:hover {
	color:#CCC;
}

/* -----------------------------------------------------------------

	body > container > main.sns > friend

------------------------------------------------------------------ */



#main.sns #friend .foot {
	font-size:10px;
	padding:0 8px 8px 8px;
	text-align:right;
}

/* -----------------------------------------------------------------

	body > container > sub.sns > action

------------------------------------------------------------------ */

#sub.sns #action {
	background:#FFF;
}

#sub.sns #action div.navi {
border-bottom:1px solid #D4D8DA;
border-top:1px solid #D4D8DA;
height:100%;
}
#sub.sns #action div.navi ul {
background:transparent none repeat scroll 0%;
border-left:1px solid #CCCCCC;
float:left;
height:100%;
margin:7px;
padding:0pt;
}
#sub.sns #action div.navi ul li {
border-right:1px solid #CCCCCC;
float:left;
font-size:12px;
margin:0pt;
padding:0pt;
}
#sub.sns #action div.navi ul li a {
color:#52708E;
display:block;
padding:0 5px;
}
#sub.sns #action div.navi ul li a:hover {
background:#18A7CB none repeat scroll 0% 50%;
color:#FFFFFF;
text-decoration:none;
}
#sub.sns #action div.navi ul li a.on {
background:#18A7CB none repeat scroll 0% 50%;
color:#FFFFFF;
display:block;
padding:2px 10px;
}




/* -----------------------------------------------------------------

	profile

------------------------------------------------------------------ */

#sns-profile{
margin:0 0 10px 0;
}

#sns-profile .profile{
border:#5791A2 solid 10px;
background:#FFFFFF;
margin:0;
padding:10px;
height:100%;
}
#sns-profile .profile .img{
float:left;
margin:0 10px 0 0;
}

#sns-profile .profile .info{
float:left;
width:210px;
}

#sns-profile .profile .info h2{
font-size:16px;
font-weight:800;
}

#sns-profile .profile .info .status{
font-size:10px;
font-weight:normal;
color:#D3745E;
}
#sns-profile .profile .info .profile-comment{
font-size:10px;
font-weight:normal;
}

#sns-profile .profile ul{
margin:0 0 5px 0;
}

#sns-profile .profile li{
background:transparent url(../img/icon_list.gif) no-repeat scroll 11px 8px;
margin:0pt;
padding:0 5px 0pt 20px;
}

#sns-profile .profile li.on{
font-weight:800;
}



/*profile_mine*/
#sns-profile .profile div.navi {
border-bottom:none;
border-top:none;
height:100%;
}
#sns-profile .profile div.navi ul {
background:transparent none repeat scroll 0%;
border-left:1px solid #CCCCCC;
float:left;
height:100%;
margin:10px 0 0 0;
padding:0;
}
#sns-profile .profile div.navi ul li {
background:none;
border-right:1px solid #CCCCCC;
float:left;
font-size:12px;
margin:0pt;
padding:0pt;
}
#sns-profile .profile div.navi ul li a {
color:#52708E;
display:block;
padding:2px 5px;
}
#sns-profile .profile div.navi ul li a:hover {
background:#18A7CB none repeat scroll 0% 50%;
color:#FFFFFF;
text-decoration:none;
}
#sns-profile .profile div.navi ul li a.on {
background:#18A7CB none repeat scroll 0% 50%;
color:#FFFFFF;
display:block;
padding:2px 10px;
}

/* -----------------------------------------------------------------

	diary list

------------------------------------------------------------------ */

#list.topic.diary .body .title {
background-image:none;
}

#list.topic.diary .body ul li.day .box .main h3 {
margin:0 0 10px 0;
}
#list.topic.diary .body ul li.day .box .main p {
font-size:10px;
line-height:1.8;
}


/* -----------------------------------------------------------------

	diary detail

------------------------------------------------------------------ */
/*日記詳細ページ*/

#detail.diary .body .title{
display:block;
height:auto;
margin:0;
padding:5px 15px;
}

#detail.diary .body .title h2{
display:block;
font-size:18px;
text-align:left;
margin:0;
padding:0;
color:#FFFFFF;
}
#detail.diary .body .title h2 a{
text-decoration:none;
}
#detail.diary .body .title .date{
display:block;
font-size:10px;
text-align:left;
margin:0;
padding:0;
color:#FFFFFF;
}

#detail.diary .body div.content .box div.img{
margin:10px 0 0 0;
}
#detail.diary .body div.content .box div.text{
margin:10px 0 50px 0;
}

#detail.diary .body div.content .box div.referer{
margin:10px 0 0 0;
padding:10px;
border:#A9B8C7 dotted 1px;
background:#EEF0EF;
}

#detail.diary .body div.content .box div.referer .author{
margin:0;
padding:0;
font-size:10px;
text-align:left;
}
#detail.diary .body div.content .box div.referer h3{
margin:0;
padding:0;
font-size:12px;
}




/* -----------------------------------------------------------------

	message list

------------------------------------------------------------------ */

#list.message .body .box {
background:#FFFFFF none repeat scroll 0%;
border-bottom:1px solid #A9B8C7;
height:100%;
margin:0pt;
padding:10px 15px;
}
#list.message .body .box.last {
border-bottom:none;
}

#list.message .body .box .head {
font-size:12px;
margin:0 0 2px;
}

#list.message .body .box h3 {
font-size:12px;
}

#list.message .body li.submit{
text-align:right;
margin:10px 15px 0;
}

#list.message .body li .body{
margin:10px 5px;
border:none;
}

#list.message .body li .body p{
margin:0 0 20px 0;
}

#list.message .body ul.message-detail{
border:0;
}

#list.message .body ul.message-detail li.box .head {
font-size:12px;
border-bottom:1px dotted #A9B8C7;
}

/*アラート*/

#note{
margin:0 0 10px 0;
padding:5px;
text-align:center;
background:#E8B7AA;
}

#note p{
font-size:12px;
font-weight:800;
}

#note p a{
color:#C95538;
}

/*コンパネ*/
#dashboard {
background:#FFF url(../img/bg_gradation_box_bottom.jpg) repeat-x bottom;
height:100%;
margin:0;
padding:10px;
border-top:#A9B8C7 solid 1px;
border-right:#A9B8C7 solid 1px;
border-left:#A9B8C7 solid 1px;
}

#dashboard ul.navi-l {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
text-align:left;
height:100%;
float:left;
}

#dashboard ul.navi-l li {
display:block;
float:left;
margin:0 8px 0 0;
padding:0;
font-size:10px;
text-align:center;
height:100%;
}

#dashboard ul.navi-l li a{
margin:0;
padding:0 0 0 25px;
display:block;
overflow:hidden;
line-height:21px;
color:#3D79A0;
}

#dashboard ul.navi-l li a:hover {
text-decoration:underline;
color:#2EA1C2;
}

#dashboard ul.navi-l li a.diary{
background:url(../img/btn_sns_navi_diary.gif) no-repeat 0 0;
}

#dashboard ul.navi-l li a.event{
background:url(../img/btn_sns_navi_event.gif) no-repeat 0 0;
}

#dashboard ul.navi-l li a.classified{
background:url(../img/btn_sns_navi_classified.gif) no-repeat 0 0;
}

#dashboard ul.navi-l li a.article{
background:url(../img/btn_sns_navi_article.gif) no-repeat 0 0;
}

#dashboard ul.navi-r {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:0;
text-align:right;
height:100%;
float:right;
}

#dashboard ul.navi-r li {
display:block;
float:left;
margin:0 0 0 8px;
font-size:10px;
text-align:center;
height:100%;
white-space:nowrap; 
}

#dashboard ul.navi-r li a {
margin:0;
padding:0;
display:block;
overflow:hidden;
color:#FFF;
}

#dashboard ul.navi-r li a.mypage-edit {
background:#FFFFFF url(../img/btn_edit_profile.gif) no-repeat 0 0;
width:89px;
height:20px;
}

#dashboard ul.navi-r li a.message {
background:#FFFFFF url(../img/btn_read_message.gif) no-repeat 0 0;
padding:0;
width:89px;
height:20px;
}

#dashboard ul.navi-r li.mypage-edit a:hover {
background:#5B94A4;
color:#DEE3F1;
text-decoration:none;
}

#dashboard ul.navi-r li.message a:hover {
background:#D5EC31 url(../img/btn_read_message_ov.gif) no-repeat 4px 8px;
color:#83B412;
text-decoration:none;
}

#dashboard ul.navi-r li.user {
background:#FF6633;
float:none;
_width:200px;
}

#mypage,#userpage{
background:#FFF;
height:100%;
margin:0 0 10px;
padding:0;
border:#5791A2 solid 10px;
}

#mypage .profile,#userpage .profile {
background:#FFFFFF none repeat scroll 0%;
height:100%;
margin:0;
padding:10px;
}

#mypage .profile .img,#userpage .profile .img {
float:left;
padding:0;
margin:4px;
width:108px;
}

#mypage .profile .info,#userpage .profile .info {
float:right;
width:400px;
padding:0;
margin:0 0 0 0;
}

#mypage .profile .info h2,#userpage .profile .info h2 {
font-size:16px;
font-weight:800;
line-height:20px;
margin:3px;
}

#mypage .profile .info .status,#userpage .profile .info .status {
color:#D3745E;
font-size:10px;
font-weight:normal;
}
#mypage .profile .info .lastupdate,#userpage .profile .info .lastupdate {
color:#999;
font-size:10px;
font-weight:normal;
}




#mypage .profile .info .url,#userpage .profile .info .url {
font-size:10px;
margin:0 3px;
padding:0;
}

#mypage .profile .info ul,#userpage .profile .info ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:0;
margin:5px 3px 0 3px;
text-align:left;
height:100%;
}

#mypage .profile .info li,#userpage .profile .info li {
display:inline;
margin:0 5px 0 0;
padding:2px 0 2px 23px;
font-size:12px;
}

#mypage .profile .info li.friend,#userpage .profile .info li.friend {
background:url(../img/icon_sns_friend.gif) no-repeat 2px 0;
float:none;
}

#mypage .profile .info li.mystar,#userpage .profile .info li.mystar {
background:url(../img/icon_sns_mystar.gif) no-repeat 2px 0;
float:none;
}

#mypage .profile .info li.supporter,#userpage .profile .info li.supporter {
background:url(../img/icon_sns_supporter.gif) no-repeat 2px 0;
float:none;
}

#mypage .profile .info li a,#userpage .profile .info li a {
color:#3D79A0;
}

#mypage .profile .info li a:hover,#userpage .profile .info li a:hover{
color:#2EA1C2;
}



/*行動履歴*/

#main.sns #action {
background:none;
color:#FFFFFF;
height:100%;
margin:0;
padding:0;
clear:both;
}

#main.sns #action div.navi {
border-top:#D4D8DA solid 1px;
border-bottom:#D4D8DA solid 1px;
height:100%;
}
#main.sns #action div.navi ul{
background:none;
border:none;
height:100%;
margin:7px 10px;
padding:0;
float:left;
}
#main.sns #action div.navi ul li{
border-right:1px solid #CCCCCC;
float:left;
font-size:12px;
margin:0;
padding:0;
}
#main.sns #action div.navi ul li a{
display:block;
padding:2px 5px;
color:#52708E;
}
#main.sns #action div.navi ul li a:hover{
background:#18A7CB none repeat scroll 0% 50%;
color:#FFFFFF;
text-decoration:none;
}
#main.sns #action div.navi ul li a.on{
background:#18A7CB none repeat scroll 0% 50%;
color:#FFFFFF;
display:block;
padding:2px 10px;
}

/*list*/

#main.sns #action ul.list{
background:#FFF url(../img/bg_gradation_box_top.jpg) repeat-x 0 0;
padding:0 8px;
margin:0;
height:100%;
width:532px;
}

#main.sns #action ul.list li.box{
background:transparent;
border-bottom:#A9B8C7 1px solid;
margin:0;
padding:7px 0;
height:100%;
float:none;
}

#main.sns #action ul.list li.last{
border-bottom:none;
}

#main.sns #action ul.list li.profile{
margin:0;
padding:4px 0;
}

#main.sns #action ul.list li.box p.category {
margin:0 5px;
padding:0;
width:85px;
float:left;
line-height:13px;
height:100%;
font-size:10px;
}

#sub.sns ul.list li.box p.category{
margin:0 !important;
padding:0;
float:left;
width:23px;
height:23px;
}

#main.sns #action ul.list li.box p.category a ,#sub.sns ul.list li.box p.category a {
display:block;
height:100%;
color:#666666;
}

#main.sns #action ul.list li.profile p.category {
margin:0 5px;
_margin:0 2px;
padding:0 2px 0 5px;
width:90px;
float:left;
line-height:19px;
height:100%;
font-size:10px;
}

#main.sns #action ul.list li.box p.classified,#sub.sns ul.list li.box p.classified {
background:url(../img/icon_menu_classified.gif) no-repeat 2px 2px;
}

#main.sns #action ul.list li.box p.diary ,#sub.sns ul.list li.box p.diary{
background:url(../img/icon_menu_blog.gif) no-repeat 2px 2px;
}

#main.sns #action ul.list li.box p.dice,#sub.sns ul.list li.box p.dice {
background:url(../img/icon_menu_dice.gif) no-repeat 2px 2px;
}

#main.sns #action ul.list li.box p.event,#sub.sns ul.list li.box p.event {
background:url(../img/icon_menu_event.gif) no-repeat 2px 2px;
}

#main.sns #action ul.list li.box p.topics,#sub.sns ul.list li.box p.topics {
background:url(../img/icon_menu_topic.gif) no-repeat 2px 2px;
}

#main.sns #action ul.list li.box .text {
float:right;
border-left:#A9B8C7 1px solid;
margin:0;
padding:0;
width:420px;
height:100%;
line-height:14px;
text-align:left;
}

#main.sns #action ul.list li.box .text p {
background:none;
margin:0 5px 0 8px;
padding:0;
float:none;
height:100%;
line-height:14px;
font-size:10px;
}

#main.sns #action ul.list li.profile .text p {
background:none;
margin:0 5px 0 8px;
padding:0;
float:none;
height:100%;
line-height:19px;
font-size:10px;
}

#main.sns #action ul.list li.profile .profile-text {
background:none;
margin:5px 8px;
padding:0;
float:none;
}

#main.sns #action ul.list li.profile .profile-text p {
font-size:12px;
}

#main.sns #action ul.list li.box .text h3 {
margin:3px 5px 0 8px;
padding:0;
background:none;
float:none;
line-height:15px;
font-size:12px;
font-weight:800;
height:100%;
}

/*マイフレンドマイスター一覧*/

#main.sns #friend h2{
margin:8px 8px 0 8px;
padding:0 0 0 24px;
background:none;
float:none;
line-height:20px;
font-size:12px;
font-weight:800;
height:100%;
color:#FFF;
}

#main.sns #friend h2 a{
color:#FFF;
}

#main.sns #friend.friend h2{
background:transparent url(../img/icon_sns_friend.gif) no-repeat scroll 2px 2px;
}

#main.sns #friend.mystar h2{
background:transparent url(../img/icon_sns_mystar.gif) no-repeat scroll 2px 2px;
}

#main.sns #friend ul {
padding:8px;
}

#main.sns #friend li {
background:#FFFFFF none repeat scroll 0%;
margin:0;
padding:0;
height:100%;
border-bottom:#D4D8DA 1px solid;
}

#main.sns #friend li p.img {
float:left;
margin:4px;
}

#main.sns #friend li p.txt {
float:left;
margin:4px 4px 4px 8px;
line-height:28px;
}

#main.sns #friend li a {
display:block;
height:100%;
}

#main.sns #friend li a:hover {
background:#EDEEEF;
text-decoration:none;
}

#main.sns #friend .foot a{
color:#FFF;
}

#main.sns #friend .foot em{
color:#FFF;
}

/*マイフレンドマイスター行動履歴*/

#sub.sns #action h2,#sub.sns #mycomment h2 {
background:#383F43;
border:none;
padding:10px;
margin:0;
color:#FFFFFF;
line-height:1.3;
}

#sub.sns #action,#sub.sns #mycomment {
background: none;
height:100%;
margin:0 0 10px;
padding:0;
}

#sub.sns #action ul.list,#sub.sns #mycomment ul.list{
margin:0;
padding:0;
width:368px;
}

#sub.sns #action ul.list li.box,#sub.sns #mycomment ul.list li.box{
border-top:1px solid #A9B8C7;
padding:5px;
margin:0;
height:100%;
}

#sub.sns #action ul.list li.top,#sub.sns #mycomment ul.list li.top{
border-top:none;
padding:5px;

margin:0;
height:100%;
}

#sub.sns #action ul.list li.box p.data,#sub.sns #mycomment ul.list li.box p.data{
font-size:10px;
margin:0 2px 2px 2px;
}

#sub.sns #action ul.list li.box h3{
margin:0 0 0 0;
padding:2px 0;
width:327px;
float:right;
font-size:12px;
line-height:16px;
border-left:none;
height:100%;
}



/*コメント記入履歴*/
#mycomment {
background:none;
padding:0;
}

#sub.sns #mycomment ul.list li.box p.comment{
float:left;
background:transparent url(../img/bg_mycomment_comment.gif) no-repeat scroll 50% 50%;
width:60px;
height:32px;
color:#FFFFFF;
font-size:10px;
text-align:center;
margin:0;
padding:10px 0 0 0;
}

#sub.sns #mycomment ul.list li.box p.data{
width:294px;
float:right;
text-align:left;
margin:0 0 3px;
}

#sub.sns #mycomment ul.list li.box h3{
width:294px;
margin:0;
padding:0;
font-size:12px;
line-height:15px;
border-left:none;
float:right;
text-align:left;
}

/*ユーザーページ*/

#userpage .btn{
margin:0 10px 10px;
height:100%;
}

#userpage .btn ul.navi-l{
float:left;
height:100%;
}

#userpage .btn ul.navi-l li{
float:left;
margin:0 8px 0 0;
}

#userpage .btn ul.navi-l li a.add-friend{
background:transparent url(../img/btn_add_friend.gif) no-repeat scroll left center;
width:89px;
height:20px;
}
#userpage .btn ul.navi-l li a.add-ster{
background:transparent url(../img/btn_add_ster.gif) no-repeat scroll left center;
width:89px;
height:20px;
}

#userpage .btn ul.navi-l li span.add-friend-on{
background:transparent url(../img/btn_add_friend_on.gif) no-repeat scroll left center;
width:89px;
height:20px;
}
#userpage .btn ul.navi-l li span.add-ster-on{
background:transparent url(../img/btn_add_ster_on.gif) no-repeat scroll left center;
width:89px;
height:20px;
}

#userpage .btn ul.navi-r{
float:right;
margin:0 0 0 8px;
}

#userpage .btn ul.navi-r li{
float:left;
}

#userpage .btn ul.navi-r li a.send-message{
background:transparent url(../img/btn_send_message.gif) no-repeat scroll left center;
width:89px;
height:20px;
}


/*ユーザーデータ*/

#list.data .body div.content .head{
background:transparent url(../img/bg_sns_action.jpg) repeat-x scroll center top;
border-bottom:1px solid #A9B8C7;
height:100%;
}
#list.data .body div.content .head p{
margin:0 15px;
padding:10px 0;
}
#list.data .body div.content .head ul{
background:none;
border:none;
}
#list.data .body div.content .head ul.left{
float:left;
width:250px;
padding:0 0 15px 20px;
}
#list.data .body div.content .head ul.right{
float:right;
width:250px;
padding:0 20px 15px 0;
}


#list.data .body div.content .head li{
background:transparent url(../img/icon_list.gif) no-repeat scroll 0px 12px;
margin:0;
padding:5px 5px 0pt 10px;
border:none;
}


#list.data .body div.content .box {
background:transparent url(../img/bg_sns_action.jpg) repeat-x scroll center top;
margin:0;
padding:10px 0;
border-bottom:1px solid #A9B8C7;
}
#list.data .body div.content .box.last {
border-bottom:none;
}
#list.data .body div.content .box h3 {
margin:0 15px;
}

#list.data .body div.content .box p {
margin:0 15px 15px;
}

#list.data .body div.content .box ul {
font-size:12px;
margin:0 15px 15px;
background-image:none;
border:none;
}
#list.data .body div.content .box li {
border-bottom:1px dotted #A9B8C7;
color:#666688;
height:100%;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt;
padding:4px 0pt 0pt;
}
#list.data .body div.content .box li .title {
background:transparent none repeat scroll 0%;
border:medium none;
float:left;
margin:0pt;
padding:0pt;
width:180px;
height:auto;
}
#list.data .body div.content .box li .data {
float:right;
margin:0pt;
padding:0pt;
text-align:left;
width:268px;
}
#list.data .body div.content .box p.navi {
border:medium none;
color:#53718D;
font-size:10px;
padding:0 0 5px;
margin:0 15px;
text-align:right;
}

#help-sub.data .body ul {
background:#FFFFFF url(../img/bg_gradation_box_top.jpg) repeat-x scroll center top;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding:12px 15px 15px;
}
#help-sub.data .body li {
border-bottom:1px dotted #A9B8C7;
font-size:10px;
height:100%;
margin:0pt 0pt 5px;
padding:0pt 0pt 5px;
}
#help-sub.data .body li .title {
float:left;
width:100px;
}
#help-sub.data .body li .data {
float:right;
width:233px;
}
#help-sub.data .body li.last {
border:medium none !important;
margin:0pt;
padding:0pt;
}
#help-sub.data .body li .data li {
border:medium none !important;
list-style-image:none;
list-style-position:inside;
list-style-type:decimal;
margin:0pt;
padding:0pt;
}

#help-sub.data .body .box {
background:#FFFFFF url(../img/bg_gradation_box_top.jpg) repeat-x scroll center top;
padding:0 0 10px 0;
}
#help-sub.data .body table {
background:none;
width:366px;
}
#help-sub.data .body tbody {
}
#help-sub.data .body tr {
border-bottom:1px dotted #A9B8C7;
}
#help-sub.data .body th {
font-size:12px;
font-weight:800;
text-align:left;
}
#help-sub.data .body td {
font-size:12px;
}
#help-sub.data .border {
background:#A9B8C7 none repeat scroll 0%;
height:1px;
margin:0pt 1px;
}