@charset "shift_jis";

/* バブルへGO Base Styles
 * maintained by RS
 * (classes defined in the Markup Guide - http://mozilla.org/contribute/writing/markup )
 */


/* プロパティの指定順序 */
/*
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */


/* 初期化
==========================================================================================*/
a,p,em,strong,ul,ol,li,dd,dt,dl,table,h1,h2,h3,h4,h5,h6,h7{
	margin:0;
	padding:0;
	font-style:normal;
	text-align:left;
	text-decoration:none;
	list-style:none;
}
em,strong{font-weight:bold;}
img{ border:none;}


/* 
==========================================================================================*/
body {
	background:url(../img/bg_theaterMiddle.gif) #d5a9cf 50% 0 repeat-y;
	margin:0;
	padding:0;
	font-size:small;
	line-height:1.4;
	text-align:center;
}
	
	.miniTxt{
		font-size:80%;	
	}
	
	/*InterFaceDesign And BaseDesign*/
	#baseContainer{
		width:468px;
		margin:0 auto;
		padding:170px 22px 0 30px;
		background:url(../img/bg_theaterHeader.gif) 0 0 no-repeat;
		overflow:hidden;
	}
		#baseContainer:after{
			content: "";
			display: block;
			clear: both;
			height: 1px;
		}
		/*\*/
		* html #baseContainer{
			height:1em;
			overflow:visible;
		}
		/**/
		
		
		h1{
			position:absolute;
			left:-1000px;	
		}
		#shortCutLink{
			background:url(../img/bg_theaterShortCut.gif) 0 0 no-repeat;
			width:267px;
			height:52px;
			margin:0 0 0 auto;
			padding:8px 5px 0 10px;	
			font-size:12px;
			font-weight:bold;
		}
			#shortCutLink ul{
				clear:both;
				height:14px;
				margin:0;
				padding:0;
				list-style-type:none;
			}
			#shortCutLink li{
				float:left;
				margin:0 5px 0 0;
			}
			#shortCutLink a:link, #shortCutLink a:visited, #shortCutLink a:active{
				color:#fff;	
			}
			#shortCutLink a:hover{
				color:#fff;
			}
			
		/*main Container Block Design*/
		#mainContainer{
			margin:10px 0 40px 0;
		}
			.areaBlock h2{
				background:url(../img/tag_deltaDotCircle.gif) 0 3px no-repeat;
				margin:15px 0 5px 10px;
				padding:0 0 0 18px;
				font-size:16px;
				font-weight:bold;
				color:#884594;
			}
			.areaBlock h3{
				margin:10px 0 0 10px;
				padding:0 0 0 5px;
				font-size:14px;
				font-weight:bold;
				color:#999;
				border-left:3px solid #ccc;
			}
			.areaBlock dl{
				background:url(../img/line_Dot.gif) 0 100% repeat-x;
				margin:0 5px 0 0;
				padding:5px 0 5px 0;
				overflow:hidden;
			}
				.areaBlock dl:after{
					content: "";
					display: block;
					clear: both;
					overflow: hidden;
				}
				/*\*/
				* html .areaBlock dl{
					height:1em;
					overflow:visible;
				}
				/**/
				.areaBlock dt{
					float:left;
					width:50%;
					margin:0 0 0 11px;
					color:#666;
				}
				.areaBlock dd{
					background:url(../img/tag_telMark.gif) 0 0 no-repeat;
					float:left;
					margin:0 0 0 10px;
					padding:0 0 0 23px;
					font-size:12px;
					font-weight:bold;
					color:#aaa;
				}
			
			#closeBtn{
				text-align:center;
			}
				#closeBtn a{
					display:block;
					width:111px;
					height:27px;
					margin:20px auto 20px auto;	
				}
					#closeBtn a span{
						position:absolute;
						display:block;
						left:-1000px;
					}
					#closeBtn a:link, #closeBtn a:visited, #closeBtn a:active{
						background:url(../img/btn_closeOut.gif) 0 0 no-repeat;
					}
					#closeBtn a:hover{
						background:url(../img/btn_closeOv.gif) 0 0 no-repeat;
					}
	#bottomer{
		background:url(../img/bg_theaterBottoms.gif) 0 0 no-repeat;
		margin:0 auto;
		height:58px;
		width:520px;
		font-size:10px;
		color:#ccc;
	}	




/*==========================================================================================

	//ポップアップ共通スタイル

==========================================================================================*/
.popUp .txtBox {
	width:400px;
	margin:0 auto;
	padding:20px 0 0;
	text-align:left;
}

/*==========================================================================================

	//モバイル

==========================================================================================*/
#pMobile #baseContainer {
		background:url(../img/bg_mobileHeader.gif) 0 0 no-repeat;
	}

