/* ============================   for works.html  ============================  */
.contents_box_works{
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:400px;	
	text-align:center;
	/* 
	background-color:#eeeeee;	*/
}
.door_0        {
	position:absolute;
	top:125px; /* 65 */
	left:375px; /* 335 */
	/* after moving */
	/* left:120px; *//* 160 */
	width:175px;
	height:235px;	
	/* 
	background-color:#666666;	*/
}
.door_1        {
	position:absolute;
	top:125px;
	left:375px;
	width:175px;
	height:235px;	
	/* 
	background-color:#666666;	*/
}
.door_2        {
	position:absolute;
	top:125px;
	left:375px;	
	/* after moving */	
	/*left:555px;   *//* 595 */
	
	width:175px;
	height:235px;	
	/* 
	background-color:#666666;	*/
}
.works_mess_box {
	position:absolute;
	top:475px;
	left:40px;
	width:860px;
	height:auto;	
	text-align:center;
	/*
	background-color:#eeeeee; */
}
.works_mess    {
	position:relative;
	font-size:10pt;
	color:#666666;
	
}
/* opening title */
.opt_wor              {
 	position:absolute;
	top:275px; 
	left:300px;  	
}
.opt_wor_adv              {
 	position:absolute;
	top:275px; 
	left:150px;  	
}
.opt_wor_edi              {
 	position:absolute;
	top:275px; 
	left:175px;  	
}
.opt_wor_web              {
 	position:absolute;
	top:275px; 
	left:140px;  	
}
/* layer include doors */
.layer_2_wor            {
	position:absolute;   /*<-- */
	top:90px;
	left:0px;
	width:900px;
	height:480px;	/* page title 60 + contants_box_common 400 + spacer 20 */
	/* 
    background-color:#eeeeee;  */
}

/* ====================  for works_editorial.html works_advertorial.html ==================== */
/* -------------------------------------------- */
/*                 layers                       */
/* -------------------------------------------- */
.layer_0_works_edi {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	

	/* height:2750px; */ /* page title 60 + (bookshelf 200 + bookshelf_spacer 20) x 12  + others_box 50 */
	height:3190px; /* page title 60 + (bookshelf 200 + bookshelf_spacer 20) x 14  + others_box 50 */	
	/*  
    background-color:#eeeeee;   */
}
/* layer to be faded */
.layer_10_works_edi  {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:auto; 
	/*  
    background-color:#eeee00; */
}
.layer_0_works_adv {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:990px;	/* 500px */ /* page title 60 + (bookshelf 200 + bookshelf_spacer 20) x 4  + others_box 50 */
	/*  
    background-color:#eeeeee;  */ 
}
/* layer to be faded */
.layer_10_works_adv  {
	position:relative;
	top:0px;
	left:0px;
	width:900px;
	height:auto;
	/*   
    background-color:#eeee00;*/
}
/* -------------------------------------------- */

.bookshelf      {
               	position:relative;
				left:0px;
				top:0px;
				width:auto;
				height:200px;	
				/*  
				background-color:#aaaaaa; */
}
.bookshelf_spacer      {
               	position:relative;
				left:0px;
				top:0px;
				width:auto;
				height:20px;	
				/*
				background-color:#00ffff; */ 
}
/* spacer with border */
.bookshelf_spacer_b      {
               	position:relative;
				left:40px;
				top:0px;
				width:860px; /* 860 - 40 */
				height:20px;
				border-left:solid #4c5769 5px; 	
				/* 
				background-color:#00ffff; */ 
}
.bs_border      {
               	position:absolute;
				left:40px;
				top:0px;
				width:auto;
				height:20px;	
				border-left:solid #4c5769 5px; 
}
.bs_plane      {
               	position:absolute;
				left:375px;
				top:0px;
				width:525px; 
				height:20px;	
				/*  
				background-color:#dddddd; */
}
.others_box     {
               	position:relative;  
				left:0px;
				top:0px;
				width:900px;  
				height:50px; 
				/* 
				background-color:#aaaa00; */
}
.others         {
               	position:absolute;
				top:7px;
				left:20px;
				color:#666666;
				font-weight:bold;	
}
/* -- bookplate -- */
.bookplate      {
               	position:absolute;
				left:40px;
				top:0px;
				width:310px; /* bookcase:height + controlbar:height */
				height:200px;	
				background-color:#ffffff;	
				border-left:solid #4c5769 5px;
				/* 
				background-color:#00ffff;  */
}

