@charset "euc-jp";


/* [=INFO]----------------------------

基本的な設定

Date:2008.01.18
Author:TSUTAYA DISCAS Web Direction Team
Version:1.0

----------------------------[=INFO]*/


/* [=NN4.X系に適用される最低限のスタイル]
-----------------------------------------------*/
body { background: url(/img/tdbg_no.gif) repeat-y top left #FFFFFF; color: #000000;}

a img {
border-width: 0;
border-style: none;
border-color: #FFFFFF;
color: #FFFFFF;
vertical-align: middle;
}

/* 初期化
----------------------------*/
div#rental_start {
	width: 780px;
	margin:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, sans-serif;
	font-size:12px;
	line-height: 1.6;
}

div#rental_start img {
	vertical-align: bottom;
	}

/* ---------------------------------------------------------
TSUTAYAのネット宅配レンタル はじめての方へ
---------------------------------------------------------- */

/* 大枠
----------------------------------------------------------*/
div#rental_start_inner {
	padding:30px 20px 0 20px;
	background:url(/img/campaign/guide/bg_body.jpg) repeat-x top left;
	}

div#rental_start div#contents {
	width: 740px;
	background: url(/img/campaign/guide/bg_contents.jpg) repeat-y top left;
	}

/* ヘッダー
----------------------------------------------------------*/
div#rental_start div#head_contents {
	padding: 5px 5px 0 5px;
	background: url(/img/campaign/guide/bg_contents_top.jpg) no-repeat top left;
	}

/* リード文 */
div#rental_start div#head_contents h1 {
	padding: 20px 0 10px 0;
	text-align: center;
	}

div#rental_start div#head_contents p {
	text-align: center;
	}

div#rental_start div#head_contents ul#lead_contents {
	padding: 17px 20px;
	}

div#rental_start div#head_contents ul#lead_contents li {
	float: left;
	padding-left: 10px;
	}
	
/* ナビゲーション(head) */
div#rental_start div#head_contents div#head_navi {
	width: 730px;
	background-color: #c0ecfa;
	margin-bottom: 20px;
	}

div#rental_start div#head_contents div#head_navi ul li,
div#rental_start div#foot_navi ul li {
	float: left;
	}

div#rental_start div#head_contents ul.subnavi {
	padding: 0 0 8px 3px;
	}

/* ナビゲーション(foot) */
div#rental_start div#wrap_foot_navi {
	padding: 0 5px 5px 5px;
	background: url(/img/campaign/guide/bg_contents_btm.jpg) no-repeat bottom left;
	}

div#rental_start div#foot_navi {
	background: #c0ecfa;
	}

div#rental_start div#foot_navi ul.subnavi {
	padding: 8px 0 0 3px;
	}

div#rental_start div#head_contents ul.subnavi li,
div#rental_start div#foot_navi ul.subnavi li {
	padding: 0 10px;
	background: url(/img/campaign/guide/line_navi.gif) no-repeat right center #c0ecfa;
	}

div#rental_start div#head_contents ul.subnavi li.right,
div#rental_start div#foot_navi ul.subnavi li.right {
	background: none;
	}

div#rental_start div#head_contents ul.subnavi li a,
div#rental_start div#foot_navi ul.subnavi li a {
	padding: 0 0 0 10px;
	background: url(/img/campaign/guide/icon_link.gif) no-repeat left center;
	font-weight: bold;
	}

/* ---------------------------------------------------------
TSUTAYAのネット宅配レンタル はじめての方へ（ページ1）
---------------------------------------------------------- */
/* ネット宅配レンタルサービスって？
---------------------------------------------------------- */
div#rental_start div#section01 {
	padding-left: 25px;
	margin-bottom: 15px;
	}

div#rental_start div.contents_point {
	width:690px;
	background: url(../images/01/bg_point.jpg) repeat-y top left;
	}

div#rental_start div.contents_point_inner {
	padding-bottom: 14px;
	background: url(../images/01/bg_point_btm.jpg) no-repeat bottom left;
	}

div#rental_start div.contents_point p {
	margin: 0 5px;
	padding: 18px 12px;
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.5;
	}

