@charset "UTF-8";

/* -----------------------------------------------
FileName:home.css
----------------------------------------------- */
/* HOME用背景
------------------------------------------------*/
body { background-image:url(../images/bg_base.jpg) }
#SECOND-CONTAINER { background-image:url(../images/bg_cloud.jpg); }


/* メインコンテンツ
------------------------------------------------*/
/* h1タイトル */
div.main h1 {
	display:none;
}
/* 重要なお知らせ */
div.main div.important {
	margin-top:20px;
	width:606px;
	background:transparent url(../images/bg_important.gif) repeat-y;
}
div.main div.important div.top {
	padding:5px 0 0;
	width:606px;
	background:transparent url(../images/bg_important_top.gif) no-repeat;
}
div.main div.important div.top div.bot {
	padding:0 0 13px;
	width:606px;
	background:transparent url(../images/bg_important_bot.gif) no-repeat 0 100%;
}
div.main div.important div.h2_idx {
	margin:0 7px;
	border-bottom:1px solid #fff;
}
div.main div.important div.h2_idx h2 {
	padding:5px 0 5px 30px;
	background:transparent url(../images/icon_important.gif) no-repeat 5px 50%;
	border-bottom:1px solid #bb0101;
	font-size:110%;
}
div.main div.important p {
	margin:7px 17px 0;
}
div.main div.important p.attention {
	color:#bb0101;
	font-weight:bold;
}
div.main div.important p span {
	color:#000;
}
/* 作品案内ボタン */
div.main div.btns {
	margin-top:20px;
	padding:7px 0 7px 7px;
	background:transparent url(../images/bg_btns.gif) no-repeat;
}
div.main div.btns ul {
	width:593px;
}
div.main div.btns ul li {
	float:left;
	margin-right:3px;
}
/* Coming Soon！ */
div.main div.cs {
	margin-top:15px;
}

/* 各一覧
------------------------------------------------*/
div.main div.lists {
	margin-top:10px;
	width:607px;
	background:transparent url(../images/bg_lists.gif) repeat-y;
}
div.main div.lists div.bot {
	padding-bottom:7px;
	width:607px;
	background:transparent url(../images/bg_lists_bot.gif) no-repeat 0 100%;
}
div.main div.lists div.bot div.clmL {
	float:left;
	width:297px;
}
div.main div.lists div.bot div.clmR {
	float:right;
	width:297px;
}
/* h2タイトル */
div.main div.lists div h2 {
	height:43px;
	text-indent:-9999px;
	overflow:hidden;
}
div.main div.lists div.ranking h2 { background:transparent url(../images/h2_ranking.gif) no-repeat; }
div.main div.lists div.pickup h2 { background:transparent url(../images/h2_pickup.gif) no-repeat; }
div.main div.lists div.store h2 { background:transparent url(../images/h2_store.gif) no-repeat; }
div.main div.lists div.store_home h2 { background:transparent url(../images/h2_store_home.gif) no-repeat; }
div.main div.lists div.present h2 { background:transparent url(../images/h2_present.gif) no-repeat; }
div.main div.lists div.info h2 { background:transparent url(../images/h2_info.gif) no-repeat; }
div.main div.lists div.service h2 { background:transparent url(../images/h2_service.gif) no-repeat; }

/* More */
div.main div p.more {
	position:absolute;
	top:15px;
	right:14px;
	text-indent:-9999px;
	overflow:hidden;
}
div.main div p.more a {
	width:40px;
	height:13px;
	display:block;
}

