@charset "UTF-8";

/* 
============================================================
	ver1.0 2013.12.06
	**- AngelLoveOnline -**
	URL: http://www.angelloveonline.jp/
	author:Q Entertainment, Inc.
============================================================
 */


@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:#fffad1;
	text-align:center;
	font-size:14px;
	line-height:2em;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_body.jpg") repeat 50% 0;
	}

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

a:active,
a:hover		{
	color: #fffad1;
	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; }

ul.ulnormal		{ margin:0 auto; position:relative; width:880px; }
li				{ line-height:2em; }
table {
	border-collapse:separate;
	border-spacing:1px;
}
/*====================================================================================================
	Layout:Container
======================================================================================================*/
#Container{
	margin:0 auto;
	position:relative;
	width:100%;
	}
#Top #Container{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_topcontainer.jpg") no-repeat 50% 0; }
#In #Container{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_incontainer.jpg") no-repeat 50% 0; }

#Header{
	margin:0 auto;
	position:relative;
	width:960px;
	}
#Top #Header{ height:600px; }
#In #Header{ height:170px; background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_inheader.jpg") no-repeat 50% 0; }

#Top #Logo {
	position:absolute;
	left:430px;
	width:530px;
	height:255px;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_toplogo.jpg") no-repeat 50% 0;
	}
#Top #TopText {
	position:absolute;
	top:255px;
	left:430px;
	width:530px;
	height:345px;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_toptext.jpg") no-repeat 50% 0;
	}
#Top #Logo p,
#Top #TopText p{
	height:0;
	overflow:hidden;
	display:block;
	}

#In #Logo {
	width:190px;
	height:105px;
	float:left;
	}
#In #Logo a {
	padding-top:105px;
	height:0;
	display:block;
	overflow:hidden;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/btn_alologo.jpg") no-repeat 0 0;
	}
#In #Logo a:hover {background-position:0 -105px; }

#In #SPLink {
	position:absolute;
	left:320px;
	margin:0 auto;
	width:320px;
	height:170px;
	}
#In #SPLink a {
	padding-top:170px;
	height:0;
	display:block;
	overflow:hidden;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/btn_splink.jpg") no-repeat 0 0;
	}
#In #SPLink a:hover {background-position:0 -170px; }

/*
	Navigation 
------------------------------------------------------------------------------------------------------*/
#navi{
	margin:0 auto;
	width:100%;
	height:60px;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_globalnav.jpg") repeat-x 50% 0;
	}
#navi ul{
	margin:0 auto;
	width:960px;
	}
#navi li{
	float:left;
	}
#navi li a{
	width:240px;
	padding-top: 60px;
	display: block;
	height: 0px;
	overflow: hidden;
	background-image:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_navigation.jpg");
	}

.navmenu_01 a { background-position:0 0;}
.navmenu_02 a { background-position:-240px 0; }
.navmenu_03 a { background-position:-480px 0; }
.navmenu_04 a { background-position:-720px 0; }
.navmenu_01 a:hover { background-position:0 -60px; }
.navmenu_02 a:hover { background-position:-240px -60px; }
.navmenu_03 a:hover { background-position:-480px -60px; }
.navmenu_04 a:hover { background-position:-720px -60px; }
.cm_event01 .navmenu_01 a { background-position:0 -120px; }
.cm_event02 .navmenu_02 a { background-position:-240px -120px; }
.cm_event03 .navmenu_03 a { background-position:-480px -120px; }
.cm_event04 .navmenu_04 a { background-position:-720px -120px; }
.navmenu_01 a.csoon { background-position:0 -180px; }
.navmenu_02 a.csoon { background-position:-240px -180px; }
.navmenu_03 a.csoon { background-position:-480px -180px; }
.navmenu_04 a.csoon { background-position:-720px -180px; }


/*
	Contents
------------------------------------------------------------------------------------------------------*/
#Contents {
	margin:0 auto;
	padding:17px 0 30px;
	width:960px;
	min-height:500px;
	text-align:left;
	border-bottom:1px solid #434139;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_contents.jpg") repeat-y 50% 0;
	}

/*
	CMenu
------------------------------------------------------------------------------------------------------*/
#cmenu{
	margin:0 auto;
	width:870px;
	height:50px;
	}
#cmenu li{
	float:left;
	}
#cmenu li a{
	padding-top: 50px;
	display: block;
	height: 0px;
	overflow: hidden;
	}
