*{ margin:0; padding:0; }

body { background-color:#013; background-repeat:repeat-x; }

#free_sp { position:relative; width:960px; margin:0 auto; z-index:3; }

#main_stage   { position:relative; color:#FF9; width:960px; margin: 0 auto;	}
#target_stage { position:relative; background-color:#FFF; }
.logo_fix     { position:relative; }

#mami_info_fl { background-color:#F9C; }

#mami_info_sp { width:960px; margin:0 auto; padding:85px 0 30px 0; }
#mainlogo_sp  { position:absolute; width: 300px; height:170px; top:0px; left:10px; padding: 130px 10px 0 10px; background-image:url(/title/magicgirl/images/white_base.png); border-bottom-left-radius:6px; border-bottom-right-radius:6px; box-shadow:1px 1px 2px #333; -moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow:1px 1px 2px #333; }

#update_fl             { float:left; width:386px; margin:0 0 0 10px; padding:10px; border-radius: 6px; box-shadow:1px 1px 2px #333; -moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow:1px 1px 2px #333; }
#update_fl #scroll     { width:386px; height:145px; overflow:auto; }
#update_fl .days_point { line-height:18px; margin:0 0 5px 0; }
#update_fl             { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; color:#FFF; background-color:#FF2B95; border:3px solid #FFF; }
#update_fl a           { font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; color:#FFF; text-decoration:none; }
#update_fl h1          { font-size:13px; color:#FFC; }

#works_fl     { float:left; width:256px; height:170px; margin:0 0 0 10px; }
#works_fl div { margin:0 0 5px 0; }
#works_fl img { border:none; box-shadow:1px 1px 2px #333; -moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow:1px 1px 2px #333; }
#banner_fl            { float:left; text-align:left; margin:0 0 0 10px; }
#banner_fl .banner_sp { margin:0 0 6px 0; }
#banner_fl img        { border-style:none; box-shadow:1px 1px 2px #333; -moz-box-shadow:1px 1px 2px #333; -webkit-box-shadow:1px 1px 2px #333; }
#cp_space { position:absolute; font-size:10px; color:#333; width:300px; bottom:20px; left:350px; }

#enter_contents_fl            { position:absolute; width:320px; height:174px; bottom:25px; left:10px; }
#enter_contents_fl img        { float:left; padding: 3px; }
#enter_contents_fl a.selected { opacity:0.8; filter:alpha(opacity=80); }
#enter_contents_fl a:hover    { opacity:0.8; filter:alpha(opacity=80); }
#enter_contents_fl a img      { border-style:none; }

.clear { height:0; clear:both; }

/* Superbox用 */
/* Base Superbox Styles */
#superbox-overlay{position:fixed;top:0;left:0;z-index:9998;width:100%;height:100%;}
#superbox-wrapper{position:fixed;z-index:9999;top:0;display:table;width:100%;height:100%;}
#superbox-container{position:relative;display:table-cell;width:100%;height:100%;margin:0;padding:0;vertical-align:middle;}
#superbox{margin:0 auto;padding:0;}
#superbox-container .loading{margin:0;text-align:center;}

/* IE7 */
*:first-child+html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
*:first-child+html #superbox{position:relative;top:-50%;display:block;}
/* IE6 - Thanks to Thickbox for IE expressions */
* html #superbox-container{position:absolute;top:50%;display:block;height:auto;}
* html #superbox{position:relative;top:-50%;display:block;}
* html #superbox-overlay{position:absolute;height:expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight + 'px' : document.body.offsetHeight + 'px');}
* html #superbox-wrapper{position:absolute;margin-top:expression(0 - parseInt(this.offsetHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');}

/* Default Theme */
#superbox-overlay{background:#000;}
#superbox-container .loading{text-align:center;font-size:40px;color:#fff;}
#superbox{padding:2px;}
#superbox-innerbox{padding:2px 0;}
#superbox.image{text-align:center;}
#superbox .close,
#superbox .nextprev{overflow:hidden;margin:0;}



/* superbox 背景の色
---------------------------------------- */
#superbox-overlay{background:#FFF;}

/* superbox ローディング画像呼び出し
---------------------------------------- */
#superbox-container .loading{width:32px;height:32px;margin:0 auto;text-indent:-9999px;background:url(styles/loader.gif) no-repeat 0 0;}

/* superbox closeボタン
---------------------------------------- */
#superbox .close a{ float:right; font-size:12px; line-height:20px; padding:0 5px; background:#333; border-radius: 6px; cursor:pointer; }
#superbox .close a span{color:#fff;}

/* superbox next　prev要素指定
#superbox .nextprev a{float:left;margin-right:5px;padding:0 5px;line-height:20px;background:#333;cursor:pointer;color:#fff;}
---------------------------------------- */

/* コンテンツ要素
---------------------------------------- */
#superbox #column { text-align:left; }
#superbox #column h2 { font-size: 116.6%; border-bottom: 1px solid #646464; padding:5px; margin:0 0 10px 0; }

/* メインスライダー
----------------------------------------- */
.lof-slidecontent { position:relative;}
.lof-slidecontent .preload{	height:100%;	width:100%;	position:absolute;	top:0;	left:0;	z-index:2;	text-align:center;	background:#FFF}
.lof-slidecontent .preload div{	height:100%;	width:100%;	background:transparent url(/title/magicgirl/images/load-indicator.gif) no-repeat scroll 50% 50%;}

.lof-slidecontent  .sliders-wrapper{	position:relative;	height:100%;	z-index:1;	overflow:hidden; }
.lof-slidecontent  ul.sliders-wrap-inner{overflow:hidden;	background:transparent url(/title/magicgirl/images/load-indicator.gif) no-repeat scroll 50% 50%;	padding:0px;	margin:0;	position:absolute;	overflow:hidden;}
.lof-slidecontent  ul.sliders-wrap-inner li{overflow:hidden; padding:0px; margin:0px; float:left; position:relative;}
.lof-slidecontent  .lof-opacity  li{position:absolute; top:0; left:0; float:inherit;}


.lof-slidecontent  .navigator-content {
	position:absolute;
	bottom:-80px;
	background:url(/title/magicgirl/images/transparent_bg.png) repeat;
	right: 6px;
	width:740px;
	padding:15px 15px 5px 15px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
	z-index:3;
}
.lof-slidecontent  .navigator-wrapper{
	z-index:10;
}
.lof-slidecontent  ul.navigator-wrap-inner{	padding:0; margin:0;}
.lof-slidecontent  ul.navigator-wrap-inner li{ cursor:hand; cursor:pointer; list-style:none; margin-left:3px; float:left; text-align:center;}
.lof-slidecontent  ul.navigator-wrap-inner li div{padding:3px 2px;}

/*******************************************************/
 
ul.sliders-wrap-inner li img{padding:0px;}


.lof-slidecontent  .item-meta a:hover{	text-decoration:underline;}
.lof-slidecontent  .item-meta i {	font-size:70%; }

/* item navigator */

.lof-slidecontent ul.navigator-wrap-inner li div{
	background-color:#FFF;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
}
.lof-slidecontent ul.navigator-wrap-inner li.active div, 
.lof-slidecontent ul.navigator-wrap-inner li:hover div {
	background-image:url(/title/magicgirl/images/mg_btm_base02.png);
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	box-shadow: 1px 1px 2px #333;
	-moz-box-shadow: 1px 1px 2px #333;
	-webkit-box-shadow: 1px 1px 2px #333;
}
.lof-slidecontent .navigator-content .button-next, 
.lof-slidecontent .navigator-content .button-previous{
	display:block;
	width:22px;
	height:30px;
	color:#FFF;
	cursor:pointer;

}
.lof-slidecontent .navigator-content .button-next {
	float:right;	
	text-indent:-999px;
	margin-top:15px;
	margin-right:5px;
	background:url(/title/magicgirl/images/arrow-l.png) no-repeat right center;
}
.lof-slidecontent .navigator-content .button-previous {
	float:left;	
	text-indent:-999px;
	margin-top:15px;
	margin-left:5px;
	background:url(/title/magicgirl/images/arrow-r.png) no-repeat left center;
}

.lof-slidecontent .button-control {
   position:absolute;
   top:10px;
   right:10px;
    height: 20px;
    width: 20px;
	cursor:hand;
	cursor:pointer;
	background:url(/title/magicgirlimages/transparent_bg.png) repeat;
}

.lof-slidecontent .button-control span { display:block;  width:100%; height:100%;}
.lof-slidecontent .action-start span  {
	background:url(/title/magicgirl/images/play.png) no-repeat center center;
}
.lof-slidecontent .action-stop span {
	background:url(/title/magicgirl/images/pause.png) no-repeat center center;
}