/* CSS Document */

/* 基本設定 ======================================== */




body{
background-color:#EAEAEA;
color:#666666;
font-family:Osaka, "ＭＳ Ｐゴシック", ヒラギノ角ゴ Pro W3, Arial, sans-serif; 
font-size:12px; 
font-weight:normal; 
line-height:18px; 
text-align:left; 
margin: 0px; 
padding: 0px; 
} 

td{ 
color:#666666; 
font-family:Osaka, "ＭＳ Ｐゴシック", ヒラギノ角ゴ Pro W3, Arial, sans-serif; 
font-size:12px; 
font-weight:normal; 
line-height:18px; 
} 

img{ 
margin:0px; 
padding:0px; 
border:none; 
text-align: left; 
} 

a:link{
color:#FF9900; 
text-decoration: none;
} 
a:visited{
color:#FF9900; 
text-decoration: none;
} 
a:hover{
color:#FF9900; 
text-decoration: underline;
}


/* 2:レイアウト ======================================== */

#wrap{ 
width:830px; 
margin-left:auto; 
margin-right:auto; 
text-align:left; 
}

#head{ 
margin-left:20px;
margin-top:20px;
margin-right:20px;
margin-bottom:20px; 
text-align:left; 
}

#footer{ 
margin-left:20px;
margin-top:1px;
margin-right:20px;
margin-bottom:20px; 
text-align:right; 
}

#navi {
width:738px;
margin-top:20px;
margin-bottom:20px;
margin-right:20px;
margin-left:33px;

}

#main {
width:800px;
background-image:url(../images/box_bg.gif);
background-repeat:repeat-y;
}


#main.profile{background-color:#FFFFFF;}


th{ 
font-weight:normal; 
text-align:left; 
} 

.clear { 
clear: left 
}

.mainbox{
margin-left:31px;
margin-right:31px;
}

.content{
margin-top:9px;
margin-left:20px;
margin-right:20px;
margin-bottom:20px;
}

.title{
margin-bottom:20px;
}

.navibox{
background-image:url(../images/navi_bg.gif);
background-repeat:repeat-y;
width:181px;
}




/* 3:テキスト ======================================== */

h1, h2, h3, h4, h5, h6, dt{ 
font-size:12px; 
font-weight:normal; 
} 
.small{ 
font-size:10px; 
} 
.big{ 
font-size:14px; 
} 
.blue{ 
color:#003399; 
}


/* 4:背景色 ======================================== */
.shadeleft{
background-image:url(../images/shade_left.gif);
background-repeat:repeat-y;
width:15px;
}

.shaderight{
background-image:url(../images/shade_right.gif);
background-repeat:repeat-y;
width:15px;
}

.whitebg{
background-color:#FFFFFF;
}
.new{
	width:154px;
	height:125px;
	overflow:auto;
	font-size:10px;
	color:#FFFFFF;
	margin:0 10px 10px;
	background-color:#86A4DD;
	padding:5px 3px;
	line-height: 1.5em;
}



.left {width:160px; float:left; margin-left:10px; margin-top:10px; }
.left td {line-height: 1.8em; font-size:11px;}
#artist_detail .left .letter {padding: 0 7px; background: #FFF;}
#artist_detail .left .letter .body {background: #FFF url(../../artists/img/detail_letter_bottom.gif) 0 bottom no-repeat;}
#artist_detail .left .letter .body div {background: url(../../artists/img/detail_letter_top.gif) 0 0 no-repeat; padding: 8px 12px 10px 12px;}

.right {width: 360px; float: right; margin-top: 10px; margin-right:10px; margin-bottom:24px; vertical-align:top;}
.p {font-size: 13px; margin: 22px 0 2px -15px; background: }
.right .font {line-height: 1.8em; font-size:11px;}
.right .font td {line-height: 1.8em; font-size:11px;}


.right .navi_link {background: url(../artist/images/navi_bg.gif) 0 bottom no-repeat; margin-bottom: 14px;}

.right .navi_link2 {background: url(../artist/images/navi_bg02.gif) 0 bottom no-repeat; margin-bottom: 14px;}

.right .blog_link {background: url(../artist/images/detail_blog_bg.gif) 0 bottom no-repeat; margin-bottom: 14px;}
.right .blog_link .body {padding: 10px 12px;}


.magazine {margin: 10px 15px 15px 5px;}

.topics {margin-left: 15px;}
.topics h4 {font-size: 12px ; font-weight:bold; margin: 10px 0 2px -15px; background: url(../artist/images/ttl_detail_topics_symbol.gif) 0 0 no-repeat; padding-left: 10px;}

