﻿.pagetop:before,.nav-area__nav ul:before,.site-main__inner-nav ul:before,.movies-wrapper:before,.site-main__nav ul:before,.banner--2col:before,.pagetop:after,.nav-area__nav ul:after,.site-main__inner-nav ul:after,.movies-wrapper:after,.site-main__nav ul:after,.banner--2col:after {
content:"";
display:table;
}

.pagetop:after,.nav-area__nav ul:after,.site-main__inner-nav ul:after,.movies-wrapper:after,.site-main__nav ul:after,.banner--2col:after {
clear:both;
}

html {
font-family:sans-serif;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
color:#222;
font-size:1em;
line-height:1.4;
}

body {
font-family:メイリオ,Meriyo,"ＭＳ Ｐゴシック",sans-serif;
line-height:1.7;
background:#fff repeat;
margin:0;
}

audio,canvas,progress,video {
display:inline-block;
vertical-align:baseline;
}

audio:not([controls]) {
display:none;
height:0;
}

[hidden],template {
display:none;
}

a {
background-color:transparent;
outline:none;
}

abbr[title] {
border-bottom:1px dotted;
}

dfn {
font-style:italic;
}

h1 {
font-size:2em;
margin:.67em 0;
}

mark {
background:#ff0;
color:#000;
}

small {
font-size:80%;
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline;
}

sup {
top:-.5em;
}

sub {
bottom:-.25em;
}

img {
border:0;
}

svg:not(:root) {
overflow:hidden;
}

figure {
margin:1em 40px;
}

hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
display:block;
height:1px;
border:0;
border-top:1px solid #ccc;
margin:1em 0;
padding:0;
}

pre {
overflow:auto;
}

code,kbd,pre,samp {
font-family:monospace, monospace;
font-size:1em;
}

button,input,optgroup,select,textarea {
color:inherit;
font:inherit;
margin:0;
}

button {
overflow:visible;
}

button,select {
text-transform:none;
}

button,html input[type="button"],input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
}

button[disabled],html input[disabled] {
cursor:default;
}

input {
line-height:normal;
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0;
}

input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
height:auto;
}

input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box;
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none;
}

fieldset {
border:0;
margin:0;
padding:0;
}

textarea {
overflow:auto;
resize:vertical;
}

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

td,th {
padding:0;
}

audio,canvas,iframe,img,svg,video {
vertical-align:middle;
}

.browserupgrade {
background:#ccc;
color:#000;
margin:.2em 0;
padding:.2em 0;
}

html,button,input,select,textarea {
color:#2f2e2e;
}

ul,ol {
list-style:none;
margin:0;
padding:0;
}

a:focus {
outline:none;
}

.container {
position:relative;
width:100%;
}

.wrapper {
width:990px;
margin:0 auto;
}

.pagetop a {
display:block;
float:right;
}

.scroll-icon {
position:fixed;
bottom:0;
right:104px;
}

.intro-wrapper {
width:100%;
height:564px;
background:#d3dce3 url(../img/intro/bg_film.png) no-repeat center top;
}

.intro {
width:100%;
max-width:1152px;
height:564px;
background:#ebf3fa url(../img/intro/img_intro.jpg) no-repeat center top!important;
margin:0 auto;
}

.intro-inner {
position:relative;
overflow:hidden;
width:100%;
max-width:1152px;
height:564px;
margin:0 auto;
}

.intro-inner.active {
background:#ebf3fa url(../img/intro/img_intro_on.jpg) no-repeat center top!important;
}

.intro-inner .wrapper {
position:relative;
height:633px;
}

.site-ttl {
position:absolute;
top:30px;
left:146px;
}

.brand-logo {
position:absolute;
top:20px;
left:0;
z-index:100;
}

.site-desc {
position:absolute;
top:299px;
left:238px;
}

.intro__link {
display:block;
position:absolute;
top:0;
left:0;
width:100%;
min-width:990px;
height:564px;
z-index:10;
margin:0 auto;
}

.intro__movie-play .intro__movie-play__txt {
position:absolute;
top:178px;
left:50%;
margin-left:-89px;
}

.intro__movie-play .intro__movie-play__btn {
position:absolute;
top:214px;
left:50%;
margin-left:-55px;
}

.intro__movie-play .img-ov-wrap {
position:absolute;
top:214px;
left:50%;
margin-left:-55px;
z-index:2;
}

.nav-area {
width:100%;
height:700px;
background-color:#fffadd;
}

.nav-area .wrapper {
position:relative;
height:553px;
}

.nav-area__ttl {
position:absolute;
top:301px;
left:50px;
}

.nav-area__handycam__img {
position:absolute;
top:-95px;
left:341px;
}

.nav-area__handycam__link {
position:absolute;
top:-98px;
left:164px;
z-index:10;
}

.nav-area__banner {
position:absolute;
top:146px;
left:220px;
}

.nav-area__nav {
position:absolute;
top:426px;
left:-5px;
}

.nav-area__nav ul {
margin-left:-10px;
}

.nav-area__nav ul li {
float:left;
margin-bottom:11px;
margin-left:14px;
}

.nav-area__nav__anno {
position:absolute;
right:280px;
bottom:-7px;
}

.site-main {
width:100%;
background:url(../img/main/bg_main.png) repeat;
}

.site-main__ttl {
margin-left:35px;
margin-bottom:9px;
padding-top:49px;
}

.site-main__txt {
margin-left:94px;
margin-bottom:54px;
}

.site-main__inner-nav {
margin-bottom:50px;
}

.site-main__inner-nav li {
float:left;
margin-left:15px;
}

