@charset "UTF-8";




html, body {
  background: url(image/bg.png) left top repeat;
  font-family: "Calluna", Georgia, serif;
  font-size:87.5%;
  line-height: 1.5;
  text-align: center;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}



/*LINK*/

a {
 text-decoration: none;
 }
 
a:link, a:visited {
}

a:hover, a:active {
}

/*--style1--*/

a.style1:link {
        	color: #666666;
		text-decoration: none;
		
}

a.style1:visited {
        	color: #666666;
		text-decoration: none;

}

a.style1:hover {
        	color: #24140e;
		text-decoration: none;
		transition: .1s;
		font-weight:550;

}

a.style1:active {
        	color: #24140e;
		text-decoration: none;
}


/*--style2--*/

a.style2:link {
        	color: #333333;
		text-decoration: none;
		
}

a.style2:visited {
        	color: #333333;
		text-decoration: none;

}

a.style2:hover {
        	color: #999999;
		text-decoration: none;
		transition: .1s;

}

a.style2:active {
        	color: #999999;
		text-decoration: none;
}




/*body*/


.body {
	margin: 0 auto;
	clear:both;
}

h1 {
                margin: 0;
                padding: 0;
}


#title {
  text-align: center;
  font-family: "Calluna", Georgia, serif;
  font-size:17px;
  padding-bottom: 8px;
  letter-spacing: 0.5px;
  }

#title2 {
  text-align: center;
  font-family: "museo-slab", "a-otf-gothic-bbb-pr6n", Georgia, serif;
  font-size:16px;
  padding-top: 4px;
  letter-spacing: 0.6px;
  }
  
 #title2_1 {
  text-align: center;
  font-family: "museo-slab", "a-otf-gothic-bbb-pr6n", Georgia, serif;
  font-size:16px;
  padding-top: 11px;
  letter-spacing: 0.6px;
  }
  
#title3 {
  text-align: center;
  font-family: "a-otf-gothic-bbb-pr6n", Georgia, serif;
  font-size:14px;
  padding-top: 13px;
  letter-spacing: 1px;
  font-weight:300;
  }  
 
 
#copyright {
  font-family: "museo-slab", "a-otf-gothic-bbb-pr6n", Georgia, serif;
  font-size:14px;
  float:center;
  text-align:center;
  position:fixed;
  bottom:5%;
  right:10%;
}


#clear{
clear:both;}

#main {
  position: absolute;
  top: 47%;
  left: 50%;
  width: 200px;
  height: 200px;
  margin: -100px 0 0 -100px;
}

@media all and (max-width:430px){
#copyright {
  float:right;
  display:block;
  text-align:center;
  position:fix;
  right:21%;
}

}