@charset "UTF-8";

/*##################################################
-------------LIST-------------
 01: Top
 02: Left
 03: Right
------------------------------
##################################################*/

/*======================
  01: Top
======================*/
#main {
	width: 745px;
	padding: 0 0 25px 10px;
	background: #ffffff;
}

#top-block {
	margin: 0 0 20px 0;
}

#top-area {
	width: 745px;
	padding: 0 0 7px 0;
	background:url(../images/index_top_bg.gif) #fffded 0 bottom repeat-x;
}

#top-left {
	float: left;
	width: 506px;
}
#title {
	width: 506px;
	height: 175px;
	background:url(../images/index_title.jpg) no-repeat;
	text-indent:-9999px;
}

#top-txt {
	padding: 0 20px;
	font-size: 14px;
	line-height: 20px;
}

#top-right {
	float: left;
	width: 239px;
	background:url(../images/index_top_book_bg.gif) 0 top repeat-x;
}

#top-img {
	padding: 10px 0 0 0;
}


/*======================
  02: Left
======================*/
#cont-block {
	margin: 15px 0 0 0;
}

#cont-left {
	float: left;
	width: 190px;
}

#profile {
	width: 175px;
	padding: 10px 0 12px 0;
	margin: 0 0 20px 0;
	background:url(../images/index_pro_bg.gif) 0 bottom no-repeat;
}

#profile p {
	margin: 0 12px;
	font-size: 12px;
	line-height: 18px;
}

#profile p#name {
	padding: 0 0 4px 0;
	font-weight: bold;
}

#profile p#blog {
	padding: 18px 0 0 0;
}

#profile p#blog a {
	color: #8b1438;
}

.book-info {
	width: 175px;
	margin: 0 0 15px 0;
	background:url(../images/index_book_bg.gif) repeat-y;
}

.book-chapter {
	width: 161px;
	padding: 0 0 10px 0;
	margin: 10px 0 8px 7px;
	border-bottom: 1px solid #bab295;
}

.book-chapter2 {
	width: 161px;
	margin: 10px 0 0 7px;
}

.lead {
	padding: 0 0 3px 0;
	font-size: 10px;
	line-height: 12px;
	color: #ff6c00;
	font-weight: bold;
}

.book-chapter table,
.book-chapter2 table {
	width: 161px;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
}

.sale {
	padding: 0 0 0 10px;
}

.book-txt1 {
	width: 161px;
	font-size: 10px;
	line-height: 14px;
}

.book-txt1 a {
	width: 161px;
	font-size: 10px;
	line-height: 14px;
	color: #ff6c00;
}

.book-chapter table tr td,
.book-chapter2 table tr td {
	padding: 0;
}

.book-chapter table tr td.book-img,
.book-chapter2 table tr td.book-img {
	width: 77px;
	vertical-align: top;
}

.book-chapter table tr td.book-txt,
.book-chapter2 table tr td.book-txt {
	width: 84px;
	font-size: 10px;
	line-height: 14px;
	vertical-align: bottom;
}

.book-chapter table tr td.book-txt a,
.book-chapter2 table tr td.book-txt a {
	width: 84px;
	font-size: 10px;
	line-height: 14px;
	color: #ff6c00;
}

#bookstore {
	width: 161px;
	margin: 0 0 0 7px;
}

#bookstore p {
	padding: 15px 0;
}

#bookstore ul {
	padding: 0 0 0 32px;
}

#bookstore ul li {
	height: 26px;
	margin: 0 0 8px 0;
}

#backnumber {
	width: 175px;
	padding: 3px 0 8px 0;
	background:url(../images/index_bn_bg.gif) 0 bottom no-repeat;
}

#backnumber ul {
	width: 160px;
	padding: 4px 0;
	margin: 0 0 0 7px;
	background:url(../images/index_bn_line.gif) 0 bottom no-repeat;
}

#backnumber ul.btm {
	width: 160px;
	padding: 4px 0 0 0;
	margin: 0 0 0 7px;
	background: none;
}

#backnumber ul li {
	padding: 0 0 0 14px;
}

#backnumber ul li a {
	color: #6e102c;
}

#backnumber ul li.on {
	background:url(../images/index_bn_arw.gif) 0 3px no-repeat;
}

#backnumber ul li.off {
	color: #bfbfbf;
	background:url(../images/index_bn_arw_off.gif) 0 3px no-repeat;
}



/*======================
  03: Right
======================*/
#cont-right {
	float: left;
	width: 555px;
}

#seminar {
	width: 555px;
	padding: 0 0 14px 0;
	margin: 20px 0 0 0;
	background:url(../images/index_seminar_bg.gif) 0 bottom repeat-y;
}

#seminar-cont {
	padding: 0 20px;
}

#seminar ul {
	padding: 0 0 17px 0;
}

#seminar ul li {
	padding: 6px 0 0 78px;
	font-size: 12px;
	line-height: 14px;
}

