@charset "utf-8";

@import url("common.css");

/* tabmenu */
.tab_menu03{position:relative; height:34px; width:620px; margin:0 auto; font-size:12px; background:url(http://image2.pullbbang.com/pull40/invitation/bg_tab.gif) repeat-x left bottom; padding-right:10px;}
	.tab_menu03 li {float:left; margin-right:5px; font-size:12px; float:right;}
	.tab_menu03 .on{position: relative; height:34px; background:url('http://image2.pullbbang.com/pull40/invitation/bg_tab_on.gif') no-repeat left top;}
	.tab_menu03 .on .tab_end{height:26px; background:url('http://image2.pullbbang.com/pull40/invitation/bg_tab_on01.gif') no-repeat right top; padding:8px 15px 0px 15px; font-weight:bold; display:block; COLOR:#000; }
.tab_menu03 .on .tab_end A:link, .tab_menu03 .on .tab_end a:visited, .tab_menu03 .on .tab_end a:active{COLOR:#000; text-decoration: none;}
	.tab_menu03 .off {position:relative; height:30px; background:url('http://image2.pullbbang.com/pull40/invitation/bg_tab_off.gif') no-repeat left top;}
	.tab_menu03 .off .tab_end{height:26px; background:url('http://image2.pullbbang.com/pull40/invitation/bg_tab_off01.gif') no-repeat right top; padding:8px 15px 0px 15px; display:block; }	
.tab_menu03 .off .tab_end A:link, .tab_menu03 .off .tab_end a:visited, .tab_menu03 .off .tab_end a:active{ color:#666; text-decoration: none;}

.search_bar{position:absolute; top:0; left:20px;}	


/* layout */
#wrapper {}
#container01{padding-bottom:30px; background:url('http://image2.pullbbang.com/pull40/common/bg_line_y.gif') repeat-y 665px;}
/*#left_con{float:left; width:640px;}
#right_con{float:right; width:285px; overflow:hidden;}*/
#left_con{float:left; width:640px;}
#right_con{float:right; width:285px; overflow:hidden;}
#right_con .right_area {width:265px; padding:20px 0 0 20px; overflow:hidden;}	
#footer {margin:0 auto; font-size:11px; background:url('http://image2.pullbbang.com/pull40/common/bg_footer_2.gif') repeat-x;}
.bottom_msg_box {width:100%; background:#6d6d6d;}
.bottom_msg {margin:0 auto; width:928px; border:0;}
/*
#left_con{float:left; width:646px; background:url(http://image2.pullbbang.com/pull40/common/bg_line_y.gif) repeat-y right; padding-right:17px;}
#right_con{float:right; width:285px;}
*/

/* title */
.title_msg{ background:url(http://image2.pullbbang.com/pull40/common/buli_black.gif) no-repeat 10px 4px; padding-left:18px;}
.title_msg01{ background: url(http://image2.pullbbang.com/pull40/common/bbs_bul02.gif)  no-repeat 10px 6px; padding-left:18px; font-size:11px; color:#8c8a84;}
.title_msg02{ background:url(http://image2.pullbbang.com/pull40/common/buli_black.gif) no-repeat 0px 4px; padding-left:8px;}


/* invitation */
.invitation{position:relative; width:640px; height:252px; background:url(http://image2.pullbbang.com/pull40/invitation/bg_invitation.gif) no-repeat; color:#fff; font-size:12px;}
.invitation h4{font-size:14px; font-weight:bold; position:absolute; top:5px; left:30px;}
.invitation .setup { position: absolute; top:50px; left:40px; font-size:12px;}
.invitation .setup li{ background:url(http://image2.pullbbang.com/pull40/invitation/bulit.gif) no-repeat left 9px; padding-left:7px; margin-bottom:5px;}
.invitation .msg { position:absolute; top:130px; left:40px; color:#efce96;}
.invitation .msg01 {position:absolute; top:140px; left:40px; color:#efce96;}
.invitation .msg li{color:#efce96;}
.invitation .btn{position:absolute; top:180px; left:250px;}
.invitation .btn01{position:absolute; top:180px; left:140px;}
.invitation .close{ position:absolute; right:0; bottom:15px;}
.invitation .msg_input { position:absolute; left:183px; top:155px;}
.invitation .msg_input01 { position:absolute; left:135px; top:150px;}
.invitation .msg_input input{ float:left;}
*html .invitation .msg_input { position:absolute; left:185px; top:145px;}
*html .invitation .msg_input01 { position:absolute;left:136px; top:145px;}

.space_line{ width:630px; height:15px; background:url(http://image2.pullbbang.com/pull40/common/bg_view_line.gif) repeat-x top; margin:0 auto;}




/*right con*/
.title_t{ width:255px; height:30px; background:url(http://image2.pullbbang.com/pull40/any_msg/bg_right_title.gif) no-repeat left bottom; padding-left:29px; font-size:14px; font-weight:bold; margin-top:10px; margin-left:2px;}
.right_table{margin-left:20px;}
	.right_table td{padding:10px 0 10px 10px; border-bottom:1px solid #ebebeb;}
	.right_table dt{font-size:12px; font-weight:bold; letter-spacing:-1px; line-height:20px;}
*html .right_table dt {margin-bottom:5px;} /* ie6.0 */
	.right_table dd{ font-size:11px; letter-spacing:-1px; font-weight:normal; color:#8c8a84;}
.right_table dt A:link, .right_table dt a:visited, .right_table dt a:active{text-decoration: none; COLOR:#000;}
.right_table dt  a:hover {COLOR:#000; text-decoration: none;}


/* table */
.pan_list_t {margin:0 auto; font-size:11px;}
	.pan_list_t tr{ background:url(http://image2.pullbbang.com/pull40/common/bg_dot.gif) repeat-x bottom;}
	.pan_list_t td{padding:20px 0 15px 5px;}

.list_area{position:relative; height:90px;}
.list_area .msg_t{ position:absolute; width:255px; height:24px; background:url(http://image2.pullbbang.com/pull40/invitation/bg_list_title.gif) no-repeat; font-size:12px; left:21px; top:-2px; padding:5px 0 0 10px;}
	.list_area .check{position:absolute; top:0; left:4px;}
		.list_area .check input{width:10px; height:10px; float:left;}
	.list_area .ico_01{position:absolute; top:20px; left:4px;}
	.list_area .photo{position:absolute; width:55px; height:55px; padding:2px; border:1px solid #e7e7e7; top:30px; left:21px;}
	.list_area .txt{position:absolute; width:200px; top:30px; left:95px;}
		.list_area .txt dt{font-size:12px; font-weight:bold; margin-bottom:5px;}
			.list_area .txt img{margin-right:3px; vertical-align:middle;}
		.list_area .txt dd{line-height:15px; letter-spacing:-1px;}
	.list_area .btn{position:absolute; top:66px; left:120px; width:230px;}
		.list_area .btn img{float:left; margin-right:3px;}
	.list_area .btn01{position:absolute; top:50px; left:120px; width:230px;}
		.list_area .btn01 img{float:left; margin-right:3px;}		
	.list_area .btn02{position:absolute; top:71px; left:120px; width:230px;}
		.list_area .btn02 img{float:left; margin-right:3px;}				
.list_area .txt dt A:link, .list_area .txt dt a:visited,.list_area .txt dt a:active{COLOR: #000; text-decoration: none;}
.list_area .txt dt a:hover{color:#000;text-decoration:none;}
.list_area .txt dd A:link, .list_area .txt dd a:visited,.list_area .txt dd a:active{COLOR: #000; text-decoration: none;}
.list_area .txt dd a:hover{color:#000;text-decoration:none;}

.list_area01{position:relative; height:60px;}
.list_area01 .msg_t{ position:absolute; width:265px; height:24px; background:url(http://image2.pullbbang.com/pull40/invitation/bg_list_title.gif) no-repeat; font-size:12px; left:21px; top:-2px; padding:5px 0 0 10px;}
.list_area01 .check{position:absolute; top:0; left:4px;}
.list_area01 .check input{width:10px; height:10px; float:left;}
.list_area01 .ico_01{position:absolute; top:20px; left:4px;}
.list_area01 .photo{position:absolute; width:55px; height:55px; padding:2px; border:1px solid #e7e7e7; top:0px; left:0px;}
.list_area01 .txt{position:absolute; width:160px; top:2px; left:67px;}
.list_area01 .txt dt{font-size:12px; font-weight:bold; margin-bottom:5px;}
.list_area01 .txt img{margin-right:3px; vertical-align:middle;}
.list_area01 .txt dd{line-height:15px; letter-spacing:-1px;}
.list_area01 .btn{position:absolute; top:36px; left:120px; width:230px;}
.list_area01 .btn img{float:left; margin-right:3px;}
.list_area01 .btn01{position:absolute; top:50px; left:120px; width:230px;}
.list_area01 .btn01 img{float:left; margin-right:3px;}		
.list_area01 .btn02{position:absolute; top:71px; left:120px; width:230px;}
.list_area01 .btn02 img{float:left; margin-right:3px;}				
.list_area01 .txt dt A:link, .list_area01 .txt dt a:visited,.list_area01 .txt dt a:active{COLOR: #000; text-decoration: none;}
.list_area01 .txt dt a:hover{color:#000;text-decoration:none;}
.list_area01 .txt dd A:link, .list_area01 .txt dd a:visited,.list_area01 .txt dd a:active{COLOR: #000; text-decoration: none;}
.list_area01 .txt dd a:hover{color:#000;text-decoration:none;}

.list_area02{position:relative; height:90px;}
.list_area02 .msg_t{ position:absolute; width:255px; height:24px; background:url(http://image2.pullbbang.com/pull40/invitation/bg_list_title.gif) no-repeat; font-size:12px; left:-10px; top:-2px; padding:5px 0 0 10px;}
.list_area02 .photo{position:absolute; width:55px; height:55px; padding:2px; border:1px solid #e7e7e7; top:32px; left:-10px;}
.list_area02 .txt{position:absolute; width:180px; top:35px; left:64px;}
		.list_area02 .txt dt{font-size:12px; font-weight:bold; margin-bottom:5px;}
			.list_area02 .txt img{margin-right:3px; vertical-align:middle;}
		.list_area02 .txt dd{line-height:15px; letter-spacing:-1px;}
.list_area02 .txt dt A:link, .list_area02 .txt dt a:visited,.list_area02 .txt dt a:active{COLOR: #000; text-decoration: none;}
.list_area02 .txt dt a:hover{color:#000;text-decoration:none;}
.list_area02 .txt dd A:link, .list_area02 .txt dd a:visited,.list_area02 .txt dd a:active{COLOR: #000; text-decoration: none;}
.list_area02 .txt dd a:hover{color:#000;text-decoration:none;}

.list_area03_t td{ padding:15px 10px 5px 10px; border-bottom:1px solid #ebebeb;}
.list_area03{position:relative; height:90px;}
	.list_area03 .check{position:absolute; top:0; left:4px;}
		.list_area03 .check input{width:10px; height:10px; float:left;}
	.list_area03 .ico_01{position:absolute; top:20px; left:4px;}
	.list_area03 .photo{position:absolute; width:80px; height:80px; padding:4px; border:1px solid #e7e7e7; top:0px; left:21px;}
	.list_area03 .title{position:absolute; width:300px; top:0px; left:120px; line-height:14px;}
	.list_area03 .txt{position:absolute; width:300px;  top:35px; left:120px;}
		.list_area03 .txt dt{font-size:12px; font-weight:bold; margin-bottom:5px;}
			.list_area03 .txt img{margin-right:3px; vertical-align:middle;}
		.list_area03 .txt dd{ font-size:11px; line-height:15px; letter-spacing:-1px;}
	.list_area03 .btn{position:absolute; top:66px; left:120px; width:230px;}
.list_area03 .txt dt A:link, .list_area03 .txt dt a:visited,.list_area03 .txt dt a:active{COLOR: #000; text-decoration: none;}
.list_area03 .txt dt a:hover{color:#000;text-decoration:none;}
.list_area03 .txt dd A:link, .list_area03 .txt dd a:visited,.list_area03 .txt dd a:active{COLOR: #000; text-decoration: none;}
.list_area03 .txt dd a:hover{color:#000;text-decoration:none;}

.list_area04 { position:relative; width:168px; margin:0 auto;}
.list_area04 dt{ width:68px; height:54px; padding:2px; border:1px solid #e7e7e7;}
.list_area04 dd{ font-size:11px; letter-spacing:-1px;}

.btn_area {width:691px; margin-top:20px; padding:0 3px 0 25px;}
.msg_title{ height:20px;}
.face_area{ width:80px; height:80px; padding:4px; border:1px solid #d4d4d4;}
.msg_view{width:450px; height:78px; border:1px solid #d4d4d4; color:#666; padding:5px;}
.msg_btn_list{float:left; width:138px; height:50px;}
.btn_go_panpi{width:90px; text-align:center;}
.sys_msg{width:454px; border:1px solid #ededed; padding:3px; background-color:#f8f8f8; overflow:hidden;  height:39px;}
	.sys_msg dl{padding:2px 0 0 8px;}
	.sys_msg dt{color:#4f7f9d; line-height:17px; font-weight:bold;}
	.sys_msg dd{color:#666; font-weight:normal; font-size:11px; margin-right:5px;}
.msg_btns{ clear:both; text-align:right; padding-right:157px;}
.msg_btns img{ margin:5px 0 0 3px;}
.msg_send_btns{width:460px; padding:3px; text-align:right;}


/* mail */
.box_5px{ width:595px; border:5px solid #eaeaea; margin:0 auto 15px auto; padding:10px; overflow:hidden;}
.box_gray{width:595px; background-color:#f8f8f8; margin:0 auto 15px auto; padding:30px 10px; overflow:hidden;}
.box_gray01{width:575px; background-color:#f8f8f8; margin:15px auto 15px auto; padding:5px 20px; overflow:hidden;}
.dot_line{ width:595px; height:15px; background:url(http://image2.pullbbang.com/pull40/common/bg_dot01.gif) repeat-x top;}
.dot_line01{ clear:both; width:595px; height:15px; background:url(http://image2.pullbbang.com/pull40/common/bg_dot01.gif) repeat-x bottom; }
.mail_img {height:50px;}
.mail_img img{ float:left; margin-right:5px;}
.mail_box {width:369px; height:86px; background:url(http://image2.pullbbang.com/pull40/invitation/bg_mailbox.gif) no-repeat; clear:both; margin:0 auto; padding:10px 15px;}
.load_table{margin:0 auto; color:#666;}
.load_table td{ padding:10px 20px; background:url(http://image2.pullbbang.com/pull40/common/bg_dot01.gif) repeat-x bottom;}
.load_table dt{ font-weight:bold;}
.load_table dd{ font-weight: normal; margin-left:25px;}
.load_table A:link, .load_table a:visited,.load_table a:active{COLOR: #666; text-decoration: none;}
.load_table a:hover{color:#666;text-decoration:none;}




/* css_common add */
.mL35{margin-left:35px;}

.mB30{margin-bottom:30px;}
.mB35{margin-bottom:35px;}
.mB40{margin-bottom:40px;}

.f_gray08{color:#525252;}
.f_gray09{color:#333;}

/* css_invation add */
.gray_3px_box{border:3px solid #e1e1e1; padding:15px; overflow:hidden; color:#333333;}
.bulit01_title{background:url(http://image2.pullbbang.com/pull40/common/bbs_bul01.gif) no-repeat left 4px; padding-left:8px; font-weight:bold;}
.login_bg{width:339px; height:84px; background:url(http://image2.pullbbang.com/pull40/invitation/bg_login.gif) no-repeat; margin:15px auto 15px auto; padding:30px 0 0 35px;}
.bulit_red li {background:url(http://image2.pullbbang.com/pull40/invitation/bulit_log.gif) no-repeat left 10px; padding-left:8px; color:#787878;}
.log_menu{font-size:11px;}
.log_menu input{ width:11px; height:11px;}
.view_yak{margin-left:35px; font-size:11px; font-weight:bold;}
.view_yak a:link,.view_yak a:visited,.view_yak a:active {color: #333; text-decoration:none;}
.view_yak  a:hover {color: #333; text-decoration:underline;}