@charset "utf-8";
/* CSS Document */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td,img
{ margin : 0; padding : 0; }
h1,h2,h3,h4,h5,h6 { font-size : 100%; }
h3 cite{font-size : 75%;}

ol,ul { list-style : none; }
address, caption, cite, code, dfn, em, strong, th, var
{ font-style : normal; font-weight : normal; }
table { border-collapse : collapse; border-spacing : 0; }
fieldset,img { border : 0; }
caption,th { text-align : left; }
q:before, q:after { content :''; }
a:link{ text-decoration:none; color:#f33;}
a:visited{text-decoration:none;color:#f33;}
a:hover{text-decoration:none;color:#c00;}
a:active{text-decoration:none;color:#c00; }
/*비지블로딩문제*/


body{ text-align:center; background:#ffdcdc url(../images/bg_top.png) repeat-x; font-size:14px; color:#c66;}
#wrapper{ text-align:left; width:980px;  margin:0 auto; background: url(../images/wrapper.png) no-repeat 0 0;}
#header{ height:170px; position:relative;}
#header h1{ text-indent:-9999px; background: url(../images/bg_poster.png)   no-repeat 0 0;}
#header h1 a{
	position:absolute;
	display:block;
	width:250px;
	height:124px;
	background: url(../images/bg_poster.png) no-repeat 0 0;
	left:19px;
	top:44px;
}
#header h2{
	position:absolute;
	left:315px;
	top:139px;

}
#navigation{ float:left; width:230px; margin:15px 0 0 20px; background:url(../images/menushower.png) no-repeat 134px -1px; /*ie6hack*/display:inline;}
#mainNav{ width:170px; height:190px; margin:5px 0 0 30px;}
body#utenaPick #mainNav{ background:url(../images/mainnav.png) no-repeat 0 0;}
body#chaPick #mainNav{ background:url(../images/mainnav.png) no-repeat -170px 0;}
body#episPick #mainNav{ background:url(../images/mainnav.png) no-repeat -340px 0;}
body#roomPick #mainNav{ background:url(../images/mainnav.png) no-repeat -680px 0;}


#mainNav ul{ position:relative;}
#mainNav ul li{  }
li#n-utena a, li#n-charactor a, li#n-story a, li#n-named a, li#n-another a{ position: absolute; display:block; text-indent:-9999px; }
li#n-utena a{
	width:100px;
	height:40px;
	left:19px;
	top:7px;
}
li#n-charactor a{
	width:118px;
	height:30px;
	left:5px;
	top:52px;
}
li#n-story a{
	width:125px;
	height:27px;
	left:34px;
	top:86px;
}
li#n-named a{
	width:150px;
	height:35px;
	left:18px;
	top:118px;
}
li#n-another a{
	width:147px;
	height:25px;
	left:10px;
	top:159px;
}

#subNav{ height:140px; padding:20px 40px 0 40px;}
#subNav h2{ border-bottom:1px solid #c66;}
#subNav #Leftering{ float:left; border-right: 1px solid #f33; padding-right:5px;}
#subNav #Rightering{ float:right;}
/*업데이트 생략 임시조취*/
#subNav #Rightering li:nth-child(2){display: none;}

#menuInfo{ padding:50px 30px 0 30px;}
#menuInfo ul{padding-top:10px;}
#menuInfo ul li{ font-size:12px; padding-top:3px;}


#contents{
	float:right;
	width:710px;
	height: 670px;
}
ul#introNav{ float:left;  padding-left:43px;}
ul#introNav li{ float:left; margin-right:14px; width:170px; height:36px;}

