@charset "UTF-8";

/*
--------------------------------
	上書き設定
--------------------------------
*/

.mainarea-left {
	width: 260px;
}
.mainarea-left .box {
	margin: 0 10px 10px 10px;
}
.mainarea-left .pbox {
	margin: 0 10px 10px 10px;
}
.mainarea-right {
	width: 690px;
}
.mainarea-right .box {
	margin: 0 10px 10px 0;
}
.mainarea-right .pbox {
	margin: 0 10px 10px 0;
}
.mainarea-right .listbox {
	margin: 0 10px 10px 0;
}
.mainarea-right .tablebox {
	margin: 0 10px 10px 0;
}
.mainarea-right .formbox {
	margin: 0 10px 10px 0;
}
.mainarea-right .formbox .input-s {
	width: 200px;
}
.mainarea-right .formbox .input-m {
	width: 300px;
}
.mainarea-right .formbox .input-l {
	width: 420px;
}
.mainarea-right .formbox .textarea-s {
	width: 420px;
	height: 150px;
}
.mainarea-right .formbox .textarea-l {
	width: 420px;
	height: 300px;
}
.mainarea-right .formbox .checklist li {
	width: 25%;
}

.pager {
	margin: 0 0 10px 10px;
}

/*
--------------------------------
	独自設定
--------------------------------
*/

#artist-menu {
	float: left;
}
#artist-profile li#artist-menu-profile {
	border-bottom: 1px solid #3b3b3b;
}
#artist-profile li#artist-menu-profile a {
	color: #ffffff;
}
#artist-friends li#artist-menu-friends {
	border-bottom: 1px solid #3b3b3b;
}
#artist-friends li#artist-menu-friends a {
	color: #ffffff;
}

#artist-sns {
	float: right;
	padding: 9px 0 0 0;
}
.artist-sns-item {
	float: left;
	padding: 0 5px;
}
iframe.twitter-share-button {
	width: 105px!important;
}

/*
--------------------------------
	Profile設定
--------------------------------
*/

.mainarea-profile-box {
	width: 950px;
	margin: 0 auto 0 auto;
	text-align: left;
	border: 1px solid #000000;
	background-color: #3b3b3b;
}
#artist-meta {
	margin: 0 10px 10px 10px;
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	background-color: #272727;
}
#artist-meta-image {
	padding: 10px 0;
	text-align: center;
	border-bottom: 1px solid #1d1d1d;
}
#artist-meta-image img {
	border: 1px solid #000000;
}
#artist-meta dl {
}
#artist-meta dt {
	border-top: 1px solid #3b3b3b;
	padding: 10px 10px 5px 10px;
	font-weight: bold;
	font-size: 10px;
	line-height: 1.1em;
	font-family: Arial;
	color: #777777;
}
#artist-meta dd {
	padding: 0 10px 10px 10px;
	border-bottom: 1px solid #1d1d1d;
}
#artist-meta dd#artist-profile-contact {
	color: #777777;
}

#artist-stats p {
	padding: 7px 10px;
	font-family: Arial;
	font-size: 14px;
	line-height: 1.1em;
}
#artist-stats p span {
	font-size: 10px;
	font-weight: bold;
	color: #777777;
}

#artist-link {
	margin: 0 10px 10px 10px;
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	background-color: #272727;
}
#artist-link-total {
	font-size: 11px;
	line-height: 1.1em;
	text-align: center;
	padding: 7px 0 5px 0;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
}
#artist-link ul {
	list-style-type: none;
	background-color: #333333;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #0d0d0d;
	text-align: left;
}
#artist-link li {
	float: left;
	width: 117px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1em;
	border-left: 1px solid #3b3b3b;
}
#artist-link li.focus {
	background-color: #1d1d1d;
	background: linear-gradient(#272727,#1d1d1d);
	background: -moz-linear-gradient(top,#272727,#1d1d1d);
	background: -webkit-gradient(linear,center top,center bottom,from(#272727),to(#1d1d1d));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727',endColorstr='#1d1d1d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727',endColorstr='#1d1d1d')";
	border-right: 1px solid #1d1d1d;
}
#artist-link li a {
	display: block;
	padding: 8px 10px 6px 10px;
}
#artist-link li a:link {
	color: #777777;
}
#artist-link li a:visited {
	color: #777777;
}
#artist-link li a:active {
	color: #777777;
}
#artist-link li a:hover {
	color: #ffffff;
}
#artist-link li.focus a {
	color: #ffffff;
}
#artist-link-box .na {
	padding: 100px 0;
	text-align: center;
	color: #777777;
	border-bottom: 1px solid #1d1d1d;
}
#artist-link-box .loading {
	padding: 100px 0;
	text-align: center;
	color: #777777;
	border-bottom: 1px solid #1d1d1d;
}
.link-thumb {
	width: 238px;
	height: 57px;
	overflow: hidden;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
}
.link-thumb-image {
	float: left;
	width: 72px;
	text-align: center;
	padding: 5px 0;
}
.link-thumb-image img {
	border: 1px solid #000000;
}
.link-thumb-detail {
	float: left;
	width: 160px;
	text-align: left;
}
.link-thumb-name {
	margin: 13px 0 1px 0;
	font-size: 12px;
	line-height: 1.2em;
}
.link-thumb-name a {
	color: #ffffff;
}
.link-thumb-meta {
	color: #777777;
	font-size: 11px;
	line-height: 1.1em;
}
#artist-link-pager {
	font-size: 11px;
	line-height: 1.1em;
	text-align: center;
	padding: 7px 0 5px 0;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
	color: #777777;
}

