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

/*************************************************
 layout
**************************************************/

#primary { padding-top: 5px; }

div.lcol { width: 420px; float: left; }
div.rcol { width: 200px; float: right; background: url(../images/illust_child.jpg) left top no-repeat; padding-top: 235px; }

div.lcol h3 { border-left: 5px solid #09F; border-bottom: 1px solid #09F; padding: 5px; margin-bottom: 10px; }

div.search { width: 100%; height: 40px; background: url(../images/search_back.gif) left bottom no-repeat; margin-bottom: 20px; position: relative; }
div.search dt, div.search dd { position: absolute; top: 10px; }
div.search dt { left: 10px; }
div.search dd.tBox { left: 85px; }
div.search dd.btSearch { left: 550px; }
div.search dd.tBox input { width: 450px; height: 14px; padding: 2px 4px; border: 1px solid #69C; background-color: #FFF; }
div.search dd.tBox input:focus { background-color: #FFC; border: 1px solid #09F; }

div.counter { position: absolute; top: 50px; left: 480px; width: 250px; color: #216; line-height: 120%; }
div.counter strong { margin: 0 3px; color: #09F; }

.list dl { clear: both; padding: 5px 0; line-height: 150%; }
.list dt { float: right; display: block; width: 320px; }
.list dd.update { padding-left: 16px; background: url(../images/point_list.gif) 1px 3px no-repeat; font-size: 0.9em; line-height: 150%; }

div.btnList { float: right; padding-top: 2px; clear: both; }
div.btnList a { display: block; width: 80px; height: 20px; background: url(../images/btn_list.gif) left top no-repeat; text-indent: -9999px; }
div.btnList a:hover { background: url(../images/btn_list.gif) right top no-repeat; }

div.rcol li { margin-bottom: 5px; float: left; }

div.clearfix { padding: 3px; }


@media print{

div.search, div.btnList { display: none; }
div.rcol { background: none; padding-top: 0; }

}