@charset "UTF-8";
/* ------------------------- TOC 
Setup
CSS Hack
multi column
wrap around the contents
header
contents
footer

 ------------------------- */

/* Setup
---------------------------*/
* {
color: #000000;
background-repeat: no-repeat;
line-height: 1.6;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ヒラギノ丸ゴ Pro W4","Hiragino Maru Gothic Pro",Osaka,"MS PGothic",sans-serif;
font-size: small;
font-style: normal;
font-weight: normal;
text-decoration: none;
}

body, div, h1, h2, h3, h4, h5, h6, p, blockquote, hr, ul, ol, li, dl, dt, dd, dir, menu, table, th, td, thead, tbody, tfoot, caption, form, fieldset, legend, isindex, embed, object, pre {
margin: 0;
padding: 0;
border: 0;
text-align: left;
}

body {
background: #ffffff;
text-align: center;
}

ul, ol, dl, li, dt, dd {
list-style: none;
}

table {
border-collapse:collapse;
border-spacing:0;
}

th, td {
border-collapse:collapse;
vertical-align: top;
}

img {
border: 0;
vertical-align: bottom;
}

a {
border: 0;
color: #8cb2d7;
text-decoration: underline;
}

a:link {
color: #8cb2d7;
}

a:visited {
color: #8cb2d7;
}

a:hover {
color: #8cb2d7;
}

a:active {
color: #8cb2d7;
}

a img, a:link img, a:visited img, a:hover img, a:active img {
border: none;
text-decoration: none;
}


/* CSS Hack
---------------------------*/
/* floating box clear */
.clr:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}

.clr {
display: inline-table;
min-height: 1%;
}

/* Hide from mac IE5 ¥*/
* html .clr {
height: 1%;
}

.clr {
display: block;
}

/* End Hide from mac IE5 */

/* hide text */
.hidetxt {
overflow: hidden;
text-indent: -9999px;
}

.hidetxt a {
overflow: hidden;
}


/* multi column
---------------------------*/
.multicol {
 } /* necessary - clr class */

.leftcol {
float: left;
}

.rightcol {
float: right;
}

/* wrap around the contents
---------------------------*/
#wrapper { 
/*margin:0px 20px 0px 20px;*/
margin: 0 auto;
width: 985px;
text-align: center;
}

/* header
---------------------------*/
#header {
margin: 30px 15px 0px 15px;
height: 59px;
}

/* logo */
#logo {
float: left;
width: 347px;
}

#logo a {
display: block;
width: 347px;
height: 59px;
background: url(/common/img/logo.gif) no-repeat 0 0;
}

/* nav */

#nav {
float: right;
width: 423px;
}

/* navUpper */
#navUpper {
float: left;
width: 423px;
}

#navUpper ul {
clear: both;
}

#nav01 {
float: left;
width: 39px;
margin: 0px 25px 0px 0px;
}

#nav01 a {
display: block;
width: 39px;
height: 26px;
}

#nav01 a, #nav01 a:link, #nav01 a:visited {
background: url(/common/img/nav_01.gif) no-repeat 0 0;
}

#nav01 a:hover, #nav01 a:active, #nav01 a:focus {
background-position: 0 -26px;
}

#nav02 {
float: left;
width: 39px;
margin: 0px 25px 0px 0px;
}

#nav02 a {
display: block;
width: 39px;
height: 26px;
}

#nav02 a, #nav02 a:link, #nav02 a:visited {
background: url(/common/img/nav_02.gif) no-repeat 0 0;
}

#nav02 a:hover, #nav02 a:active, #nav02 a:focus {
background-position: 0 -26px;
}

#nav03 {
float: left;
width: 39px;
margin: 0px 25px 0px 0px;
}

#nav03 a {
display: block;
width: 39px;
height: 26px;
}

#nav03 a, #nav03 a:link, #nav03 a:visited {
background: url(/common/img/nav_03.gif) no-repeat 0 0;
}

#nav03 a:hover, #nav03 a:active, #nav03 a:focus {
background-position: 0 -26px;
}

#nav04 {
float: left;
width: 39px;
margin: 0px 25px 0px 0px;
}

#nav04 a {
display: block;
width: 39px;
height: 26px;
}

#nav04 a, #nav04 a:link, #nav04 a:visited {
background: url(/common/img/nav_04.gif) no-repeat 0 0;
}

#nav04 a:hover, #nav04 a:active, #nav04 a:focus {
background-position: 0 -26px;
}

#nav05 {
float: left;
width: 39px;
margin: 0px 25px 0px 0px;
}

#nav05 a {
display: block;
width: 39px;
height: 26px;
}

#nav05 a, #nav05 a:link, #nav05 a:visited {
background: url(/common/img/nav_05.gif) no-repeat 0 0;
}

