/*

I have set up a few things for you here.  The body is basically everything in the html.
The a styles whatever is in <a> tags, so it styles the links. a is the link without
interaction, a:hover is when the mouse is over the link, and so forth.
You can only have certain css attributes function within Flash. See the XML file for more info - from the XML using html, you can add size and color to the text.

*/

body {max-width:1280px;
      max-height:950px;}

p {
　　font-family:Arial, Helvetica, sans-serif;
   font-size:11px;
   line-height:160%;
}

a {
	color:#00CCFF;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

a:visited {
	color:#00CCFF;
}

#flashcontent{
	z-index:100;
}

#contents {
	position:absolute;
	top:51px;
	left:170px;
	width:600px;
	height:400px;
	background-image:url(../scar_images/bg-trans.png);
	z-index:300;
}


#contents_marie {
	position:absolute;
	top:50px;
	left:80px;
	width:880px;
	height:400px;
	background-image:url(../scar_images/bg-trans.png);
	z-index:300;
	
}

#Area_left{
	float:left;
	width:240px;
	margin:20px 0 0 0;
}

#Area_right{
	width:610px;
	float:left;
	margin:20px 20px 20px 10px;
	font-size:11px
}



#contents_vivi {
	position:absolute;
	top:50px;
	left:80px;
	width:830px;
	height:400px;
	background-image:url(../scar_images/bg-trans.png);
	z-index:300;
}

#Area_left2{
	float:left;
	width:320px;
	height:225px;
	margin:20px 0 0;
}

#Area_right2{
	float:left;
	width:500px;
	height:190px;
	margin:20px 20px 0px 10px;
	font-size:11px
	
}

#top_banner {
	position:absolute;
	top:600px;
	left:100px;
	width:200px;
	height:50px;
	z-index:200;
}

img {border:none;}

#footer table tr td p {
	text-align: center;
	font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", メイリオ, Verdana, "ＭＳ Ｐゴシック", sans-serif;
}

#footer table tr td a {
	font-family:"ヒラギノ角ゴ Pro W3", "Lucida Grande", "Hiragino Kaku Gothic Pro", メイリオ, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	color:#000;
	text-decoration:none;
}
#footer table tr td a:hover {
	color:#999;
	text-decoration:none;
}