@charset "utf-8";

/*--------------------------------------
 * Universal selector
 * ---------------------------------------*/
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	}

/*--------------------------------------
 * Structure Module
 * ---------------------------------------*/
body {
	margin: 0px 0px;
	padding: 0;
	line-height: 130%;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W6","HiraKakuPro-W6","メイリオ","ＭＳ Ｐゴシック", "Osaka", verdana, sans-serif;
	text-align: center;
	color: #333;
	background: url(../images/bg.jpg)  repeat #f1e928 center top;
	letter-spacing: 0.1em;
	}
/*--------------------------------------
 * Text Module
 * ---------------------------------------*/
p,
pre,
address,
cite {
	}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-weight: normal;
	}

ul,
ol {
	margin: 0;
	padding: 0;
	list-style-type: none;
	}
br {
	letter-spacing: 0;
	}

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

/*--------------------------------------
 * Table Module
 * ---------------------------------------*/
table{
	margin: 0px;
	padding: 0px;
	border: 0px none;
	border-collapse: collapse;
	}
	

/*--------------------------------------
 * Hypertext Module
 * ---------------------------------------*/
a,
a:link,
a:visited {
	color: #777;
	text-decoration: none;
	font-weight: normal;
	}

a:active,
a:hover,
a:focus {
	color: #aaa;
	}

/*--------------------------------------
 * ライン
 * ---------------------------------------*/

hr {
	display:none;
	clear:both;
	}

/*--------------------------------------
 * コンテンツ
 * ---------------------------------------*/

#wrapper {
	min-width: 968px;
	text-align: left;
	background: url(../images/bg.gif) repeat-y center top;
	}


/*--------------------------------------
 * ヘッダー
 * ---------------------------------------*/

#header {
	min-width: 968px;
	height: 589px;
	background: url(../images/bg_header.gif) repeat-x center top;
	}


#header h1 {
	height: 105px;
	background: url(../images/title.jpg) no-repeat center 2px;
	text-indent: -9999px;
	}

#header h2 {
	height: 366px;
	background: url(../images/release.jpg) no-repeat center top;
	text-indent: -9999px;
	}


#event-navi {
	margin: 0px auto;
	width: 968px;
	height: 115px;
	background: url(../images/bg_event.gif) repeat-y center top;
	}

#header h3 {
	margin: 0px auto;
	width: 940px;
	height: 82px;
	background: url(../images/title_event.gif) no-repeat 110px 8px;
	text-indent: -9999px;
	}

/*ナビゲーション*/
div.navigation {
	padding: 0px 50px 0px 123px;
	}

li.navigation {
	height: 29px;
	line-height: 100%;
	}

li.navigation ul {
	height: 29px;
	}

li.navigation ul li {
	padding-left: 1px;
	padding-right: 1px;
	float: left;
	height: 29px;
	background: url(../images/bg_navi.gif) repeat-y right 0px;
	}

li.navigation ul li.navi-information {
	background: none;
	}

a#navi-category0 {
	float: left;
	}

a#navi-category0,
a#navi-category1,
a#navi-category2,
a#navi-category3,
a#navi-category4,
a#navi-category5,
a#navi-category6,
a#navi-category7,
a#navi-info {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	height: 29px;
	background: url(../images/navi.gif) no-repeat;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	font-size: 0px;
	}

a#navi-category1 {
	width: 100px;
	background-position: 0px 0px;
	}

a#navi-category2 {
	width: 77px;
	background-position: -100px 0px;
	}

a#navi-category3 {
	width: 76px;
	background-position: -177px 0px;
	}

a#navi-category4 {
	width: 77px;
	background-position: -253px 0px;
	}


a#navi-info {
	width: 384px;
	background-position: -340px 0px;
	}

a#navi-category1:active,
a#navi-category1:hover,
a#navi-category1:focus {
	background-position: 0px -29px;
	}

a#navi-category2:active,
a#navi-category2:hover,
a#navi-category2:focus {
	background-position: -100px -29px;
	}