/* 先週末の映画ランキング */
div.main div.lists div.ranking {
	padding-bottom:20px;
	width:297px;
	background:transparent url(../images/bg_list_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.main div.lists div.ranking ol {
	margin:4px 5px 5px 2px;
}
div.main div.lists div.ranking ol li {
	padding:4px 0;
	width:291px;
	position:relative;
}
div.main div.lists div.ranking ol li.rank02,
div.main div.lists div.ranking ol li.rank04 { background-color:#ffefe5; }
div.main div.lists div.ranking ol li.rank05 { padding-bottom:0; background:none; }
div.main div.lists div.ranking ol li div.photo {
	float:left;
	margin-right:10px;
	width:96px;
}
div.main div.lists div.ranking ol li div.photo .border_frame_gray_ranking_top {
	margin-left:36px;
	border:1px solid #838383;
	width:60px;
	height:84px;
	overflow:hidden;
}
div.main div.lists div.ranking ol li div.photo .border_frame_gray_ranking_top img{
	border:1px solid #fff;
}
div.main div.lists div.ranking ol li.rank01 div.photo { background:transparent url(../images/bg_rank01.gif) no-repeat; }
div.main div.lists div.ranking ol li.rank02 div.photo { background:transparent url(../images/bg_rank02.gif) no-repeat; }
div.main div.lists div.ranking ol li.rank03 div.photo { background:transparent url(../images/bg_rank03.gif) no-repeat; }
div.main div.lists div.ranking ol li.rank04 div.photo { background:transparent url(../images/bg_rank04.gif) no-repeat; }
div.main div.lists div.ranking ol li.rank05 div.photo { background:transparent url(../images/bg_rank05.gif) no-repeat; }
div.main div.lists div.ranking ol li dl.lead {
	float:right;
	width:180px;
}
div.main div.lists div.ranking ol li dl.lead dt {
	margin-bottom:5px;
	text-indent:-20px;
	padding-right:5px;
	padding-left:20px;
}
div.main div.lists div.ranking ol li dl.lead dt img{
	vertical-align:middle;
}
div.main div.lists div.ranking ol li dl.lead dt a{
	font-weight:bold;
}
div.main div.lists div.ranking ol li dl.lead dd {
	padding-right:5px;
	padding-bottom:25px;
}
div.main div.lists div.ranking ol li dl.lead dd a {
	text-decoration:none;
}
div.main div.lists div.ranking ol li p.icon {
	_clear:both;
	position:absolute;
	right:9px;
	bottom:5px;
	margin-left:96px;
	color:#990000;
}
div.main div.lists div.ranking ol li.rank05 p.icon {
	bottom:0;
}
div.main div.lists div.ranking ol li p.icon img {
	margin-left:5px;
	vertical-align:middle;
}
/* 新着PickUp！ */
div.main div.lists div.pickup {
	padding-bottom:20px;
	width:297px;
	background:transparent url(../images/bg_list_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.main div.lists div.pickup ul {
	margin:0 23px 10px 21px;
}
div.main div.lists div.pickup ul li {
	margin-top:8px;
	padding-bottom:8px;
}
div.main div.lists div.pickup ul li.end {
	padding-bottom:0;
}
div.main div.lists div.pickup ul li div.photo {
	margin-bottom:2px;
}
div.main div.lists div.pickup ul li div.pokemon{
	position:relative;
	margin-bottom:2px;
	width:253px;
	height:161px;
}
div.main div.lists div.pickup ul li span.guard{
	position:absolute;
	display:block;
	width:253px;
	height:161px;
	background-image:url(../images/spacer.gif);
	cursor:pointer;
}
div.main div.lists div.pickup ul li span.guard a{
	position:absolute;
	display:block;
	width:100%;
	height:100%;
}
div.main div.lists div.pickup ul li dl.lead dt {
	margin-bottom:5px;
}
/* 期間限定商品 */
div.main div.lists div.store {
	padding-bottom:20px;
	width:297px;
	background:transparent url(../images/bg_list_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.main div.lists div.store ul {
	margin:0 13px 5px 11px;
}
div.main div.lists div.store ul li {
	margin-top:8px;
	padding-bottom:8px;
	width:273px;
	background:transparent url(../images/bg_dotline.gif) repeat-x 0 100%;
}
div.main div.lists div.store ul li.end {
	padding-bottom:0;
	background:none;
}
div.main div.lists div.store ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.main div.lists div.store ul li dl.lead {
	float:right;
	width:163px;
}
div.main div.lists div.store ul li dl.lead dt {
	margin-bottom:5px;
}
/* 売店案内 */
div.main div.lists div.store_home {
	padding-bottom:20px;
	width:297px;
	background:transparent url(../images/bg_list_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.main div.lists div.store_home ul {
	margin:0 13px 5px 11px;
}
div.main div.lists div.store_home ul li {
	margin-top:8px;
	padding-bottom:8px;
	width:273px;
	background:transparent url(../images/bg_dotline.gif) repeat-x 0 100%;
}
div.main div.lists div.store_home ul li.end {
	padding-bottom:0;
	background:none;
}
div.main div.lists div.store_home ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.main div.lists div.store_home ul li dl.lead {
	float:right;
	width:163px;
}
div.main div.lists div.store_home ul li dl.lead dt {
	margin-bottom:5px;
}
/* プレゼント＆キャンペーン */
div.main div.lists div.present {
	padding-bottom:20px;
	width:297px;
	background:transparent url(../images/bg_list_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.main div.lists div.present ul {
	margin:0 13px 5px 11px;
}
div.main div.lists div.present ul li {
	margin-top:8px;
	padding-bottom:8px;
	width:273px;
	background:transparent url(../images/bg_dotline.gif) repeat-x 0 100%;
}
div.main div.lists div.present ul li.end {
	padding-bottom:0;
	background:none;
}
div.main div.lists div.present ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.main div.lists div.present ul li dl.lead {
	float:right;
	width:163px;
}
div.main div.lists div.present ul li dl.lead dt {
	margin-bottom:5px;
}
/* ワーナー・マイカルからのお知らせ */
div.main div.lists div.info {
	padding-bottom:20px;
	width:297px;
	background:transparent url(../images/bg_list_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.main div.lists div.info ul {
	margin:0 13px 5px 11px;
}
div.main div.lists div.info ul li {
	margin-top:5px;
	margin-left:0.75em;
	text-indent:-0.75em;
}
div.main div.lists div.info ul li span {
	margin-right:0.25em;
}
/* サービス */
div.main div.lists div.service {
	padding-bottom:20px;
	width:297px;
	background:transparent url(../images/bg_list_bot.gif) no-repeat 0 100%;
	position:relative;
}
div.main div.lists div.service ul {
	margin:0 13px 5px 11px;
}
div.main div.lists div.service ul li {
	margin-top:8px;
	padding-bottom:8px;
	width:273px;
	background:transparent url(../images/bg_dotline.gif) repeat-x 0 100%;
}
div.main div.lists div.service ul li.end {
	padding-bottom:0;
	background:none;
}
div.main div.lists div.service ul li div.photo {
	float:left;
	margin-right:10px;
	width:100px;
}
div.main div.lists div.service ul li dl.lead {
	float:right;
	width:163px;
}
div.main div.lists div.service ul li dl.lead dt {
	margin-bottom:5px;
}
/* 最下部用 */
div.main div.lists div.under {
	padding-bottom:0;
	background:none;
}
/* 最下部イラスト */
div.main div.lists div.ilst {
	margin:0 4px 0 2px;
	padding-top:3px;
	width:291px;
	background:transparent url(../images/bg_ilst_top.gif) no-repeat 50% 2px;
}

/* PR */
div.main div.pr1 {
	margin:14px 10px 0;
	padding:0;
	width:585px;
}
div.main div.pr2 {
	margin:7px 10px 0;
	padding:0;
	width:585px;
}
div.main div.pr1 h3,
div.main div.pr2 h3 {
	margin:0;
	padding:0;
	width:55px;
	font-weight:normal;
	float:left;
}
div.main div.pr1 p,
div.main div.pr2 p {
	margin:0;
	padding:0;
	width:530px;
	float:left;
}
div.main div.pr1:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	overflow:hidden;
}
div.main div.pr1 {
	display:inline-block;
}
/* \*/
* html div.main div.pr1 {
	height:1%;
}
div.main div.pr1 {
	display:block;
}
div.main div.pr2:after {
	content:"."; 
	display:block; 
	height:0; 
	clear:both; 
	visibility:hidden;
	overflow:hidden;
}
div.main div.pr2 {
	display:inline-block;
}
/* \*/
* html div.main div.pr2 {
	height:1%;
}
div.main div.pr2 {
	display:block;
}
div.main div.cleared {
	height:0;
	overflow:hidden;
}