@charset "UTF-8";

/* Main Menu =================================*/
#mainMenu {
	position:relative;
	margin:10px 0 0 10px; 
	width:940px;
	height:340px;
}
/* Main Tab =================================*/
#mainMenuFrame {
	position:relative;
	float:left;
	width:640px;
	height:340px;
	background-image:url(../img/main_menu_frame_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
}

#mainMenuFrame ol {
	position:relative;
	width:630px;
	height:340px;
	background-image:url(../img/can_loading.gif);
	background-position:center;
	background-repeat:no-repeat;
}

#mainMenuFrame ol li {
	position:absolute;
	top:6px;
	left:6px;
	width:618px;
	height:328px;
}

#mainMenu h2{
	position:absolute;
	visibility:hidden;
}

/* Main Selector =================================*/
#mainMenu ol#mainMenuSelector{
	position:relative;
	float:right;
	width:300px;
	height:340px;
	background-image:url(../img/main_menu_selector_bg.gif); 
}

#mainMenu ol#mainMenuSelector li{
	clear:both;
	position:relative;
	margin-bottom:10px;
	width:300px;
	height:60px;
	background-image:url(../img/main_menu_selector_list_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}

*html #mainMenu ol#mainMenuSelector li{
	 margin-bottom:8px; 
}

#mainMenu ol#mainMenuSelector li.bottomList{
	margin-bottom:0px;
}




#mainMenu ol#mainMenuSelector li a{
	display:block;
	width:300px;
	height:60px;
	text-decoration:none;
}

#mainMenu ol#mainMenuSelector li a img.mainMenuImg {
	margin:0 6px;
}

#mainMenu ol#mainMenuSelector li a span{
	position:absolute;
	line-height:1.2;
}

#mainMenu ol#mainMenuSelector li a span.over{
	display:block;
	position:absolute;
	width:66px;
	height:60px;
	background-image:url(../img/main_menu_img_overlay.gif);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:10;
}

#mainMenu ol#mainMenuSelector li a span.mainMenuTitle {
	top:7px;
	color:#fc3471;
	font-size:92%;
	font-weight:bold;
	line-height:1.1;
}

#mainMenu ol#mainMenuSelector li a span.selected{
	color:#42c0c0;
}

#mainMenu ol#mainMenuSelector li a span.mainMenuText {
	top:24px;
	width:225px;
	color:#111111;
	font-size:85%;
	line-height:1.1;
}

#mainMenu ol#mainMenuSelector li a span.title2Line{
	top:34px;
}

/* Main Left =================================*/
#mainLeft{
	position:relative;
	float:left;
	width:650px;
	margin-bottom:40px;
	background-color:#FFFFFF;
}

a.btnRSS{
	position:absolute;
	display:block;
	width:40px;
	height:18px;
	background-image:url(../img/rss_btn_bg.jpg);
	background-position:top left;
	left: 580px;
	top: 9px;
}

a.btnEntryList{
	position:absolute;
	display:block;
	width:65px;
	height:18px;
	background-image:url(../img/entry_list_btn_bg.jpg);
	background-position:top left;
	left: 502px;
	top: 9px;
}

a.btnRSS:hover, a.btnEntryList:hover{
	background-position:0 -18px;
}

h3 a.btnRSS{left: 260px;}
h3 a.btnEntryList{left: 182px;}

/* What's New =================================*/
#whatsNew {
	position:relative;
	margin:10px 0 0 10px;
	width:630px;
	height:388px;
	border-bottom:1px #fca8c0 solid;
}
#whatsNew h2 {
	position:relative;
	width:630px;
	height:35px;
	background-image:url(../img/whats_new_header_bg.jpg);
}
#whatsNewBox{
	position:relative;
	width:630px;
	height:350px;
	overflow:hidden;
}

#whatsNew ol {
	padding:14px 0 0 14px;
	width:616px;
	/* height:338px; */
}
#whatsNew ol li {
	float:left;
	width:305px;
}
#whatsNew ol li a:link, #whatsNew ol li a:visited{
	color:#f7206c;
	text-decoration:none;
}
#whatsNew ol li a:hover{
	text-decoration:underline;
}

#whatsNew ol li a.whatsNewList {
	display:block;
	margin-bottom:15px;
	width:305px;
	height:70px;
	background-image:url(../img/main_left_list_bg1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}

#whatsNew ol li a.whatsNewList img.whatsNewImg {
	float:left;
	margin-right:12px;
	margin-bottom:11px;
	width:105px;
}

