@charset "utf-8";

#wrapper {
	width: 921px;
	margin: 60px auto 0 auto;
	position: relative;
}
#header {
	width: 921px;
	height: 614px;
	background: url(../img/campaign/ph_header.gif) no-repeat left top;
}
	#header h1,
	#header h2,
	#header p {
		text-indent: -30000px;
	}
	#header .title {
		margin: 0px 0px 0px 13px;
		padding: 17px 0px 0px 0px;
		text-indent: 0px;
	}
	#header #logo {
		margin: 0px 19px 0px 0px;
		text-align: center;
		text-indent: 0px;
	}
#contents {
	width: 921px;
	margin: 0px 0px 0px 0px;
	background: url(../img/campaign/ph_center.gif) repeat-y left top;
}
	#contents .inner {
		width: 784px;
		margin: 0px 0px 0px 64px;
		line-height: 140%;
		background-color: #f8f8f8;
	}
	#contents .inner ul {
		padding: 12px 0px 0px 22px;
	}
	#contents .inner ul li span {
		color: #b00c04;
		background-color: transparent;
	}
	#contents .inner h3 {
		padding: 15px 0px 0px 22px;
		font-size: 123%;
		font-weight: bold;
		color: #b00c04;
		text-decoration: underline;
	}
	#contents .inner ol {
		padding: 9px 0px 6px 22px;
	}
	#contents .toplink {
		width: 749px;
		margin: 2px 0px 1px 0px;
		padding: 0px 0px 0px 0px;
		text-align: right;
	}
	* html #contents .toplink {
		margin: 4px 0px 12px 0px;
	}
	*+html #contents .toplink {
		margin: 4px 0px 12px 0px;
	}
	#contents .toplink a {
		padding: 0px 0px 0px 12px;
		color: #142d4f;
		text-decoration: underline;
		cursor: pointer;
		background: url(../img/campaign/icon_arrow.jpg) no-repeat 0px 2px;
	}
	#contents .toplink a:hover,
	#contents .toplink a:active {
		text-decoration: none;
	}
	.amazonlink {
		margin: 0px 0px 21px 58px;
	}
	.amazonlink a {
		color: #b00c04;
		text-decoration: underline;
		background-color: transparent;
	}
	.amazonlink a:hover,
	.amazonlink a:active {
		color: #ff0000;
		text-decoration: none;
		background-color: transparent;
	}

#footer {
	width: 921px;
	height: 243px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 15px 0px;
	background: transparent url(../img/campaign/ph_footer.gif) repeat-x left top;
}
	#footer p {
		margin: 0px 0px 0px 84px;
	}
/*///////safari hack/////////*/




/*=======================================================================\/
							09/12 ΐǉ
\/=======================================================================*/

#contents table {
	margin: 0px 0px 0px 30px;
	xborder-collapse: separate;
	xborder-spacing: 4px 4px 4px 4px;
}
#contents table .bright th,
#contents table .bright td {
	background-color: #292828;
}
#contents table .dark th,
#contents table .dark td {
	background-color: #191919;
}
#contents table th {
	width: 163px;
	padding: 8px 0px 8px 0px;
	text-align: center;
	color: #ff0c00;
	font-size: 107%;
	font-weight: bold;
	background-color: transparent;
}
#contents table td {
	width: 487px;
	padding: 8px 0px 8px 8px;
	color: #e3e3e3;
	background-color: transparent;
}
#contents table strong {
	color: #FF0000;
	background-color: transparent;
}
#contents table td span {
	font-size: 86%;
	color: #b9b9b9;
	background-color: transparent;
}

/* section01 */

#contents .section01 {
	width: 739px;
	margin: 0px 0px 0px 28px;
	background: url(../img/campaign/bg_rule_middle.jpg) repeat-y left top;
}
	#contents .section01 h3 {
		width: 739px;
		height: 67px;
		text-indent: -30000px;
		background: url(../img/campaign/sttl_rule.jpg) no-repeat left top;
	}
	#contents .section01 p {
		margin: 4px 0px 0px 0px;
		padding: 0px 0px 30px 36px;
		color: #e3e3e3;
		background: url(../img/campaign/bg_rule_bottom.jpg) no-repeat left bottom;
	}
	#contents .section01 p strong {
		font-weight: bold;
		color: #FF0000;
		background-color: transparent;
	}

/* section02 */

#contents .section02 {
	width: 739px;
	margin: 0px 0px 0px 28px;
	background: url(../img/campaign/bg_att_middle.jpg) repeat-y left top;
}
	#contents .section02 h3 {
		width: 739px;
		height: 67px;
		text-indent: -30000px;
		background: url(../img/campaign/sttl_att.jpg) no-repeat left top;
	}
	#contents .section02 .emptyDiv {
		padding: 0px 0px 31px 0px;
		background: url(../img/campaign/bg_rule_bottom.jpg) no-repeat left bottom;
	}
	
/* section02 */

#contents .section03 {
	width: 739px;
	margin: 0px 0px 0px 28px;
	background: url(../img/campaign/bg_other_middle.jpg) repeat-y left top;
}
	#contents .section03 h3 {
		width: 739px;
		height: 67px;
		text-indent: -30000px;
		background: url(../img/campaign/sttl_other.jpg) no-repeat left top;
	}
	#contents .section03 .emptyDiv {
		padding: 0px 0px 30px 0px;
		background: url(../img/campaign/bg_other_bottom.jpg) no-repeat left bottom;
	}/* CSS Document */



/* 0926 add contents */

#contents .inner .restriction {
	width: 739px;
	height: 250px;
	margin: 19px 0px 0px 28px;
	text-indent: -30000px;
	background: url(../img/campaign/add_news.jpg) no-repeat left top;
}
#contents .inner .restriction ul {
	display: none;
}


/* 1003 add contents */

#contents .inner .movie {
	width: 739px;
	margin: 0px 0px 0px 28px;
}
#contents .inner .movie h3 {
	width: 376px;
	height: 20px;
	padding: 24px 0px 0px 0px;
	text-indent: -30000px;
	background: url(../img/campaign/ssttl_movie.jpg) no-repeat 0px 24px; 
}
#contents .inner .movie .horizontal {
	width: 739px;
	margin: 13px 0px 0px 0px;
}
#contents .inner .movie .horizontal p {
	width: 182px;
	height: 149px;
	float: left;
}