#nav05 a:hover, #nav05 a:active, #nav05 a:focus {
background-position: 0 -26px;
}

#nav06 {
float: left;
width: 39px;
margin: 0px 25px 0px 0px;
}

#nav06 a {
display: block;
width: 39px;
height: 26px;
}

#nav06 a, #nav06 a:link, #nav06 a:visited {
background: url(/common/img/nav_06.gif) no-repeat 0 0;
}

#nav06 a:hover, #nav06 a:active, #nav06 a:focus {
background-position: 0 -26px;
}

#nav07 {
float: left;
width: 39px;
margin: 0 ;
}

#nav07 a {
display: block;
width: 39px;
height: 26px;
}

#nav07 a, #nav07 a:link, #nav07 a:visited {
background: url(/common/img/nav_07.gif) no-repeat 0 0;
}

#nav07 a:hover, #nav07 a:active, #nav07 a:focus {
background-position: 0 -26px;
}

/* navLower */
#navLower {
margin: 17px 0px 0px 0px;
float: right;
width: 129px;
}

#navLower ul {
clear: both;
}

#navAdvertising {
float: left;
width: 129px;
margin: 0px 0px 0px 0px;
}

#navAdvertising a {
display: block;
width: 129px;
height: 16px;
}

#navAdvertising a, #navAdvertising a:link, #navAdvertising a:visited {
background: url(/common/img/nav_advertising.gif) no-repeat 0 0;
}

#navAdvertising a:hover, #navAdvertising a:active, #navAdvertising a:focus {
background-position: 0 -16px;
}

#navMovie {
float: left;
width: 56px;
margin: 0px 0px 0px 0px;
}

#navMovie a {
display: block;
width: 56px;
height: 16px;
}

#navMovie a, #navMovie a:link, #navMovie a:visited {
background: url(/common/img/nav_movie.gif) no-repeat 0 0;
}

#navMovie a:hover, #navMovie a:active, #navMovie a:focus {
background-position: 0 -16px;
}

/* contents
---------------------------*/

#contents {
margin: 40px 0px 0px 15px;
width: 970px;
}

div.thumb {
margin: 0px 15px 15px 0px;
display: block;
float: left;
width: 82px;
height: 82px:
text-align: center;
vertical-align: middle;
background-color: #f2f2f2;
}

div.thumb table{
margin: 2px ;
width: 78px;
height: 78px;
}

div.thumb td{
text-align: center;
vertical-align: middle;
}

#movieIndex div.thumb {
margin: 0px 15px 15px 0px;
display: block;
float: left;
width: 179px;
height: 179px:
text-align: center;
vertical-align: middle;
background-color: #f2f2f2;
}

#movieIndex div.thumb table{
margin: 2px ;
width: 175px;
height: 175px;
}


/* footer
---------------------------*/
#footer {
margin: 35px 0px 0px 15px;
float: left;
}

/* copyright */
#copyright {
float: left;
width: 113px;
height: 9px;
background: url(/common/img/copyright.gif) no-repeat 0 0;
}

/* navFooter */
#navFooter {
margin: 0px 0px 0px 20px;
float: left;
width: 260px;
}

#navFooter ul {
clear: both;
}

#navProfile {
float: left;
width: 65px;
margin: 0px 10px 0px 0px;
}

#navProfile a {
display: block;
width: 65px;
height: 10px;
}

#navProfile a, #navProfile a:link, #navProfile a:visited {
background: url(/common/img/nav_profile.gif) no-repeat 0 0;
}

#navProfile a:hover, #navProfile a:active, #navProfile a:focus {
background-position: 0 -10px;
}

#navContact {
float: left;
width: 41px;
margin: 0px 10px 0px 0px;
}

#navContact a {
display: block;
width: 41px;
height: 10px;
}

#navContact a, #navContact a:link, #navContact a:visited {
background: url(/common/img/nav_contact.gif) no-repeat 0 0;
}

#navContact a:hover, #navContact a:active, #navContact a:focus {
background-position: 0 -10px;
}

#navNews {
float: left;
width: 45px;
margin: 0px 10px 0px 0px;
}

#navNews a {
display: block;
width: 45px;
height: 10px;
}

#navNews a, #navNews a:link, #navNews a:visited {
background: url(/common/img/nav_news.gif) no-repeat 0 0;
}

#navNews a:hover, #navNews a:active, #navNews a:focus {
background-position: 0 -10px;
}

#navGallery {
float: left;
width: 69px;
margin: 0px 0px 0px 0px;
}

#navGallery a {
display: block;
width: 69px;
height: 10px;
}

#navGallery a, #navGallery a:link, #navGallery a:visited {
background: url(/common/img/nav_gallery.gif) no-repeat 0 0;
}

#navGallery a:hover, #navGallery a:active, #navGallery a:focus {
background-position: 0 -10px;
}