#whatsNew ol li a.whatsNewList span{
	display:block;
}

#whatsNew ol li a.whatsNewList span.whatsNewDate {
	height:16px;
	font-size:85%;
	color:#009999;
	background-position:top right;
	background-repeat:no-repeat;
}
#whatsNew ol li a.whatsNewList span.whatsNewDate img{
	margin-right:6px;
}

#whatsNew ol li a.whatsNewList span.whatsNewTitle {
	margin-bottom:2px;
	font-size:93%;
	font-weight:bold;
	color:#f7206c;
	line-height:1.1;
}
#whatsNew ol li a.whatsNewList span.whatsNewText {
	font-size:77%;
	color:#4c4c4c;
	line-height:1.1;
}

#whatsNew ol li a.bottomList{
	margin-bottom:0;
	background-image:none;
}

/* Daily Fashion News =================================*/
#fashoionNews {
	position:relative;
	margin:14px 0 14px 10px;
	width:630px;
	height:345px;
}
*html #fashoionNews {
	margin:14px 0 0 10px;
}
#fashoionNews h2 {
	width:630px;
	height:35px;
	background-image:url(../img/daily_fashion_new_header_bg.jpg);
}
#fashoionNews ol {
	margin-bottom:14px;
	padding:14px 0 0 14px;
	width:616px;
	height:295px;
	border-bottom:1px #fca8c0 solid;
	background-color:#FFFFFF;
}
#fashoionNews ol li {
	float:left;
}
#fashoionNews ol li a {
	display:block;
	margin-bottom:6px;
	width:305px;
	height:94px;
	background-image:url(../img/main_left_list_bg1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#f7206c;
	text-decoration:none;
}

#fashoionNews ol li a:hover{
	text-decoration:underline;
}

#fashoionNews ol li a img {
	float:left;
	margin-right:12px;
}

#fashoionNews ol li a span{
	display:block;
}
#fashoionNews ol li a span.dateFSN {
	height:16px;
	font-size:85%;
	color:#009999;
	background-position:top right;
	background-repeat:no-repeat;
}
#fashoionNews ol li a span.dateFSN img{
	margin-right:6px;
}
#fashoionNews ol li a span.titleFSN {
	margin-bottom:2px;
	height:34px;
	font-size:93%;
	font-weight:bold;
	color:#f7206c;
}
#fashoionNews ol li a span.discFSN {
	font-size:77%;
	color:#4c4c4c;
}
#fashoionNews ol li a span.linkFSN {
	width:290px;
	font-size:77%;
	font-weight:bold;
	color:#ef4c95;
	text-align:right;
}

#fashoionNews ol li a.bottomList{
	margin-bottom:0;
	background-image:none;
}

/* Official Blog =================================*/
#officialBlog {
	clear:both;
	float:left;
	position:relative;
	margin:0 10px 0 10px;
	width:310px;
	height:379px;
}
*html #officialBlog {
	margin:0 10px 0 5px;
} 

#officialBlog h3 {
	width:310px;
	height:35px;
	background-image:url(../img/official_blog_header_bg.jpg);
}
#officialBlog ol {
	margin-bottom:0px;
	padding:14px 0 0 14px;
	width:296px;
	height:330px;
	border-bottom:1px #fca8c0 solid;
	background-color:#FFFFFF;
}
#officialBlog ol li {  }
#officialBlog ol li a {
	display:block;
	margin-bottom:15px;
	width:296px;
	height:95px;
	background-image:url(../img/main_left_list_bg1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#f7206c;
	text-decoration:none;
}
#officialBlog ol li a:hover{
	text-decoration:underline;
}
#officialBlog ol li a img {
	float:left;
	margin-right:12px;
}
#officialBlog ol li a span{
	display:block;
}
#officialBlog ol li a span.dateOFB {
	height:16px;
	font-size:85%;
	color:#009999;
	background-position:top right;
	background-repeat:no-repeat;
}
#officialBlog ol li a span.dateOFB img{
	margin-right:6px;
}
#officialBlog ol li a span.titleOFB {
	margin-bottom:2px;
	height:34px;
	font-size:93%;
	font-weight:bold;
	color:#f7206c;
}
#officialBlog ol li a span.discOFB {
	font-size:77%;
	color:#4c4c4c;
}
#officialBlog ol li a span.linkOFB {
	width:290px;
	font-size:77%;
	font-weight:bold;
	color:#ef4c95;
	text-align:right;
}