.right .career {width:360px;}
.right .career td {line-height: 1.8em; font-size:11px;}
.right .career h4 {font-size: 13px; font-weight:bold; color: #FFF; padding: 2px 8px; background: #A6A6A6; margin: 25px 0 7px 0;}

.right .schedule {margin-top:25px;}
.right .schedule .ico_info {margin-top: 15px; text-align: center;}
.right .schedule .scroll {width: 360px; height: 300px; overflow: auto; margin-top: 10px;}
.right .schedule h4 {font-size: 13px;  font-weight:bold; color: #FFF; padding: 4px 8px 4px 8px; background: #A6A6A6; margin-bottom:-0px;}
.right .schedule th.day {border-right: solid 1px #D9D9D9; border-bottom: solid 1px #D1D1D1; vertical-align: top; padding: 4px 8px 4px 8px; text-align: left; font-weight: bold;}
.right .schedule th.sat {border-right: solid 1px #D9D9D9; border-bottom: solid 1px #D1D1D1; vertical-align: top; padding: 4px 8px 4px 8px; text-align: left; font-weight: bold; color: #176E99;}
.right .schedule th.sun {border-right: solid 1px #D9D9D9; border-bottom: solid 1px #D1D1D1; vertical-align: top; padding: 4px 8px 4px 8px; text-align: left; font-weight: bold; color: #BF4C99;}
.right .schedule td.info {border-bottom: solid 1px #D9D9D9;}
.right .schedule td.info td.ico {text-align: center;}
.right .schedule td.info td.detail {padding: 4px 8px 4px 0; vertical-align: top; color: #4D4D4D;}
.right .schedule td.info tr.odd td.ico {background: #FFF;}
.right .schedule td.info tr.odd td.detail {background: #FFF;}
.right .schedule td.info tr.even td.ico {background: #F7F7F7;}
.right .schedule td.info tr.even td.detail {background: #F7F7F7;}


.right .publication,
.right .publication td {line-height: 1.8em; font-size:10px;}
.right .publication h4 {font-size: 13px; font-weight:bold; color: #FFF; padding: 2px 8px; background: #A6A6A6; margin: 25px 0 7px 0;}

.right .tvspot,
.right .tvspot td {line-height: 1.8em; font-size:10px;}
.right .tvspot h4 {font-size: 13px; font-weight:bold; color: #FFF; padding: 2px 8px; background: #A6A6A6; margin: 25px 0 7px 0;}


.pagetop {text-align: center; margin-top: 30px; padding-bottom: 24px;}
.pagetop div.line {padding-bottom: 6px;}
.pagetop p.btn {text-align: right; margin-right: 8px;}



/* アーティストページ ======================================== */

.left2 {width:200px; float:left; margin-left:5px; margin-top:10px; }
.left2 td {line-height: 1.8em; font-size:12px;}
#artist_detail .left2 .letter {padding: 0 7px; background: #FFF;}
#artist_detail .left2 .letter .body {background: #FFF url(../../artists/img/detail_letter_bottom.gif) 0 bottom no-repeat;}
#artist_detail .left2 .letter .body div {background: url(../../artists/img/detail_letter_top.gif) 0 0 no-repeat; padding: 8px 12px 10px 12px;}



.right2 {width: 510px; float: right; margin-top: 10px; margin-right:10px; margin-bottom:24px; vertical-align:top;}
.p {font-size: 13px; margin: 22px 0 2px -15px; background: }
.right2 .font {line-height: 1.8em; font-size:11px;}
.right2 .font td {line-height: 1.8em; font-size:11px;}


.right2 .navi_link {background: url(../artist/images/navi_bg.gif) 0 bottom no-repeat; margin-bottom: 14px;}

.right2 .navi_link2 {background: url(../artist/images/navi_bg02.gif) 0 bottom no-repeat; margin-bottom: 14px;}

.right2 .blog_link {background: url(../artist/images/detail_blog_bg.gif) 0 bottom no-repeat; margin-bottom: 14px;}
.right2 .blog_link .body {padding: 10px 12px;}


.magazine {margin: 10px 15px 15px 5px;}

.topics {margin-left: 15px; font-size:11px;}
.topics h4 {font-size: 12px ; font-weight:bold; margin: 10px 0 2px -15px; background: url(../artist/images/ttl_detail_topics_symbol.gif) 0 0 no-repeat; padding-left: 10px;}

.right2 .career {width:510px;}
.right2 .career td {line-height: 1.8em; font-size:11px;}
.right2 .career h4 {font-size: 14px; font-weight:bold; color: #FFF; padding: 2px 8px; background: #A6A6A6; margin: 25px 0 7px 0;}

.right2 .schedule {margin-top:25px;}
.right2 .schedule .ico_info {margin-top: 15px; text-align: center;}
.right2 .schedule .scroll {width: 510px; height: 300px; overflow: auto; margin-top: 10px;}
.right2 .schedule h4 {font-size: 13px;  font-weight:bold; color: #FFF; padding: 4px 8px 4px 8px; background: #A6A6A6; margin-bottom:-0px;}
.right2 .schedule table { background-color:#FFFFFF;}
.right2 .schedule th.day {border-right: solid 1px #D9D9D9; border-bottom: solid 1px #D1D1D1; vertical-align: top; padding: 4px 8px 4px 8px; text-align: left; font-weight: bold;}
.right2 .schedule th.sat {border-right: solid 1px #D9D9D9; border-bottom: solid 1px #D1D1D1; vertical-align: top; padding: 4px 8px 4px 8px; text-align: left; font-weight: bold; color: #176E99;}
.right2 .schedule th.sun {border-right: solid 1px #D9D9D9; border-bottom: solid 1px #D1D1D1; vertical-align: top; padding: 4px 8px 4px 8px; text-align: left; font-weight: bold; color: #BF4C99;}
.right2 .schedule td.info {border-bottom: solid 1px #D9D9D9;}
.right2 .schedule td.info td.ico {text-align: center;}
.right2 .schedule td.info td.detail {padding: 4px 8px 4px 0; vertical-align: top; color: #4D4D4D;}
.right2 .schedule td.info tr.odd td.ico {background: #FFF;}
.right2 .schedule td.info tr.odd td.detail {background: #FFF;}
.right2 .schedule td.info tr.even td.ico {background: #F7F7F7;}
.right2 .schedule td.info tr.even td.detail {background: #F7F7F7;}


.right2 .publication,
.right2 .publication td {line-height: 1.8em; font-size:10px;}
.right2 .publication h4 {font-size: 13px; font-weight:bold; color: #FFF; padding: 2px 8px; background: #A6A6A6; margin: 25px 0 7px 0;}


.right2 .tvspot,
.right2 .tvspot td {line-height: 1.8em; font-size:10px;}
.right2 .tvspot h4 {font-size: 13px; font-weight:bold; color: #FFF; padding: 2px 8px; background: #A6A6A6; margin: 25px 0 7px 0;}