@charset "utf-8";

/* --------------------------------------------
 * 進学選びに役立つガイドブックプレゼント！
 * /books/index.html
 * -------------------------------------------- */

div.books_index {
  font-size:13px;
}

/* タイトル */
div.books_index h1 { 
	display:none;
}

div.books_index div.title {
	display:block;
	width:527px;
	height:240px;
	margin-top:10px;
	margin-left:15px;
}

div.books_index div.title h2 {
	display:block;
	width:132px;
	height:240px;
	text-indent:-9999px;
	background:url(../img/index/title_02.gif) no-repeat;
	float:right;
}

div.books_index div.title p {
	display:block;
	width:395px;
	height:109px;
	background:url(../img/index/title_01.gif) no-repeat;
	float:right;
}

div.books_index div.title p span.text {
	display:block;
	width:370px;
	height:130px;
	margin-top:120px;
	margin-left:10px;
}

.rb {
	color:red;
	font-weight:bold;
}

div.books_index h2.main {
	display:none;
}

/* ガイドブック共通 */
div.books_index ul li { 
	display:block;
	margin-top:20px;
	margin-right:0px;
	margin-left:15px;
	float:left;
}

/* 資格 */
div.books_index ul li.shikaku { 
	display:block;
	width:166px;
	height:280px;
	border:solid red 1px;
	background:url(../img/index/st01_shikaku.gif) no-repeat;
}

div.books_index ul li.shikaku h3 {
	display:block;
	width:166px;
	height:181px;
	margin-top:23px;
	text-indent:-9999px;
	background:url(../img/index/book01.jpg) no-repeat center;
}

div.books_index ul li.shikaku span.img {
	display:block;
	width:166px;
	height:55px;
	background:url(../img/index/t01.gif) no-repeat center bottom;
}

div.books_index ul li.shikaku span.text1 {
	display:block;
	width:166px;
	text-align:center;
}

div.books_index ul li.shikaku span.text2 {
	display:block;
	width:166px;
	text-align:center;
}

/* パソコン */
div.books_index ul li.pc { 
	display:block;
	width:166px;
	height:280px;
	border:solid red 1px;
	background:url(../img/index/st02_pc.gif) no-repeat;
}

div.books_index ul li.pc h3 {
	display:block;
	width:166px;
	height:181px;
	margin-top:23px;
	text-indent:-9999px;
	background:url(../img/index/book02.jpg) no-repeat center;
}

div.books_index ul li.pc span.img {
	display:block;
	width:166px;
	height:67px;
	background:url(../img/index/t02.gif) no-repeat center bottom;
}
 
div.books_index ul li.pc span.text1 {
	display:block;
	width:166px;
	text-align:center;
}

div.books_index ul li.pc span.text2 {
	display:block;
	width:166px;
	text-align:center;
}

/* あこがれのお仕事 */
div.books_index ul li.akogare { 
	display:block;
	width:166px;
	height:280px;
	border:solid red 1px;
	background:url(../img/index/st03_akogare.gif) no-repeat;
}

div.books_index ul li.akogare h3 {
	display:block;
	width:166px;
	height:181px;
	margin-top:23px;
	text-indent:-9999px;
	background:url(../img/index/book03.jpg) no-repeat center;
}

div.books_index ul li.akogare span.img {
	display:block;
	width:166px;
	height:67px;
	background:url(../img/index/t03.gif) no-repeat center bottom;
}
 
div.books_index ul li.akogare span.text1 {
	display:block;
	width:166px;
	text-align:center;
}

div.books_index ul li.akogare span.text2 {
	display:block;
	width:166px;
	text-align:center;
}

/* 公務員 */
div.books_index ul li.komuin { 
	display:block;
	width:166px;
	height:280px;
	border:solid red 1px;
	background:url(../img/index/st04_komuin.gif) no-repeat;
}

div.books_index ul li.komuin h3 {
	display:block;
	width:166px;
	height:181px;
	margin-top:23px;
	text-indent:-9999px;
	background:url(../img/index/book04.jpg) no-repeat center;
}

