html, body { margin:0; padding:0; }
#bplan, th, td,
input, textarea { font:normal 13px verdana,sans-serif; color:#000; }
h1 { margin:5px 0; padding:5px; font-weight:bold; font-size:24px; color:#999; }
h2 { margin:5px 0; padding:5px; font-weight:bold; font-size:12px; color:#fff; text-transform:uppercase; background-color:#087; }
h3 { margin:5px 0; padding:2px 5px; font-weight:bold; font-size:14px; color:#087; }
p { margin:5px 0; padding:2px 5px; }
td { vertical-align:top; }
a { color:#087; }
a:hover { color:#fff; background-color:#087; }
a img { border:0; }
hr { display:block; height:1px; line-height:1px; background:#ccc; margin:10px 0; border:0; clear:both; }
br { clear:both; float:none; }
.clear { clear:both; float:none; }
.hidden { display:none; }
.left { float:left; }
.right { float:right; }
.half { margin:0 5px; width:327px; }
.third { margin:0 5px; width:215px; }
.third.two { margin:0 5px; width:440px; }
ul.nolist { list-style:none; margin:0; padding:0; }
ul.nolist img { width:200px; }
ul.list { display:block; list-style:none; padding:0; margin:0 0 0 5px; text-align:left; }
ul.list li { display:block; background:url(images/icon.gif) 3px center no-repeat; padding:3px 3px 3px 22px; }
ul.list li a { padding:2px; }
table { border:0; border-collapse:collapse; width:100%; table-layout:fixed; }
table th { background:#eee; font-weight:bold; padding:3px; }
table td { padding:3px; }
#bplan .c_links { position:relative; }
#bplan .c_links a { display:block; padding:2px 5px; }
#bplan .c_links div { position:relative; }
#bplan .c_links .links a { text-decoration:none; }
#bplan .c_links .links a:hover { background:transparent; }
#bplan .c_links a.top { display:block; position:absolute; width:16px; height:16px; background:url(images/top.gif) center no-repeat; right:0; top:8px; z-index:2; }
#bplan .c_links a.top:hover { background:url(images/top.gif) center no-repeat; }
#bplan .c_links a.top span { display:none; }
#bplan .c_links .name { display:block; color:#000; }
#bplan .c_links .href { display:block; color:#087; text-decoration:underline; font-size:10px; }
#bplan { text-align:center; background:#fff url(images/head.jpg) repeat-x; }
#bplan #html_bx { position:relative; text-align:left; width:910px; margin:0 auto; }
#bplan #head_bx { position:relative; height:152px; }
#bplan #navi_bx { position:absolute; top:125px; left:150px; }
#bplan #body_bx { float:left; width:680px; padding:25px 0; text-align:justify; }
#bplan #body_bx img { margin:10px; border:1px solid #ccc; }
#bplan #body_bx h2 { position:relative; }
#bplan #body_bx h2 img { margin:3px; border:0; position:absolute; right:0; top:0; }
#bplan #side_bx { float:right; width:210px; background:transparent url(images/side_back.gif) repeat-y; }
#bplan #foot_bx { clear:both; width:700px; border-top:1px solid #087; text-align:center; font-size:10px; }
/* HEAD */
#bplan #head_bx #title_bt { position:absolute; width:650px; height:150px; background:transparent url(images/logo.gif) center no-repeat; top:0; }
#bplan #head_bx #co2_bt { position:absolute; width:180px; height:180px; background:transparent url(images/co2.gif) center no-repeat; top:19px; right:0; }
#bplan #head_bx #co2_bt { position:absolute; width:190px; height:140px; background:transparent url(images/co2_new.gif) center no-repeat; top:3px; right:0; }
#bplan #head_bx a { display:block; height:100%; }
#bplan #head_bx a:hover { background:transparent; }
#bplan #head_bx span { display:none; }
/* NAVI */
#bplan #navi_bx ul { display:block; margin:0; padding:0; list-style:none; }
#bplan #navi_bx li { display:inline; margin:0; padding:0; float:left; }
#bplan #navi_bx a { display:block; float:left; line-height:25px; padding:0 5px; color:#fff; text-decoration:none; font-weight:bold; }
#bplan #navi_bx a.selected { background:#fff url(images/navi.jpg) repeat-x; color:#087; border:2px solid #ccc; border-top-color:#999; border-bottom:0; }
#bplan #navi_bx a:hover { }
#bplan #navi_bx span { }
#bplan #navi_bx .news a { border-bottom:5px solid #ff9; }
#bplan #navi_bx .news span { color:#ff9; }
/* SIDE */
#bplan #side_bx ul { }
#bplan #side_bx h2 { font-size:11px; line-height:16px; }
#bplan .sub_navi { padding-top:73px; }
#bplan .sub_navi ul { display:block; margin:0; padding:0; list-style:none; }
#bplan .sub_navi li { display:inline; margin:0; padding:0; }
#bplan .sub_navi h2 a { color:#fff; text-decoration:none; }
#bplan .sub_navi li a { display:block; padding:5px 10px; color:#087; text-decoration:none; font-weight:bold; }
#bplan .sub_navi li a:hover { background:#ccc; color:#666; }
#_bplan .sub_navi li a.selected { background:#087; color:#fff; }
#bplan .sub_navi li a.selected { background-image:url(images/icon.gif); background-repeat:no-repeat; background-position:5px center; padding-left:25px; font-style:italic; }
#bplan .sub_navi li span { }
#bplan .sub_navi .end { display:block; height:100px; width:180px; background:#fff url(images/side_bottom.gif) no-repeat; }
#bplan #start_pg ul { margin-top:0; }
#bplan .profile { width:auto; }
#bplan .profile .key { font-weight:bold; width:100px; }
/* FORMS */
#bplan .form { padding:0; margin:5px; }
#bplan .form form { position:relative; margin:10px; text-align:justify; }
#bplan .form div { clear:left; padding-top:3px; }
#bplan .form label { position:relative; display:block; float:left; width:150px; font-size:12px; }
#bplan .form select,
#bplan .form textarea,
#bplan .form input { position:relative; display:block; float:left; width:250px; font-size:12px; border:0; border:1px solid #ccc; background:#fff; padding:2px; }
#bplan .form select { width:256px; background:#fff; }
#bplan .form textarea { height:70px; }
#bplan .form input.check { width:20px; font-weight:bold; }
#bplan .form label.check { width:250px; line-height:18px; }
#bplan .form .submit input { width:256px; border:2px solid #ccc; background:#087; font-weight:bold; margin:5px 0; padding:5px 0; color:#fff; }
#bplan .form .error label { color:#e00; font-weight:bold; }
#bplan .form .error input { border-bottom-color:#e00; }