@charset "Shift_JIS";


body, table, td{
	font-family:"ＭＳ Ｐゴシック", "Osaka";
	font-size:12px;
	color:#323232;
	word-break: break-all;
}

/* リンクCOLORS */
A:link          { color:#336699; text-decoration:none;      }
A:visited       { color:#336699; text-decoration:none;      }
A:hover         { color:#FF9900; text-decoration:underline; }
A:active        { color:#FFCC00; text-decoration:underline; }
A.small:link    { color:#323232; text-decoration:none;      }
A.small:visited { color:#323232; text-decoration:none;      }
A.small:hover   { color:#FF9900; text-decoration:underline; }
A.small:active  { color:#FFCC00; text-decoration:underline; }
/* 旧スタイル対応*/
.white {color:#FFFFFF; font-size:12px;}

img{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-width: 0px;
}

.small{
	font-size: 10px; 
	color: #323232;
}

.list-box{
	font-size: 12px;
}

/* フレームセット */
.frame-t{
	height: 10px;
	background-image: url("http://img.clrs.jp/images/frame-t.gif");
	background-repeat: repeat-x;
}

.frame-b{
	height: 9px;
	background-image: url("http://img.clrs.jp/images/frame-b.gif");
	background-repeat: repeat-x;
}

.frame-l{
	width: 10px;
	height: 10px;
	background-image: url("http://img.clrs.jp/images/frame-l.gif");
	background-repeat: repeat-y;
}

.frame-r{
	width:10px;
	background-image: url("http://img.clrs.jp/images/frame-r.gif");
	background-repeat: repeat-y;
}

.frame-lt{
	width: 10px;
	background-image: url("http://img.clrs.jp/images/frame-lt.gif");
	background-repeat: no-repeat;
}

.frame-lb{
	width: 10px;
	height: 9px;
	background-image: url("http://img.clrs.jp/images/frame-lb.gif");
	background-repeat: repeat-y;
}

.frame-rt{
	width: 10px;
	height: 10px;
	background-image: url("http://img.clrs.jp/images/frame-rt.gif");
	background-repeat: no-repeat;
}

.frame-rb{
	width: 12px;
	height: 9px;
	background-image: url("http://img.clrs.jp/images/frame-rb.gif");
	background-repeat: no-repeat;
}

/*テスト用開始*/

.frame-t_secret{
	height: 10px;
	background-image: url("http://img.clrs.jp/images/frame-t_secret.gif");
	background-repeat: repeat-x;
}

.frame-b_secret{
	height: 9px;
	background-image: url("http://img.clrs.jp/images/frame-b_secret.gif");
	background-repeat: repeat-x;
}

.frame-l_secret{
	width: 10px;
	height: 5px;
	background-image: url("http://img.clrs.jp/images/frame-l_secret.gif");
	background-repeat: repeat-y;
}

.frame-r_secret{
	width: 10px;
	height: 5px;
	background-image: url("http://img.clrs.jp/images/frame-r_secret.gif");
	background-repeat: repeat-y;
}

.frame-lt_secret{
	width: 12px;
	height: 12px;
	background-image: url("http://img.clrs.jp/images/frame-lt_secret.gif");
	background-repeat: no-repeat;
}

.frame-lb_secret{
	width: 12px;
	height: 12px;
	background-image: url("http://img.clrs.jp/images/frame-lb_secret.gif");
	background-repeat: repeat-y;
}

.frame-rt_secret{
	width: 12px;
	height: 12px;
	background-image: url("http://img.clrs.jp/images/frame-rt_secret.gif");
	background-repeat: no-repeat;
}

.frame-rb_secret{
	width: 12px;
	height: 12px;
	background-image: url("http://img.clrs.jp/images/frame-rb_secret.gif");
	background-repeat: no-repeat;
}

#word-event-test{
	width:182px;
	background-image: url("http://img.clrs.jp/images/bg_test_070125.gif");
	background-repeat: repeat;
}

/*テスト用終了*/

#word-event{
	width:179px;
	margin: 0px;
	padding: 0px;
	background-color: #ececec;
}

#my-data table, #my-data table th, #my-data table tr{
	margin: 0px;
	padding: 0px;
	empty-cells:hide;
	border-collapse: collapse;
}

#my-point{
	margin: 0px 0px 8px 0px;
}


#my-data #my-point table td{
	padding: 0px;
	background-color:#323232;
}

#my-profile{
	width:182px;
	margin: 0px;
	padding: 0px;
	background-color: #ececec;
}

#my-intro{
	width:182px;
	margin: 0px;
	padding: 0px;
	background-color: #ececec;
}

#my-profile .border{
	width: 160px;
	height: 7px;
	background-image: url("http://img.clrs.jp/images/line_dot.gif");
	background-repeat: repeat-x;
}

#shortcutlink-t{
	width:182px;
	margin: 0px;
	padding: 0px;
	background-color: #ececec;
}

