@charset "utf-8";

/* # Reset 'Browser standard style'
---------------------------------------------------------------------------- */

body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,table,th,td,
form,address,pre,em,caption,cite,code,dfn,var {
	/*font-size: 100%;*/
	font-style: normal;
	font-weight: normal;
	margin: 0;
	padding: 0;
	text-decoration: none;
	font-size: 13px;
	line-height:1.7;
	color:#412700;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img {
	border: 0;
	vertical-align: bottom;
}

ol, ul { list-style: none; }

ul ul,ol ul,ul ol,ol ol,
dl ul,dl ol,dl dl,td td {
	font-size: 100%;
}

a{color:#412700;}

/*-------------------------------------------------------------------------
 NEW　入れるやつ。
-------------------------------------------------------------------------*/
/*---TOP---*/
.new_top{
	position:relative;
}
.new_top:after{
	position: absolute;
	content:url("../images/navi_new.png");
	right:7px;
	margin-top: 12px;
}
.new_top_goods:after{
	right:22px;
}
.new_top_tvAnime:after{
	right:4px;
	margin-top: 16px;
}

/*---右ナビ---
.navi_download a:after,
.navi_goods a:after,
.navi_tvanimation a:after{
	position: absolute;
	content:url("../images/navi_new.png");
	top:11px;
	right:9px;
}
.navi_tvanimation a:after{
	top:15px;
	right:7px;
}*/
/*---Download---
#wallpaper table tr td div.new:before{
	content:url("../images/dl_wp_img_new.png");
	position: absolute;
}
*/

/*---TVアニメ---
.tv_tab a{
		position: relative;
}
.tv_tab a:nth-child(1):after{
		position: absolute;
		content:url("../images/tv_tab_new.png");
		top:-28px;
		right:6px;
}*/
/*---該当のhtmlだけnewつける---
.tv_tab a.new:after{
	top:-31px;
}
*/
/*---goods---
.goods_menu ul li:nth-child(6) a:after{
	position: absolute;
	content:url("../images/goods_tab_new.png");
	right:4px;
	top:9px;
	z-index: 100;
}*/
/*---該当のhtmlだけnewつける---
.goods_menu ul li.new a:after{
	top:5px;
}
*/

/* # body#top
---------------------------------------------------------------------------- */


body#top{
	background-color: #FFF;
	/*overflow: hidden;*/
	}

#bg{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
}
#bg div.inner{
	width: 1800px;
	height: 1200px;
	opacity: 0;
	position: absolute;
}

#bg div.inner img.body{

}

#bg div.inner div.top_coni{
	width: 420px;
	height: 200px;
	position: absolute;
	top: 680px;
	left: 565px;
	background: url(../images/anime_top.png);
  -webkit-background-size: 2048px 4096px;
}

#top_content{
	position: relative;
	}

.top_header{
	position: absolute;
	width:1025px;
	height:325px;
	opacity: 0;
	}

.top_title{
	position: absolute;
	left:260px;
	bottom:0;
	}
.top_menu_about{
	position: absolute;
	left:0;
	bottom:-90px;
	}
.top_menu_about a{text-decoration:none;}
.top_menu_character{
	position: absolute;
	right:0;
	bottom:20px;
	}

#top_bnr_area{
	position: absolute;
	z-index:20;
	left:20px;
	bottom:55px;
	width:343px;
	height:140px;
	padding-left:2px;
	background:url(../images/top_banner_bg.png);
	}
#top_bnr_imgs>a{
	display: none;
}
#top_bnr_nav>a{
	position: absolute;
	display: block;
	top:117px;
	width:14px;
	height:14px;
	background:url("../images/top_banner_mark_gray.png");
	z-index:10;
	overflow: hidden;
	text-indent:-9999px;
}
#top_bnr_nav>a.activeSlide{
	background:url("../images/top_banner_mark_red.png");
}

