@charset "utf-8";
/* CSS Document */

/******************************************/
/*		css_leftnav  								*/
/*		左側共通ライブラリ関連					*/
/******************************************/

/*--------------------------------------------
	cmnLeftUserList
	左側の参加ユーザーとか参加コミュとか
--------------------------------------------*/
.cmnLeftUserList{
}

.cmnLeftUserList .Content{
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}

.MainColor .cmnLeftUserList .Content{
	border-color:#F35F9B;	
}

.MyColor .cmnLeftUserList .Content{
	border-color:#F35F9B;	
}

.cmnLeftUserList .Label{
	font-weight: bold;
	color: #FFF;
	height:18px;
	padding-top: 5px;
	padding-left: 5px;
	background-repeat: repeat-x;
}

.cmnLeftUserList .Label .num{
	font-weight:normal !important;
	padding:0 0 0 3px;
}

/*--------------------------------------------
	cmnLeftUserList Content
	左側の参加ユーザーとか参加コミュとか
--------------------------------------------*/
.cmnLeftUserList .Content{
	margin-bottom: 10px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
}

/* エントリー */
.cmnLeftUserList .Content div.entries{
	
}

.cmnLeftUserList .Content ul li .owner a{
	border: 1px solid #F69;
}

.cmnLeftUserList .Content .nodata{
	text-align:center;
	padding: 5px;
	color: #999;
}

/* ul */
.cmnLeftUserList .Content .entries ul.first{
	border-top-width: 0px;
	border-top-style: none;
	border-top-color: #FFF;

}
.cmnLeftUserList .Content .entries  ul{
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}



/* li */
.cmnLeftUserList .Content .entries ul.line li{
	float: left;
}

.cmnLeftUserList .Content .entries ul.line li:hover{
	background-color:#C9FC97;
	cursor:pointer;
}


.cmnLeftUserList .Content .entries  ul.line li .photo{
	padding:3px;
}
.cmnLeftUserList .Content .entries  ul.line li .photo a{
	margin:0 auto;
	display:block;
	width:60px;
	height:60px;
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
	outline:none;
}
.cmnLeftUserList .Content .entries  ul li .uname{
	padding:5px;
	text-align:center;	
}
/* cmnProfileVisitList */
.cmnProfileVisitList .Content li a:hover{
	color:#FFFFFF;
	background-color:#FF6491;
	text-decoration:none;
}


/* マイメニューとプロフィールの場合 */
.cmnMyMenuLeft .cmnLeftUserList .Content .entries ul.line,
.cmnProfileLeft .cmnLeftUserList .Content .entries ul.line,
.cmnCommunityLeft .cmnLeftUserList .Content .entries ul.line
{
	background-image: url(/img/parts/dotted.gif);
	background-repeat: repeat-y;
	background-position: center;	
}

.cmnMyMenuLeft .cmnLeftUserList .Content .entries ul.line li,
.cmnProfileLeft .cmnLeftUserList .Content .entries ul.line li,
.cmnCommunityLeft .cmnLeftUserList .Content .entries ul.line li{
	float: left;
	width:98px;
}

.cmnMyMenuLeft .cmnLeftUserList .Content .entries  ul.line li.first,
.cmnProfileLeft .cmnLeftUserList .Content .entries  ul.line li.first,
.cmnCommunityLeft .cmnLeftUserList .Content .entries  ul.line li.first{
	width:99px !important;
}

/* プロフィールトップの場合 */
.ModeProfile .cmnLeftUserList .Content .entries ul.line{
	background-image: url(/img/parts/dottedtate.gif);
	background-repeat: repeat-y;
	background-position: center;
}

.ModeProfile .cmnLeftUserList .Content .entries ul.line li{
	float: left;
	width:104px;
}

.ModeProfile .cmnLeftUserList .Content .entries  ul.line li.first{
	width:103px !important;
}

