@charset "euc-jp";
/*
*******************************************************************

    @friend.css
    @author s
    @dateCreated 
    @dateModified 
    @description CSSテンプレート用CSS
    @note 
        ・編集した日をdateModifiedとして上書きしていくこととする
        ・下の構成とそれに従った下の目次に沿ってCSSを記述する
        ・ページ単位で小区切りを入れる

*******************************************************************
*/

/**********************************************************
 myPage
**********************************************************/

/* キーワードブックマーク、マイコミュニティ、マイフレンド共通部分 */
#myPage #main .mainComponent {
	padding-bottom:0px;
}
/* mainComponent「最新の〜」 */
#myPage #recentFriendDiary,
#myPage #recentKeyword,
#myPage #recentCommunityTopics {
	border-left:5px solid #dcdcdc;
	border-top:5px solid #dcdcdc;
	border-right:5px solid #dcdcdc;
	width:600px;
}
#recentCommunityTopics {
	border-bottom:5px solid #dcdcdc;
}
#recentCommunityTopics,
#myPage #recentFriendDiary h3,
#myPage #recentCommunityTopics h3,
#myPage #main .recentUnitList {
	height:285px;
}
/*---------- 最新のキーワードブックマーク ----------*/

#recentKeyword {
	background:url(../../i/set/keyword_border.gif) no-repeat;
	/*margin-top:10px;*/
}
#recentKeyword {
	background-position: 0 25px;
}
#recentKeyword h3{
	background-image:url(../../i/set/f_new_keyword.gif);
	background-repeat:no-repeat;
	height:24px;
	text-indent:-9999px;
	margin-bottom:0;
	padding-bottom:0;
}
#recentKeyword h3{ 
	width:399px;
	/*260px*/
}
#recentKeyword p {
	font-size:12px;
	padding-left:10px;
}

/*キーワードブックマーク編集 a要素*/
#additionKeyword a{	
	background:url(../../i/set/f_new_keyword02.gif) no-repeat;
	width:199px;
	height:24px;
	text-indent:-9999px;
	display: block;
}
#recentKeyword p{
	margin-left:5px;
}
#recentKeyword p,
#recentKeyword dl {
	clear:both;
	padding-top:0;
	padding-bottom:0;
	margin-top:0;
	margin-bottom:0;
	padding:5px;
}
/* 最新のキーワード キーワードブックマーク編集 */
#additionKeyword{
	float:right;
	padding:0;
	margin-bottom:0;
}



/*  マイページ main h3共通部分 */
#myPage #recentFriendDiary h3,
#myPage #recentCommunityTopics h3{
	float:left;
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:121px;
	margin:0;
	padding:0;
}
/*  マイページ main h3固有部分 */
#myPage #recentFriendDiary h3{
	background-image:url(../../i/set/f_new_blog.jpg);
}
#myPage #recentCommunityTopics h3{
	background-image:url(../../i/set/f_new_com.jpg);
}
/*----- マイページ 「最近の〜」リストスタイル -----*/
#myPage #main .recentUnitList {
	float:left;
}
#myPage #main .recentUnitList,
#myPage .recentUnit {
	width:476px;
	margin:0;
}
#myPage .recentUnit p {
	width:40px;
	padding:3px 14px 3px 6px;
}
#myPage #main .recentUnit dl {
	font-size:13px;
	color:#666;
	width:400px;

}
/* 名前、タイトル */
#myPage .recentUnit dt{
    padding-top:5px;
}
/* 登録日時 */
#myPage .recentUnit dd{
	text-align:right;
	margin-top:5px;
	padding-right:0;
	width:390px;
}
/* リンク部分 */
#myPage #main .recentUnit a{
	font-weight:bold;
}
/*---------マイフレンドからの紹介----------*/
.introUnitList {
	width:610px;
}
.introUnit{
	margin-bottom:5px;
	padding-bottom:3px;
	padding-top:3px;
	border:solid 1px #ccc;
	width:610px;
}
.introUnit p {
	line-height:baseline;
	width:90px;
}
.introUnittext{
	width:518px;
	margin:0;
	padding:0;
}
.introUnit dl{
    padding:0;
}
.introUnit dl dt{
	border:1px solid #999;
	background-color:#ececec;
	width:115px;
	padding:5px;
	margin-top:3px;
	margin-bottom:3px;
	}
.introUnit dl dd{
	width:380px;
	padding:5px 0 5px 10px;
}
#introFromFriend{
	margin:10px 0 0 0;
}
#introFromFriend h3{
	background-image:url(../../i/set/fri_ind.gif);
	background-repeat:no-repeat;
	height:30px;
	width:610px;
	text-indent:-9999px;
	margin:0;
}


/**********************************************************
 プロフィールページ、フレンドページ
**********************************************************/

