@charset "utf-8";
/*************************************************

 2009.05 CSS
 
*************************************************/

/*--------------------------------------------------
	
---------------------------------------------------*/
#headarea{
	width: 756px;
	height:auto;
	margin: 0 auto;
	position:relative;
	font:13px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	}

#top_image{
	width:756px;
	height:385px;
	background-color: #fff;
	margin-bottom: 36px;
	position:relative;
	}

#interview_main{
	width: 491px;
	height: auto;
	float:right;
 	text-align:left;
	padding-left: 36px;
	word-break: normal;
	line-break: normal;
	position: relative;
	background:#fff url(../common_images2/side_back.gif) left repeat-y;
	}
	*html #interview_main{ width: 527px; }

#interview_main p img {   
 padding:0.4em 0;   
 vertical-align:middle;   
}   
#interview_main p > img {   
 padding:0;   
}  
/* Ì¿ */
.photo_left{
	width:200px;
	height:auto;
	position:relative;
	margin: 0 20px 15px 0 ;
	float:left;
}
.photo_center{
	width:200px;
	height:auto;
	position:relative;
	margin: 0;
}

.photo_right{
	width:200px;
	height:auto;
	position:relative;
	float:right;
	margin: 0 0 15px 20px ;
}

	span .zoom{
		width:42px;
		height:15px;
		position:absolute;
		bottom: 8px;
		right: 8px;
	}
	span .out{
		width:42px;
		height:15px;
		position:absolute;
		bottom: 8px;
		right: 8px;
	}

	.thumb{ border: 1px black solid; }
/* Videos */
#videos{
  width: 198px;
  height:auto;
  padding: 0px;
  margin:0;
  background-color:#fff;/* طʿ ѹ */
}
 #videos_title{
	 width:198px;
	 height:29px;
	 background:url(../common_images2/videos.gif) no-repeat;
 }
 #videos_text{
	 width: 198px;
	 height:auto;
	 background:url(../common_images2/orange_window2.gif) repeat-y;
 }
 	#videos_text p{
		width:160px;
		height:auto;
		color:#666;/* CDʬʸ ѹ */
		line-height: 1.2em;
		margin: 5px 0 0 17px ;
		}
 #videos_end{
	 width:198px;
	 height:9px;
	 background:url(../common_images2/orange_window3.gif) bottom no-repeat;
 }

/*  */
#archive{
  width: 198px;
  height:auto;
  padding: 0px;
  margin:0;
  background-color:#fff;/* طʿ ѹ */
  }
 #archive_title{
	 width:198px;
	 height:29px;
	 background:url(../common_images2/archive.gif) no-repeat;
 }
 #archive_text{
	 width: 198px;
	 height:auto;
	 background:url(../common_images2/orange_window2.gif) repeat-y;
 }
 #archive_end{
	 width:198px;
	 height:9px;
	 background:url(../common_images2/orange_window3.gif) bottom no-repeat;
 }
  #archive_text ul{ /* ʬꥹCSS */
  width: 160px;
  height:auto;
  text-indent: 0;
  margin:0 0 10px 5px;
  padding: 10px 0 10px 10px;
  text-indent: 0;
  }
  #archive_text li{
	  width: 160px;
	  height:auto;
	  line-height: 1.2em;
	  margin: 0 0 5px 10px;
	  padding: 0 ;
	  list-style: outside disc url(../common_images2/orange_mark.gif)
	  }
	  *html #archive_text ul{ margin: 0 0 0 5px; }
/* official site */
#official{
	width: 178px;
	height:auto;
	color: #a1a1a1;
	text-indent: 1em;
	}
	#official ul{ text-indent: 0; margin: 10px 0 0 20px; padding:0; }
	.gray_list{
		width:178px;
		height:auto;
		text-indent: 0;
		margin: 0 ;
		padding: 0 0 5px 10px;
		list-style:none;
		background: url(../common_images2/gray_mark.gif) center left no-repeat;
	}