.ModeProfile .cmnLeftUserList .Content .entries  ul.line li.last{
	width:103px !important;
}


/*--------------------------------------------
	cmnLeftUserList morelink
	もっと見る
--------------------------------------------*/
.cmnLeftUserList .Content .menu{
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}
.cmnLeftUserList .Content .menu li{
	display: block;
	float: right;
	padding: 5px;	
}

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



/*--------------------------------------------
	cmnMyMenuLeft
	マイメニューの左側
--------------------------------------------*/
.cmnMyMenuLeft{
}

.cmnMyMenuLeft .myProfileImage{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #666;
	margin-bottom: 10px;
	width: 198px;
	vertical-align: middle;
	background-color: #F2F2F2;
	padding-top: 15px;
	padding-bottom: 15px;
}


.cmnMyMenuLeft .NoticeList{
	margin-bottom: 10px;
}


.cmnMyMenuLeft .NoticeList li{
	width:95px;
	text-align: center;
}
.cmnMyMenuLeft .NoticeList li.comment{
	float: left;
}
.cmnMyMenuLeft .NoticeList li.good{
	float: right;
}

.cmnMyMenuLeft .NoticeList a{
	

	height:22px;
	padding:9px 5px 0 25px;

	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;

	
	
	color:#333 !important;
	
	display: block ;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: auto;
	text-decoration: none !important;
	border: 1px solid #999;

	-moz-box-shadow:1px 1px 1px #CCC;
	-webkit-box-shadow:1px 1px 1px #CCC;
	box-shadow:1px 1px 1px #CCC;
}
.cmnMyMenuLeft .NoticeList a:hover{
	border: 1px solid #666;
}
.cmnMyMenuLeft .NoticeList a:active{
	-moz-box-shadow:inset 1px 1px 1px #CCC;
	-webkit-box-shadow:inset 1px 1px 1px #CCC;
	box-shadow:inset 1px 1px 1px #CCC;
}

.cmnMyMenuLeft .NoticeList li.comment a{
	background: url(/img/unite/unitemain.gif) repeat-x -132px -310px;

}
.cmnMyMenuLeft .NoticeList li.good a{
	background: url(/img/unite/unitemain.gif) repeat-x 0px -310px;

}
.cmnMyMenuLeft .NoticeList a:hover{
	background-color: #EDEFF4;	
}
.cmnMyMenuLeft .NoticeList .good{

}
.cmnMyMenuLeft .NoticeList .comment{

}
/*
.cmnMyMenuLeft .myProfileImage .imagearea{
	margin: auto;
	height: 180px;
	width: 180px;
	background-repeat: no-repeat;
	background-position: center center;
	
}
*/

/*
.cmnMyMenuLeft .myProfileImage .imagearea a{
	height: 180px;
	width: 180px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	border: 1px solid #000;
	margin: auto;
	background-color: #FFF;
	
}
*/
.cmnMyMenuLeft .myProfileImage .imagearea a{
	width: 180px;
	display: block;
	border: 1px solid #000;
	margin: auto;
	background-color: #FFF;
	text-align:center;
}


.cmnMyMenuLeft .myProfileImage .myname{
	padding-top:5px;
	text-align: center;
}
.cmnMyMenuLeft .myProfileImage .profedit{
	padding-top:5px;
	width:180px;
	margin:0 auto;
	text-align:center;
}
.cmnMyMenuLeft .myProfileImage .profedit a{
	color:#000;
	
}



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

/*--------------------------------------------
	.cmnProfileLeft .ProfileImage
	プロフィールページのプロフィール画像
--------------------------------------------*/

.cmnProfileLeft .ProfileImage{
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border: 1px solid #666;
	margin-bottom: 10px;
	width: 200px;
	vertical-align: middle;
	background-color: #F2F2F2;
	padding-top: 15px;
	padding-bottom: 15px;
}