/* h3 */
#profilePage h3#profile,
#friendPage  h3#profile{
	font:0;
	text-indent:-9999px;
	height:0;
}
/* 「友達になる、メールを送る」部分 

#profilePage #sendMessage,
#friendPage #sendMessage {
	background: #FFFFFF;


	margin-bottom:0;
	padding:0;
	text-align:left;
}
#profilePage #sendMessage ul,
#friendPage #sendMessage ul{
	list-style:none;
	width:100%;
	margin:0;
	padding:0;
}
#profilePage #sendMessage ul li,
#friendPage #sendMessage ul li{
	list-style:none;
	margin: 0px;
	padding: 0px;
	display: block;
	float: left;
}
#profilePage #sendMessage ul li a,
#friendPage #sendMessage ul li a{
    display:block;
    text-indent:-9999px;
}
#profilePage #sendMessage #friendMail a#makeFriend,
#friendPage #sendMessage #friendMail a#makeFriend{
	background-image:url(../../i/set/f_regist_btn.gif);
	background-repeat:no-repeat;
	width: 200px;
	height: 30px;
	
}
#profilePage #sendMessage #friendMail a#sendMail,
#friendPage #sendMessage #friendMail a#sendMail{
	background-image:url(../../i/set/f_sendmail_btn.gif);
	background-repeat:no-repeat;
	width: 200px;
	height: 30px;
	margin-left:5px;
	margin-bottom: 10px;
}

/**フレンドページメール**/
#profilePage #sendMessage,#friendPage #sendMessage{
	background: #FFFFFF;
	margin-bottom:0;
	padding:0;
}
#profilePage #sendMessage ul,#friendPage #sendMessage ul{
	list-style:none;
	margin:0;
	padding:0 10px;
	height: 50px;
}
#profilePage #sendMessage ul li,#friendPage #sendMessage ul li{
	list-style:none;
	margin: 0;
	padding: 0px;
	display: block;
	float: right;
	width:90px;
	
}
#profilePage #sendMessage ul li a,#friendPage #sendMessage ul li a{
	display:block;
	text-indent:-9999px;
	width:80px;
	float: right;
	height: 40px;
}

/***skype****/
#profilePage #sendMessage #friendMail a#callSkype,#friendPage #sendMessage #friendMail a#callSkype{
	background-image:url(../../i/set/skype_call.jpg);
	background-repeat:no-repeat;
}
#profilePage #sendMessage #friendMail a#addSkype,#friendPage #sendMessage #friendMail a#addSkype{
	background-image:url(../../i/set/skype_add.jpg);
	background-repeat:no-repeat;
}
#profilePage #sendMessage #friendMail a#chatSkype,#friendPage #sendMessage #friendMail a#chatSkype{
	background-image:url(../../i/set/skype_chat.jpg);
	background-repeat:no-repeat;

}
#profilePage #sendMessage #friendMail a#fileSkype,#friendPage #sendMessage #friendMail a#fileSkype{
	background-image:url(../../i/set/skype_file.jpg);
	background-repeat:no-repeat;
}
/***skype****/


#profilePage #sendMessage #friendMail a#makeFriend,#friendPage #sendMessage #friendMail a#makeFriend{
	background-image:url(../../i/set/f_regist_btn.png);
	background-repeat:no-repeat;

}
#profilePage #sendMessage #friendMail a#sendMail,#friendPage #sendMessage #friendMail a#sendMail{
	background-image:url(../../i/set/f_sendmail.png);
	background-repeat:no-repeat;

}
#profilePage #sendMessage #friendMail a#sendPoint,#friendPage #sendMessage #friendMail a#sendPoint{
	background-image:url(../../i/set/f_sendpoint_btn.gif);
	background-repeat:no-repeat;
}

/**フレンドページプロフィールテーブル**/
#profileData{
	clear:both;
}
#profile{
	margin-top:0;
	padding-top:0;
	clear:both;
}
#profileData table{
	margin:0;
	border:2px solid #CCCCCC;
	width:610px;
}
#profileData table th{
	width:120px;
	background-color: #E1FEB1;
}
#profileData table td .tdProfile{
	width:160px;    
}
#profileData table td .tdComment{
    width:440px;
}
table tr,
table td,
table th{
	border:1px solid #CCCCCC;
}

/******************************************************************** 
マイページプレビュー
********************************************************************/
#myPage h3#profile {
	font:0;
	text-indent:-9999px;
	height:0;
}
#myPage #previewNavi {
}
#myPage #previewNavi ul {
	margin:0;
	padding:0;
}
#myPage #previewNavi ul li {
	float:left;
	margin-right:10px;
}
#myPage #previewNavi ul li a,
#myPage #previewNavi ul li span {
	display:block;
 	width:100px;
 	height:2em;
	border:1px solid #ccc;
	text-align:center;
    line-height:2;
}
#myPage #previewNavi ul li span {
	font-weight:bold;
	background:#eee;
}

