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


/* ================================================= face ================================================= */

/* primeheader */
/*
#primeheader{
	background-color: #F668A4;
	color:#FFF;
	height:30px;
	margin-right: auto;
	margin-left: auto;
}
#primeheader .primebody {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}

#primeheader .intro{
	float:left;
}

#primeheader .intro h1,
#primeheader .intro .prh1{
	padding:5px 0 0 0;
	font-size:14px;
	width:200px;
	float: left;
}

#primeheader .intro p{
	float: left;	
}


#primeheader .intro strong {
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;	
}


#primeheader .menu{
	float:right;
	text-align:right;
}

#primeheader .menu span{
	padding-left: 5px;
}

#primeheader .menu a{
	color: #FFF;
	
}
*/
#tosmartpage{
	color: #FFF;
	background: #09F;
}
#tosmartpage a{
	display:block;
	color:#FFF;
	font-size:60px;
	text-align:center;
	padding:30px 0;
}


/* face */
#face {
	outline:none;	
	width:960px;
	padding-top:5px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}

#face .left{
	width:380px;
	float:left;
}

#face .title{

}
#face .title img{
	max-width:380px;
	max-height:62px;

}

#face.guest .title img{
	max-width:380px;
	max-height:90px;

}

#face .menu{

}
#face .menu li{
	float:left;
	width:124px;
}

#face .adv{
	width:580px;
	display:block;
	float:right;
}

/*--------------------------------------------
 	#face .menu
 	右上
--------------------------------------------*/
#face .menu.normal{

}
#face .menu li{
	float:left;
	width:124px;
	height:28px;
}
#face .menu li a{
	text-indent:-9999px;
	display:block;
	width:124px;
	height:28px;

}

#face .menu li.photolist a		{	background: url(/img/unite/unitemain.gif) no-repeat 0px -910px;}

#face .menu li.timeline a		{	background: url(/img/unite/unitemain.gif) no-repeat -130px -910px;}

#face .menu li.bookmark a		{	background: url(/img/unite/unitemain.gif) no-repeat 0px -950px;}

#face .menu li.communitylist a	{	background: url(/img/unite/unitemain.gif) no-repeat -130px -950px;}


#face .menu li.photolist a:hover		{	background: url(/img/unite/unitemain.gif) no-repeat -260px -910px;}

#face .menu li.timeline a:hover		{	background: url(/img/unite/unitemain.gif) no-repeat -390px -910px;}

#face .menu li.bookmark a:hover		{	background: url(/img/unite/unitemain.gif) no-repeat -260px -950px;}

#face .menu li.communitylist a:hover	{	background: url(/img/unite/unitemain.gif) no-repeat -390px -950px;}


/*--------------------------------------------
 	#shortcut
 	ショートカット部分
--------------------------------------------*/
#shortcut{
	outline:none;
	width:960px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 5px;
	margin-left: auto;
}

#shortcut ul{
	float:left;
	list-style-type: none;
}

#shortcut .menu1{
	width:330px;
}

#shortcut .menu2{
	width:300px;
}

#shortcut .searchform{
	width:330px;
	float:left;
	text-align: right;
}

#shortcut .searchform .submitbtn{
	width: 40px !important;
	padding-left:0 !important;
	padding-right:0 !important;
	text-align:center !important;
}

#shortcut #searchtxt{
	width: 120px;	
}

#shortcut ul li{
	display:block;
	float:left;
	text-indent: -9999px;

}

#shortcut ul li a{
	width: 100px;
	outline:none;
	display: block;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#shortcut ul li a:hover{
	background-repeat: no-repeat;
	background-position: 0px -30px;
}


#shortcut .menu1 .top a			{	background-image: url(/img/parts/pc/shortcut_top_unite.gif);}
		
#shortcut .menu1 .my a			{	background-image: url(/img/parts/pc/shortcut_home_unite.gif);}

#shortcut .menu1 .profile a	{	background-image: url(/img/parts/pc/shortcut_profile_unite.gif);}

#shortcut .menu2 .diary a		{	background-image: url(/img/parts/pc/shortcut_alldiary_unite.gif);}

#shortcut .menu2 .event a		{	background-image: url(/img/parts/pc/shortcut_event_unite.gif);}

#shortcut .menu2 .now a			{	background-image: url(/img/parts/pc/shortcut_now_unite.gif);}

/* footeradv */
#footeradv{
	width:690px;
	text-align:center;
	margin:0 auto;
	padding-top: 10px;
	height: 250px;
}

#footeradv .footerreq{
	witdh:300px;
	height: 250px;
	float: left;
}
#footeradv .footerreq:first-child{
	margin-right: 80px;
}

/* footer */

#footer{
	width:960px;
	text-align:center;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
}

#footer ul{
	list-style-type: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
	padding-top: 10px;
	padding-bottom: 10px;
}


#footer li{
	display:inline;
	margin-left:10px;
}

#footer .copyright{
	margin-bottom: 20px;
	
}

.scrolltotop{
	width:960px;
	margin:0 auto 10px auto;

}

.scrolltotop a{
	border: 1px solid #CCC;
	background: #EFEFEF;	
	color:#AAA;
	display:block;
	width:40px;
	text-align:center;
	margin:0 0 0 auto;
	padding:2px 5px 0 5px;
}


/*-------------------------------------------
	footer
-----------------------------------------------*/

#footerwrapper{
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #999;
}


#sitefooter{

	padding-top: 10px;
	width:960px;
	margin:0 auto;
	padding-left: 120px;
}


#sitefooter dl.box{
	float: left;
	width: 240px;
}

#sitefooter dl.box dt{
	font-size: 12px;
	color: #666666;
	line-height:2em;
	font-weight: bold;
}

#sitefooter dl.box dd a:hover{
	text-decoration: underline;	
}

#sitefooter a{
	text-decoration: none;
	font-size: 12px;
}

#sitefooter dl.mysite dd a,
#sitefooter dl.other dd a{

	line-height: 1.9em;
}
#sitefooter dl.otherservice{
	width:240px;
	
}
#sitefooter dl.otherservice dt{
	padding-bottom:3px;
	
}
#sitefooter dl.otherservice dd ul{
	float:left;
}
#sitefooter dl.otherservice dd ul.list_left{
/*	float:left;*/
}
#sitefooter dl.otherservice dd ul.list_right{
	margin-left:10px;
}
#sitefooter dl.otherservice dd li{
	margin-bottom:10px;
}
#sitefooter dl.otherservice dd li dl dt{
	font-size: 10px;
	border-style: none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	line-height: 1.3em;
	color: #666;
}
#sitefooter dl.otherservice dd li dl dd{
	padding: 0 0 0 5px;	

}
#sitefooter dl.otherservice dd li dl dd a{
	line-height: 1em;	
}
#footerwrapper .copyright {
	text-align: center;
	padding-bottom: 10px;
}