@charset "utf-8";


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

基本的な設定

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

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


/* [=NN4.X系に適用される最低限のスタイル]
-----------------------------------------------*/
body { background: url(/img/campaign/EasinessGuide/img/tdbg.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_guide {
	width: 780px;
	margin:0;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, sans-serif;
	font-size:12px;
}

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

/* ---------------------------------------------------------

DVD・CDレンタルかんたんガイド

---------------------------------------------------------- */


/*----------------------------------------------------------
大枠
----------------------------------------------------------*/
div#rental_guide div#container {
	padding: 22px 29px 30px 16px;
	background: url(/img/campaign/EasinessGuide/common/bg_container.jpg) repeat-x top left #FFFFFF;
	}

/*----------------------------------------------------------
レイアウト
----------------------------------------------------------*/
div#rental_guide div#main {
	float: right;
	width: 545px;
	}

div#rental_guide div#sidebar {
	float: left;
	width: 170px;
	padding-right: 20px;
	}

/*----------------------------------------------------------
main
----------------------------------------------------------*/
div#rental_guide div#main div#contents {
	width: 541px;
	padding: 1px 1px 20px;
	margin-bottom: 20px;
	background: #FFFFFF;
	border: 1px solid #CCCCCC;
	}

div#rental_guide div#main .center {
	text-align: center;
	}

/*20100709追加*/
div#rental_guide div#main div#contents .lead{
	padding:15px 20px 5px;
}

div#rental_guide div#main div#contents .lead p.main{
	font-weight:bold;
	font-size:120%;
	margin-bottom:0.5em;
}

div#rental_guide div#main div#contents .lead .red{
	color:#c00;
}
/*20100709追加*/

/* ボタン */
div#rental_guide div#btnArea {
	width: 545px;
	padding: 10px 0 8px 0;
	background: url(/img/campaign/EasinessGuide/common/bg_btn.gif) repeat top left;
	}

div#rental_guide div#btnArea p,
div#rental_guide div#btnArea ul {
	padding-left: 123px;
	}

div#rental_guide div#btnArea ul {
	margin-top: 5px;
	}

div#rental_guide div#btnArea ul li {
	display: inline;
	padding-right: 15px;
	}

div#rental_guide div#btnArea ul li a {
	padding-left: 8px;
	background: url(/img/campaign/EasinessGuide/common/icon_link.gif) no-repeat left center;
	}

/*
top
----------------------------------------------------------*/
div#rental_guide div#main p.top_img01 {
	padding-top: 21px;
	}

/*
中ページ共通
----------------------------------------------------------*/
div#rental_guide h3#chapter_title  {
	margin-top: 10px;
	margin-left: 11px;
	}
	
div#rental_guide div.section {
	width: 520px;
	margin-left: 11px;
	padding: 20px 0 0 0;
	}

div#rental_guide div.border {
	border-bottom: 1px solid #CCCCCC;
	padding-bottom: 20px;
	}

div#rental_guide div.section h3 {
	text-indent: -20px;
	padding-left: 20px;
	margin-bottom: 25px;
	color: #d12a62;
	}

div#rental_guide div.section h3.marb10 {
	margin-bottom: 10px;
	}

div#rental_guide div.section h3 span {
	font-weight: bold;
	}

div#rental_guide div.section p.grayArea {
	background: #e6e4da;
	padding: 20px 8px;
	margin-top: 20px;
	}

div#rental_guide p.text {
	margin-bottom: 20px;
	}

div#rental_guide p strong {
	font-weight: bold;
	color: #cc0a0a;
	}

/*
guide01
----------------------------------------------------------*/
div#rental_guide h4.guide01_02 {
	padding: 0 0 3px 0;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	}

div#rental_guide dl#guide01_02_img03 {
	text-align: center;
	}

div#rental_guide dl#guide01_02_img03 dt {
	margin: 20px 0 10px 0;
	}


div#rental_guide div.guide01_03{
	background: #e6e4da;
	padding: 20px 8px;
	margin-top: 20px;
	}

div#rental_guide div.guide01_03 ul {
	line-height: 1.6;
	}

div#rental_guide div.guide01_03 ul li {
	text-indent: -1em;
	padding-left: 1em;
	}


	
/* guide02,04
----------------------------------*/
div#rental_guide p#price_list_lead {
	width: 516px;
	margin-left: 2px;
	}