.bookname       {
               	position:relative;
				left:0px;
				top:0px;	
                color:#4c5769;
				font-size:12pt;	   
				line-height:14pt;
				font-weight:bold;
				margin-left:7px;        
}
.bookinfo       {
               	position:relative;
				left:0px;
				top:5px;
				width:auto;
				height:auto;	
                color:#666666;
				font-size:7pt;	 
				line-height:7pt;
				margin-left:7px;  
}
.bi_jp   {

				font-size:6.5pt;	 

}
.bookcopy       {
               	position:absolute;
				left:0px;
				top:75px;
				width:303px;
				height:auto;	
                color:#666666;
				font-size:9pt;	 
				line-height:14pt;
				margin-left:7px;  
				/*
				text-align:justify;
				text-justify:distribute;
				*/
}
.bookcopy_s     {
				font-size:8pt;		
}
/* include container, cut overflow */
.container_trim {
               	position:absolute;
				left:375px;
				top:0px;
				width:525px;  
				height:225px; 	
				/*  */
				overflow:hidden;
				/* 
				background-color:#333300; */
}

/* include slider, controlbar */
.container      {
               	position:absolute;
				left:0px;
				top:0px;
				width:2500px;  /* auto : NG */ 
				height:200px;
				/* base color */
				background-color:#dddddd; 
}

/* include bookcase, book... */
.slider         {
               	position:absolute;
				left:0px;  /* <-- change this value */
				top:0px;
				width:3000px; /*auto; NG*/
				height:auto;
				/* 
				background-color:#666666; */ /* hidden by bookcase, book */	
}
/* -- depends on each books -- */
/* im, xp, ca */ /* a4: 210 x 297 mm */
.bookcase_a4    {
               	position:relative;  
				left:0px;
				top:0px;
                width:88px;
                height:160px;
				float:left;	
				/* 
				background-color:#669999; */
}
.bookcase_a4_w    {
               	position:relative;  
				left:0px;
				top:0px;
				width:177px;  
				height:160px; 
				float:left;	
				/* 
				background-color:#669999; */
}
/* wi, js, ae */ /* 210 x 280 mm */
.bookcase_air {
               	position:relative;  
				left:0px;
				top:0px;
                width:88px;
                height:160px;
				float:left;		
				/* 
				background-color:#669900; */
}
.bookcase_air_w {
               	position:relative;  
				left:0px;
				top:0px;
                width:177px;
                height:160px;
				float:left;		
}
/* lbv */
.bookcase_lbv           {
               	position:relative;  
				left:0px;
				top:0px;
                width:61px;
                height:160px;
				float:left;		
				/* 
				background-color:#669999; */
}
.bookcase_lbv_w           {
               	position:relative;  
				left:0px;
				top:0px;
                width:122px;
                height:160px;
				float:left;		
				/* 
				background-color:#669999; */
}
/* kyoma */
.bookcase_kyoma_c          {
               	position:relative;  
				left:0px;
				top:0px;
                width:80px;
                height:160px;
				float:left;		
				/* 
				background-color:#669999; */
}
.bookcase_kyoma         {
               	position:relative;  
				left:0px;
				top:0px;
                width:74px;
                height:160px;
				float:left;		
				/* 
				background-color:#669999; */
}
.bookcase_kyoma_w           {
               	position:relative;  
				left:0px;
				top:0px;
                width:146px;
                height:160px;
				float:left;		
				/* 
				background-color:#669999; */
}
/* arg */
.bookcase_arg            {
               	position:relative;  
				left:0px;
				top:0px;
                width:77px;
                height:160px;
				float:left;	
}
.bookcase_arg_w            {
               	position:relative;  
				left:0px;
				top:0px;
                width:154px;
                height:160px;
				float:left;	
}
/* gc */
.bookcase_gc           {
               	position:relative;  
				left:0px;
				top:0px;
                width:98px;
                height:160px;
				float:left;	
}
.bookcase_gc_w            {
               	position:relative;  
				left:0px;
				top:0px;
                width:196px;
                height:160px;
				float:left;	
}
/* wb */
.bookcase_wb            {
               	position:relative;  
				left:0px;
				top:0px;
                width:102px;
                height:160px;
				float:left;	
}
.bookcase_wb_w            {
               	position:relative;  
				left:0px;
				top:0px;
                width:204px;
                height:160px;
				float:left;	
}
/* wp */
.bookcase_wp            {
               	position:relative;  
				left:0px;
				top:0px;
                width:78px;
                height:160px;
				float:left;	
}
.bookcase_wp_w            {
               	position:relative;  
				left:0px;
				top:0px;
                width:156px;
                height:160px;
				float:left;	
}
/* ws */
.bookcase_ws            {
               	position:relative;  
				left:0px;
				top:0px;
                width:87px;
                height:160px;
				float:left;	
				/*  
				background-color:#003300;*/
}
.bookcase_ws_w            {
               	position:relative;  
				left:0px;
				top:0px;
                width:174px;
                height:160px;
				float:left;	
				/*  
				background-color:#330000;*/
}
/* kg */
.bookcase_kg            {
               	position:relative;  
				left:0px;
				top:0px;
                width:105px;
                height:160px;
				float:left;	
}
.bookcase_kg_w            {
               	position:relative;  
				left:0px;
				top:0px;
                width:210px;
                height:160px;
				float:left;	
}

