@charset "UTF-8";

body,div,p,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}



.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}


.clearfix {
  min-height: 1px;
}

* html .clearfix
 {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

body {
	background:url(images/bg.png) repeat-y center #319a56;
	text-align:center;
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size:13px;
	*font-size:80%;
	*font:80%;
}

#header {
	background:url(images/image.jpg) no-repeat center;
	height:0px;
	padding-top:220px;
	width:726px;
	overflow:hidden;
	margin:0px auto;
}


#wrap {
	width:720px;
	margin:0px auto;
	text-align:left;
}

#contents {
	width:540px;
	float:left;
}

.content-box {
	margin:0px 20px 60px 20px;
	clear:both;
}

.content-box h2 {
	font-size:14px;
	margin-bottom:20px;
	border-left:5px solid #bc0033;
	border-bottom:1px solid #bc0033;
	padding:3px 10px;
	font-weight:normal;
	color:#bc0033;
}

#book .photo {
	float:left;
	width:125px;
}

#book .book-text {
	float:right;
	width:340px;
}

#sub-contents {
	float:right;
	width:180px;
}

#sub-contents #menu {
	margin:0px 10px 20px 30px;
	list-style:square;
	font-size:12px;
}

#sub-contents #menu a {
	text-decoration:none;
	color:#000000;
	display:block;
}

#sub-contents #menu a:hover {
	color:#bc0033;
}