@charset "utf-8";
/*-------------------------
For: leafs
File: /english/css2009/local/leaf.css
Modified: 2009.7.22 by TACH
--------------------------*/
#logo { margin-bottom:20px;}
h1 { font-size:167%; color:#333; margin:0; padding:0;}
h1 span { color:#996633; font-size:13px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#leaf-content { width:640px; border:1px solid #ccc; padding:10px; margin:0; }
#leaf-content p { margin:2em 0;}
#leaf-content a:link {text-decoration: underline; color:#002e5b /*#003366*/;}
#leaf-content a:visited {color:#8a92a4 /*#0000ff*/; text-decoration: none;}
#leaf-content a:hover {color:#cc3300 /*#c3151f*/; text-decoration: underline;}

/* tool and author */
#articleinfo { margin:10px 0; padding:0; border-bottom:1px dashed #ccc; border-top:1px dashed #ccc;}
#articleinfo .date,
#articleinfo .author{ display:block; color:#666; font-size:85%; margin:0; padding:0;}
	/* social bookmark */
#toolBoxBar{ height:1%; float:right;}
#sbookmark{ position:absolute; border:solid 5px #d9d9d9; padding:0px; background:white; width:165px; display:none;}
#sbookmark ul{margin:0; padding:0}
#sbookmark ul li{margin:0; padding:0; border-bottom:dotted 1px #cacaca; font-size:11px;}
#sbookmark ul li.sbookmarkBottom{border-bottom:none; font-size:10px; text-align:right;}
#sbookmark ul li a{text-decoration:none; display:block; padding:4px 7px; color: #002e5b;}
#sbookmark ul li a:hover{color: #002e5b; background:#f0f0f0;}
#sbookmark ul li a img{margin:0px 7px 0px 0; float:left;}
	/* tool */
#articleinfo .tool { font-size:85%; margin:5px 2px; float:left;}
#articleinfo .tool .print,
#articleinfo .tool .email,
#articleinfo .tool .bookmark { width:21px; height:21px; float:right;}
/*#tool .print { background:url(/images/techon/2009/leaf/tool/tool_print.gif) no-repeat left top;}
#tool .email { background:url(/images/techon/2009/leaf/tool/tool_mail.gif) no-repeat left top;}
#tool .bookmark { background:url(/images/techon/2009/leaf/tool/tool_share.gif) no-repeat left top;}*/

/* leaf content */
#leaf-content p { margin:2em 0; font-size:100%; line-height:1.6;}
#leaf-content h3 { font:bold 131%/1.5 Georgia, Times, serif; }
#leaf-content h4 { font:bold 123.1%/1.5 Georgia, Times, serif; }
/*#leaf-content ul { margin:5px 0; padding:5px 0; font-size:0.8em; line-height:1.5em;}
#leaf-content ul li { padding:0 0 0 13px; background:url(/english/img/08/lihead_blue.gif) no-repeat left 0.4em; margin:0.8em 0;}*/

/* photo */
	/* main-img (right side images) */
#main-img { float:right; width:230px; padding:0; margin:0 0 10px 20px;}
#main-img img { width:230px; overflow:hidden; margin:0 0 2px 0;}
#main-img p { font-size:85%; line-height:1.3; margin:2px 0 18px 0;}
#main-img a:link { font-weight:normal; text-decoration:none;}
	/* image-bottom (bottom images) */
#leaf-content .image-bottom { margin:0 30px 15px 30px; padding:0; width:545px; overflow:hidden; font-size:0.8em; line-height:1.4em;}
#leaf-content .image-bottom p { margin:1px 0 15px 0;}
#leaf-content .image-bottom a { font-weight:normal; text-decoration:none;}

.pic-right {}
.pic-btm { clear:both;}
	/* photo:free layout */
div.freeimage { clear:both; float:right; font-size:85%; line-height:1.3;}
div.freeimage span { display:block; width:230px;}
div.freeimage div.S { width:230px; padding:12px 5px 15px 15px; background-color:#FFF;}/* fail name start with S_ */
div.freeimage div.L span { display:block; width:430px; background-color:#FFF;}/* file name start with L_ */
div.freeimage img { margin-bottom:5px;}
	/* for leaf */
div.freeimage div.L,
div.freeimage div.L { clear:both; width:600px; background-color:#FFF;}/* file name start with L_ */
	*html div.freeimage div.L,
	*html div.freeimage div.L { padding:0 0 15px 80px;}
	html>body div.freeimage div.L,
	html>body div.freeimage div.L { padding:0 0 30px 80px;}

ul#bnavi { list-style-position:outside; list-style-type:none; margin:25px 0; font-size:0.9em;}
ul#bnavi li { background:url(/english/img/specialreport_icon.gif) no-repeat left 5px; padding:4px 0 4px 115px; margin:0 0 7px 0; font-weight:bold;}

#leaf-content .bpimage_right{ clear:both; float:right; margin:10px 0 15px 10px; padding:0 0 10px 15px;}
#leaf-content .bpimage_left{ clear:both; float:left; margin:10px 15px 10px 10px; padding:0 15px 10px 0;}
#leaf-content .bpbox_center{ clear:both; text-align:center;}
#leaf-content .bpimage_center{ width:500px; margin:20px auto; text-align:left;}
#leaf-content .bpimage_title{ text-align:left; margin:4px 0 2px 0;line-height: 1.2;font-weight: bold;font-size: 93%;}
#leaf-content .bpimage_caption{ padding:3px 0 0 0; margin-top:1px; text-align:left; line-height:1.2; font-size: 85%;}
#leaf-content .bpimage_double .bpimage_left{ margin:0;}
#leaf-content .bpimage_double .bpimage_right{ margin:0;}
#leaf-content .bpimage_double{ width:500px; margin:10px auto; text-align:center;}

/*




#leaf-content .bpimage_image img{ border:0 solid #eee; margin:13px 0 3px 0;}
	*html #mainContent #kiji .bpimage_caption { line-height:1.7;} 
	*:first-child+html  #mainContent #kiji .bpimage_caption{ line-height:1.7;}
#mainContent #kiji .bpimage_click{ text-align:left; color: #9C814E; padding:0; font-size:11px;}
#leaf-content .bpimage_caption_right{}
#leaf-content .bpimage_caption_right .bpimage_title{ padding:10px 0 0 0;}

*/

/* deqwas */
#leaf-content #deqwas-recommend{width:625px; clear:both; margin:0 0 0 10px; padding:0;}
#leaf-content #deqwas-recommend ul{width:625px; clear:both; margin:0; padding:0;}
#leaf-content #deqwas-recommend li{margin:2px 0; padding:4px 0 2px 0; background:url(/images/techon/2009/bline.gif) repeat-x;}

/* image view */
body.imageview #col { padding:15px 20px;}
body.imageview h1 { margin:0 0 15px 0;}
body.imageview a.back { display:block; text-decoration:underline; font-weight:bold; margin:15px 0;}

/* NEA magazine index+leaf */
body.nea #leaf-content h2 a,
body.nea #leaf-content h3 a,
body.nea #leaf-content h4 a,
body.nea #leaf-content h5 a { text-decoration:none;}
body.nea p.cover { border:1px solid #ccc; padding:10px 5px; width:110px; float:right; margin:0 0 10px 20px;}
body.nea p.cover img { margin:0 0 5px 10px;}
body.nea p.cover a { font-size:85%; line-height:1.2;}
body.nea small.column { color:#996600; font-weight:bold; font-size:85%; display:block; margin:1em 0 0 0;}
body.nea #leaf-content h2 { font-size:123.1%; line-height:1.3; margin:0; padding:0;}
body.nea #leaf-content h3,
body.nea #leaf-content h4 { font-size:100%; line-height:1.3; margin:5px 0; padding:0;}
body.nea #leaf-content p { margin:1em 0 2em 0;}
body.nea #leaf-content .archive { margin:25px 0; padding:0; border-top:3px solid #C0A075;}
body.nea #leaf-content .archive h3 { font:normal 100% Arial, Helvetica, sans-serif; color:#996600;}
body.nea #leaf-content .archive ul { margin:0; padding:0;}
body.nea #leaf-content .archive ul li { font-size:85%; display:block; float:left; margin:5px 10px 0 0;}

/* NEA:backnumber list */
body.nea #leaf-content .backnumlist { margin:20px 0 0 0;}
body.nea #leaf-content .backnumlist ul { margin:0 0 18px 0; list-style-type:none; list-style-position:outside; list-style-image:none; padding:0; font-size:12px;}
body.nea #leaf-content .backnumlist ul li { margin:5px 20px 5px 0; padding:0; line-height:120%; width:100px; height:260px; float:left;}
body.nea #leaf-content .backnumlist ul li img {margin:0 0 2px 0;}
body.nea #leaf-content .backnumlist ul li span { font-weight:bold; color:#336699;}

/* SEARCH */
h1.serch { color:#990000; }
#articlebn h2 { font:bold 131%/1.5 Georgia, Times, serif; color:#990000; background:url(/images/techon/2009/bline.gif) repeat-x bottom left;}
#articlebn { margin:25px 0;}
#articlebn ul{ font-size:93%; line-height:100%;}
#articlebn ul li { padding:0 0 0 13px; background:url(/english/img/08/lihead_blue.gif) no-repeat left 0.4em; margin:0.8em 0;}
#articlebn ul li a { text-decoration:none;}
#articlebn p { font-size:85%; line-height:130%;}
#articlebn p a.next { font-size:85%; color:#990000; margin:30px 0;}
	/* search result */
#articlebn ul li small { color:#72adf5;}/* date */
 .bplead{ font-weight: bold; color: #666;}
 .bpquestion{ margin:2em 0 1em 0; font-weight: bold; color: #333;}
 
 
 /* profile */
 .bpprofile_photo .bpprofile_profile{ font-weight: bold; font-size:93%; line-height:1.3; /*color: #000000;*/ border-top: 3px solid #ccc; background: #ececec; /*text-align: left;*/ padding:4px 8px; vertical-align: bottom;}
 .bpprofile_photo .bpprofile_text img{ padding:4px 8px; float:left;}

/*--profile--*/
.bpinterview{ margin:1em 20px 15px 10px; width:600px; border:1px solid #ccc;}
.bpinterview_profile { padding: 6px 12px 2px 12px; border-top: 3px solid #006666; /*background: url(/images/itpro/2008/leaf/honbun/profile.jpg) no-repeat #AEDDA6;*/ background-position: left center; /*text-align: left; vertical-align:middle;*/}
.bpinterview_position { font-weight: bold; font-size:93%;}
.bpinterview_name { font-size:85%; font-weight:bold;}
.bpinterview_text { text-align: left; padding:5px 12px; margin:0 0 10px 0; font-size:85%; line-height:1.3;}


.bpprofile_photo{ clear:both; margin:1em 20px 0 10px; width:550px; border:1px solid #ccc;}
.bpprofile .bpprofile_profile{ font-weight: bold; border-top: 2px solid #ccc; background-color:#eee; /*background: url(/images/itpro/2008/leaf/honbun/writer.jpg) no-repeat #B5CDE5; background-position: left center;*/
    text-align: left; padding:2px 0 1px 15px; vertical-align: bottom;}
.bpprofile_position { font-weight: bold; font-size:93%;}
.bpprofile_name { font-size:93%;}
.bpprofile_text { text-align: left; padding:8px 15px; font-size:85%; line-height:1.3;}