ul#introNav li.sleep{ background:url(../images/tab.gif) no-repeat 0 0;}
li#t-intro ,li#t-poducer ,li#t-broadlist{ text-indent:-9999px;}
li#t-intro a,li#t-poducer a,li#t-broadlist a{ position:relative; left:3px; top:3px; display:block; width:164px; height:30px;}
li#t-intro a{background:url(../images/tab_utena.png) no-repeat  0 0;}
li#t-intro a:hover{background:url(../images/tab_utena.png) no-repeat  0 -30px;}
li#t-poducer a{ background:url(../images/tab_producer.png) no-repeat 0 0;}
li#t-poducer a:hover{ background:url(../images/tab_producer.png) no-repeat 0 -30px;}
li#t-broadlist a{ background:url(../images/tab_list.png) no-repeat 0 0;}
li#t-broadlist a:hover{ background:url(../images/tab_list.png) no-repeat 0 -30px;}

body.aboutena #box{background:url(../images/bg_tab_utena.jpg) no-repeat 0 0; width:690px; height:638px;}
body.producers #box{background:url(../images/bg_tab_producer.jpg) no-repeat 0 0; width:690px; height:638px; position:relative;}
body.brlist #box{background:url(../images/bg_tab_list.jpg) no-repeat 0 0; width:690px; height:638px;}
body.wallpaper #box{ background:url(../images/box_normal.jpg) no-repeat 0 0; width:690px; height:638px; padding-top:70px; padding-left:20px;}
body.gall #box{ background:url(../images/box_normal.jpg) no-repeat 0 0; width:690px; height:638px; padding-top:50px; padding-left:20px;}
body.notice #box{background:url(../images/box_normal.jpg) no-repeat 0 0; width:690px; height:638px; padding-top:50px; padding-left:20px; font-size:110%;}

#footer{ clear:both; width:960px; height:20px; background:url(../images/footerRe.gif) repeat-x; border:solid 1px #ccc; text-align:center; margin:0 0 0 20px;}
#underdeco{height:68px; background:url(../images/bg_under.png) repeat-x 0 0;}

/*notice*/
body.notice #box ul{ display:block; width:510px; list-style-type:circle; list-style-position:inside;}
body.notice #box h3, body.notice #box h4{ margin-top:20px;}

/*aboututena*/
#area{ clear:both;}
#area h2{ padding-top:20px;}
#area h2, #area h3{ padding-left:20px;}
.area{padding:10px 20px; font-size:0.9em; color:#663333; line-height:1.4em;} 
/*producers*/
#topper{
	position:absolute;
	display:block;
	left:24px;
	top:64px;
	width:560px;
	height:53px;
	background:url(../images/arrow_top.gif) no-repeat 0 0;
	padding: 0 0 0 46px;
}
#makerNav{
	position:absolute;
	left: 25px;
	top: 152px;
	width: 32px;
	height: 261px;
	
	
}
#supoMaker{
	position:absolute;
	left: 591px;
	top: 142px;
	background:url(../images/arrow_side.gif) no-repeat 1px 17px;
}
#supoMaker h2{ padding-left:4px;}
#supoMaker p{ padding-left:22px;}
#supoNav{

}
/*제작진*/
.boxer{
	position:absolute;
	background:url(../images/pro_box.gif) no-repeat;
	width:540px;
	height:500px;
	left: 53px;
	top: 121px; z-index:1;
	}
.boxer img{ margin-left:30px;}
.boxer h3{padding:10px 0 0 20px;}

#hayasi .career{ margin-top:20px;}
#saito .career{ margin-top:15px;}
#oguro .career{ margin-top:15px;}

div#box ul#makerNav a{text-indent:-9999px; margin-bottom:10px; display:block; width:32px; height:70px; background-repeat:no-repeat;}
div#box ul.listNav a#Liikuni{ background:url(../images/tab_ikuni.gif) 0 -70px;}
div#box ul.listNav a#Liikuni.selected{background:url(../images/tab_ikuni.gif) 0 0;}
div#box ul.listNav a#Lieno{ background:url(../images/tab_yoji.gif) 0 -70px;}
div#box ul.listNav a#Lieno.selected{ background:url(../images/tab_yoji.gif) 0 0;}
div#box ul.listNav a#Lishin{ background: url(../images/tab_shinya.gif) 0 -70px;}
div#box ul.listNav a#Lishin.selected{ background: url(../images/tab_shinya.gif) 0 0;}
div#box ul.listNav a#Lisai{ background:url(../images/tab_saito.gif) 0 -70px;}
div#box ul.listNav a#Lisai.selected{ background:url(../images/tab_saito.gif) 0 0;}
div#box ul.listNav a#Liogu{ background:url(../images/tab_oguro.gif) 0 -70px;}
div#box ul.listNav a#Liogu.selected{ background:url(../images/tab_oguro.gif) 0 0;}

