body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 28px;
	color: #000000;
	background-color: #000000;
	overflow-x: hidden;
	}
div, ul, li, p, h1, h2, h3 {
	padding: 0;
	margin: 0;
	}
	

a {
	color: #333;
	}
	
a:hover {
	color: #960014;
	text-decoration: none;
	}


#wrapper{
	width: 980px;
	margin: 0px auto;
	overflow:hidden;
}	

ul#nav {
    width:590px;
    margin-left:35px;
    overflow:hidden;
    zoom:100%;
	float: left;
}

ul#nav li {
    float:left;
    list-style:none;
}

ul#nav li a {
    display:block;
    height:78px;
    width:118px;
    text-align:center;
    font-weight:bold;
    text-indent:-9898px;
    background-image:url(../img/menu_1.png);
    background-repeat:no-repeat;
}	

ul#nav a.home {background-position:0px 0px;width:118px;}
ul#nav li a.home:hover {background-position:0 -78px;}
 
ul#nav a.book {background-position:-118px 0px;}
ul#nav li a.book:hover {background-position:-118px -78px;}
 
ul#nav li a.author {background-position:-236px 0px;}
ul#nav li a.author:hover {background-position:-236px -78px;}
 
ul#nav li a.movie {background-position:-354px 0px;}
ul#nav li a.movie:hover {background-position:-354px -78px;}
 
ul#nav li a.process {background-position:-472px 0px;}
ul#nav li a.process:hover {background-position:-472px -78px;}



ul#nav_2 {
    width:354px;
    overflow:hidden;
    zoom:100%;
	float: left;
	display: block;
}

ul#nav_2 li {
    float:left;
    list-style:none;
}

ul#nav_2 li a {
    display:block;
    height:78px;
    width:118px;
    text-align:center;
    font-weight:bold;
    text-indent:-9898px;
    background-image:url(../img/menu_1.png);
    background-repeat:no-repeat;
}	

ul#nav_2 li a.message {background-position:-590px 0px;}
ul#nav_2 li a.message:hover {background-position:-590px -78px;}

ul#nav_2 li a.shop {background-position:-708px 0px;}
ul#nav_2 li a.shop:hover {background-position:-708px -78px;}

ul#nav_2 li a.home {background-position:-826px 0px;}
ul#nav_2 li a.home:hover {background-position:-826px -78px;}

.xline {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
	z-index: 10;
	width: 30px;
	border: none;
	clear: both;
}

.panel {
	background-color: #000000;
	width: 950px;
	height: 1605px;
	margin: 0px;
	padding: 0px;
	border: none;
}

.panel_wh {
	background-color: #FFFFFF;
	width: 950px;
	height: 1605px;
	margin: 0px;
	padding: 0px;
	border: none;
}

.box1 {
	float:left;
	width: 950px;
	height: 565px;
	margin-top: 0px;
	text-align: center;
	background-color: #000000;
}
	
.box2 {
	float:left;
	margin-top: 0px;
	margin-left: 70px;
	text-align: center;
	background-color: #000000;
}

.box3 {
	float:left;
	width: 950px;
	margin-top: 0px;
	padding-top: 20px;
	text-align: center;
	background-color: #000000;
}

.box3_wh {
	float:left;
	width: 950px;
	margin: 0px 0px 0px 10px;
	padding-top: 20px;
	text-align: center;
	background-color: #FFFFFF;
}


.box_author {
	float:left;
	margin-top: 0px;
	margin-left: 73px;
	text-align: center;
}

.box_wh {
	float:left;
	width: 945px;
	margin-top: 5px;
	font-size: 15px;
	color: #000000;
	text-align: center;
	background-color: #FFFFFF;
}





/* learfix
------------------------------------------------------------------- */
.clear{clear:both;}
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {
display: inline-table;
min-height: 1%;
}
/* Hides from -mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from -mac */

/* binoculars
------------------------------------------------------------------- */