/*

[		SECTION =0 リセット					]  
[		SECTION =1 ページ全体レイアウト 	] 
[		SECTION =2 ヘッダーパーツ 			]  
[		SECTION =3 メイン				 	] 
[		SECTION =4 左ナビ 					] 
[		SECTION =5 右ナビ 					] 
[		SECTION =6 フッターパーツ		 	]
[		SECTION =7 追加パーツ			 	]

*/


/*  [	SECTION =0 リセット				]  */

::selection {
background: #999;
}

::-moz-selection {
background: #999;
}

body {
	color:#fff;
	margin:0;
	padding:0;
	font-size:12px;
	line-height:1.5em;
	letter-spacing:0;
	font-family:Meiryo UI,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',Arial,Helvetica,sans-serif;
}

div, p, ul, ol, li, dl, dd, dt span {
	margin:0;
	padding:0;
}

ul {
	list-style:none;
}

em {
	font-style:normal;
	padding:0 5px 0 0;
}

img {
	vertical-align:bottom;
	margin:0;
	padding:0;
	font-size:0;
}

a img {
	border:none;
	border:0;
}

a:link {
	color:#fff;
	text-decoration:underline;
}

a:visited {
	color:#fff;
	text-decoration:underline;
}

a:hover {
	color:#fc0;
	text-decoration:none;
}

a:active {
	color:#fff;
	text-decoration:none;
}



/*  [	SECTION =1 ページ全体レイアウト ]  */

#container {
	width:100%;
}

#header-in {
	margin:0 auto;
	width:1040px;
	padding:0;
}

#wrap {
	width:845px;
	float:right;
}

#main {
	width:670px;
	float:left;
}

#small-sub {
	width:160px;
	float:right;
}

#nav {
	float:left;
	width:180px;
}

#footer {
	border-top:1px solid #C00;
	height:40px;
}

.all {
	width:840px;
	margin:0 0 20px;
}

#list-all {
	float:left;
	width:670px;
	display:inline; /*needed for shitIE6 */
	margin-right:5px;
}

#rank-all {
	width:845px;
	float:right;
}

.clear {
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}

.clear-r {
	content: ".";
	display:block;
	height:0;
	clear:right;
	visibility:hidden;
	line-height:0;
	font-size:0;
	margin:0;
	padding:0;
}

.end {
	margin:0;
}

.special1 {
	background-color:#f00;
}

.fl-l {
	float:left;
}

.fl-r {
	float:right;
}

.high {
	color:#ff0;
}



/* 見出し */
	
h1 {
	padding: 5px 0 3px;
	vertical-align:middle;
	font-size:14px;
	border-bottom:2px solid #C00;
	margin:0 0 12px;
	color:#fff;
}



/*  [	SECTION =2 ヘッダーパーツ	]  */	

#header .lnav {
	padding:8px 0 0 0;
	height:30px;
	background-color:#2c2c2c;
	width:100%;
}

#header .lnav ul {
	margin:0 auto;
	width:900px;
	height:30px;
	padding:0;
}

#header .lnav ul li {
	display:block;
	float:left;
	padding:0 10px 0 0;
	vertical-align:middle;
}

#header .lnav ul li.fix {
	padding:3px 0 0 0;
	margin-right:14px;
}

#header form {
	padding:0 40px 0 240px;
	margin:0;
}

#header form input {
	margin:0 10px;
}

#header form input#keyword {
	width:220px;
	border:1px solid #C00;
	background:url(/images/bg-keyword.gif) repeat-x;
	color:#fff;
	padding:2px;
	margin:0;
	height:14px;
	q line-height:1.5em;
}

#header form input#submit {
	line-height:1em;
	margin:0 10px;
	vertical-align:bottom;
}





/* <===================( SECTION 8 リスト				 )===================> */	

h1.list_head {
	font-size:16px;
}

div.orders a {
	color:#f90;
}

table.listnum_links {
	background-color:#333;
	padding:1px 0;
	width:100%;
	margin:10px 0;
	height:19px;
	text-align:center;
}

table.listnum_links a, span.r {
	padding:2px 10px 0 10px;
}

div.list_container {
	padding:0;
}

/* div.list_container { margin:0 0 0 14px; display:inline;  } */

.pagenum {
	float:right;
}

div.list_container div {
	float:left;
	width:100px;
	margin: 0 32px 14px 0;
	height:230px;
}

