@charset "utf-8";
/* CSS Document */
body {font-size:12px; background-image:url(http://marumise.com/page/xxxjg/images/bg.gif); background-position:top; background-repeat:repeat-x; background-color:#666666;}
#container {width:800px; min-height:1px; margin:auto; padding:10px; text-align:center; background-color:#FFFFFF;}
#header {width:800px; height:61px; margin:0px 0px 30px 0px; padding:0px; background-image:url(http://marumise.com/page/xxxjg/images/header_bg.jpg); text-align:right;}
#first {width:800px; height:291px; margin:0px 0px 20px 0px; padding:0px;}
#site_image {width:350px; height:291px; margin:0px 10px 0px 0px; padding:0px; float:left;}
#site_detail {width:440px; height:230px; margin:0px; padding:0px; float:left;}
#site_detail_left {width:130px; height:230px; margin:0px 10px 0px 0px; padding:0px; float:left;}
#site_detail_right {width:300px; height:230px; margin:0px; padding:0px; float:left;}
.box1 {width:124px; border:#333333 1px solid; background-color:#666666; margin:0px 0px 10px 0px; 
text-align:right; vertical-align:middle; color:#FFFFFF; padding:2px;}
.box2 {width:294px; border:#333333 1px solid; background-color:#666666; margin:0px 0px 10px 0px; padding:2px;
text-align:left; vertical-align:middle; color:#FFFFFF;}
#second {width:800px; height:240px; margin:0px 0px 20px 0px; padding:0px;}
#sample_movie {width:320px; height:240px; margin:0px 10px 0px 0px; padding:0px; float:left;}
#movie_right {width:470px; height:240px; margin:0px; padding:0px; float:left;}
#movie_detail {width:450px; height:76px; margin:0px 0px 5px 0px; padding:0px; text-align:left; background-color:#dedede; padding:10px;}
#movie_pic {width:470px; height:139px; margin:0px; padding:0px;}
.capture {width:114px; height:139px; padding:0px; float:left; margin:0px 4px 0px 0px;}
#capture_last {width:114px; height:139px; padding:0px; float:right; margin:0px;}
#third {width:800px; margin:0px; padding:0px;}
.box3 {width:150px; margin:0px 10px 0px 0px; float:left; border:#000000 1px solid; text-align:left; background-color:#666666;}
#box4 {width:150px; margin:0px 0px 0px 0px; float:right; border:#000000 1px solid; text-align:left; background-color:#666666;}
.detail {color:#FFFFFF; padding:3px; margin:0px;}
.movie_box {background-color:#000000; color:#9ce9fc; font-size:10px; margin:3px 3px 0px 0px; padding:1px; float:right; width:50px; text-align:center; border:#FFFFFF 1px solid;}
a {color:#ffffff; text-decoration:underline;}
a:hover {color:#92d9eb;}
a {outline:none;}

#over_ray {width:320px; height:240px; position:absolute; z-index:2;}

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clearfix {display:inline-table; height:100%;}
/* Hides from IE-mac \*/
* html .clearfix { height:1%;}
.clearfix { display:block;}
/* End hide from IE-mac */
.clearfix{zoom:1;/*for IE 5.5-7*/}

/* ----------------------- Browser Default Initialization */
html {overflow-y: scroll;}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td	{margin: 0;	padding: 0;}

address, caption, cite, code, dfn, em, strong, th, var	{font-style: normal;}

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

caption, th	{text-align: left;}

q:before ,q:after	{content: '';}

object, embed	{vertical-align: top;}

hr, legend	{display: none;}

h1, h2, h3, h4, h5, h6	{font-size: 100%;}

img, abbr, acronym, fieldset	{border: 0; vertical-align: bottom;}

li	{list-style-type: none;}