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

/*-------------------
	レイアウト
------------------- */

/*-------------------
	見出し
------------------- */
#main h2{
	width:438px;
	height:22px;
	background-image: url(../../images/disco/h2disco.jpg);
	background-repeat:no-repeat;
	text-indent:-9999px;
}

/*-------------------
	年別ボタン
------------------- */
#main li.year2014 a, #main li.year2013 a, #main li.year2012 a, #main li.year2011 a,#main li.year2010 a, #main li.year2009 a, #main li.year2008 a, #main li.year2006 a{
	float:left;
	display:inline;
	width:145px;
	height:34px;
	background-repeat:no-repeat;
	background-position:0 -34px;
	text-indent:-9999px;
	color:#ff0000;
	display:block;
	overflow:hidden;
}

#main li.year2014 a:hover, #main li.year2013 a:hover, #main li.year2012 a:hover, #main li.year2011 a:hover, #main li.year2010 a:hover, #main li.year2009 a:hover, #main li.year2008 a:hover, #main li.year2006 a:hover{
	background-position:0 0;
}

/* --------------------------------------------------------------------------- */
#main li.year2014 a{
	background-image: url(../../images/common/2014.jpg);
	margin:20px 0px 15px 25px;
}
#main li.year2013 a{
	background-image: url(../../images/common/2013.jpg);
	margin:20px 0px 15px 25px;
}
#main li.year2012 a{
	background-image: url(../../images/common/2012.jpg);
	margin:20px 0px 15px 25px;
}

/* ------------------------次の年になったら25px→1pxに変更--------------------------- */

#main li.year2011 a{
	background-image: url(../../images/common/2011.jpg);
	margin:20px 0px 15px 25px;
}

/* ------------------------------------------------------------------------------- */

#main li.year2010 a{
	background-image: url(../../images/common/2010.jpg);
	margin:20px 0px 15px 1px;
}

#main li.year2009 a{
	background-image: url(../../images/common/2009.jpg);
	margin:20px 0px 15px 1px;
}
#main li.year2008 a{
	background-image: url(../../images/common/2008.jpg);
	margin:20px 0px 15px 1px;
}
#main li.year2006 a{
	background-image: url(../../images/common/2006.jpg);
	margin:20px 0px 15px 1px;
}


/*-------------------
	ディスコグラフィーボックスレイアウト
------------------- */
#main div.box{
	clear:left;
	background-image: url(../../images/common/middlebg.jpg);
	background-repeat:repeat-y;
}

#main div.box p.date{
	height:30px;
	background-image: url(../../images/common/topbg.jpg);
	background-repeat:no-repeat;
	padding-top:10px;
}

#main div.box p.maincontent{
}

#main div.box p.pagetop{
	clear:left;
	height:50px;
	background-image: url(../../images/common/bottombg.jpg);
	background-repeat:no-repeat;
	text-align:right;
	font-size:0.7em;
}



/*-------------------
	日付詳細
------------------- */
/* テキスト共通 */
#main div.box p.date span.datetext, #main div.box span.maintext, div.box li.songtitle, div.box li.songtitle1, div.box li.songtitle2, div.box li.songname, div.box li.songcost{
	color:#333333;
	
}

#main div.box p.date span.datetext{
	font-size:0.8em;
	margin:0px 0px 0px 60px;
}



/*-------------------
	メイン部分詳細
	タイトル
------------------- */
div.box h3{
	float:left;
	color:#333333;
	font-size:1.1em;
	font-weight:bold;
	margin:10px 0px 0px 60px;
	display:inline;
}

/* 視聴するボタン */
div.box li.btn1{
	float:left;
	margin:5px 0px 0px 100px;
	display:inline;
}

/* ＣＤ購入ボタン */
div.box li.btn2{
	float:left;
	margin:5px 0px 0px 15px;
	display:inline;
}

div.box li.btn1 a, div.box li.btn2 a{
	height:30px;
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:block;
}
div.box li.btn1 a:hover, div.box li.btn2 a:hover{
	background-position:0 -30px;
}

div.box li.btn1 a{
	width:125px;
	background-image: url(../../images/disco/LisBtn.jpg);
}

div.box li.btn2 a{
	width:146px;
	background-image: url(../../images/disco/CDBtn.jpg);
}