div#rental_start div.contents_point ul {
	padding: 10px 0 0 15px;
	}

div#rental_start div.contents_point ul li {
	float: left;
	padding-right: 16px;
	}

div#rental_start div.contents_point ul li dl {
	width: 154px;
	}

div#rental_start div.contents_point ul li.size01 dl {
	width: 149px;
	}

div#rental_start div.contents_point ul li dl dt {
	padding-bottom: 10px;
	}

div#rental_start div.contents_point ul li dl dd strong {
	color: #e30000;
	}

/* 無料お試しレンタルについて
----------------------------------------------------------*/
div#rental_start div.section {
	padding-left: 25px;
	margin-bottom: 20px;
	}

div#rental_start div.section div.section_inner {
	width: 690px;
	background: url(/img/campaign/guide/bg_section.gif) repeat-y top left;
	}

div#rental_start div.section div.section_inner02 {
	padding-bottom: 10px;
	background: url(/img/campaign/guide/bg_section_btm.gif) no-repeat left bottom;
	/zoom: 1;
	}

div#rental_start div.contents_ftrental p.img_ftrental01 {
	padding: 10px 0;
	text-align: center;
	}

div#rental_start div#attention_list {
	padding-left: 15px;
	}

div#rental_start div.contents_ftrental dl {
	width: 660px;
	border: 1px solid #CCCCCC;
	}

div#rental_start div.contents_ftrental dl dt {
	padding: 15px 15px 15px;
	color: #cc0a0a;
	font-weight: bold;
	}

div#rental_start div.contents_ftrental dl dd {
	padding-bottom: 15px;
	text-indent: -1em;
	padding-left: 1em;
	margin: 0 15px;
	}

div#rental_start div.contents_ftrental dl dd img {
	vertical-align: middle;
	}

div#rental_start div.contents_ftrental dl dd img.icon01 {
	padding-right: 2px;
	}

div#rental_start div.contents_ftrental p.link_txt {
	padding: 10px 15px 0 0;
	text-align: right;
	}

div#rental_start div.contents_ftrental p.link_txt a {
	padding-left: 10px;
	background: url(/img/campaign/guide/icon_link.gif)  no-repeat left center;
	}

/* 入会の流れ
----------------------------------------------------------*/
div#rental_start div.contents_ftrental02 p {
	padding:13px 0;
	text-align: center;
	}

/* 登録ボタン
----------------------------------------------------------*/
div#rental_start p#btn_btm_regist {
	padding: 15px 0 25px 0;
	text-align: center;
	}

/* ページトップ
----------------------------------------------------------*/
div#rental_start p#pagetop {
	padding: 25px 0 15px 0;
	margin: 0 5px;
	background: url(/img/campaign/guide/bg_pagetop.gif) repeat-x left bottom;
	margin-bottom: 10px;
	text-align: right;
	}


/*----------------------------------------------------------
ClearFix
----------------------------------------------------------*/
.rental_start_clearfix:after,
div#rental_start div#head_contents ul#lead_contents:after,
div#rental_start div#head_contents div#head_navi ul:after,
div#rental_start div#head_contents ul.subnavi:after,
div#rental_start div.contents_point ul:after,
div#rental_start div#foot_navi ul:after,
div#rental_start div#foot_navi ul.subnavi:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
}

.rental_start_clearfix,
div#rental_start div#head_contents ul#lead_contents,
div#rental_start div#head_contents div#head_navi ul,
div#rental_start div#head_contents ul.subnavi,
div#rental_start div.contents_point ul,
div#rental_start div#foot_navi ul,
div#rental_start div#foot_navi ul.subnavi {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ---------------------------------------------------------
TSUTAYAのネット宅配レンタル はじめての方へ（ページ2）
---------------------------------------------------------- */

/* 圧倒的な在庫量
----------------------------------------------------------*/
div#rental_start div.contents_check01 div.amount {
	padding-left:143px;
	margin: 20px 0;
	}
	
div#rental_start div.contents_check01 div.amount p {
	width: 405px;
	height: 60px;
	line-height: 60px;
	background: url(/img/campaign/guide/bg_amount.gif) no-repeat right top;
	font-size: 55px;
	color: #FFFFFF;
	}