.top_bnr_onair{
	position: absolute;
	left:20px;
	bottom:45px;
	}

.top_bnr_youtube{
	position: absolute;
	left:20px;
	bottom:150px;
	}

.top_information{
	position: absolute;
	right:20px;
	bottom:20px;
	}
#chara_1,#chara_2{
		position: absolute;
		right:0px;
		bottom:367px;
}
.top_copy{
	position: absolute;
	opacity: 0;
	left:20px;
	bottom:20px;
	}

ul.sns_area{
	position: absolute;
	right:0;
	top:0;
	z-index:80;
	}
#top ul.sns_area{
	position: absolute;
	right:20px;
	top:10px;
	}
ul.sns_area li{
	float:left;
	margin-left:10px;
	}

.information{
	position: absolute;
	left:5px;
	top:86px;
	width:260px;
	height:325px;
	}

.top_tv_present{
	position: absolute;
	right:-80px;
	top:-210px;
	}


/* # body
---------------------------------------------------------------------------- */

body{
	background:#FFFDE0;
	}

#content {
	position: relative;
	}

#navi{
	position:fixed;
	left:0;
	top:0;
	width:240px;
	padding:30px 20px;
	min-height: 100%;
	background:url(../images/body_bg.png) left top repeat-y fixed;
	}



.naviInner{
	position:fixed;
	left:20px;
	top:30px;
	z-index:50;
	height:100%;
	}
.navi_title{
	margin-bottom:10px;
	}
.navi_about,
.navi_character,
.navi_tvanimation,
.navi_download,
.navi_goods,
.navi_event{
	margin:2px 5px 0 5px;
	position: relative;
	}

.navi_banner{
	margin:20px 5px;
	margin-bottom:10px;
	}
#navi_bg_footer{
	position:fixed;
	left:0;
	bottom:0;
	width:280px;
	height:341px;
	background:url(../images/navi_bg_footer.png) left bottom no-repeat;
	z-index:30;
	overflow: hidden;
	}

#navi_bg_footer div.coni{
	position: absolute;
	bottom: 22px;
	left: 130px;
	width: 120px;
	height: 180px;
	background: url(../images/anime-child.png);
}


.navi_copy{
	position: fixed;
	bottom: 20px;
	left: 20px;
	z-index:10;
	}


.mainarea{
	position: relative;
	top: 0;
	margin-left: 280px;
	z-index: 71;
	margin-top: 15px;
	}
.mainareaInner{
	position: relative;
	display:block;
	width: 820px;
	margin: 0 auto;
	padding-left: 20px;
	}


#about_bg{
	position: absolute;
	top:-20px;
	right:0;
	width:460px;
	height:690px;
	background:url(../images/about_bg.png) left top no-repeat;
	background-size:460px 690px;
	/*z-index:50;*/
	}

.about_text{
	padding:40px 0 50px;
	font-size:14px;
	}
.about_img{
	padding-left:15px;
	}

/* tv */


.tv_tab{
	padding:30px 0 0;
	}

.tv_text{
	float:left;
	padding:40px 0 50px;
	font-size:14px;
	width:450px;
	}
.tv_img{
	float:right;
	padding:40px 0 50px;
	}


/* tv present */

.tv_present{
	padding:50px 0;
	margin-bottom:20px;
	border-bottom:2px solid #E6C9AE;
	}

.tv_dvd_detail{
	background:#F0E4BE;
	color:#422800;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:30px 5px;
	margin-top:55px;
	}
.tv_dvd_detail ul{
	position: relative;
}
.tv_dvd_detail ul li{
	line-height:180%;
	float: left;
	padding:0 25px;
}
.tv_dvd_detail ul li:last-child{

	line-height:180%;
	height:270px;
}

