@charset "utf-8";

body {
	margin: 0;
	padding: 0;
	line-height: 130%;
	font-size: 10px;
	font-family: "�q���M�m�ۃS Pro W4", 'Hiragino Maru Gothic Pro', "�l�r �o�S�V�b�N", "Osaka", verdana, sans-serif;
	text-align: center;
	letter-spacing: 0.1em;
	background: url(../imgs/bg.gif);
	}
	
	
/*--------------------------------------
 * �R���e���c
 * ---------------------------------------*/	

#contents {
	margin: 0px auto;
	width: 960px;
	background: #fff;
	}
		
	

/*--------------------------------------
 * �w�b�_�[
 * ---------------------------------------*/

#header {
	margin: 0px;
	padding: 20px 0px 10px 0px;
	width: 960px;
	height: 52px;
	}


#header ul.logo {
	margin: 0px 20px 0px 660px;
	padding: 0px;
	}
	

#header li.l1 {
	display: inline;
	float: left;

	}


#header ul.logo li.l1 a {
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	width: 66px;
	height: 46px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	background: url(../imgs/logo_babe.gif) no-repeat;
	}
	
	
#header li.l2 {
	display: inline;
	float: left;
	}


#header ul.logo li.l2 a {
	width: 58px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/logo_hihi.gif) no-repeat;
	}
	
/*--------------------------------------
 * 2013 l3追加 ロゴ
 * ---------------------------------------*/

#header li.l3 {
	display: inline;
	float: left;
	}


#header ul.logo li.l3 a {
	width: 280px;
	height: 46px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/logo_ve.gif) no-repeat;
	}	


/*--------------------------------------
 * �^�C�g��
 * ---------------------------------------*/

#title {
	width: 960px;
	height: 270px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	background: url(../imgs/title_img.jpg) no-repeat;
	}


/*--------------------------------------
 * �s�b�N�A�b�v
 * ---------------------------------------*/

#pick {
	width: 960px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-align: center;
	}


#pick ul.item {
	height: 285px;
	margin: 10px 0px 5px 40px;
	padding: 0px;
	}
	
	
#pick li.al01 {
	width: 430px;
	height: 285px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-indent: -9999px;
	background: url(../imgs/pick_01.jpg) no-repeat;
	}	
	

#pick li.al01 a {
	width: 430px;
	height: 285px;
	margin: 0px 20px 0px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-indent: -9999px;
	background: url(../imgs/pick_01.jpg) left top no-repeat;
	}
	
	
#pick li.al01 a:hover {
	background: url(../imgs/pick_01.jpg) right top no-repeat;
	}
	
	
#pick li.al02 {
	width: 430px;
	height: 285px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-indent: -9999px;
	background: url(../imgs/pick_02.jpg) no-repeat;
	}		


#pick li.al02 a {
	width: 430px;
	height: 285px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-indent: -9999px;
	background: url(../imgs/pick_02.jpg) left top no-repeat;
	}
	

#pick li.al02 a:hover {
	background: url(../imgs/pick_02.jpg) right top no-repeat;
	}
	
	
#pick2 ul.detail {
	height: 34px;
	margin: 0px 0px 20px 168px;
	padding: 0px;
	}
	
	
#pick2 li.btn1 {
	display: inline;
	float: left;
	}
	

#pick2 li.btn1 a {
	width: 173px;
	height: 34px;
	margin: 0px;
	padding: 0px 276px 0px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-indent: -9999px;
	background: url(../imgs/btn_pick01.jpg) no-repeat;
	}
	
	
#pick2 li.btn1 a:hover {
	background: url(../imgs/btn_pick01_ov.jpg) no-repeat;
	}
	
		
#pick2 li.btn2 {
	display: inline;
	float: left;
	}
	

#pick2 li.btn2 a {
	width: 173px;
	height: 34px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-indent: -9999px;
	background: url(../imgs/btn_pick02.jpg) no-repeat;
	}
	
	
#pick2 li.btn2 a:hover {
	background: url(../imgs/btn_pick02_ov.jpg) no-repeat;
	}		
	

/*--------------------------------------
 * �y�ȃ��X�g
 * ---------------------------------------*/
 
 #m_list {
 	width: 940px;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	}
	
	
