@charset "UTF-8";

/*##################################################
-------------LIST-------------
 01: Top
 02: Book
 03: Menu
 04: Link
------------------------------
##################################################*/

/*======================
  01: Top
======================*/
#main {
	width: 760px;
	padding: 0 0 25px 0;
	background: #ffe8e1;
}

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

#title {
	width: 760px;
	height: 84px;
	background:url(../images/index_title.gif) no-repeat;
	text-indent:-9999px;
}

#top-left {
	float: left;
	width: 385px;
}

#top-right {
	float: left;
	width: 375px;
}

#top-right p.top-txt {
	padding: 10px 13px 13px 0;
}

#top-right #book-info {
	width: 336px;
	padding: 5px 10px 5px 12px;
	background: #ffffff;
	border: 1px solid #f8877e;
}


/*======================
  02: Book
======================*/
#book-block {
	margin: 0 0 30px 0;
}

#book-left {
	float: left;
	width: 197px;
}

#book-right {
	float: left;
	width: 548px;
}

#book-link {
	width: 163px;
	height: 414px;
	margin: 14px 0 0 15px;
	background:url(../images/index_book_link_bg.gif) no-repeat;
}

#book-link ul {
	padding: 74px 0 0 30px;
}

#book-link ul li {
	height: 26px;
	margin: 0 0 10px 0;
}

#book-detail1 {
	width: 548px;
	height: 248px;
	background:url(../images/index_book_detail1_bg.gif) no-repeat;
}

#book-detail2 {
	width: 548px;
	height: 305px;
	background:url(../images/index_book_detail2_bg.gif) no-repeat;
}

#detail-txt1 {
	float: left;
	width: 218px;
	padding: 174px 7px 0 26px;
}

#detail-img1 {
	float: left;
	width: 297px;
	padding: 38px 0 0 0;
}

#detail-img2 {
	float: left;
	width: 273px;
	padding: 0 0 0 24px;
}

#detail2-right {
	float: left;
	width: 251px;

}

#detail-txt2 {
	height: 42px;
	padding: 47px 24px 0 26px;
}

#detail-img3 {
	float: left;
	height: 103px;
}

#detail-txt3 {
	float: left;
	width: 199px;
	padding: 6px 27px 0 25px;
}

#detail-img4 {
	float: left;
	width: 297px;
}


/*======================
  03: Menu
======================*/
#menu-block {
	width: 730px;
	padding: 9px 0 0 0;
	margin: 0 0 0 15px;
	background:url(../images/index_menu_line.gif) 0 top repeat-x;
}
#menu-left {
	float: left;
	width: 140px;
	padding: 6px 0 0 11px;
}

#menu-right {
	float: left;
	width: 579px;
	font-size: 1.2em;
}

#part1 {
	padding: 7px 0 0 127px;
	background:url(../images/index_menu_p1.gif) left top no-repeat;
}

#part2-block {
	padding: 18px 0 0 0;
	margin: 0 0 15px 0;
	background:url(../images/index_menu_line.gif) 0 9px repeat-x;
}

#part2 {
	padding: 7px 0 0 127px;
	background:url(../images/index_menu_p2.gif) left top no-repeat;
}

#part1 dl dt,
#part2 dl dt {
	padding: 0 0 4px 0;
}

#part1 dl dd,
#part2 dl dd {
	padding: 1px 0 0 7px;
}

#part2 dl {
	padding: 0 0 15px 0;
}

#menu-btn {
	width: 730px;
	padding: 11px 0 0 0;
	margin: 0 0 25px 15px;
	text-align: right;
	background:url(../images/index_menu_line.gif) 0 top repeat-x;
}


/*======================
  04: Link
======================*/
#link-block {
	width: 730px;
	padding: 0 0 0 15px;
}

#techou {
	float: left;
	width: 359px;
	height: 211px;
	margin: 0 12px 0 0;
	background:url(../images/index_techo_bg.jpg) 0 0 no-repeat;
}

#book {
	float: left;
	width: 359px;
	height: 211px;
	margin: 0 0 0 0;
	background:url(../images/index_book_bg.jpg) 0 0 no-repeat;
}
.more-btn {
	padding: 151px 0 0 14px;
}

#techou a,
#techou a:visited,
#techou a:active,
#book a,
#book a:visited,
#book a:active {
	color: #ff6600;
}
#techou a:hover,
#book a:hover {
	color: #ff6600;
	text-decoration: none;
}

#techou-txt {
	float: left;
	width: 359px;
	margin: 2px 12px 0 0;
	text-align: right;
}
#book-txt {
	float: left;
	width: 359px;
	margin: 2px 0 0 0;
	text-align: right;
}

/* =====================================================
 clearfix
=====================================================*/
#main:after,
#top-block:after,
#book-block:after,
#menu-block:after,
#menu-btn:after,
#link-block:after,
detail2-right:after,
#detail-img4:after
{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#main,
#top-block,
#book-block,
#menu-block,
#menu-btn,
#link-block,
detail2-right,
#detail-img4
{
	height:1%;
}