.cmnProfileLeft .ProfileImage .imagearea a{
	width: 180px;
	display: block;
	border: 1px solid #000;
	margin: auto;
	background-color: #FFF;
	text-align:center;
}
.cmnProfileLeft .ProfileImage .profname{
	text-align: center;
	padding-top: 10px;
}

.cmnProfileLeft .ProfileImage .profname .cn{
	padding-left:5px;
}

/*--------------------------------------------
	.cmnProfileLeft .ControlArea
	フォローするとか
--------------------------------------------*/
.cmnProfileLeft .ControlArea{
	margin-bottom: 10px;	
}
.cmnProfileLeft .ControlArea  a{
	display: block;
	text-align: center;
	color: #333;
	text-decoration: none;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	
	
}
.cmnProfileLeft .ControlArea  a{
	width: 85px;
	background-image: url(/img/parts/graybtn_w95.gif);
	background-repeat: no-repeat;
}
.cmnProfileLeft .ControlArea  a:hover{
	background-position: 0px -34px !important;
}
.cmnProfileTop .cmnProfileLeft .ControlArea  a{
	width: 140px;
	background-image: url(/img/parts/graybtn.gif);
	background-repeat: no-repeat;
}

.cmnProfileTop .cmnProfileLeft .ControlArea  a:hover{
	background-position: 0px -34px !important;
}

.cmnProfileLeft .ControlArea  .follow a{
	float: left;
	
	
}
.cmnProfileLeft .ControlArea  .friend a{
	float: right;
	
	
}
/*--------------------------------------------
	.cmnProfileLeft .FollowLinkArea
	プロフィール情報
--------------------------------------------*/

.cmnProfileLeft .FollowLinkArea{
	background-color: #09F;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	padding: 10px;
	margin-bottom: 10px;
}

.cmnProfileLeft .FollowLinkArea.block{
	background-color: #F00 !important;
}

.cmnProfileLeft .FollowLinkArea .followbutton{
	width:120px;
	margin:0 auto;
}


.cmnProfileLeft .FollowLinkArea .followexp{
	color: #FFF;
	line-height: 1.4em;
}

.cmnProfileLeft .FollowLinkArea .followbutton a{
	display:block;
	color:#333;
	border: 1px solid #999;
	background: url(/img/unite/loop.gif) repeat-x 0px -430px;
	height:21px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	-moz-box-shadow:1px 1px 1px #339;
	-webkit-box-shadow:1px 1px 1px #339;
	box-shadow:1px 1px 1px #339;
	
	padding:7px 10px 0 10px;
	text-align:center;
}

.cmnProfileLeft .FollowLinkArea .followbutton a:hover{
	text-decoration:none;
	-moz-box-shadow:inset 2px 2px 2px #CCC;
-webkit-box-shadow:inset 2px 2px 2px #CCC;
box-shadow:inset 2px 2px 2px #CCC;
	
}

.cmnProfileLeft .FollowLinkArea .notice{
	color: #FFF;
	text-align: center;	
}

.cmnProfileLeft .FollowLinkArea .notice .fol{
	font-weight:bold;	
	padding-right:8px;
}

.cmnProfileLeft .FollowLinkArea .notice .remove a{
	color: #FFF;
}


.cmnProfileLeft .friendnotice{
	text-align: center;
	font-weight: bold;
	color: #FF6491;
	margin-bottom: 10px;	
}


/*********/

.cmnProfileTop .cmnProfileLeft .FollowLinkArea .followbutton{
	width: 95px;
	float: left;
	padding-top: 8px;
}

.cmnProfileTop .cmnProfileLeft .FollowLinkArea .followexp{
	float: right;
	width: 187px;
	padding-left: 10px;
}

/*********/

#left-body.cmnProfileLeft .FollowLinkArea .followbutton{
	margin-bottom: 5px;
}

#left-body.cmnProfileLeft .FollowLinkArea .followbutton a{
	margin:0 auto;
}









