@charset "Shift-JIS";
/**********************************************************************
NOT A LOVE SONG 特設サイト
**********************************************************************/


/* -----------------------------------------------
タグ初期化
------------------------------------------------- */
body, div, p, ul, li, dl, dt, dd, img, a, h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

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

img {
	border:none;
}

ul, dl, ol {
	list-style-type:none;
}

strong {
	font-weight:normal;
}

address {
	font-style:normal;
}

body {
    font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
    *font-size:small;
    *font:x-small;
}
table {
    font-size:inherit;
    font:100%;
}


/* -----------------------------------------------
汎用クラス
------------------------------------------------- */
.floatLeft  {float: left;}
.floatRight {float: right;}
.clearer    {clear: both;}

/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* -----------------------------------------------
コンテンツ
------------------------------------------------- */
body {
	background:#11304E url(../images/bg_repeat.jpg) left top repeat;
	color:#FFF;
	font-size:13px;
	line-height:150%;
}

a {
 text-decoration:none;
	color:#C1BDC2;
}

div#wrapper {
	background:url(../images/bg_x.jpg) left top repeat-x;
}

#top div#container {
	background:url(../images/bg_contents.jpg) center top no-repeat;
	margin:0 auto;
}

#event div#container {
	background:url(../images/event_bg_contents.jpg) center top no-repeat;
	margin:0 auto;
}

div#top_bg {
	background:url(../images/bg_light.jpg) center top no-repeat;
}

div#top {
	width:866px;
	height:520px;
	position:relative;
	margin:0 auto 47px auto;
}

#event div#top {
	height:444px;
	margin:0 auto 0px auto;
}

div#top h1,
div#top p {
	position:absolute;
}

div#top h1 {
	left:424px;
	top:41px;
	z-index:2;
}

div#top p#txt2 {
	left:0px;
	top:41px;
	z-index:2;
}

div#top p#txt3 {
	left:0px;
	top:115px;
	z-index:2;
}

div#top p#btn_event {
	left:48px;
	top:475px;
	z-index:2;
	cursor:pointer;
}


div#top p#youtube {
	width:302px;
	height:208px;
	background:url(../images/youtube_bg.jpg) left top no-repeat;
	left:494px;
	top:323px;
	z-index:2;
	padding:13px 0px 0px 12px;
}

div#disco {
	width:770px;
	position:relative;
	left:0px;
	top:0px;
	margin:0px auto;
}

div#disco div#single {
	height:239px;
	position:relative;
	border-bottom:1px #FFF solid;
	margin-bottom:35px;
}

div#disco div#single p.btn1 {
	position:absolute;
	left:0px;
	top:193px;
}

div#disco div#single p#play1 {
	position:absolute;
	left:476px;
	top:39px;
}

div#disco div#pv {
	height:247x;
	position:relative;
	margin-bottom:87px;
}

div#disco div#pv p.btn1 {
	position:absolute;
	left:0px;
	top:224px;
}

div#disco div#pv p.btn2 {
	position:absolute;
	left:130px;
	top:224px;
}

p#info {
	width:679px;
	position:relative;
	margin:0px auto 60px auto;
}

p#info a {
	display:block;
	position:absolute;
	left:223px;
	top:199px;
}

div#footer {
	width:866px;
	border-top:1px #FFF solid;
	position:relative;
	margin:0px auto 20px auto;
	padding-top:15px;
}

div#footer p#link {
	position:absolute;
	left:310px;
	top:15px;
	color:#FFF;
}

div#footer p#link a {
	text-decoration:none;
	color:#C1BDC2;
}

div#footer address {
	text-align:right;
	color:#C1BDC2;
}

div#footer ul {
}

div#footer ul li {
	float:left;
	margin-left:17px;
}

div#social {
}
div#social p {
	height:30px;
	float:left;
	line-height:100%;
}


/* イベントページ */
div#eventInfo {
	width:770px;
	position:relative;
	line-height:150%;
	padding-top:110px;
	margin:0px auto 60px auto;
}

div#eventInfo h2 {
	position:absolute;
	left:-33px;
	top:0px;
}

div#eventInfo {
	width:770px;
	position:relative;
	padding-top:110px;
}

div#eventInfo p#txt {
	margin-bottom:10px;
}

div#eventInfo ul.type1 {
	margin-bottom:40px;
}

div#eventInfo ul.type1 li {
	background:url(../images/icon1.gif) left 5px no-repeat;
	padding:0px 0px 10px 14px;
}

div#eventInfo ul.type2 {
}

div#eventInfo ul.type2 li {
	background:url(../images/icon2.gif) left 5px no-repeat;
	padding:0px 0px 20px 16px;
}

div#eventInfo h3 {
	margin-bottom:10px;
}

div#eventInfo p#btn_back {
	text-align:center;
}