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


/* ????? */

* {  
margin: 0 ;
padding: 0 ;
}

img {
border:0;
margin:0;
padding:0;
vertical-align:top;
line-height:1;
}

div, p {
margin: 0 ;
padding: 0 ;
}

h1, h2, h3 {
display:block;
line-height:1;
}


#header {
background:#2358b8 url(http://creative.myspace.co.jp/p/myspace_navi/images/global_navi_bg.gif) top left no-repeat !important;
height:170px !important;
margin-bottom:0px;
padding-bottom:0px;
}

#tkn_leaderboard {
width:940px !important;
text-align:center !important;
padding-top:10px;
}

#headerTable {
margin-top:40px !important;
}


/* ?????2 */

body {
background:#e5e4e3 url(http://creative.myspace.co.jp/p/myspace_navi/images/navi_bg.jpg) no-repeat center top fixed;
font-family:"MS P????", Osaka, "?????? Pro W3";
font-size:12px;
color:#000000;
}

#container a, #container a:visited, #container a:active {
color:#0099ff !important;
text-decoration:none !important;
}

#container a:hover {
text-decoration:underline !important;
color:#3399ff !important;
}

.clear {
clear:both;
}


/* ?960 */

#wrap {
width:960px;
}

#topnav {
width:960px;
}

#mainLayout {
width:960px;
position:relative;
margin:0 auto;
_margin-left:0px !important;
font-size:12px;
}

#container {
width:960px;
background:#FFFFFF;
margin-bottom:0 auto 20px;
_margin-top:-1px;
}

/* ??????? */

#mobile {
position:absolute;
top:0px; 
left:-3000px;
width:300px;
}


#main_contents {
padding:30px 20px 20px 20px;
line-height:1.4;
}

#fromjp_contents_left {
width:600px;
float:left;
}

#fromjp_contents_right {
width:300px;
float:right;
}

h1 {
margin:0 0 10px 0;
}

h2 {
margin:0;
}

h3.h3_pink {
margin:0 0 5px 0;
padding: 4px 4px 4px 10px;
background:#777777 url(http://creative.myspace.co.jp/p/myspace_navi/images/bg_pink.gif) left repeat-y;
color:#FFFFFF;
font-size:12px;
}

h3.h3_orange {
margin:0 0 5px 0;
padding: 4px 4px 4px 10px;
background:#777777 url(http://creative.myspace.co.jp/p/myspace_navi/images/bg_orange.gif) left repeat-y;
color:#FFFFFF;
font-size:12px;
}


/* MySpace?? ?????? */

#navi_header {
padding:0 10px;
}


#help_intro {
padding:0 10px;
}

#statusmood_rss {
position:absolute;
left:50%;
margin-left:170px;
top:20px;
_top:20px;
}


/* ?????????? */

.contents_block {
margin-bottom:40px;
}

.contents_grayblock {
background:#EEEEEE url(http://creative.myspace.co.jp/p/myspace_navi/images/graymosaic_bg.gif) top left repeat;
padding:15px;
}

/* ????? ?????&???????? */

#type_chart_block {
float:left;
width:180px;
}

#osusume_friend_block {
float:right;
width:720px;
}

#type_chart_link {
margin-bottom:15px;
}


/* ????? ??? */

#photo_block h3.h3_pink {
width:280px;
_width:295px;
margin:0 0 5px 0;
padding: 4px 4px 4px 10px;
background:#777777 url(http://creative.myspace.co.jp/p/myspace_navi/images/bg_pink.gif) left repeat-y;
color:#FFFFFF;
font-size:12px;
}

/* ????? BGM????? */

#bgm_tweet_block {
float:left;
width:325px;
}

#player_block {
	margin-bottom:25px;
}

#navi_player {
padding-bottom:5px;
}

#artist_photo {
padding-bottom:0px;
}



/* ????? ?? */

#video_block {
float:left;
width:295px;
margin-left:20px;
}

.video_clip {
	padding-bottom:6px;
}

.video_link_button {
margin-top:10px;
}

/* ????? ??????&??? */

#news_blog_block {
float:right;
width:260px;
}

#news_block {
	margin-bottom:25px;
}

.news_date {
color:#000000;
font-size:10px;
font-weight:normal;
padding:0;
}

.news_text {
font-size:12px;
font-weight:bold;
line-height:1.3;
padding:2px 0 1px;
}


.blog_box {
font-size:12px;
margin-bottom:3px;
width:230px;
background:#FFFFFF;
}

.blog_box .blog_photo {
float:left !important;
padding-bottom:0px;
}

.blog_detail {
float:right;
width:160px;
padding-top:4px;
}

.blog_photo img {
height:63px;
width:63px;
}

.blog_box .blog_name {
font-weight:bold;
line-height:1.3;
font-size:12px;
width:155px;
overflow:hidden;
margin-bottom:1px;
}

.blog_box .blog_time {
font-size:10px;
line-height:1.2;
text-align:right;
padding-right:5px;
color:#666666;
}

.blog_box .blog_title {
line-height:1.2;
font-size:10px;
height:26px;
overflow:hidden;
padding-right:5px;
}

/* ????? ?????? */

.btn_left {
float:left;
}

.btn_right {
float:right;
}


/* ????·????  */

#friendContainer {
width:960;
margin-top:0px;
}


#friendContent {
background:#FFFFFF;
margin:0;
padding:20px;
}

h5.heading {
background: #51a6dd;
color:#FFFFFF;
padding:6px 10px;
margin-bottom:10px;
}

#commentContainer {
width:960;
margin-top:0px;
}

#profile_comments {
overflow:auto;
overflow-y:visible;
}

#commentContent {
background:#FFFFFF;
margin:0;
padding:20px;
}

/* ????????  */

#forumContainer {
visibility:hidden;
display:none;
}
#defaultPicContainer {
visibility:hidden;
display:none;
}

#userURLContainer {
visibility:hidden;
display:none;
}
#blogContainer {
visibility:hidden;
display:none;
}
#userDetailsContainer {
visibility:hidden;
display:none;
}
#vslider {
visibility:hidden;
display:none;
}
#profile_contact {
visibility:hidden;
display:none;
}