div#rental_guide table#price_list,
div#rental_guide table#ticket_price_list th {
	width: 514px;
	margin-left: 2px;
	margin-bottom: 10px;
	border: 1px solid #004485;
	}

div#rental_guide table#price_list th,
div#rental_guide table#ticket_price_list th {
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	}

div#rental_guide table#price_list th.th_col01,
div#rental_guide table#ticket_price_list th.th_col01 {
	border-right: none;
	border-top: none;
	border-bottom: 1px solid #FFFFFF;
	}

div#rental_guide table#price_list th.th_col02,
div#rental_guide table#ticket_price_list th.th_col02 {
	border-right: none;
	}

div#rental_guide table#price_list td,
div#rental_guide table#ticket_price_list td {
	text-align: center;
	padding: 5px;
	border-right: 1px solid #004485;
	border-top: 1px solid #004485;
	}

div#rental_guide table#price_list td.col01,
div#rental_guide table#ticket_price_list td.col01 {
	background: #c7ebfb;
	}

div#rental_guide table#price_list td.col02,
div#rental_guide table#ticket_price_list td.col02 {
	background: #eeeeee;
	}

div#rental_guide table#price_list td span {
	padding-left: 5px;
	font-size: 10px;
	color: #cf1a1a;
	}

div#rental_guide table#price_list td strong {
	color: #cf1a1a;
	font-weight: bold;
	}

div#rental_guide dl#price_list_note {
	width: 516px;
	margin-left: 2px;
	margin: 0 0 5px 0;
	}

div#rental_guide dl#price_list_note dd {
	text-indent: -3.2em;
	padding: 0 0 0 3.2em;
	color: #cf1a1a;
	}

div#rental_guide dl#price_list_note dd span {
	padding-right: 10px;
	}

div#rental_guide p#guide02_link {
	text-align: right;
	margin-right: 2px;
	margin-bottom: 15px;
	}

div#rental_guide p#guide02_img01 {
	border-top: 1px solid #CCCCCC;
	padding: 15px 0 0 0;
	text-align: center;
	}

/* guide03
----------------------------------*/
div#rental_guide div#qa {
	width: 515px;
	margin-left: 13px;
	padding: 20px 0 0 0;
	}

div#rental_guide div#qa dl {
	margin-bottom: 25px;
	}

div#rental_guide div#qa dl dt {
	float: left;
	width: 35px;
	}

div#rental_guide div#qa dl dd {
	padding-left: 35px;
	line-height: 1.6;
	}

div#rental_guide div#qa dl dd img {
	vertical-align: middle;
	}

div#rental_guide div#qa dl dd.q_text {
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #CCCCCC;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	}

div#rental_guide div#qa dl dd strong {
	font-weight: normal;
	color: #ff0000;
	}

/* guide04
----------------------------------*/
div#rental_guide div#ticket {
	width: 484px;
	margin-left: 18px;
	padding: 20px 0 0 0;
	}
	
div#rental_guide div#ticket p#guide04_lead {
	margin-bottom: 15px;
	font-weight: bold;
	}
	
div#rental_guide table#ticket_price_list {
	width: 482px;
	border: 1px solid #004485;
	}

div#rental_guide div#ticket ul {
	margin: 15px 0 ;
	line-height: 1.6;
	}

div#rental_guide div#ticket ul li {
	text-indent: -1em;
	padding-left: 1em;
	}

/*
dvd01,dvd02
----------------------------------------------------------*/
div#rental_guide .dvd01_01 {
	position: relative;
	width: 520px;
	}

div#rental_guide .dvd01_01 p.text {
	position: absolute;
	top: 137px;
	left: 20px;
	text-indent: -12px;
	padding-left: 12px;
	width: 200px;
	}

div#rental_guide .dvd01_01 p.text img {
	vertical-align: top;
	}

div#rental_guide .dvd02_03 {
	height: 105px;
	padding-left: 157px;
	padding-bottom: 10px;
	margin-bottom: 20px;
	background: url(/img/campaign/EasinessGuide/dvd_cd/02/img03.jpg) no-repeat top left;
	}

div#rental_guide .dvd02_03 p {
	padding-bottom: 15px;
	font-weight: bold;
	}

div#rental_guide span.red {
	color: #cc0a0a;
	font-weight: bold;
	}