.movies-wrapper {
margin-left:-30px;
margin-bottom:19px;
}

.movie-item {
float:left;
width:310px;
margin-left:30px;
margin-bottom:50px;
}

.movie-item__thumb {
position:relative;
overflow:hidden;
width:310px;
height:205px;
background-color:#fff;
}

.movie-item__thumb a:hover .exempt {
opacity:0.7;
filter:alpha(opacity=70);
}

.movie-item__thumb .movie-item__thumb__btn {
position:absolute;
top:0;
left:0;
bottom:0;
right:0;
width:60px;
height:43px;
margin:auto;
}

.movie-item__body__txt {
font-size:81.25%;
background-color:#fff;
padding:6px 18px 24px;
}

.site-main__nav {
margin-bottom:30px;
}

.site-main__nav li {
float:left;
margin-left:14px;
}

.product-info__ttl {
margin-left:87px;
margin-bottom:34px;
padding-top:59px;
}

.product-point {
position:relative;
width:100%;
height:450px;
margin-bottom:72px;
}

.product-point__handycam {
position:absolute;
top:0;
left:274px;
}

.product-point__item__btn a {
display:block;
width:105px;
}

.product-point__item--left {
position:absolute;
top:169px;
left:5px;
}

.product-point__item--left .product-point__item__btn {
margin-left:89px;
}

.product-point__item--center {
position:absolute;
top:468px;
left:341px;
}

.product-point__item--center .product-point__item__btn {
margin-left:105px;
}

.product-point__item--right {
position:absolute;
top:170px;
right:-18px;
}

.product-point__item--right .product-point__item__btn {
margin-left:115px;
}

.banner-area {
width:990px;
margin:0 auto 40px;
}

.banner--1col {
margin-bottom:10px;
text-align:center;
}

.banner--1_2col {
margin-bottom:40px;
text-align:center;
}

.banner--2col .banner--2col__ikuji {
position:relative;
display:block;
float:left;
}

.banner--2col .banner--2col__maternity {
position:relative;
display:block;
float:right;
}

.banner--2col .banner__btn {
position:absolute;
bottom:20px;
right:20px;
}

.site-footer {
width:100%;
background:url(../img/footer/bg_footer.png) repeat;
padding:23px 0;
}

.site-footer__copyright {
width:365px;
margin:0 auto;
}

#colorbox,#cboxOverlay,#cboxWrapper {
position:absolute;
top:0;
left:0;
z-index:9999;
overflow:hidden;
}

#cboxWrapper {
max-width:none;
}

#cboxOverlay {
position:fixed;
width:100%;
height:100%;
background:#262523;
opacity:0.9;
filter:alpha(opacity=90);
}

#cboxMiddleLeft,#cboxBottomLeft {
clear:left;
}

#cboxContent {
position:relative;
margin-top:20px;
background:#000;
}

#cboxLoadedContent {
overflow:auto;
-webkit-overflow-scrolling:touch;
background:url(../img/global/bg_modal.png) repeat;
padding:34px;
}

#cboxTitle {
position:absolute;
top:-20px;
left:0;
color:#ccc;
margin:0;
}

#cboxLoadingOverlay,#cboxLoadingGraphic {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
}

#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow {
cursor:pointer;
}

.cboxPhoto {
float:left;
border:0;
display:block;
max-width:none;
-ms-interpolation-mode:bicubic;
margin:auto;
}

.cboxIframe {
width:100%;
height:100%;
display:block;
border:0;
background:#fff;
margin:0;
padding:0;
}

#colorbox,#cboxContent,#cboxLoadedContent {
box-sizing:content-box;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
}

#cboxError {
border:1px solid #ccc;
padding:50px;
}

#cboxCurrent {
position:absolute;
top:-20px;
right:0;
color:#ccc;
}

#cboxClose {
border:0;
overflow:visible;
position:absolute;
top:7px;
right:6px;
display:block;
background:url(../img/global/btn_modal_close.png) no-repeat top center;
width:22px;
height:22px;
text-indent:-9999px;
margin:0;
padding:0;
}

#cboxClose:hover {
background-position:bottom center;
}

article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,.nav-area__handycam__link img,.nav-area__nav__anno img,.movie-item__thumb a,.movie-item__thumb img,.product-point__handycam img,.product-point__item__txt img,.product-point__item__btn img,.site-footer__copyright img {
display:block;
}

a:active,a:hover,#colorbox,#cboxClose:active {
outline:0;
}

b,strong,optgroup {
font-weight:700;
}

button::-moz-focus-inner,input::-moz-focus-inner,legend {
border:0;
padding:0;
}

::-moz-selection,::selection {
background:#b3d4fc;
text-shadow:none;
}

h1,h2,h3,h4,h5,h6,p {
margin:0;
}

.site-main__inner-nav ul,.site-main__nav ul {
margin-left:-15px;
}

@media print{
*,:before,:after {
background:transparent!important;
color:#000!important;
box-shadow:none!important;
text-shadow:none!important;
}

a,a:visited {
text-decoration:underline;
}

a[href]:after {
content:" (" attr(href) ")";
}

abbr[title]:after {
content:" (" attr(title) ")";
}

a[href^="#"]:after,a[href^="javascript:"]:after {
content:"";
}

pre,blockquote {
border:1px solid #999;
page-break-inside:avoid;
}

thead {
display:table-header-group;
}

tr,img {
page-break-inside:avoid;
}

img {
max-width:100%!important;
}

p,h2,h3 {
orphans:3;
widows:3;
}

h2,h3 {
page-break-after:avoid;
}
}