@charset 'utf-8';

/* -----------------------------------------------------------
CSS Information

File name:      webmoneyaward2012.css
Update:         2013/02/14
Style Info:     WebMoneyアワード受賞2012

	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');


/* body
---------------------------------------------------------------------- */
body{
	color: #333;
	font-family: 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	padding: 0;
	font-weight: normal;
}

/* siteTitleArea
---------------------------------------------------------------------- */
body#event #siteTitleArea,
body#info #siteTitleArea{
	display: none;
}





/* ----------------------------------------------------------------------
  02. キャンペーンページ用
---------------------------------------------------------------------- */


/* メイン枠用
------------------------------------------- */
#eventContentsArea #mainArea {
	position:relative;
	width: 810px;
	height: 145px;
}

#eventContentsArea .contentBox01{
	height:163px;
	position:relative;
	background-color:#0f3666;
}

#eventContentsArea .contentBox01 .stit{
	position:absolute;
	top:22px;
	left:-6px;
}

#eventContentsArea .contentBox01 .title{
	position:absolute;
	top:64px;
	left:67px;
}

#eventContentsArea .contentBox01 .logo{
	position:absolute;
	top:11px;
	left:476px;
}

#eventContentsArea .contentBox01 .txt_date{
	padding-top:129px;
}

#eventContentsArea #contentArea02{
	position:relative;
	width: 810px;
	height: 564px;
	background: url("../../../image/event/webmoney/wma130815/bg_item.jpg") no-repeat;
}

#eventContentsArea #contentArea02 .txt_description{
	position:absolute;
	top:15px;
	left:52px;
}

#eventContentsArea #contentArea02 .txt_item{
	position:absolute;
	top:162px;
	left:52px;
}

#eventContentsArea #contentArea02 .img_item{
	position:absolute;
	top:243px;
	left:50px;
}

#eventContentsArea #contentArea02 .txt_item02{
	position:absolute;
	top:283px;
	left:272px;
}

#eventContentsArea #contentArea02 .txt_note{
	position:absolute;
	top:360px;
	left:313px;
}

#eventContentsArea #contentArea02 .btn_buy{
	position:absolute;
	top:498px;
	left:204px;
}

#eventContentsArea #contentArea03{
	position:relative;
	width: 810px;
	height: 224px;
	background-color:#0b284c;	
}

#eventContentsArea #contentArea03 .txt_loginnote{
	position:absolute;
	top:6px;
	left:159px;	
}

#eventContentsArea #contentArea03 .loginArea{
	position:absolute;
	top:44px;
	left:41px;
	width: 728px;
	height: 158px;
	background: url("../../../image/event/webmoney/wma130815/img_loginpanel.gif") no-repeat;
}

#eventContentsArea #contentArea03 .loginArea ul{
	margin-left:75px;
	margin-top:66px;
}

#eventContentsArea #contentArea03 .loginArea ul li{
	display:inline;
	margin-right:63px;
}



#eventContentsArea #contentArea03 .txtList{
	position:absolute;
	left: 57px;
	top: 37px;
	text-align:center;
}

#eventContentsArea #contentArea03 .txtList ul li{
	padding: 0;	
	margin:10px 0 0 0;
}

#eventContentsArea #contentArea03 .txtList ul li.first{
	margin:0;
}

#eventContentsArea #contentArea03 .dispItem{
	position:absolute;
	left: 171px;
	top: 155px;
}

#eventContentsArea #contentArea03 .btnGet{
	position:absolute;
	left: 460px;
	top: 281px;
}


#eventContentsArea #contentArea03 #txtnoteArea{
	position: absolute;
	left:50px;
	top:520px;
	color:#555555;
	letter-spacing:1px;
}

#eventContentsArea #contentArea03 #txtnoteArea p{
	text-indent:-1em;
	padding-left:1em;
}

#eventContentsArea #contentArea04{
	position:relative;
	background-color:#0b284c;
	padding:0 0 0 21px;
	line-height:0;
}

#eventContentsArea #contentArea04 .doublechanceArea{
	position:relative;
	width:768px;
	height:303px;
	background: url("../../../image/event/webmoney/wma130815/txt_doublechance02.gif") no-repeat;
}

#eventContentsArea #contentArea04 .doublechanceArea .txt_ulr{
	position: absolute;
	left:38px;
	top:215px;
	font-size:14px;
}

#eventContentsArea #contentArea04 .doublechanceArea .txt_ulr a{
	color:#a19553;
	letter-spacing:1px;
}

#eventContentsArea #contentArea04 .doublechanceArea .txt_note02{
	position: absolute;
	left:41px;
	top:233px;
	font-size:12px;
	line-height:1.5;
	color:#666666;
	letter-spacing:1px;
}

#eventContentsArea .btn_buy2{
	padding:42px 0 37px 204px;
	background-color:#0b284c;
}

#eventContentsArea #contentArea05{
	position:relative;
	background-color:#0b284c;
	min-height:144px;
}

#eventContentsArea #contentArea05 .bg_note{
	position:absolute;
	left:31px;
	top:0px;
	width: 748px;
	height: 158px;
	background: url("../../../image/event/webmoney/wma130815/txt_notes.gif") no-repeat;
}

#eventContentsArea #contentArea05 .txt_note03{
	position:absolute;
	top: 32px;
	left: 28px;
	color:#666666;
	letter-spacing:1px;
}

#eventContentsArea #contentArea05 .btn_contact{
	position:absolute;
	top: 76px;
	left: 27px;
}












/* clearfix
------------------------------------------- */
#eventContentsArea:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