#shortcutlink-b{
	width:182px;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
}

.my-photo{
	padding-bottom: 10px;
	text-align: center;
}

.my-name{
	width: 160px;
	height: 20px;
	padding: 3px 0px 5px 0px;
	text-align: center;
	font-size: 12px; 
	color: #ffffff;
	background-image: url("http://img.clrs.jp/images/name_back.gif");
	background-repeat: no-repeat;
}

.my-status ul{
	margin: 6px 0px 0px 0px;
	padding: 0px;
	list-style-position: outside;
	list-style-image: url("http://img.clrs.jp/images/spacer.gif");
	
}
.my-status li{
	margin: 0px 0px 0px 2px;
	padding: 1px 0px 1px 0px;
}

.my-menu{
	margin: 0px 0px 0px 1px;
	padding: 0px 0px 0px 0px;
}

.my-menu ul{
	margin: 0px 0px 0px 16px;
	padding: 2px 0px 0px 0px ;
	list-style-position: outside;
	list-style-image:url("http://img.clrs.jp/images/bullet_m.gif");
	color: #323232;
}
.my-menu li{
	margin: 0px;
	padding: 3px 0px 0px 0px;
	vertical-align: top;
}

/* 枠 */
#warp, #information, #user-news-frame, #friend-news-frame, #my-news-frame, #friend, #user-keyword{
	margin: 0px 0px 6px 0px;
	font-size: 12px;
}


/* ネットワーク中央枠 */
/*
.network-center-warp{
	border-style: solid;
	border-width: 2px;
	border-color: #bebebe;
}*/

/* 新着確認ウインドウ */
#information .title, #friend .title, #keyword-list .title, #own .title, #shortcutlink-t .title, #shortcutlink-b .title{
	height: 20px;
	margin: 0px;
	padding: 0px;
	border-style: solid;
	border-width: 1px 0px 1px 0px;
	border-color: #d0d0d0;
	background-repeat: no-repeat;
	background-color: #ffffff;
}

#information .title{
	width: 482px;
}
#own .title{
	width: 160px; 
}
#friend .title, #keyword-list .title, #shortcutlink-t .title, #shortcutlink-b .title{
	width: 100%;
}

/* 新着確認ウインドウヘッダー */
#information h3, #friend h3, #user-keyword h3, #own h3, #shortcutlink-t h3, #shortcutlink-b h3{
	margin:0px;
	padding: 3px 0px 2px 3px;
	font-size: 12px;
	float:left;
}
/* 新着確認ウインドウボタン（左） */
#information .left-button, #friend .left-button, #keyword-list .left-button, #own .left-button, #shortcutlink-t .left-button, #shortcutlink-b .left-button{
	float: left;
	margin: 0px;
}
/* 新着確認ウインドウボタン（右） */
#information .right-button, #friend .right-button, #keyword-list .right-button, #own .right-button{
	margin: 0px;
	padding:0px;
}

#set-user-news, #set-news, #set-osusume, #set-recommend, #set-f-diary, #set-comment, #set-f-review, #set-keyword, #set-my-osusume, #set-my-diary, #set-profile {
	margin: 10px 0px 12px 0px;
}

/* shortcutlink-bの説明、リンク */
#shortcutlink-b .desctext{
	margin:0px;
	padding: 3px 3px 3px 3px;
	font-size: 12px;
	float:left;
}

#shortcutlink-b .linktext{
	margin:0px;
	padding: 3px 3px 3px 3px;
	font-size: 12px;
        color:#FF3300;
	float:right;
}

/* 表示切替 */
#own{ padding-bottom: 10px; }

/*-------------------------------*/
/*-- Mac IE,NN特別処理。       --*/
/*-- 値を小さくすると崩れます。--*/
#recommend, #news, #f-diary, #my-diary, #comment, #osusume, #my-osusume, #f-review, #my-review, #keyword, #keyword-list, #intro, #network{ margin-bottom: 5px;}
@media screen{
#recommend, #news, #f-diary, #my-diary, #comment, #osusume, #my-osusume, #f-review, #my-review, #intro, #keyword{ margin-bottom: 1px; }
}
/*-------------------------------*/
/* ユーザニュース */
#user-news .title{
	background-image: url("http://img.clrs.jp/images/left-button-user-news.gif");
}

/* COLORS FRIEND */
#colors-friend .title{
	background-image: url("http://img.clrs.jp/images/left-button-colors-friend.gif");
}

