@charset "utf-8";
/* common_style 調整 */
.title{ /* h1 背景 非表示 */
	display:none;
	}
#contents-all-area{ /* ページ幅指定 */
	width: 789px;
	height:auto;
	padding: 0 6px 0 5px;
	
}

/* CSS Document */

#headarea{
	width:789px;
	height:auto;
	font:13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #553418;
	background:#fff;
	text-align:left;
	line-height: 1.5em;
	letter-spacing: 1px;
	word-break: nomal;
	line-break: nomal;
	background:url(img/background.jpg) repeat; 
}

#topimage_left{
	width:374px;
	height:564px;
	float:left;
	position:relative;
	background:#fff url(img/left.jpg) no-repeat;
}
	#topimage_left p{
	position:absolute;
	left:31px;
	top:316px;
	width:306px;
}

#topimage_right{
	width:414px;
	height:564px;
	background:#fff url(img/right.jpg) no-repeat;
	float:left;
	position:relative;
}
	.sp_live_link{
	width:194px;
	position: absolute;
	right:28px;
	top:38px;
}
	.sp_blog_link{
	width:138px;
	position: absolute;
	right:3px;
	top:216px;
}

#newalbum_area_left{ width:242px; height:auto; float:left; }
#newalbum_area_left p{ width:200px; height:auto; margin-left:40px; margin-top: 30px;}

#newalbum_area_right{ width:546px; height:auto; float:right; background: url(img/newalbum_title.gif) no-repeat; }
#newalbum_area_right_p{ width:520px; height:auto; margin-top: 10px; margin-left: 10px; }

#newalbum_track_top{ width:518px; height:33px; background: url(img/track_top.jpg) no-repeat;}
#newalbum_track_middle{ width:518px; height:auto; background: url(img/track_middle.jpg) repeat; }
#newalbum_track_bottom{ width:518px; height:15px; background: url(img/track_bottom.jpg) no-repeat;}
.track_left{ width:250px; height:auto; float:left; margin-left:20px;}
	.caption_c{ color:#ac0a0a; }/* 注意色 */
#title_disc{ text-indent:-9999px; overflow:hidden; clear:both; background:url(img/disc.jpg) no-repeat; height:54px; width:789px; margin-bottom: 10px;}

.disc_box{ width:363px; height:auto; margin-bottom:20px;  margin-left: 20px; float:left;}
	.box_left{ width:130px; height:135px;  float:left; margin-left: 5px; }
	.box_right{ width:220px; height: 135px; float:left; position:relative; }
	.img_latter{
	float:left;
	position:absolute;
	right:29px;
	top: 34px;
}
	.latter_box { width:340px; height:281px;  background:url(img/latter.jpg) no-repeat; float:left; margin-left: 35px; position:relative; }
	.box_top{ width:363px; height:10px; background:url(img/al_top.jpg) no-repeat; }
	.box_middle{ width:363px; height:auto; background:url(img/lat_middle.jpg) repeat; }
		.box_middle p{ width:333px; margin-left: 15px; }
	.box_bottom{ width:363px; height:10px; background:url(img/lat_bottom.jpg) bottom no-repeat; }

#livereport_title{ width:789px; height:45px; background:url(img/live_title.gif) no-repeat; }
#livereport_area{ width:789px; height:285px; position:relative;  background:url(img/livereport_back.jpg) no-repeat; margin-bottom: 25px; }
#livereport_area p{
	width:330px;
	height:131px;
	position:absolute;
	left:38px;
	top:128px;
}
	.btn_livereport{ /* Linkボタン */
	width:242px;
	height:56px;
	position:absolute;
	margin: 0 0 0 0;
	padding:0;
	left:469px;
	top:203px;
	text-indent:-9999px;
	float:left;
	background:url(img/btn_livereport.gif) no-repeat;
		}
	.btn_livereport:hover{
		background:url(img/btn_livereport_over.gif) no-repeat;
	}
/*******	
#live_info{ width:394px; height:auto; background:url(img/live_title.jpg) no-repeat; float: left; }

	#live_info_top{ width:352px; height:17px; background:url(img/live_top.jpg) no-repeat; }
	#live_info_middle{ width:352px; height:auto; margin-top:147px;  margin-left:22px; background:url(img/live_middle.jpg) repeat; }
		#live_info_middle p{ margin-left: 25px; width:320px; }
	#live_info_bottom{ width:352px; height:17px; background:url(img/live_bottom.jpg) no-repeat; }

#quiz{ width:394px; height:624px; background:url(img/quiz_top.jpg) repeat; float: left; position:relative; }
	.quiz_top_p{
	position:absolute;
	width:320px;
	height:auto;
	left: 36px;
	top: 116px;
}
	.quiz_bottom_p{
	position:absolute;
	width:320px;
	height:auto;
	left:38px;
	bottom:40px;}
	
	**********/
	
#profile{ width:789px; height:327px; background: url(img/profile_back.jpg) no-repeat; position: relative; }
#profile p{
	width: 330px;
	height:auto;
	position: absolute;
	left: 67px;
	top: 94px;
	color:#ddd;
}
#links_area{ width:789px; height:auto; position:relative; }
	.interview_area{
	width:418px;
	height:auto;
	float:left;
	}
		.interview_area p{ margin-left:36px; }
	.livereport_area{
	width:370px;
	height:auto;
float:left;	}
		.livereport_area p{ margin-left: 10px; width: 320px; }


#other_links{ width:289px; height:auto; float:right; margin: 20px 20px; }

