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

/* ========================================================== Base CSS

ついっぷる共通ヘッダー設定

=========================================================== 2010.04.07*/

/* ▼ 共通ヘッダー ▼
------------------------------------------------------------*/

/*positon*/
.headerAreaP{
	position:fixed !important;
	left:0;
	top:0;
	width:100%;
	min-width:980px;
	margin:0 auto;
	text-align:center;
	z-index:499; -moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
}

.headerArea{
/*	width:100%; */
	height:123px;
/*	margin-bottom:10px; */
/*	background-color:#fff; */
}

.headerAreaS{
/*	width:100%; */
	height:32px;
/*	margin-bottom:10px; */
/*	background-color:#fff; */
}

#headerBox{
	margin:0 2%;
	padding:2px 0 0 0;
	width:96%;
}

#headerTitleBox{
	width:209px;
	height:25px;
	margin:0;
	overflow:hidden;
	/*background-color:#C63;*/
	float:left;
}

#headerTitleBox h1{
	width:136px;
	height:25px;
	float:left;
}

#headerTitleBox h2{
	width:75px;
	height:25px;
	text-indent:-9999px;
	margin:0 10px 0 5px;
	float:left;
	padding:0;
}





/*---------------------------------------------------------------------------------------------*/
/* ▼ ヘッダーメニュー ▼
------------------------------------------------------------*/
#headerMenu{
	overflow:hidden;
	margin:0;
	padding:6px 0 0 0;
	width:455x;
	float:left;
}

#headerMenu ul{
	list-style:none;
	margin:0;
	padding:0;
	clear:both;
}

#headerMenu li{
	float:left;
	list-style:none;
	padding:0;
}

	 #headerMenu li a{overflow:hidden; text-indent:-9999px; float:left;}

/*ついっぷる（ホーム）*/	 /*背景画像のフォルダ名を色別で指定*/
	#headerMenu li#headerMenuTwipple a{background:url(../../common/images/header_m_twipple.gif?201105251556001) no-repeat; width:49px; height:13px; display:block;}
	#headerMenu li#headerMenuTwipple{width:49px; height:13px; margin:0 15px 0 0;}
	#headerMenu li#headerMenuTwipple a{background-position:0 0;}
	#headerMenu li#headerMenuTwipple a:hover{background-position:0 -13px;}
	#headerMenu li#headerMenuTwipple a.selected{background-position:0 -13px;}

/*アカウント検索*/
	#headerMenu li#headerMenuAccount a{background:url(../../common/images/header_m_account.gif?201105251556001) no-repeat; width:98px; height:13px; display:block;}
	#headerMenu li#headerMenuAccount{width:98px; height:13px; margin:0 15px 0 0;}
	#headerMenu li#headerMenuAccount a{background-position:0 0;}
	#headerMenu li#headerMenuAccount a:hover{background-position:0 -13px;}
	#headerMenu li#headerMenuAccount a.selected{background-position:0 -13px;}

/*トレンド*/
	#headerMenu li#headerMenuTrend a{background:url(../../common/images/header_m_trend.gif?201105251556001) no-repeat; width:57px; height:13px; display:block;}
	#headerMenu li#headerMenuTrend{width:57px; height:13px; margin:0 15px 0 0;}
	#headerMenu li#headerMenuTrend a{background-position:0 0;}
	#headerMenu li#headerMenuTrend a:hover{background-position:0 -13px;}
	#headerMenu li#headerMenuTrend a.selected{background-position:0 -13px;}

/*フレンズ*/
	#headerMenu li#headerMenuFriends a{background:url(../../common/images/header_m_friends.gif?201105251556001) no-repeat; width:57px; height:13px; display:block;}
	#headerMenu li#headerMenuFriends{width:57px; height:13px; margin:0 15px 0 0;}
	#headerMenu li#headerMenuFriends a{background-position:0 0;}
	#headerMenu li#headerMenuFriends a:hover{background-position:0 -13px;}
	#headerMenu li#headerMenuFriends a.selected{background-position:0 -13px;}

/*フォト*/
	#headerMenu li#headerMenuPhoto a{background:url(../../common/images/header_m_photo.gif?201105251556001) no-repeat; width:46px; height:13px; display:block;}
	#headerMenu li#headerMenuPhoto{width:46px; height:13px; margin:0 15px 0 0;}
	#headerMenu li#headerMenuPhoto a{background-position:0 0;}
	#headerMenu li#headerMenuPhoto a:hover{background-position:0 -13px;}
	#headerMenu li#headerMenuPhoto a.selected{background-position:0 -13px;}

/*ツールバー*/
	#headerMenu li#headerMenuToolbar a{background:url(../../common/images/header_m_toolbar.gif?201105251556001) no-repeat; width:73px; height:13px; display:block;}
	#headerMenu li#headerMenuToolbar{width:73px; height:13px; margin:0}
	#headerMenu li#headerMenuToolbar a{background-position:0 0;}
	#headerMenu li#headerMenuToolbar a:hover{background-position:0 -13px;}
	#headerMenu li#headerMenuToolbar a.selected{background-position:0 -13px;}

/*アルバム*/
	#headerMenu li#headerMenuAlbum a{background:url(../../common/images/header_m_album.gif?20130128173501) no-repeat; width:62px; height:13px; display:block;}
	#headerMenu li#headerMenuAlbum{width:62px; height:13px; margin:0 15px 0 0;}
	#headerMenu li#headerMenuAlbum a{background-position:0 0;}
	#headerMenu li#headerMenuAlbum a:hover{background-position:0 -13px;}
	#headerMenu li#headerMenuAlbum a.selected{background-position:0 -13px;}

/*スポット*/	 
	#headerMenu li#headerMenuSpot a{background:url(../../common/images/header_m_spot.gif) no-repeat; width:62px; height:13px; display:block;}   
	#headerMenu li#headerMenuSpot{width:62px; height:13px; margin:0}   
	#headerMenu li#headerMenuSpot a{background-position:0 0;}   
	#headerMenu li#headerMenuSpot a:hover{background-position:0 -13px;}   
	#headerMenu li#headerMenuSpot a.selected{background-position:0 -13px;}

	

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


#naviAreaBG #headerTitleBox{width: 320px !important;}