/*--------------------------------------------
	.cmnProfileLeft .ProfileInfo
	プロフィール情報
--------------------------------------------*/

.cmnProfileLeft .ProfileInfo .Content{
	margin-bottom: 10px;
}

.cmnProfileLeft .ProfileInfo .Label{

}

.cmnProfileLeft .ProfileInfo dl {
	margin: 0;
	padding: 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
    }
	
.cmnProfileLeft .ProfileInfo dl.last{
	border-bottom-width: 0px !important;
	border-bottom-style: none !important;
	border-bottom-color: #FFF !important;

}

.cmnProfileLeft .ProfileInfo dt {
	float: left;
	line-height: 1.6em;
	padding: 5px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	clear: left;
    }

.cmnProfileLeft .ProfileInfo dd {
	padding: 5px;
	line-height: 1.8em;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 75px;
    }

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

/*--------------------------------------------
	cmnCommunityLeft
	コミュニティの左上
--------------------------------------------*/

/* 外枠 */
.cmnCommunityLeft{

}



/* 画像部分 */
.cmnCommunityLeft .ComImage{
	padding-top:10px;
}
.cmnCommunityLeft .ComImage .imagearea a{
	width: 180px;
	background-repeat: no-repeat;
	background-position: center center;
	display: block;
	margin-top: auto;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	text-align:center;
}
.cmnCommunityLeft .ComImage .title{
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

/* コミュニティ情報 */
.cmnCommunityLeft .ComuInfo dl {
	margin: 0;
	padding: 0;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999;
}
.cmnCommunityLeft .ComuInfo dl dt {
	float: left;
	line-height: 1.6em;
	padding: 5px;
	margin-top: 0;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	clear: left;
}
.cmnCommunityLeft .ComuInfo dl dd
{
	padding: 5px;
	line-height: 1.8em;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 70px;
}

.cmnCommunityLeft .ComuInfo dl dd a{
	line-height: 1.8em;
}

.cmnCommunityLeft .ComuInfoLeft{
	margin-bottom:10px;
	border: 1px solid #999;
	
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}



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

/*--------------------------------------------
	.cmnLeftNavMain
	ピンクページ共通左側のメニュー
--------------------------------------------*/
.cmnLeftNavMain{

}
/* 広告 */
.cmnLeftNavMain .topadv{
	margin-bottom: 10px;
	height: 200px;
	width: 200px;
}
.cmnLeftNavMain .middleadv{
	margin-bottom: 10px;
	height: 200px;
	width: 200px;
}

/*各パーツのマージン */
.cmnLeftNavMain .TagList,
.cmnLeftNavMain .UserCateList,
.cmnLeftNavMain .CommunityCateList,
.cmnLeftNavMain .QRcode,
.cmnLeftNavMain .BlogParts
{
	margin-bottom: 10px;
}




/* TagList */
.cmnLeftNavMain .TagList ul{
	padding: 5px 10px 5px 10px;
}
.cmnLeftNavMain .TagList li{
	display:inline;
}
.cmnLeftNavMain .TagList .other{
	display: block;
	text-align: right;
	padding-top: 5px;
}
.cmnLeftNavMain .TagList li a:hover{
	background-color:#FF6491;
	color:#FFF;
}
/*
.cmnLeftNavMain .TagList li a:hover{
	color:#FFFFFF;
	background-color:#FF6491;
	text-decoration:none;
}

.cmnLeftNavMain .TagList ul:hover{
	background-color:#e5ffff;
}
*/
/* UserCateList */

.cmnLeftNavMain .UserCateList ul,
.cmnLeftNavMain .CommunityCateList ul{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.cmnLeftNavMain .UserCateList li,
.cmnLeftNavMain .CommunityCateList li{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}

.cmnLeftNavMain .UserCateList li .cnt{
	padding:0 0 0 5px;
}

.cmnLeftNavMain .QRcode .ShelfBody{
	text-align: center;
	padding: 5px;

}



.cmnLeftNavMain .spread{
	text-align: center;
	padding: 5px;
	border: 1px solid #F35F9B;
	
}

/*--------------------------------------------
	.RankingCateList
--------------------------------------------*/
.RankingCateList{
	margin-bottom:10px;
	
}

.RankingCateList ul{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.RankingCateList li{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;

}







.cmnLeftFavoriteList{
	margin-bottom: 10px;	
}

.cmnLeftFavoriteList .content{
	border: 1px solid #999;	
}

.cmnLeftFavoriteList .content .entries .line li{
	float: left;
	width: 66px;
	
}

.cmnLeftFavoriteList .content .entries .line .entry .photo{
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	
}

.cmnLeftFavoriteList .content .entries .line .entry .uname{
	text-align: center;
	padding-bottom: 3px;
	
}

.cmnLeftFavoriteList .content .morelink{
	float: right;
	
}

.cmnLeftFavoriteList .content .managelink{
	float: right;
	
}


#leftnav-adv-top {
	margin-bottom: 10px;
}
#leftnav-tags {
	margin-bottom: 10px;
}
#leftnav-adv-middle {
	margin-bottom: 10px;
}

