@charset "shift_jis";

html, body, h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
margin: 0;
padding: 0;
border: none;
font-style: normal;
font-weight: normal;
font-size: 100%;
text-align: left;
list-style-type: none;
line-height: 1.8;
}

/* -----------------------------
  font
------------------------------*/
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}

table {font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}


/* -----------------------------
　margin Module
------------------------------*/
.mg0 {margin: 0!important;}

.mgB0 {margin-bottom: 0!important;}
.mgB5 {margin-bottom: 5px!important;}
.mgB10 {margin-bottom: 10px!important;}
.mgB15 {margin-bottom: 15px!important;}
.mgB20 {margin-bottom: 20px!important;}
.mgB25 {margin-bottom: 25px!important;}
.mgB30 {margin-bottom: 30px!important;}
.mgB35 {margin-bottom: 35px!important;}
.mgB40 {margin-bottom: 40px!important;}

/* -----------------------------
	box Module
------------------------------*/
.textBox01 * {
margin: 0;
padding: 0;
}

/* -----------------------------
	€img
------------------------------*/
img {
vertical-align: bottom;
}

a img {
border: none;
}

a:hover img {
border: none;
}

/* -----------------------------
	text
------------------------------*/
em {
font-weight: bold;
}

strong {
color: #ff0000;
font-weight: bold;
}

.textL {
text-align: left!important;
}

.textC {
text-align: center!important;
}

.textR {
text-align: right!important;
}

/* -----------------------------
	link
------------------------------*/
a {
color: #0687FE;
-webkit-tap-highlight-color: rgba(200,200,555,.6);  
}

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

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

/* -----------------------------
€	List Module
------------------------------*/
ul,
ol,
dl {
list-style-position: outside;
}

li,
dt,
dd {
font-size: 93%;
}

/* -----------------------------
	content page
------------------------------*/
body {
background: url(../../movie/img/under/bg01.jpg) no-repeat center top #242424;
}

#Header {
margin-bottom: 20px;
height: 40px;
overflow: hidden;
}

#Header h1 {
float: left;
}

.movieGallery {
position: relative;	
}

.movieGallery .wClose {
width: 56px;
position: absolute;
top: -5px;
right: 32px;
}

.movieGallery .wClose li {
line-height: 1;	
}

.movieGallery h3 {
margin: 0 0 60px 22px;
}

.movieArea {
margin: 0 auto 50px;
padding-bottom: 45px;
width: 813px;
height: 357px;
background: url(img/bg_shadow.jpg) no-repeat left bottom;
}

.movieArea h4 {
margin-left: 110px;
margin-bottom: 14px;
}

.movieArea .movie {
margin-left: 108px;
margin-bottom: 10px;
width: 576px;
border: 1px solid #ffffff;
background-color: #ffffff;
position: relative;
z-index: 50;
}

.movieArea .movieAbout {
margin-left: 108px;
overflow: hidden;
zoom: 1;
}

.movieArea .movieAbout li {
margin-right: 24px;
line-height: 1;
float: left;
}

.contentNavList {
margin: 0 auto 20px;
width: 600px;
overflow: hidden;
}

.contentNavList li {
float: left;
line-height: 1;
margin-right: 33px;
}

.contentNavList li.nav03 {
margin-right: 0;
}

.share {
margin: 0 20px 10px;
overflow: hidden;
width: 90px;
float: right;
/display: inline;
}

.movie iframe,
.movie object {
vertical-align: bottom;	
}

/*.share h4 {
margin-top: 5px;
margin-right: 15px;
float: left;
line-height: 1;
}

.share h4 img {
position: relative;
top: -2px;
/top: -8px;
}*/

.share ul {
overflow: hidden;	
}

.share ul li {
margin-right: 6px;
float: left;
line-height: 1;
}

.share ul li.rightEnd {
margin-right: 0;	
}

address {
margin: 0 20px 10px 0;
clear: both;
text-align: right;
zoom: 1;
}

/* -----------------------------
  thickBoxArea
------------------------------*/
.thickBoxArea {
display: none;	
}

.boxArea h2 {
margin-bottom: 12px;
/margin-bottom: 15px;
}

.boxArea dl dt {
margin-bottom: 25px;
}

/* -----------------------------
  clearFix
------------------------------*/
#header:after,
#content:after,
#footer:after,
.section:after,
.clearFix:after {  
content: "";
display: block;
clear: both;
}

#header,
#content,
#footer,
.section,
.clearFix {
zoom: 1;
}

.clear {
clear: both;
}