@charset "utf-8";

.main_wrap {
	width: 940px;
	margin: 18px auto 0 auto;
}


p#shop100 {
	position:        absolute;
	top:             27px;
	right:           22px;
	z-index:         200;
}



/** ctrl */
/**************************************/
div.mainimage div#ctrl {
	position:        absolute;
	top:             330px;
	left:            20px;
	background:      url("/shared/img/index/main_ctrl_bg.png") left top no-repeat;
	width:           325px;
	height:          35px;
}

div.mainimage div#ctrl div#popup {
	background:      url("/shared/img/index/ctrl_popup.gif") left top no-repeat;
	position:        absolute;
	top:             -68px;
	display:         none;
	width:           110px;
	height:          65px;
}

div.mainimage div#ctrl div#popup img {
	position:        absolute;
	top:             5px;
	left:            5px;
}

div.mainimage div#ctrl div.position_1 {
	top:             -68px;
	left:            7px;
}

div.mainimage div#ctrl div.position_2 {
	top:             -68px;
	left:            57px;
}

div.mainimage div#ctrl div.position_3 {
	top:             -68px;
	left:            107px;
}

div.mainimage div#ctrl div.position_4 {
	top:             -68px;
	left:            157px;
}

div.mainimage div#ctrl div.position_0 {
	top:             -68px;
	left:            207px;
}

div.mainimage div#ctrl div#scroll {
	position:        absolute;
	top:             5px;
	left:            40px;
	overflow:        hidden;
	width:           245px;
}

div.mainimage div#ctrl div#scroll ul {
	position:        relative;
	top:             0px;
	left:            0px;
	width:           3000px;
	height:          25px;
}

div.mainimage div#ctrl div#scroll ul li {
	margin:          0 5px 0 0;
	float:           left;
}

div.mainimage div#ctrl div#scroll ul li a {
	position:        relative;
	background:      url("/shared/img/index/main_thumb_bg.png") left top no-repeat;
	display:         block;
	cursor:          pointer;
	width:           45px;
	height:          25px;
}

div.mainimage div#ctrl div#scroll ul li a span {
	position:        absolute;
	top:             2px;
	left:            2px;
	border:          none;
	cursor:          pointer;
	display:         block;
	width:           39px;
	height:          19px;
}

div.mainimage div#ctrl div#scroll ul li a span.on {
	position:        absolute;
	top:             1px;
	left:            1px;
	border:          2px solid #fa9900;
	display:         block;
	width:           39px;
	height:          19px;
}

div.mainimage div#ctrl div#scroll ul li a span img {
	border:          1px solid #ffffff;
	display:         block;
	cursor:          pointer;
	width:           39px;
	height:          19px;
}

div.mainimage div#ctrl div#scroll ul li a span.on img {
	border:          1px solid #ffffff;
	display:         block;
	width:           37px;
	height:          17px;
}

div.mainimage div#ctrl div.btn {
	position:        absolute;
}

div.mainimage div#ctrl div.btn a {
	background:      url("/shared/img/index/main_ctrl.gif") left top no-repeat;
	display:         block;
	text-indent:     -9999px;
	width:           25px;
	height:          25px;
}

div.mainimage div#ctrl div.mainimage_prev {
	top:             5px;
	left:            5px;
}

div.mainimage div#ctrl div.mainimage_next {
	top:             5px;
	left:            295px;
}

div.mainimage div#ctrl div.mainimage_prev a       { background-position:   0px   0px; }
div.mainimage div#ctrl div.mainimage_prev a:hover { background-position:   0px -25px; }
div.mainimage div#ctrl div.mainimage_prev a.none  { background-position:   0px -50px; }
div.mainimage div#ctrl div.mainimage_next a       { background-position: -25px   0px; }
div.mainimage div#ctrl div.mainimage_next a:hover { background-position: -25px -25px; }
div.mainimage div#ctrl div.mainimage_next a.none  { background-position: -25px -50px; }

/* /mainimage */

