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

[Brand Common]
	0. Import
	1. Content
[Brand Nohandle]
	1. Intro
	2. Similar Brand
[Brand Handle]
	1. Intro
	2. mainBlock newItems TTL
	3. mainBlock newItems Body

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

/* ################################################################################
	[Brand Common] Brand Common styles
   ################################################################################ */
/* ------------------------------------------------------------
	0. Import
   ------------------------------------------------------------ */
@import url(itemunit.css);

/* ------------------------------------------------------------
	1. Content
   ------------------------------------------------------------ */
div#content {background:url(/images/common/bg_grid_ccc.gif) repeat-y 767px 0;}

/* ------------------------------------------------------------
	2. Main Content
   ------------------------------------------------------------ */
div#main .mainBlock {width:768px;}
div#main .mainBlock .ttlBlock {
	border-top:9px solid #000;
	width:736px;
	padding:8px 0 15px;
	margin:0 16px;
	position: relative;
}

/* ################################################################################
	[Brand Nohandle] Brand Nohandle styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Intro
   ------------------------------------------------------------ */
div#main .introNohandle {
	width:736px;
	padding:8px 0 30px;
	margin:9px 16px 0;
}
div#main .introNohandle .introLogo {width:301px;float:left;text-align: center;}
div#main .introNohandle .introLogo .nameDeco {
	width:284px;
	border:1px solid #ccc;
	margin:0 15px 15px 0;
	font-size: 14px;
	font-weight: bold;
	padding: 30px 0;
	font-family:Helvetica, Arial, sans-serif;
}
div#main .introNohandle .introLogo .nameTxt {
	width:286px;
	margin:0 15px 0 0;
	font-size: 11px;
	line-height:1.4;
}
div#main .introNohandle .introExpl {float:right;width: 435px;}
div#main .introNohandle .introExpl dt {
	font-weight:bold;
	font-size:108%;/*14px*/
	padding-bottom:10px;
}
div#main .introNohandle .introExpl dd {font-size:93%;/*12px*/line-height:1.4;}

/* ------------------------------------------------------------
	2. Similar Brand
   ------------------------------------------------------------ */
div#main .mainBlock dd.similarBr {
	width:735px;
	font-size:93%;/*12px*/
	padding:0 17px 30px 16px;
}
div#main .mainBlock dd.similarBr p {
	float:left;
	width:227px;
	padding:5px 10px 5px 8px;
	background:url(/images/common/marker_point.gif) no-repeat 0 12px;
}
* html div#main .mainBlock dd.similarBr p {
	background:url(/images/common/marker_point.gif) no-repeat 0 10px;
}


/* ################################################################################
	[Brand Handle] Brand Handle styles
   ################################################################################ */
/* ------------------------------------------------------------
	1. Intro
   ------------------------------------------------------------ */
div#main .introHandle {
	width:736px;
	padding:8px 0 30px;
	margin:9px 16px 0;
}
div#main .introHandle .introLogo {
	width:200px;
	float:left;
	text-align: center;
}
div#main .introHandle .nameDeco {
	width:78px;
	border:1px solid #ccc;
	margin:0 auto 15px;
}
div#main .introHandle .nameTxt {	font-size: 11px;	line-height:1.4;}
div#main .introHandle .introExpl {	float:right;	width: 516px;}
div#main .introHandle .introExpl dt {
	font-weight:bold;
	font-size:108%;/*14px*/
	padding-bottom:10px;
}
div#main .introHandle .introExpl dd {font-size:93%;/*12px*/line-height:1.4;}

/* ------------------------------------------------------------
	2. mainBlock TTL
   ------------------------------------------------------------ */
div#main .mainBlock .ttlBlock li.ttl {width:155px;padding-bottom: 15px;}
div#main .mainBlock .ttlBlock h2 {width:155px;padding-bottom: 15px;}
div#main .mainBlock .ttlBlock li.moreItems {
	text-align:right;
	width:570px;
	position:absolute;
	top:10px;
	right:0;
}
div#main li.moreItems p {
	font-size:12px;
	float:right;
	padding:2px 0  0 8px;
	background:url(/images/common/marker_triangle.gif) no-repeat 0 6px;
}
div#main .mainBlock .ttlBlock p {
	text-align:right;
	position:absolute;
	top:10px;
	right:0;
	font-size:12px;
	float:right;
	padding:2px 0  0 8px;
	background:url(/images/common/marker_triangle.gif) no-repeat 0 6px;
}

div#main .mainBlock .ttlBlock p a:link,
div#main .mainBlock .ttlBlock p a:visited {color:#003399;text-decoration:none;}
div#main .mainBlock .ttlBlock p a:hover,
div#main .mainBlock .ttlBlock p a:active {color:#003399;text-decoration:underline;}

* html div#main .mainBlock .ttlBlock p {
	background:url(/images/common/marker_triangle.gif) no-repeat 0 5px;
}

div#main li.moreItems p a:link,
div#main li.moreItems p a:visited {color:#003399;text-decoration:none;}
div#main li.moreItems p a:hover,
div#main li.moreItems p a:active {color:#003399;text-decoration:underline;}



* html div#main li.moreItems p {
	background:url(/images/common/marker_triangle.gif) no-repeat 0 5px;
}
div#main .mainBlock .ttlBlock li.noteVariation {
	text-align:right;
	width:323px;
	position:absolute;
	bottom:1px;
	right:0;
}
* html div#main .mainBlock .ttlBlock li.noteVariation {
	line-height:0;
	font-size:0;
	vertical-align:bottom;
}

/* ------------------------------------------------------------
	3. mainBlock Body
   ------------------------------------------------------------ */
div#main .mainBlock ul.bottomNav {padding:0 16px 20px;width:736px;}
div#main .mainBlock li.moreItems {text-align:right;}
#itemlistWrap {width:768px;}