@charset "UTF-8";
/* ============================================================

	dreampass

	FILE NAME: style.css
	AUTHOR: naeiro graphica
	
	UPDATE: 2013/02/21
	
	 1:Reset Style
  2:Common Style
  3:Header Style
  4:Contents Style
  5:footer Style
		
============================================================ */

/*デザイン変更 要素検索ワード*/

/*Position*/
/*Font*/	
/*Shadow*/
/*Background*/
/*Border+Corners*/

/*==========================================================
	 1:Reset Style
==========================================================*/
html {
	overflow-y: scroll;
}
/* 
Reset: margin, padding propaty*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, section, nav, article, aside, hgroup, header, footer, figure, figcaption, details {
	margin:0;
	padding:0;
}
/* HTML5 display definitions */
section, nav, article, aside, hgroup, header, footer, figure, figcaption, details {
	display: block !important;
}
video, audio, canvas {
	display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
display: none;
}
/* 
Reset: border propaty*/
abbr, acronym, fieldset, img, a {
	border:0;
}
/*
Reset: [table] selector*/
table {
	border-collapse:collapse;
	border-spacing:0;
}
table, th, td {
	margin:0;
	padding:0;
}
caption, th, td {
	text-align:left;
	vertical-align: baseline;
	padding: 0;
}
/*
Reset: List selector*/
ol, ul, li {
	list-style:none;
}
/*
Reset: font propaty*/
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
/*
Reset: other*/
q:before, q:after {
	content:'';
}
a {
	outline:none;
}
strong, b {
	font-weight: bold;
}
small {
	font-size: 0.83em;
}
q {
	quotes: none;
}
abbr[title] {
	border-bottom: 1px dotted;
}
code, samp, kbd {
	font-family: monospace, sans-serif;
}
mark {
	color: black;
	background-color: yellow;
}
sub, sup {
	font-size: 0.83em;
	line-height: 0;
	vertical-align: baseline;
	position: relative;
}
sub {
	bottom: -0.25em;
}
sup {
	top: -0.5em;
}
br {
*letter-spacing: 0;
}
img {
	border:0;
	-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
	overflow: hidden;
}
/*フォントの基本設定
----------------------------------------------------------*/
html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}
/* モダンブラウザのフォントサイズを12pxに設定 */ 
body {
	font-size: 12px;
}
/*
IEでフォントサイズを可変させるために％指定
ブラウザのデフォルトフォントサイズを16pxと前提
*/
/*IE6*/
body {
	_font-size: 75%; /* 12px */
}
/*IE7*/
*+html body {
	font-size: 75%; /* 12px */
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.2em; /* 14px */
	line-height: 1.5;
	font-weight:normal;
}
p {
	font-size: 1.0em; /* 12px */
	line-height: 1.5;
}
table {
	font-size: 1.0em; /* 12px */
	line-height: 1.5;
}
/* 
Reset: font-family propaty*/
body {
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, sans-serif;
}
/*フロート操作によるボックスの高さ調整［Clerfix]
----------------------------------------------------------*/
.clearfix:after, #story div dl:after, #contents article aside dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix, #story div dl, #contents article aside dl, {
display: inline-table;
min-height: 1%;
}
/* Hides from IE-mac \*/
* html .clearfix, * html #story div dl, * html #contents article aside dl {
	height: 1%;
}
.clearfix, #story div dl, #contents article aside dl {
	display: block;
}
/* End hide from IE-Mac */

