@charset "UTF-8";

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

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


/* 1.  recommend [main visual modules]
-----------------------------------------------	*/

div#mainvisual div.recommend {
	width: 790px;
	height: 230px;
	overflow: hidden;
	margin: 0px 0px 20px 0px;
	background-color: #24459C;
}

div#mainvisual div.recommend p.mainPic{
	float: left;
	width: 578px;
}

div#mainvisual div.recommend div.subNavi{
	float: left;
	width: 202px;
	margin-top: 18px;
}

div#mainvisual div.recommend div.subNavi p {
	height: 67px;
	overflow: hidden;
}

div#mainvisual div.recommend div.subNavi ul {
	width: 181px;/* 198px */
	height: 115px;/* 121px */
	margin: auto;
	padding: 3px 8px 3px 9px;
	background-image: url("../../../notebook/img/index_main_menu_bg.gif");
	background-repeat: no-repeat;
	background-position: left top;
}

div#mainvisual div.recommend div.subNavi ul li {
	font-size: 1px;
}

div#mainvisual div.recommend div.subNavi ul li img {
	vertical-align: bottom;
}


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

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

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

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


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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

/* 9. Title-H2-text [main area modules]
-----------------------------------------------	*/

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

div#mainArea div.title-h2-text h2 {
	color: #24459C;
}


/* 10. subtitle [main area modules]
-----------------------------------------------	*/
div#mainArea p.subtitle {
	border-left: 3px solid #24459C;
	color: #24459C;
}
div#mainArea #lineupMenu p.subtitle {
	padding-left: 14px;
	border-left: none;
	color: #24459C;
	background: url("../../../img/arrow_icon/icon_notebook.gif") left 4px no-repeat;
}

/* 11-1. tab 5 navigation [main area modules](2007.11.12追加）
-----------------------------------------------	*/
div#mainArea div.tab5Navigation{
	border-bottom: 1px solid #24459C;
}

div#mainArea div.tab5Navigation ul li a {
	background-color: #889AC9;
}

div#mainArea div.tab5Navigation ul li em {
	background-color: #24459C;
}

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


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

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

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

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



/* 12. tab 3 navigation [main area modules]
-----------------------------------------------	*/
div#mainArea div.tab3Navigation{
	border-bottom: 1px solid #24459C;
}

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

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

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


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

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

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

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



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




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

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

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

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


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

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

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

/*\*/
html:\66irst-child { }
/* end */

html*div#contentsBlock #mainArea .imageList3bg .whole .container p.text {
	font-size: 70%;
	_font-size: 80%;
	}
*:first-child+html div#contentsBlock #mainArea .imageList3bg .whole .container p.text {font-size: 80%;}
/*Add.201101_SUBLIME
-----------------------------------------------	*/
div#mainArea p.top_lead { line-height: 160%; margin-top: 10px; margin-bottom: 10px; }