.qr {
	margin:0 150px 30px 150px;
	border:#aaa 1px solid;
}


	
/*==========================================================================================

	//予告

==========================================================================================*/

#pTrailer #baseContainer {
	background:url(../img/bg_trailerHeader.gif) 0 0 no-repeat;
}
#pTrailer .txtBox {
	width:271px;
	margin:0 auto;
	padding:20px 0 0;
}


/*==========================================================================================

	//ブログパーツ

==========================================================================================*/
#pBlog {}
#pBlog #baseContainer {
	background:url(../img/bg_blogpHeader.gif) 0 0 no-repeat;
}
#pBlog .txtBox {
	width:401px;
	margin:0 auto;
	padding:20px 0 0;
}
#pBlog .txtBox h2 {
	padding:1em 0 0.5em;
	font-size:135%;
}
#pBlog .txtBox h2 span {
	color:#666;
	font-size:68%;
	font-weight:normal;
	line-height:100%;
}
#pBlog .txtBox textarea {
	width:391px;
	margin:1em 0 0;
	padding:5px;
}

#pBlog .txtBox h3 {
	margin:1.5em 0 0;
	font-size:135%;
}
#pBlog .txtBox unit {
	margin:1em 0 0;
	font-size:100%;
}

#pBlog .txtBox .source li {
	margin:0.5em 0 0 2em;
	list-style:decimal;
}
#pBlog .txtBox .source li span {
	color:#666;
	font-size:83%;
	line-height:116%;
}

#pBlog .txtBox .notice li {
	margin:0.5em 0 0 2em;
	list-style:circle;
}



/*==========================================================================================

	//ブログパーツ

==========================================================================================*/

#pGoods {}
#pGoods #baseContainer {
/*	width:468px;
	margin:0 auto;*/
	padding:190px 22px 0 30px;
	background:url(../img/bg_goodsHeader.gif) 0 0 no-repeat;
/*	overflow:hidden;*/
}

#mainContainer{
	margin:10px 0 40px;
	padding:0 15px;
}

/* タブ切り替え */
.yui-nav {
	margin:15px 0 0;
	background:url(../img/line_tab.gif) 0 100% no-repeat;
}
.yui-nav li,
.yui-nav a {
	display:block;
	float:left;
}
.yui-nav li {
	margin-right:3px;
	border:1px solid #8d6f89;
	background:#8d6f89;
}
.yui-nav a {
	padding:5px 17px;
	color:#fff;
	font-size:100%;
	font-family:Verdana, Helvetica, sans-serif;
}
.yui-nav .selected {
	border-bottom:1px solid #fff;
	background:#fff;
}
.yui-nav .selected a {
	color:#673d89;
}

/*
==========================================================================================*/
#pGoods .goodsBox0,
#pGoods .goodsBox,
#pGoods .goodsBox2 {
	clear:both;
	width:431px;
	padding:20px 0;
	background:url(../img/dline_1_2.gif) 0 100% no-repeat;
}


/*
------------------------------------------------------------------------------------------*/
#pGoods .goodsBox div {
	float:left;
	width:160px;
}


/*
------------------------------------------------------------------------------------------*/
#pGoods .goodsBox dl {
	float:right;
	width:260px;
}
#pGoods .goodsBox dt {}
#pGoods .goodsBox dd {
	padding:0 0 0 3px;
	color:#333;
	font-size:100;
}
#pGoods .goodsBox dd.authorTxt {
	font-size:135%;
}
#pGoods .goodsBox dd.sellingTxt {
	font-size:83%;
}
#pGoods .goodsBox dd.detailTxt {
	padding-bottom:5px;
	font-size:83%;
}
#pGoods .goodsBox dd.detailTxt em {
	color:#999;
	font-style:normal;
	font-weight:normal;
	line-height:1;
}
#pGoods .goodsBox dd.priceTxt strong {
	color:#e0960a;
	font-size:150%;
	font-weight:bold;
}


/*
------------------------------------------------------------------------------------------*/
#pGoods .goodsBox2 {}
#pGoods .goodsBox2 .priceTxt {
	padding:2px 0 0;
	text-align:center;
}
#pGoods .goodsBox2 .priceTxt strong {
	color:#e0960a;
	font-size:150%;
	font-weight:bold;
}
#pGoods .goodsBox2 ul li {
	padding:7px 0 0;
}


/*
------------------------------------------------------------------------------------------*/
#pGoods .goodsBox0 h2 {
	font-size:135%;
	text-align:center;
}
#pGoods .goodsBox0 p {
	font-size:100%;
	text-align:center;
}
#pGoods .goodsBox0 .priceTxt {
	color:#e0960a;
	font-size:116%;
	font-weight:bold;
}



