﻿@charset "UTF-8";

/* 全体サイズと背景
-------------------------------------------------------------------------*/
#CONTAINER {
	width:100%;
	background:transparent url(../images/bg_base.jpg) repeat-x;
}
#SECOND-CONTAINER {
	margin:0 auto;
	width:970px;
	background:transparent url(../images/bg_all.gif) repeat-y;
	padding-bottom:10px;
}


/* ヘッダー（id:HEADER ）
---------------------------------------------------------------------------*/
#HEADER {
	margin:0;
	width:970px;
	height:76px;
	background:transparent url(../images/bg_header.jpg) no-repeat;
	position:relative;
}
#HEADER div.logo {
	float:left;
	margin:0;
	padding:0 0 0 10px;
}
#HEADER div.title {
	float:left;
	margin:0;
	padding:11px 0 0 0;
}
#HEADER div.bookmark {
	position:absolute;
	bottom:12px;
	right:237px;
}
#HEADER div.links {
	float:right;
	margin:15px 0 0 0;
	padding:0 10px 0 0;
}
#HEADER div.links ul.linklist{
	margin:0 13px 0 0;
	padding:0 0 24px 0;
	list-style-type:none;
	background:transparent url(../images/header_dot.gif) repeat-x bottom left;
}
#HEADER div.links ul.linklist li {
	float:left;
	margin:0;
	padding:0 6px 7px 2px;
}
#HEADER div.links ul.linklist li.end {
	padding:0 0 7px 2px;
}
#HEADER div.links dl.select{
	clear:both;
	margin:0 0 0 53px;
	padding:0;
}
#HEADER div.links dl.select dt {
	float:left;
	margin:0;
	padding:12px 0 0 3px;
}
#HEADER div.links dl.select dd {
	float:left;
	margin:0;
	padding:8px 0 0 3px;
}
#HEADER div.links dl.select dd select.fselect{
	width:136px;
}





/* コンテンツエリア（id:CONTENTS）
---------------------------------------------------------------------------*/
#CONTENTS {
	margin:0;
	width:970px;
	background:transparent url(/cms_images/bg_main.jpg) no-repeat;
	min-height:543px;
}
#CONTENTS .solid {
	width:922px;
	margin:0 23px 0 25px;
	padding:20px 0 10px 0;
}
#CONTENTS .main {
	width:605px;
	margin:0 15px 0 0;
	padding:0;
	float:left;
}
#CONTENTS .side {
	width:302px;
	margin:0;
	padding:0;
	float:left;
}


/* ランキング：劇場 */
div.side div.ranking_gekijyo{
	background:transparent url(/common/images/bg_side_302_white_M.gif) repeat-y 0 0;
}
div.side div.ranking_gekijyo_inner{
	padding-bottom:15px;
	background:transparent url(/common/images/bg_side_302_white_B.gif) no-repeat 0 bottom;
}
div.side div.ranking_gekijyo_inner ul{
	margin:0;
	padding:0;
	list-style:none;
}
div.side div.ranking_gekijyo dl{
	margin:5px 0 0 11px;
	width:277px;
}
div.side div.ranking_gekijyo dt,
div.side div.ranking_gekijyo dd{
	float:left;
}
div.side dt.ranking_order{
	width:23px;
	text-align:left;
	margin:0;
	padding:0;
}
div.side dd.ranking_status{
	margin:0;
	padding:2px 0 0 0;
	width:25px;
	text-align:center;
}
div.side dd.ranking_title{
	margin:0;
	padding:0;
	width:229px;
	text-align:left;
}