/* 쥸å */
	.cresit{ 
	width: 200px;
	height:auto;
	margin: 30px 1em 1em 1em;
	position: absolute;
	left: -220px;
	bottom: 0px;
	color: #a1a1a1;
	font-size:100%;
	line-height: 1.5em;
	background:url(../common_images2/elmark.gif) top left no-repeat;
	padding-top: 90px;
	z-index:1;
	}
	.cresit2{ 
	width: 200px;
	height:auto;
	margin: 30px 1em 1em 1em;
	color: #a1a1a1;
	font-size:100%;
	line-height: 1.5em;
	background:url(../common_images2/elmark.gif) top left no-repeat;
	padding-top: 90px;
	}
/*-- Track ܥꥹ --*/
.track{
	width:198px;
	height:29px;
	background:url(../common_images2/track.gif) no-repeat;
	margin-top: 10px;
	}
.track_end{
	width:198px;
	height:7px;
	background:url(../common_images2/orange_window3.gif) bottom no-repeat;
	}
dl{ width: 198px;
	height:auto;
	margin: 0;
	padding:0;	
	background: url(../common_images2/orange_window2.gif) repeat;
	}
	dt{
	clear: both;
	padding: 5px;
	background:url(../common_images2/orange_window2.gif) repeat;
	}
	dd{
	width: auto;
	height: 19px;
	margin: 0 0 0 0;
	padding:0 3px 0 0;
	background:url(../common_images2/orange_window2.gif) repeat;
	}
	
/*-- 󥿥ӥ塼ڡ ꥹ --*/
#page_link{
	width:434px;
	height:auto;
	float: right;
	margin: 5px 0 0 0 ;
	padding: 0;
}
	#page_link_title{
		width:434px;	
		height:5px;
		background:#fff url(../common_images2/interview_window_1.gif) top no-repeat;
	}
	#page_link_text{
		width: 434px;
		height:auto;
		background:#fff url(../common_images2/interview_window_2.gif) repeat;
	}
		#page_link_text h4{
			border-bottom:1px #006699 solid;
			border-left: 4px #006699 solid;
			margin: 0 10px;
			padding-left: 2px;
			color:#006699;
		}
		#page_link_text p{
			margin: 0 15px;
			padding: 5px 0;
			color:#333;
			line-height: 1.2em;
		}
	#page_link_end{
		width: 434px;
		height:5px;
		background:#fff url(../common_images2/interview_window_3.gif) bottom no-repeat;
	}
#page_link ul{
	font-weight:bold;
	line-height: 1.5em;
	font-size:100%;
	color:#657aab;/* ʸ ѹ */
	list-style: disc url(../common_images2/pagelink_ico.gif) outside;
	margin:0 0 0 2em;
	padding: 0;
	}

/*-- YAHOO!Хʡ --*/

#yahoo_area{
	width: 730px;
	height: auto;
	margin: 30px 13px 13px 13px;
	}
	#yahoo_toparea{
	width: 491px;
	height:auto;
	text-align: right;
	clear: both;
	position:absolute;
	bottom: -35px;
	right: 4px;
		}


/*-- ܥåƥꥢ --*/
.c-both{ clear:both; }

/*--  --*/
img { border: 0px; }
br{ letter-spacing: 0; }
h1 , h2 , h3{ text-align: left;}
h5{ display:none;}
.left{ text-align: left; }
.right{ float:right; }

hr{ /* Ê¿ */
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #888; /* ο ѹ */
	height: 1px;
	text-align:center;
	margin: 30px 0 ;
	}
.big{ font-size:100%; font-weight:bold; }

/* È¿ */

#headarea a{/*󥯤줿ʸ*/
    color:#0000ff;
    font-style:normal;
    text-decoration:underline;
}
#headarea a:link {/*̤ˬΥ*/
    color:#0000ff;
    font-style:normal;
    text-decoration:underline;
}
#headarea a:visited {/*ˬΥ*/
    color:#555;
    text-decoration:underline;
}
#headarea a:hover {/*ޥΤȤ*/
    color:#F60;
    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_interview{
	width:179px;
	height:43px;
	margin: 5px 0 ;
	padding:0;
	text-indent:-9999px;
	float:right;
	background:url(../common_images2/interview_ico.gif) no-repeat;
	}