/*==========================================================
  2:Common Style
==========================================================*/
body {
	background:#fff;
	color:#555;
}
/*画像ボタンロールオーバー*/
a {
	text-decoration:none;
/*Transition
 -webkit-transition: All 0.5s ease;
 -moz-transition: All 0.5s ease;
 -o-transition: All 0.5s ease;
 -ms-transition: All 0.5s ease;
 transition: All 0.5s ease;
*/
}
a img {
}
a:hover img {
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
}
/*==========================================================
  3:Header Style
==========================================================*/
header {
	width:100%;
	height:33px;
	position:fixed;
	z-index:100;
	padding:7px 0 10px 0;
	background:#0061BF url(../img/bg_header-trans.png) repeat-x left top;
	color:#fff;
}
header div#header {
	width:960px;
	height:33px;
	margin:0 auto;
}
/*ロゴ*/
header h1 {
	float:left;
/*Shadow*/
	text-shadow: 1px 1px 5px rgba(0,0,0,0.5);
}
header h1 img{
	vertical-align:text-bottom;
}
header h1 a{
	color:#fff;
	font-size:28px;
}
/*ソーシャルボタン*/
header ul {
	float:right;
	overflow: hidden;
	margin:10px 20px;
}
header li {
	vertical-align: top;
	float:left;
	width:110px;
	margin: 0 4px;
}
header li+li {
	width:120px;
}
header li.google {
	width:60px;
}
header iframe {
	margin: 0 !important;
}
/*Wrap*/
#wrap{
	width:960px;
	margin:0 auto;
	padding:0 0 0 0 ;
}
/*コンテンツタイトル*/
#contentsTTL {
	clear:both;
	position:relative;
	width:100%;
	margin-bottom:20px;
	padding:60px 0 0 0;
	overflow:hidden;
}
/*映画館でもう一度みたい～*/
#contentsTTL h1 {
	clear:both;
	width:960px;
	height:600px;
}
/*リクエストの多い映画は映画館で再上映！？～*/
#contentsTTL h2 {
	width:960px;
	padding:15px 0 8px 0 ;
/*Font*/	
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:34px;
	color:#369;
	letter-spacing:0.1em;
	text-align:center;
/*Shadow*/
	text-shadow: 2px 2px 0px rgba(255,255,255,0.8);
/*Background*/
	background:#97C3EB url(../img/bg_dot02.gif) repeat left top; 
	}
#contentsTTL .inBox{
	width:740px;
	padding:10px 110px 20px;
	margin:0 auto;
	overflow:hidden;
/*Background
	background:#97C3EB; 
 background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
*/
/*Background*/
	background:#97C3EB url(../img/bg_dot02.gif) repeat left top;
/*Border+Corners*/
	border-bottom:5px solid #97C3EB;
	}

/*リクエスト上位の～*/
#contentsTTL h3 {
	width:580px;
	float:left;
/*Font*/	
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size:18px;
	color:#369;
	letter-spacing:0.1em;
	line-height:1.2;
/*Shadow*/
	text-shadow: 1px 1px 0px rgba(255,255,255,0.8);
}
#contentsTTL h3 em{
	font-size:26px;
}

/*ドリパスへのリンク*/
#contentsTTL p.btn a{
	display:block;
	width:150px;
	float:right;
	margin:10px 0 0 0 ;
	padding: 15px 0;
	text-align:center;
 overflow: hidden;	
/*Font*/
	color:#fff;
/*Border+Corners*/
	border:2px solid #69C;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 border-radius: 5px;
/*Shadow*/
 text-shadow: 0px 2px 0px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
/*Background*/
	background:#0061BF;	  
 background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -ms-linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: linear-gradient(top, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
	}
	#contentsTTL p.btn a:hover{
/*Shadow*/
 -moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
/*Background*/
 background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: -ms-linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
 background-image: linear-gradient(bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.2));
}
/*==========================================================
  4:Contents Style
==========================================================*/
/*コンテンツ*/
#contents {
	padding:0 0 20px 0;
}
/*ランキング記事*/
#contents article {
	clear:both;
	width:960px;
	margin:5px auto 10px;
}
/*映画タイトルヘッダ*/
#contents article hgroup{
	overflow:hidden;
}
/*順位*/
#contents article hgroup h1 {
	float:left;
	width:760px;
	height:37px;
	line-height:37px;
	padding:0 0 0 10px;
/*Background*/
	background: -moz-linear-gradient(top,#eee 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
/*Font*/
	font-size:18px;
	}
#contents article hgroup h2{
	float:right;
	width:180px;
	height:37px;
	line-height:37px;
	padding:0 10px 0 0;
	text-align:right;