/* dvd03
----------------------------------*/
div#rental_guide p.img_mart10 {
	margin-top: 20px;
	}

div#rental_guide dl#dvd03_attention{
	margin: 20px 12px 0 13px;
	padding: 15px;
	border: 1px solid #cccccc;
	}

div#rental_guide dl#dvd03_attention dt {
	font-weight: bold;
	color: #cc0a0a;
	}

div#rental_guide dl#dvd03_attention dd {
	padding:  18px 0 0 15px;
	background: url(/img/campaign/EasinessGuide/dvd_cd/03/icon_list.gif) no-repeat 3px 25px;
	}

div#rental_guide dl#dvd03_attention dd img {
	vertical-align: top;
	}

/* mobile
----------------------------------*/
div#rental_guide div#contents_mobile01 {
	padding: 20px 0 20px 22px;
	}

div#rental_guide div#contnts_mobile01_left {
	float: left;
	width: 278px;
	}

div#rental_guide div#contnts_mobile01_left ol {
	width: 278px;
	padding: 6px 0 0 0;
	}

div#rental_guide div#contnts_mobile01_left ol li {
	margin: 0 0 15px 0;
	}

div#rental_guide p#contnts_mobile01_right {
	float: left;
	width: 222px;
	}

div#rental_guide div#contnts_mobile02 {
	padding: 20px 0 15px 22px;
	}

div#rental_guide div#contnts_mobile02_left {
	float: left;
	width: 324px;
	margin: 0;
	padding: 0;
	}

div#rental_guide div#contnts_mobile02_left ul#listArea {
	width: 313px;
	}

div#rental_guide div#contnts_mobile02_left ul li {
	padding: 0;
	}

div#rental_guide div#contnts_mobile02_left ul li#list01 p {
	padding-left: 104px;
	}

div#rental_guide div#contnts_mobile02_left ul li p.title {
	padding-top: 15px;
	padding-bottom: 5px;
	}

div#rental_guide div#contnts_mobile02_left ul li p.subtitle {
	padding-bottom: 2px;
	}

div#rental_guide div#contnts_mobile02_left ul li#list01 {
	padding-bottom: 50px;
	background: url(/img/campaign/EasinessGuide/mobile/img02_01.jpg) no-repeat top left;
	}

div#rental_guide div#contnts_mobile02_left ul li#list01 p.subtitle {
	color: #ff6a00;
	}

div#rental_guide div#contnts_mobile02_left ul li#list02 {
	padding-bottom: 50px;
	background: url(/img/campaign/EasinessGuide/mobile/img02_02.jpg) no-repeat top left;
	}

div#rental_guide div#contnts_mobile02_left ul li#list02 p {
	padding-left: 15px;
	}

div#rental_guide div#contnts_mobile02_left ul li#list02 p.subtitle {
	color: #00aee7;
	}

div#rental_guide div#contnts_mobile02_left ul li#list03 {
	padding-bottom: 50px;
	background: url(/img/campaign/EasinessGuide/mobile/img02_03.jpg) no-repeat top left;
	}

div#rental_guide div#contnts_mobile02_left ul li#list03 p {
	padding-left: 104px;
	padding-right: 20px;
	}


div#rental_guide div#contnts_mobile02_left ul li#list03 p.subtitle {
	color: #ad2351;
	}

div#rental_guide p#contnts_mobile02_right {
	float: left;
	width: 171px;
	padding-top: 48px;
	}
	
div#rental_guide div#contents_mobile03 {
	margin: 20px 13px 12px 12px;
	/*margin: 20px 0 20px 5px;
	background: url(/img/campaign/EasinessGuide/mobile/bg_contents03.gif) repeat-y top left;*/
	}

/*
div#rental_guide div#contents_mobile03 ul {
	padding-bottom: 5px;
	background: url(/img/campaign/EasinessGuide/mobile/bg_contents03_btm.gif) no-repeat bottom left;
	}

div#rental_guide div#contents_mobile03 ul li {
	float: left;
	padding-left: 10px;
	}

div#rental_guide dl#career {
	padding-left: 15px;
	margin-bottom: 20px;
	}

div#rental_guide div#contents_mobile03 dd {
	padding: 8px 0;
	text-align: center;
	}

div#rental_guide ul#contents_mobile03_list {
	clear: both;
	padding: 0 0 0 15px;
	}
*/