a#navi-category3:active,
a#navi-category3:hover,
a#navi-category3:focus {
	background-position: -177px -29px;
	}

a#navi-category4:active,
a#navi-category4:hover,
a#navi-category4:focus {
	background-position: -253px -29px;
	}

a#navi-info:active,
a#navi-info:hover,
a#navi-info:focus {
	background-position: -340px -29px;
	}


/*--------------------------------------
 * コンテンツ
 * ---------------------------------------*/
#contents {
	margin: 0px auto;
	width: 940px;
	background: #fff;
	}

/*--------------------------------------
 * コンテンツ
 * ---------------------------------------*/
#primaryArea {
	padding: 0px 0px 20px 0px;
	overflow: hidden;
	}

#primaryArea:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	}

/*\*/
* html #primaryArea {
	height: 1em;
	overflow: visible;
	}
/**/


#primaryArea p.lead {
	height: 295px;
	background: url(../images/lead.gif) no-repeat;
	text-indent: -9999px;
	}

#primaryArea .extra {
	height: 319px;
	background: url(../images/bg_extra.gif) no-repeat 118px  0px #d70101;
	}

#primaryArea .extra dd.youtube {
	padding: 15px 12px 0px 132px;
	float: left;
	width: 350px;
	height: 288px;
	}

#primaryArea .extra dd.tour {
	padding:33px 0px 0px 0px;
	float: left;
	width: 365px;
	height: 201px;
	}

#primaryArea .extra dd.tour h3 {
	padding: 0px 0px 0px 0px;
	width: 347px;
	text-indent: -9999px;
	}

#primaryArea .extra dd.tour ul {
	padding:0px 0px 0px 0px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	line-height: 150%;
	text-align: center;
	}
#primaryArea .extra dd.tour ul a {
	color: #f2e527;
	font-size: 10px;
	font-weight: bold;
	}


#primaryArea .extra dd.tour ul li {
	}

#primaryArea .extra dd.youtube-link {
	padding: 0px 0px 0px 2px;
	float: left;
	height: 69px;
	}
	
#primaryArea .extra dd.youtube-link a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 365px;
	height: 69px;
	background: url(../images/youtube.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	}

#primaryArea .extra dd.youtube-link a:active,
#primaryArea .extra dd.youtube-link a:hover,
#primaryArea .extra dd.youtube-link a:focus {
	background-position: 0px -69px;
	}


/*--------------------------------------
 * コンテンツ
 * ---------------------------------------*/
#secondaryArea {
	padding: 20px 0px 0px 0px;
	clear: both;
	position: relative;
	overflow: hidden;
	background: url(../images/bg_release.gif) no-repeat #d70101;
	}

#secondaryArea:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	}

/*\*/
* html #secondaryArea {
	height: 1em;
	overflow: visible;
	}
/**/
/*--------------------------------------
 * 商品情報
 * ---------------------------------------*/

#AT0M {
	margin: 0px auto;
	padding: 0px 15px 0px 20px;
	overflow: hidden;
	text-align: left;
	color: #fff;
	}

#AT0M:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	}

/*\*/
* html #AT0M {
	height: 1em;
	overflow: visible;
	}
/**/



#AT0M .extra-link {
	position: absolute;
	top: 13px;
	right: 13px;
	width: 178px;
	height: 178px;
	}

#AT0M .extra-link a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 178px;
	height: 178px;
	background: url(../images/myspace.gif) no-repeat;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	}

#AT0M .extra-link a:active,
#AT0M .extra-link a:hover,
#AT0M .extra-link a:focus {
	background-position: 0px -178px;
	}

.jacket {
	float: left;
	width: 240px;
	}


#AT0M h2 {
	float: left;
	width: 645px;
	height: 65px;
	background: url(../images/title_release.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	border-bottom: solid 1px #fff;
	}

#product-data {
	padding: 2px 19px 0px 0px;
	float: left;
	font-size: 12px;
	width: 390px;
	}



#product-data li.product-detail {
	padding: 0px 0px 0px 0px;
	float: left;
	font-size: 10px;
	line-height: 17px;
	}