.artist-widget-box {
	margin: 0 10px 10px 10px;
}

#artist-player {
	float: left;
	width: 517px;
}
#artist-player-box {
	border: 1px solid #1d1d1d;
	margin: 0 0 10px 0;
	background-color: #1d1d1d;
	text-align: center;
}
#artist-player-box .box-title {
	border-bottom: none;
}
#artist-action {
	float: right;
	width: 163px;
}
#artist-action-box {
	background-color: #272727;
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	border-bottom: 1px solid #1d1d1d;
	margin-right: 10px;
}
#artist-action ul {
	height: 338px;
	border-top: 1px solid #3b3b3b;
	list-style-type: none;
}
#artist-action ul li {
	border-bottom: 1px solid #1d1d1d;
}
#artist-action ul li a {
	display: block;
	padding: 10px;
}
#artist-action ul li a:link {
	color: #777777;
	text-decoration: none;
}
#artist-action ul li a:active {
	color: #777777;
	text-decoration: none;
}
#artist-action ul li a:visited {
	color: #777777;
	text-decoration: none;
}
#artist-action ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
#artist-action ul li a span {
	font-size: 10px;
	font-weight: bold;
	line-height: 1.1em;
}

#artist-topics {
	margin: 0 10px 10px 0;
	border: 1px solid #1d1d1d;
	background-color: #272727;
}
#artist-topics-box {
	border-top: 1px solid #3b3b3b;
	padding: 0 0 5px 0;
}
.artist-topic {
	padding: 5px 5px 0 5px;
}
.artist-topic-date {
	float: left;
	width: 75px;
	text-align: center;
}
.artist-topic-date p {
	border: 1px solid #0d0d0d;
	background-color: #1d1d1d;
	padding: 10px 0 7px 0;
	font-family: Arial;
	font-weight: bold;
	font-size: 20px;
}
.artist-topic-date p span {
	color: #777777;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.5em;
}
.artist-topic-detail {
	float: right;
	width: 588px;
	border: 1px solid #0d0d0d;
	background-color: #1d1d1d;
}
.artist-topic-text {
	padding: 10px 10px 5px 10px;
}
.artist-topic-text img {
	float: left;
	margin: 0 10px 0 0;
}
.artist-topic-meta {
	padding: 0 10px 5px 10px;
	text-align: right;
	color: #777777;
	font-size: 11px;
}
#artist-topics .more {
	text-align: right;
	padding: 5px 10px 0 10px;
	font-size: 11px;
}

#artist-info {
	margin: 0 10px 10px 0;
	border-top: 1px solid #1d1d1d;
	border-left: 1px solid #1d1d1d;
	border-right: 1px solid #1d1d1d;
	background-color: #272727;
}
#artist-info ul {
	list-style-type: none;
	background-color: #333333;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #0d0d0d;
	text-align: left;
}
#artist-info li {
	float: left;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.1em;
	border-right: 1px solid #3b3b3b;
}
#artist-info li.focus {
	background-color: #1d1d1d;
	background: linear-gradient(#272727,#1d1d1d);
	background: -moz-linear-gradient(top,#272727,#1d1d1d);
	background: -webkit-gradient(linear,center top,center bottom,from(#272727),to(#1d1d1d));
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727',endColorstr='#1d1d1d');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#272727',endColorstr='#1d1d1d')";
	border-right: 1px solid #1d1d1d;
}
#artist-info li a {
	display: block;
	padding: 8px 15px 6px 15px;
}
#artist-info li a:link {
	color: #777777;
}
#artist-info li a:visited {
	color: #777777;
}
#artist-info li a:active {
	color: #777777;
}
#artist-info li a:hover {
	color: #ffffff;
}
#artist-info li.focus a {
	color: #ffffff;
}
#artist-info .na {
	padding: 100px 0;
	text-align: center;
	color: #777777;
	border-bottom: 1px solid #1d1d1d;
}
#artist-info .loading {
	padding: 100px 0;
	text-align: center;
	color: #777777;
	border-bottom: 1px solid #1d1d1d;
}