#myPage #previewNavi p {
	clear:both;
	width:100%;
	padding:10px 0;
	font-weight:bold;
	text-align:center;
}
/******************************************************************** 

sub component

********************************************************************/
/*----- h2の代用画像 -----*/
/* h2代用画像共通部分 */
#myPage #sub,
#profilePage #sub,
#friendPage #sub {
	padding-top:35px;width:180px;
}
/* h2代用画像固有部分 */
#myPage #sub {
	background:url(../../i/set/mypage_title.png) no-repeat 0px 0px ;
}
#profilePage #sub {
	background:url(../../i/set/profile_title.png) no-repeat 0px 0px ;
}
#friendPage #sub {
	background:url(../../i/set/friend_title.png) no-repeat 0px 0px ;
}

/*----- マイフレンド、マイコミュニティ共通 -----*/
#myPage #myFriendList h3,
#profilePage #myFriendList h3,
#friendPage #myFriendList h3,
#myPage #myCommunityList h3,
#profilePage #myCommunityList h3,
#friendPage #myCommunityList h3 {
	width:180px;
	height:42px;
	text-indent:-9999px;
	border-bottom:none;
}
/* マイフレンド */
/*#myPage #myFriendList h3,
#profilePage #myFriendList h3,
#friendPage #myFriendList h3{
	background:url(../../i/set/myfriend.gif) no-repeat;
}*/
/* マイコミュニティ */
/*#myPage #myCommunityList h3,
#profilePage #myCommunityList h3,
#friendPage #myCommunityList h3 {
	background:url(../../i/set/mycommunity.gif) no-repeat 0px 0;
}*/
/*----- マイフレンド、マイコミュニティ共通 -----*/
#myPage #myFriendList h3,
#profilePage #myFriendList h3,
#friendPage #myFriendList h3,
#myPage #myCommunityList h3,
#profilePage #myCommunityList h3,
#friendPage #myCommunityList h3 {
	width:180px;
	height:42px;
	text-indent:-9999px;
	border-bottom:none;
}
/* マイフレンド */
#myPage #myFriendList h3,
#profilePage #myFriendList h3,
#friendPage #myFriendList h3{
	background:url(../../i/set/myfriend.png) no-repeat;

}

#myPage #myFriendList,
#profilePage #myFriendList,
#friendPage #myFriendList{
	border:1px solid #cccccc;
}
#myPage #myCommunityList,
#profilePage #myCommunityList,
#friendPage #myCommunityList {
	border:1px solid #cccccc;
	width:180px;
}

/* マイコミュニティ */
#myPage #myCommunityList h3,
#profilePage #myCommunityList h3,
#friendPage #myCommunityList h3 {
	background:url(../../i/set/mycommunity.png) no-repeat 0px 0;
}
/* sub マイフレンド ログインの状態 */
#myFriendList .loginStatus {
    font-size:70%;
}
/*----- ユーザーのブログ、アルバム、マップへのリンク -----*/

/* 注意：IEの幅寄せのみhack.cssにて行っている */

/* 共通部分 */

#sub #userStatus ul {
	width:150px;
}
#sub #userStatus ul li{
	display:block; 
	width:50px; 
	height:50px; 
	padding:0;
	padding-bottom:10px;
}
#sub #userStatus ul li a{ 
	text-indent:-9999px;
	display:block;
	width:48px;
	height:48px;
	margin:0;
	padding:0;	
}

/*----- 固有部分 -----*/
/* マイコンテンツへのリンクボタン */
#myPage #blogicon {
	background: url(../../i/set/myblog_icon.png) no-repeat;
}
#myPage #albumicon {
	background: url(../../i/set/myalbum_icon.png) no-repeat;
}
#myPage #mapicon {
	background: url(../../i/set/mymap_icon.png) no-repeat;
}
/* フレンドや他のユーザーのコンテンツへのリンクボタン */
#friendPage #blogicon,
#profilePage #blogicon {
	background: url(../../i/set/blog_icon.png) no-repeat;
}
#friendPage #albumicon,
#profilePage #albumicon {
	background: url(../../i/set/album_icon.png) no-repeat;
}
#friendPage #mapicon,
#profilePage #mapicon {
	background: url(../../i/set/map_icon.png) no-repeat;
}

#albumiconLoginBefore{
background:url(../../i/set/album_icon_off.jpg) no-repeat;
}
#mapiconLoginBefore{
background:url(../../i/set/map_icon_off.jpg) no-repeat;
}
#userContLink li{
text-indent:-9999px;
}


/*
******************************************************************* 
******************************************************************* 


footer component


******************************************************************* 
*******************************************************************
*/