#product-data ul.product-detail {
	padding: 6px 0px 2px 0px;
	clear: left;
	overflow: hidden;
	}

#product-data ul.product-detail:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
	}

/*＼*/
* html #product-data ul.product-detail {
	height: 1em;
	overflow: visible;
}
/**/

#product-data .type {
	font-size: 12px;
	font-weight: bold;
	}
	
#product-data li.lead {
	padding: 2px 0px 0px 1em;
	clear: left;
	font-size: 10px;
	}
	
#product-data li.order {
	padding: 0px 0px 0px 6px;
	float: left;
	}

#product-data li.order a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 61px;
	height: 17px;
	background: url(../images/click.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	text-decoration: none;
	}

#product-data li.order a:active,
#product-data li.order a:hover,
#product-data li.order a:focus {
	background-position: 0px -17px;
	}
	

/*--------------------------------------
 * トラックリスト
 * ---------------------------------------*/

#tracklist {
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	clear: both;
	}


#tracklist h4 {
	height: 1px;
	text-indent: -9999px;
	line-height: 100%;
	font-size: 1px;
	}

#tracklist ol {
	padding: 4px 0px 0px 0px;
	}

#tracklist ol li {
	padding: 6px 0px 0px 0px;
	clear: both;
	font-size: 12px;
	font-weight: bold;
	line-height: 13px;
	}

#tracklist ol li .track-title {
	padding-right: 5px;
	float: left;
	}
	
/*
試聴ボタン
*/
#tracklist ol li a {
	margin-right: 2px;
	float: left;
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 48px;
	height: 13px;
	background: url(../images/play.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	}

#tracklist ol li a:active,
#tracklist ol li a:hover,
#tracklist ol li a:focus {
	background-position: 0px -13px;
	}

#tracklist ul {
	padding: 25px 0px 0px 82px;
	clear: both;
	height: 29px;
	background: url(../images/bg_pv.gif) no-repeat 0px 10px;
	}


#tracklist ul li .track-title {
	float: left;
	display: block;
	width: 104px;
	height: 17px;
	background: url(../images/title_pv2.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	line-height: 100%;
	}

/*
試聴ボタン
*/
#tracklist ul li a {
	margin: 2px 0px 0px 2px;
	float: left;
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 48px;
	height: 13px;
	background: url(../images/play.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	}

#tracklist ul li a:active,
#tracklist ul li a:hover,
#tracklist ul li a:focus {
	background-position: 0px -13px;
	}

/* 配信 */
#download {
	margin: 40px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	float: left;
	width: 218px;
	height: 243px;
	background: url(../images/bg_dl.gif) no-repeat #aaa;
	}

#download dl#mobile {
	height: 146px;
	}

#download dl#pc {
	}

#download dl#pc span {
	display: block;
	height: 30px;
	background: url(../images/dl_pc.gif) no-repeat center 4px;
	text-indent: -9999px;
	}

#download dl#mobile dt {
	height: 26px;
	background: url(../images/title_dl1.gif) no-repeat center 5px;
	text-indent: -9999px;
	line-height: 100%;
	}

#download dl#pc dt {
	height: 21px;
	background: url(../images/title_dl2.gif) no-repeat center 0px;
	text-indent: -9999px;
	line-height: 100%;
	}
	
#download dl#mobile dd li.qr {
	margin: 0px auto;
	padding: 4px 0px 0px 0px;
	width: 92px;
	}

#download dl#mobile dd li.url {
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width: 112px;
	}

#download dl#pc .link1,
#download dl#pc .link2 {
	float: left;
	}

#download dl#pc .link1 {
	padding: 0px 6px 0px 6px;
	}

#download dl#pc .link1 a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 100px;
	height: 43px;
	background: url(../images/dl_link.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	}

#download dl#pc .link1 a:active,
#download dl#pc .link1 a:hover,
#download dl#pc .link1 a:focus {
	background-position: 0px -43px;
	}