.cmenu01 a { background-image:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_cmenu_01.jpg"); }
.cmenu02 a { background-image:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_cmenu_02.jpg"); }
.cmenu03 a { background-image:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_cmenu_03.jpg"); }

.cmenu_01_1 a { width:220px; background-position:0 0;}
.cmenu_01_2 a { width:215px; background-position:-220px 0; }
.cmenu_01_3 a { width:215px; background-position:-435px 0; }
.cmenu_01_4 a { width:220px; background-position:-650px 0; }
.cmenu_01_1 a:hover { background-position:0 -50px; }
.cmenu_01_2 a:hover { background-position:-220px -50px; }
.cmenu_01_3 a:hover { background-position:-435px -50px; }
.cmenu_01_4 a:hover { background-position:-650px -50px; }
.cmenu_02_1 a { width:435px; background-position:0 0;}
.cmenu_02_2 a { width:435px; background-position:-435px 0; }
.cmenu_02_1 a:hover { background-position:0 -50px; }
.cmenu_02_2 a:hover { background-position:-435px -50px; }
.cmenu_03_1 a { width:290px; background-position:0 0;}
.cmenu_03_2 a { width:290px; background-position:-290px 0; }
.cmenu_03_3 a { width:290px; background-position:-580px 0; }
.cmenu_03_1 a:hover { background-position:0 -50px; }
.cmenu_03_2 a:hover { background-position:-290px -50px; }
.cmenu_03_3 a:hover { background-position:-580px -50px; }


/*
	Headline
------------------------------------------------------------------------------------------------------*/
#Contents h1,
#Contents h2 {
	clear:both;
	display:block;
	width:960px;
	height:0px;
	overflow:hidden;
	}
#Contents h3 {
	margin:14px auto 0;
	width:800px;
	clear:both;
	padding:10px 90px 20px 70px;
	font-size:20px;
	font-weight:bold;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h3.jpg") no-repeat 50% 0;
	}

#Contents h1		{ margin-bottom:25px; padding-top:50px; }
h1.h1_event01		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h1_event01.jpg") no-repeat 50% 0; }
h1.h1_event02		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h1_event02.jpg") no-repeat 50% 0; }
h1.h1_event03		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h1_event03.jpg") no-repeat 50% 0; }
h1.h1_event04		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h1_event04.jpg") no-repeat 50% 0; }

#Contents h2				{ margin-top:30px; padding-top:60px; }
h2.h2_01anniversaryhat		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_01anniversaryhat.jpg") no-repeat 50% 0; }
h2.h2_02annvbox				{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_02annvbox.jpg") no-repeat 50% 0; }
h2.h2_03coinporesent		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_03coinporesent.jpg") no-repeat 50% 0; }
h2.h2_04treasurebox			{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_04treasurebox.jpg") no-repeat 50% 0; }
h2.h2_05event2nd			{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_05event2nd.jpg") no-repeat 50% 0; }
h2.h2_06angelmall			{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_06angelmall.jpg") no-repeat 50% 0; }
h2.h2_07coinporesent		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_07coinporesent.jpg") no-repeat 50% 0; }
h2.h2_08xmasevent			{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_08xmasevent.jpg") no-repeat 50% 0; }
h2.h2_09itemegg				{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_09itemegg.jpg") no-repeat 50% 0; }
h2.h2_10newyearevent		{ background:url("../../../../../../images/news/event/special/2013/7th_anniversary/bg_h2_10newyearevent.jpg") no-repeat 50% 0; }

#Contents p {
	padding:1.5em 50px 0.5em;
	}
#Contents p.pnopadding	{ padding:0 50px !important; }

.intro_box	{
	font-size:120%;
	line-height:2em;
	}


/*
	Footer
------------------------------------------------------------------------------------------------------*/
#Footer{
	margin:0 auto;
	padding:20px 0;
	width:960px;
	}

/*
	PagetoTOP
------------------------------------------------------------------------------------------------------*/
#Footer #btn_wrap{
	margin:0 auto;
	width:960px;
	text-align:left;
	}
#Footer #btn_pagetotop{
	margin-left:960px;
	position: fixed;
	bottom: 160px;
	}
#Footer #btn_pagetotop a{
	padding-top: 30px;
	display: block;
	width: 30px;
	height: 0px;
	overflow: hidden;
	background: url("../../../../../../images/news/event/special/2013/7th_anniversary/btn_pagetotop.png") no-repeat 0 0;
	}
#Footer #btn_pagetotop a:hover{	background: url("../../../../../../images/news/event/special/2013/7th_anniversary/btn_pagetotop.png") no-repeat 0 -30px;}


/*
	FooterLink
------------------------------------------------------------------------------------------------------*/
#Footer #footerlink {
	margin:0 auto;
	padding:10px 0 0;
	text-align:center;
	}
#Footer #footerlink li {
	padding:0 10px;
	list-style:none;
	display:inline;
	border-right:1px solid #fffad1;
	}
#Footer #footerlink li.last {
	border:none;
	}
#Footer #footerlink li a.csoon { text-decoration:none; }

#btn_toofficial {
	margin:20px auto;
	width:420px;
	height:40px;
	}
#btn_toofficial a {
	padding-top:40px;
	height:0;
	display:block;
	overflow:hidden;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/btn_toofficial.png") no-repeat 50% 0;
	}
#btn_toofficial a:hover { background-position:50% -40px; }


