@charset "utf-8";
@import url(class.css);


#body {border:none; background:none;}
#body h2 {height:48px; margin-right:11px;}
#body em {display:block; float:left; width:500px; margin-top:18px; color:#000000; font-size:1.2em;}
#body .rss {display:block; float:right; width:55px; margin:8px -10px 0px 0px;}

#special {clear:both; width:960px; padding-top:19px; border-top:1px solid #CCCCCC;}
#special .image {float:left; width:626px; height:358px; border:1px solid #CCCCCC; overflow:hidden; }
#special .image ul {padding:2px;}
#special .image ul li {margin-bottom:2px;}
#special .image ul li img {}
#special h3 {width:322px; margin-left:628px;}
#special ol {width:306px; margin:16px 0px 0px 644px;}
#special ol li {width:306px; margin-top:3px; line-height:150%;}
#special ol li a {display:block; width:306px; padding:5px 0px; background:url(images/special_border.gif) 0px 5px no-repeat; cursor:pointer; overflow:hidden;}
#special ol li div {width:306px; padding:5px 0px; background:url(images/special_border.gif) 0px 5px no-repeat; overflow:hidden;}
#special ol li img {float:left; width:90px; height:51px; margin:3px 0px 0px 3px;}
#special ol li strong,
#special ol li h4,
#special ol li h5 {width:200px; margin-left:106px; color:#B2B2B2;}
#special ol li strong {display:block;}
#special ol li h4 {font-size:1.1em; font-weight:bold;}
#special ol li h5 {font-size:1.1em;}
#special ol li a strong {color:#64d6ea;}
#special ol li a h4,
#special ol li a h5 {color:#333333;}
#special ol li a:hover {background-position:-310px 5px;}
#special ol li a:hover strong, 
#special ol li a:hover h4, 
#special ol li a:hover h5 {color:#7F7F7F;}
#special .update {width:306px; margin:0px 0px 0px 644px;}
#special .update strong {font-weight:bold;}
#special .update h6 {display:inline; color:#64d6ea; font-weight:bold;}
#special .specialBottom {clear:both; width:1px; height:1px; overflow:hidden;}

#feature {float:left; width:628px; margin-top:20px; border-top:1px solid #CCCCCC; overflow:hidden;}
#feature h3 {width:628px; overflow:hidden;}
#feature h3 a {display:block; width:628px; height:35px; background:url(images/line_dotted.gif) 0px bottom repeat-x; cursor:pointer;}
#feature h3 a:hover {height:33px; border-bottom:2px solid #4391D4; background:url(images/index_feature_more.gif) 584px 8px no-repeat;}
#feature h3 img {float:left;}
	#update {width:480px; margin-left:78px; padding-top:8px; color:#333333;}
	
	#pickup {clear:both; width:628px;}
	#pickup a {display:block; width:628px; padding:8px 0px 22px; background:url(images/pickup_border.gif) 0px 8px no-repeat; cursor:pointer; overflow:hidden;}
	#pickup img {float:left; width:300px; height:184px; margin:3px 0px 0px 3px;}
	#pickup div {width:306px; margin:0px 0px 0px 322px; overflow:hidden;}
	#pickup div h4,
	#pickup div strong,
	#pickup div h5,
	#pickup div p, 
	#pickup div em {display:block; width:306px; margin:0px;}
	#pickup div h6 {padding-bottom:6px; border-bottom:1px solid #E5E5E5;}
	#pickup div h6 img {float:none; width:46px; height:16px; margin:0px 0px 0px -1px;}
	#pickup div h4 {float:left; width:112px; margin-top:6px; font-weight:bold;}
	#pickup div strong {width:112px; margin:6px 0px 0px 194px; text-align:right; color:#000000;}
	#pickup div h5 {margin-top:1px; color:#000000; font-size:1.4em; font-weight:bold;}
	#pickup div p {margin-top:5px; color:#000000; font-size:1.1em;}
	#pickup div em {margin-top:5px; color:#4391D4; font-size:1.1em; font-weight:bold;}
	#pickup a:hover {background-position:-628px 8px;}
	#pickup a:hover h4, 
	#pickup a:hover strong, 
	#pickup a:hover h5, 
	#pickup a:hover p, 
	#pickup a:hover em {color:#7F7F7F;}
	
	#categories {width:648px; margin:2px -6px 0px -8px; background:url(images/index_feature_categories_bg.gif) 8px 0px repeat-y; overflow:hidden;}
	#categories div {float:left; width:200px; padding:0px 6px 0px 8px; border-top:1px solid #C6C6C6;}
	#categories div h4 {width:200px; margin-bottom:9px; overflow:hidden;}
	#categories div h4 a {display:block; width:200px; height:31px; background:url(images/line_dotted.gif) 0px bottom repeat-x; cursor:pointer;}
	#categories div h4 a:hover {height:29px; border-bottom:2px solid #4391D4; background:url(images/index_feature_more.gif) 157px 6px no-repeat;}
	#categories div ul {width:200px;}
	#categories div li {width:200px; line-height:150%;}
	#categories div li a {display:block; width:200px; padding-bottom:10px; background:url(images/thumbnail_border.gif) no-repeat; cursor:pointer; overflow:hidden;}
	#categories div li img {float:left; width:64px; height:64px; margin:3px 0px 0px 3px;}
	#categories div li strong,
	#categories div li h5 {display:block; width:119px; margin-left:81px; color:#000000;}
	#categories div li strong {}
	#categories div li h5 {font-size:1.2em; font-weight:bold;}
	#categories div li a:hover {background-position:-310px 0px;}
	#categories div li a:hover strong, 
	#categories div li a:hover h5 {color:#7F7F7F;}
	#categories .cinema, 
	#categories .beauty, 
	#categories .travel {clear:both;}
	#categories .categoriesBottom {clear:both; float:none; width:1px; height:1px; padding:0px; nborder:none; overflow:hidden;}


