@charset "utf-8";

@import url('common.css');

#bg_wrap {background-color:#fff;}

#wrap{width:100%; text-align:center;}
#header{ width:996px; height:159px; text-align:center; margin:0 auto;}
#container { width:996px; text-align:left; margin:0 auto;}
#left { float:left; width:230px; text-align:left; }
#container #subleft {padding-left:23px; width:187px; float:left; text-align:left; background-color:#fff;}
#container #contentsmem {padding-left:52px; width:734px; float:right; text-align:left; background-color:#fff;}
#contents { float:left; width:488px; text-align:left; margin-left:23px;}
#right { float:left; width:229px; text-align:left; margin-top:15px;margin-left:10px;}
.util {float:right; width:996px; height:20px;text-align:right;}
.logo {float:left; width:230px;}
.topflash {float:right; width:373px;padding-left:393px;}
.menu {clear:both;float:left; width:966px;}
.lefttop{
			float:right; 
			width:218px; 
			background:url('/img/bg_left_con01.gif') repeat-y left ; 
			margin-top:11px;			
		}
.lefttop .imgtop{
			padding:10px 0 0 0;	
			float:left;
			width:218px;
			background:url('/img/left_top_01.gif') no-repeat left top ; 	
		}
.lefttop .imgbot {
		background:url('/img/left_bot_01.gif') no-repeat bottom left;					
		width:218px;height:10px;
	}
.lefttop li{ padding:0 0 0 12px; float:left; }
.lefttop p { 
		padding:0 0 0 11px;
	}
.day_font {color:#0fa2dd; padding-left:15px;font-weight:bold;}

#left h3 {
		padding:0 0 0 11px;
		vertical-align:text-top;
		}
.diary {
	clear:both;
	background:url('/img/diary_bg.gif') repeat-y top;
}
.diary h2{	
	padding:0px;
	background: url('/img/diary_top.gif') no-repeat top;
	width:196px;height:5px;
	margin-left:11px;
}
.diary p{	
	background:url('/img/diary_bot.gif') no-repeat bottom right;
	width:196px;height:5px;	
}
.notice{
			float:right; 
			width:218px; 
			background:url('/img/bg_left_notice.gif') repeat-y left ; 
			margin-top:15px;			
		}
.notice .noticetop{ background: url('/img/img_notice_top.gif') no-repeat top; width:218px;height:10px;}
.notice li{ padding:5px 0 0 12px; float:left; }
.notice .more{ padding-left:110px; }
.bill{
			float:right; 
			width:218px; 			
			margin-top:15px;			
		}
.bill li{ padding:5px 0 0 12px; float:left; }
.bill .more{ padding-left:112px; }
.banner{
			float:right; 
			width:218px; 			
			margin-top:15px;
			margin-bottom:15px;
		}
.banner li{ padding:5px 0 0 2px; float:left; }
.color_01 {color:#fff;}
.mainvisual {width:488px;}
#contents .column3	{width:476px; float:right; position:relative; margin-top:22px;}
#contents .column3 #tab_menu	{width:100%; overflow:hidden; height:31px;}
#contents .column3 #tab_menu li	{float:left;}
#contents .column3 .hidden {display:none;}
#contents .column3 .tab_cont	{padding:10px;}
#contents .column3 .tab_cont li.first	{width:100%; overflow:hidden;}
#contents .column3 .tab_cont li.first .pic	{width:91px; float:left;}
#contents .column3 .tab_cont li.first .pic img	{border:1px solid #c6c6c6;}
#contents .column3 .tab_cont li.first .detail	{width:340px; float:left;}
#contents .column3 .tab_cont li.first .detail .title	{display:block; padding:0 0 4px 9px; color:#444; font-weight:bold;}
#contents .column3 .tab_cont li.first .detail .cont	{display:block; line-height:16px; margin-bottom:3px;}
#contents .column3 .tab_cont li.first .detail .date	{display:block; font-size:11px; color:#b5b5b5;}
#contents .column3 .more	{position:absolute; top:11px; right:10px;}

#contents .column4	{width:476px; float:right; position:relative; margin-top:25px;}
#contents .column4 .more	{position:absolute; top:0px; right:10px;}
#contents .column4 ul {margin-top:5px;}
#contents .column4 li {float:left;}
#contents .column4 li.pic {background: url('/img/bg_pic.gif') no-repeat left top; width:111px; height:97px;text-align:center;padding-top:9px;}
#contents .column4 li.line {width:10px; height:97px;text-align:center}


#right .righttop{
			float:right; 
			width:218px; 
			background:url('/img/bg_right_box_01.gif') repeat-y left ; 
			margin-top:0px;			
		}
#right .righttop .imgtop{
			padding:10px 0 0 0;	
			float:left;
			width:218px;
			background:url('/img/right_box_top_01.gif') no-repeat left top ; 	
		}
#right .righttop .imgbot {
		background:url('/img/right_box_bot_01.gif') no-repeat bottom left;					
		width:218px;height:10px;
	}
#right .righttop ul{ }
#right .righttop li{ padding:0 0 8px 12px; float:left; }
#right .righttop p { 
		padding:0 0 0 11px;
	}
#right .righttop .more{ padding-left:112px; }

.video {
	clear:both;
	background:url('/img/bg_video.gif') no-repeat top;
	margin-top:10px;
}
.video p{		
	width:194px;padding-top:20px;line-height:150%;
}
#right .video p img{		
	vertical-align:text-top;margin-top:5px;
}
#right .video p.first{		
	margin-top:18px;
}

#right .en{
			float:right; 
			width:218px; 			
			margin-top:15px;			
		}
#right .en li{ float:left; }
#right .en .more{ padding-left:112px; }
#right .en p img{		
	vertical-align:text-top;
}

#right .le{
			float:right; 
			width:218px; 			
			margin-top:15px;			
		}
#right .le li{ float:left; }
#right .le li.more{ padding-left:91px; }
#right .le p img{		
	vertical-align:text-top;
}
#lnb	 {width:187px;}
#lnb li a img	{display:inline; }
#lnb li a img.over	{display:none; }
#lnb li a:hover	{position:relative; }
#lnb li a:hover	img {display : none; }
#lnb li a:hover	img.over {display : inline; }

/*¼­ºê º£³Ê*/
#ban li.ban01 li.banner01 {margin-top:20px; }
#ban li.ban01 li.banner02 {}

#ban li.ban02 { margin-top:15px;}
#ban li.ban02 li {float:left;margin-left:1px;margin-top:5px;}

#container .path{ background:url('/img/bg_sub_bottom.gif') repeat-x left top; width:996px; height:29px; text-align:right; padding-top:10px;}


#container #contentsmem .login_left {background:url('/img/icon_login_key.gif') no-repeat left top; width:232px; height:222px; float:left;}
#container #contentsmem .login_right {background:url('/img/bg_login.gif') repeat-x left top; width:428px; height:222px; float:left;}
#container #contentsmem .login_right .in_left{float:left; width:312px; padding-top:83px; padding-left:60px;}
#container #contentsmem .login_right .in_right{float:right; width:56px; height:222px; background:url('/img/bg_login_right.gif') no-repeat right top;}
#container #contentsmem .login_bottom {clear:both; }
#container #contentsmem .login_right .in_left input{width:160px; height:20px; border:1px solid #f1f5e6; background-color:f8f9f4;}


input.ed { height:18px; border:1px solid #e7e7e7; border-right:1px solid #e7e7e7; border-bottom:1px solid #e7e7e7; padding:3px 2px 0 2px; }