@charset "euc-jp";

/*

*******************************************************************



    @serarch.css

    @author s

    @dateCreated 

    @dateModified 

    @description CSSテンプレート用CSS

    @note 

        ・編集した日をdateModifiedとして上書きしていくこととする

        ・ページ単位で小区切りを入れる

 

*******************************************************************

*/



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

	main

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

/*==============================================

	main h3 

================================================*/



/*----- search h3共通部分 -----*/

#blogView  .mainComponent h3,

#communityView  .mainComponent h3,

#friendView  .mainComponent h3{

	height: 43px;

	width: 165px;

	text-indent: -9999px;

	margin-bottom:0;

	padding:0;

	background-color:#ddd;

	display:block;

}

/*----- search h3固有部分 -----*/

/* blog */

#blogView #container #content #main .mainComponent h3 {

	background: url(../../i/search/blog.jpg) no-repeat left top;

}

/* community */

#communityView #container #content #main .mainComponent h3 {

	background: url(../../i/search/community.jpg) no-repeat left top;

}

/* friend */

#friendView #container #content #main .mainComponent h3 {

	background: url(../../i/search/friend.jpg) no-repeat left top;

}



/* friend 神戸市各区別の画像 */

#friendView.higashinadaArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_higashinada.jpg) no-repeat left top;

}

#friendView.nadaArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_nada.jpg) no-repeat left top;

}

#friendView.chuoArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_chuo.jpg) no-repeat left top;

}

#friendView.kitaArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_kita.jpg) no-repeat left top;

}

#friendView.hyogoArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_hyogo.jpg) no-repeat left top;

}

#friendView.nagataArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_nagata.jpg) no-repeat left top;

}

#friendView.sumaArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_suma.jpg) no-repeat left top;

}

#friendView.tarumiArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_tarumi.jpg) no-repeat left top;

}

#friendView.nishiArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_nishi.jpg) no-repeat left top;

}

#friendView.otherArea #container #content #main .mainComponent h3 {

	background: url(../../i/search/area/a_other.jpg) no-repeat left top;

}

/*==============================================

　2つの表示順（最新、ランキング） （h3の見出しと結合されたスタイル）

================================================*/

#viewOrder {

	margin:0;

	padding:0;

	float:left;

	width:430px;

	height:40px;

	display:block;

	

}

#viewOrder ul {

	padding:0;

	margin:0;

	width:430px;

}

/*----- 表示されている表示順部分（アクティブ） -----*/

/* 共通部分 */

#viewOrder ul .viewLabel {

	height:43px;

	text-indent:-9999px;

	padding:0;

	margin:0;

}

/* 現在表示されている表示共通部分 */



#rankView #rankLabel {

	background: url(../../i/search/search_rank_active.jpg) no-repeat;

	width:133px;

}

#recentView #recentLabel {

	background: url(../../i/search/search_new_active.jpg) no-repeat;

	width:133px;

}	

/*-----表示順リンク固有部分 -----*/

#rankView #recentLabel,

#rankView #recentLabel a,

#recentView #rankLabel,

#recentView #rankLabel a  {

	width:170px;

	height:25px;

	display:block;

	padding-top:6px;

}





/*-----表示順リンク固有部分 -----*/

/* 新着順 */

#rankView #recentLabel a {

	background: url(../../i/search/search_new_link.gif) no-repeat;

	text-indent:-10000px;

}

/* ランキング順 */

#recentView #rankLabel a{

	background: url(../../i/search/search_rank_link.gif) no-repeat;

	text-indent:-10000px;

}



hr {

	display:none;

}



/*==============================================

	その他共通部分、blog、community

================================================*/

/* 表示結果一覧部分 */

#searchResult {

	background:url(../../i/search/search_waku.gif) no-repeat center top;

	border:1px solid #ddd;

	border-top:none;

	clear:both;

	padding-top: 10px;

	width: 606px;

}



/* ランク名 */

#communityView .rankName a,

#blogView .objName a,

.nickname a,

.recentBlogEntry a{

	font-weight:bold;

}

/* 「詳細をみる」共通 */

#blogView div#main  a.detail,

#communityView div#main  a.detail,

#friendView div#main div.profileList a.detail {

	text-align:left;

	display:block;

	background-image:url(../../i/search/more_btn.gif);

	background-repeat:no-repeat;

	background-position:0px 5px;

	width:90px;

	height:26px;

	border:none;

	text-indent: -10000px;

}

/* フレンド「詳細をみる」 */

#friendView div#main div.profileList a.detail { 

    background-position:0px 3px;

    height:16px;

}





/* フレンド「ブログをみる」 */

#friendView div#main div.profileList #showBlog a.detail {

	background-image:url(../../i/search/more_btnblog.gif)!important;

}







/*最新、ランキングの投稿結果 */

#main .recentUnit,

#main .rankUnit {

	width:590px;

}

#main .recentUnit dl,

#main .rankUnit dl {

	width:490px;

}

.recentUnit p {

    width:100px;

}

/* 一覧日付部分、ポイント部分 */

#blogView #main .objDate,

#communityView #main .rankPoint{



	width:390px;

}



/*==============================================

	friend

================================================*/