/* 2009.11.16 modified
----------------------------------------------------------*/
div#rental_guide div#contents_mobile03 div.clearfix{
	margin-bottom: 12px;
}

div#rental_guide div#contents_mobile03 .colLeft{
	width: 300px;
	float: left;
}

div#rental_guide div#contents_mobile03 .colRight{
	width: 205px;
	float: right;
}

div#rental_guide div#contents_mobile03 .colLeft .boxGray{
	background: url(/img/campaign/EasinessGuide/mobile/box_grayL_body.jpg) 0 0 repeat-y;
}

div#rental_guide div#contents_mobile03 .colLeft .boxGray .box_innerHead{
	background: url(/img/campaign/EasinessGuide/mobile/box_grayL_head.jpg) 0 0 no-repeat;
}

div#rental_guide div#contents_mobile03 .colLeft .boxGray .box_innerFoot{
	background: url(/img/campaign/EasinessGuide/mobile/box_grayL_foot.jpg) 0 100% no-repeat;
	width: 296px;
	height: 221px;
	padding: 2px;
}

div#rental_guide div#contents_mobile03 .boxGray .box_innerFoot p{
	width: auto;
	text-align: center;
	margin: 0 auto;
}

div#rental_guide div#contents_mobile03 .colLeft .boxGray .box_innerFoot h3{
	margin-bottom: 7px;
}

div#rental_guide div#contents_mobile03 .colRight .boxGray{
	background: url(/img/campaign/EasinessGuide/mobile/box_grayS_body.jpg) 0 0 repeat-y;
}

div#rental_guide div#contents_mobile03 .colRight .boxGray .box_innerHead{
	background: url(/img/campaign/EasinessGuide/mobile/box_grayS_head.jpg) 0 0 no-repeat;
}

div#rental_guide div#contents_mobile03 .colRight .boxGray .box_innerFoot{
	background: url(/img/campaign/EasinessGuide/mobile/box_grayS_foot.jpg) 0 100% no-repeat;
	width: 201px;
	height: 71px;
	padding: 2px;
}

div#rental_guide div#contents_mobile03 .colRight .boxGray .box_innerFoot h3{
	margin-bottom: 14px;
}

div#rental_guide div#contents_mobile03 .colRight #qr{
	height: 136px;
	margin-bottom: 10px;
}

div#rental_guide div#contents_mobile03 .colRight #qr h3{
	margin-bottom: 16px;
}

div#rental_guide div#career {
	margin-bottom: 12px;
}

/*----------------------------------------------------------
side
----------------------------------------------------------*/
div#rental_guide div#sidebar div#naviArea {
	width: 166px;
	padding: 1px 1px 10px 1px;
	border: 1px solid #CCCCCC;
	background:  #FFFFFF;
	}

div#rental_guide div#sidebar div#naviArea h3 {
	padding: 0 0 13px 0;
	}

div#rental_guide div#sidebar div#naviArea div#gnavi {
	width: 166px;
	padding-bottom: 10px;
	background: url(/img/campaign/EasinessGuide/common/line_dot.gif) repeat-x bottom left;
	}

div#rental_guide div#gnavi dl {
	margin: 0;
	padding: 0 0 0 7px;
	}

div#rental_guide div#gnavi dl dt {
	width: 152px;
	height:22px;
	padding: 0 0 5px 0;
	background: url(/img/campaign/EasinessGuide/common/bg_categorynavi.gif) no-repeat top left;
	text-align: center;
	}

div#rental_guide div#gnavi dl dt a {
	display: block;
	padding-top: 3px;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	}

div#rental_guide div#gnavi dl dt.open {
	background: url(/img/campaign/EasinessGuide/common/bg_categorynavi_ac.gif) no-repeat top left;
	}

div#rental_guide div#gnavi dl dd {
	overflow: hidden;
	}

div#rental_guide div#gnavi dl dd ul,
div#rental_guide div#gnavi dl dd ul li {
	margin: 0;
	padding: 0;
	}

div#rental_guide div#gnavi dl dd ul li {
	padding-left: 25px;
	margin-bottom: 3px;
	}

div#rental_guide div#gnavi dl dd ul li.icon01 {
	background: url(/img/campaign/EasinessGuide/common/icon_side01.gif) no-repeat top left;
	font-weight: bold;
	}