div#box ul#supoNav a{text-indent:-9999px; margin-bottom:10px; display:block; width:32px; height:70px; background-repeat:no-repeat;}
div#box ul.listNav a#Lihaya{ background:url(../images/tab_akemi.gif) 0 0;}
div#box ul.listNav a#Lihaya.selected{ background:url(../images/tab_akemi.gif) 0 -70px;}
div#box ul.listNav a#Lija{ background:url(../images/tab_jasez.gif) 0 0;}
div#box ul.listNav a#Lija.selected{ background:url(../images/tab_jasez.gif) 0 -70px;}
div#box ul.listNav a#Liall{ background:url(../images/tab_more.gif) 0 0;}
div#box ul.listNav a#Liall.selected{ background:url(../images/tab_more.gif) 0 -70px;}

.profile{ position: absolute; left:0; top:20px; width:250px; padding:10px 10px 0 20px;}
.mager{ position:relative; left:250px; top:0; width:290px; }
.mager img{ margin:0;}
.career{background:#fff; width:490px; height: auto; margin-left:20px; padding:10px; overflow:hidden; line-height:110%;}

#cheepbench{ float:left;}
#gravity{ float:right;}
#alllist ul, #alllistul li{ padding-left:20px;width:500px;}


/*list*/
body.brlist #box h2{ clear:both; margin-left:46px; margin:10px 0 10px 46px; padding-top:10px;}
#listbgPic{clear:both; background: url(../images/bg_list.png) no-repeat 0 0; width:579px; height:380px; padding:10px; margin-left:46px;}
#listbgPic p, #listbgPic ul{ padding-left:10px;}
#listbgPic h3{ padding-top:3px;}
#onTv{ float:left; width:280px;}
#onMovie{ float:right; width:280px;}
#comic{ clear:both;}
#listchart{ clear:both; margin:20px 0 0 46px;}

/*character*/
#chaPick #wrapper{background: url(../images/wrapper.png) no-repeat 0 0;}
#chaPick #header h1{background: url(../images/bg_poster.png)   no-repeat 0 0;}
#chaPick #header h1 a{
	background: url(../images/bg_poster.png) no-repeat 0 0;
}
#chaPick #navigation{ background:url(../images/menushower.gif) no-repeat 134px -1px;}

#internalnav{ background:url(../images/cha/showbox/slidebox.jpg) no-repeat 0 0 ; width:660px; height:136px; position: relative;}
a.prev, a.next{display:block; width:35px; height:48px;text-indent:-9999px; margin-top:25px; display:inline; position:absolute;}
a.prev{ left:10px; top:10px;  background:url(../images/cha_arrow_02.gif) no-repeat -35px 0; }
a.next{ right:10px; top:10px; background:url(../images/cha_arrow.gif) no-repeat 0 0;}
a.prev:hover{ background-position: 0 0;}
a.next:hover{ background-position: -35px 0;}