.tv_dvd_detail ul li p img{
	position: absolute;
	bottom: 0px;
	right: 30px;
}
.tv_dvd_detail ul li + li{
	border-left:1px solid #cd967d;
}

	p.tv_dvd_title{
	background:url(../images/tv_dvd_02.jpg) no-repeat left top;
	height:432px;
	}
	p.tv_dvd_txt1{
		margin: 50px 0 20px;
	}
	p.tv_dvd_txt2{
		color:#422800;
		width: 420px;
		float: left;
	}
	p.tv_dvd_image1{
		float: right;
	}

/* youtube */

.tv_youtube{
	background:#F0E4BE;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:20px 30px;
	margin-bottom:50px;
	margin-top: 50px;
	position: relative;
	}

.tv_youtube_title{
	margin:0 0 15px;
	}
.tv_youtube_text{
	margin:0 0 16px 0;
	}

.tv_youtube_icon{
	position:absolute;
	right:30px;
	top:20px;
	}


.tv_youtube ul{margin-right:-20px;}
.tv_youtube ul li{
	float:left;
	margin-right:20px;
	margin-bottom:30px;
	text-align:center;
	}
.tv_youtube ul li img{
	margin-bottom:5px;
	}


.tv_youtube_list_text{
	margin-top:10px;
	margin-bottom:15px;
}

#tv_youtube_lists{
	margin-top:20px;
}
#tv_youtube_lists li{
	clear: both;
	float: left;
	list-style-type:none;
	margin:0 0 5px 0;
	padding-left: 15px;
	background:url(../images/tv_list_image.png) left no-repeat;
}
#tv_youtube_lists ul{

	width:270px;
	float: left;
}
ul.tv_dance_movie{
	margin-left:-25px;
	}
ul.tv_dance_movie li{
	float:left;
	margin-left:25px;
	text-align:center;
	font-size:12px;
	}

ul.tv_dance_movie li img{
	margin-bottom:10px;
	}
.tv_music_prof{
	background:#f0e4be;
	border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
	}
.tv_music_table tr td{
	padding:30px 0 30px 30px;
	vertical-align:top;
	font-size:14px;
	}
.tv_music_table tr td img{
	margin-bottom:10px;
	}
.tv_music_table tr td ul{
	padding-top:10px;
	}
.tv_music_table tr td ul li{
	padding-left:15px;
	background:url(../images/tv_icon_dot.png) left no-repeat;
	}

ul.tv_interview_menu li{
	float:left;
	}

dl.tv_interview_text{
	margin-bottom:50px;
	}
dl.tv_interview_text dt{
	 font-weight:bold;
	 }
dl.tv_interview_text dd{
	margin-bottom:20px;
	 }
.tv_interview_imgL{
	float:left;
	margin-top:10px;
	margin-right:20px;
	}
.tv_interview_imgR{
	float:right;
	margin-left:20px;
	}

.tv_interview_prof{
	padding:25px;
	background:#f0e4be;
	border-radius: 20px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
	}

.tv_btn_back{
	padding:20px 0;}


	/* download */


#coniclock{
 	margin:50px 0;
 	border-top:1px
 	solid #CD967D;
 	padding-top:50px;
	position: relative;
}

.clock_face{
	position: absolute;
	top: 130px;
	left: 36px;
}

.clock_hours,
.clock_minutes{
	width: 300px;
	height: 300px;
	position: absolute;
	top: 0;
	left: 0;
}
.clock_seconds{
		width: 445px;
		height: 445px;
		position: absolute;
		top: -79px;
		left: -70px;
}

.clock_upper{
	position: absolute;
	top: 140px;
	left: 140px;
}


#wallpaper{
	border-top:1px solid #CD967D;
	padding-top:50px;
}

.dl_text{
	float:right;
	font-size:14px;
	width:400px;
	}
.dl_img{
	float:left;
	width:375px;
	}

.dl_box{
	background:#F0E4BE;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:20px 165px;
	margin:50px 0;
	}
.dl_box_img01{
	float:left;
	}
