@import "common.css";

* html .event {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='images/rebon.png');
}


.contents {
	height:566px;
	text-align:left;
}

/*-----------PICK_UP_LADY--------------*/
#pick_up {
	float:left;
	width:260px;
	height:544px;
	background:url(../images/pickup.gif) no-repeat left top;
	position:relative;
	padding:22px;
	padding-top:0px;
}

#pick_up h3 {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:95px;
	height:95px;
}

* html #pick_up h3 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='images/index_batch_pickup.png');
}

* html #pick_up h3 img {
	display:none;
}

#tab {
	width:187px;
	height:22px;
	overflow:hidden;
	padding-left:17px;
}

#tab img {
	margin-right:10px;
}

#pick_up_movie {
	position:relative;
	z-index:0;
	background-color:#2c2c2c;
	padding:10px;
}

#pick_up_movie h4 {
	background-color:#ff2e87;
}

#pick_up_movie h5 {
	background-color:#ff2e87;
	padding-left:5px;
	font-size:14px;
}

#flash {
	margin-top:11px;
	margin-bottom:9px;
}

#pick_up_movie dl {
	height:42px;
	padding:8px 5px;
	line-height:14px;
	
}

#pick_up_movie dl dt {
	clear:both;
	float:left;
	padding-right:10px;
	width:40px;
}

#pick_up_movie dl dd {
	float:left;
	width:160px;
}

#pick_up_movie p {
	clear:both;
	width:224px;
	height:84px;
	padding:8px;
	line-height:14px;
	overflow:auto;
	background:url(../images/area_back.gif);
}

/*-------------TOPICS-------------*/

#topics {
	float:left;
	width:312px;
	height:522px;
	background:url(../images/topics.gif) no-repeat left top;
	position:relative;
	padding:22px;
}
#topics h3 {
	position:absolute;
	top:0;
	right:0;
	z-index:1;
	width:95px;
	height:95px;
}

* html #topics h3 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale,src='images/index_batch_topics.png');
}

* html #topics h3 img {
	display:none;
}

#topics_area {
	position:relative;
	z-index:0;
	background-color:#2c2c2c;
	padding:10px;
}

#topics_area h4 {
	background-color:#d8a5db;
	margin-bottom:11px;
}
/*-------------SIDE_MENU-------------*/

#side_menu {
	width:240px;
	height:566px;
	float:left;
}

#side_menu a {
	display:block;
	width:142px;
	height:75px;
	padding:15px 8px 0 90px;
	line-height:14px;
	margin-bottom:13px;
}

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

#side_menu a span {
	padding-top:5px;
	display:block;
	font-size:10px;
	line-height:12px;
}
#magazine {
	background:url(../images/magazine_back.jpg) no-repeat left top;
	cursor:pointer;
}
#rss {
	background:url(../images/rss_back.jpg) no-repeat left top;
}
#event {
	background:url(../images/event_back.jpg) no-repeat left top;
	cursor:pointer;
}
#contact {
	background:url(../images/mail_back.jpg) no-repeat left top;
	cursor:pointer;
}
#mobile {
	width:220px;
	height:218px;
	padding:8px 10px;
	background:url(../images/mobile_back.jpg) no-repeat left top;
}

#mobile dt {
	margin-top:10px;
	float:left;
	width:58px;
	height:58px;
}

#mobile dd {
	font-size:10px;
	line-height:12px;
	margin-top:10px;
	float:right;
	width:150px;
}

#mobile dd#mobile_url {
	padding-top:10px;
	padding-left:10px;
	width:auto;
	clear:both;
	float:none;
	font-size:12px;
}