﻿
html, body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: #fdfdfd;
	font-size: 20px; /* =20px */
}

h3 {
	font-size: 26px; font-size: 2.6rem; /* =26px */
}

a{
	color: #469ECE;
	text-decoration:none;
}

a:hover{
	color:#D88C6C;
	text-decoration:underline;
}

table.lower{
}
.lower tr{
}
.lower td{
    text-align:center;
}

div.ad{
	width: 600px;
	/* border:1px solid #dddddd; */
	margin:0 auto 0 auto;
}

div.ad_movie{
	margin-top:60px;
	height: 250px;
	width: 310px;
}

div.pagenation{
	width: 640px;
	margin:0 auto 0 auto;
}

div.footer{
	width: 640px;
	background-color: #404040;
	color: #cccccc;
	margin:0 auto 0 auto;
}

div.box{
	width: 640px;
	margin:0px auto 0px auto;
    text-align:center;
	border:1px solid #dddddd;
	background-color: #ffffff;
}

div.upper1{
	width: 640px;
	margin:10px auto 0px auto;
    text-align:center;
}

div.upper2{
	width: 640px;
	margin-top:-590px;
	margin-left:425px;
    text-align:center;
}

div.lower{
	margin-left:10px;
	margin-right:10px;
}

div.article {
	width: 600px;
	height: 150px;
	margin:0 auto 0 auto;
	background-color: #ffffff;
	border: 1px #c0c0c0 solid;
	color: #888888;
	font-size: small;
	overflow-y: auto;
    text-align: left;
}

div.layer0 {
	position:relative;
	margin-top:10px;
	margin-left:5px;
	z-index:0;
}

div.layer1 {
	position:relative;
	margin-top:-310px;
	margin-left:5px;
	width: 630px;
	border:none;
	z-index:1;
}


/* レスポンシブデザイン */

img{
	max-width: 100%;
	height: auto;
	width: auto;
}


/* -------------------- DDW Adition -------------------- */

span.description{
	color: #888888;
	font-size: 20px;
}

div.movie {
	height 320;
}

span.credit {
	margin-right: 5px;
	font-size: 20px;
}


/* -------------------- Button Expand Effect -------------------- */
img.expand {
        -webkit-transition:0.2s ease-in-out;
        -moz-transition:0.2s ease-in-out;
        -ms-transition:0.2s ease-in-out;
        -o-transition:0.2s ease-in-out;
        transition:0.2s ease-in-out;
}
 
img.expand:hover {
        -webkit-transform:scale(1.2,1.2);
        -moz-transform:scale(1.2,1.2);
        -ms-transform:scale(1.2,1.2);
        -o-transform:scale(1.2,1.2);
        transform:scale(1.2,1.2);
}


/* -------------------- Floating Menu -------------------- */

#floatMenu {
position:absolute;
bottom:80px;
left:20px;
width:600px;
}