.dl_box_img02{
	float:right;
	}
.dl_box_text{
	margin:13px 0;
	}

.wp_box{
	background:#F0E4BE;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:20px 95px 20px 50px;
	margin:50px 0;
	}
#wallpaper table tr td{
	/*padding:20px 0;*/
	}
#wallpaper table.table_left{
	/*margin-bottom:5px;*/
	margin-top:40px;
	}
#wallpaper table.table_right tr td{
	padding:0 0 8px 0;
}
#wallpaper table tr td img.device_border{
	padding-top:20px;
}

/* character */

#character .mainareaInner{
	height:2781px;
	}

.chara_title{
	position: absolute;
	left: 0;
	top: 25px;
	z-index:50;
	padding-left: 20px;
	}
.chara_menu{
	top: 100px;
	z-index:100;
	position: absolute;
	margin-left: 780px;
	}
.chara_menu ul li{
	margin-bottom:3px;
	}

.chara_coni_name{
	position: absolute;
	left: 335px;
	top: 443px;
	z-index:100;
	}

.chara_coni_img{
	position: absolute;
	right: 101px;
	top: -1px;
	z-index:40;
	}
.chara_coni_text{
	position: absolute;
	left:57px;
	top: 288px;
	font-size:14px;
	}


.chara_tobi_img{
	position: absolute;
	left: 0;
	top: 544px;
	padding-left: 20px;
	}
.chara_tobi_name{
	position: absolute;
	left: 148px;
	top: 580px;
	}
.chara_tobi_text{
	position: absolute;
	left: 148px;
	top: 645px;
	}

.chara_bianca_img{
	position: absolute;
	left: 377px;
	top: 719px;
	}
.chara_bianca_name{
	position: absolute;
	left: 553px;
	top: 810px;
	}
.chara_bianca_text{
	position: absolute;
	left: 553px;
	top: 880px;
	}

.chara_fabio_img{
	position: absolute;
	left: 240px;
	top:794px;
	}
.chara_fabio_name{
	position: absolute;
	left: 20px;
	top: 969px;
	}
.chara_fabio_text{
	position: absolute;
	left:20px;
	top: 1039px;
	}

.chara_blu_img{
	position: absolute;
	left: 460px;
	top: 1149px;
	}
.chara_blu_text{
	position: absolute;
	left: 440px;
	top: 1349px;
	}
.chara_franco_img{
	position: absolute;
	left: 20px;
	top: 1229px;
	}
.chara_franco_name{
	position: absolute;
	left: 226px;
	top: 1365px;
	}
.chara_franco_text{
	position: absolute;
	left: 226px;
	top: 1435px;
	}
.chara_harry_img{
	position: absolute;
	left: 405px;
	top: 1510px;
	}
.chara_harry_name{
	position: absolute;
	left: 540px;
	top: 1664px;
	}
.chara_harry_text{
	position: absolute;
	left: 540px;
	top: 1724px;
	}
.chara_tao_img{
	position: absolute;
	left: 228px;
	top: 1683px;
	}
.chara_tao_name{
	position: absolute;
	left: 59px;
	top:1732px;
	}
.chara_tao_text{
	position: absolute;
	left: 59px;
	top:1802px;
	}
.chara_ser_img{
	position: absolute;
	left: 169px;
	top: 1946px;
	}
.chara_ser_name{
	position: absolute;
	left: 429px;
	top: 1979px;
	}
.chara_ser_text{
	position: absolute;
	left: 429px;
	top: 2049px;
	}
.chara_gufo_img{
	position: absolute;
	left: 14px;
	top: 2163px;
	}
.chara_gufo_name{
	position: absolute;
	left: 204px;
	top: 2195px;
	}
.chara_gufo_text{
	position: absolute;
	left: 204px;
	top: 2255px;
	}



.chara_roberto_img{
	position: absolute;
	left: 443px;
	top: 2368px;
	}