.btn_interview:hover{
	background:url(../common_images2/interview_ico_over.gif) no-repeat;}
	
		*html .btn_interview{ margin: 5px -8px -10px 0 ; } /* IE6ѥϥå ޡ碌 */
		*:first+child+html .btn_interview{ margin: 5px -8px -10px 0 ; } /* IE7ѥϥå ޡ碌 */
		html:first+child .btn_interview{ margin: 5px -8px -10px 0 ; } /* IE8ѥϥå ޡ碌 */

.btn_artist{
	width:179px;
	height:23px;
	margin: 0 0 0 27px;
	padding:0;
	text-indent:-9999px;
	float:left;
	background:url(../common_images2/ico_artist_page.gif) no-repeat;
	}
.btn_artist:hover{
	background:url(../common_images2/ico_artist_page.gif) no-repeat 0 -23px;
}
.btn_buy{
	width:65px;
	height:21px;
	margin:3px 0 15px 18px;
	padding:0;
	text-indent:-9999px;
	float:left;
	background:url(../common_images2/ico_buy.gif) no-repeat 0 0;
	}
.btn_buy:hover{
	background:url(../common_images2/ico_buy.gif) no-repeat 0 -21px;
}

.btn_listen{
	width:32px;
	height:16px;
	margin:0 2px 5px 0;
	padding:0;
	text-indent:-9999px;
	float:right;
	background:url(../common_images2/ico_listen.gif) no-repeat 0 0;
	}
.btn_listen:hover{
	background:url(../common_images2/ico_listen.gif) no-repeat 0 -17px;
}
.btn_songs{
	width:32px;
	height:16px;
	margin:0 2px 5px 0;
	padding:0;
	text-indent:-9999px;
	float:right;
	background:url(../common_images2/ico_songs.gif) no-repeat;
	}
.btn_songs:hover{
	background:url(../common_images2/ico_songs.gif) no-repeat 0 -17px;
}
.btn_youtube{
	width:46px;
	height:16px;
	margin:0 2px 5px 0;
	padding:0;
	text-indent:-9999px;
	float:right;
	background:url(../common_images2/ico_youtube.gif) no-repeat;
	}
