@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      tsurievent100126.css
Update:         2010/01/26
Style Info:     宇宙防衛軍用CSS

	01. 全体用
	02. イベントページ用

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



/* ----------------------------------------------------------------------
  01. 全体用
---------------------------------------------------------------------- */

/* import style
------------------------------------------------------------------- */
@import url('../mod_default.css');
@import url('../mod_layout.css');
@import url('../mod_headerfooter.css');
@import url('../mod_common.css');
/*@import url('../mod_login.css');
@import url('../mod_form.css');*/




/* siteTitleArea
---------------------------------------------------------------------- */
body#event #siteTitleArea {
	display: none;
}



/* This page style
---------------------------------------------------------------------- */
#eventContentsArea {
	margin: 0 auto;
	width: 810px;
	background: #fff;
	text-align: left;
}

#eventContentsArea img {
	vertical-align: bottom;
}





/* ----------------------------------------------------------------------
  02. イベントページ用
---------------------------------------------------------------------- */

/* タイトル枠用
------------------------------------------- */
#eventContentsArea #titleArea {
	position: relative;
	width: 810px;
	height: 581px;
	background: url("../../image/event/january2010/tsurievent/bg_title.jpg") no-repeat;
}

#eventContentsArea #titleArea h2 {
	position: absolute;
	width: 550px;
	top: 23px;
	left: 24px;
}

#eventContentsArea #titleArea p.eventNotice {
	position: absolute;
	top: 171px;
	left: 213px;	
	z-index:1;
}

#eventContentsArea #titleArea p.txt {
	position: absolute;
	width: 443px;
	top: 253px;
	left: 241px;
}
#eventContentsArea #titleArea #subareaBox {
	position: relative;
	width: 447px;
	height: 132px;
	top: 439px;
	left: 25px;		
/*	background: url("../../image/event/january2010/tsurievent/bg_count.gif") no-repeat;*/
}

#eventContentsArea #titleArea #subareaBox #counterBox {
	position: absolute;
	width: 760px;
	height: 132px;
	top: 0px;
	left: 0px;		
	 background: url("../../image/event/january2010/tsurievent/bg_count.gif") no-repeat;
}

#eventContentsArea #titleArea #subareaBox #counterBox .characterImg {
	position: absolute;
	top: 24px;
	left: 25px;		
}

#eventContentsArea #titleArea #subareaBox #counterBox dl.getCounter {
	position: absolute;
	width:288px;
	top: 33px;
	left: 137px;		
}
#eventContentsArea #titleArea #subareaBox #counterBox dl.getCounter dd {
	position: absolute;
	top: -12px;
	right: 0;
	font-size:32px;
	color: #102e43;
	}

#eventContentsArea #titleArea #subareaBox #counterBox dl.goalCouter {
	position: absolute;
	width:288px;
	top: 77px;
	left: 137px;		
}
#eventContentsArea #titleArea #subareaBox #counterBox dl.goalCouter dd {
	position: absolute;
	top: -12px;
	right: 0;
	font-size:32px;
	color: #102e43;
	}
	

#eventContentsArea #titleArea #subareaBox #counterBox ul {
	position: absolute;
	width: 271px;
	top: 0px;
	right: 0;
	
}

#eventContentsArea #titleArea #subareaBox #counterBox ul li {
	margin-top: 13px;
		width:271px;
		height:53px;
}

#eventContentsArea #titleArea #subareaBox #counterBox ul li a {
		display:block;
		width:271px;
		height:53px;
}

#eventContentsArea #titleArea #subareaBox #counterBox ul li a span{
		display:none;
}


#eventContentsArea #titleArea #subareaBox #counterBox ul li.go a {
		background: url("../../image/event/january2010/tsurievent/btn_go.gif") no-repeat;
}
#eventContentsArea #titleArea #subareaBox #counterBox ul li.ranking a {
		background: url("../../image/event/january2010/tsurievent/btn_ranking.gif") no-repeat;
}

#eventContentsArea #titleArea #subareaBox #counterBox ul li.go a:hover {
		background: url("../../image/event/january2010/tsurievent/btn_go_on.gif") no-repeat;		
}
#eventContentsArea #titleArea #subareaBox #counterBox ul li.ranking a:hover {
		background: url("../../image/event/january2010/tsurievent/btn_ranking_on.gif") no-repeat;		
}


/* メイン枠用
------------------------------------------- */
#eventContentsArea #mainArea {
	position: relative;
	width: 810px;
	height: 780px;
	background: url("../../image/event/january2010/tsurievent/bg_mainarea.jpg") no-repeat;
}

/*
#eventContentsArea #mainArea h3,
#eventContentsArea #mainArea p {
	margin: 0;
	padding: 0;
	border: none;
	line-height: 1;
}
*/

/*	itemBox
------------------------------	*/
#eventContentsArea #itemBox {
	position: absolute;
	width: 342px;
	top: 15px;
	left: 50px;	
}

#eventContentsArea #itemBox h3 {
	margin: 0;
	padding: 0;
	border: none;
}

#eventContentsArea #itemBox .txtBox01 {
	position: absolute;

	height:297px;
	background: url("../../image/event/january2010/tsurievent/txt_all.gif") no-repeat;
}

#eventContentsArea #itemBox .txtBox01 p {
	width: 343px;	
	line-height: 18px;
	padding: 10px 0px 0 16px;	
	}
	
/*	highrankBox
------------------------------	*/
#eventContentsArea #highrankBox {
	position: absolute;
	width: 343px;
	top: 15px;
	right: 49px;	
}

#eventContentsArea #highrankBox h3 {
	margin: 0;
	padding: 0;
	border: none;
}

#eventContentsArea #highrankBox .txtBox01 {
	position: absolute;

	height:297px;
	background: url("../../image/event/january2010/tsurievent/txt_highrank.gif") no-repeat;
}

#eventContentsArea #highrankBox .txtBox01 p {
	width: 343px;	
	line-height: 18px;
	padding: 10px 0px 0 16px;	
	}
	
#eventContentsArea .attentionArea {
	position: absolute;
	top: 409px;
	right: 49px;
}


/* clearfix
------------------------------------------- */

#eventContentsArea #mainArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}