/***********************************************/
/* HTML tag styles                             */
/***********************************************/ 

body{
	font-family: verdana,palatino, georgia,  "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	color: #333333;
	line-height: 1.4em;	
	margin: 0px;
	padding: 0px;
	background-color:#EEEEEE;
	font-size:0.8em;
}
form {
	margin:0;
	padding:0;
}
a:link{
	color: #33D;
}

a:visited{ 
	color: #116;
} 

a:hover {
	color:#FF0000;
	text-decoration: none;
}
/* overrides decoration from previous rule for hovered links */

img{
	border:0px;
}

h1, h2, h3, h4, h5, h6 {
	line-height:1.4em;
	margin: 0px;
	padding: 0px;
}

h1{
    	font-size:1.6em;
	color: #333355;
}

h2{
	font-size:1.2em;
	margin-bottom:5px;
	padding: 3px 0;
}
p {
	margin:5px 0
}
ul {
	margin:0;
	padding:0;
	list-style-type: none;
}

/***********************************************/
/*　全体のレイアウト                           */
/***********************************************/

#mainbox{
	width:800px;
        margin:0px auto;    
        border:solid 3px #3333aa;
	background-color:#FFFFFF;
	padding:0px;
}
div#title table{
	margin:10px auto 10px 10px;

}
div#mainnavigation{
                    background:#3333aa;
                    padding:5px 10px;
                    color:#999999;
}

div#mainnavigation a{
                      color:#ffffff;
}

#breadcrumb{ 
             background-color: #ddd;
             padding: 5px 10px;
}

#breadcrumb a{
	text-decoration:none;
}

#subcol { /* for IE */
	margin:10px 0px 10px 605px;
	width:180px;
	padding: 0px;
}
html>body #subcol{ /* for others */
	margin: 10px 0 10px 610px;
}	

.normal #content{ /* for IE */
	clear:left;
	width:590px;
	float:left; 
	margin: 10px 0 20px 5px;
	padding:0;
}
html>body.normal #content{ /* for others */
	margin:10px 0 20px 10px;
}


#newentrieslist{ 
}

#popularboardlist,
#popularcategorylist,
#categorylist {
	margin-bottom: 20px;
}


div.halfbox {
	width:285px;
}
div.left {
	float:left;
}
div.right {
	margin-left:300px;
}




/**フッタ**/
#siteInfo{
	clear: both;
	background-color:#EEEEEE;
	border-top: 1px solid #cccccc;
	color: #666;
	padding: 5px 10px;
	margin: 10px 0 0 0;
	text-align: center;
}


/***********************************************/
/*Component Divs                               */
/***********************************************/

/*********** ページタイトルと概要 **************/
h1#sitetitle {
	border-bottom: 1px solid #ccc;
}

/*********** サイドバー部分 *************************/
div.subcol-box {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;	
}
div.subcol-box h3{
	margin:0 0 5px 0;
	padding: 3px;
	font-size:1em;
	border-top: 2px solid #77C;
	background-color: #E6E6FF;
}

div.subcol-box-feature{
	margin: 0 0 10px 0;
	padding:5px;
	background: #ffedac;
	border:1px solid #fc7
}
div.subcol-box-feature  h3{
	margin:0;
	padding:3px;
	font-size:1em;
	color: #e44;
	background:#fff;
	border: 1px solid #fc7;
}
div.subcol-box-feature h3 img {
	margin: 0 3px -4px 0;
}
div.subcol-box-feature p{
}


/** 各種部品 **/
div.entrylinkicon { 
	background:url(/img/sprite001.png) -48px 0 no-repeat;
        height:16px;
        width:16px;
        float:left;
}
img.entrylinkicon { 
	background:url(/img/sprite001.png) -48px 0 no-repeat;
        height:16px;
        width:16px;
}
div.categorylinkicon {
	background:url(/img/sprite001.png) -64px 0 no-repeat;
        height:16px;
        width:16px;
        float:left;
}
div.boardlinkicon {
	background:url(/img/sprite001.png) -80px 0 no-repeat;
        height:16px;
        width:16px;
        float:left;
}
div.triangleicon{ 
	background:url(/img/sprite001.png) -96px 0px no-repeat;
        height:16px;
        width:16px;
        float:left;
}
div.feedicon { 
	background:url(/img/sprite001.png) -0 0 no-repeat;
        height:16px;
        width:16px;
        float:left;
}
div.addfeedicon { 
	background:url(/img/sprite001.png) -16px 0 no-repeat;
        height:16px;
        width:16px;
        float:left;
}
div.arrowrighticon { 
	background:url(/img/sprite001.png) -112px 0 no-repeat;
        height:16px;
        width:16px;
        float:left;
}

div.more {
	margin-top:10px;
}

img.rssicon { 
  background:url(/img/feed.png) 0 0 no-repeat;
  height:16px;
  width:16px;
}

img.feedicon {
	margin: 0 0 -2px 0;
}

