body { 
    font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Lucida Grande",verdana, Arial, sans-serif;

    background-color:#111;
    margin:0px auto auto auto;
    text-align:center;
    border-top: 1px solid #000; 
                         
 }

a img{
	border:0;	
}

a:link,a:visited {
	text-decoration: underline;
	color:#cc0000;
}
a:hover {
	text-decoration:none;
	color: #FF0000;
	
}

/* body */

body {
    background-image:url(http://x51.org/odyssey/img/b.jpg);
    background-position:50% 10%;
    background-attachment: fixed;
	background-repeat: no-repeat;

}


#container {
	border:1px solid #000;
    width:950px;
    margin: 0 auto 0 auto;
    text-align:left;
    padding:0;

}

.content { 
	margin:0;
	padding:0;
	height: 620px;
	overflow:hidden;

	background-image:url(http://x51.org/odyssey/img/e.jpg);
    background-repeat: no-repeat;

 }


/* BTN */


.btn {
	padding-top:5px;
	margin:0;
	width:950px;
}

ul#btnmenu{
    list-style:none;
    width:950px;
    margin:0 0 0 20px;
    padding:20px 0 0 0;
}


html>/**/body ul#btnmenu{
    padding:25px 0 0 0 ! important;
	/* exclude IE6,7 */	
	 }

ul#btnmenu li{
    list-style:none;
    float:left;
    width:190px;
}

ul#btnmenu a{
    display:block;
    width:190px;
    height:19px;
/*    text-indent:-500px; 
    overflow:hidden; */

}

#btnmenu a span{
	display:none;
	}

a.sample{
    background-image:url(http://x51.org/odyssey/img/sample.png);
    background-repeat: no-repeat;
}
a:hover.sample{
    background-position:0px -18px;
}

a.maegaki{
    background-image:url(http://x51.org/odyssey/img/maegaki.png);
    background-repeat: no-repeat;
}
a:hover.maegaki{
    background-position:0px -18px;
}

a.amazon{
    background-image:url(http://x51.org/odyssey/img/amazon.png);
    background-repeat: no-repeat;
}
a:hover.amazon{
    background-position:0px -18px;
}

a.present{
    background-image:url(http://x51.org/odyssey/img/present.png);
    background-repeat: no-repeat;
}
a:hover.present{
    background-position:0px -18px;
    background-repeat: no-repeat;
}

a.book{
    background-image:url(http://x51.org/odyssey/img/book.png);
    background-repeat: no-repeat;
}
a:hover.book{
    background-position:0px -18px;
}



/* footer */


.footer { 
	magrin:0;
	padding:7px 0 0 0;
	background:#fff;
 }


/* prologue */

.buy {
	padding: 30px 20px 30px 20px;
	background-color:#fff;
	color: #000;	
	text-align:left;
	height:300px;
}

.pro {
width:450px;
padding: 30px 10px 30px 10px;

color: #000;	
text-align:left;
background-color:#fff ! important;    
    
}
.pro p {
    width:445px;
}

/* buy */

.buy {
	background-color:#fff ! important;
	color: #000 ! important;	
}

.pro p, .buy p {
	font-size: 12px;
}
.pro h1, .buy h1 , .buy h2{
	font-size: 16px;
	font-weight: bold;
	color: #f00;
	line-height:0.01em;
	padding-top: 0;
	margin-top: 0;
}

img.pro  {

	padding: 0 15px 10px 0;
        margin-bottom:10px;
}

/* rights */

.rights {
	
	font-size: 10px ;
	font-family: verdana,sans-serif;
	text-align:right;
	background:#fff;
	color: #444;	
	padding: 0 25px 20px 20px;;
}

.rights a{
	text-decoration:none;
	color: #444;
	font-weight: bold;
	
}