.btn_youtube:hover{
	background:url(../common_images2/ico_youtube.gif) no-repeat 0 -17px;
}
.btn_back{
	width:52px;
	height:20px;
	margin:25px 10px 0 0;
	padding:0;
	text-indent:-9999px;
	float:right;
	background:url(../common_images2//page_back.gif) no-repeat;
	}
.btn_back:hover{
	background:url(../common_images2//page_back.gif) no-repeat 0 -20px;
}
.btn_next{
	width:52px;
	height:20px;
	margin:25px 0 0 0 ;
	padding:0;
	text-indent:-9999px;
	float:right;
	background:url(../common_images2/page_next.gif) no-repeat;
	}
.btn_next:hover{
	background:url(../common_images2/page_next.gif) no-repeat 0 -20px;
}

.btn_buy_none{ /* ǿѥܥ */
	width:65px;
	height:21px;
	margin:3px 0;
	padding:0;
	text-indent:-9999px;
	float:left;
	background:url(../common_images2/ico_buy.gif) no-repeat;
	}
.btn_buy_none:hover{
	background:url(../common_images2/ico_buy.gif) no-repeat 0 -21px;
}

.btn_play{ /* video playܥ */
	width:74px;
	height:24px;
	margin:3px 17px;
	padding:0;
	text-indent:-9999px;
	float:left;
	background:url(../common_images2/play.gif) no-repeat;
	}
.btn_play:hover{
	background:url(../common_images2/play_over.gif) no-repeat;
}


/***********************************************************************************

------CSS ʲ򥳥ԥڤƻȤäƤ------
	
<span id="open"><!-- 100Ï¢ -->
	<a href="javascript:;" onclick="document.getElementById('close').style.display='inline';
	document.getElementById('open').style.display='none';"><img src="../../common_images2/plus.gif" title="򳫤"/>***᤹ʸ***</a>
</span>

<span id="close" style="display: none;"> 
	<a href="javascript:;" onclick="document.getElementById('open').style.display='inline';
	document.getElementById('close').style.display='none';"><img src="../../common_images2/mainasu.gif" title="Ĥ"/>***᤹ʸ***</a>

	<span class="win_text">
	<a href="javascript:;" onclick="document.getElementById('open').style.display='inline'; document.getElementById('close').style.display='none';">
	<img src="../../common_images2/close.gif" title="Ĥ" /></a><br />
	
	ʸʸʸʸʸʸʸʸʸʸ
	ʸʸʸʸʸʸʸʸʸʸ
	
	</span>
</span>

------------̿CSS ԥڤƻȤäƲ-------------------------------
<!-- Ĥ¤٤ դ­Ʋ ʤphoto_left ʤphoto_right Ǥ
<div class="photo_left">
-->

<!-- photo -->
<div class="photo_center" style="z-index:;"><!--100ȹ߽Ϣ֡--> 
	  <a href="javascript:;" onclick="document.getElementById('close').style.display='inline'; document.getElementById('open').style.display='none';">
	  <img src="Í¥URL" class="jk" /></a>
	  <span id="open">
		  <a href="javascript:;" onclick="document.getElementById('close').style.display='inline'; document.getElementById('open').style.display='none';">
		  <img src="img/zoom.gif" class="zoom" /></a>
	  </span>
	  <span id="close3" style="display: none;">
		  <a href="javascript:;" onclick="document.getElementById('open').style.display='inline'; document.getElementById('close').style.display='none';">
		  <img src="img/out.gif" class="out" /></a>

	  <span class="win_text_right">
	  <a href="javascript:;" onclick="document.getElementById('open').style.display='inline'; document.getElementById('close').style.display='none';">
	   <img src="ܲURL" class="jk" /><br />
	   <img src="../../common_images2/close.gif" title="Ĥ" /></a>
	  </span>
</span>
</div>
<!-- photo -->

<!-- դ­ΡĤDIV
</div>
-->

***********************************************************************************************************/
.win_text2{
	line-height: 1.5em;
	font-size: 100%;
}

.win_text{
	width:350px;
	height: auto;
	font-size:100%;
	color:#333;
	display:block;
	position:absolute;
	right: 0;
	top:auto;
	padding:10px;
	border:2px solid #cccccc;
	background-color:#ffffff;
	word-break: normal;
	margin-top: 13px;
	z-index:200;
 }
 .win_text img{ margin-bottom: 3px; width:auto; } 

.win_comment{
	width:350px;
	height: auto;
	font-size:100%;
	color:#333;
	display:block;
	position:absolute;
	right: 0;
	top:auto;
	padding:10px;
	border:2px solid #cccccc;
	background-color:#ffffff;
	word-break: normal;
	margin-top: 13px;
	z-index:200;
 }
 .win_comment img{ margin-bottom: 3px; width:auto; } 

.win_text_right{ /*Ì¿ */
	width:auto;
	height: auto;
	font-size:100%;
	color:#333;
	display:block;
	position:absolute;
	right: 210px;
	top: -10px;
	padding:5px;
	border:2px solid #ccc;
	background-color:#fff;
	word-break: normal;
	z-index:100;
 }
.win_text_left{ /*Ì¿Ñ¡*/
	width:auto;
	height: auto;
	font-size:100%;
	color:#333;
	display:block;
	position:absolute;
	left: 80px;
	top: -20px;
	padding:5px;
	border:2px solid #ccc;
	background-color:#fff;
	word-break: normal;
	z-index: 100;
 }
/**** opera +safari hack *****/