.header_banner_areaIn {
	width: 100%;
	background: #0F0623;
}
.header_banner_area {
	position: relative;
	margin: 0 auto;
	width: 1030px;
	height: 164px;
	_height: 190px;
	padding: 12px 0;
}
.header_banner_area ul li {
	float: left;
	margin: 0 8px 0 0;
}
.header_banner_area ul li img {
	vertical-align: bottom;
}
.ht_banner_logo {
	position: absolute;
	top: -20px;
	left: 48px;
}
.header_banner_area .ht_btn_prev {
	position: absolute;
	top: 68px;
	left: 30px;
}
.header_banner_area .ht_btn_next {
	position: absolute;
	top: 68px;
	right: 30px;
}
.header_banner_area ul {
	position: absolute;
	top: 12px;
	left: 53px;
}
.murasakiTV_movie {
	float: left;
	width: 372px;
	margin: 10px 0 24px 0;
}
/* playlist */
#h2_murasakiTV {
	background             : url(/shared/img/index/h2_01.gif) left top no-repeat;
	width                  : 648px;
	height                 : 24px;
	_height                : 31px;
	font-size              : 14px;
	font-family            : Arial;
	font-weight            : bold;
	color                  : #FFEF00;
	padding                : 8px 0 0 54px;
	_padding               : 6px 0 0 54px;
	*padding               : 6px 0 0 54px;
}


/* NEWS*/
.h2_news {
	clear                  : both;
	background             :url(/shared/img/index/h2_02.gif) left top no-repeat;
	width                  : 687px;
	_width                 : 702px;
	height                 : 24px;
	_height                : 28px;
	color                  : #FFEF00;
	padding                : 5px 0 0 15px;
	_padding               : 3px 0 0 15px;
	*padding               : 3px 0 0 15px;
	font-size              : 14px;
	font-weight            : bold;
	font-family            : Arial;
}



html>/**/body .h2_news {
	padding: 4px 0 0 15px\9;
}
.h2_icon {
	margin: -22px 6px 11px 0;
	z-index: 9999;
	text-align: right;
}


/* subTop */
#contents #subTop {
	float: right;
}
#contents #subTop img {
	margin-bottom: 3px;
	vertical-align: bottom;
}
#contents #subTop a:hover img {
	filter: Alpha(opacity=80);
	opacity:0.8;
}

#contents #subTop a.none:hover img {
	filter: alpha(opacity=100);
	opacity: 1.0;
}

.playlist_logo_01 {
	color: #FFF;
	font-size: 8px;
	background: url(/shared/img/index/playlist_logo_01_bk.gif) left top no-repeat;
	padding: 0 2px;
	vertical-align: middle;
}
.playlist_logo_02 {
	color: #FFF;
	font-size: 8px;
	background: url(/shared/img/index/playlist_logo_02_bk.gif) left top no-repeat;
	padding: 0 2px;
	vertical-align: middle;
}
.playlist_logo_03 {
	color: #FFF;
	font-size: 8px;
	background: url(/shared/img/index/playlist_logo_03_bk.gif) left top no-repeat;
	padding: 0 2px;
	vertical-align: middle;
}
.playlist_logo_04 {
	color: #FFF;
	font-size: 8px;
	background: url(/shared/img/index/playlist_logo_04_bk.gif) left top no-repeat;
	padding: 0 2px;
	vertical-align: middle;
}





/** frm-main */
/**************************************/
div#frm-main {
	text-align:      center;
	position:        relative;
	top:             0px;
	left:            0px;
	width:           100%;
	height:          333px;
	margin:          -7px 0 0 0;
	z-index:         10;
}

div#frm-main-bg {
	position:        absolute;
	top:             0px;
	left:            0px;
	text-align:      left;
	width:           100%;
	height:          333px;
	z-index:         100;
}

div#frm-main-bg ul {

}

div#frm-main-bg ul li {
	background:      transparent center top no-repeat;
	position:        absolute;
	text-align:      center;
	display:         none;
	width:           100%;
	height:          333px;
}

div#frm-main-content {
	position:        relative;
	width:           970px;
	height:          333px;
	margin:          0 auto;
	z-index:         8888;
}

ul#frm-main-images {
	width:           970px;
	height:          333px;
}

ul#frm-main-images li {
	position:        absolute;
	top:             0px;
	left:            0px;
	display:         none;
}

