@charset "utf-8";

ul#pan{ padding:15px 19px;}
ul#pan li{ display:inline;}
ul#pan li tt{ padding:0 3px;}
ul#bt{ margin:8px 0; text-align:center;}
ul#bt li{ display:inline;}
ul#bt li img{ margin:0 1px;}
table#pl{ width:300px; background-color:#CCC; margin:10px 0;}
table#pl th,td{ padding:3px;}
table#pl th.free{ width:40%; background-color:#E8F3F5; text-align:left; font-weight:normal;}
table#pl th.pl{ width:40%; background-color:#E4E9F5; text-align:left; font-weight:normal;}
table#pl td{ width:10%; background-color:#FFF; text-align:center;}
table#op{ width:300px; background-color:#CCC; margin:10px 0;}
table#op th,td{ padding:3px;}
table#op th.free{ width:40%; background-color:#E8F3F5; text-align:left; font-weight:normal;}
table#op th.op{ width:40%; background-color:#F5E4E9; text-align:left; font-weight:normal;}
table#op td{ width:10%; background-color:#FFF; text-align:center;}
div#all{width:770px; margin:0 auto;}
div#all div#left{width:300px; float:left; margin:0 15px 0 0;}
div#all div#right{width:455px; float:left;}
ul#prof{line-height:180%;}
ul#prof li#name{font-size:16px; color:#F5028E; font-weight:bold; padding:0 0 5px 0; margin:0 0 8px 0; border-bottom:1px solid #CCC;}
ul#prof li#name span{font-size:12px; padding:0 0 0 5px;}
ul#prof li.sub{font-weight:bold; color:#4EBFD3; padding:10px 0 0 0; margin:11px 0 0 0; border-top:1px solid #CCC;}
ul#prof li.comment{line-height:18px; height:45px;}
div#qa{background:url(../img/profile_qa.gif) 0 0 no-repeat; width:450px; height:444px; margin:40px 0 0 0;}
div#qa2{overflow:auto; width:428px; height:335px; margin:0 0 0 15px;}
dt{ color:#4EBFD3; font-weight:bold; margin:15px 0 0 0;}
dd{ padding:5px 0 0 15px; line-height:18px;}

div#qa2 {
scrollbar-arrow-color: #52C1D4;
scrollbar-face-color: #FFFFFF;
scrollbar-3dlight-color: #CFFFFF;
scrollbar-darkshadow-color: #3CA9BC;
scrollbar-highlight-color: #E0EFF2;
scrollbar-shadow-color: #8CD5E2;