@charset "euc-jp";

/* ======================================================

	asahi.com x VOGUE.COM css style
	last update 2010-01-13

--------------------------------------------------
	Table of Contents >>	
		* main (center) area modules
		* sub (right - nav) area modules
		* VOGUE top page only
--------------------------------------------------

======================================================== */


/* ==========================================
/////////////////////////////////////////////

	main (center) area modules

/////////////////////////////////////////////
============================================= */
 
/* -----------------------------------------
	Main Title	*/

div#VogueTtl{
	background:#d1d1d1 url(images/bg_voguettl.jpg) left top repeat-x;
	margin-bottom:10px;
}

div#VogueTtl h1{
	margin:0px;
	padding:0px;
	border:none;
}


/* -----------------------------------------
	Headings	*/

div#Main .VogueHeading{
	padding:0.5em 1.3em;
	background:#191919 url(images/bg_vogueheading.jpg) left top no-repeat;
	color:#f1f1f1;
	font-weight:normal;
}


/* -----------------------------------------
	gray text (add for article sub-title) 	*/

div#Main .grayTxt{color:#4E4E4E !important;}


/* ==========================================
/////////////////////////////////////////////

	sub (right - nav) area modules

/////////////////////////////////////////////
============================================= */
 
/* -----------------------------------------
	Right-Nav Thmbnail-List
	(56px * 56px Thmbnails)	*/

div#Sub div.ThmbSetXw56 dt,
div#Sub div.ThmbSetXw56 p{
	font-size:76%;
}

div#Sub div.ThmbSetXw56:after {display:block;clear:both;height:0.1px;visibility:hidden;content:".";line-height:0;font-size:0.1em;}
*:first-child+html div#Sub div.ThmbSetXw56{min-height:1px;}
* html div#Sub div.ThmbSetXw56 {height:1px;}

div#Sub div.ThmbSetXw56 {margin:0 -5px;padding:6px 0px 2px;background:url(/css08/images/dotline_x.gif) 0 0 repeat-x;}
div#Sub div.ThmbSetXw56 p.ThmbCol {margin:0 0 3px;}
div#Sub div.ThmbSetXw56 p.ThmbCol span {border:solid 1px #d8dedd;padding:2px;display:block;background-color:#fff;}
div#Sub div.ThmbSetXw56 p.ThmbCol {float:left;}
div#Sub div.ThmbSetXw56 p.ThmbCol {width:62px;}
div#Sub div.ThmbSetXw56 div.ThmbTxt {margin-left:72px;}
div#Sub div.ThmbSetXw56 div.ThmbTxt dl dt {font-weight:bold;}
div#Sub div.ThmbSetXw56 img {vertical-align:bottom;}
div#Sub div.ThmbSetXw56 p.ThmbCol a:hover span {border-color:#AA0000;} 


/* ==========================================
/////////////////////////////////////////////

	VOGUE top page only

/////////////////////////////////////////////
============================================= */

/* -----------------------------------------
	Page Width Extension	*/

body#VogueTop div#Container {
	margin:0;
	max-width:1280px;
	min-width:950px;	/* wide */
}

* html body#VogueTop div#Container { width: expression(ieXLiquidWidthVogue());}


/* -----------------------------------------
	3Column ( add extra-lightsidebar )	*/

#Vogue2Col{
	margin-top:20px;
}

#Vogue2Col #VogueMain{
	float:right;
	width:100%;
	text-align:left;
}

#Vogue2Col #VogueMainInner{
	margin-left:305px;
	border-left:1px solid #CCCCCC;
	padding-left:20px;
}

#Vogue2Col #VogueExtra{
	float:left;
	width:300px;
	margin-right:-300px;
	font-size:88%;
}

/*------------------
clearfix */

#Vogue2Col:after{content:".";display:block;clear:both;height:0;visibility:hidden;}
#Vogue2Col{display:inline-block;}
/* \*/
* html #Vogue2Col{ height:1%;}
#Vogue2Col{ display:block;}
/* */


/* -----------------------------------------
	leftsidebar Picture Description	*/

div#VogueExtra .VoguePDesc{
	padding:5px;
	font-size:88%;
}