@charset "utf-8";

body, div, p,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
blockquote,
th, td { 
	margin:0;
	padding:0;
}
body {
	font-family: "ＭＳ Ｐゴシック", Arial, Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size: 75%;
	text-align:center;
	background:url(bg.gif) center repeat-y #FFFFFF;
	color:#000000;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight: normal;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
img, fieldset {
	border: none;
}
ul, ol, li {
	list-style:none;
}
a {
	text-decoration:none;
}

/* 配置関係
------------------------------------------------------ */
div#wrapper {
	width:760px;
	margin:10px auto;
	text-align:left;
	background-color:#F00;
	color:#000;
	border:4px solid #FFFFFF;
}
div#header {
	margin:10px 10px 0 10px;
}
div#sub{
	width:215px;
	float:left;
}
div#container {
	width:auto;
	padding:10px 15px;
}
div#contents {
	float:right;
	width:470px;
	background-color:#fff;
	color:#000;
	padding:15px;
}


/* Menu
------------------------------------------------------ */
div#menu {
	width:auto;
	border:2px solid #FFFFFF;
	padding-bottom:20px;
}
#menu li {
	padding:10px 10px;
	text-indent:-10000px;
}
#menu li a{
	display:block;
	width:190px;
	height:30px;
	background:url(menu.gif) no-repeat;
	outline:none;
}
#menu li.cover a { background-position:0 0; }
#menu li.mokuji a { background-position:0 -30px; }
#menu li.cyuumoku a { background-position:0 -60px; }
#menu li.blog a { background-position:0 -90px; }
#menu li.backnum a { background-position:0 -120px; }
#menu li.buy a { background-position:0 -150px; }


#menu li.cover a:hover { background-position:-190px 0; }
#menu li.mokuji a:hover { background-position:-190px -30px; }
#menu li.cyuumoku a:hover { background-position:-190px -60px; }
#menu li.blog a:hover { background-position:-190px -90px; }
#menu li.backnum a:hover { background-position:-190px -120px; }
#menu li.buy a:hover { background-position:-190px -150px; }


p#logo {
	text-align:center;
}

/* 問い合わせ
------------------------------------------------------ */
div.toiawase {
	margin:10px 5px;
}
p.email {
	margin-top:5px;
	font-weight:bold;
}
p.email a {
	color:#FFFFFF;
}

/* Footer
------------------------------------------------------ */
div#footer {
	padding:10px 15px;
	text-align:right;
}



/* clearfix
------------------------------------------------------ */
div{
    zoom:1;
}
div:after{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}

/* choice banner
------------------------------------------------------ */
#choice {
	margin:10px 0px;
}