/*--------------------------------------------
		sidepanel
--------------------------------------------*/
#leftpanel{
	background-color: #2c3e50;
	padding:2px 0px 2px 0px;
}

#leftpanel .cmn_toplabel{

	height:18px;
	font-size:13px;
	padding:3px 0 3px 10px;
	line-height:18px;
	border-bottom: 1px solid #2c3e50;	
	border-top: 1px solid #2c3e50;
	color:#FFF;
	font-weight:bold;
}

#leftpanel .linklist{
	border-top:none;
	border-bottom:none;
}

#leftpanel .linklist li {
	border-top: 1px solid #2c3e50;
	border-bottom: 1px solid #2c3e50;
	/* background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EDEDED), color-stop(.2,#FFFFFF)) */
}
#leftpanel .linklist li:first-child {
	border-top: none;
	/* background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EDEDED), color-stop(.2,#FFFFFF)) */
}
#leftpanel .linklist li:last-child {

	/* background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFFFFF), to(#EDEDED), color-stop(.2,#FFFFFF)) */
}

#leftpanel .linklist li a{
	display: block;
	padding: 7px 11px 7px 30px;
	text-decoration: none;
	/* background: url(/img/allow.png) no-repeat right center; */
	background:none;
	color: #FFF;
	
	font-size:14px !important;
}

#leftpanel .linklist.category li a{
	padding: 6px 11px 6px 30px;
}

#leftpanel .recommendlist{
/*	background-color:red;
	margin:0 auto;*/
}
#leftpanel .recommendlist li{
/*	width:25%;
	float:left;*/
}
#leftpanel .recommendlist li a{
	display:block;
	outline:none;
	position:relative;
	
}
#leftpanel .recommendlist li a img{
	display:block;
	width:100%;
	
}

#leftpanel .recommendlist li a p{
/*	position:absolute;
	left: 0;
	bottom: 0;
	background-color:#000;
	opacity:0.6;*/
	width:100%;

}
#leftpanel .recommendlist li a p span{
	color:#FFF;
	display:block;
	margin:3px 5px;
	font-size:12px;
}

/* menulink	*/
.menulink.fixed {
	position: fixed;
	top:20px;
	z-index:25;
	left:8px;

	-webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;
	tap-highlight-color: rgba(0, 0, 0, 0) !important;

}

.menulink.fixed{
}
.menulink.fixed img{
	height: 28px;
	width: 180px;
	-webkit-box-shadow: 0px 0px 2px 2px #8B8B8B;
	box-shadow: 0px 0px 2px 2px #8B8B8B;
	background-color: #FFF;
	border-radius: 5px;
	padding: 1px;
}