/*Background*/
	background: -moz-linear-gradient(top,#eee 0%,#ddd);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
/*Font*/
	font-size:12px;
}
/*映画タイトル*/
#contents article hgroup h3{
	clear:both;
	font-size:18px;
	line-height:1.2;
	width:960px;
	padding:10px;
	border-bottom: 5px solid #DDD;
}
/*ユーザーアクション*/
#contents article .action {
	float:right;
	width:200px;
}
/*状況*/
#contents article .action h4 {
	margin:0 0 30px 0;
	padding:10px 20px;
	text-align:center;
/*Background*/
	background: #EEE;
	border: 2px solid #DDD;
	border-top: 0px solid #DDD;
	border-radius: 0px 0px 5px 5px;
	-moz-border-radius: 0px 0px 5px 5px;
	-webkit-border-radius: 0px 0px 5px 5px;
/*Font*/
 color: #111;
	font-size:14px;
	letter-spacing:0.2em;
}
/*チケット販売中*/
#contents article .action.ticket h4 {
/*Background*/
	background:#690;
/*Font*/
	color:#fff;
}
/*上映交渉中*/
#contents article .action.nego h4 {
/*Background*/
	background:#09c;
/*Font*/
	color:#fff;
}
/*リクエスト受付中*/
#contents article .action.request h4 {
/*Background*/
	background: #900;
	/*Font*/
color:#fff;
}
/*情報＋リンク*/
#contents article .action p {
	margin:0 auto 5px;
/*Font*/
	color:#999;
	font-size:12px;
	text-align:center;
}

/*ボタン*/
#contents article .action p.btn a{
	display:block;
	width: 180px;
	padding: 20px 0;
	margin:0 auto;
/*Border+Corners*/
	border: 4px solid #eee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
/*Background*/
	background: -moz-linear-gradient(top,#999999 0%,#777777);
	background: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#777777));
/*Shadow*/
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
/*Font*/
	font-size:14px;
	letter-spacing:0.1em;
	color: #FFF;
	}
/*チケット販売中　BLUE*/
#contents article .action.ticket p.btn a{
/*Background*/
	background: -moz-linear-gradient(top,#669900 0%,#336600);
	background: -webkit-gradient(linear, left top, left bottom, from(#669900), to(#336600));
	}
#contents article .action.ticket p.btn a:hover{
/*Background*/
	background: -moz-linear-gradient(top,#336600 0%,#669900);
	background: -webkit-gradient(linear, left top, left bottom, from(#336600), to(#669900));
	}
/*リクエスト受付中　RED*/
#contents article .action.request p.btn a{
	/*Background*/
	background: -moz-linear-gradient(top,#cc0000 0%,#990000);
	background: -webkit-gradient(linear, left top, left bottom, from(#cc0000), to(#990000));
}
	#contents article .action.request p.btn a:hover{
/*Background*/
	background: -moz-linear-gradient(top,#990000 0%,#cc0000);
	background: -webkit-gradient(linear, left top, left bottom, from(#990000), to(#cc0000));
}
/*交渉中　リンクなしボタン GREEN*/
#contents article .action.nego p.btn {
	display:block;
	width: 180px;
	padding: 20px 0;
	margin:0 auto;
/*Border+Corners*/
	border: 4px solid #eee;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
/*Shadow*/
	-moz-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(000,000,000,0.3);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
/*Font*/
	font-size:14px;
	letter-spacing:0.1em;
	color: #FFF;/*Background*/
	background: -moz-linear-gradient(top,#0099CC 0%,#006699);
	background: -webkit-gradient(linear, left top, left bottom, from(#0099CC), to(#006699));
/*Background over
	background: -moz-linear-gradient(top,#006699 0%,#0099cc);
	background: -webkit-gradient(linear, left top, left bottom, from(#006699), to(#0099cc));
*/
}
/*作品情報*/
#contents article aside {
	overflow:hidden;
	width:720px;
	padding:10px 10px 10px 0;
	font-size:12px;
}
/*ドリパスランキング*/
/*情報レイアウト：キャプチャ*/
#contents article aside h1 {
	float:left;
	width:260px;
}
/*情報レイアウト：テキスト*/
#contents article aside p, #contents article aside dl {
	float:right;
	width:460px;
}
/*紹介*/
#contents article aside p {
	margin:0 0 1em 0;
}
/*データ*/
#contents article aside dl {
	overflow:hidden;
}
/*データ：タイトル*/
#contents article aside dl dt {
	float:left;
	width:65px;
	margin:0;
	padding:0 5px 0 0;
/*Background*/
	background:url(../img/bg_dot.gif) no-repeat right center;
}
/*データ：内容*/
#contents article aside dl dd {
	float:right;
	width:380px;
	margin:0;
}
/*コピーライト*/
#contents article aside dl+p {
	margin:1em 0 0 0;
}
/*ストーリー*/
#story {
	width:960px;
	margin:0 auto 20px;
	padding:30px 0 0 0 ;
	overflow:hidden;
/*Background*/
	border-top:1px dotted #ccc;
}
/*タイトル・バナー エリア*/
#story div.logo {
	width:440px;
	float:left;
}
/*ストーリー・情報 エリア*/
#story div.data {
	float:right;
	width:520px;
	margin:0;
}
/*データ*/
#story div dl {
	clear:both;
	overflow:hidden;
	margin:5px 0;
	padding:5px 0 5px 0;
	border-bottom:1px dotted #ccc;
}
/*データ：タイトル*/
#story div dl dt {
	float:left;
	width:65px;
	padding:0 5px 0 0;
