@charset "UTF-8";
/*////////////////////////////////////////////////////////////
Tokyo Life - branddict.css
------------------------------------------------------------

[Brand Index]
	1. Content
	2. Pagetitle
	3. Brand Dictionary
		3-1. Wrapper
		3-2. Filter
		3-3. Brand Dictionary Body
	4. Initial Nav

////////////////////////////////////////////////////////////*/

/* ################################################################################
	[Brand Index] Brand Index styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Content
   ------------------------------------------------------------ */
div#content {background:url(/images/common/bg_grid_ccc.gif) repeat-y 192px 0;}

/* ------------------------------------------------------------
	2. PageTitle
   ------------------------------------------------------------ */
div#main .pagetitleBT {
	width:736px;
	border-top:9px solid #000;
	padding:8px 0 15px;
	margin:9px 16px 0;
}
* html div#main .pagetitleBT { line-height:0; vertical-align:bottom; font-size:0;}
*:first-child+html div#main .pagetitleBT { line-height:0; vertical-align:bottom; font-size:0;}
div#main .pagetitleBT .ttl {float:left;	width: 200px;}
div#main .pagetitleBT .note {float:right;width: 288px;}

/* ------------------------------------------------------------
	3. brand Dictionary
   ------------------------------------------------------------ */
/*  3-1. Wrapper
   ------------------------------------------------- */
div#brandDictWrap {width:735px;	margin:0 16px 0 17px;}

/*  3-2. Filter 
   ------------------------------------------------- */
div#brandDictWrap .filterNav {
	font-size:85%; /*11px*/
	border-bottom: 1px solid #ccc;
	padding-bottom:3px;
	margin-bottom:10px;
}
div#brandDictWrap .filterNav a:link,
div#brandDictWrap .filterNav a:visited {color:#003399; text-decoration:none;}
div#brandDictWrap .filterNav a:hover,
div#brandDictWrap .filterNav a:active {color:#003399; text-decoration:underline;}
div#brandDictWrap .filterNav li.handle {float:left;}
div#brandDictWrap .filterNav li.type {float:right;}

/*  3-3. Dictionary Body
   ------------------------------------------------- */
div#brandDictWrap dt {padding:0 0 15px 0;}
div#brandDictWrap dt p.initial {
	font-size:18px;
	border-top:9px solid #000;
	float:left;
	padding-top:3px;
}
div#brandDictWrap dt p.initial span.vol {font-size:12px;}
div#brandDictWrap dd {font-size:93%;/*12px*/padding-bottom: 30px;}
div#brandDictWrap dd p {
	width:320px;
	float:left;
	padding:5px 10px 5px 15px;
}
div#brandDictWrap dd p.handle {
	background:url(/images/common/marker_handle.gif) no-repeat 0 10px;
}
div#brandDictWrap dd p.nohandle {
	background:url(/images/common/marker_nohandle.gif) no-repeat 0 10px;
}
* html div#brandDictWrap dd p.handle {
	background:url(/images/common/marker_handle.gif) no-repeat 0 9px;
}
* html div#brandDictWrap dd p.nohandle {
	background:url(/images/common/marker_nohandle.gif) no-repeat 0 9px;
}

/* ------------------------------------------------------------
	4. Initial Nav
   ------------------------------------------------------------ */
div#floatMenu {
	width:192px;
	float:left;
	position:relative;
}
div#floatMenu dl.initialNav {
	width:191px;
	padding:15px 0 15px 1px;
	border-bottom:1px solid #ccc;
}
div#floatMenu dl.initialNav dt {width:176px;padding:0 0 5px 15px;}
* html div#floatMenu dl.initialNav dt {line-height:0; font-size:0; vertical-align:bottom;}
div#floatMenu dl.initialNav dd {
	width:174px;
	font-size:11px;
	padding:0 2px 0 15px;
	color:#999;
} 
div#floatMenu dl.initialNav dd p {
	width:58px;
	float:left;
	padding:5px 0;
}