@charset "UTF-8";
/* CSS Document */
body,p,h1,h2,h3,h4,ul,li,img,table,tr,td {
margin:0px;
padding:0px;
border: none;
}
body {
	font-size: 13px;
	font-family:  "Lucida Grande", sans-serif;
	background-image: url(back_tex.jpg);
}

/* for WinIE6*/

* html body {
	font-size: 65%;
	font-family: Verdana, "MS P ゴシック", sans-serif;
	letter-spacing: 1px;
	vertical-align:baseline;
}

/* for WinIE7*/

*:first-child+html body {
	font-size: 65%;
	font-family: 'メイリオ', Meiryo, sans-serif;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
a:link{
	text-decoration: none;
	color: #F93C5B;
	font-weight: bold;
}
a:visited{
	text-decoration: none;
	color: #F93C5B;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
	color: #F93C5B;
	font-weight: bold;
}
a:active{
	text-decoration: none;
	color: #F93C5B;
	font-weight: bold;
}
#mainBox {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-repeat: no-repeat;
	background-position: left top;
	text-align: center;
	padding-top: 90px;
	background-image: url(back_top.jpg);
}
#contentsBox {
	background-image: url(back_contents.jpg);
	text-align: left;
	background-repeat: repeat-y;
	background-position: left top;
	padding-right: 13px;
	padding-left: 13px;
}
#topBox {
	background-image: url(back_top_color.gif);
	background-repeat: repeat-x;
	background-position: left 330px;
}
#topBox #topContentsBox {
	background-image: url(hyoshi.jpg);
	background-repeat: no-repeat;
	background-position: 50px 15px;
	height: 470px;
	padding-left: 360px;
}
#catalogTitle  {
	color: #FFA4A4;
	font-size: 16px;
	font-weight: bold;
	padding-top: 15px;
}
#catalogTitle span {
	background-image: url(title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
	width: 400px;
	height: 100px;
	text-indent: -9999px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#catalogTitle strong {
	color: #F93C5B;
	font-size: 18px;
}
#explane {
	margin-top: 10px;
	font-size: 90%;
	line-height: 1.5em;
	padding-right: 15px;
	margin-bottom: 15px;
}
#explane span {
	color: #F93C5B;
	font-weight: bold;
}
#matiuke-link a {
	display: block;
	text-indent: -9999px;
	background-image: url(matiuke_link.gif);
	background-repeat: no-repeat;
	background-position: 80px -5px;
	height: 80px;
}
#matiuke-link a:link {
}
#matiuke-link a:visited {
}
#matiuke-link a:hover {
	outline:none;
	background-position: 80px -106px;
}
#matiuke-link a:active {
}
#thumnailBox {
	background-image: url(thumbnailBack.jpg);
	background-repeat: no-repeat;
	background-position: 30px -5px;
	padding-left: 60px;
	padding-top: 10px;
	padding-right: 15px;
}