#sub {float:none; width:306px; margin:20px 0px 0px 644px; padding:0px; border-top:1px solid #CCCCCC;}
#sub li {width:304px; margin-top:-1px; border:1px solid #CCCCCC; background:#F7F7F7; line-height:150%; overflow:hidden;}
#sub li h3 {width:275px; margin:5px 14px 8px;}
#sub li h3 a {display:block; width:275px; height:30px; background:url(images/line_dotted.gif) 0px bottom repeat-x; cursor:pointer;}
#sub li h3 a:hover {height:28px; border-bottom:2px solid #000000; background:232px 0px no-repeat;}
#sub li ul {width:304px; overflow:hidden;}
#sub li ul li {width:276px; margin:0px 0px 0px 14px; background:transparent; border:none; line-height:inherit;}
#sub li ul li a {display:block;}
#sub li ul.thumbnail li {}
#sub li ul.thumbnail li a {width:276px; padding-bottom:10px; cursor:pointer; overflow:hidden;}
#sub li ul.thumbnail li a {background:url(images/thumbnail_border.gif) 0px 1px no-repeat;}
#sub li ul.thumbnail li a img {float:left; width:64px; height:64px; margin:4px 0px 0px 3px;}
#sub li ul.thumbnail li a h4,
#sub li ul.thumbnail li a strong,
#sub li ul.thumbnail li a h5,
#sub li ul.thumbnail li a p {display:block; width:196px; margin-left:80px;}
#sub li ul.thumbnail li a:hover {background-position:-310px 1px;}
#sub li ul.list {margin-top:7px;}
#sub li ul.list li {}
#sub li ul.list li a {width:276px; padding-bottom:10px;}
#sub li h4 {color:#333333; font-weight:normal;}
#sub li strong {color:#333333; font-weight:normal;}
#sub li h5 {margin-top:2px; color:#333333; font-size:1.2em; font-weight:bold;}
#sub li p {margin-top:1px; color:#333333;}
#sub li a:hover h4, 
#sub li a:hover strong, 
#sub li a:hover h5, 
#sub li a:hover p {color:#7F7F7F;}

#sub #coordinateidea h3 a:hover {border-bottom-color:#C4CA6D; background-image:url(images/index_coordinateidea_more.gif);}
#sub #download       h3 a:hover {border-bottom-color:#E7463C; background-image:url(images/index_download_more.gif);}
#sub #editorsnote    h3 a:hover {border-bottom-color:#DAA8E1; background-image:url(images/index_editorsnote_more.gif);}
#sub #staffblog      h3 a:hover {border-bottom-color:#AEAEAE; background-image:url(images/index_staffblog_more.gif);}
#sub #backnumber     h3 a:hover {border-bottom-color:#000000; background-image:url(images/index_backnumber_more.gif);}
	#download {}
	#download p {font-size:1.1em;}
	#staffblog {padding-bottom:14px;}
	#staffblog ul.list a {}
	#backnumber {padding-bottom:14px;}
	#backnumber li {padding-top:5px; font-size:1.2em; font-weight:bold;}
	
	
#foot {margin-top:17px;}

* html #special .image {width:628px; height:360px; margin-right:-3px;}
* html #special h3 {width:322px; margin-left:625px;}
* html #special ol {width:306px; margin-left:641px;}
* html #special ol li strong,
* html #special ol li h4,
* html #special ol li h5 {margin-left:103px;}
* html #pickup div {margin-left:319px;}
* html #pickup div strong {margin-left:191px;}
* html #categories .art, 
* html #categories .gourmet, 
* html #categories .other {float:none; margin-left:425px;}
* html #sub {margin-left:641px;}
* html #sub li {width:306px;}
* html #sub li a.thumbnail strong,
* html #sub li a.thumbnail h5,
* html #sub li a.thumbnail p {margin-left:77px;}
* html #sub li .more {margin-left:248px;}