@charset "UTF-8";

/*
information{
	file name : /css/individual/diary/index.css
	infomation : This CSS file define diary 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. Title-H2-text [main area modules]
9. subtitle [main area modules]
10-1. tab 5 navigation [main area modules](2007.11.12追加）
10. tab 4 navigation [main area modules]
11. tab 3 navigation [main area modules]
12. tab 2 navigation [main area modules]
13. color square list [main area modules]
14. menuList [side menu area]
15. menuList link color [side menu area]
16. 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 #946BCF;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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


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

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


div#mainArea div.title-h2-text h2 {
	color: #946BCF;
}

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

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

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

div#mainArea div.tab5Navigation ul li em {
	background-color: #946BCF;
}

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


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

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

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

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



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

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

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

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


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

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

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

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

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



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

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





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

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

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

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

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