/* 見出し hx マークアップ */
#CONTENTS h1.ttl {
	background:transparent url(/cms_images/bg_ttl.gif) no-repeat;
}
/* 見出し hx マークアップ */
#CONTENTS h2 {
	margin:20px 0 0 0;
}
/* 見出し hx マークアップ（リンク付き） */
#CONTENTS div.h_links {
	position:relative;
}
#CONTENTS div.h_links ul {
	position:absolute;
	top:8px;
	right:11px;
	margin:0;
	padding:0;
	list-style-type:none;
}
#CONTENTS div.h_links ul li {
	margin:0 0 0 10px;
	padding:0;
	float:left;
}
/* 見出し hx マークアップ（マーク付きテキスト） */
#CONTENTS div.h_text {
	margin:15px 0 0 0;
	padding:0 0 0 13px;
	height:36px;
	background:transparent url(/cms_images/mark_idx02.gif) no-repeat;
	position:relative;
	bottom:0;
}
#CONTENTS div.h_text h2 {
	margin:0;
}
#CONTENTS div.h_text p {
	position:absolute;
	top:20px;
	left:13px;
}
/* ドットライン */
#CONTENTS div.dotline {
	background:transparent url(/cms_images/line_dot.gif) repeat-x;
}
#CONTENTS div.dotline2 {
	background:transparent url(/cms_images/line_dot02.gif) repeat-x;
}
#CONTENTS div.dotline3 {
	background:transparent url(/cms_images/line_dot03.gif) repeat-x;
}
#CONTENTS div.dotline,
#CONTENTS div.dotline2,
#CONTENTS div.dotline3 {
	margin:0 auto;
	height:1px;
	width:585px;
}
#CONTENTS div.dotline br,
#CONTENTS div.dotline2 br,
#CONTENTS div.dotline3 br {
	display:none;
}


/* メインエリア
---------------------------------------------------------------------------*/
/* メインボタン */
#CONTENTS .main div.mainbtn {
	margin:12px 0 0 0;
	padding:0;
	width:605px;
	height:146px;
	background:transparent url(/cms_images/bg_btn.gif) no-repeat;
}
#CONTENTS .main div.mainbtn ul {
	margin:0;
	padding:6px 0 0 6px;
	width:599px;
	list-style-type:none;
}
#CONTENTS .main div.mainbtn ul li {
	margin:0 1px 0 0;
	padding:0;
	float:left;
}
#CONTENTS .main div.mainbtn ul li.shop {
	position:relative;
}
#CONTENTS .main div.mainbtn ul li.shop div {
	position:absolute;
	top:31px;
	left:13px;
	width:125px;
}
#CONTENTS .main div.mainbtn ul li.shop div img {
	margin:0 0 0 10px;
}
#CONTENTS .main div.mainbtn ul li.shop div p {
	font-size:10px;
}
#CONTENTS .main div.mainbtn ul li.shop div p a,
#CONTENTS .main div.mainbtn ul li.shop div p a:link {
	color:#ffffff;
	text-decoration:underline;
}
#CONTENTS .main div.mainbtn ul li.shop div p a:visited {
	color:#ffffff;
	text-decoration:underline;
}
#CONTENTS .main div.mainbtn ul li.shop div p a:active {
	color:#ffffff;
	text-decoration:none;
}
#CONTENTS .main div.mainbtn ul li.shop div p a:hover {
	color:#ffffff;
	text-decoration:none;
}


/* 重要なお知らせ */
#CONTENTS .main div.important {
	margin:15px 0 0 0;
	width:605px;
	background:transparent url(/cms_images/bg_important.gif) repeat-y;
}
#CONTENTS .main div.important h3 {
	margin:6px 0 0 12px;
	padding:0;
}
#CONTENTS .main div.important p {
	margin:10px 10px 6px 12px;
	padding:0;
}
/* 重要なお知らせ（width:900px;） */
#CONTENTS div.important_l {
	margin:20px 12px 0 10px;
	width:900px;
	background:transparent url(/cms_images/bg_important_l.gif) repeat-y;
}
#CONTENTS div.important_l h3 {
	margin:6px 0 0 12px;
	padding:0;
}
#CONTENTS div.important_l p {
	margin:10px 10px 6px 12px;
	padding:0;
}

/* サマリー */
#CONTENTS .main div.summary{
	margin:15px 10px 0;
}
#CONTENTS .main div.summary p{
	margin:10px 0 0 0;
}
/* サムネイル */
#CONTENTS .main div.thumbnail{
	margin:20px 0 0 0;
	background:transparent url(/cms_images/bg_frame_thumb.gif) repeat-y;
}
#CONTENTS .main div.thumbnail div.list{
	min-height:100px;
	background:transparent url(/cms_images/bg_frame_thumb02.gif) no-repeat;
}
#CONTENTS .main div.thumbnail div.list div.item{
	margin:0;
	padding:5px 0 0 10px;
	width:188px;
	float:left;
}
#CONTENTS .main div.thumbnail div.list div.photo{
	margin:0 0 5px 0;
}
#CONTENTS .main div.thumbnail div.list p.text{
	margin:0 0 5px 0;
	color:#323232;
}

