@charset "utf-8";


/*--------------clearfix--------------*/
.t_point_guide_clearfix:after,
div#footer ul:after,
div#t_point_guide  div#t_point_contents ul#gnavi:after,
div#t_point_guide ul#btmnavi:after,
div#t_point_guide div.use_lead ul:after,
div#t_point_guide div#use_service ul:after,
div#t_point_guide ul#contentspath:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
}

div#t_point_guide ul.howtouse_list:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

.t_point_guide_clearfix,
div#footer ul,
div#t_point_guide  div#t_point_contents ul#gnavi,
div#t_point_guide ul#btmnavi,
div#t_point_guide div.use_lead ul,
div#t_point_guide div#use_service ul,
div#t_point_guide ul#contentspath,
div#t_point_guide ul.howtouse_list {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*--------------clearfix--------------*/


/* 初期化
----------------------------*/
#t_point_guide{
	width: 780px;
	margin:0;
	padding:0;
	border-right: 1px solid #333333;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, sans-serif;
	font-size:12px;
}
/*
#mdl-music h1,#mdl-music h2,#mdl-music h3,#mdl-music h4,#mdl-music h5,#mdl-music h6,#mdl-music input{
	margin:0;
	padding:0;
}
*/

#t_point_guide img {
	vertical-align: bottom;
	}

/* ------------------------------------------------------
共通パーツ
--------------------------------------------------------*/
div#t_point_guide h2,
div#t_point_guide h3 {
	clear: both;
	}
	
/* センタリング
------------------------------------*/
div#t_point_guide .center {
	text-align: center;
	}


/* ボタン・テキスト エリア
------------------------------------*/
div#t_point_guide div.btn_textArea {
	width: 668px;
	margin: 0 0 20px 0;
	border: 1px solid #CCCCCC;	
	}

div#t_point_guide div.index_btn_textArea {
	margin: 0 55px 20px 55px;
	}

div#t_point_guide div.use_btn_textArea {
	width: 728px;
	margin: 0 25px 20px 25px;
	}

div#t_point_guide div.btn_textArea dl {
	padding: 15px 0 15px 178px;
	}

div#t_point_guide div.use_btn_textArea dl {
	padding: 15px 0 15px 208px;
	clear: both;
	}

div#t_point_guide div.btn_textArea p {
	padding: 15px;
	}

div#t_point_guide div.btn_textArea dl.border,
div#t_point_guide div.btn_textArea p.border {
	background: url(/img/campaign/tpointinfo2/common/line_dot.gif) repeat-x bottom left;
	}

div#t_point_guide div.btn_textArea dl dt {
	padding-bottom: 5px;
	}

/* ページトップ
------------------------------------*/
div#t_point_guide p.pagetop {
	text-align: right;
	padding: 0 25px 20px 0;
	}

/* フッター
------------------------------------*/
div#t_point_guide div#footer {
	width: 710px;
	margin: 0 35px;
	padding: 5px 0 15px 0;
	background: url(/img/campaign/tpointinfo2/common/line_footer.gif) repeat-x top left;
	}

div#t_point_guide div#footer p{
	padding: 15px 0;
	}

div#t_point_guide div#footer ul {
	width: 710px;
	height: 40px;
	line-height: 40px;
	background: #eeeeee;
	}

div#t_point_guide div#footer ul li {
	float: left;
	padding: 0 10px;
	background: url(/img/campaign/tpointinfo2/common/line_footernavi.gif) no-repeat right center;
	}

div#t_point_guide div#footer ul li.last {
	background: none;
	}

/* ------------------------------------------------------
トップページ
--------------------------------------------------------*/

/* リードコンテンツ
------------------------------------*/
div#t_point_guide div#top_lead {
	width: 780px;
	background: url(/img/campaign/tpointinfo2/index/img_lead.jpg) no-repeat top left;
	height: 300px;
	margin-bottom: 20px;
	position: relative;
	}

div#t_point_guide div#top_lead p#save{
	position: absolute;
	top: 181px;
	left: 124px;
	}

div#t_point_guide div#top_lead dl#use{
	position: absolute;
	top: 181px;
	left: 483px;
	}