#m_list ul.p_link {
	height: 32px;
	margin: 30px 0px 0px 554px;
	padding: 0px;
	}
		
	
#m_list li.btn_m2 {
	display: inline;
	float: left;
	}
		

#m_list li.btn_m2 a {
	width: 158px;
	height: 32px;
	margin: 0px 3px 0px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-align: center;
	text-indent: -9999px;
	background: url(../imgs/btn_m2.gif) left top no-repeat;
	}
	
	
#m_list li.btn_m2 a:hover {
	background: url(../imgs/btn_m2.gif) right top no-repeat;
	}	

	
#m_list li.btn_m3 {
	display: inline;
	float: left;
	}
	

#m_list li.btn_m3 a {
	width: 211px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	display: inline;
	float: left;
	text-align: center;
	text-indent: -9999px;
	background: url(../imgs/btn_m3.gif) left top no-repeat;
	}
	
	
#m_list li.btn_m3 a:hover {
	background: url(../imgs/btn_m3.gif) right top no-repeat;
	}	
					
	
#t_bar {
	width: 940px;
	height: 38px;
	margin: 10px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/t_m.gif) no-repeat;
	}	
	
	
#t_bar2 {
	width: 940px;
	height: 38px;
	margin: 30px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/t_m2.gif) no-repeat;
	}	
	
	
#t_bar3 {
	width: 940px;
	height: 38px;
	margin: 30px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/t_m3.gif) no-repeat;
	}			


/*--------------------------------------
 * 2013追加
 * ---------------------------------------*/
#br_plus1 {
	width: 940px;
	height: 38px;
	margin: 10px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/br_plus1.gif) no-repeat;
	}	
	
#br_1970 {
	width: 940px;
	height: 38px;
	margin: 10px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/br_1970.gif) no-repeat;
	}	
	
#br_1980 {
	width: 940px;
	height: 38px;
	margin: 30px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/br_1980.gif) no-repeat;
	}	

#br_1990 {
	width: 940px;
	height: 38px;
	margin: 30px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/br_1990.gif) no-repeat;
	}
					
#br_2000 {
	width: 940px;
	height: 38px;
	margin: 30px auto 10px auto;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	text-align: center;
	background: url(../imgs/br_2000.gif) no-repeat;
	}		
	
/*--------------------------------------
 * �y�ȃ��X�g�@�e�[�u��
 * ---------------------------------------*/
 	
 #m_ta1 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
 	text-align: left;
	}

	
.m_data ul {
	margin: 0px;
	padding: 0px;
	}
	

.m_data li.data {
	margin: 8px 0px 0px 8px;
	padding: 0px;
	font-size: 15px;
	color: #000000;
	text-decoration:none; 
	font-weight: bold;
	line-height: 120%;
	}


.m_data li.artist {
	margin: 3px 0px 0px 8px;
	padding: 0px;
	font-size: 11px;
	color: #000000;
	text-decoration:none; 
	font-weight: normal; 
	}
	
	
.m_data li.listen a {
	width: 129px;
	height: 20px;
	margin: 5px 0px 5px 8px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/sound.gif) left top no-repeat;
	}
	
	
.m_data li.listen a:hover {
	background: url(../imgs/sound.gif) right top no-repeat;
	}
				
		
.m_data li.listen_off {
	width: 129px;
	height: 20px;
	margin: 5px 0px 5px 8px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/sound_off.gif) no-repeat;
	}
			

.m_icon ul {
	margin: 0px;
	padding: 0px;
	}
	

.m_icon li {
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	}
	

.m_icon li.itunes a {
	width: 53px;
	height: 69px;
	margin: 8px 5px 8px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/itunes.gif) left top no-repeat;
	}
	
	
.m_icon li.itunes a:hover {
	background: url(../imgs/itunes.gif) right top no-repeat;
	}
	

.m_icon li.itunes_off {
	width: 53px;
	height: 69px;
	margin: 8px 5px 8px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/itunes_off.gif) no-repeat;
	}	
		

.m_icon li.mobile a {
	width: 53px;
	height: 69px;
	margin: 8px 0px 8px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/mobile.gif) left top no-repeat;
	}
	
	
