@charset "Shift_JIS";
/* CSS Document */

html { width: 100%; margin: 0px; padding: 0px; overflow-y: scroll; }
body { font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, verdana, arial, clean, sans-serif; font-size: 12px; line-height: 1.3; background-repeat: repeat-x; background-color: #FFF; color: #333; width: 100%; margin: 0px; }
a:link { color: #D10025; text-decoration: none; }
a:visited { color: #D10025; text-decoration: none; }
a:active { color: #D10025; text-decoration: none; }
a:hover { color: #D10025; text-decoration: none; }

#header_out { background-color: rgba(255,255,255,0.9); height: 59px; z-index: 1000; position: fixed; width: 100%; top: 0px; }
#header { width: 782px; margin-right: auto; margin-left: auto; }

#frame { width: 782px; margin-right: auto; margin-left: auto; }
#frame2 { width: 782px; margin-right: auto; margin-left: auto; }
#title { width: 782px; margin: 69px auto 10px; }
#frame_contents { width: 782px; text-align: center; margin: 0px auto 2px; }
.title { height: 77px; }
.contents_frame {
width: 330px;
background-color: #FFFFFF;
border: 1px solid #e1e1e1;
float: left;
padding: 30px 27px 14px;
margin-top: 5px;
margin-left: 5px;
display: inline;
-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.40);
box-shadow: 0px 2px 6px rgba(0,0,0,0.20);
border-radius: 12px 0px 12px 0px;
}
.contents_frame a:link { color: #FFF; text-decoration: none; display: block; overflow: hidden; }
.contents_frame a:visited { color: #FFF; text-decoration: none; display: block; }
.contents_frame a:active { color: #FFF; text-decoration: none; display: block; }
.contents_frame a:hover { color: #FFF; text-decoration: none; display: block; border: 3px solid #FFFFFF; opacity: 0.9; }
.contents_frame a:hover img { margin: -3px;}

.contents_frame2 {
background-color: #FFFFFF;
border: 1px solid #e1e1e1;
-webkit-box-shadow: 0px 2px 6px rgba(0,0,0,0.40);
box-shadow: 0px 2px 6px rgba(0,0,0,0.20);
border-radius: 12px 0px 12px 0px;
padding: 30px 30px 14px;
margin-top: 4px;
margin-bottom: 4px;
margin-left: 4px;
margin-right: 0px;
}
.contents_frame2 a:link { color: #FFF; text-decoration: none; display: block; overflow: hidden; }
.contents_frame2 a:visited { color: #FFF; text-decoration: none; display: block; }
.contents_frame2 a:active { color: #FFF; text-decoration: none; display: block; }
.contents_frame2 a:hover { color: #FFF; text-decoration: none; display: block; border: 3px solid #FFFFFF; opacity: 0.9; }
.contents_frame2 a:hover img { margin: -3px;}

.contents_movie { padding: 10px; text-align: center; background-color: #000000; border-left-width: 8px; border-left-style: solid; border-left-color: #D10025; height: 170px; width: 302px; }
.contents_movie_hot { text-align: center; background-color: #000000; background-image: url(movie/imgs/movie_blink.gif); background-repeat: no-repeat; padding-top: 10px; padding-right: 10px; padding-bottom: 10px; padding-left: 10px; border-left: 8px solid #D10025; }

.contents_title { text-align: left; font-size: 21px; font-weight: bolder; color: #D10025; margin-top: 4px; letter-spacing: -2px; }
.contents_title a:link { color: #D10025; text-decoration: none; }
.contents_title a:visited { color: #D10025; text-decoration: none; }
.contents_title a:active { color: #D10025; text-decoration: none; }
.contents_title a:hover { color: #D10025; text-decoration: none; border: 0px solid #FFFFFF; opacity: 0.9;}
.contents_title a:hover img { margin: 0px;}
.clear { clear: both; }
img { border: 0px; }
body {
}
