@charset "UTF-8";

/* 
======================================================================================================
	ver1.0 2012.04.26
	**- AngelLoveOnline -**
	URL: http://www.angelloveonline.jp/
	author:Q Entertainment, Inc.
	Edit by :suizu
======================================================================================================
 */

@import url(../basefont.css);
@import url(../reset.css);
@import url(../textstyle.css);

/*====================================================================================================
	Clearfix
======================================================================================================*/
.clearfix:after {
	content: ".";		/* 新しい要素を作る */
	display: block;		/* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
.clearfix {
	min-height: 1px;
	}

* html .clearfix {
	height: 1px;
	/*¥*//*/
	height: auto;
	overflow: hidden;
	/**/
	}

/*====================================================================================================
	BASE SET
======================================================================================================*/
BODY {
	position:relative;
	color:#593c19;
	background:#ffc40e url("../../../../images/news/event/2012/0510_sp/bg_body.gif") no-repeat 50% 0;
	text-align:center;
	}

ul.ulnormal		{ position:relative; }

a:link,
a:visited	{
	color: #003d84;
	text-decoration: underline;
	}

a:active,
a:hover		{
	color: #0059bf;
	text-decoration: none;
	}

br				{ letter-spacing: 0; }
br.blank		{ display:none; }

.clear {
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}

em{
	font-style:normal;
	font-weight:bold;
	}

p				{ padding-top:1em; }
p.pnopadding	{ padding-top:0; }

table {
	border-collapse:separate;
	border-spacing:1px;
}

h1 {
	display:block;
	width:960px;
	height:0px;
	overflow:hidden;
	}

/*====================================================================================================
	Layout:Container
======================================================================================================*/
#Container{
	margin:0 auto;
	width:100%;
	background:url("../../../../images/news/event/2012/0510_sp/bg_container.png") no-repeat 50% 0;
	}
#Header{
	padding-top:373px;
	display:block;
	width:960px;
	height:0px;
	overflow:hidden;
	}
#EntryArea{
	margin:0 auto;
	width:100%;
	height:290px;
	position:relative;
	}
#Contents{
	margin:0 auto;
	padding-top:34px;
	width:960px;
	height:636px;
	clear:both;
	position:relative;
	background:url("../../../../images/news/event/2012/0510_sp/bg_contents.png") no-repeat 50% 0;
	}
#Footer{
	margin:0 auto;
	width:960px;
	height:267px;
	position:relative;
	background:url("../../../../images/news/event/2012/0510_sp/bg_footer.png") no-repeat 50% 0;
	}
/*====================================================================================================
	Layout:EntryArea
======================================================================================================*/
#Kuma {
	margin-left:262px;
	z-index:100;
	position:absolute;
	top:0;
	left:50%;
	width:320px;
	height:320px;
	text-align:center;
	background:url("../../../../images/news/event/2012/0510_sp/bg_kuma.png") no-repeat 50% 0;
	}
#Kuma p {
	display:block;
	width:320px;
	height:0px;
	overflow:hidden;
	}
#ToOfficialBtn {
	margin-left:-480px;
	position:absolute;
	top:40px;
	left:50%;
	width:250px;
	height:250px;
	text-align:center;
	}
#ToOfficialBtn a {
	padding-top:250px;
	display:block;
	width:250px;
	height:0px;
	overflow:hidden;
	background:url("../../../../images/news/event/2012/0510_sp/btn_toofficial_tu.png") no-repeat 50% 0;
	}
#ToOfficialBtn a:hover {	background:url("../../../../images/news/event/2012/0510_sp/btn_toofficial_tu.png") no-repeat 50% -250px; }
#Movie {
	margin-left:15px;
	position:absolute;
	top:29px;
	left:50%;
	width:320px;
	height:240px;
	text-align:center;
	}
/*====================================================================================================
	Layout:Contents
======================================================================================================*/
#Contents h3 {
	margin:0 auto;
	padding-top:45px;
	clear:both;
	display:block;
	width:860px;
	height:0px;
	overflow:hidden;
	}
#Contents h3.h3_outline		{ background:url("../../../../images/news/event/2012/0510_sp/h3_outline.jpg") no-repeat 50% 0; }
#Contents h3.h3_item		{ background:url("../../../../images/news/event/2012/0510_sp/h3_item.jpg") no-repeat 50% 0; }
#Contents h3.h3_hint		{ background:url("../../../../images/news/event/2012/0510_sp/h3_hint.jpg") no-repeat 50% 0; }

#Contents .context01{
	margin:0 auto;
	padding-top: 136px;
	display: block;
	width:860px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../images/news/event/2012/0510_sp/bg_context01.jpg") no-repeat 0 0;
	}
#Contents .context02{
	margin:0 auto;
	padding-top: 59px;
	display: block;
	width:860px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../images/news/event/2012/0510_sp/bg_context02.jpg") no-repeat 0 0;
	}
.item_image{
	padding-left:50px;
	float:left;
	}
.itemdetail{
	float:right;
	margin:0 auto;
	padding: 115px 50px 0 0;
	display: block;
	width:638px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../images/news/event/2012/0510_sp/bg_itemdetail.jpg") no-repeat 0 0;
	}

#Contents .btn_link01{
	padding:35px 80px 0 0;
	float:right;
	width:220px;
	height:28px;
	}
#Contents .btn_link01 a{
	padding-top: 28px;
	display: block;
	width:220px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../images/news/event/2012/0510_sp/btn_link01.jpg") no-repeat 0 -28px;
	}
#Contents .btn_link01 a:hover { background:url("../../../../images/news/event/2012/0510_sp/btn_link01.jpg") no-repeat 50% 0; }
#Contents .btn_link02{
	padding:15px 80px 0 0;
	float:right;
	width:220px;
	height:28px;
	}
#Contents .btn_link02 a{
	padding-top: 28px;
	display: block;
	width:220px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../images/news/event/2012/0510_sp/btn_link02.jpg") no-repeat 0 -28px;
	}
#Contents .btn_link02 a:hover { background:url("../../../../images/news/event/2012/0510_sp/btn_link02.jpg") no-repeat 50% 0; }


/*====================================================================================================
	Layout:Footer
======================================================================================================*/
#Footer #btn_toeventpage{
	top:7px;
	left:10px;
	position:absolute;
	width:385px;
	height:165px;
	}
#Footer #btn_toeventpage a{
	padding-top: 165px;
	display: block;
	width:385px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../images/news/event/2012/0510_sp/btn_toevent.png") no-repeat 0 0;
	}
#Footer #btn_toeventpage a:hover { background:url("../../../../images/news/event/2012/0510_sp/btn_toevent.png") no-repeat 50% 0; }

#Footer #btn_close{
	top:94px;
	right:0;
	position:absolute;
	width:375px;
	height:170px;
	}
#Footer #btn_close a{
	padding-top: 170px;
	display: block;
	width:375px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../images/news/event/2012/0510_sp/btn_close.png") no-repeat 0 0;
	}
#Footer #btn_close a:hover { background:url("../../../../images/news/event/2012/0510_sp/btn_close.png") no-repeat 50% 0; }
#Footer address{
	display:block;
	width:385px;
	height:0px;
	overflow:hidden;
	}