* { margin:0; padding:0; } 
html, body { width:100%; height:100%; background-color:#707070; } 
body
{
	font-family: "Times New Roman", "Times", 'serif', serif;
	font-size:12px;
	margin-top:0;
	margin-left:0;
	margin-bottom:0px;
	/*margin: 15px 25px 25px 25px;*/
}
h1, h2, p.title { font-family:'Century Gothic','trebuchet ms',sans-serif; }

h1 
{
	font-size:30pt;
	text-align:center;
	margin-bottom:15px;
	text-indent:0px;
	width:100%;
	text-decoration:underline;
}
h2
{
	text-align:center;
	font-size:16pt;
}
p.title
{
	text-transform: uppercase;
	font-size: 14pt;
	font-weight:bold;
	margin-bottom: -4px;
}

p.content
{
	margin-bottom: 20px;
	line-height: 1.5;
	font-size: 13px;
}
p.bottomline
{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align:center;
	width:100%;
}
table.items
{
	width:100%;
}
table.items td
{
	width: 33%;
	vertical-align: top;
	padding-right: 25px;
}
#bottomline a
{ 
	color:#999;
	text-decoration:underline;
}
#bottomline a:hover 
{ 
	color:#666;
}
a, img 
{ 
	border: none;
	text-decoration:none; 
}
a:hover 
{ 
	color:#333;
}

img.item_image
{
	float: left;
	padding: 5px 10px 0 0;
	width: 100px;
}
hr
{
	border:0;
	background-color: #999;
	color: #999;
	height:1px;
	margin-top:0px;
	z-index:5;
}
#splash {
	position:absolute;
	z-index:3;
	top:32px;
	left:10%;
	right:10%;
	width:80%;
	min-width:596px;
	text-align: center;
}
#arial
{
	font-family: 'Arial, Helvetica, sans-serif';	
	font-size:18px;
	text-align:left;
	text-justify:auto;
	max-width:643px;
	margin-left:47px;
}
#news {
	text-align: left;
}
div#bottomline 
{
	font-size:8px;
	text-align:center;
	margin-top:0px;
	color:#666;
	padding-bottom:10px;
	z-index:4;
	color:#999;
}
canvas { display:block; } 
#container {
	position:fixed;
	top:0;
	left:0;
	background-image:url(../../assets/myshrine_01b.jpg);
	background-size:cover;
	background-position:center;
	border:none; 
	width:100%; 
	height:100%;
	z-index:0;
	}
#frame {
	position: absolute;
	bottom: 30vh;
	height: 50%;
	left:25vw;
	width:50%;	
	z-index: 4;
	text-align:center;
	font-size: xx-large;
}
div.detailframe {
	font-family: 'Helvetica', 'Arial', sans-serif;
	postion:absolute;
	border: none;
	left:5%;
	top:5%;
	width:30%;
	height:30%;
	text-align:left;
	font-size: large;
	z-index: 40;
}
.fb-like {position:absolute;left:100%;margin-left:-95px;top:0px;}
#bg {position:absolute;bottom:0px;left:0px;z-index:2; min-width:100vw;}
#bg.img {min-width:100%;min-height:100%;}
a, a:link, a:visited, a:active {color: #FFFFFF; text-decoration: none; font-size:smaller;}
a:hover {text-decoration: underline; color: #CCCCCC;}
#frame{width: 50%; height: 50%; top: 40%; z-index: 4; color: #FFF; font-size: xx-large;}
#mail{padding-top:2px;padding-left:2px;background-color:#4c69ba; position:absolute; left:100%; margin-left:-132px; width: 33px; height: 23px; top:0px; margin-top:-5px}