@charset "utf-8";

/* Main Right =================================*/
#mainRight{
	position:relative;
	padding-top:10px;
	float:right;
	width:310px;
	background-color:#FFFFFF;
}

/* search =================================*/
#searchArea {
	position:relative;
	width:300px;
	height:30px;
	padding-top:5px;
	margin-bottom:5px;
}

#searchTitle {
	position:relative;
	display:inline;
	float:left;
	padding-top:4px;
	font-size:93%;
	color:#fb5487;
}

#searchBox {
	position:relative;
	width:225px;
	height:30px;
	margin:0;
	padding:0;
	float:right;
}

input#search {
	width:150px;
	height:15px;
	color:#343434;
	font-size:85%;
	padding:2px;
	vertical-align:middle;
	border:1px solid #fb5487;
}

input.seartBtn {
	cursor:pointer;
	width:53px;
	height:21px;
	border:none 0;
	margin:0 0 0 4px;
	padding:0;
	vertical-align:middle;
	background-image:url(../img/main_top_search_btn.gif);
	background-repeat:no-repeat;
}

input.seartBtn:hover {
	background-position:0 -21px;
}

/* AD Banner 300 =================================*/
#canAD300 {
	margin-bottom:14px;
	width:300px;
	height:auto;
	background-color:#FFFFFF;
}

#canAD300 a {
	color:#F7206C;
	text-decoration:none;
}

#canAD300 a:hover {
	text-decoration:underline;
}

#canAD300 p{
	margin-bottom:10px;
	font-size:90%;
}

/* fashionmall =================================*/
#fashionmall{
	width:300px;
	height:80px;
	margin-bottom:15px;
}

/* facebook =================================*/
#youtube {
	width:300px;
	height:auto;
	margin-bottom:15px;
}

/* twitter =================================*/
#twitter{
	width:300px;
	height:388px;
	margin-bottom:15px;
}

/* facebook =================================*/
#facebook {
	width:300px;
	height:auto;
	margin-bottom:15px;
}

/* Shop Navi =================================*/
#shopNavi {
	position:relative;
	margin-bottom:14px;
	width:300px;
	height:125px;
	background-image:url(../img/shop_navi_bg.jpg);
	background-position:top left;
	background-repeat:no-repeat; 
}

#shopNavi h4 a{
	position:relative;
	display:block;
	width:300px;
	height:94px;
	background-image:url(../img/shop_navi_bg.jpg);
	background-position:0 0;
}

#shopNavi h4 a:hover{
	background-position:0 -125px;
}

#shopNavi p {
   background-color: white;
}
#shopNavi p.shopNaviText{
	background-color:none;
}
#shopNavi p .search {
	position: absolute;
	top: 96px;
	left: 19px;
	padding: 0;
	border: 0;
	width: 204px;
	height: 20px;
	font-size:92%;
	background-image:url(../img/shop_navi_input_bg.jpg);
	background-position:0 0;
}
#shopNavi p .search:focus {
    background-color:#FFFFFF;
}
#shopNavi p .searchsubmit {
	position: absolute;
	top: 96px;
	right: 20px;
	width: 55px;
	height: 20px;
	padding: 0;
	border: 0;
	background-color: #cc0033;
	background-image:url(../img/shop_navi_search_btn_bg.jpg);
	background-position: top;
	font-weight: bold;
	color: #FFFFFF;
}
#shopNavi p .searchsubmit:hover {
    background-position: bottom;
}
#shopNavi p .searchsubmit:active {
    padding: 1px 0 0 1px;
}

/* Blog Parts =================================*/
#blogParts {
	position:relative;
	margin-bottom:14px;
	width:300px;
	height:345px;
	background-image:url(../img/blog_parts_bg.jpg);
	color:#333333;
}

#partsSWF {
	position:absolute;
	top:50px;
	left:10px;
	width:150px;
	height:280px;
}
#blogParts h5 {
	position:absolute;
	font-weight:bold;
	left: 176px;
	top: 70px;
	width: 102px;
}
#blogParts p {
	position:absolute;
	display:block;
	font-size:92%;
	left: 174px;
	top: 150px;
	width: 114px;
	line-height:1.2;
}

#blogParts a{
	display:block;
	position:absolute;
	width:90px;
	height:21px;
	background-image:url(../img/blog_parts_link_btn_bg.jpg);
	left: 183px;
	top: 296px;
}

#blogParts a:hover{
	background-position:0 -21px;
}

/* Access Ranking =================================*/
#accessRanking {
	position:relative;
	margin-bottom:14px;
	width:300px;
	height:214px;
	background-image:url(../img/access_ranking_bg.jpg);
}

#accessRanking ol {
	position:absolute;
	left: 59px;
	top: 49px;
	width: 230px;
}
#accessRanking ol li {	
}
#accessRanking ol li a {
	display:block;
	margin-bottom:1px;
	padding-top:8px;
	height:22px;
	font-size:107%;
	color:#333333;
	text-decoration:none;
}
#accessRanking ol li a:hover{
	text-decoration:underline;
}

/* Access Ranking 2line=================================*/

#accessRanking ol li a.2line{
	padding-top:0px;	
	font-size:85%;
}

/* Secondary Menu =================================*/
#secMenu {
	position:relative;
	margin-bottom:15px;
	width:300px;
}
#secMenu ol {
	width:300px;
}
#secMenu ol li {
}
#secMenu ol li a{
	display:block;
	margin-bottom:10px;
	width:300px;
	height:60px;
	color:#f7206c;
	text-decoration:none;
}
#secMenu ol li a.oddList {
	background-color:#CCCCCC;
	background-image:url(../img/sec_menu_even_bg.gif);
}
#secMenu ol li a.evenList {  }

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

#secMenu ol li a img.secMenuImg {
	float:left;
	margin-right:12px;
}
#secMenu ol li a span{
	display:block;
}
#secMenu ol li a span.secMenuTitle {
	margin-bottom:2px;
	padding-top:4px;
	font-size:93%;
	font-weight:bold;
	color:#f7206c;
}
#secMenu ol li a span.secMenuText {
	font-size:77%;
	color:#4c4c4c;
}

/* nav =================================*/ 
ul#nav {
	margin-bottom:15px;
	width:300px;
	height:25px;
	color:#FFFFFF;
	background:url(../img/side_btn.gif) no-repeat;
}

ul#nav li {
	list-style:none;
	display:block;
	margin:0;
	padding:0;
	float:left;
	text-indent:-9999px;
	height:25px;
}

ul#nav li a {
	display:block;
	text-decoration:none;
	padding:0;
	height:25px;
	background-image:url(../img/side_btn.gif);
	background-repeat:no-repeat;
}

ul#nav li#inquiry       { width: 150px; }
ul#nav li#mail_magazine { width: 150px; }

ul#nav li#inquiry a       { background-position: 0 0; }
ul#nav li#mail_magazine a { background-position: -150px 0; }

ul#nav li#inquiry a:hover       { background-position: 0 -25px; }
ul#nav li#mail_magazine a:hover { background-position: -150px -25px; }

	 
/* CanCam.TV Mobile =================================*/ 
#canMobile {
	position:relative;
	margin-bottom:15px;
	width:300px;
	height:144px;
	background-image:url(../img/cctv_mobile_bg.jpg);
}