.btn_link{ /* Linkボタン */
	width:289px;
	height:21px;
	margin: 0 0 0 0 ;
	padding:0;
	text-indent:-9999px;
	float:left;
	background:url(img/link01.jpg) no-repeat;
	}
.btn_link:hover{
	background:url(img/link01_over.jpg) no-repeat;
}
	.btn_link2{ /* Linkボタン */
		background:url(img/link02.jpg) no-repeat;}
	.btn_link2:hover{
		background:url(img/link02_over.jpg) no-repeat;
	}
	.btn_link3{ /* Linkボタン */
		background:url(img/link03.jpg) no-repeat;}
	.btn_link3:hover{
		background:url(img/link03_over.jpg) no-repeat;
	}
	.btn_link4{ /* Linkボタン */
		background:url(img/link04.jpg) no-repeat;}
	.btn_link4:hover{
		background:url(img/link04_over.jpg) no-repeat;
	}


#elmark{ width:789px; height:auto; text-align:center; margin-bottom: 10px; background:#FFF; }	
/*-- ボックス内容クリア --*/
.c-both{ clear:both; margin:0; padding:0; }

/*-- 共通設定 --*/

img { border: 0px; }
br{ letter-spacing: 0; }
h1 , h2 , h3{ text-align: left;}
h4{ margin:0; padding:0; }
h5{ display:none;}
.left{ text-align: left; }
.right{ float:right; }
.jk{ border:1px solid #553418; margin-bottom: 10px; }
.jk2{ border:1px solid #553418; margin-bottom: 10px; }
hr{ /* 水平線 */
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #888; /* 線の色 変更可 */
	height: 1px;
	text-align:center;
	margin: 30px 0 ;
	}
p{
	font-size:93%;
	text-align:left;
	margin:2px 0;
  }
.big{ font-size:100%; font-weight:bold; }


/* リンク反応設定 */



#headarea a:hover {/*マウスをのせたとき*/
    color:#fcff00;
    font-style:normal;
    text-decoration:underline;
}


/*==============================================
	ボタンロールオーバー
	それぞれリンクタグにclassで指定して使います
	
	【インタビュー】
	<a href="●●" title="過去のインタビューへ" class="btn_interview">	過去のインタビュー一覧</a>
	【アーティスト】
	<a href="●●" title="アーティスト詳細ページへ" class="btn_artist">	安藤裕子アーティストページ</a>
	【購入する】
	<a href="●●" title="購入ページへ" class="btn_buy">購入ページへ</a>
	
	※下記の三つは、必ず↓の順番で指定してください
	（↓の指定で実際に表示される順番 【視聴】【歌詞】【youtube】）

	【youtube】
	<a href="" class="btn_youtube">youtube</a>
	【歌詞】
	<a href="" class="btn_songs">歌詞</a>
	【視聴】
	<a href="" class="btn_listen">視聴</a>
----------------------------------------------*/
.btn_buy_dvd{ /* DVD用ボタン */
	width:65px;
	height:21px;
	margin: 5px 0 20px 0;
	padding:0;
	text-indent:-9999px;
	float:left;
	background:url(../../common_images2/ico_buy.gif) no-repeat;
	}
.btn_buy_dvd:hover{
	background:url(../../common_images2/ico_buy.gif) no-repeat 0 -21px;
}
.btn_buy{ /* DVD用ボタン */
	width:65px;
	height:21px;
	margin: 0;
	padding:0;
	position: absolute;
	bottom: 13px;
	left:0;
	text-indent:-9999px;
	float:left;
	background:url(../../common_images2/ico_buy.gif) no-repeat;
	}
.btn_buy:hover{
	background:url(../../common_images2/ico_buy.gif) no-repeat 0 -21px;
}
.btn_interview_top{ /* Interviewボタン */
	width:230px;
	height:53px;
	margin: 0;
	padding:0;
	text-indent:-9999px;
	float:left;
	position:absolute;
	top: 486px;
	right:69px;
	background:url(img/btn_interview_top.gif) no-repeat;
	}
.btn_interview_top:hover{
	background:url(img/btn_interview_top_over.gif) no-repeat;
}

.btn_comment_play{ /* コメント再生ボタン */
	width:174px;
	height:45px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
	position:absolute;
	bottom:28px;
	right:42px;
	background:url(img/btn_comment.gif) no-repeat;
	}
.btn_comment_play:hover{
	background:url(img/btn_comment_over.gif) no-repeat;
}
.btn_interview_sm{ /* コメント再生ボタン */
	width:143px;
	height:23px;
	margin:0;
	padding:0;
	position:absolute;
	left: 75px;
	bottom:11px;
	text-indent:-9999px;
	float:left;
	background:url(img/btn_interview.gif) no-repeat;
	}
.btn_interview_sm:hover{
	background:url(img/btn_interview_over.gif) no-repeat;
}
.btn_blog{ /* コメント再生ボタン */
	width:183px;
	height:47px;
	margin: 0;
	padding:0;
	text-indent:-9999px;
	position:absolute;
	left:91px;
	bottom: 25px;
	float:left;
	background:url(img/btn_blog.gif) no-repeat;
	}
.btn_blog:hover{
	background:url(img/btn_blog_over.gif) no-repeat;
}
.btn_play{ /* コメント再生ボタン */
	width:39px;
	height:16px;
	margin: 0;
	padding:0;
	text-indent:-9999px;
	float:right;
	background:url(img/btn_play.gif) no-repeat;
	}
.btn_play:hover{
	background:url(img/btn_play_over.gif) no-repeat;
}