#pGoods .fwsLink {
	padding:20px 0 0;
}
#pGoods .fwsLink a:hover {
	text-decoration:underline;
}



/*==========================================================================================

	//DVD情報

==========================================================================================*/

body#pDVD {
	background-image:url(../img/bg_dvdMiddle.gif);
}

#pDVD #baseContainer {
	width:606px;
/*	margin:0 auto;*/
	padding:210px 22px 0 30px;
	background-image:url(../img/bg_dvdHeader.gif);
/*	overflow:hidden;*/
}

#pDVD #mainContainer {
	margin:10px 0 40px;
	padding:0 15px;
}


/* キャッチ文 */
#pDVD #mainContainer .catchBox {
	margin:0 40px;
}
#pDVD #mainContainer .catchBox h2 img {
	vertical-align:bottom;
}
#pDVD #mainContainer .catchBox p {
	margin:5px 0 0;
	color:#666;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-size:116%;
	line-height:1.3;
}


/* タブ切り替え */
#pDVD .yui-nav {
	margin:15px 0 0;
	background:none;
}
#pDVD .yui-nav li,
#pDVD .yui-nav a {
	display:block;
	float:left;
	width:210px;
}
#pDVD .yui-nav li {
/*	margin-right:3px;*/
	padding:10px 30px 0;
	border:none;
	background:#fff;
}
#pDVD .yui-nav li div {
	padding:0 0 5px;
}
#pDVD .yui-nav a {
	padding:0;
	color:#fff;
}
#pDVD .yui-nav a img {
	vertical-align:bottom;
}
#pDVD .yui-nav .selected {
	background:#fff;
}
#pDVD .yui-nav .selected a {
	color:#673d89;
}
#pDVD .yui-nav div img {
	border:1px solid #fff;
}
#pDVD .yui-nav #tabNav01.selected div img {
	border:1px solid #e2c52c;
}
#pDVD .yui-nav #tabNav02.selected div img {
	border:1px solid #673d89;
}



#pDVD .yui-content {
	margin-top:35px;
}
#pDVD .pageTOP {
	padding:20px 0 10px;
	text-align:right;
}


/* 基本データ */
.basicData {
	padding:25px 0 0;
	border-top:dashed 1px #666;	
}
.basicData .imgCol {
	float:left;
}
.basicData .dataCol {
	float:right;
	width:414px;
}

.basicData .dataCol dt {
	margin-top:5px;
	padding:0 0 0 20px;
	background:url(../img/ico_dvd.gif) 0 0.2em no-repeat;
	font-family:"メイリオ","Meiryo","ＭＳ Ｐゴシック",sans-serif;
	font-weight:bold;
}
.basicData .dataCol dd {
	padding:0 0 5px 23px;
}
.basicData .dataCol dd em {
	color:#e2383d;
	font-weight:normal;
}
.basicData .dataCol dd ol li {
	list-style:decimal inside;
}
.basicData .dataCol dd ol li p {
	margin-left:18px;
	font-size:83%;
}


/* 特典 */
.tokuten {
	width:568px;
	margin:35px 0 0;
}
.tokuten li {
	margin:15px 0 0;
}
.tokuten li dt {}
.tokuten li dt span {
	margin:0 0 0 5px;
	color:#666;
}
.tokuten li dd {
	margin-left:25px;
}


/* DVDイメージ */
.dvdImage {
	margin:25px 0 0;
}
.dvdImage li {
	float:left;
	margin:0 10px 5px 0;
}


/* フッタ */
#pDVD #bottomer{
	background:url(../img/bg_dvdBottoms.gif) 0 0 no-repeat;
/*	margin:0 auto;
	height:58px;*/
	width:659px;
/*	font-size:10px;
	color:#ccc;*/
}	


/*==========================================================================================
	floatさせたボックスが親ボックスの外にはみ出す現象を回避
	(macIE用にmac-ie5.cssにも記述すること)
==========================================================================================*/

.yui-nav:after,
.yui-nav p:after,
.goodsBox:after,
.basicData:after,
.dvdImage:after
{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

/* Mac IE には適用させない \*/
* html .yui-nav,
* html .yui-nav p,
* html .goodsBox,
* html .basicData,
* html .dvdImage
{
	height:1%;
}

/* IE7 */
*:first-child+html .yui-nav,
*:first-child+html .yui-nav p,
*:first-child+html .goodsBox,
*:first-child+html .basicData,
*:first-child+html .dvdImage
{
 display:inline-block;
}
/* */
/* floatさせたボックスが親ボックスの外にはみ出す現象を回避（ここまで） */