#download dl#pc .link2 a {
	display: block;
	/* except macIe ¥*/
	overflow: hidden;
	/*   */
	width: 100px;
	height: 43px;
	background: url(../images/dl_link.gif) no-repeat -100px 0px;
	text-indent: -9999px;
	line-height: 100%;
	text-decoration: none;
	}

#download dl#pc .link2 a:active,
#download dl#pc .link2 a:hover,
#download dl#pc .link2 a:focus {
	background-position: -100px -43px;
	}

#secondaryArea .tour {
	padding: 0px 0px 0px 260px;
	}

#secondaryArea .tour h3 {
	padding: 0px 0px 8px 0px;
	clear: both;
	font-size: 20px;
	width: 645px;
	border-bottom: solid 1px #fff;
	color: #fff;
	font-weight: bold;
	}


#secondaryArea .tour h3 span {
	padding: 0px 0px 5px 0px;
	display: block;
	font-size: 12px;
	font-weight: bold;
	}


#secondaryArea .tour ul {
	}

#secondaryArea .tour ul.tour-date {
	padding: 8px 0px 0px 0px;
	float: left;
	width: 380px;
	}

#secondaryArea .tour ul.tour-detail {
	padding: 8px 0px 0px 0px;
	float: left;
	width: 280px;
	}


#secondaryArea .tour ul.tour-date li {
	padding: 2px 0px;
	color: #fff;
	font-weight: bold;
	}

#secondaryArea .tour ul.tour-detail li {
	color: #fff;
	font-weight: bold;
	}


#secondaryArea .tour ul li span {
	padding-left: 10px;
	font-size: 10px;
	font-weight: normal;
	}

#secondaryArea .tour ul li ul li {
	font-size: 12px;
	font-weight: normal;
	}

#secondaryArea .tour ul.tour-detail ul {
	padding: 0px 0px 6px 15px;
	}
	
#secondaryArea .tour ul.tour-detail ul li {
	font-weight: normal;
	}


/**/
#link {
	padding: 22px 0px 0px 00px;
	clear: left;
	height: 65px;
	background: url(../images/bg_link.gif) repeat-x 0px bottom  #d70101;
	}

#link li {
	float: left;
	}

#link .link1 {
	padding: 0px 10px 0px 300px;
	}

#link .link2 {
	}

#link .totop {
	padding: 40px 0px 0px 230px;
	}


#link .link2 a {
	display: block;
	overflow: hidden;
	width: 213px;
	height: 65px;
	line-height: 100%;
	background: url(../images/link.gif) no-repeat -149px 0px;
	text-indent: -9999px;
	}

#link .link2 a:active,
#link .link2 a:hover,
#link .link2 a:focus {
	background-position: -149px -65px;
	}

#link .link1 a {
	display: block;
	overflow: hidden;
	width: 149px;
	height: 65px;
	line-height: 100%;
	background: url(../images/link.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	}


#link .link1 a:active,
#link .link1 a:hover,
#link .link1 a:focus {
	background-position: 0px -65px;
	}


.totop a {
	display: block;
	overflow: hidden;
	width: 25px;
	height: 25px;
	line-height: 100%;
	background: url(../images/totop.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	}


.totop a:active,
.totop a:hover,
.totop a:focus {
	background-position: 0px -25px;
	}

/*--------------------------------------
フッター
---------------------------------------*/

#footer {
	clear: left;
	text-align: left;
	background: url(../images/bg_footer.gif) repeat-x center top;
	height: 75px;
	}
	
#footer ul {
	margin: 0px auto;
	padding: 30px 10px 0px 10px;
	width: 920px;
	clear: both;
	font-size: 10px;
	color: #fff;
	background: url(../images/logo_footer.gif) no-repeat 10px 8px;
	height: 45px;
	text-align: right;
	}

	
/*コピーライト*/
ul li#copyright {
	font-weight: normal;
	line-height: 150%;
	}
ul li#copyright a,
ul li#copyright a:link,
ul li#copyright a:visited {
	color: #fff;
	}


ul li#copyright a:active,
ul li#copyright a:hover,
ul li#copyright a:focus {
	color: #f3f32f;
	}