ul#frm-main-images li a {

}

ul#frm-main-images li a img {

}

div#frm-main-ctrl {
	text-align:      left;
	background:      url("/shared/img/index/frm-main-ctrl-bg.png") left top no-repeat;
	position:        absolute;
	top:             299px;
	left:            737px;
	width:           225px;
	height:          29px;
	z-index:         99999;
}

div#frm-main-ctrl ul {
	position:        relative;
	top:             4px;
	left:            15px;
	width:           200px;
}

div#frm-main-ctrl ul li {
	width:           50px;
	height:          21px;
	float:           left;
}

div#frm-main-ctrl ul li a {
	display:         block;
	cursor:          pointer;
	width:           45px;
	height:          21px;
}

div#frm-main-ctrl ul li a img {
	display:         block;
	width:           45px;
	height:          21px;
}

div#frm-main-cursor {
	background:      url("/shared/img/index/frm-main-cursor.gif") left top no-repeat;
	position:        absolute;
	top:             4px;
	text-indent:     -9999px;
	width:           45px;
	height:          21px;
}

div.position_0 {
	left:            15px;
}

div.position_1 {
	left:            65px;
}

div.position_2 {
	left:            115px;
}

div.position_3 {
	left:            165px;
}

/** frm-feature */
/**************************************/
div#frm-feature {
	background:      url("/shared/img/index/frm-feature-bg.gif") left top;
	height:          188px;
}

div#frm-feature-content {
	position:        relative;
	top:             0px;
	left:            0px;
	width:           970px;
	height:          188px;
	margin:          0 auto;
	z-index:         999999;
}

h2#frm-feature-tag {
	position:        absolute;
	top:             -20px;
	left:            20px;
	background:      url("/shared/img/index/frm-feature-tag.png") left top no-repeat;
	text-indent:     -9999px;
	font-size:       1px;
	width:           64px;
	height:          20px;
	z-index:         99999;
}

div.frm-feature-ctrl {
	position:        absolute;
}

div#frm-feature-ctrl-left {
	top:             80px;
	left:            0px;
}

div#frm-feature-ctrl-right {
	top:             80px;
	right:           0px;
}

div.frm-feature-ctrl a {
	background:      url("/shared/img/index/frm-feature-ctrl.gif") left top no-repeat;
	display:         block;
	text-indent:     -9999px;
	width:           18px;
	height:          27px;
}

div#frm-feature-ctrl-left a        { background-position:   0px   0px; }
div#frm-feature-ctrl-left a:hover  { background-position:   0px -27px; }
div#frm-feature-ctrl-left a.lim    { background-position:   0px -54px; }
div#frm-feature-ctrl-right a       { background-position: -18px   0px; }
div#frm-feature-ctrl-right a:hover { background-position: -18px -27px; }
div#frm-feature-ctrl-right a.lim   { background-position: -18px -54px; }


div#frm-feature-scroll {
	position:        absolute;
	top:             12px;
	left:            23px;
	overflow:        hidden;
	width:           924px;
	height:          165px;
}

div#frm-feature-scroll ul {
	position:        absolute;
	left:            932px;
	width:           9999px;
}

div#frm-feature-scroll ul li {
	width:           233px;
	float:           left;
}


/** frm-playlist */
/**************************************/
div.frm-playlist {
	border-bottom:   1px solid #e8e8e8;
	width:           315px;
	margin:          10px 0 0 0;
	float:           right;
}

div.frm-playlist-header {
	position:        relative;
	background:      #fff38f;
	width:           315px;
	height:          22px;
}


div.frm-playlist-header h2 {
	display:         block;
	color:           #160733;
	font-size:       14px;
	font-weight:     bold;
	font-family:     Arial;
	height:          22px;
	line-height:     23px;
	margin:          0 !important;
	padding:         0 0 0 8px;
}

div.frm-playlist-header div {
	position:        absolute;
	top:             0px;
	right:           56px;
	height:          22px;
}

div.frm-playlist-header div a {
	background:      url("/shared/img/index/frm-playlist-link.gif") left top no-repeat;
	display:         block;
	text-indent:     -9999px;
	width:           45px;
	height:          22px;
}

