@font-face {
   font-family: 'font1';
   src: url('http://www.otaiweb.com/event/record2015_8_28/font/NotoSansJP-Regular.otf') format("opentype");
}

* { margin : 0 ; padding : 0 ; }

#my_main { 
width : 900px ; 
background-color: #FFFFFF;
}

#my_body { position : relative ; 
margin: 0 auto; 
width : 900px ; 
color: #000000;
}

#my_header 
{ width : 100% ; height : 993px ;
	background-image: url(img/mainbaner.gif);
	background-position: 50% 0%;
	background-repeat: no-repeat;}


#my_navigation
{
height : 20px ;
font-size: 10px;
letter-spacing: 5px;
padding-top: 12px;
padding-left: 50px;
padding-bottom: 3px;

}

#my_sns
{
height : 20px ;
padding-top: 3px;
padding-left: 50px;
padding-bottom: 10px;

}

#my_footer { 

height : 28px ;
font-size: 10px;
letter-spacing: 5px;
padding-top: 14px;
padding-left: 10px;
background-color: #ffd700;

}



h1 {
font-family: font1;
color: #008000;
font-size:60px;
margin-top: 50px;
margin-bottom: 40px;
margin-left: 5%;
margin-right: 5%;
line-height: 70px;
padding-top: 14px;
padding-left: 20px;
padding-bottom: 14px;
padding-right: 10px;
}

h2 {
font-family: font1;
font-size: 26px;
color: #ff9900;
line-height: 30px;
letter-spacing: 8px;
margin-top: 80px;
padding-top: 14px;
margin-left: 5%;
padding-left: 20px;
margin-right: 5%;
padding-right: 10px;
margin-bottom: 30px;
padding-bottom: 14px;
}

h3 {
    font-size:20px;
	margin-top: 50px;
	margin-bottom: 20px;
	line-height: 30px;
}

img {
    border-style:none;
}

br {
letter-spacing: 0;
}




.b{
line-height: 30px;
letter-spacing:6px;
font-size:10px;
margin-left: 10%;
margin-right: 5%;
margin-bottom: 50px;
margin-top: 5px;

}


.c{
line-height: 20px;
letter-spacing:2px;
font-size:14px;
margin-left: 10%;
margin-right: 5%;
margin-bottom: 50px;
margin-top: 5px;
}


BODY{
width : 100% ;
background-image: url("img/tex.jpg"); /* Swi */
background-position: 50% 50%;            /* wiu */
background-attachment:fixed;             /* wi */
}