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

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

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

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

/*---------初期設定------------------*/

html{
	background-color:#FFF;
}

*{
	margin: 0px;
	padding: 0px;
	text-align:left;
}

hr {display: none;}
img{border: 0px;}
ul {list-style: none;}



/* ▼ 共通ヘッダー ▼
------------------------------------------------------------*/
#headerArea{
	background:url(../images/heaser_photoback.png) repeat-x left top;/*←各コンテンツのベースカラーの背景画像を設定*/
	width:100%;
	height:27px;
	clear:both;
	padding:0 0 10px 0;
	margin:0 0 10px 0;
 }

#container_h {
	position:relative;
	overflow:hidden;
	padding:0;
	min-width:1068px;
}

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

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

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

#headerTitleIcon{/*8/30修正しましたのでこのスタイルを書き換えて下さい*/
	width:136px;
	height:25px;
	margin:0;
	padding:0;
	border:0;
	font-size:0;
	float:left;
	vertical-align:top;
}

#headerBox h2{
	background:url(../images/sub_title_photo.gif) no-repeat left 6px;/*←各コンテンツのコンテンツ名の画像に設定*/
	width:60px;
	height:25px;
	text-indent:-9999px;
	margin:0 20px 0 5px;
	float:left;
	padding:0;
}





/*---------------------------------------------------------------------------------------------*/
/* ▼ ヘッダーメニュー ▼
------------------------------------------------------------*/
#headerMenu{
	overflow:hidden;
	margin:0;
	width:460px;
	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(../images/header_m_twipple.gif) no-repeat; width:50px; height:13px; display:block;}   
	#headerMenu li#headerMenuTwipple{width:50px; height:13px; margin: 6px 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(../images/header_m_account.gif) no-repeat; width:97px; height:13px; display:block;}   
	#headerMenu li#headerMenuAccount{width:97px; height:13px; margin: 6px 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(../images/header_m_trend.gif) no-repeat; width:62px; height:13px; display:block;}   
	#headerMenu li#headerMenuTrend{width:62px; height:13px; margin: 6px 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(../images/header_m_friends.gif) no-repeat; width:62px; height:13px; display:block;}   
	#headerMenu li#headerMenuFriends{width:62px; height:13px; margin: 6px 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(../images/header_m_photo.gif) no-repeat; width:49px; height:13px; display:block;}   
	#headerMenu li#headerMenuPhoto{width:49px; height:13px; margin: 6px 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#headerMenuAlbum a{background:url(../images/header_m_album.gif) no-repeat; width:62px; height:13px; display:block;}
	#headerMenu li#headerMenuAlbum{width:62px; height:13px; margin: 6px 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#headerMenuEvent a{background:url(../images/header_m_event.gif) no-repeat; width:62px; height:13px; display:block;}   
	#headerMenu li#headerMenuEvent{width:62px; height:13px; margin:0}   
	#headerMenu li#headerMenuEvent a{background-position:0 0;}   
	#headerMenu li#headerMenuEvent a:hover{background-position:0 -13px;}   
	#headerMenu li#headerMenuEvent a.selected{background-position:0 -13px;}

/*スポット*/	 
	#headerMenu li#headerMenuSpot a{background:url(../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;}

/*W杯*/	 
	#headerMenu #headerMenuWhai {margin-top: 3px;}
	#headerMenu #headerMenuWhai img {margin:0 5px 0;}
	#headerMenu #headerMenuWhai a {background-image: none;background-color: #223c9d;color: #fff;font-size: 12px;padding: 2px 10px 3px 3px;border-radius: 3px;position:relative;text-indent: 0; text-decoration: none;}
	#headerMenu #headerMenuWhai.serected a {color: #fcb913;}
	#headerMenu #headerMenuWhai.serected a span:after {border-left: 6px solid #fcb913;}
	#headerMenu #headerMenuWhai a:hover {background-color:#3C5CD6;text-decoration:none;}

/*詳細リンク*/	 
	#headerinf {color:#ff0000;}   
	#headerinf a{color:#ff9900;}   

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

#photoHnav { height: 30px;float:right; padding-top:3px; }