div#t_point_guide div#top_lead dl#use dd {
	padding: 2px 0 0 18px;
	}

div#t_point_guide div#top_lead p#adjust_p {
	position: absolute;
	top: 450px;
	left: 165px;
	}

div#t_point_guide div#top_lead dl#adjust_dl {
	position: absolute;
	top: 375px;
	left: 405px;
	width: 236px;
	}

div#t_point_guide div#top_lead dl#adjust_dl dd {
	padding: 3px 0 0 0;
	}

/* ------------------------------------------------------
中ページ共通パーツ
--------------------------------------------------------*/

/* 枠
------------------------------------*/
div#t_point_guide div#wrap_t_point_contents01 {
	width: 780px;
	margin-bottom: 20px;
	background: url(/img/campaign/tpointinfo2/under_common/bg_contents.jpg) repeat-y top left;
	}

div#t_point_guide div#wrap_t_point_contents02 {
	padding: 0 0 10px 0;
	background: url(/img/campaign/tpointinfo2/under_common/bg_contents_btm.jpg) no-repeat bottom left;
	}

div#t_point_guide div#t_point_contents {
	width: 730px;
	padding: 25px 25px 0 25px;
	background: url(/img/campaign/tpointinfo2/under_common/bg_contents_top.jpg) no-repeat top left;
	}

/* ナビゲーション
------------------------------------*/
div#t_point_guide div#t_point_contents ul#gnavi {
	width: 730px;
	}

div#t_point_guide ul#btmnavi {
	margin: 0 20px 20px 20px;
	padding: 6px 5px;
	background: url(/img/campaign/tpointinfo2/under_common/bg_btmnavi.jpg) no-repeat top left;
	}

div#t_point_guide div#t_point_contents ul#gnavi li,
div#t_point_guide ul#btmnavi li {
	float: left;
	padding-right: 1px;
	}

div#t_point_guide div#t_point_contents ul#gnavi li.right,
div#t_point_guide ul#btmnavi li.right {
	padding-right: 0;
	}

/* コンテンツ
------------------------------------*/
div#t_point_guide div#t_point_contents_body {
	width: 670px;
	padding: 20px 30px 0 30px;
	}

/* 注意書き
------------------------------------*/
div#t_point_guide ul#attention {
	padding-bottom: 27px;
	}
	
div#t_point_guide ul#attention li {
	text-indent: -1em;
	padding: 0 0 3px 1em;	
	}

/* Tカードのご案内
------------------------------------*/
div#t_point_guide div#wrap_tcard {
	width: 730px;
	margin: 0 25px 20px 25px;
	background: url(/img/campaign/tpointinfo2/under_common/bg_tcard.gif) repeat-y top left;
	}

div#t_point_guide div#tcard {
	padding-bottom: 10px;
	background: url(/img/campaign/tpointinfo2/under_common/bg_tcard_btm.gif) no-repeat bottom left;
	zoom: 1;
	}

div#t_point_guide div#tcard dl {
	margin: 0 20px 10px 20px;
	}

div#t_point_guide div#tcard dl.tcard01 {
	padding-top: 20px;
	}

div#t_point_guide div#tcard dl.tcard01 dt {
	float: left;
	width: 346px;
	}

div#t_point_guide div#tcard dl.tcard01 dd {
	float: right;
	width: 344px;
	}

div#t_point_guide div#tcard dl.tcard01 dd p {
	padding-bottom: 10px;
	}

div#t_point_guide div#tcard dl.tcard02 {
	background: #eeeeee;
	}

div#t_point_guide div#tcard dl.tcard02 dt {
	padding: 15px;
	background: url(/img/campaign/tpointinfo2/under_common/line_tcard.gif) repeat-x bottom left;
	}

div#t_point_guide div#tcard dl.tcard02 dd {
	padding: 15px 0;
	zoom: 1;
	}

div#t_point_guide div#tcard dl.tcard03 {
	padding: 20px 0 10px 0;
	}

div#t_point_guide div#tcard dl.tcard03 dd {
	zoom: 1;
	}

div#t_point_guide div#tcard dl.tcard03 dd.text {
	padding-bottom: 25px;
	}