div.list_container div.end {
	float:left;
	width:100px;
	margin: 0 10px 10px 10px;
}

div.list_container table a {
	color:#f90;
}

div.list_container table a img {
	opacity:1.0;
	filter: alpha(opacity=100);
}

div.list_container table a img:hover {
	opacity:0.8;
	filter: alpha(opacity=80);
}

div.list_container div table a.btn-listbtn {
	display:block;
	background:url(../images/btn-bg20.gif) 0 0 repeat-x;
	padding:1px 3px 3px;
	height:16px;
	width:42px;
	display:block;
	color:#000;
	text-decoration:none;
	text-align:center;
}

div.cclist {
	width:660px;
}

div.cclist h2 {
	font-size:12px;
	color:#f3fc15 !important;
	font-weight:normal;
	border-bottom:3px solid #0c0;
	padding:0 0 5px;
	margin:0 0 10px;
}

div.cclist dl {
	display:block;
	float:left;
	width:140px;
	margin:0 20px 20px 0;
}

div.cclist p a {
	background-color:#666;
	width:200px;
	margin:0 auto;
	padding:.5em 2em;
	display:block;
	text-align:center;
	color:#fff;
}



/* <===================( SECTION 9 詳細ページ			 )===================> */

.detail_main {
	margin-right:10px;
}

.detail_main img.main_float {
	margin:10px 10px 10px 0;
	float:left;
}

.detail_main ul, div.ranking_container ul {
	list-style-type:none;
	margin:10px 10px 10px 0;
} /*for ranking also */

.detail_main ul li em {
	width:52px;
	display:block;
	float:left;
}

div.ranking_container ul {
	margin:3px 10px 10px 0;
}

.detail_main ul li div.ranking_container ul li {
	margin:2px 4px 2px 0;
}

.detail_main ul li a {
	padding:2px 0;
	color:#f90;
	line-height:140%;
}

div.ranking_container ul li a {
	color:#f90;
}

.detail_main iframe {
	margin:10px 0;
}

div.left_floats div {
	padding:4px 36px;
	background-color:#333;
	margin:0 24px 10px 0;
	float:left;
}

div.left_floats div a {
	font-weight:bold;
}

.detail_main p {
	padding:5px;
}

div.movie_preview, div.movie_preview div, div.movie_preview img {
	float:left;
	margin:0 5px 7px 0;
}

div.recommend_container div {
	float:left;
	padding:0 6px 10px 0;
	margin:0 10px;
}

div.recommend_container img {
	margin-bottom:4px;
}

.midashi_line {
	color:#fff;
	border-bottom:1px solid #333;
	padding: 2px 0;
	margin:0 5px 5px 0;
}

.midashi_line img {
	padding:0 4px 0 0;
}

table.price_info {
	padding-bottom:5px;
}

table.price_info, table.setprice_info {
	background-color:#000;
	text-align:center;
}

table.price_info th, table.setprice_info th {
	background-color:#c00;
}

table.price_info td, table.setprice_info td {
	background-color:#666;
	padding:3px 0;
}

table.price_info td.black, table.setprice_info td.black {
	background-color:#000;
}

table.price_info td.price, table.setprice_info td.price {
	background-color:#f90;
	color:#000;
}

table.dl, table.no_dl {
	text-align:center;
	color:#000;
	margin-bottom:10px;
	border:1px solid #000;
	border-collapse:collapse;
}

table.dl td, table.dl th, table.no_dl td, table.no_dl th {
	border:1px solid #000;
	border-collapse:collapse;
}

table.dl th, table.no_dl th {
	background-color:#666;
	color:#fff;
}

table.dl td {
	background-color:#f90;
}

table.no_dl td {
	background-color:#ccc;
}

table.dl td a, table.dl td a:visited {
	display:block;
	color:#000;
}

td.rightside {}

div.set_container, div.grey_container, div.red_container {
	width:206px;
	padding:6px;
	margin-bottom:10px;
}

div.set_container {
	border:1px solid #f39;
}

div.grey_container {
	background-color:#202020;
	border:1px solid #666;
}

div.red_container {
	border:1px solid #c00;
	margin-top:10px;
}

div.grey_container p {
	margin:4px 0 12px;
	font-size:11px;
	letter-spacing:0px;
}

div.grey_container p a {
	color:#f90;
}

