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

/*------------user-------------*/
#favorit_list,
#user_twitter,
.sub_contents,
.list_box,
.list_box li,
.list_box li .arrow_icon {
    float:left;
	clear:both;
}
#favorit_artist,
#favorit_news,
#favorit_user,
#fan_user,
.contribution,
.list_box ul {
    clear:both;
}
#favorit_list,
#favorit_artist,
#favorit_news,
#favorit_user,
#fan_user,
#user_twitter,
.contribution,
.list_box {
	text-align:center;
}
#favorit_list,
#user_twitter {
    width:645px;
	padding:10px 0;
    background:#f1f0ee;
}
#favorit_artist,
#favorit_news,
#favorit_user,
#fan_user,
.contribution,
#favorite_item_news {
	width:621px;
	margin:0 auto;
}
.sub_contents {
    width:601px;
	margin-bottom:1px;
	padding:5px 10px;
    background:#2f85c8;
	color:#FFFFFF;
	font-size:80%;
	text-align:left;
}
.sub_contents a{
    color:#FFFFFF !important;
}
/*-----css hack-----*/
*:first-child+html .sub_contents { margin-top:10px; } 
* html .sub_contents { margin-top:10px; } 
*:first-child+html #favorit_list { padding-top:0; } 
* html #favorit_list { padding-top:0; }
/*------------------*/
.list_box{
    width:619px;
	margin:1px auto 10px auto;
	padding:10px 0;
    background:#FFFFFF;
	border:solid 1px #d7d6d5;
}
.list_box ul{
	width:595px;
	margin:0 auto;
}
.list_box li{
    width:580px;
	padding:5px 0 7px 10px;
    background:url(../img/common/line02.gif) repeat-x left bottom;
	text-align:left;
}
.list_box li.odd{background-color:#e4f4f7;}
.list_box li.even{background-color:#FFFFFF;}
.list_box li .arrow_icon{
    padding-left:15px;
    background:url(../img/common/icon/arrow01.gif) no-repeat left center;
}
.favorit_box{
    width:599px;
	margin:10px auto;
	padding:10px 10px;
    background:#FFFFFF;
	border:solid 1px #d7d6d5;
	text-align:right;
}
/*------------------*/
.item_pager{
    position:relative;
    clear:both;
	width:599px;
	height:20px;
	margin:0pt auto;
}
.item_pager .arrow_l,
.item_pager .arrow_r,
.item_pager .non_l,
.item_pager .non_r{
    display:block;
	position:absolute;
	top:5px;
    width:18px;
	height:18px;
	text-indent:-9999px;
}
.item_pager .arrow_l{
    left:0;
    background:url(../img/user/arrow_l.gif) no-repeat 0.0em 0.0em;
}
.item_pager .arrow_r{
    right:0;
    background:url(../img/user/arrow_r.gif) no-repeat 0.0em 0.0em;
}
.item_pager .non_l{
    left:0;
    background:url(../img/user/arrow_l_non.gif) no-repeat 0.0em 0.0em;
}
.item_pager .non_r{
    right:0;
    background:url(../img/user/arrow_r_non.gif) no-repeat 0.0em 0.0em;
}
/*------------------*/
.list_box table{
   width:580px;
}
.list_box table .artist_name{
   width:330px;
}
/*------------------*/
/*------------nav-------------*/
#nav #profile {float:right;}
#nav #profile_title,
#nav #profile_in,
#nav #profile_in img{
    float:left;
}
#profile_title {
    width:251px;
	height:22px;
	padding:3px 7px 0 26px;
    background:url(../img/user/profile_bg.gif) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
}

#nav #profile {
    clear:both;
	width:284px;
	padding:8px;
    background:url(../img/common/check01.gif);
}
#nav #profile_in {
    width:260px;
	padding:11px 12px;
    background:#f5f6f6;
}
/*-----css hack-----*/
* html #profile_in { overflow:hidden; }
/*------------------*/
#profile_image {
    float:left;
	width:94px;
	height:94px;
	padding:4px;
	background:url(../img/user/image_bg.gif) no-repeat;
}
#profile_image img {
	width:94px;
	height:94px;
}
#profile_name {
    float:left;
	clear:right;
	width:140px;
	margin:3px 0 10px 12px;
	font-size:120%;
}
#btn {
    float:left;
	clear:both;
	margin-top:12px;  
}
/*--------------------------------*/
#nav #profile dl#base_profile,
#nav #profile dl#add_profile {
	float:left;
}
#nav #profile dl#base_profile {
	width:140px;
	margin-left:12px;
}
#nav #profile dl#add_profile {
    clear:both;
	width:260px; 
}
*:first-child+html #nav #profile dl#add_profile {
    padding-top:10px;
}
#nav #profile dl#base_profile dt,
#nav #profile dl#add_profile dt{
    float:left;
	clear:both;
	margin:5px 0;
	padding-left:15px;
	background:url(../img/user/icon_blue.gif) no-repeat 0.0em 0.5em;
	color:#000000 !important;
}
#nav #profile dl#base_profile dt{width:3em;}
#nav #profile dl#add_profile dt{width:4em;}
#nav #profile dl#base_profile dd,
#nav #profile dl#add_profile dd {margin:5px 0;}
#nav #profile dl#base_profile dd {
   width:60px; 
   margin-left:3.0em;  
}
#nav #profile dl#add_profile dd {
   width:160px; 
   margin-left:4.0em;
}
/*--------------------------------*/
/*--------------edit--------------*/
.input-form{
    margin:10px 0;
}
.input-form textarea#profile{
    border:solid 1px #f1f0ee;
}
.input-form td{vertical-align:middle;}
.input-form input{
   margin-right:3px;
}
/*--------------------------------*/
.table-view {
	margin-top:10px;
}
#users_homepage-table-view{width:645px;}
#users_homepage-table-view tr.odd {background:url(../img/common/line03.gif) repeat-x left bottom #f1f1ee;}
#users_homepage-table-view tr.even {background:url(../img/common/line03.gif) repeat-x left bottom #ffffff;}
#users_homepage-table-view td{padding:10px;}
ul#category-selecter li{width:645px;}
ul#category-selecter li select{
	margin-right:5px;
	width:100px;
}
.input_attention{margin-left:3px;}
/*--------------------------------*/
#main_contents .btn{
	width:520px;
	margin:0 auto;
	clear:both;
	padding-top:10px;
}
#main_contents .btn .submit{
	float:left;
	text-align:left;
	width:100px;
}
#main_contents .btn ul{
	float:right;
	width:400px;
	clear:none;
}
#main_contents .btn ul li{
	background:none;
	width:400px;
	text-align:right;
	padding:0;
	padding-bottom:5px;
}
/*--------------------------------*/