/* PR */
#CONTENTS .main div.pr {
	margin:15px 10px 0 10px;
	padding:0;
	width:585px;
}
#CONTENTS .main div.pr h3 {
	margin:0;
	padding:0;
	width:40px;
	color:#c50000;
	font-weight:bold;
	float:left;
}
#CONTENTS .main div.pr p {
	margin:0;
	padding:0;
	width:545px;
	float:left;
}

/* 枠組み画像コメント */
#CONTENTS .main div.frame {
	margin:12px 10px 0 10px;
	padding:0;
	width:585px;
	background:transparent url(/cms_images/bg_frame.gif) repeat-y;
}
#CONTENTS .main div.frame div.item{
	margin:0;
	padding:5px 0 5px 10px;
	width:282px;
	float:left;
}
#CONTENTS .main div.frame div.item img{
	margin:0;
	width:100px;
	float:left;
}
#CONTENTS .main div.frame div.item p{
	margin:0 0 0 10px;
	width:170px;
	float:left;
}
#CONTENTS .main div.frame div.item p strong{
	line-height:150%;
}

/* 枠組み画像コメント(width:900px;) */
#CONTENTS div.frame_l {
	margin:12px 10px 0 10px;
	padding:0;
	width:900px;
	background:transparent url(/cms_images/bg_frame_l.gif) repeat-y;
}
#CONTENTS div.frame_l div.item{
	margin:0;
	padding:5px 0 5px 10px;
	width:290px;
	float:left;
}
#CONTENTS div.frame_l div.item img{
	margin:0;
	width:100px;
	float:left;
}
#CONTENTS div.frame_l div.item p{
	margin:0 0 0 10px;
	width:178px;
	float:left;
}
#CONTENTS div.frame_l div.item p strong{
	line-height:150%;
}
/* お知らせリンク */
#CONTENTS .main dl.news {
	margin:6px 10px 0 10px;
	padding:0;
	width:585px;
}
#CONTENTS .main dl.news dt {
	clear:left;
	margin:7px 0 0 0;
	padding:0;
	width:55px;
	float:left;
}
#CONTENTS .main dl.news dt img {
	vertical-align:middle;
}
#CONTENTS .main dl.news dd {
	margin:7px 0 0 0;
	padding:0;
	width:530px;
	float:left;
}
/* 0410「NEW」下線ずれ修正 */
html>body #CONTENTS .main dl.news dd img.new {
	vertical-align:top;
}
/* 0410「NEW」下線ずれ修正end */

/* ランキング */
#CONTENTS .main div.ranking {
	margin:12px 0 0 0;
	width:605px;
}
#CONTENTS .main div.ranking div.item{
	width:200px;
	float:left;
}
#CONTENTS .main div.ranking div.item img{
	width:93px;
	margin-left:10px;
	margin-right:10px;
	float:left;
}
#CONTENTS .main div.ranking div.item p{
	width:87px;
	float:left;
}
#CONTENTS .main div.ranking div.item p span{
	color:#c50000;
	line-height:150%;
}

/* カレンダー */
#CONTENTS .main dl.calendar {
	margin:12px 10px 0 10px;
	padding:0;
	width:585px;
}
#CONTENTS .main dl.calendar dt.month {
	margin:0;
	padding:10px 0 0 0;
	width:35px;
	float:left;
}
#CONTENTS .main dl.calendar dd {
	margin:0;
	padding:0;
	width:547px;
	border-left:3px solid #838383;
	float:right;
}
#CONTENTS .main dl.calendar dd.day {
	padding-bottom:1px;
	background:transparent url(/cms_images/line_dot.gif) repeat-x bottom left;
}
#CONTENTS .main dl.calendar dd.today {
	padding-bottom:1px;
	background:#ffe8d8 url(/cms_images/line_dot.gif) repeat-x bottom left;
}
#CONTENTS .main dl.calendar dd.end{
	padding-bottom:0;
}
#CONTENTS .main dl.calendar dd div {
	margin:0;
	padding:0;
	width:542px;
	border:5px solid #ffffff;
	border-right:0;
	float:left;
}
#CONTENTS .main dl.calendar dd div p {
	margin:5px;
	padding:0;
	width:70px;
	float:left;
}
#CONTENTS .main dl.calendar dd div dl.event {
	margin:5px 0 0 5px;
	padding:0;
	width:452px;
	float:right;
}
#CONTENTS .main dl.calendar dd div dl.event dt {
	clear:left;
	margin:0;
	padding-bottom:5px;
	width:55px;
	float:left;
}
#CONTENTS .main dl.calendar dd div dl.event dt img {
	vertical-align:middle;
}
#CONTENTS .main dl.calendar dd div dl.event dd {
	margin:0;
	padding-bottom:5px;
	width:397px;
	border-left:0;
	float:left;
}