/*Background*/
	background:url(../img/bg_dot.gif) no-repeat right center;
}
/*データ：内容*/
#story div dl dd {
	float:right;
	width:440px;
	margin:0;
}
/*テキスト＋コピーライト*/
#story div p {
	clear:both;
	margin:0 0 30px 0;
	padding:5px 0 5px 0;
	margin:5px 0;
/*Background*/
	border-bottom:1px dotted #ccc;
}
/*公式サイトリンク*/
#story div p.url {
	margin:5px 0;
/*Font*/
	font-size:12px;
}
#story div p.url a {
	margin:0 0 0 20px;
	border-bottom:1px dotted #069;
/*Font*/
	color:#069;
}
#story div p.url a:hover {
	border-bottom:1px dotted #ccc;
/*Font*/
	color:#999;
}
/*コピーライト*/
#story div p.copy {
/*Font*/
	font-size:10px;
}
/*ムービー*/
#story div p.movie {
	margin-bottom:5px;
	padding:0;
	border:none;
}
/*写真(1枚の場合)*/
#story div p.pic {
	margin-bottom:5px;
	padding:0;
	border:none;
}
/*写真 横3枚*/
#story ul.pic {
	clear:both;
	width:960px;
	margin:0 auto;
	padding:10px 0;
	overflow:hidden;
	}
#story ul.pic li{
	float:left;
	width:330px;
}
#story ul.pic li.end{
	width:300px;
}
/*外部バナー*/
#story p.banner {
	clear:both;
	width:960px;
	height:100px;
/*Background*/
	background:#CCC;
	border:none;
}
/*==========================================================
  5:footer Style
==========================================================*/
footer {
	clear:both;
	width: 100%;
	height: 20px;
	margin:20px 0 0 0 0;
	padding-top: 5px;
/*Background*/
	background: url(../img/bg_footer-trans.png) repeat-x 0 0;
}
/*Bluemコピーライト*/
footer p {
	clear:both;
	margin:0 auto;
/*Font*/
	color: #fff;
	font-size:10px;
	text-align:center;
	}
/*Bluemリンク*/
footer p a {
	border-bottom:1px dotted #fff;
/*Font*/
	color: #fff;
}
footer p a:hover {
/*Font*/
	color:#CCC;
}
/*TO TOP ボタン*/
#toTop{
	position:fixed;
	bottom:30px;
	right:50px;
}/*IE6 ブラウザアップグレードメッセージ*/
.error {
	padding: 20px;
/*Background*/
	background:#C00;
/*Font*/
	color:#ccc;
	text-align:center;
}
h3 a {
	color:#111111;
}
h3 a:hover, h3 a:focus {
	color:#0061BF;
}