/*-------------------
	メイン部分詳細
	画像・説明
------------------- */
div.box dl{
	clear:left;
	margin:20px 60px 20px 60px;
}

div.box dl dt{
	float:left;
	width:212px;
	height:214px;
	display:inline;
	background-color:#ffffff;
}

div.box dl dd{
	float:left;
	width:490px;
	color:#333333;
	font-size:0.9em;
	margin:0px 0px 0px 25px;
	display:inline;
}

/*-------------------
	メイン部分詳細
	収録曲
------------------- */
#main div.box span.maintext, div.box li.songtitle, div.box li.songtitle1, div.box li.songtitle2{
	font-size:0.9em;
}

#main div.box span.maintext{
	margin:50px 0px 0px 60px;
}

div.box li.songtitle1 img, div.box li.songtitle img, div.box li.songtitle2 img{
	vertical-align:middle;
	margin:0px 10px 0px 0px;
}
div.box li.songtitle1 a, div.box li.songtitle a, div.box li.songtitle2 a{
	padding:auto 0;
}

div.box li.songtitle1{
	margin:10px 0px 0px 80px;
	
}

div.box li.songtitle{/*update 20110201*/
	margin:5px 0px 0px 120px;
}

div.box li.songtitle2{
	margin:5px 0px 0px 80px;
}




div.box li.songname, div.box li.songcost{
	font-size:0.8em;
	
}
div.box li.songname{
	margin:-3px 0px 0px 120px;
	
}

div.box li.songcost{
	float:left;
	margin:20px 0px 0px 80px;
	display:inline;
}
div.box li.btn3{
	float:left;
	display:inline;

}
div.box li.btn3 a{
	width:146px;
	height:30px;
	background-image: url(../../images/disco/CDBtn.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	text-indent:-9999px;
	display:block;
	margin:20px 0px 0px 15px;

}
div.box li.btn3 a:hover{
	background-position:0 -30px;
}

/*-------------------
	ページトップ
------------------- */
#main div.box span.pagetoptext{
	color:#333333;
	margin:0px 60px 0px 0px;
}

/*-------------------
	ページ固有部分
------------------- */


/*-------------------
	ＩＥ6向け
------------------- */
/*　--------------------ＩＥ6向け-----------------------　*/
*html #main li.year2014, *html #main li.year2013, *html #main li.year2012, *html #main li.year2011, *html #main li.year2010, *html #main li.year2009, #main li.year2008, *html #main li.year2006{
	float:left;
	display:inline;

}

/*-----------以下を操作、前年をコメントアウト-------------------------*/
*html #main li.year2014 a{
	margin:20px 0px 15px 12px;
}
*html #main li.year2013 a{
	margin:20px 0px 15px 12px;
}
*html #main li.year2012 a{
	margin:20px 0px 15px 12px;
}
*html #main li.year2011 a{
	margin:20px 0px 15px 12px;
}
/*update 20110201*/
/**html #main li.year2010 a{
	margin:20px 0px 15px 12px;
}*/
/*------------------------------------------------------------------*/


*html #main div.box{
	margin:15px 0px 0px 0px;
}
*html div.box h3{
	margin:-15px 0px 0px 60px;
}
*html div.box ul{
	margin-top:-15px;
}

*html div.box li.btn1{
	margin:0px 0px 0px 100px;
}
*html div.box li.btn2{
	margin:0px 0px 0px 15px;
}


/*　--------------------ＩＥ７向け-----------------------　*/
*:first-child+html #main li.year2014, *:first-child+html #main li.year2013, *:first-child+html #main li.year2012, *:first-child+html #main li.year2011, *:first-child+html #main li.year2010, *:first-child+html #main li.year2009, *:first-child+html #main li.year2008, *:first-child+html #main li.year2006{
	float:left;
	display:inline;

}

*:first-child+html div.box h3{
	margin:-15px 0px 0px 60px;
}
*:first-child+html div.box ul{
	margin-top:-15px;
}

*:first-child+html div.box li.btn1{
	margin:0px 0px 0px 100px;
}
*:first-child+html div.box li.btn2{
	margin:0px 0px 0px 15px;
}

*:first-child+html #main div.box{
	margin:15px 0px 0px 0px;
}