/* 080425 いちおし！FLASH */
#CONTENTS .main #SWFichioshi {
	padding:20px 0 0 0;
}


/* サイドエリア
---------------------------------------------------------------------------*/
/* メイン */
#CONTENTS .side div.top {
	margin:0 0 10px 0;
}
/* 枠組み */
#CONTENTS .side div.frame {
	margin:0 0 6px 0;
	width:302px;
	background:transparent url(/cms_images/bg_sideframe.gif) repeat-y;
}
#CONTENTS .side div.frame div.bnr{
	margin:0;
	padding:4px 0 6px 10px;
	width:281px;
}
#CONTENTS .side div.frame h2{
	margin:0 0 0 6px;
	padding:0;
	width:290px;
}
#CONTENTS .side div.frame h3{
	margin:6px 10px 4px 10px;
	padding:0 0 3px 7px;
	border-bottom:1px solid #838383;
	background:transparent url(/cms_images/mark_idx.gif) no-repeat;
}
#CONTENTS .side div.frame div.item{
	margin:7px 0 3px 10px;
	padding:0;
	width:281px;
}
#CONTENTS .side div.frame div.item img{
	width:100px;
	margin-right:10px;
	float:left;
}
#CONTENTS .side div.frame div.item p{
	width:165px;
	float:left;
}
#CONTENTS .side div.frame div.item p strong{
	line-height:150%;
}
#CONTENTS .side div.frame div.mobile{
	margin:4px 0 4px 10px;
	padding:0;
	width:281px;
}
#CONTENTS .side div.frame div.mobile img{
	width:75px;
	margin-left:10px;
	float:right;
}
#CONTENTS .side div.frame div.mobile p{
	width:190px;
}
#CONTENTS .side div.frame ul{
	margin:5px 10px 0 10px;
	padding:0;
	width:281px;
	list-style-type:none;
}
#CONTENTS .side div.frame ul li{
	text-align:right;
}


/* ナビゲーション（id:NAVIGATION）
---------------------------------------------------------------------------*/
#CONTENTS #NAVIGATION {
	margin:0 10px;
	padding:3px 0 0 0;
	width:950px;
	height:56px;
	background:transparent url(/cms_images/bg_navi.jpg) repeat-x;
	position:relative;
}
#CONTENTS #NAVIGATION li {
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
}
#CONTENTS #NAVIGATION li.login {
	margin-left:13px;
}
#CONTENTS #NAVIGATION li.bread {
	position:absolute;
	top:38px;
	left:1px;
}
#CONTENTS #NAVIGATION li.bread div {
	width:619px;
	height:16px;
	background-color:#fff1e8;
	display:none;
}
#CONTENTS #NAVIGATION li.bread div.on {
	display:block;
}
#CONTENTS #NAVIGATION li.bread div#shop ul {
	width:385px;
	margin:0 0 0 234px;
	padding:0;
}
#CONTENTS #NAVIGATION li.bread div#shop ul li {
	margin-right:10px;
	padding-right:10px;
	height:16px;
	color:#ff6600;
	font-size:10px;
	float:left;
	list-style-type:none;
	background:transparent url(/cms_images/bread_pause.gif) no-repeat center right;
}
#CONTENTS #NAVIGATION li.bread div#shop ul li.end {
	background:none;
}
#CONTENTS #NAVIGATION li.bread div#shop ul li img {
	vertical-align:middle;
}
#CONTENTS #NAVIGATION li.bread div#shop ul li a,
#CONTENTS #NAVIGATION li.bread div#shop ul li a:link {
	color:#646464;
	text-decoration:none;
}
#CONTENTS #NAVIGATION li.bread div#shop ul li a:visited {
	color:#646464;
	text-decoration:none;
}
#CONTENTS #NAVIGATION li.bread div#shop ul li a:active {
	color:#ff6600;
	text-decoration:none;
}
#CONTENTS #NAVIGATION li.bread div#shop ul li a:hover {
	color:#ff6600;
	text-decoration:none;
}