#officialBlog ol li a.bottomList{
	margin-bottom:0;
	background-image:none;
}
	
/* CanCam Blog =================================*/
#cancamBlog {
	position:relative;
	float:left;
	width:310px;
	height:379px;
	border-bottom:1px #fca8c0 solid;
}

#feedControl {
	height:0px;
	display:none;
}
#cancamBlog h3 {
	width:310px;
	height:35px;
	background-image:url(../img/cancam_blig_header_bg.jpg);
}

a.btnMemberList{
	position:absolute;
	display:block;
	width:80px;
	height:18px;
	background-image:url(../img/can_blog_member_btn.jpg);
	background-position:top left;
	left:220px;
	top:9px;
}

a.btnMemberList:hover{
	background-position:0 -18px;
}


#blogFeed {
	position:relative;
	margin-bottom:14px;
	padding:18px 0 0 14px;
	width:296px;
	height:310px;
	background-color:#FFFFFF;
	overflow:hidden;
}
#blogFeed li {
	position:relative;
	padding:4px 0;
	width:296px;
	height:55px;
}
*html #blogFeed li{
	padding:2px 0;
}
*:first-child+html #blogFeed li{
	padding:2px 0;
}

#blogFeed li a {
	display:block;
	width:296px;
	height:55px;
	background-image:url(../img/main_left_list_bg1.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
	color:#f7206c;
	text-decoration:none;
}
#blogFeed li a:hover{
	text-decoration:underline;
}
#blogFeed li a img {
	float:left;
	margin-right:12px;
}
#blogFeed li a span{
	display:block;
}
#blogFeed li a span.title {
	font-size:93%;
	font-weight:bold;
	color:#f7206c;
}
#blogFeed li a span.blogTitleAndDate {
	font-size:77%;
	color:#4c4c4c;
}
#blogFeed li a span.linkCCB {
	display:block;
	float:right;
	padding-right:15px;
	width:120px;
	font-size:77%;
	font-weight:bold;
	color:#ef4c95;
	text-align:right;
}
#btnMore{
	position:absolute;
	padding-top:2px;
	width:310px;
	height:15px;
	font-size:77%;
	color:#ef4c95;
	text-align:right;
	background-color:#FFFFFF;
	top:361px;
}

/* Woman Common Widget =================================*/
#womanCommonWidget{
	position:relative;
	margin-top:14px;
	margin-bottom:14px;
	margin-left:10px;
	_margin-left:5px;
	float:left;
	width:310px;
	height:164px;
	border-bottom:1px #fca8c0 solid;
}

#womanCommonWidget h3{
	position:relative;
	width:310px;
	height:35px;
	background:url(../img/woman_common_widget_header.jpg) top left no-repeat;
}

#womanCommonWidget ol{
	margin-top:5px;
	margin-bottom:3px;
	padding-left:4px;
	width:306x;
	height:124px;
	overflow:hidden;
}

#womanCommonWidget ol li{
	height:25px;
	
}

#womanCommonWidget ol li a,
#womanCommonWidget ol li a:link,
#womanCommonWidget ol li a:visited{
	font-size:85%;
	color:#454545;
	text-decoration:none;
}

#womanCommonWidget ol li a:hover{
	color:#FF3333;
}

#womanCommonWidget ol li a span.womanCate{
	font-size:85%;
	color:#666666;
}


/* CanCam Mobile Main ==================================*/
#canMobileMain{
	position:relative;
	margin-top:14px;
	margin-bottom:14px;
	padding-right:10px;
	float:right;
	width:310px;
	height:165px;
}

#canMobileMain h3{
	position:relative;
	width:310px;
	height:35px;
	background:url(../img/cctv_mobile_header.jpg) top left no-repeat;
}

#canMobileMain p{
	position:relative;
	display:block;
	width:310px;
	height:130px;
	background:url(../img/cctv_mobile_main_bg.gif) top left no-repeat;
}

/* Correct Information =================================*/
#correctInfo {
	clear:both;
	position:relative;
	margin:14px 0 14px 10px;
	width:630px;
	border-bottom:1px #fca8c0 solid;
}

#correctInfo h4 {
	width:630px;
	height:35px;
	background-image:url(../img/correct_info_header_bg.jpg);
}
#correctInfo p {
	margin:14px;
	color:#333333;
	font-size:92%;
}