div.frm-playlist-header div a:hover { background-position: 0px -22px; }

div.frm-playlist-header ul {
	position:        absolute;
	top:             0px;
	right:           4px;
	height:          22px;
}

div.frm-playlist-header ul li {
	float:           left;
}

div.frm-playlist-header ul li a {
	background:      url("/shared/img/index/frm-playlist-ctrl.gif") left top no-repeat;
	display:         block;
	text-indent:     -9999px;
	width:           24px;
	height:          22px;
}

div.frm-playlist-header ul li.frm-playlist-ctrl-up a         { background-position:   0px   0px; }
div.frm-playlist-header ul li.frm-playlist-ctrl-down a       { background-position: -24px   0px; }
div.frm-playlist-header ul li.frm-playlist-ctrl-up a:hover   { background-position:   0px -22px; }
div.frm-playlist-header ul li.frm-playlist-ctrl-down a:hover { background-position: -24px -22px; }
div.frm-playlist-header ul li.frm-playlist-ctrl-up a.lim     { background-position:   0px -44px; }
div.frm-playlist-header ul li.frm-playlist-ctrl-down a.lim   { background-position: -24px -44px; }

div.frm-playlist-content {
	position:        relative;
	top:             0px;
	left:            0px;
	border-left:     1px solid #e8e8e8;
	border-right:    1px solid #e8e8e8;
	height:          280px;
	overflow:        hidden;
}

div.frm-playlist-content ul {
	position:        absolute;
	top:             0px;
	left:            0px;
}

div.frm-playlist-content ul li {
	position:        relative;
	width:           313px;
	height:          56px;
	float:           left;
	clear:           both;
}

div.frm-playlist-content ul li.even {
	background       : #F3F1F6;
}

div.frm-playlist-content ul li.odd {
	background       : #FFFFFF;
}




div.frm-playlist-content ul li div.gray {
	background:      #f3f1f6;
}

div.frm-playlist-item {
	width:           313px;
	height:          56px;
}

div.frm-playlist-item a {
	background:      url("/shared/img/common/transparent.gif") left top no-repeat;
	position:        absolute;
	top:             0px;
	left:            0px;
	display:         block;
	cursor:          pointer;
	color:           #190a32;
	width:           313px;
	height:          56px;
	z-index:         9999;
}

div.frm-playlist-item a:hover {
	color:           #3281a2;
}

div.frm-playlist-item a span {
	position:        absolute;
	top:             22px;
	left:            73px;
	font-size:       10px;
	line-height:     1.1;
	width:           230px;
	height:          28px;
	overflow:        hidden;
}

div.frm-playlist-item div.thumb {
	position:        absolute;
	top:             5px;
	left:            6px;
	background:      url("/shared/img/index/frm-playlist-thumb.gif") left top no-repeat;
	width:           58px;
	height:          45px;
}

div.frm-playlist-item div.thumb img {
	position:        relative;
	top:             2px;
	left:            2px;
	display:         block;
	border:          1px solid #ffffff;
}

div.frm-playlist-item div.date {
	position:        absolute;
	top:             5px;
	left:            74px;
	font-size:       11px;
	color:           #190a32;
	line-height:     11px;
	height:          11px;
}

div.frm-playlist-item div.date img {
	position:        relative;
	top:             2px;
	left:            0px;
}

div.frm-playlist-item div.date span {
	padding:         0 0 0 8px;
}




/** clearfix */
/**************************************/
div#frm-main-ctrl ul:after,
div#frm-feature-scroll ul:after,
div.frm-playlist-header ul:after
{
	content:         ".";
	height:          0;
	clear:           both;
	visibility:      hidden;
	display:         block;
}

div#frm-main-ctrl ul,
div#frm-feature-scroll ul,
div.frm-playlist-header ul
{
	display:         inline-block;
}

/*\*/
* html div#frm-main-ctrl ul,
* html div#frm-feature-scroll ul,
* html div.frm-playlist-header ul
{
	height:          1%;
}

div#frm-main-ctrl ul,
div#frm-feature-scroll ul,
div.frm-playlist-header ul
{
	display:         block;
}