#seminar ul li#icon1 {
	background:url(../images/index_seminar_icon1.gif) 0 6px no-repeat;
}
#seminar ul li#icon2 {
	background:url(../images/index_seminar_icon2.gif) 0 6px no-repeat;
}
#seminar ul li#icon3 {
	background:url(../images/index_seminar_icon3.gif) 0 6px no-repeat;
}
#seminar ul li#icon4 {
	background:url(../images/index_seminar_icon4.gif) 0 6px no-repeat;
}

#seminar #seminar-info {
	width: 515px;
	height: 54px;
	margin: 0 0 10px 0;
	background:url(../images/index_seminar_info.gif) 0 0 no-repeat;
}

#seminar #seminar-info p {
	padding: 6px 22px 0 172px;
	font-size: 14px;
	line-height: 20px;
}

#seminar #seminar-info p a,
#seminar #seminar-mail p a {
	font-size: 14px;
	line-height: 20px;
	color: #0033cc;
}

#seminar #seminar-mail {
	width: 515px;
	height: 54px;
	margin: 0 0 10px 0;
	background:url(../images/index_seminar_mail.gif) 0 0 no-repeat;
}

#seminar #seminar-mail p {
	padding: 16px 22px 0 307px;
	font-size: 14px;
	line-height: 20px;
}


#flash {
	width: 555px;
	height: 280px;
	margin: 20px 0;
}

#type {
	width: 555px;
	background:url(../images/index_type_bg.gif) 0 0 repeat-y;
}

.type-tit {
	clear: both;
	padding: 15px 0 12px 1px;
}

.type-txt {
	float: left;
	width:440px;
	margin: 0 0 0 1px;
}

.type-txt p {
	padding: 0 32px 0 10px;
	font-size: 12px;
	line-height: 18px;
}

.type-txt p strong {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
}

.type-txt p strong a {
	color: #8b1438;
}

.type-img {
	float: left;
	width:100px;
}

.type-cap {
	padding: 3px 0 10px 0;
	font-size: 10px;
	line-height: 12px;
	color: #8b1438;
}

#buy-btn {
	padding: 15px 0 0 0;
}

#other p {
	padding: 22px 0 5px 0;
}

#other ul li {
	float: left;
	width: 135px;
	height: 45px;
	padding: 0 5px 0 0;
	text-indent:-9999px;
}

#other ul li a {
	display: block;
	width: 135px;
	height: 45px;
}

#other ul li#lion {
	background:url(../images/index_type_lion.gif) 0 0 no-repeat;
}
#other ul li#lion a {
	background:url(../images/index_type_lion.gif) 0 0 no-repeat;
}
#other ul li#lion a:hover {
	background:url(../images/index_type_lion_on.gif) 0 0 no-repeat;
}

#other ul li#saru {
	background:url(../images/index_type_saru.gif) 0 0 no-repeat;
}
#other ul li#saru a {
	background:url(../images/index_type_saru.gif) 0 0 no-repeat;
}
#other ul li#saru a:hover {
	background:url(../images/index_type_saru_on.gif) 0 0 no-repeat;
}

#other ul li#kame {
	background:url(../images/index_type_kame.gif) 0 0 no-repeat;
}
#other ul li#kame a {
	background:url(../images/index_type_kame.gif) 0 0 no-repeat;
}
#other ul li#kame a:hover {
	background:url(../images/index_type_kame_on.gif) 0 0 no-repeat;
}

#other ul li#usagi {
	background:url(../images/index_type_usagi.gif) 0 0 no-repeat;
}
#other ul li#usagi a {
	background:url(../images/index_type_usagi.gif) 0 0 no-repeat;
}
#other ul li#usagi a:hover {
	background:url(../images/index_type_usagi_on.gif) 0 0 no-repeat;
}

#other ul li#usagi-idx {
	padding: 0;
	background:url(../images/index_type_usagi.gif) 0 0 no-repeat;
}
#other ul li#usagi-idx a {
	padding: 0;
	background:url(../images/index_type_usagi.gif) 0 0 no-repeat;
}
#other ul li#usagi-idx a:hover {
	padding: 0;
	background:url(../images/index_type_usagi_on.gif) 0 0 no-repeat;
}


#other ul li#hitsuji {
	padding: 0;
	background:url(../images/index_type_hitsuji.gif) 0 0 no-repeat;
}
#other ul li#hitsuji a {
	padding: 0;
	background:url(../images/index_type_hitsuji.gif) 0 0 no-repeat;
}
#other ul li#hitsuji a:hover {
	padding: 0;
	background:url(../images/index_type_hitsuji_on.gif) 0 0 no-repeat;
}





/* =====================================================
 clearfix
=====================================================*/
#main:after,
#top-area:after,
#top-block:after,
#cont-block:after,
.book-chapter:after,
#other:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#main,
#top-area,
#top-block,
#cont-block,
.book-chapter,
#other
{
	height:1%;
}