div.books_index ul li.komuin span.img {
	display:block;
	width:166px;
	height:55px;
	background:url(../img/index/t04.gif) no-repeat center bottom;
}

div.books_index ul li.komuin span.text1 {
	display:block;
	width:166px;
	text-align:center;
}

div.books_index ul li.komuin span.text2 {
	display:block;
	width:166px;
	text-align:center;
}

/* 民間就職 */
div.books_index ul li.minkan { 
	display:block;
	width:166px;
	height:280px;
	border:solid red 1px;
	background:url(../img/index/st05_minkan.gif) no-repeat;
}

div.books_index ul li.minkan h3 {
	display:block;
	width:166px;
	height:181px;
	margin-top:23px;
	text-indent:-9999px;
	background:url(../img/index/book05.jpg) no-repeat center;
}

div.books_index ul li.minkan span.img {
	display:block;
	width:166px;
	height:45px;
	background:url(../img/index/t05.gif) no-repeat center bottom;
}

div.books_index ul li.minkan span.text {
	display:block;
	width:166px;
	margin-top:10px;
	text-align:center;
}

/* ペット */
div.books_index ul li.pet { 
	display:block;
	width:166px;
	height:280px;
	border:solid red 1px;
	background:url(../img/index/st07_pet.gif) no-repeat;
}

div.books_index ul li.pet h3 {
	display:block;
	width:166px;
	height:181px;
	margin-top:23px;
	text-indent:-9999px;
	background:url(../img/index/book07.jpg) no-repeat center;
}

div.books_index ul li.pet span.img {
	display:block;
	width:166px;
	height:67px;
	background:url(../img/index/t07.gif) no-repeat center bottom;
}
 
div.books_index ul li.pet span.text1 {
	display:block;
	width:166px;
	text-align:center;
}

div.books_index ul li.pet span.text2 {
	display:block;
	width:166px;
	text-align:center;
}

/* 自力進学 */
div.books_index ul li.jiriki { 
	display:block;
	width:166px;
	height:280px;
	border:solid red 1px;
	background:url(../img/index/st06_jiriki.gif) no-repeat;
}

div.books_index ul li.jiriki h3 {
	display:block;
	width:166px;
	height:181px;
	margin-top:23px;
	text-indent:-9999px;
	background:url(../img/index/book06.jpg) no-repeat center;
}

div.books_index ul li.jiriki span.img {
	display:block;
	width:166px;
	height:55px;
	background:url(../img/index/t06.gif) no-repeat center bottom;
}

div.books_index ul li.jiriki span.text1 {
	display:block;
	width:166px;
	text-align:center;
}

div.books_index ul li.jiriki span.text2 {
	display:block;
	width:166px;
	text-align:center;
}

/* 進路決定お役立ちガイドブックの申し込みはここから！ */
div.books_index h2.app { 
	display:block;
	width:240px;
	height:200px;
	text-indent:-9999px;
	margin-top:20px;
	margin-left:60px;
	float:left;
	background:url(../img/index/new_wanwanbook.gif) no-repeat;
}

div.books_index span.app {
	display:block;
	width:240px;
	height:37px;
	text-indent:-9999px;
	float:left;
	margin-top:25px;
	margin-left:60px;
	background:url(../img/index/b_getbooks_o.gif) no-repeat;
}

div.books_index span.app a {
	display:block;
	width:240px;
	height:37px;
	background:url(../img/index/b_getbooks.gif) no-repeat;
}

div.books_index span.app a:hover {
	background:none;
}

div.books_index span.open {
	display:block;
	width:540px;
	height:50px;
  font-size:16px;
	text-align:center;
	line-height:24px;
	margin-top:20px;
	margin-bottom:20px;
	border: 2px solid #009900;
}

.r {
	color:red;
}

span.return_link {
	clear:both;
	display:block;
	width:550px;
	text-align:right;
	float:right;
}