.boxhead{
	border-top: 2px solid #77C;
	margin: 20px 0 5px 0;
	padding: 3px;
	background-color: #E6E6FF;
}

.entrylistthreshold{
        padding: 0;
        margin: 0;
}

.entrylistthreshold span#selected{
	background-color:#77C;
        padding: 1px 10px 1px 10px;
	margin:0 10px 0px 0;
	border: 1px solid #77C;
        color:#fff;
}

.entrylistthreshold span#notselected{
	background-color:#e6e6ff;
        padding: 1px 10px 1px 10px;
	margin:0 10px 0px 0;
	border: 1px solid #77C;
}

.entrylistthreshold span#notselected a{
        color:#3333DD;
}

table.entrylist {
	width:589px;
}
table.entrylist th{
	text-align:left;
	font-weight:normal;
	background-color:#e6e6ff;
	border-top: 1px solid #77C;
	padding: 2px;
}
table.entrylist td{
	border-bottom:1px solid #ccc;
	padding:3px 10px 3px 0;
}
table.entrylist td.refnum {
   width:40px;
   text-align:center;
}
table.entrylist td.site {
	width:200px;
}
table.entrylist td.site a {
	text-decoration:none;
}
table.entrylist td.excerpt {
        padding-bottom:20px;
}

div#categorylist ul li{
	width: 100px;
	margin:0 10px 5px 0;
	float:left;
}
div#boardlist ul li {
	width:180px;
	margin: 0 10px 5px 0;
	float:left;
}
div.paging {
	margin:10px 0;
	text-align:center;
}
div.paging a{
	border:1px solid #ccc;
	padding:2px 4px;
	background-color:#e6e6ff;
	text-decoration :none;
}
div.paging a:hover {
	background-color:#77c;
	color: #fff;
}

div.about_subject{
                   line-height:140%;
}
div.about_content{ 
                   line-height:140%;
                   margin: 20px;
}

.ref_hot{ 
  color:#c33;
  font-weight: bold;
}

.ref_veryhot{ 
  color: #c33;
  font-weight: bold;
  background-color: #ddb;
}

/***************************************************************/
/* TSP stuff                                                   */
/***************************************************************/

html>body.tsp { 
  background-color: #ffffff;
}

html>body.tsp #content{ /* for others */
  margin:0;
}

.tsp_header {
  padding: 10px;
  clear: right;
}
.tsp_logo {
  float:left;
  width:130px;
}
.tsp_search {

}
html>body.tsp .tsp_content{
  padding: 0 10px;
}
.maintabs_container { 
  background: #EEEEEE;
  border: solid 1px #77C;
  margin-bottom:10px;
}
.maintabs_border {
  border-left: solid 1px #77C;
  border-right: solid 1px #77C;
}
.maintabs {
  moz-background-clip:border;
  width : 33%;
  height: 3em;
  float : left;
  text-align:center;
}

.maintabs span {
  line-height: 3em;
  font-size: 1em;
}

html>body.tsp .boxhead{
  border-top: 2px solid #77C;
  margin:0 0 5px 0;
  padding: 3px;
  background-color: #E6E6FF;
}

.entrylistrow_hotness_tsp {
  padding-left: 5px;
  line-height: 10ex;
  float:left;
}

.entrylistrow_title_tsp {
  display:block;
  border-top: solid 1px #77C;
  padding-right: 5px;
  padding-top: 2ex;
  padding-bottom: 2ex;
}

.entrylistrow_site_tsp { 
  display:block;
  text-align:right;
  padding-right: 5px;
  height: 3ex;
}

.entrylistrow_hotness_tsp {
  width:30px;
  text-align:center;
}

.entrylistrow_date_tsp {
  float:left;
  width:40px;
  text-align:center;
}

.paginator_tsp {
  margin: 10px 0;
}

.paginator_button_left_tsp { 
  float: left;
}
.paginator_button_right_tsp { 
  float: right;
}
.paginator_button_right_tsp, .paginator_button_left_tsp {
  border: solid 1px #77C;
  background-color:#e6e6ff;
  text-align:center;
  width:40%;
  margin:0 10px;
}
.paginator_button_right_tsp span, .paginator_button_left_tsp span { 
  line-height: 3em;
  font-size: 1em;
}

.paginator_button_disabled_tsp { 
  color: #999999;
}
.categorylistitem_tsp {
  margin: 10px 0;
  width: 100px;
  float:left;
}
.excerpt_threashold_change_tsp {
  margin: 10px 0;
  line-height: 2.4em;
}

.excerpt_threashold_change_tsp .excerpt_button { 
  display: block;
  float:left;
  text-align:center;
  width: 4em;
  line-height: 2.4em;
  font-size: 0.8em;
  border: solid 1px #77C;
  background-color:#e6e6ff;
  margin-left: 10px;
}
.excerpt_threashold_change_tsp div.excerpt_button { 
  background-color:#77c;
  color:#fff;
  font-weight: bold;
}

.excerpt_threashold_change_tsp a.excerpt_button { 
  background-color:#e6e6ff;
}