#artist-home {
	padding: 20px;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
}

#artist-music {
	padding: 10px 10px 0 10px;
	border-bottom: 1px solid #1d1d1d;
}
#artist-music .album {
	margin: 0 0 10px 0;
}
#artist-music .album-info {
	background-color: #1d1d1d;
	border: 1px solid #272727;
	padding: 15px 0 0 0;
}
#artist-music .album-image {
	float: left;
	width: 130px;
	text-align: center;
}
#artist-music .album-detail {
	float: left;
	width: 510px;
	text-align: left;
	margin: 0 0 5px 0;
}
#artist-music .album-detail dt {
	color: #777777;
	font-size: 11px;
	line-height: 1.1em;
	margin: 0 0 2px 0;
}
#artist-music .album-detail dd {
	margin: 0 0 10px 0;
}
#artist-music .album-tracks {
	width: 100%;
	background-color: #1d1d1d;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #272727;
}
#artist-music .album-tracks td {
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 5px 10px;
}
#artist-music .album-tracks td.album-track-name {
	width: 70%;
}
#artist-music .album-tracks td.album-track-cart {
	width: 10%;
	text-align: center;
}
#artist-music .album-tracks td.album-track-lyric {
	width: 10%;
	text-align: center;
}

#artist-live {
	padding: 10px;
	border-bottom: 1px solid #1d1d1d;
}
#artist-live table {
	width: 100%;
	background-color: #1d1d1d;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #272727;
}
#artist-live table th {
	background-color: #0d0d0d;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 5px 10px;
}
#artist-live table td {
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 10px;
}
#artist-live .live-date {
	width: 25%;
}
#artist-live .live-title {
	width: 35%;
}
#artist-live .live-location {
	width: 25%;
}
#artist-live .live-action {
	width: 15%;
	text-align: center;
}
#artist-live-ticketbtn {
	text-align: center;
	background-color: #1d1d1d;
	padding: 25px 0;
	border-left: 1px solid #272727;
	border-right: 1px solid #272727;
}
#artist-live-ticketbtn a {
	background-color: #0099cc;
	background: linear-gradient(#108ccb,#0c6693);
	background: -moz-linear-gradient(top,#108ccb,#0c6693);
	background: -webkit-linear-gradient(top,#108ccb,#0c6693);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#108ccb',endColorstr='#0c6693');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#eeeeee',endColorstr='#0c6693')";
	border: 1px solid #08415f;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #ffffff;
	padding: 5px 10px 6px 10px;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.1em;
	margin: 0 10px;
}

#artist-bio {
	padding: 20px;
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
}

#artist-photo {
	padding: 10px;
	border-bottom: 1px solid #1d1d1d;
}
#artist-photo table {
	width: 100%;
	background-color: #1d1d1d;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #272727;
}
#artist-photo table td {
	width: 25%;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 20px 0;
	text-align: center;
	vertical-align: middle;
}

#artist-blog {
	padding: 10px;
	border-bottom: 1px solid #1d1d1d;
}
#artist-blog table {
	width: 100%;
	background-color: #1d1d1d;
	border-collapse: collapse;
	border-spacing: 0;
	border-right: 1px solid #272727;
}
#artist-blog table th {
	background-color: #0d0d0d;
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 5px 10px;
}
#artist-blog table td {
	border-left: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 10px;
}
#artist-blog .blog-title {
	width: 70%;
}
#artist-blog .blog-date {
	width: 30%;
}

