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

/* CSS Document */

#headarea{
	width:788px;
	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{
	width:788px;
	height:633px;
	float:left;
	position:relative;
	margin-bottom: 25px;
	background:#fff url(img/top.jpg) no-repeat;
}
	.pv{
	width:202px;
	height:153px;
	background:url(img/pv1.gif) no-repeat;
	position:absolute;
	right:246px;
	bottom:49px;
}
	.pv2{
	width:202px;
	height:153px;
	background:url(img/pv2.gif) no-repeat;
	position:absolute;
	right:23px;
	bottom:50px;
}

.al_title{
	width:788px;
	height:36px;
	clear:left;
	float:left;
	background:#fff url(img/2nd_AL_logo.gif) no-repeat;
}




#newalbum_area_left{ width:210px; height:auto; float:left; }
#newalbum_area_left p{ width:210px; height:auto; padding-left:40px; margin-top:10px;}

#newalbum_area_right{ width:578px; height:auto; float:left; background: url(img/newalbum_title.gif) no-repeat; }

	.main_text{ width:520px; height:auto; margin-top: 10px; margin-left: 40px; margin-bottom: 50px; line-height: 1.8em;}

#newalbum_track{width:536px; height:222px; background: url(img/tracklist.gif) no-repeat; position:relative; margin-left: 30px;}
	.newalbum_track_p{
	width:245px;
	height:auto;
	line-height: 1.3em;
	position:absolute;
	left:27px;
	top:37px;
	}
		.newalbum_track_right_p{
	top:35px;
	left:276px;
}

#notes_area{ 
	width:788px;
	height:auto;
	background:url(img/notes_middle.jpg) repeat;
}
	#notes_top{
		width:788px;
		height:108px;
		background:url(img/notes_top.jpg) no-repeat;
	}
	#notes_bottom{
		width:788px;
		height:auto;
		position:relative;
		background:url(img/notes_bottom.jpg) right bottom no-repeat ;
	}
		.notes_p{
	width:323px;
	height:auto;
	margin-left:40px;
	float:left;
		}
		*html .notes_p{ margin-left: 22px; }
		.notes_p_right{
			width:363px;
			height:auto;
			float:left;
			margin-left:30px;
		}
		*html .notes_p_right{ margin-left: 25px; }
	#notes_footer{
		width:788px;
		height:43px;
		background:url(img/notes_footer.jpg) no-repeat;
	}
#prof{
	width:788px;
	height:359px;
	position:relative;
	background:url(img/prof1.jpg) no-repeat;
}
	#prof p{
	color:#5f5f4b;
	position:absolute;
	top:47px;
	right:30px;
	width: 395px;
			}
	#linkarea{
	width:245px;
	height:auto;
	position:absolute;
	bottom:10px;
	right:30px;
		
	}
.btn_link{ /* Linkボタン */
	width:245px;
	height:18px;
	margin: 0 0 0 0 ;
	padding:0;
	text-indent:-9999px;
	float:left;
	background:url(img/link1.gif) no-repeat;
	}
.btn_link:hover{
	background:url(img/link1_over.gif) no-repeat;
}
	.btn_link2{ /* Linkボタン */
		background:url(img/link2.gif) no-repeat;}
	.btn_link2:hover{
		background:url(img/link2_over.gif) no-repeat;
	}
	.btn_link3{ /* Linkボタン */
		background:url(img/link3.gif) no-repeat;}
	.btn_link3:hover{
		background:url(img/link3_over.gif) no-repeat;
	}
	.btn_link4{ /* Linkボタン */
		background:url(img/link4.gif) no-repeat;}
	.btn_link4:hover{
		background:url(img/link4_over.gif) no-repeat;
	}
#disc_area{
	width:788px;
	height:125px;
	position:relative;
	margin:20px 0;
}
.sl_box{
	width:265px;
	height:120px;
	position:absolute;
	left:13px;
	top:0;
}
	.sl_box p{ line-height: 1.3em; }
	.sl_box2{
	left:282px;
	top:-2px;
}
	.sl_box3{
	left:533px;
	top:-2px;
}
	.sl_box_left{ width:127px; height:120px; float:left; }
	.sl_box_right{ width:120px; height:120px; float:left; position: relative; }
	

	

#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 15px 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;
	position:absolute;
	bottom:0;
	padding: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:75px;
	height:26px;
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
	position:absolute;
	bottom:5px;
	right:8px;
	background:url(img/pv_botton.gif) no-repeat;
	}
.btn_play:hover{
	background:url(img/pv_botton_over.gif) no-repeat;
}
.btn_interview_sm{ /* コメント再生ボタン */
	width:143px;
	height:23px;
	margin:5px 0 0 0;
	padding:0;
	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;
}