#thumbnailTable {
	float: left;
}
#thumbnailTable td {
	padding-left: 7px;
	padding-bottom: 5px;
}
#thumbnailText {
	width: 310px;
	float: right;
	font-size: 90%;
	line-height: 1.5em;
}
#thumbnailText #thumbnail_title {
	font-size: 18px;
	color: #F93C5B;
	display: block;
	margin-bottom: 10px;
	padding-top: 70px;
	background-image: url(thumbnailBack_tex.gif);
	background-repeat: no-repeat;
	background-position: -5px -5px;
	font-weight: bold;
	line-height: 1.5em;
}
#thumbnailText #click {
	display: block;
	margin-top: 15px;
}
#thumbnailText #book {
	display: block;
	position: relative;
	left: 200px;
	top: -10px;
}
#illutBox {
	clear: both;
	padding-left: 40px;
	background-image: url(illustBack_illust.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-right: 20px;
}
#illutBox #illustText {
	font-size: 90%;
	line-height: 1.5em;
	width: 340px;
	float: left;
}
#illustText strong {
	background-image: url(illustBack_tex.gif);
	background-repeat: no-repeat;
	background-position: left -10px;
	display: block;
	padding-top: 50px;
	font-size: 18px;
	line-height: 1.5em;
	color: #F93C5B;
	margin-bottom: 10px;
}
#illustText span {
	color: #F93C5B;
	font-size: 16px;
	display: block;
	font-weight: bold;
	line-height: 1.3em;
	background-image: url(blog_title.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 92px;
	background-position: 0px 25px;
}
#illustText   a {
	display: block;
	margin-top: 10px;
	background-image: url(illustBack_link.gif);
	background-position: 0px 15px;
	background-repeat: no-repeat;
	height: 115px;
	text-indent: 1em;
}
#illustText   a:link {
}
#illustText a:visited  {
}
#illustText   a:hover {
	outline:none;
	background-position: -358px 15px;
}
#illustText   a:active {
}
#illustThumbnailBox {
	background-image: url(illustBack_thumbnail.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 373px;
	float: right;
	padding-bottom: 50px;
}
#illustThumbnailBox #illustTable {
	margin-top: 13px;
}
#illustTable td {
	padding-left: 22px;
}
#suisen {
	clear: both;
	padding-top: 95px;
	background-image: url(hensyutyo.gif);
	background-repeat: no-repeat;
	background-position: 50px 50px;
}
#suisen #suisenCaption {
	font-size: 100%;
	margin-left: 125px;
	margin-bottom: 45px;
	color: #FA8B77;
	line-height: 1.5em;
}
#suisenBack {
	background-image: url(suisenBack.jpg);
	height: 442px;
	background-repeat: no-repeat;
	background-position: 90px 0px;
	padding-left: 150px;
	padding-right: 80px;
}
#suisenBack #profile {
	font-size: 85%;
	line-height: 1.5em;
	width: 140px;
	float: left;
	padding-top: 200px;
	color: #333333;
}
#suisenBack #suisenText {
	float: right;
	width: 380px;
	padding-top: 35px;
	font-size: 90%;
	line-height: 1.5em;
	margin-bottom: 10px;
}
#suisenText #suisenTitle {
	text-indent: -9999px;
	display: block;
	background-image: url(suisen_text.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 30px;
	width: 250px;
}
#suisenText a {
	display: block;
	background-image: url(suisen_ya.gif);
	background-repeat: no-repeat;
	background-position: left center;
	height: 40px;
	line-height: 40px;
	padding-left: 25px;
	font-size: 14px;
}
#suisenText a:link {
}
#suisenText a:visited {
}
#suisenText a:hover {
outline:none;
}
#suisenText a:active {
}
#suisenText #relative {
	background-image: url(suisen_text02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	text-indent: -9999px;
	height: 20px;
	margin-top: 20px;
}
#suisenBack #booksLink {
	width: 380px;
	float: right;
	list-style-type: none;
}
#booksLink li {
	float: left;
	padding-right: 15px;
}
#booksLink #EandG a {
	display: block;
	text-indent: -9999px;
	background-image: url(book_thumb/books1.jpg);
	width: 61px;
	height: 79px;
	border: 2px solid #D1D1D1;
}
#booksLink #EandG a:link {
}
#booksLink #EandG a:visited {
}
#booksLink #EandG a:hover {
	outline:none;
	border: 2px solid #A8A8A8;
}
#booksLink #EandG a:active {
}

#booksLink #Cotton a {
	display: block;
	text-indent: -9999px;
	background-image: url(book_thumb/books2.jpg);
	width: 59px;
	height: 77px;
	border: 2px solid #D1D1D1;
}
#booksLink #Cotton a:link {
}
#booksLink #Cotton a:visited {
}
#booksLink #Cotton a:hover {
outline:none;
border: 2px solid #A8A8A8;
}
#booksLink #Cotton a:active {
}

#booksLink #Herb a {
	display: block;
	text-indent: -9999px;
	background-image: url(book_thumb/books3.jpg);
	width: 65px;
	height: 79px;
	border: 2px solid #D1D1D1;
}
#booksLink #Herb a:link {
}
#booksLink #Herb a:visited {
}
#booksLink #Herb a:hover {
outline:none;
border: 2px solid #A8A8A8;
}
#booksLink #Herb a:active {
}

#booksLink #Saien a {
	display: block;
	text-indent: -9999px;
	background-image: url(book_thumb/books4.jpg);
	width: 63px;
	height: 78px;
	border: 2px solid #D1D1D1;
}
#booksLink #Saien a:link {
}
#booksLink #Saien a:visited {
}
#booksLink #Saien a:hover {
outline:none;
border: 2px solid #A8A8A8;
}
#booksLink #Saien a:active {
}
#presentBack {
	background-image: url(present_back.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-top: 30px;
}
#presentBack #matiukeText {
	font-size: 90%;
	line-height: 1.5em;
	width: 400px;
	padding-left: 40px;
	padding-bottom: 20px;
}
#matiukeText strong {
	background-image: url(present_text2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	width: 393px;
	height: 100px;
	text-indent: -9999px;
}
#matiukeText  span a {
	font-weight: bold;
	background-image: url(present_link2.gif);
	background-repeat: no-repeat;
	display: block;
	width: 181px;
	height: 31px;
	margin-top: 10px;
	text-indent: -9999px;
	margin-bottom: 10px;
}
#matiukeText  span a:link {
}
#matiukeText  span a:visited {
}
#matiukeText  span a:hover {
	outline:none;
	background-position: 0px -40px;
}
#matiukeText  span a:active {
}
#presentBack #matiuke {
	list-style-type: none;
	margin-left: 20px;
}
#matiuke li {
	float: left;
	margin-right: 15px;
}
#mainBox #bottom {
	clear: both;
	background-image: url(backBottom.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height: 60px;
	text-indent: -9999px;
}