div.chaList{margin:0 0 0 45px; padding-top:10px;}
div.chaList ul li a{ display:block; width:96px; height:100px;}
div.chaList ul li a img{ padding:2px; background:#fff; border:1px solid #fff;}
div.chaList ul li a.selected img{ padding:2px; background:#fff; border:1px solid #ccc;}
.LeftText{ float:left; width:360px; background:url(../images/cha/showbox/btm_rose.gif) no-repeat right bottom; z-index:2; margin:20px 0 0 20px;display:inline;}
.RightText{ float:right;width:360px;background:url(../images/cha/showbox/btm_rose.gif) no-repeat right bottom; z-index:2; margin:20px 20px 0 0; display:inline;}
.lefter{ float:left;}
.righter{ float:right;}
.ChaBox{ width:640px; overflow:hidden; height:auto; padding-bottom:30px; display:none;}

ul.PicBoxer{display: inline; width:240px; margin:0 0 0 20px;}
ul.PicBoxer li{ display:inline;}
ul.PicBoxer li img{ padding: 0 10px 10px 0;}

#ch_utena{background:#fff url(../images/cha/showbox/chbg_utena.jpg) no-repeat 0 0;}
#ch_ansi{ background:#fff url(../images/cha/showbox/chbg_ansi.jpg) no-repeat 0 0; }
#ch_toga{ background:#fff url(../images/cha/showbox/chbg_touga.jpg) no-repeat 0 0;}
#ch_waka{background:#fff url(../images/cha/showbox/chbg_wakaba.jpg) no-repeat 0 0;}
#ch_chu{background:#fff url(../images/cha/showbox/chbg_chuchu.jpg) no-repeat 0 0; height:320px;}
#ch_sion{background:#fff url(../images/cha/showbox/chbg_sion.jpg) no-repeat 0 0;}
#ch_juri{background:#fff url(../images/cha/showbox/chbg_juri.jpg) no-repeat 0 0;}
#ch_miki{background:#fff url(../images/cha/showbox/chbg_miki.jpg) no-repeat 0 0;}
#ch_nanami{background:#fff url(../images/cha/showbox/chbg_nanami.jpg) no-repeat 0 0;}
#ch_mikake{background:#fff url(../images/cha/showbox/chbg_mikake.jpg) no-repeat 0 0;}
#ch_mamiya{background:#fff url(../images/cha/showbox/chbg_mamiya.jpg) no-repeat 0 0;}
#ch_tokio{background:#fff url(../images/cha/showbox/chbg_tokio.jpg) no-repeat 0 0;}
#ch_siori{background:#fff url(../images/cha/showbox/chbg_siori.jpg) no-repeat 0 0;}
#ch_ruka{background:#fff url(../images/cha/showbox/chbg_ruka.jpg) no-repeat 0 0;}
#ch_wabu{background:#fff url(../images/cha/showbox/chbg_tsuwabuki.jpg) no-repeat 0 0;}
#ch_kanae{background:#fff url(../images/cha/showbox/chbg_kanae.jpg) no-repeat 0 0;}
#ch_koze{background:#fff url(../images/cha/showbox/chbg_koze.jpg) no-repeat 0 0;}
#ch_kazami{background:#fff url(../images/cha/showbox/chbg_kazami.jpg) no-repeat 0 0;}
#ch_girl{background:#fff url(../images/cha/showbox/chbg_keiko.jpg) no-repeat 0 0;}
#ch_men{background:#fff  url(../images/cha/showbox/chbg_men.jpg) no-repeat 0 0;}
#ch_akio{background:#fff url(../images/cha/showbox/chbg_akio.jpg) no-repeat 0 0;}
#ch_dios{background:#fff url(../images/cha/showbox/chbg_dios.jpg) no-repeat 0 0;}

#ch_utena ul.PicBoxer, #ch_ansi ul.PicBoxer, #ch_toga ul.PicBoxer,#ch_nanami ul.PicBoxer,#ch_siori ul.PicBoxer,#ch_akio ul.PicBoxer,#ch_juri ul.PicBoxer{ margin-top:150px;}
#ch_waka ul.PicBoxer,#ch_wabu ul.PicBoxer,#ch_kanae ul.PicBoxer{margin-top:80px;}
#ch_chu ul.PicBoxer,#ch_mamiya ul.PicBoxer,#ch_tokio ul.PicBoxer,#ch_dios ul.PicBoxer{ margin-top:100px;}
#ch_kazami ul.PicBoxer,#ch_girl ul.PicBoxer,#ch_men ul.PicBoxer,#ch_sion ul.PicBoxer,#ch_koze ul.PicBoxer{ margin-top:50px;}
#ch_mikake ul.PicBoxer{ margin-top:130px;}
#ch_miki ul.PicBoxer,#ch_ruka ul.PicBoxer{ margin-top:120px;}
#ch_mikake #undertex{ clear:both; padding: 0 10px 0 10px;}
/*story*/
#container{ margin:20px;}
ul#stoTab{ float:left;}
ul#stoTab li{ float:left; width:100px; height:50px; }
ul#stoTab li a{ float:left; display:block; text-indent:-9999px; width:100px; height:52px; }
li#Liepil a{background:url(../images/tab_prolog.gif) no-repeat -100px 0;}
li#Liepil a.selected{ background:url(../images/tab_prolog.gif) no-repeat 0 0;}
li#Lichafit a{background:url(../images/tab_chap01.gif) no-repeat -100px 0;}
li#Lichafit a.selected{background:url(../images/tab_chap01.gif) no-repeat 0 0;}
li#Lichasec a{background:url(../images/tab_chap02.gif) no-repeat -100px 0;}
li#Lichasec a.selected{background:url(../images/tab_chap02.gif) no-repeat 0 0;}
li#Lichathi a{background:url(../images/tab_chap03.gif) no-repeat -100px 0;}
li#Lichathi a.selected{background:url(../images/tab_chap03.gif) no-repeat 0 0;}
li#Lichafor a{background:url(../images/tab_chap04.gif) no-repeat -100px 0;}
li#Lichafor a.selected{background:url(../images/tab_chap04.gif) no-repeat 0 0;}
ul#stoTab li#Lichamv a{ width:160px;background:url(../images/tab_movie.gif) no-repeat -160px 0;}
ul#stoTab li#Lichamv a.selected{ width:160px;background:url(../images/tab_movie.gif) no-repeat 0 0;}

.tabSelection{ clear:both; background: url(../images/bg_story.gif) repeat-y; width:640px; padding:10px; border-bottom: 3px solid #ffcccc;}
.tabSelection img{ padding-left:3px;}
.tabSelection ul, .tabSelection li{ float:left;}
.tabSelection p{clear:both;}

/*dataroom*/
#rommer{ position:relative; background:url(../images/box_normal.jpg) no-repeat 0 0; width:690px; height:638px; padding-top:50px; padding-left:20px;}
#rommer ul li a{
	display:block;
	width:250px;
	height:140px;
	position:absolute;
	font-size:32px;
	text-align:center;
	padding-top:100px;
}
li#roomgall a{
	left:68px;
	top:60px;
	background:url(../images/Dgallerybox_02.png) no-repeat 0 0;
}
/*음악자료 생략*/
li#roommusic{display: none;}
li#roommusic a{
	left:378px;
	top:61px;
	background:url(../images/DmusicBox.png) no-repeat 0 0;
}
li#roomwall a{
	left:69px;
	top:310px;
	background:url(../images/DwallBox.png) no-repeat 0 0;
}
li#roomrink a{
	left:379px;
	top:309px;
	background:url(../images/DrinkBox.png) no-repeat 0 0;
}

/*gall*/
body.gall #contents h3{ clear:both;}
ul.thumbnails { position:relative; clear:both;}
ul.thumbnails li{
  display: inline;
}
ul.thumbnails a {
  display: block;
   float: left;
  width: 59px; height:59px;
  margin-right: 7px;
  margin-bottom: 7px;
}
ol.thumbnails{ clear:both; position:relative;}
ol.thumbnails li{ display:inline; width:204px;}
ol.thumbnails li a{ display: block; width:204px; height:60px; float:left; margin-right: 7px;
  margin-bottom: 7px;}
ol.thumbnails span{ color:#ff0033; }
/*wall*/
#wall,#into, #imagegallery, #Xlinker, #placeholder, #description{ margin: 0 0 0 30px;}
#imagegallery{ float:left; display:block; width:500px;}
#imagegallery li{float:left;}
#imagegallery li img{border: 1px solid #f66; margin:0 5px 0 0;}
#Xlinker{}
#placeholder{ float:left; border: 1px dashed #f66;}
#description{ clear:both;}