@charset "UTF-8";
/* CSS Document */
 * { margin: 0; }
li{list-style:none;}

html body{
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	height:100%;

	}

#wrapper-out{
	position:relative;
    height:100%;
	width:1000px;
	margin:0 auto;
	
	background-color:#fff;
	background-image:url(../images/j-story-bg.jpg);
	background-position:top center;
	background-repeat:no-repeat;
	background-attachment:fixed;
	-moz-box-shadow: 0px 0px 10px #000;　/* Firefox用 */  
	-webkit-box-shadow: 0px 0px 10px #000;　/* Safari,Google Chrome用 */  
	}

* html div#wrapper-out{
	padding-bottom:80px;
	min-height:100%;
	
   
}

#wrapper{
	width:933px;
		min-height:100%;
	margin:0 auto ;
	
	}
	

		

#area1 {
	 min-height:500px;
	font:15px;
	line-height:1.8em;
	color:#a40000;
	padding-bottom:81px;

	
text-shadow: 0px 0px 1px #FFF,0px 0px 1px #FFF,0px 0px 1px #FFF,
  0px 0px  5px #fff,0px 0px  5px #fff,0px 0px  5px #fff,0px 0px  5px #fff,
  0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff,0px 0px 10px #fff;
  text-align:left;	}

#area1 img{ margin-top: 20px;}

#area1 #main .froatleft{
	margin-left:10px;
}


#area1 .gallery{width:940px; min-height:500px;


background-color:rgba(170,0,0,0.2);
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ ">
}

#area1 .gallery ul{padding:0; margin:16px;	display:inline-block; width:940px;}


#area1 .gallery ul.still li{	
	width:224px;
	list-style:none;	
	padding-left:3px;
	display:inline-block;
}

#area1 .gallery ul img{ margin-top: 5px;}

#area1 .gallery ul.ss li{	
	width:148px;
	list-style:none;	
	padding-left:3px;
	display:inline-block;
}



#copyright {
position:absolute;
    bottom:0px;
    width:100%;
    height:81px;

}

#copyright img{ margin-top:30px;}