@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
=================================================================== */



/*----------------------------------------------------
	#pageIndex
----------------------------------------------------*/

/*　NEWS (サイドの場合)　*/
.typeSide #moduleNews .listStyle .box{
	width:90%;
	margin:auto}
.typeSide #moduleNews .listStyle .box .date{
	float:none;}
.typeSide #moduleNews .listStyle .box .article{
	margin:0;}


/*　NEW RELEASE　*/
.typeMusic .box{
	padding:10px 0;
	clear:both;
	width:100%;
	overflow:hidden;
	border-bottom:1px solid;
	border-color:#ccc;	 /*　★罫線色　*/}
.typeMusic .box .photo{
	float:left;
	width:160px;}
.typeMusic .box .photo .jacket{
	margin-bottom:5px;}
.typeMusic .box .buy .btnBasic{
	width:150px;
	margin:0 auto 0 0;}

.typeMusic .box .text{
	margin-left:165px;
	line-height:1.2;}
.typeMusic .box .text .title{
	margin-bottom:5px;}
.typeMusic .box .text .title a{
	display:block;
	font-weight:bold;
	margin-bottom:5px;}


/*　NEW RELEASE (サイドの場合)　*/
.typeSide .typeMusic .box{
	width:90%;
	margin:auto;}
.typeSide .typeMusic .box .photo{
	width:auto;
	
	text-align:center;
	float:none;
	padding-bottom:10px;}
.typeSide .typeMusic .box .buy a{
	margin:auto;}
.typeSide .typeMusic .box .text{
	margin:0}

.typeSide .more{
	margin:0 10px 10px 0;}

/*　moduleMusic　*/
#moduleMusic{
	font-weight:bold;}
#moduleMusic a{
	display:block;
	margin-top:5px;}	
	
/*　moduleShop　*/
#moduleShop{
	font-weight:bold;}
#moduleShop a{
	display:block;
	margin-top:5px;}

/*　moduleBanner　*/
#moduleBanner{
	background:none;}
#moduleBanner .inner{
	padding:0;}
	

/*　moduleTwitter　*/
#moduleTwitter li{
	clear:both;
	width:100%;
	overflow:hidden;
	line-height:1.3;
	padding:5px 0;
	border-bottom:1px solid;
	border-color:#ccc; 	 /*　★罫線色　*/}
#moduleTwitter li a{
	margin-right:3px;}
#moduleTwitter li.last{
	border:none;}
#moduleTwitter .photo{
	float:left;
	vertical-align:top;}
#moduleTwitter .photo img{
	width:38px;}
#moduleTwitter .text{
	margin-left:45px;
	font-size:10px;}
#moduleTwitter .text .date{
	color:#999;}
#moduleTwitter .text .RT{
	border:1px solid;
	border-color:#008cdb;	 /*　★リンク色　*/
	padding:0 5px;}
	
	
/*　moduleFaceBook　*/
#moduleFaceBook iframe{
	width:100%;}

/*　moduleMovie　*/
#moduleMovie{
	text-align:center;}
#moduleMovie .boxTitle{
	text-align:left;}
#main #moduleMovie iframe{
	text-align:center;
	width:100%; height:280px;}
.column1 #main #moduleMovie iframe{
	width:500px; height:350px;}
.column2L #main #moduleMovie iframe,
.column2R #main #moduleMovie iframe{
	width:400px; height:300px;}
	
/*　moduleMovie(サイドの場合)　*/
.typeSide #moduleMovie iframe{
	width:100%; height:220px;}


/*　moduleFree　*/	
#moduleFree{
	background:none;}
#moduleFree .inner{
	padding:0;}



/*----------------------------------------------------
	#pageMusic
----------------------------------------------------*/


#musicDetail{
	clear:both;
	margin-top:15px;}

#discInfo{
	position:relative;
	width:100%;
	padding-bottom:15px;
	overflow:hidden;
	border-bottom:1px solid;
	border-color:#ccc;	/*　★罫線色　*/}

#discInfo .photo{
	float:left;
	width:205px;
	margin-right:10px;}
#discInfo .photo img{
	width:200px;}

#discInfo .text{
	display:block;
	z-index:1;
	overflow:hidden;}
#discInfo .title{
	font-weight:bold;
	font-size:16px;
	border-bottom:1px solid #ccc;
	border-color:#ccc;	/*　★罫線色　*/
	margin-bottom:10px;
	padding:0 0 3px 0;
	display:block;}
#discInfo .article{
	width:auto;
	margin-top:10px;}
/*#discInfo .buy a{
	background:url(../img/btn_mumo-l.jpg) no-repeat;
	display:block;
	text-indent:-9899px;
	overflow:hidden;
	outline:none;
	width:200px; height:50px;	}*/
	
#songList{
	margin:10px auto;}
#songList h2,
#musicShop h2{
	font-size:16px;
	padding:10px 0;}
#songList .unit{
	padding:5px 0;}
#songList .disc{
	margin-bottom:20px;}
#songList li{
	list-style:inside decimal;
	padding:5px 10px;}
#songList li.even{
	background:#efefef;}	/*　★コンテンツ背景色２（しましま）　*/
#songList li span.name{	
	padding:8px 0 0px 22px;
	margin-top:-8px;
	display:block;}





/*----------------------------------------------------
	#pageMovie
----------------------------------------------------*/

#movieBox .box{
	float:none;
	background:none;
	text-align:center;

      vertical-align:top;
      display: -moz-inline-box; /*for Firefox 2*/
      display: inline-block;      /*for modern*/
      /display: inline;             /*for ie5～7*/
      /zoom: 1;                     /*for ie5～7*/
	
	}
.column1 #movieBox .box	{width:29.5%;}
.column2L #movieBox .box,
.column2R #movieBox .box{width:45%;}
.column3 #movieBox .box	{width:90%; margin-bottom:15px;}

#movieBox .box iframe{
	margin:0 auto;
	text-align:center;}
.column1 #movieBox .box iframe	{width:100%; height:240px;}
.column2L #movieBox .box iframe,
.column2R #movieBox .box iframe	{width:100%; height:265px;}
.column3 #movieBox .box iframe	{width:100%; height:315px;}

#movieBox .box .buy{
	display:block;}





/*----------------------------------------------------
	#pageShops (ポップアップ内ページ）
----------------------------------------------------*/
#pageShops{
	background:#fff;}
#areaShops{
	width:300px;
	margin:0 auto;}

#areaShops .article{
	padding:15px 0;}

#areaShops ul{
	width:310px;
	margin-right:-5px;}

#areaShops li{
	float:left;
	margin:0 8px 8px 0;}