@charset "UTF-8";

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

/* contents
--------------------------------------------------------------------------
1. body
2. layout
3. banner [side banner area]
4. pickup [side banner area]
5. what's new [index main area]
6. contentslist [index main area]
7. UL parentsList [index main area]
8. UL linklist [index main area]
9. UL arrow [index main area]
10. link style 
--------------------------------------------------------------------------
*/


/* 1. body
-----------------------------------------------	*/



/* 2. layout
-----------------------------------------------	*/
div#sideBannerArea  {
	float: left;
	width: 212px;
}

div#indexMainArea  {
	float: right;
	width: 564px;
}


/* 3. banner [side banner area]
-----------------------------------------------	*/

div#sideBannerArea div.banner {
	
}

div#sideBannerArea div.banner p {
	margin-bottom: 15px;
}

div#sideBannerArea div.banner ul li {
	margin: 0px 0px 6px 0px;
	padding: 0;
	font-size: 1px;
}

div#sideBannerArea div.banner ul li img {
	vertical-align: bottom;
}


/* 4. pickup [side banner area]
-----------------------------------------------	*/

div#sideBannerArea div.pickup {
	margin: 0px 0px 15px 0px;
	padding: 5px 5px 0px 5px;
	border: 2px solid #EFEDE6;
}

div#sideBannerArea div.pickup p.subtitle {
	margin: 0px 0px 8px 0px;
	padding: 3px;
	background-color: #EFEDE6;
	font-size: 80%;
	font-weight: bold;
}

div#sideBannerArea div.pickup dl {
	margin: 0;
}

div#sideBannerArea div.pickup dl dt {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 3px;
	border-left: 3px solid #CCCCCC;
	font-size: 80%;
	font-weight: bold;
}

div#sideBannerArea div.pickup dl dd {
	min-height: 1%;
	margin: 0;
}

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

div#sideBannerArea div.pickup dl dd p.thumb {
	float: left;
	width: 70px;
	margin: 0px 0px 15px 0px;
}

div#sideBannerArea div.pickup dl dd div.text {
	float: right;
	width: 121px;
	margin: 0;
}

div#sideBannerArea div.pickup dl dd div.text p {
	font-size: 80%;
	line-height: 150%;
}

div#sideBannerArea div.pickup dl dd div.text p span.small {
	font-size: 85%;
}
div#sideBannerArea div.pickup dl dd div.text p span.small2 { font-size: 85%; line-height: 120%; }
/* 5. what's new [index main area]
-----------------------------------------------	*/

div#indexMainArea div.whatsnew {
	margin: 0px 0px 23px 0px;
	padding: 5px 5px 0px 5px;
	border: 2px solid #EFEDE6;
}

div#indexMainArea div.whatsnew div.title {
	width: 542px;
	height: 12px;
	margin: 0px 0px 10px 0px;
	padding: 4px;
	background-color: #EFEDE6;
	overflow: hidden;
}

div#indexMainArea div.whatsnew div.title h2 {
	float: left;
	width: 200px;
	margin: 0;
	font-size: 80%;
	font-weight: bold;
}

div#indexMainArea div.whatsnew div.title p.btn {
	float: right;
	width: 150px;
	font-size: 70%;
	text-align: right;
}

div#indexMainArea div.whatsnew div.title p.btn a {
	padding: 0px 0px 0px 13px;
	background-image: url("../../img/icon_arrow_right_gray.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

div#indexMainArea div.whatsnew div.title p.rss a {
	float: right;
	padding: 0px 0px 0px 13px;
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
	text-align: right;
}


div#indexMainArea div.whatsnew div.title p.btn a:link {
	text-decoration: none;
}

div#indexMainArea div.whatsnew div.title p.btn a:visited {
	text-decoration: none;
}

div#indexMainArea div.whatsnew div.title p.btn a:hover {
	text-decoration: none;
}


div#indexMainArea div.whatsnew div.details {
	
}

div#indexMainArea div.whatsnew div.details dl {
	margin: 0px 4px;
}

div#indexMainArea div.whatsnew div.details dl dt {
	margin: 0px 0px 7px 0px;
	padding: 0px 0px 0px 13px;
	background-image: url("../../img_top/icon_arrow_right_skyblue.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	font-size: 70%;
	color: #3399CC;
}

div#indexMainArea div.whatsnew div.details dl dd {
	margin: 0px 0px 7px 0px;
	font-size: 80%;
	line-height: 130%;
}


/* 6. contentslist [index main area]
-----------------------------------------------	*/

div#indexMainArea div.contentslist {
	margin: 0px 0px 23px 0px;
}