table.etc_info {
	background-color:#666;
	text-align:center;
	margin-top:10px;
}

table.etc_info td.r_line {
	border-right:1px solid #202020;
}

table.etc_info td.l_line {
	border-left:1px solid #202020;
}

.ccc {
	background-color:#ccc;
	color:#000;
}

.dvd_image {
	float:left;
	margin-right:5px;
}

.red_border {
	border:1px solid #c00;
	display:inline;
}

.black_border {
	border:1px solid #000;
}

/*  pagenate */
			
ul.pagenate {
	text-align:center;
	margin-bottom:4px;
}

ul.pagenate li {
	display:inline;
}

ul.pagenate li.end {
	margin:0;
	padding:0;
}

ul.pagenate a:link, ul.pagenate a:visited {
	color:#fff;
	text-decoration:none;
	margin:0 8px 8px 0;
	background-color:#222;
	padding:2px 4px;
	border:1px solid #666;
	display:inline-block;
}

ul.pagenate a:hover, ul.pagenate a:active {
	text-decoration:none;
	background-color:#3cf;
	margin:0 8px 8px 0;
	padding:2px 4px;
	border:1px solid #fff;
	display:inline-block;
}

ul.pagenate a.current {
	color:#666 !important;
	font-size:12px;
	text-decoration:none;
	background-color:#3cf !important;
	margin:0 8px 8px 0;
	padding:2px 4px;
	border:1px solid #fff;
	cursor:default;
	display:inline-block;
}

/* how many parts per page */

.pagenum {
	margin:10px 0 10px 500px;
	height:20px;
	padding:5px 0;
	position:relative;
}


/*   [ SECTION 12 ticket.html 用 ]   */	

table#ticktable {
	background-color:#fff;
	border-collapse:collapse;
	margin:10px 0;
	border:5px solid #ccc;
	color:#333;
	text-align:center;
	width:670px;
}

table#ticktable a {
	color:#333;
	text-decoration:none;
}

table#ticktable td, table#ticktable th {
	padding:0;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
}

table#ticktable .leftalign {
 q text-align:left;
 q color:#c33700;
 q position:relative;
 q width:160px;
	height:30px;
}

table#ticktable .centeralign {
	text-align:center;
 q color:#c33700;
 q position:relative;
 q width:160px;
}

table#ticktable .leftalign2 {
	background:url(../images/join/icn-tool.png) 180px 10px no-repeat;
	text-align:left;
}

table#ticktable .leftalign img {
	display:block;
	float:right;
}

table#ticktable th {
	color:#316d09;
	font-size:14px;
	border:1px solid #ccc;
}

table#ticktable th.first {
	color:#333;
	height:140px;
}

table#ticktable th {
	color:#d00;
}

table#ticktable th span {
	display:block;
	font-weight:bold;
	padding:2px 0;
	color:#000;
}

table#ticktable th span em {
	font-style:normal;
	font-weight:normal;
	color:#666;
	font-size:10px;
}

table#ticktable th img.imgstat {
	vertical-align:top;
	padding:0 2px;
}

table#ticktable td img.check {
q margin:0 0 0 30px;
q width:16px;
}

table#ticktable tr.r2 {
	background-color:#f3f3f3;
}

table#ticktable tr.r3 {
	background-color:#f3f3f3;
	border-bottom:1px solid #bbb;
}

table#ticktable tr.r4 {
	background-color:#eefce4;
q border-bottom:1px solid #bbb;
}

table#ticktable form {
	padding:0;
	margin:0;
}

table#ticktable em {
	font-style:normal;
	padding:0 1px;
	color:#007800;
}

table#ticktable span, div#j-container p span {
	display:block;
}

div#j-container .sm {
	font-size:10px !important;
	color:#333;
	letter-spacing:1px;
}



/*   [	SECTION =13 フッターパーツ ]   */

.foot_table {
	margin:20px 0 0 0;
}

#footer {
	margin:12px 0 -20px;
	padding:12px 0;
	color:#fff;
	height:auto;
	background-color:#222;
}

#footer ul {
	width:100%;
	margin:6px auto;
	text-align:center;
	height:20px;
	padding-bottom:4px;
}

#footer ul li {
	display:inline-block;
	border-left:1px solid #fff;
	padding:1px 10px;
	white-space:nowrap;
}

#footer ul li.first {
	border:none;
}