/* フレンド表示画面 個々のプロフィール部分 始まり */

.profileList{

	margin:0px 0px 10px 0;

	width: auto;

	/*width: 0 auto;*/

	height:100%;

	width: 590px;

}



/* フレンド一覧ユーザー画像を含む部分 */

.profileList dl {

	padding-right:0;

	margin:0;

	width:99px;

}

.searchView .profileList dl dt {

	width: 90px;

}

.searchView .profileList dl dd {

	width: 98px;

	margin:0;

	padding:0;

}



/* フレンド一覧ユーザー情報テーブル部分 */

#friendView #container #content #main .profileList table {

	width:490px;

	height:130px;

}

/* フレンド一覧 ユーザー情報テーブル部分 */

#friendView #container #content #main .profileList table,

#friendView #container #content #main .profileList table tr {

}



#friendView #container #content #main .profileList table tr td.wideFixed{

	width:150px;

	/* テーブル幅固定値 */

}



/* ユーザー情報「最新の日記」tableの下部分 */

#friendView #container #content #main .profileList table .recentEntry th,

#friendView #container #content #main .profileList table .recentEntry td {

	border-bottom:none;

}

/* ユーザー情報「最新の日記」tableの上部分 */

#friendView #container #content #main .profileList table .nickname th,

#friendView #container #content #main .profileList table .nickname td {

	border-top:none;

}

/* ユーザー情報「最新の日記」tableの右部分 */

#friendView #container #content #main .profileList table tr td {

	border-right:none;

}

/* ユーザー情報「最新の日記」tableのth部分 */

#friendView #container #content #main .profileList table th {

	width:100px;

}



#friendView #container #content #main .profileList table th.wideFixedArea{

	width:40px;

}



.searchView .profileList table tr.recentBlogEntry dl{

	width: 100%;

}

 .searchView .profileList table tr.recentBlogEntry dl dt,

 .searchView .profileList table tr.recentBlogEntry dl dd{

	width: 100%;

	text-align:left;

}





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

sub

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

/*==============================================

検索、ランキングh3 共通部分

================================================*/

/* h3 共通部分 *//*common_others121付近 にも同じものが存在したので統合*/





/* subComponent */

.subComponent {  

    width:227px;    

    margin-bottom:10px;

    margin-top: 0;

    padding-top: 0;

    clear: both;
}

/*.subCompoContent {

    padding-top: 10px;

}*/

/*==============================================

検索

================================================*/

/*----- search 固有部分

#blogView #search h3{

	background: url(../../i/search/search_blog.gif) no-repeat left top;

}

#communityView #search h3{

	background: url(../../i/search/search_community.gif) no-repeat left top;

}

#friendView #search h3{

	background: url(../../i/search/search_friend.gif) no-repeat left top;

}

#photo #search h3{

	background: url(../../i/search/search_album.gif) no-repeat left top;

}

#mapCont #sub #search h3{

	background: url(../../i/search/search_map.gif) no-repeat left top;

}

 -----*/

/*------ フレンド検索部分 ----*/

#friendView #search p label{

	width:55px;

	display:block;

	font-size:93%;

}

#friendView #search p select{

	width:105px;

}

/* サーチのselect要素 */

#search .searchSelector {

	width:160px;

}





/* サーチの地域、ジャンル要素 */

#friendAreaWrapper{

	padding:10px;

}

#friendGenreWrapper{

	padding:10px;

}



/*==============================================

検索（アルバム、マップの相当部分も含む）

================================================*/





/*common_othersにも同じものが存在*/

/* 一覧ページ（search）h3 固有部分

#blogView #sub #ranking h3{

	background: url(../../i/search/rank_blog2.gif) no-repeat left top;

}

#communityView #sub #ranking h3{

	background: url(../../i/search/rank_com2.gif) no-repeat left top;

}

#friendView #sub #ranking h3{

	background: url(../../i/search/rank_fre2.gif) no-repeat left top;

}

#photo #sub #ranking h3 {

	background:url(../../i/search/rank_alb2.gif) no-repeat left top;

}

#photo #sub #albumRecent h3{

	background:url(../../i/search/new_album.gif) no-repeat left top;

}

#photo #sub #albumIndex h3{

	background:url(../../i/search/list_album.gif) no-repeat left top;

}

#mapCont #sub #ranking h3{

	background:url(../../i/search/rank_map2.gif) no-repeat left top;

}

#mapCont #sub #mapResent h3{

	background:url(../../i/search/new_map.gif) no-repeat left top;

	text-align:center;

}

 */

/*sub ランキング h4 */

#sub .rankUnit h4 {

    width:30px;

    padding-left:0px;

    margin-left:0px;

}

#sub #ranking h4 img {

	width: 20px;

	height: 20px;

}

#sub .rankUnit img {

    width:40px;

}

/* ランキング基本単位 rankUnit */

#sub div#ranking div.rankUnit {

    padding-bottom:0px;

    padding-top:5px;

    padding-left:0px;

    margin:0;

}

#sub #ranking .rankUnit dl {

	width:140px;

}

/* ランキング 名前 */

body #ranking .rankName a {

	font-weight:bold;

}

/*コミュニティ一覧 ランキングポイント*/

#sub .rankPoint{

	margin-top:10px;

}