@charset "UTF-8";

/*
information{
	file name : /css/individual/book/index.css
	infomation : This CSS file define book category styles.;
	site name : Takahashi Shoten;
	url : http://www.takahashishoten.co.jp;
	copyrihgt : Copyright (C) Takahasi Shoten Co.,Ltd. All Rights Reserved.;
}
*/

/* contents
--------------------------------------------------------------------------
1.  bordercell3-bordercell3 [main area modules]
2.  sideborder [main area modules]
3. Title-h1-line [main area modules]
4. Title-h1-line-btn [main area modules]
5. Title-H2 [main area modules]
6. Title-H2 tab [main area modules]
7. Title-H2-btn [main area modules]
8. subtitle [main area modules]
9. tab 4 navigation [main area modules]
10. tab 3 navigation [main area modules]
11. tab 2 navigation [main area modules]
12. color square list [main area modules]
13. menuList [side menu area]
14. menuList link color [side menu area]
15. arrow link style [side menu area]
--------------------------------------------------------------------------
*/


/* 1.  bordercell3-bordercell3 [main area modules]
-----------------------------------------------	*/

div#mainArea div.bordercell3-bordercell3 div.container div p.subtitle {
	border-left: 3px solid #669900;
}

/* 2.  sideborder [main area modules]
-----------------------------------------------	*/

div#mainArea div.sideborder {
	border-left: solid 4px #669900;
}



/* 3. Title-h1-line [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h1-line {
	border-bottom: 3px solid #669900;
}

div#mainArea div.title-h1-line h1 {
	color: #669900;
}

/* 4. Title-h1-line-btn [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h1-line-btn {
	border-bottom: 3px solid #669900;
}

div#mainArea div.title-h1-line-btn h1 {
	color: #669900;
}

/* 5. Title-H2 [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h2 {
	border-bottom: 2px solid #669900;
}

div#mainArea div.title-h2 h2 {
	color: #669900;
}

/* 6. Title-H2 tab [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h2-tab {
	border-bottom: 2px solid #669900;
}

div#mainArea div.title-h2-tab h2 {
	color: #669900;
}


/* 7. Title-H2-btn [main area modules]
-----------------------------------------------	*/

div#mainArea div.title-h2-btn {
	border-bottom: 2px solid #669900;
}


div#mainArea div.title-h2-btn h2 {
	color: #669900;
}

/* 8. subtitle [main area modules]
-----------------------------------------------	*/
div#mainArea p.subtitle {
	border-left: 3px solid #669900;
	color: #669900;
}


/* 9. tab 4 navigation [main area modules]
-----------------------------------------------	*/
div#mainArea div.tab4Navigation{
	border-bottom: 1px solid #669900;
}

div#mainArea div.tab4Navigation ul li a {
	background-color: #ACC774;
}

div#mainArea div.tab4Navigation ul li em {
	background-color: #669900;
}

div#mainArea div.tab4Navigation ul li em span {
	background-image: url("../../../book/img/detail_tab_arrow.gif");
}



div#mainArea div.tabShort {
	width: 564px;
	min-height: 1%;
	margin: 0px 0px 11px 0px;
}

/* -- Hack WinIE & MacIE --*/
* html div#mainArea div.tabShort {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

div#mainArea div.tabShort table.tabTb{
	border-bottom: 1px solid #669900;
}
div#mainArea div.tabShort table td {
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	padding: 4px 0;
	background: #ACC774;
}
div#mainArea div.tabShort table td em {
	width: 112px;
	display: block;
	color: #FFFFFF;
	font-size: 80%;
	text-align: center;
	display:block;
	}
div#mainArea div.tabShort table td#tab1_on,
div#mainArea div.tabShort table td#tab2_on,
div#mainArea div.tabShort table td#tab3_on,
div#mainArea div.tabShort table td#tab4_on,
div#mainArea div.tabShort table td#tab5_on {
	background: #669900;
	}
	/*
div#mainArea div.tabShort table td#tab1_on em,
div#mainArea div.tabShort table td#tab2_on em,
div#mainArea div.tabShort table td#tab3_on em,
div#mainArea div.tabShort table td#tab4_on em,
div#mainArea div.tabShort table td#tab5_on em {
	width: 140px;
	_width: auto;
	_width: 111px;
	text-align: center;
	display: block;
	}*/
div#mainArea div.tabShort table td#tab1_on em span,
div#mainArea div.tabShort table td#tab2_on em span,
div#mainArea div.tabShort table td#tab3_on em span,
div#mainArea div.tabShort table td#tab4_on em span,
div#mainArea div.tabShort table td#tab5_on em span {
	padding: 0 0 0 10px;
	background: url("../../../book/img/detail_tab_arrow.gif") left 4px no-repeat;
	text-align: center;
	}
div#mainArea div.tabShort table td#tab1_off em span,
div#mainArea div.tabShort table td#tab2_off em span,
div#mainArea div.tabShort table td#tab3_off em span,
div#mainArea div.tabShort table td#tab4_off em span,
div#mainArea div.tabShort table td#tab5_off em span {
	background: none;
	}
div#mainArea div.tabShort table td#tab1_off em a,
div#mainArea div.tabShort table td#tab2_off em a,
div#mainArea div.tabShort table td#tab3_off em a,
div#mainArea div.tabShort table td#tab4_off em a,
div#mainArea div.tabShort table td#tab5_off em a {
	display:block;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	}
/* 10. tab 3 navigation [main area modules]
-----------------------------------------------	*/
div#mainArea div.tab3Navigation{
	background-color: #ACC774;
}

div#mainArea div.tab3Navigation ul li a {
	background-color: #ACC774;
}

div#mainArea div.tab3Navigation ul li em {
	background-color: #669900;
}

div#mainArea div.tab3Navigation ul li em span {
	background-image: url("../../../book/img/detail_tab_arrow.gif");
}


/* 11. tab 2 navigation [main area modules]
-----------------------------------------------	*/
div#mainArea div.tab2Navigation{
	border-bottom: 1px solid #669900;
}

div#mainArea div.tab2Navigation ul li a {
	background-color: #ACC774;
}

div#mainArea div.tab2Navigation ul li em {
	background-color: #669900;
}

div#mainArea div.tab2Navigation ul li em span {
	background-image: url("../../../book/img/detail_tab_arrow.gif");
}

/* 12. color square list [main area modules]
-----------------------------------------------	*/
div#mainArea ul.colorSquareList li,
div#mainvisual ul.colorSquareList li,
div#miscArea ul.colorSquareList li {
	color: #669900;
}


/* 13. menuList [side menu area]
-----------------------------------------------	*/

div#sideMenuArea div.menuList {
	background-color: #D9E6C0;
}


/* 14. menuList link color [side menu area]
-----------------------------------------------	*/

div#sideMenuArea div.categoryList a:hover {
	color: #669900;
}


/* 15. arrow link style [side menu area]
-----------------------------------------------	*/

div#sideMenuArea ul.arrowG li a:hover,
div#sideMenuArea p.arrowG a:hover {
	background-image: url("../../../book/img/icon_arrow.gif");
	color: #669900;
}

div#sideMenuArea ul.arrowG li.current em,
div#sideMenuArea p.arrowG p.current em{
	background-image: url("../../../book/img/icon_arrow.gif");
	color: #669900;
}