div#indexMainArea div.contentslist h2 { width: 564px; height: 40px; margin: 0 0 8px; cursor: pointer; }
div#indexMainArea div.contentslist a.btn_toptab01 { background-image: url(../../img/top/main_tab01.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 564px; height: 40px; display: block; }
div#indexMainArea div.contentslist a.btn_toptab01:hover { background-repeat: no-repeat; background-position: left bottom; }
div#indexMainArea div.contentslist a.btn_toptab02 { background-image: url(../../img/top/main_tab02.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 564px; height: 40px; display: block; }
div#indexMainArea div.contentslist a.btn_toptab02:hover { background-repeat: no-repeat; background-position: left bottom; }
div#indexMainArea div.contentslist a.btn_toptab03 { background-image: url(../../img/top/main_tab03.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 564px; height: 40px; display: block; }
div#indexMainArea div.contentslist a.btn_toptab03:hover { background-repeat: no-repeat; background-position: left bottom; }
div#indexMainArea div.contentslist a.btn_toptab04 { background-image: url(../../img/top/main_tab04.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 564px; height: 40px; display: block; }
div#indexMainArea div.contentslist a.btn_toptab04:hover { background-repeat: no-repeat; background-position: left bottom; }
div#indexMainArea div.contentslist a.btn_toptab05 { background-image: url(../../img/top/main_tab05.gif); background-repeat: no-repeat; background-position: left top; text-indent: -9999px; width: 564px; height: 40px; display: block; }
div#indexMainArea div.contentslist a.btn_toptab05:hover { background-repeat: no-repeat; background-position: left bottom; }
div#indexMainArea div.contentslist h3 {
	margin: 0px 0px 10px 0px;
}


/* 7. UL parentsList [index main area]
-----------------------------------------------	*/
div#indexMainArea div.contentslist dl.navi1 {
	margin: 0 0 8px;
}

div#indexMainArea div.contentslist dl.navi1 dt { margin: 0 0 10px; font-size: 80%; padding: 0; display: run-in; }

div#indexMainArea div.contentslist dl.navi1 dt span.icon {
	margin: 0px 5px 0px 0px;
}
div#indexMainArea div.contentslist dl.navi1 dd { margin: 0; padding: 0; display: run-in; }
div#indexMainArea div.contentslist dl.navi1 dd ul li { margin: 0; padding: 0; }
div#indexMainArea div.contentslist dl.navi1 dd ul li ul li { font-size: 80%; line-height: 180%; margin: 0; padding: 0; }
div#indexMainArea div.contentslist dl.navi1 dd ul li ul li a { background-position: left 5px; }
div#indexMainArea div.contentslist dl.navi1 dd ul li ul li a span.little { font-size: 0.9em; margin-left: 5px; }
div#indexMainArea div.contentslist dl.navi2 {
	margin: 0 0 8px;
}
div#indexMainArea div.contentslist dl.navi2 dt { margin: 0 0 10px; font-size: 80%; padding: 0; }
div#indexMainArea div.contentslist dl.navi2 dt span.icon {
	margin: 0px 5px 0px 0px;
}
div#indexMainArea div.contentslist dl.navi2 dd { margin: 0; padding: 0; }
div#indexMainArea div.contentslist dl.navi2 dd ul li { margin: 0; padding: 0; }
div#indexMainArea div.contentslist dl.navi2 dd ul li ul li { font-size: 80%; line-height: 180%; margin: 0; padding: 0; }
div#indexMainArea div.contentslist dl.navi2 dd ul li ul li a { background-position: left 5px; }
div#indexMainArea div.contentslist dl.navi2 dd ul li ul li a span.little { font-size: 0.9em; margin-left: 5px; }
/* 8. UL linklist [index main area]
-----------------------------------------------	*/
div#indexMainArea div.contentslist ul.linklist{ margin: 10px 0 8px 0; }

/* 9. UL arrow [index main area]
-----------------------------------------------	*/

div#indexMainArea div.contentslist ul.arrowG li { font-size: 100%; margin: 0; }


div#indexMainArea div.contentslist ul.arrowY{
	margin: 10px 0px 8px 6px;
}
div#indexMainArea div.contentslist ul.arrowY li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 16px;
	background-image: url("../../img_top/icon_arrow_right_yellow.gif");
	background-repeat: no-repeat;
	background-position: 0em 0.1em;
	font-size: 80%;
}




/* 10. link style 
-----------------------------------------------	*/


div#contentsBlock a {
	color: #666666;
}

div#contentsBlock a:link {
	color: #666666;
}

div#contentsBlock a:visited {
	color: #666666;
}


div#contentsBlock a:hover {
	color: #666666;
}


/* 11. search
-----------------------------------------------	*/
.search #contentsBlock ol {

	list-style: none;
	}
.search #contentsBlock ol li{
	margin-bottom:20px;
	padding-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	font-size: 80%;
	line-height: 160%;
	}
.search #contentsBlock ol li a{
	line-height: 100%;
	text-decoration: none;
	}