/* COLORS ランキング */
#colors-ranking .title{
	background-image: url("http://img.clrs.jp/images/left-button-colors-ranking.gif");
}

/* COLORS Recommend */
#recommend .title{
	background-image: url("http://img.clrs.jp/images/left-button-recommend.gif");
}

/* ニュース */
#news .title{
	background-image: url("http://img.clrs.jp/images/left-button-news.gif");
}

/* フレンドダイアリー */

#f-diary #my-diary .title{
	background-image: url("http://img.clrs.jp/images/left-button-diary_open.gif");
}

#f_home #f-diary .title{
	background-image: url("http://img.clrs.jp/images/fri_left-button-diary.gif");
}

/* コメント */
#comment .title{
	background-image: url("http://img.clrs.jp/images/left-button-comment_open.gif");
}

/* オススメ */
#osusume #my-osusume .title{
	background-image: url("http://img.clrs.jp/images/left-button-osusume_open.gif");
}
#f_home #osusume .title{
	background-image: url("http://img.clrs.jp/images/fri_left-button-osusume.gif");
}

/* フレンドレビュー */

#f-review #my-review .title{
	background-image: url("http://img.clrs.jp/images/left-button-review_open.gif");
}

#f_home #f-review .title{
	background-image: url("http://img.clrs.jp/images/fri_left-button-review.gif");
}

/* キーワード */
#keyword .title, #keyword-list .title{
	background-image: url("http://img.clrs.jp/images/left-button-keyword_open.gif");
}

#f_home #keyword .title, #f_home #keyword-list .title{
	background-image: url("http://img.clrs.jp/images/fri_left-button-keyword.gif");
}

/* ネットワーク */
#network .title{
	background-image: url("http://img.clrs.jp/images/left-button-network_open.gif");
	width: 483px;
}

#f_home #network .title{
	background-image: url("http://img.clrs.jp/images/fri_left-button-network.gif");
}

#intro .title{
	background-image: url("http://img.clrs.jp/images/fri_left-button-network.gif");
}

/* 友達に追加する */
#add-friend .title{
	background-image: url("http://img.clrs.jp/images/fri_yerrow.gif");
}

/* お気に入りに追加する */
#add-bookmark .title{
	background-image: url("http://img.clrs.jp/images/fri_yerrow.gif");
}

/* プロフィール */
#profile .title{
	background-image: url("http://img.clrs.jp/images/fri_yerrow.gif");
}
/* プロフィール確認 */
#own-view .title, #own-form .title{
	background-image: url("http://img.clrs.jp/images/fri_pro_red.gif");
}

/*COLORS-MOBILE*/
#right-button-colorsmobile{
	float: right;
	background-image: url("http://img.clrs.jp/images/colorsmobile.gif");
	background-repeat: no-repeat;
}

/*ニュース一覧ボタン*/
#right-button-news-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/news01.gif");
	background-repeat: no-repeat;
}

/*新着ダイアリーボタン*/
#right-button-diary-new{
	float: right;
	background-image: url("http://img.clrs.jp/images/friend_dia.gif");
	background-repeat: no-repeat;
}
/*ダイアリ一覧ボタン*/
#right-button-diary-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/friend03.gif");
	background-repeat: no-repeat;
}
/*コメント一覧ボタン*/
#right-button-comment-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/friend_co.gif");
	background-repeat: no-repeat;
}
/*オススメ一覧ボタン*/
#right-button-osusume-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/osusume03.gif");
	background-repeat: no-repeat;
}
/*新着レビューボタン*/
#right-button-review-new{
	float: right;
	background-image: url("http://img.clrs.jp/images/friend_rev.gif");
	background-repeat: no-repeat;
}
/*レビュー一覧ボタン*/
#right-button-review-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/friend03r.gif");
	background-repeat: no-repeat;
}
/*キーワード一覧ボタン*/
#right-button-keyword-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/osusume03.gif");
	background-repeat: no-repeat;
}
/*人気キーワード一覧ボタン*/
#right-button-keyword-popula{
	float: right;
	background-image: url("http://img.clrs.jp/images/pop_key.gif");
	background-repeat: no-repeat;
}
/*友達一覧ボタン*/
#right-button-network-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/net03.gif");
	background-repeat: no-repeat;
}
/*友達紹介ボタン*/
#right-button-network-inv{
	float: right;
	background-image: url("http://img.clrs.jp/images/inv.gif");
	background-repeat: no-repeat;
}
/*ネットワークマップ*/
#right-button-network-map{
	float: right;
	background-image: url("http://img.clrs.jp/images/netmap.gif");
	background-repeat: no-repeat;
}
/*キーワード一覧ボタン*/
#right-button-keyword-list-list{
	float: right;
	background-image: url("http://img.clrs.jp/images/osusume03.gif");
	background-repeat: no-repeat;
}
/*人気キーワードツリーボタン*/
#right-button-keyword-list-tree{
	float: right;
	background-image: url("http://img.clrs.jp/images/tree_key_2.gif");
	background-repeat: no-repeat;
}