.chara_roberto_name{
	position: absolute;
	left: 589px;
	top:2469px;
	}
.chara_roberto_text{
	position: absolute;
	left: 589px;
	top: 2540px;
	}

.chara_roberta_img{
	position: absolute;
	left: 248px;
	top: 2518px;
	}
.chara_roberta_name{
	position: absolute;
	left: 20px;
	top: 2600px;
	}
.chara_roberta_text{
	position: absolute;
	left: 20px;
	top: 2675px;
	}

.chara_pagetop{
	position: absolute;
	bottom: -63px;
	margin-left: 776px;
	width: 49px;
	padding-bottom:20px;
	}

.tvanime_pagetop{
	position: absolute;
	bottom: -103px;
	margin-left: 776px;
	width: 49px;
	padding-bottom:20px;
	}



div#sprite-preload{
	width: 0;
	height: 0;
	opacity: 0;
	overflow: hidden;
}


/* goods */

.goods_box{
	padding:30px 25px;
	background:#FFF;
	border:1px solid #CD967D;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-top:40px;
	}

#goods_info{
	padding:30px 25px;
	border:1px solid #f0e4be;
	background:#f0e4be;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	margin-top:40px;
	background: url(../images/goods_bird.png) #f0e4be;
	background-repeat: no-repeat;

	background-position: bottom 30px right 30px;
	background-position-x:715px;
	background-position-y:400px;
	}

#goods_info ul{
	margin-top: 30px;
	margin-left: 15px;
	list-style-image:url(../images/goods_info_listmarker.png);
}
#goods_info img:not(:first-child){
	margin-top:30px;
}
#goods_info ul li{
	margin-top:20px;
}

#goods_info ul li p{
	line-height: 1.2em;
}
#goods_info ul li p a{

	font-size:12px;
}

.underline{
	border-bottom:1px dotted #CD967D;
	margin-bottom:30px;
	padding-bottom:30px;
	}




.goods_box ul li{
	width:160px;
	text-align:center;
	float:left;
	margin:0 15px;

	}
.goods_box ul li img{
	z-index:10;
	position:relative;
	}
.goods_box ul li img.current{
	z-index:100;
	}

.goods_box{
	position:relative;
	margin-top:75px;
	}

.goods_menu{
	position:absolute;
	top:-46px;
	left:8px;
	}
.goods_menu ul li{
	float:left;
	width:auto;
	margin:0 0 0 -1px !important;
	}

div#cover_float{
	display: none;
	position: fixed;
	width: 100%;
	background: url(../images/cover_bg.png);
	z-index:72;
	left: 0;
	top:0px;
}

.goods_float{
	display: none;
	background:#FFF;
	position:fixed;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	left:0;
	top:0;
	z-index:73;
	padding:20px;
    padding-bottom:0;
	}

.goods_float_inner{
	text-align:center;
	background:#FFF;
	padding:0;
	margin:0;
}
.goods_float_inner .viewport{
	width: 740px;
	/*height: 450px;*/
	margin: 20px auto 0;

	overflow: hidden;
}

.goods_float_inner .viewport_dvd{
	margin-top: 0;
}

.goods_float_inner .item{
	float: left;
	width: 740px;
}
.goods_float_inner .item img{
	margin: 0 auto;
}
.goods_float_inner .item p{
	vertical-align: middle;
	font-size:12px;
}
.goods_float_inner .item .goods_txt_left{
	float:right;
	margin-right:10px;
	font-size:11px;
	text-align:left;
}
.goods_float_inner .item .goods_txt_left span.txt_red{
	color: #CF2222;
	font-size:13px;
	font-weight: bold;
}
.goods_float_inner .item .goods_txt_left span.txt_title{
	font-size:13px;
	font-weight: bold;
}