div#rental_guide div#gnavi dl dd ul li.icon02 {
	background: url(/img/campaign/EasinessGuide/common/icon_side02.gif) no-repeat top left;
	font-weight: bold;
	}

div#rental_guide div#gnavi dl dd ul li.icon03 {
	background: url(/img/campaign/EasinessGuide/common/icon_side03.gif) no-repeat top left;
	font-weight: bold;
	}

div#rental_guide div#gnavi dl dd ul li.icon04 {
	background: url(/img/campaign/EasinessGuide/common/icon_side04.gif) no-repeat top left;
	font-weight: bold;
	}

div#rental_guide div#gnavi dl dd ul li a {
	display: block;
	padding-left: 8px;
	background: url(/img/campaign/EasinessGuide/common/icon_navi_link.gif) no-repeat left top;
	}

div#rental_guide div#gnavi dl dd ul li.current {
	font-weight: bold;
	text-indent: -7px;
	padding-left: 32px;
	}

div#rental_guide div#gnavi dl dd ul li.free {
	padding-left: 0;
	text-indent: 0;
	pdding-bottom: 5px;
	margin-top: 10px;
	}

div#rental_guide div#gnavi dl dd ul li.mobile {
	padding-left: 0;
	margin-top: 0;
	text-indent: 0;
	pdding-bottom: 5px;
	}
	
div#rental_guide div#naviArea ul#subnavi {
	margin: 0 15px 0 7px;
	padding-top: 5px;
	}

div#rental_guide div#naviArea ul#subnavi li {
	padding-bottom: 3px;
	padding-left: 3px;
	}

div#rental_guide div#naviArea ul#subnavi li a {
	display: block;
	padding-left: 8px;
	background: url(/img/campaign/EasinessGuide/common/icon_navi_link.gif) no-repeat left top;
	}
	
/*----------------------------------------------------------
ClearFix
----------------------------------------------------------*/
.rental_guide_clearfix:after,
div#rental_guide div#container:after,
div#rental_guide div#qa dl:after,
div#rental_guide div#contents_mobile01:after,
div#rental_guide div#contents_mobile02:after,
div#rental_guide div#contents_mobile03 ul:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
  font-size: 0;
}

.rental_guide_clearfix,
div#rental_guide div#container,
div#rental_guide div#qa dl,
div#rental_guide div#contents_mobile01,
div#rental_guide div#contents_mobile02,
div#rental_guide div#contents_mobile03 ul {
  _height: 1px;
  min-height: 1px;
  /**//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*----------------------------------------------------------
20091224 追加分（クリーニングガイド）
----------------------------------------------------------*/

/* side
----------------------------------*/
div#rental_guide div#gnavi dl dd ul li.free_item {
	padding-left: 0;
	text-indent: 0;
	pdding-bottom: 5px;
	margin-top: 0;
	}

div#rental_guide div#gnavi dl dd ul li.free_item_current {
	font-weight: bold;
	text-indent: -7px;
	padding-left: 7px !important;
	pdding-bottom: 5px !important;
	}

/* dvd04
----------------------------------*/
div#rental_guide div.section515 {
	padding-left: 13px;
	width: 515px;
	}

div#rental_guide div.section515 h3 {padding-bottom: 10px;}
div#rental_guide div.section515 p { padding-bottom: 10px;}
div#rental_guide div.section515 p.padb20 {padding-bottom: 20px;}
div#rental_guide div.section515 p.lead { padding: 15px 0;}

/* 文字色赤用 */
div#rental_guide div.section515 p.red { color: #cc0a0a;}

div#rental_guide div.section515 ul.icon_dot li {
	background: url(../images/dvd_cd/03/icon_list.gif) no-repeat 3px 5px;
	padding-left: 8px;
	padding-bottom: 10px;
	}

div#rental_guide div.grayline {
	border: 1px solid #CCCCCC;
	padding: 15px 15px 0;
	}

div#rental_guide div.grayline ul.icon_dot {
	background: #eeeeee;
	padding: 10px;
	}

div#rental_guide div.grayline ul.icon_dot li {
	padding-bottom: 0;
	}

div#rental_guide div.section515 ul.attention_list {
	padding: 15px 0 5px 0;
	}

div#rental_guide div.section515 ul.attention_list li {
	text-indent: -1em;
	padding-left: 1em;
	padding-bottom: 10px;
	}