#artist-related {
	width: 900px;
	margin: 0 auto 20px auto;
	background: url(/image/normal/artist/artist-related.gif) top left repeat-y;
}
#artist-related-left {
	float: left;
	width: 200px;
	text-align: left;
}
#artist-related-menu {
	border-left: 1px solid #000000;
	background-color: #272727;
	list-style-type: none;
}
#artist-related-menu li {
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
	padding: 10px;
	font-size: 12px;
	line-height: 1.1em;
}
#artist-related-menu li a:link {
	color: #777777;
}
#artist-related-menu li a:visited {
	color: #777777;
}
#artist-related-menu li a:active {
	color: #777777;
}
#artist-related-menu li a:hover {
	color: #ffffff;
}
#artist-related-menu li.focus {
	border-right: 1px solid #272727;
}
#artist-related-menu li.focus a {
	color: #ffffff;
}
#artist-related-right {
	float: left;
	width: 700px;
	text-align: left;
}
#artist-related-box {
	background-color: #272727;
	border-right: 1px solid #000000;
	border-bottom: 1px solid #000000;
}
#artist-related-box p.na {
	text-align: center;
	padding: 100px;
	color: #777777;
}
#artist-related-box .loading {
	text-align: center;
	padding: 100px;
	color: #777777;
}
#artist-related-box h3 {
	font-size: 12px;
	margin: 0 20px;
	padding: 15px 0 7px 0;
	text-align: center;
	border-bottom: 1px solid #1d1d1d;
}
#artist-related-box ul {
	list-style-type: none;
	padding: 0 20px;
}
#artist-related-box ul li {
	border-top: 1px solid #3b3b3b;
	border-bottom: 1px solid #1d1d1d;
	background: url(/image/normal/common/arrow.gif) center left no-repeat;
	padding: 7px 10px 6px 32px;
	color: #777777;
}
#artist-related-box ul li.na {
	background: none;
}
#artist-related-box p.more {
	margin: 0 20px;
	padding: 8px 0;
	font-size: 11px;
	text-align: right;
	border-top: 1px solid #3b3b3b;
}

/*
--------------------------------
	Article設定
--------------------------------
*/

#article-comment-form .textarea-l {
	width: 450px;
	height: 150px;
}
#article-comment-form .notes {
	padding: 5px 0 0 0;
}
#article-comment-form .article-comment-submit {
	padding: 5px 0 0 0;
}
#article-comment-form .article-comment-submit .btn-submit {
	margin: 0;
}

#article-comments {
	margin-top: 10px;
}
.article-comment {
	background-color: #1d1d1d;
	border-left: 1px solid #272727;
	border-right: 1px solid #272727;
	border-bottom: 1px solid #272727;
	padding: 15px;
}
.article-comment-meta {
	text-align: right;
}

/*
--------------------------------
	Friends設定
--------------------------------
*/

#artist-friends .mainarea-single {
	padding: 15px 10px 5px 10px;
}
#artist-friends .mainarea-single .na {
	text-align: center;
	color: #777777;
	padding: 100px;
}
#artist-friends .pager {
	margin: 0 5px 10px 5px;
}
#artist-friends .banner-search-item {
	float: left;
	width: 300px;
}
#artist-friends .banner-search-item img {
	border: 1px solid #000000;
}
#artist-friends .banner-search-item-inner {
	width: 290px;
	height: 252px;
	margin: 0 auto 10px auto;
	text-align: center;
}
.friends-item {
	float: left;
	width: 150px;
	text-align: center;
}
.friends-item-box {
	position: relative;
	width: 140px;
	margin: 0 auto 10px auto;
	padding: 10px 0 0 0;
	background-color: #1d1d1d;
}
.friends-item-image {
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #272727;
}
.friends-item-detail {
	width: 140px;
	height: 99px;
	overflow: hidden;
	margin: 0 auto;
	border-bottom: 1px solid #272727;
	text-align: left;
}
.friends-item-name {
	padding: 0 10px 2px 10px;
	font-size: 12px;
	font-weight: bold;
	line-height: 1.2em;
}
.friends-item-name a {
	color: #ffffff;
}
.friends-item-meta {
	padding: 0 10px;
	color: #555555;
	font-size: 11px;
	line-height: 1.3em;
}
.friends-item-player {
	text-align: right;
	padding: 5px 5px 5px 0;
}
.friends-item-message {
	display: none;
	position: absolute;
	width: 140px;
	top: 95px;
	background: url(/image/normal/search/search-item-message.gif) top center no-repeat;
}
.friends-item-message p {
	padding: 20px 10px 10px 10px;
	font-size: 11px;
	line-height: 1.3em;
	text-align: left;
}