.search #contentsBlock ol li strong a,
.search #contentsBlock ol li strong a:hover{
	padding-left:15px;
	color: #FF3400;
	background: url("../../img/icon_arrow_right_gray.gif") left 2px no-repeat;
	}
.search #contentsBlock ol li strong a:hover{
	text-decoration: underline;
	}
.search div.title-h1-line-btn {
	min-height: 1%;
	margin: 13px 0px 13px 0px;
	padding: 0px 0px 4px 0px;
	border-bottom: 3px solid #CCCCCC;
}

.search div.title-h1-line-btn h1 {
	margin:0;
	padding:0;
	font-size: 80%;
	font-weight: bold;
	color: #666666;
	float: left;
}
/* -- Hack WinIE & MacIE --*/
* html .search div.title-h1-line-btn {
	/* Hides from IE5-Mac ¥*/ 
	height: 1%;
	/*end  Hides from IE5-Mac */
}
/* -- Hack WinIE & MacIE  end--*/

.search div.title-h1-line-btn p.btn {
	float: right;
	width: 100px;
	font-size: 70%;
	text-align: right;
}

.search div.title-h1-line-btn p.btn a{
	padding: 0px 0px 0px 13px;
	background-image: url("../../img/icon_arrow_left_gray.gif");
	background-repeat: no-repeat;
	background-position: left top;
	text-decoration: none;
}

.search div.title-h1-line-btn p.btn a:link{
	text-decoration: none;
}

.search div.title-h1-line-btn p.btn a:visited{
	text-decoration: none;
}

.search div.title-h1-line-btn p.btn a:hover {
	text-decoration: none;
}

/* SEARCH AREA LIST MENU START */
.search fieldset {
	margin: 0!important;
	padding: 0;
	}
.search div#retrievalResult p.narrow {
	margin: 1em 0em;
	font-size: 96%;
	line-height: 130%;
}
.search div#retrievalResult p.narrow strong {
	color: #FF3400;
	}
.search #contentsBlock div.listNavi {
	text-align: center;
}
.search #contentsBlock div.listNavi p,
.search #contentsBlock div.listNavi ul,
.search #contentsBlock  div.listNavi ul li {
	display: inline;
}

.search #contentsBlock div.listNavi p {
	font-size: 90%;
	padding: 0em 1em;
}
.search #contentsBlock div.listNavi ul {
	border-left: 1px solid #999999;
}

.search #contentsBlock div.listNavi ul li {
	padding: 0em 0.2em 0em 0.4em;
	border-right: 1px solid #999999;
	border-bottom: none;
}
.search #contentsBlock div.listNavi ul li {
	padding: 0em 0.2em 0em 0.4em;
	border-right: 1px solid #999999;
}
/* SEARCH AREA LIST MENU END */
/* SITEMAP MENU START */
#sitemap {
	width: 98%;
	}
#sitemap table {
	width: 98%;
	/*margin-bottom:10px;*/
	}
#sitemap td {
	padding: 8px 0;
	vertical-align: top;
	font-size: 80%;
	line-height:140%;
	border-bottom: 1px solid #ECECEC;
	}
#sitemap td div {
	padding: 0 0 0 20px;
	border-left: 4px solid #ECECEC;
	}
#sitemap td th {
	text-align: left;
	}
#sitemap td td {
	padding: 0;
	}
#sitemap td th,
#sitemap td td {
	vertical-align: top;
	font-size: 100%;
	border-bottom: none;
	}
#sitemap a {
	background: url("../../img/arrow_icon/icon.gif") left 3px no-repeat;
	padding-left: 12px;
	}
#sitemap #book a {
	background: url("../../img/arrow_icon/icon_book.gif") left 3px no-repeat;
	}
#sitemap #notebook a {
	background: url("../../img/arrow_icon/icon_notebook.gif") left 3px no-repeat;
	}
#sitemap #diary a {
	background: url("../../img/arrow_icon/icon_diary.gif") left 3px no-repeat;
	}
#sitemap #calendar a {
	background: url("../../img/arrow_icon/icon_calendar.gif") left 3px no-repeat;
	}
#sitemap #takashima a {
	background: url("../../img/arrow_icon/icon_takashima.gif") left 3px no-repeat;
	}
#sitemap #shopping a {
	background: url("../../img/arrow_icon/icon_shopping.gif") left 3px no-repeat;
	}
#sitemap #company a {
	background: url("../../img/arrow_icon/icon_company.gif") left 3px no-repeat;
	}
#sitemap #book th {
	color: #669900;
	}
#sitemap #notebook th a {
	color: #0F5DA3;
	}
#sitemap #diary th a {
	color: #946BCF;
	}


#book {}
#notebook {}
#diary {}
#calendar {}
#takashima {}
#company {}
#top_img { height: 270px; display: block; }
/* SITEMAP MENU END */