div#t_point_guide div#tcard dl.tcard03 dd.btn {
	padding: 20px 0;
	background: #eeeeee;
	text-align: center;
	}



/* ------------------------------------------------------
貯めるページ
--------------------------------------------------------*/
div#t_point_guide p.save_lead {
	padding: 20px 0;
	text-align: center;
	}

div#t_point_guide p.save_shop {
	padding: 25px 0 20px 0;
	text-align: center;
	}


/* ------------------------------------------------------
使えるページ
--------------------------------------------------------*/

/* リード
------------------------------------*/
div#t_point_guide div.use_lead {
	position: relative;
	padding: 20px 0;
	}

div#t_point_guide div.use_lead ul {
	position: absolute;
	top: 87px;
	left: 464px;
	width: 200px;
	}

div#t_point_guide div.use_lead ul li {
	float: left;
	width: 100px;
	padding-bottom: 3px;
	}

/* タイトル
------------------------------------*/
div#t_point_guide div#title_btn {
	position: relative;
	}

div#t_point_guide div#title_btn p {
	position: absolute;
	top: 21px;
	left: 506px;
	}

/* 背景青コンテンツ
------------------------------------*/
div#t_point_guide div.use_contents {
	margin: 20px 0 20px 0;
	width: 670px;
	background: #d4f1fa;
	}

/* 
都度課金のサービスでTポイントを使おう！
Tポイントの使い方
-----------------------------------------------*/
div#t_point_guide div#use_service {
	padding-bottom: 10px;
	}

div#t_point_guide div#use_service ul li {
	float: left;
	width: 330px;
	padding-bottom: 10px;
	}

div#t_point_guide div#use_service ul li dl {
	margin-left: 10px;
	background: #FFFFFF;
	position: relative;
	}

div#t_point_guide div#use_service ul li dl dt {
	padding: 10px;
	}

div#t_point_guide div#use_service ul li dl dd.text {
	padding: 0 10px;
	height: 43px;
	}

div#t_point_guide div#use_service ul li dl dd.btn {
	padding: 4px 0;
	background: url(/img/campaign/tpointinfo2/use/bg_service.gif) repeat top left;
	text-align: center;
	}


div#t_point_guide ul.howtouse_list li {
	width: 330px;
	float: left;
	padding-bottom: 10px;
	text-align: right;
	}






/* Tポイントの使用方法
-----------------------------------------------*/
div#t_point_guide div#use_howtouse {
	}
	
div#t_point_guide div.use_howtouse_contents {
	margin: 0 10px 10px 10px;
	padding: 10px;
	background: #FFFFFF;
	zoom: 1;
	}

div#t_point_guide div#use_howtouse ul.cycle_list {
	margin: 15px 0;
	padding: 15px;
	border: 1px solid #CCCCCC;
	}

div#t_point_guide div#use_howtouse ul.cycle_list li {
	text-indent: -0.6em;
	padding: 0 0 3px 0.6em;
	}

div#t_point_guide div#use_howtouse p.btn {
	padding: 15px;
	border: 1px solid #CCCCCC;
	text-align: center;
	}

/* ------------------------------------------------------
まとめるページ
--------------------------------------------------------*/

/* コンテンツパス
------------------------------------*/
div#t_point_guide ul#contentspath {
	width: 730px;
	}

div#t_point_guide ul#contentspath li {
	float: left;
	}

div#t_point_guide ul#contentspath li.right {
	padding-left: 1px;
	}

/* リード文
------------------------------------*/
div#t_point_guide dl.section01_lead {
	margin: 20px 0 30px;
	}

div#t_point_guide dl.section01_lead dt,
div#t_point_guide dl.section01_lead dd {
	margin-bottom: 3px;
	}

/* Tポイントをまとめる
------------------------------------*/
div#t_point_guide ul.section01_contents {
	margin-bottom: 35px;
	}
	
div#t_point_guide ul.section01_contents li {
	background: url(/img/campaign/tpointinfo2/adjust/bg_section.gif) repeat-y top left;
	}

div#t_point_guide ul.section01_contents li p {
	padding: 25px 0;
	background: url(/img/campaign/tpointinfo2/adjust/bg_section_btm.gif) no-repeat bottom left;
	text-align: center;
	}

