@charset "UTF-8";
/* CSS Document */

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

body{ background-color: #000000; background-image: url(../img/bg.jpg); background-repeat: no-repeat; font-family: Arial, Helvetica, sans-serif;	background-position: center top;}
img { border: 0;}
a {	color: #F00; text-decoration: none;}
a:hover{ color: #A7030E;}
a:visited{ color: #C00;}
a:hover img{ opacity:0.6; filter:alpha(opacity=60); -ms-filter: “alpha( opacity=60 )”;}

#wrap{width:760px; margin:30px auto; position: relative;}
#wrap .head{ margin-bottom: 40px;}
#wrap .word{ margin-bottom: 10px;}
#wrap .word2{ margin-top: 10px;}
#wrap .footer{ margin-top: 50px;}
#wrap .f{ position: absolute; left: 339px; top: 493px;}
#wrap .sns{	position: absolute;	left: 526px; top: 874px; width: 240px; height: 36px; display: block; float: left;}

#screen{ margin:0 auto; }
#screen ul{list-style:none;}
#screen li{ float:left; margin:0 7px 7px 0; width:145px; height:145px;}
#screen li a{ float:left; margin:0 7px 7px 0; border:#C00 solid 1px; width:145px; height:145px;}
#screen li a:hover{ border:#fff solid 1px;}

#box{width:620px; margin:30px auto;}
#box th{ width:230px; text-align:left;}
#box td{ text-align:left; color:#FFF; font-size:16px; line-height:150%;}
#box td p{ margin-top:1em;}
#box td h1{width:380px; display:block;}
#box img{
	vertical-align:middle;
	margin:30px 0;
	margin-left:5px;
	margin-top: 12px;
}