@charset 'utf-8';

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

File name:      mainichiwa090212.css
Update:         2009/2/6
Author:         J.M
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: 283px;
	background: url("/image/event/mainichiwa090212/bg_head.gif") no-repeat;
}

#eventContentsArea #titleArea .title {
	position: absolute;
	width: 635px;
	top: 13px;
	left: 14px;
}

#eventContentsArea #titleArea .extra {
	position: absolute;
	width: 155px;
	top: 0;
	right: 0;
	text-align: right;
}

#eventContentsArea #titleArea li {
	margin: 0;
	padding: 0;
	line-height: 1;
}





/* メイン枠用
------------------------------------------- */
#eventContentsArea #mainArea {
	position: relative;
	width: 810px;
	height: 880px;
	background: #fff;
}

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



/* 各ボックス用
------------------------------------------- */
#eventContentsArea #box01 {
	position: absolute;
	width: 375px;
	height: 260px;
	top: 0;
	left: 25px;
	background: url("/image/event/mainichiwa090212/bg_box01.jpg") no-repeat;
}

#eventContentsArea #box02{
	position: absolute;
	width: 375px;
	height: 260px;
	top: 0;
	right: 25px;
	background: url("/image/event/mainichiwa090212/bg_box02.gif") no-repeat;
}

#eventContentsArea #box03 {
	position: absolute;
	width: 760px;
	height: 434px;
	top: 280px;
	left: 25px;
	background: url("/image/event/mainichiwa090212/bg_box03.jpg") no-repeat;
}

#eventContentsArea #box03_1 {
	position: absolute;
	width: 339px;
	height: 366px;
	top: 54px;
	left: 19px;
	_left: 17px;
}

#eventContentsArea #box03_2 {
	position: absolute;
	width: 339px;
	height: 366px;
	top: 54px;
	right: 19px;
}

#eventContentsArea #box03_1 p.btn,
#eventContentsArea #box03_2 p.btn {
	margin-top: 217px;
	text-align: center;
}

#eventContentsArea #box03_1 p.txt,
#eventContentsArea #box03_2 p.txt {
	margin-top: 15px;
}

#eventContentsArea #cautionBox {
	position: absolute;
	width: 740px;
	top: 730px;
	left: 40px;
}

#eventContentsArea #cautionBox h5 {
	font-size: 11px;
	color: #777;
}

#eventContentsArea #cautionBox ul {
	margin-bottom: 10px;
}

#eventContentsArea #cautionBox li {
	font-size: 11px;
	color: #777;
	padding: 0 0 1px 8px;
	background: url("/image/common/ico_list_info.gif") no-repeat 2px 7px;
}

#eventContentsArea #cautionBox li strong {
	color: #f08205;
	font-weight: bold;
}





/* 各ボックス囲み用
------------------------------------------- */
#eventContentsArea #box01 .box01-inner,
#eventContentsArea #box02 .box02-inner,
#eventContentsArea #box03 .box03-inner {
	position: relative;
	padding: 2px 0 0 2px;
}

#eventContentsArea #box01 .contents01 {
	position: absolute;
	top: 46px;
	left: 181px;
}

#eventContentsArea #box02 .contents02 {
	position: absolute;
	top: 46px;
	left: 141px;
}

#eventContentsArea #box02 ul.caution {
	position: absolute;
	top: 213px;
	left: 2px;
	_left: 0;
}





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