#information ul{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

#information li{
	margin: 4px;
	padding: 0px;
}


/* ネットワーク左側 */
.network-left{
	padding: 20px 0px 5px 0px;
	background-color: #ffffff;
	background-image: url("http://img.clrs.jp/images/bg-network-left.gif");
	background-repeat: no-repeat;
	text-align: left;
}
/* ネットワーク中央 */
.network-center{
	padding: 20px 0px 5px 0px;
	background-color: #ffffff;
	background-image: url("http://img.clrs.jp/images/bg-network-center.gif");
	background-repeat: no-repeat;
	text-align: center;
}
/* ネットワーク右側 */
.network-right{
	padding: 20px 0px 5px 0px;
	background-color: #ffffff;
	background-image: url("http://img.clrs.jp/images/bg-network-right.gif");
	background-repeat: no-repeat;
	text-align: right;
}

/* ネームプレート */
.network-center .nameplate{
	width: 70px;
	height: 14px;
	background-color: #ffffff;
	color: #000000;
}

/* フレンド種別説明 */
.friend-caption {
	font-size: 12px; 
	color: #333366;
	margin: 7px 0px 3px 0px;
}

/* フレンド用枠 */
#friend .friend-photo-window{
	height: 250px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #aaaaaa;
	background-color: #ffffff;
	background-repeat: repeat;
}

/* フレンド用フォトスペース */
#friend .friend-photo{
	width: 78px;
	height: 95px;
	margin: 0px 1px 5px 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaee;
	background-color: #ffffff;
}

#friend .friend-count, #friend .friend-name{
	font-size: 12px;
}

/* COLORSフレンド用フォトスペース */
#friend .clrs-friend-photo{
	width: 78px;
	height: 95px;
	margin: 0px 1px 5px 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #00ee00;
	background-color: #ffffff;
}

/* 自分用フォトスペース */
#friend .mine-photo{
	height: 95px;
	margin: 20px 0px 5px 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaee;
	background-image: url("http://img.clrs.jp/images/waku_blue.gif");
	background-repeat: repeat;
}

/* 親ネットワーク用枠 */
#friend .parent-photo-window{
	height: 250px;
	padding: 0px;
	margin: 0px 0px 0px 0px;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	border-color: #aaaaaa;
	background-color: #ffffff;
	background-repeat: repeat;
}

/* 親ネットワーク用フォトスペース */
#friend .parent-photo{
	width: 78px;
	height: 95px;
	padding: 0px;
	margin: 0px 1px 5px 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #aaaaee;
	background-color: #ffffff;
	background-repeat: repeat;
}

/* キーワードスペース */
#user-keyword .keyword-box{
	height: 90px;
	margin: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #000000;
	background-color: #ffffff;
}

.keyword-box .image{
	float: right;
}


/* フレンドページ */
#f_home .status th{
	width: 80px;
	height: 20px;
}

.status{
	margin: 7px;
}

#f_home .status th, .status td{
	vertical-align: top;
	text-align: left;
	font-size: 12px;
}
#recommend .status{
	margin: 3px 0px 0px 0px;
	padding: 0px;
}
#add-friend .status, #add-bookmark .status, #own-form .status{
	margin: 7px;
	text-align: center;
}

/* ポップアップ */
.pop {
	position:absolute; left:0px; top:0px;
	visibility:hidden;
	font-size:9pt;
	color:#000000; 
	background-color:#F7F7F7;
	layer-background-color:#FFFFFF;
	border:1px solid #7F7F7F; padding:5;
}

/* プレゼント当選画面 present_win.php */
#present_win_main2{
	margin-top:10px;
	margin-left:20px;
	width:650px;
	border:dotted #ff0000 3px;
}

.present_win_main2_1{
	margin-top:10px;
	margin-left:20px;
	font-size:12px;
}

.present_win_main3{
	margin-top:50px;
	margin-left:70px;
	margin-bottom:50px;
	width:510px;
	text-align:center;
}

.present_win_main4{
	margin-top:50px;
	margin-left:50px;
	width:500px;
	font-size:15px;
}

.present_win_main5{
	margin-top:20px;
	margin-left:400px;
	width:150px;
	font-size:15px;
}