@charset "Shift_JIS";
/* --------------------------------

	(基本レイアウト)

		* last update 2011/01/18
		* modify : naz;
	
--------------------------------

	index
	
	1. reset
	
	2. 基本設定
	
	3. レイアウト
	
--------------------------------

/* ==========================================================================================================

	 1. reset
 
============================================================================================================
body, div, ul, li, h1, h2, p {
	margin : 0;
	padding : 0;
	font-size : 100.01%;
	font-style : normal;
}
html {
	overflow-y : scroll;
	height : 100%;
}
body {
	background-color: #FFFFFF;
	height : 100%;
	font-size : 14px;
	font-family : "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "ＭＳ Ｐゴシック", sans-serif;
	color : #333;
	letter-spacing : 0em;
	line-height : 1.5;
}
ul {
	list-style : none;
}
img {
	background-color : transparent;
	vertical-align : top;
}
a img {
	border : none;
}
br {
	letter-spacing : normal;
}
em {
	font-style: normal;
}
*/


/* ==========================================================================================================

	 2. 基本設定
 
============================================================================================================*/
/*  画像ボタンをhover時に透過させる
-----------------------------------*/
a.alpha:hover img{
	opacity: 0.4;
	filter: alpha(opacity=40); /* IE7 */
	-ms-filter: "alpha(opacity=40)"; /* IE8 */
}
/*  align
-----------------------------------*/
.txtCenter {
	text-align : center;
}
.txtRight {
	text-align : right;
}
.txtIndent {
	text-indent : -9999px;
}
/*  注釈
-----------------------------------*/
.note {
	font-size: 12px;
}
/* ==========================================================================================================

	 3. レイアウト
 
============================================================================================================
body {
	background: url(/cms/html/pc/cts/20110121/images/campaign_bg_head.png) repeat-x;
	text-align : center;
}
*/
#header_pg {
	background: url(/cms/html/pc/cts/20110121/images/campaign_bg_head.png) repeat-x;
	position: relative;
	margin : 0px auto;
	width : 944px;
	height: 380px;
	text-align : left;
	zoom: 1;
}
#header_pg h1,
#header_pg p,
#header_pg #btn01,
#header_pg #btn02,
#header_pg #btn03,
#header_pg #btn04{
	position: absolute;
}
#header_pg h1{
	top: 20px;
	left: 0;
}
#header_pg p{
	top: 168px;
	left: 0;
}
#header_pg #btn01{
	top: 168px;
	left: 310px;
}
#header_pg #btn02{
	top: 220px;
	left: 355px;
}
#header_pg #btn03{
	top: 272px;
	left: 400px;
}
#header_pg #btn04{
	top: 324px;
	left: 445px;
}

#header_pg ul {
	list-style : none;
}

/*  4項目
-----------------------------------*/
div.section {
	border-top: 1px solid #000000;
	margin-bottom : 30px;
}
div.section .inner {
	text-align : left;
	margin : 0px auto;
	width : 840px;
	clear : both;
}
div.section .head{
	margin-bottom: 25px;
}
div.section .head h2 {
	float: left;
}
div.section .head p {
	float: right;
}

div#content01 .head{
	margin-bottom: 0;
}


div#content01 .head p{
	padding-right: 15px;
	padding-top: 55px;
	width: 480px;
}
div#content02 .head p{
	padding-right: 15px;
	padding-top: 70px;
	width: 480px;
}
div#content03 .head p {
	padding-right: 15px;
	padding-top: 90px;
	width: 480px;
}
div#content04 .head p {
	padding-right: 15px;
	padding-top: 30px;
	width: 350px;
}

/*  バナー群
-----------------------------------*/
ul.bnrs ul {
}
ul.bnrs li {
	float: left;
	display: inline;
	margin-right: 13px;
	margin-bottom: 13px;
}

/*  ボタン類
-----------------------------------*/
.btns {
	margin-bottom: 24px;
}
.btns a {
	margin: 0 5px;
}


/*  ポイント詳細テキスト
-----------------------------------*/
div.details {
	padding-bottom : 70px;
}
div.details .inner {
	text-align : left;
	margin : 0px auto;
	width : 840px;
	clear : both;
}





/* ==========================================================================================================

	99. clearFix (pkg)

============================================================================================================*/

/* start clearfix */
ul.bnrs:after,
div.section .head:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
/* ie6 hack */
* html ul.bnrs,
* html div.section .head {
	zoom: 1;
}
/* ie7 hack */
*:first-child+html ul.bnrs,
*:first-child+html div.section .head {
	zoom: 1;
}
/* end clearfix */