.m_icon li.mobile a:hover {
	background: url(../imgs/mobile.gif) right top no-repeat;
	}
	

.m_icon li.mobile_off {
	width: 53px;
	height: 69px;
	margin: 8px 0px 8px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/mobile_off.gif) no-repeat;
	}
			
		
.m_cd ul {
	margin: 0px;
	padding: 0px;
	}
	

.m_cd li {
	margin: 0px;
	padding: 0px;
	}
				
			
.m_cd li.cd_tx {
	font-size: 9px;
	color: #000000;
	text-decoration:none; 
	font-weight: normal; 
	line-height: 130%;
	text-align: center;
	margin: 8px 0px 3px 0px;
	padding: 0px;
	}
	
.m_cd li.cd {
	margin: 0px 0px 8px 0px;
	padding: 0px;
	}		


.m_re ul {
	margin: 0px;
	padding: 0px;
	}
	
	
.m_re li {
	margin: 0px;
	padding: 0px;
	}
	
	
.m_re li.hr {
	width: 920px;
	height: 9px;
	margin: 5px 0px 5px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/hr920.gif) no-repeat;
	}	
	
.m_re li.up {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	}	
	
	
.m_po ul {
	margin: 0px;
	padding: 0px;
	}
	

.m_po li {
	margin: 0px;
	padding: 0px;
	}
	
	
.m_po li#a {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/a.gif) no-repeat;
	}
	
.m_po li#ka {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/ka.gif) no-repeat;
	}
	
	
.m_po li#sa {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/sa.gif) no-repeat;
	}
	
	
.m_po li#ta {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/ta.gif) no-repeat;
	}
					
	
.m_po li#na {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/na.gif) no-repeat;
	}
	
				
.m_po li#ha {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/ha.gif) no-repeat;
	}		
	
	
.m_po li#ma {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/ma.gif) no-repeat;
	}
		
	
.m_po li#ya {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/ya.gif) no-repeat;
	}	
	
	
.m_po li#ra {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 18px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/ra.gif) no-repeat;
	}	
	
	
.m_po li#wa {
	width: 40px;
	height: 40px;
	margin: 0px;
	padding: 0px 0px 20px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	float: left;
	background: url(../imgs/wa.gif) no-repeat;
	}
	
	
.m_po li.n_t {
	margin: 15px 0px 0px 0px;
	padding: 0px;
 	text-align: right;
	font-size: 14px;
	color: #999999;
	text-decoration:none; 
	font-weight: normal;
	letter-spacing: 0.2em;
	}							

	
/*--------------------------------------
 * �e�q�Ŋy����CD
 * ---------------------------------------*/
 
#m_ta2 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
 	text-align: left;
	}

	
.m2_ja ul {
	width: 90px;
    height: 90px;
	margin: 0px;
	padding: 0px;
	}	
	
	
.m2_ja li.img {
	margin: 10px 0px 10px 10px;
	padding: 0px;	
	}	
	


.m2_data ul {
	width: 330px;
	margin: 0px;
	padding: 0px;
	}
		
	

.m2_data li.data {
	margin: 10px 0px 0px 10px;
	padding: 0px;
	width: 330px;
	text-align: left;	
	}
	
.m2_data li.num {
	margin: 2px 0px 0px 10px;
	padding: 0px;
	font-size: 12px;
	color: #000000;
	text-decoration:none; 
	font-weight: normal; 
	}	
	
	
.m2_data li.line {
	width: 330px;
	height: 1px;
	margin: 0px 0px 0px 10px;
	padding: 3px 0px 3px 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/line330.gif) no-repeat;	
	}	
	
	
.m2_data li.m2_catch {
	width: 330px;
	margin: 0px 0px 0px 10px;
	padding: 0px;
	font-size: 10px;
	color: #000000;
	text-decoration:none; 
	font-weight: normal	
	}

	
.m2_data li.data_pre {
	width: 330px;
	margin: 10px 0px 0px 10px;
	padding: 0px;
	text-align: left;
	font-size: 12px;
	color: #000000;
	text-decoration:none; 
	font-weight: bold;	
	}

	
