@charset "euc-jp";

/*
# ============================================================================================================ #
Copyright (C) 2010 TREE-WEB.NET, All right reserved.
Front   : http://www.tree-web.net/
Private : http://wisp.tree-web.net/
Works   : http://works.tree-web.net/
# ============================================================================================================ #
*/


/* ---------------------------------------------------------------- */
/* Common */
/* ---------------------------------------------------------------- */
.TW_WB_Original1 span, .TW_WB_Original1 ul, .TW_WB_Original1 li,
.TW_WB_Original2 span, .TW_WB_Original2 ul, .TW_WB_Original2 li
{
   border:none;
   list-style-type: none;
   padding:0px;
   margin:0px;
   font-size:12px;
   text-align:left;
}

.TW_WB_Original1 ul, .TW_WB_Original2 ul
{
   padding:2px;
}
.TW_WB_Original1 li, .TW_WB_Original2 li
{
   padding-top:2px;
   padding-bottom:4px;
   margin-bottom:8px;
   
   background:url("dot_line.png");
   background-repeat:repeat-x;
   background-position:left bottom;
}



/* ---------------------------------------------------------------- */
/* type1 */
/* ---------------------------------------------------------------- */
.TW_WB_Original1{
   width:264px;
   height:220px;
   display:block;
   background-color:#fff;
   
}
.TW_WB_Original1 .TW_WB_date{
   padding-left:6px;
   margin-right:2px;
   background-image:url("mark.png");
   background-repeat:no-repeat;
   background-position:center left;
}



/* ---------------------------------------------------------------- */
/* type2 */
/* ---------------------------------------------------------------- */
.TW_WB_Original2{
   width:512px;
   height:400px;
   display:block;
   background-color:#fff;
}
.TW_WB_Original2 .topics {
   position:relative;

   width:508px;
   height:180px;
   display:block;
   padding-bottom:8px;

   background-image:url("background_cor.png");
   background-repeat:repeat-x;
   background-position:0px -277px;

}
.TW_WB_Original2 .TW_WB_date{
   padding-left:6px;
   margin-right:2px;
   background-image:url("mark.png");
   background-repeat:no-repeat;
   background-position:center left;
}

.TW_WB_Original2 .topics .TW_WB_date {
   position:absolute;
   top:2px;
   left:4px;
   font-size:1.4em;
   color:#fff;
   font-weight:bold;
   background-image:none;
   margin-right:0px;
   padding-left:0px;
}
.TW_WB_Original2 .topics .TW_WB_title {
   position:absolute;
   top:2px;
   left:108px;
   font-size:1.4em;
   width:400px;
   color:#fff;
   font-weight:bold;
}

.TW_WB_Original2 .topics .TW_WB_image {
   position:absolute;
   top:28px;
}
.TW_WB_Original2 .topics .TW_WB_image img{
   width:100px;
   height:100px;
}

.TW_WB_Original2 .topics .TW_WB_description {
   position:absolute;
   top:30px;
   left:108px;
   width:400px;
   line-height:1.6em;
   font-size:1.3em;
}
.TW_WB_Original2 .topics .TW_WB_gotolink {
   position:absolute;
   bottom:10px;
   right:5px;
   font-size:1.1em;
}