@charset "utf-8";
/* CSS Document */

html { overflow-x:hidden;}

#wrap { width:100%; margin:0 auto; overflow-x:hidden; }

.header_wrap { width:100%; background:#35353b; }
.header { width:100%; height:13px; padding:8px 0; max-width:1024px; min-width:1024px; margin:0 auto; background:#35353b; }
.header .h_l { float:left;}
.header .h_l ul { float:left; margin-left:22px;}
.header .h_l ul li { float:left;}
.header .h_l ul li.first { position:relative; padding-right:16px; margin-right:16px; background:url(../images/intro/h_l_bar.jpg) no-repeat right center;}
.header .h_l ul li a { float:left; font-size:13px; color:#e3e3e3; font-weight:bold;}

.header .h_r { float:right; margin-right:22px;}
.header .h_r p { float:left; font-size:13px; color:#e3e3e3; font-weight:bold;}
.header .h_r p a { font-size:13px; color:#e3e3e3; font-weight:bold;}
.header .h_r p a img { vertical-align:middle; padding-left:16px;}


.menu_area_wrap { width:100%; height:241px; background:url(../images/common/menu_area_bg.jpg) no-repeat left top;}
.menu_area_wrap .menu_area { width:100%; max-width:1166px; margin:0 auto; padding-top:31px; padding-bottom:53px; position:relative;}
.menu_area_wrap .menu_area .pattern04 { position:absolute; left:20px; bottom:0;}
.menu_area_wrap .menu_area .pattern05 { position:absolute; right:-30px; bottom:0;}

.menu_area_wrap .menu_area .menu { width:927px; height:47px; margin:0 auto; background:#fff url(../images/common/menu_bg.jpg) no-repeat 1px 60px; padding:15px 23px 0px 30px; margin-bottom:55px;}
.menu_area_wrap .menu_area .menu h1 { float:left;}
.menu_area_wrap .menu_area .menu h1 img { float:left; margin-top:-4px; }
.menu_area_wrap .menu_area .menu ul { float:right; margin-top:8px; position:relative;}
.menu_area_wrap .menu_area .menu ul li { float:left; padding-bottom:21px; position:relative;}
.menu_area_wrap .menu_area .menu ul li a { float:left; font-size:16px; padding:0 21px; font-weight:bold; color:#8b8b8b;}
.menu_area_wrap .menu_area .menu ul li a:hover { color:#35353b; font-size:16px;}
.menu_area_wrap .menu_area .menu ul li a.sel { color:#35353b; font-size:16px;}

.menu_area_wrap .menu_area .menu ul li.line_bar { position:absolute; left:0; bottom:0; width:0; background:#d96ea5; height:2px; padding-bottom:0; }
.menu_area_wrap .menu_area .menu ul li.line_bar02 { position:absolute; left:157px; bottom:0; width:0; background:#d96ea5; height:2px; padding-bottom:0; }

.menu_area_wrap .menu_area .menu ul li ul { float:left; display:none; width:169px; position:absolute; bottom:-83px; padding-top:2px; left:0; margin-top:0;}
.menu_area_wrap .menu_area .menu ul li ul li { float:left; width:167px; border:1px solid #e1e1e1; border-top:0; padding:0;}
.menu_area_wrap .menu_area .menu ul li ul li a { float:left; width:150px; padding:13px 0 13px 17px; color:#6c6c6f; background:#fff; font-size:13px;}
.menu_area_wrap .menu_area .menu ul li ul li a:hover { font-size:13px; color:#df61a2; background:#f5f5f5;}

.menu_area_wrap .menu_area h2 { width:100%; font-size:40px; font-weight:bold; color:#4a4a4a; text-align:center;}

.sub_con_wrap { overflow:hidden; width:100%; background:#f4f3f2; padding-top:23px; padding-bottom:32px;}
.sub_con_wrap .sub_con { width:100%; max-width:980px; margin:0 auto; padding:0 22px;}
.sub_con_wrap .sub_con .con_L { float:left; width:674px; border:1px solid #e5e5e5; padding:22px 22px 35px 22px; background:#fff; min-height:595px;}


.sub_con_wrap .sub_con .con_R { float:right; width:240px;}
.sub_con_wrap .sub_con .con_R .my_con { float:left;  width:240px; background:#fff; margin-bottom:11px;}
.sub_con_wrap .sub_con .con_R .my_con .my_header { float:left; width:100%; }
.sub_con_wrap .sub_con .con_R .my_con .my_header .top { float:left; width:238px; height:3px; border-top-left-radius:3px; border-top-right-radius:3px; border:1px solid #d770b7; background:#d770b7;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .info { float:left; width:238px; border-left:1px solid #e5e5e5; border-right:1px solid #e5e5e5;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .info table { width:100%;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .info table th { text-align:center; vertical-align:middle; padding:8px 0;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .info table th a img.profile{ max-width:53px; max-height:53px; }
.sub_con_wrap .sub_con .con_R .my_con .my_header .info table td.pr10 { text-align:left; vertical-align:middle; padding:8px 10px 8px 0;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .info table td { text-align:left; vertical-align:middle; padding:8px 0;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .info table td h3 { float:left; width:100%; font-size:16px; font-weight:bold; color:#3f3b3d; margin-bottom:8px;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .info table td p { float:left; width:100%; font-size:12px; color:$696768;}

.sub_con_wrap .sub_con .con_R .my_con .my_header .bottom { float:left; width:220px; border:1px solid #e5e5e5; padding-left:18px; background:#f9f9f9;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .bottom ul { float:left;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .bottom ul li { float:left; padding:5px 0; padding-right:13px; margin-right:20px; background:url(../images/sub/my_con_bar.jpg) no-repeat right center;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .bottom ul li.last { padding-right:0; margin-right:0; background:none;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .bottom ul li a { float:left; padding-left:26px; font-size:12px; font-weight:bold; color:#7f7f7f; line-height:1.5;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .bottom ul li a.li01 { background:url(../images/sub/my_page_bg.jpg) no-repeat left center;}
.sub_con_wrap .sub_con .con_R .my_con .my_header .bottom ul li a.li02 { background:url(../images/sub/log_out_bg.jpg) no-repeat left center;}







.footer_wrap { float:left; width:100%; background:#555558; padding:24px 0px;}
.footer { width:944px; padding:0px 40px; max-width:1024px; margin:0 auto; }
.footer .footer_l { float:left; width:740px;}
.footer .footer_l ul { float:left; width:100%; margin-bottom:20px;}
.footer .footer_l ul li { float:left; padding-right:18px; margin-right:17px; background:url(../images/common/footer_bar.jpg) no-repeat right center;}
.footer .footer_l ul li.last { margin-right:0; padding-right:0; background:none;}
.footer .footer_l ul li a { float:left; font-size:13px; color:#ffffff;}
.footer .footer_l p { float:left; width:100%; font-size:12px; color:#cccccd; line-height:1.5;}

.footer .footer_r { float:left; width:204px;;}