.m2_data li.sell {
	margin: 2px 0px 0px 10px;
	padding: 0px;
	font-size: 11px;
	color: #cc0000;
	text-decoration:none; 
	font-weight: normal; 
	}

	
	
/*--------------------------------------
 * ���ꂳ��ɃI�X�X����CD
 * ---------------------------------------*/
 
 #m_ta3 {
	margin: 0px 0px 0px 20px;
	padding: 0px;
 	text-align: left;
	}
 


/*--------------------------------------
 * �o�i�[
 * ---------------------------------------*/

#banner {
	margin: 0px;
	padding: 0px;
	text-align:center;
	}


#banner ul {
	height: 124px;
	margin: 20px 0px 0px 47px;
	padding: 0px;
	}
	
	
#banner li.ba_01 {
	width: 285px;
	height: 124px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	}
		

#banner li.ba_01 a {
	width: 285px;
	height: 124px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/ba_hihi.jpg) left top no-repeat;
	}
	
	
#banner li.ba_01 a:hover {
	background: url(../imgs/ba_hihi.jpg) right top no-repeat;
	}	
	
	
#banner li.ba_02 {
	width: 285px;
	height: 124px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: inline;
	float: left;
	}
	
	
#banner li.ba_02 a {
	width: 285px;
	height: 124px;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/ba_bad.jpg) left top no-repeat;
	}
	
	
#banner li.ba_02 a:hover {
	background: url(../imgs/ba_bad.jpg) right top no-repeat;
	}	
	
	
#banner li.ba_03 {
	width: 285px;
	height: 124px;
	margin: 0px;
	padding: 0px;
	display: inline;
	float: left;
	}
		
	
#banner li.ba_03 a {
	width: 285px;
	height: 124px;
	margin: 0px;
	padding: 0px;
	display: block;
	/* except macIe ��*/
	overflow: hidden;
	/*   */
	text-indent: -9999px;
	background: url(../imgs/ba_babe.jpg) left top no-repeat;
	}	
		

#banner li.ba_03 a:hover {
	background: url(../imgs/ba_babe.jpg) right top no-repeat;
	}	
		
		
				
/*--------------------------------------
 * �t�b�^�[
 * ---------------------------------------*/

#footer {
	margin: 0px;
	padding: 50px 0px 50px 0px;
	text-align:center;
	font-size: 12px;
	}
		

#footer ul {
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}	
	
	
#footer li {
	margin: 0px;
	padding: 0px;
	}		
		


/*--------------------------------------
 * Text Module
 * ---------------------------------------*/
p,
pre,
address,
cite {
	}

h1,
h2 {
	font-weight: normal;
	}

ul,
ol,
li {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	}
	
	


/*--------------------------------------
 * Image Module
 * ---------------------------------------*/
img {
	margin: 0px;
	padding: 0px;
	border:none;
	vertical-align: bottom;
	}



/*--------------------------------------
 * Hypertext Module
 * ---------------------------------------*/
	
a.m_title,a.m_title:visited {
	font-size: 14px;
	color: #000000;
	text-decoration:none; 
	font-weight: bold;
	}
	

a.m_title:hover, a.m_title:active{
	color: #cc0000;
	}


a.m_title2,a.m_title2:visited {
	font-size: 12px;
	color: #000000;
	text-decoration:none; 
	font-weight: bold;
	}
	

a.m_title2:hover, a.m_title2:active{
	color: #cc0000;
	}
	

a.p_top,a.p_top:visited {
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight: normal;
	letter-spacing: 0.1em;
	}
	

a.p_top:hover, a.p_top:active{
	color: #999999;
	}


a.p_link,a.p_link:visited {
	font-size: 14px;
	color: #cc0000;
	text-decoration:none; 
	font-weight: bold;
	letter-spacing: 0.2em;
	}
	

a.p_link:hover, a.p_link:active{
	color: #00ccff;
	}


a.copy,a.copy:visited {
	font-size: 12px;
	color: #09c;
	text-decoration:
	none; font-weight: normal;
	}

a.copy:hover, a.copy:active{
	text-decoration: underline;
	}

/*--------------------------------------
 * 2013 追加 del
 * ---------------------------------------*/

del {
    color: #f00;
}
span {
    color: #000;
	font-size: 80%;
}