div#t_point_guide ul.section01_contents li.arrow {
	margin: 10px 0;
	text-align: center;
	background: none;
	}

div#t_point_guide div.section02_contents {
	margin: 30px 0 35px 0;
	background: url(/img/campaign/tpointinfo2/adjust/bg_section.gif) repeat-y top left;
	zoom: 1;
	}

div#t_point_guide div.section02_contents dl {
	padding: 25px 20px 0 20px;
	}

div#t_point_guide div.section02_contents dl.section02_way02 {
	background: url(/img/campaign/tpointinfo2/adjust/bg_section_btm.gif) no-repeat bottom left;
	padding-bottom: 25px;
	}

div#t_point_guide div.section02_contents ul.way01_list {
	background: none;
	padding: 10px 0;
	zoom:1;
	}

div#t_point_guide div.section02_contents ul.way01_list li {
	padding: 0 10px 0 0;
	display: inline;
	}

div#t_point_guide div.section02_contents div.way01_image {
	position: relative;
	padding-bottom: 20px;
	}

div#t_point_guide div.section02_contents div.way01_image img {
	padding-left: 50px;
	}

div#t_point_guide div.section02_contents div.way01_image p {
	position: absolute;
	top: 20px;
	left: 315px;
	width: 235px;
	text-align: left;
	}

div#t_point_guide div.section02_contents dl.section02_way02 dd {
	position: relative;
	}

div#t_point_guide div.section02_contents dl.section02_way02 dd p.text {
	position: absolute;
	top : 43px;
	left: 283px;
	}

div#t_point_guide div.section02_contents dl.section02_way02 dd p.btn {
	position: absolute;
	top : 100px;
	left: 277px;
	}

div#t_point_guide div.section02_contents dl.section02_way02 dd p.image img {
	padding: 23px 0 0 40px;
	}

div#t_point_guide dl.section02_way03 {
	background: url(/img/campaign/tpointinfo2/adjust/bg_section.gif) repeat-y top left;
	padding: 25px 0 0 0;
	}

div#t_point_guide dl.section02_way03 dt {
	padding: 0 20px 20px 20px;
	}

div#t_point_guide dl.section02_way03 dd {
	padding: 0 20px;
	}

div#t_point_guide dl.section02_way03 dd.btn_area {
	position: relative;
	}

div#t_point_guide dl.section02_way03 dd.btn_area ul {
	position: absolute;
	top: 206px;
	left: 290px;
	}

div#t_point_guide dl.section02_way03 dd.btn_area ul li {
	padding-bottom: 36px;
	}

div#t_point_guide dl.section02_way03 dd.tsite_btn {
	background: url(/img/campaign/tpointinfo2/adjust/bg_section_btm.gif) no-repeat bottom left;
	padding: 20px 0 30px 0;
	text-align: center;
	}

div#t_point_guide dl.adjust_attention {
	padding: 25px 0 0 0;
	}

div#t_point_guide dl.adjust_attention dt {
	font-weight: bold;
	padding-bottom: 3px;
	}

div#t_point_guide dl.adjust_attention dd {
	padding-bottom: 25px;
	padding-left: 0.6em;
	text-indent: -0.6em;
	}

div#t_point_guide dl.member_dl {
	padding-bottom: 20px;
	background: url(/img/campaign/tpointinfo2/member/line_dot.gif) repeat-x bottom left;
	margin-bottom: 20px;	
	}

div#t_point_guide dl.member_dl.border {
	background: none;
	border-bottom: 1px solid #CCCCCC;
	}

div#t_point_guide dl.member_dl.nobg {
	background: none;
	}

div#t_point_guide dl.member_dl dt {
	font-weight: bold;
	padding-bottom: 3px;
	}

/* トップページにナビ追加 20090526
--------------------------------------------------------*/

/* ナビゲーション
------------------------------------*/
div#t_point_guide ul#index_gnavi {
 width: 780px;
 padding-bottom: 1px;
 }

div#t_point_guide ul#index_gnavi li {
 float: left;
 padding-right: 1px;
 }

div#t_point_guide ul#index_gnavi li.right {
 padding-right: 0;
 }