div#rental_start div.contents_check01 div.amount p span {
	padding-left: 100px;
	}

div#rental_start div.dvd_list {
	padding-left: 14px;
	margin-bottom: 20px;
	}

div#rental_start div.dvd_list p.note {
	padding-left: 6px;
	}

div#rental_start table.new_tb { width:664px; margin-bottom: 10px;}
div#rental_start table.new_tb td { vertical-align:top;}
div#rental_start table.new_tb img {margin-right:6px;}
div#rental_start table.new_tb dl { width:300px; padding:5px; background-color: #fefaed; font-size: 10px;}
div#rental_start table.new_tb dl dt { float:left; width:180px; background:url(/img/campaign/guide/icon_dvd.gif) no-repeat 0 5px; padding: 5px 5px 5px 18px;}
div#rental_start table.new_tb dl dd.on { border-bottom:#3b3b3b dashed 1px; padding: 5px 5px 5px 200px; text-align:right;}
div#rental_start table.new_tb dl dd span.new_red { color: #ff0000; font-weight: bold;}

/* 業界最速,業界最安値
----------------------------------------------------------*/
div#rental_start div.contents_check02 p,
div#rental_start div.contents_check03 p,
div#rental_start div.contents_check04 p {
	text-align: center;
	padding: 20px 0;
	}


/*----------------------------------------------------------
ClearFix
----------------------------------------------------------*/
div#rental_starttable.new_tb dl:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
}

div#rental_starttable.new_tb dl {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* ---------------------------------------------------------
201002　すぐに借りられます 追加分
--------------------------------------------------------- */
div#rental_start div.wrap_recommend_area {
	width: 666px;
	margin: 10px 0 10px 11px;
	background: url(/img/campaign/guide/bg_recommend.gif) repeat-y top left;
	}

div#rental_start div.recommend_area {
	width: 666px;
	padding-bottom: 15px;
	background: url(/img/campaign/guide/bg_recommend_btm.gif) no-repeat bottom left;
	}

div#rental_start div.recommend_area h3 {
	width: 666px;
	height: 42px;
	line-height: 42px;
	font-weight: bold;
	background: url(/img/campaign/guide/bg_title_recommend.jpg) no-repeat top left;
	}

div#rental_start div.recommend_area h3 span {
	padding-left: 64px;
	color:#FFFFFF;
	}

div#rental_start div.recommend_area ul.image_area {padding: 8px 0 0 8px;}
div#rental_start div.recommend_area ul.icon_area {padding: 5px 0 2px 8px;}
div#rental_start div.recommend_area ul.title_area {padding: 0 0 0 8px;}

div#rental_start div.recommend_area ul.image_area li,
div#rental_start div.recommend_area ul.icon_area li,
div#rental_start div.recommend_area ul.title_area li {
	float: left;
	width: 112px;
	margin-left: 15px;
	text-align: center;
	/display: inline;
	}

div#rental_start div.recommend_area ul.image_area li img {
	background: url(/img/campaign/guide/bg_dvd.jpg) no-repeat bottom right;
	padding: 0 2px 2px 0;
	}

div#rental_start div.recommend_area ul.icon_area li{text-align: center; line-height: 1.2;}

div#rental_start div.recommend_area ul.icon_area li img {
	padding-bottom: 3px;
	}

div#rental_start div.recommend_area ul.title_area li {text-align: left; line-height: 1.4;}

div#rental_start div.recommend_area ul.bgline {
	padding-bottom: 5px;
	margin-bottom: 0 0 10px 0;
	background: url(/img/campaign/guide/line_recommend.jpg) no-repeat bottom left;
	}


/* ClearFix
----------------------------------------------------------*/
div#rental_start div.recommend_area ul.image_area:after,
div#rental_start div.recommend_area ul.icon_area:after,
div#rental_start div.recommend_area ul.title_area:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
}

div#rental_start div.recommend_area ul.image_area,
div#rental_start div.recommend_area ul.icon_area,
div#rental_start div.recommend_area ul.title_area {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}