/*====================================================================================================
	Common Style
======================================================================================================*/
/* Table Style
------------------------------------------------------------------------------------------------------*/
/* Normal Table */
#Contents table{
	margin:1em auto;
	width:860px;
	background-color:#666651;
	}
#Contents table table{
	margin:1em auto !important;
	}
#Contents table th {
	padding:10px;
	background-color:#434139;
	border-left:1px solid #fff;
	border-top:1px solid #fff;
	font-weight:bold;
	text-align:center;
	color:#fff;
	}
/* Table Type (1) light blue */
#Contents table.itembox1		{ background-color:#8ebff2; }
#Contents table.itembox1 th		{ background-color:#ddf4f4; color:#0063a4; }

/* Table Type (2) yellow */
#Contents table.itembox2		{ background-color:#f7b357; }
#Contents table.itembox2 th		{ background-color:#fff9ce; color:#dc6000; }

/* Table Type (3) light pink */
#Contents table.itembox3		{ background-color:#ffbcdb; }
#Contents table.itembox3 th		{ background-color:#ffe8f2; color:#e16871; }

/* Table No Margin */
#Contents table.nomargin{
	margin:0 0 0 120px !important;
	}

/* Table No Width */
#Contents table.nosize{
	margin:1em auto;
	width:auto !important;
	}
/* Table No Color (With Other Class <- Mix) */
#Contents table.nocolor,
#Contents table.nocolor th,
#Contents table.nocolor td {
	border:none;
	background:none;
	color:#5f4435;
	}

/* The css class to be used for the even row listings */
#Contents table tr.treven td { background-color:#eee;}

/* Table Common Style */
#Contents table td {
	padding:10px;
	background-color:#fff;
	color:#262521;
	}

#Contents table table{
	margin:0 auto;
	width:98% !important;
	}

#Contents table td p {
	padding:0 !important;
	line-height:1.8em;
	}

/* Table talk_box(8) Style */
#Contents table.talk_box td{
	padding-top:0;
	padding-bottom:0;
	line-height:120%;
	}



/* BG Color
------------------------------------------------------------------------------------------------------*/
.boxglay, .boxglay td			{ background-color:#eaeaea !important; }
.boxglay_r						{ background-color:#eaeaea !important; border:3px double #a8a8a8; }
.boxblue, .boxblue td			{ background-color:#ddf4f4 !important; }
.boxblue_r						{ background-color:#ddf4f4 !important; border:3px double #8ebff2; }
.boxpink, .boxpink td			{ background-color:#ffe8f2 !important; }
.boxpink_r						{ background-color:#ffe8f2 !important; border:3px double #ffbcdb; }
.boxyellow, .boxyellow td		{ background-color:#fff9ce !important; }
.boxyellow_r					{ background-color:#fff9ce !important; border:3px double #fff27c; }
.boxgreen, .boxgreen td			{ background-color:#d3ffce !important; }
.boxgreen_r						{ background-color:#d3ffce !important; border:3px double #9ebf99; }


.hrdot{
	height:3px;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/line_bg01.gif") repeat left center;
	border:0;
	}
.divhr{
	height:3px;
	background:url("../../../../../../images/news/event/special/2013/7th_anniversary/line_bg02.gif") repeat left center;
	border:0;
	}


/* Block Style
------------------------------------------------------------------------------------------------------*/

.img_right			{ float:right; }
.img_left			{ float:left; }
.img_rightmargin	{ margin:0 55px 0 2em; }	/* 0 30px 0 2em */
.img_leftmargin		{ margin:0 2em 0 120px; }
.img_rightmargin5	{ margin:1em 0 0 5px; }
.img_leftmargin5	{ margin:1em 5px 0 0; }
.titleimage			{ margin:0 auto; text-align:center;}
.titleimage2		{ margin:0 auto 10px; text-align:center;}								/* for use h3 bottom */
.titleimage3		{ margin:10px auto; text-align:center;}									/* for use h3 bottom */
.indeximage			{ margin:0 auto; padding:15px 0 5px; text-align:center; }

.highslide .articleimage,
.articleimage		{ padding:2px; border:1px solid #664624;}
.mtop5				{ margin-top:5px; }
.mbottom5			{ margin-bottom:5px; }
.mtop10				{ margin-top:10px; }
.mbottom10			{ margin-bottom:10px; }

/* for p style (for event page) */
p.img_left			{ padding:1em 1em 1em 2em !important;}
p.img_right			{ padding:1em 2em 1em 1em !important;}



/* 
--------------------------------------------------------------------
List Style
--------------------------------------------------------------------
 */

ul.list01		{ padding:0 50px 1em 120px; }	/*	1em 50px 1em 120px	*/
.list01 li		{ padding-left:16px; line-height:1.5em; background:url("../../../../../../images/news/event/special/2013/7th_anniversary/li_image01.png") no-repeat 0 0; }