#footer p {
	width:100%;
	margin:0 auto;
	text-align:center;
}

#footer .policy {
	font-size:10px;
	color:#666;
	padding:10px 0 0 5px;
	border:none;
	width:1000px;
}


/* micro cleafix */

.cf::after {
 clear: both;
}

.cf::before, .cf::after {
 content: "";
 display: block;
 overflow: hidden;
}


/*CSSロールオーバー*/
a img.css-hover{
	opacity:1.0;
	filter: alpha(opacity=100);
}

a:hover img.css-hover{
	opacity:0.8;
	filter: alpha(opacity=80);
}


/* モザイク特設 */

#container div {
	overflow:hidden;
}

#top {
	width:100%;
	height:660px;
	background:url("../images/top_bg.jpg") repeat-x;
}

#top-image {
	width:960px;
	height:660px;
	background-image:url("../images/top.jpg");
	margin:0 auto;
}

#contents {
	color:#333;
	width:100%;
	background:url("../images/contents_bg.jpg") repeat-x;
}

#contents-wrapper {
	/* margin:0 auto 50px; */
	width:980px;
}

p.mos-description {
	font-size:14px;
	font-weight:bold;
	text-align:center;
	margin:28px auto;
}

#contents-wrapper > div {
	margin:0 20px 20px 0;
	padding:24px;
	float:left;
	border:1px solid #999;
	border-radius:4px;
	box-shadow:4px 4px 8px rgba(0,0,0,0.15);
	background-color:#fff;
}

/*
#contents-wrapper > div:nth-child(odd) {
	margin-right:0;
}
*/

#contents-wrapper > div.movie-set {
	margin-right:0;
	background-color:#f9f1e2;
}

h2 {
	color:#333;
	font-size:18px;
	font-weight:bold;
	margin:0 0 10px 0;
	line-height:24px;
}

.info-left {
	width:220px;
	margin-right:20px;
	float:left;
}

	.info-left img {
		margin-bottom:20px;
	}

	.info-left a img {
		opacity:1.0;
		filter: alpha(opacity=100);
	}

	.info-left a img:hover {
		opacity:0.8;
		filter:alpha(opacity=80);
	}

	.info-left ul li {
		display:block;
		text-align:center;
	}

	.info-left ul li a {
		display:block;
		width:180px;
		height:36px;
		margin:0 auto 12px;
		text-indent: -9999px;
	}

		.info-left ul li a.mos-cart {
			background:url("../images/btn.png") 0 0 no-repeat;
		}

		.info-left ul li a.mos-cart:hover {
			background-position:-180px 0;
		}

		.info-left ul li a.mos-detail {
			background:url("../images/btn.png") 0 -36px no-repeat;
		}

		.info-left ul li a.mos-detail:hover {
			background-position:-180px -36px;
		}

		.info-left ul li a.mos-play {
			background:url("../images/btn.png") 0 -72px no-repeat;
			margin-bottom:0;
		}

		.info-left ul li a.mos-play:hover {
			background-position:-180px -72px;
		}

.info-right {
	width:180px;
	float:left;
}

	.info-right dl {
		margin-bottom:14px;
	}

	.info-right dd {
		margin-bottom:3px;
	}

	.info-right dd a {
		color:#333;
		text-decoration:underline;
	}

	.info-right dd a:hover {
		color:#F90;
	}

	.info-right p {
		line-height:20px;
	}

.set-left {
	width:640px;
	float:left;
	margin-right:10px;
}

.set-left a img {
	width:150px;
	margin:0 10px 0 0;
	opacity:1.0;
	filter:alpha(opacity=100);
	float:left;
}

.set-left a img:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
}

.set-right {
	width:260px;
	float:left;
}

	.set-right dl {
		margin-bottom:14px;
	}

	.set-right dd {
		margin-bottom:3px;
	}

	.set-right dd a {
		color:#333;
		text-decoration:underline;
	}

	.set-right dd a:hover {
		color:#F90;
	}

	.set-right dl dd a.mos-cart {
		display:block;
		width:180px;
		height:36px;
		margin-top:14px;
		text-indent: -9999px;
		background:url("../images/btn.png") 0 0 no-repeat;
	}

	.set-right dl dd a.mos-cart:hover {
		background-position:-180px 0;
	}

#join-present {
	width:960px;
	margin:0 auto 60px;
}