@charset "utf-8";

/* main css    
---------------------------------------------------------------------------------------------------------- */
#wrapper{position:relative; width:957px; min-height:800px; margin:0 auto;}
body {color:#666;}

/* top css    
----------------------------------------------------------------------------------------------------------   */ 
#top{background:url(../images/inc/topimg.jpg) no-repeat left top; width:950px; height:151px; position:relative; overflow:hidden;}
.toplogo{position:absolute; left:48px; top:46px; width:250px; height:70px;}
h1{position:absolute; left:61px; top:54px; width:132px; height:57px;}
/* .menu{width:400px; float:left; padding:15px 0 0 590px;} */
.menu{width:400px; float:right; padding:15px 0 0 0; overflow:hidden;}
.topmenu{overflow:hidden; float:right; width:361px;}
.topmenu span a{padding:0 6px 0 4px;}
ul.gmb{margin:18px 0 0 -10px; float:right;}
ul.gmb li{display:inline; margin-right:46px;}
/* .top_serch{width:605px; height:31px; float:left; margin:0 0 0 345px;} */
.top_serch{width:605px; height:31px; float:right;}
.top_serch input, .top_serch select{vertical-align:middle; margin-left:3px;}
 /* .sc{width:592px; float:left; margin:12px 0 0 350px;} */
 .sc{width:587px; float:right; margin:12px 6px 0 0;}
.serLine{float:left;}
.count{float:right;}
.count span{padding-left:16px; background:url(../images/bul.gif) no-repeat 0 50%;}
#serchText {border:1px solid #D7D7D7; height:17px; width:390px;}

/* footer css    
---------------------------------------------------------------------------------------------------------- */
#footer{width:746px;padding:15px 0 0 204px; background:url(../images/inc/footimg.gif) no-repeat left top;}
.bott_link{margin-bottom:18px;}
.bott_link span{padding:0 9px 0 6px; background:url(../images/menubar01.gif) no-repeat right 4px;}
.bott_link span.first{padding-left:0;}
.bott_link span.last{padding-right:0; background:none;}
address{margin-bottom:2px;}

/* fam css    
---------------------------------------------------------------------------------------------------------- */
#fam{clear:both; background:url(../images/inc/famimg.gif) no-repeat left top; overflow:hidden;}
#fam span a{display:block; float:left; padding:6px 0 7px 24px; margin:18px 21px 0 21px;}
.fam01 a{background:url(../images/ani_14.gif) no-repeat 0 50%;}
.fam02 a{background:url(../images/ani_15.gif) no-repeat 0 50%;}
.fam03 a{background:url(../images/ani_16.gif) no-repeat 0 50%;}
.fam04 a{background:url(../images/ani_12.gif) no-repeat 0 50%;}
.fam05 a{background:url(../images/ani_13.gif) no-repeat 0 50%;}
.fam06 a{background:url(../images/ani_11.gif) no-repeat 0 50%;}
.fam07 a{background:url(../images/ani_17.gif) no-repeat 0 50%; margin-right:0;}

/* content_area css    
---------------------------------------------------------------------------------------------------------- */
#content_area {width:957px;*zoom:1;}
#content_area:after { content:""; clear:both; display:block; }
	#contentLeft {width:695px; float:left; padding-left:27px; position:relative;}
	    .direc_box{width:690px; height:320px; color:#999999; padding:20px 0 0 0; position:relative; margin-top:-20px;} 
		.directory {width:690px; height:300px; color:#999999; padding:0 0 0 8px; background:url(../images/main/directory_bg4.gif) no-repeat 0 7px;} 
		.directory_notice{width:350px; float:left; margin-top:25px;}
		.directory h2 {width:250px; margin-left:18px;}
		.directory ul {margin-top:16px;*zoom:1; overflow:hidden;}
		.directory ul.totallist{width:350px;}
		.directory ul:after { content:""; clear:both; display:block; }
		.directory ul li {clear:both; overflow:hidden;}
		.directory ul li a.tit {float:left; color:#0099cc; font-weight:bold; width:60px;}
		.directory ul.list {float:left;margin-top:0; width:290px;}
		.directory ul.list li {display:inline;}
        .main_visual{width:329px; height:307px; float:right; margin:-7px 8px 0 0; padding-top:5px;}
        .directory p.dirBtn {width:333px; height:39px; float:left; padding-top:20px; background:url(../images/main/dir_btn_bg.gif) no-repeat 0 0;} 

		.aniVOD {width:330px; height:152px; float:left; padding:26px 0 0 8px; background:url(../images/main/c_bg.gif) no-repeat 0 0;}
		.aniVOD h2 {margin:0 0 10px 10px;}
		.aniVOD ul{overflow:hidden;}
		.aniVOD ul li {float:left; margin-right:10px;}
		.aniVOD ul li.mar0 {margin-right:0;}
		.aniVOD p.img {border:1px solid #e3e3e3; background-color:#f3f3f3; width:93px; height:58px;}
		.aniVOD h3 {color:#10a9cf; margin-top:8px;}
		.aniVOD .bthMore {position:absolute; margin:-30px 0 0 265px;font-size:12px;}

		.character {width:311px; height:152px; float:right; padding:26px 0 0 21px; background:url(../images/main/c_bg.gif) no-repeat 0 0;}
		.character h2 {margin:0 0 10px 0;}
		.character p.img {float:right; padding:0 10px;}
		.character p.text {width:210px; margin-bottom:5px; float:left;}
		.character h3 {width:210px; color:#47add4; float:left;}
		.character .bthMore {position:absolute; margin:-5px 0 0 245px;font-size:12px;}
		.gopage_btn{width:62px; float:right; margin-right:12px;}
		.gopage_btn img{margin-top:8px;}

		.aniAward {width:331px; height:130px; float:left; padding:32px 0 0 18px; background:url(../images/main/c_bg01.gif) no-repeat 0 0; position:relative;}
		.aniAward h2 {margin-left:3px;}
		.aniAward ul {margin-top:10px;}
		.aniAward ul li {width:283px;}
		.aniAward ul li a {float:left; width:235px;}
		.aniAward ul li span {float:right;}
		.aniAward .bthMore {position:absolute; right:37px; top:32px; font-size:12px;}

		.newUpdata {width:314px; height:130px; float:right; padding:32px 0 0 18px; background:url(../images/main/c_bg02.gif) no-repeat 0 0;}
		.newUpdata h2 {margin-bottom:15px;}
		.newUpdata p.img {border:1px solid #e3e3e3; background-color:#f3f3f3; width:93px; height:58px; float:left; margin-right:14px;}
		.newUpdata h3 {color:#10a9cf;}
		.newUpdata ul {float:left;}
		

	#contentRight {width:203px; float:right;}
		.aniRecommend {width:183px; padding:14px 8px 0 12px; background:url(../images/main/c_bg03.gif) no-repeat 0 0;*zoom:1;}
		.aniRecommend:after { content:""; clear:both; display:block; }
		.aniRecommend p.img {border:1px solid #e3e3e3; margin:10px 0;background-color:#f3f3f3; width:176px; height:58px;}
		.aniRecommend h3 a {color:#10a9cf;}
		.aniRecommend p.text {text-align:justify;}
		.aniRecommend .bthMore {float:right; margin:-187px 5px 0 0; font-size:11px;}
		
		.aniColumn {width:183px; padding:14px 8px 0 12px; margin-top:20px; background:url(../images/main/c_bg03.gif) no-repeat 0 0;*zoom:1; overflow:hidden; position:relative;}
		.aniColumn:after { content:""; clear:both; display:block; }
		.aniColumn p.img {border:1px solid #e3e3e3; float:left; margin:10px 10px 0 0;background-color:#f3f3f3; width:78px; height:58px;}
		.aniColumn h3 {float:left; margin-top:5px;width:90px;}
		.aniColumn p.text {clear:both; text-align:justify; padding-right:5px;}
		.aniColumn .bthMore {position:absolute; right:8px; top:14px; font-size:11px;}
		
		.aniAwardList {margin-top:10px; *zoom:1;}
		.aniAwardList:after { content:""; clear:both; display:block; }
		.aniAwardList img {float:left;}

		.notice {width:183px; padding:14px 8px 0 12px; margin-top:13px; background:url(../images/main/c_bg03.gif) no-repeat 0 0; position:relative;}
		.notice ul {margin-top:15px;}
		.notice .bthMore {position:absolute; right:12px; top:14px; font-size:11px;}