.goods_float_inner div.pointer{
	margin: 20px auto;
}
.goods_float_inner div.pointer li{
	float: left;
	margin: 0 10px;
	height: 16px;
	width: 16px;
	background: url(../images/mark_gray.png);
	background-position: bottom 10px;
}
.goods_float_inner div.pointer li.current{
	background: url(../images/mark_red.png);
	background-position: bottom 6px;
}
.goods_float_inner div.g_navi a.hidden{
	display: none;
}

.goods_float_inner div.pointer li img.rollover{
	opacity: 0;
}
.goods_float_inner div.pointer li img:not(.rollover){
	margin-top:0;
}

.flipsnap:after {
  content: '';
  display: block;
  clear: both;
  height: 0;
}

.g_name{
	font-weight:bold;
	font-size:20px;
	line-height: 20px;
	}
.g_price{
	font-weight:bold;
	font-size:16px;
	margin-bottom:20px;
	}
.g_item{
	font-weight:bold;
	height:1.5em;
	}
.g_navi{
	border-top:1px dotted #CD967D;
	padding-top:10px;
	margin-top:54px;
	}

.g_navi span img{
	margin-top: 2px;
}

.g_navi_prev{
	height:35px;
	float:left;
	padding-top:0px;
	text-align:left;
	line-height:30px;
	}
.g_navi_prev span{
	padding-right:3px;
	}
.g_navi_next{
	width:330px;
	height:35px;
	float:right;
	text-align:right;
	padding-top:0px;
	line-height:34px;
	}
.g_navi_next span{
	padding-left:3px;
	}
p.close{
	text-align: right;
}

/* event */


.event_topics{
	background:#F0E4BE;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:10px 30px;
	margin:30px 0 50px 0;
	border:1px solid #A09270;
	height:120px;
	}
.event_topics ul li{
	min-height:50px;
	padding-bottom:10px;
	margin-bottom:10px;
	background:url(../images/event_topics_bg.png) bottom repeat-x;
	}

.event_topics ul li.end{
	background:none;
	padding-bottom:0;
	margin-bottom:0;
	}
.event_topics ul li .date{
	font-size:11px;
	}

.topics_new{
	float:right;
	margin-top:20px;
	}

.topics_img{
	float:left;
	margin-right:20px;
	}

.event_title{
	margin-bottom:30px;
	}

.event_underline{
	border-bottom:solid 2px #A09270;
	margin-bottom:50px;
	}

.event_map{
	background:#F0E4BE;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	padding:20px 30px;
	margin:20px 0 50px;
	position: relative;
	font-size:12px;
	}

.event_map table tr th,
.event_map table tr td{
	font-size:12px;
	padding-bottom:10px;
	vertical-align:top;
	text-align:left;
	}
.event_map table tr th{
	font-weight:bold;
	padding-right:10px;
	}

.map_info{
	float:left;
	padding:10px 0 0;
	width:420px;
	}

.mapField {
  float:right;
  border: solid 1px #ce967b;
  width:325px;
  height:200px;
  margin-bottom:5px;
}

.map_link{
	float:right;
	line-height:1;
	text-align:right;
	}

.event_img{
	margin-bottom:25px;
	}
.event_title{
	font-size:20px;
	font-weight:bold;
	margin-bottom:10px;
	}

.line_price{
	position: absolute;
	font-size:16px;
	font-weight: bold;
	color:#422800;
	margin-top:27px;
	margin-left:29px;
	z-index: 999;
}

.spacer{
	height:100px;
}

.sidemenu_blu,.sidemenu_tao{
	position: absolute;
	z-index: 100;
	overflow: hidden;
}

@media screen and (max-height: 600px) {
	#navi_bg_footer{
		position:absolute;
		bottom: -104px;
	}
}

/*-------------------------------------------------------------------------
 clearfix
-------------------------------------------------------------------------*/
/* new clearfix */
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix
{ zoom: 1; } /* IE6 */

*:first-child+html .clearfix
{ zoom: 1; } /* IE7 */