/* ページリンク
---------------------------------------------------------------------------*/
#CONTENTS #PAGE {
	margin:0;
	padding:0;
	width:920px;
}
#CONTENTS #PAGE li {
	margin:0;
	padding:38px 0 0 0;
	list-style-type:none;
}
#CONTENTS #PAGE li.back {
	float:left;
}
#CONTENTS #PAGE li.top {
	float:right;
}


/* ガイド
---------------------------------------------------------------------------*/
#CONTENTS #GUIDE {
	margin:5px 0 0 0;
	padding:0;
	width:920px;
	background:transparent url(/cms_images/bg_guide.gif) repeat-y;
}
#CONTENTS #GUIDE div.guidebox {
	width:620px;
	float:left;
}
#CONTENTS #GUIDE div.guidebox dl {
	margin:0;
	padding:0;
	width:605px;
}
#CONTENTS #GUIDE div.guidebox dt {
	margin:5px 10px;
	padding:0 0 4px 0;
	border-bottom:2px solid #838383;
}
#CONTENTS #GUIDE div.guidebox dd {
	margin:10px 0 5px 10px;
	padding:0;
	width:583px;
	background:transparent url(/cms_images/bg_guidebox.gif) repeat-y;
}
#CONTENTS #GUIDE div.guidebox dd div.block{
	margin:0;
	padding:0 0 0 10px;
	width:281px;
	float:left;
}
#CONTENTS #GUIDE div.guidebox dd div.block div.photo{
	margin:5px 0 5px 5px;
	padding:0;
	width:105px;
	float:left;
}
#CONTENTS #GUIDE div.guidebox dd div.block div.link{
	margin:5px 0;
	padding:0;
	width:161px;
	float:left;
}
#CONTENTS #GUIDE div.guidebox dd div.block p{
	margin:5px 0 0 0;
}

#CONTENTS #GUIDE div.isobox {
	width:300px;
	float:left;
}
#CONTENTS #GUIDE div.isobox dl {
	margin:0;
	padding:0;
	width:300px;
}
#CONTENTS #GUIDE div.isobox dt {
	margin:5px 10px;
}
#CONTENTS #GUIDE div.isobox dt div.title {
	margin-bottom:10px;
	padding:0 0 4px 0;
	width:276px;
	border-bottom:2px solid #838383;
}
#CONTENTS #GUIDE div.isobox dt div.title span {
	width:70px;
	float:left;
}
#CONTENTS #GUIDE div.isobox dt div.title p {
	width:200px;
	float:left;
}
#CONTENTS #GUIDE div.isobox dd {
	margin:0;
	padding:0 0 0 10px;
	float:left;
}
#CONTENTS #GUIDE div.isobox dd.icon {
	width:80px;
}
#CONTENTS #GUIDE div.isobox dd.text {
	width:187px;
	font-size:11px;
}


/* レイヤーウィンドウ
---------------------------------------------------------------------------*/
#LAYERWINDOW {
	margin:2px;
	padding:2px;
	border:2px solid #ffffff;
	background-color:#7c7c7c;
}

#LAYERWINDOW div.header {
	height:16px;
	background-color:#eaeaea;
	border-bottom:1px solid #7c7c7c;
	padding:0px;
	text-align:right;
}

#LAYERWINDOW div.header img {
	margin:2px 2px 0px 0px;
}

#LAYERWINDOW iframe {
	margin:0px;
	padding:0px;
	border:0px;
}


/* フッター（id:FOOTER）
---------------------------------------------------------------------------*/
#FOOTER {
	margin:0 auto;
	padding:0;
	width:970px;
	background:transparent url(/cms_images/bg_footer.jpg) no-repeat;
}
#FOOTER .solid {
	margin:0 25px;
	padding:0;
	width:920px;
	height:40px;
}
/* ユーティリティ・リンク */
#FOOTER div.links {
	float:left;
	width:300px;
	margin:9px 0 0;
}
#FOOTER div.links ul {
	margin:0;
	padding:0;
	list-style-type:none;
}
#FOOTER div.links ul li {
	float:left;
	margin:0;
	padding:0 8px 0 0;
}

/* コピーライト */
#FOOTER div.copyright {
	float:right;
	width:460px;
	margin:9px 0 0;
}