/* common for all book size */
.book       {
               	position:relative;  
				left:0px;
				top:10px;   /* <-- top margin */
				width:auto; 
				height:auto; 
				/* 
				background-color:#999999;	*/	
}
/* for insert caption under the bookcase */
.captioncase {
               	position:relative;  
				left:0px;
				top:0px;  
				width:auto; 
				height:180px; 
				float:left;
				/* 	
				background-color:#009999; */
}
/* caption under the bookcase  */
.cap_ws            {
               	position:absolute;  
				left:0px;
				top:140px;
	            font-size:8pt;
				color:#666666;
	
}
/* -- -- -- -- -- -- -- -- -- -- */
.vol           {
               	position:relative;  
				left:0px;
				top:0px;
	            font-size:9pt;
				color:#666666;
				margin-top:10px;
}

.bookcase_spacer {
               	position:relative; 
				left:0px;
				top:0px;
				width:10px;   
				height:135px; 
				float:left;
				/* 
				background-color:#eeeeee;	*/	
}
.bookcase_spacer_w {
               	position:relative;  
				left:0px;
				top:0px;
				width:25px;  
				height:135px; 
				float:left;
				/* 
				background-color:#eeeeee;	*/	
}

.controlbar     {
               	position:absolute;
				left:10px;   /* = bookcase_spacer width: */
				top:160px;
				width:515px; /* 525 - left:10 */  
				height:30px; /* <---- 40 - 1 */
				border-bottom:solid #666666 1px;	
				/* 
				background-color:#990000; 	*/
}
.controlbuttons {
               	position:absolute;
				left:0px;
				top:5px;
				width:50px;  
				height:21px; 	
}
.bt_l          {
	            /* margin-right:10px; */
}
.bt_r          {
               	position:relative; /* 'absolute' ... win/IE NG */
				left:25px;	  
				top:0px;  
				/*
				background-color:#990000; */   
}
.blanck     {
	            color: #ffffff;
}
/* -- -- -- -- -- -- -- -- -- -- */