/* Global Styles */

body {
	margin:0px;
	}
	
td {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	}
	
a {
	color: #993300;
	}
	
a:hover {
	color: #5C743D;
	}

/* ID Styles */

#navigation td {
	border-bottom: 1px solid #F4FFE4;
	}
	
#navigation a {
	font: bold 11px Arial, Helvetica, sans-serif;
	color: #D5EDB3;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	display:block;
	padding:8px 6px 10px 20px;
	}
	
#navigation a:hover {
	background: #99CC66;
	color:#993300;
	}
	
#logo 	{
	font:24px Arial, Helvetica, sans-serif;
	color: #5C743D;
	letter-spacing:.2em;
	line-height:30px;
	}

#tagline 	{	
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.4em;
	line-height:18px;
	}

#monthformat {
	border-bottom: 1px dashed #5C743D;
	}
		
#dateformat {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	letter-spacing:.2em;
	}
	
#dateformat a {
	font:11px Arial, Helvetica, sans-serif;
	color: #993300;
	font-weight:bold;
	letter-spacing:.1em;
	text-decoration:none;
	}
	
#dateformat a:hover {
	color: #F4FFE4;
	letter-spacing:.1em;
	}
	
/* Class Styles */
	
.bodyText {
	font:11px Arial, Helvetica, sans-serif;
	color:#666666;
	line-height:20px;
	margin-top:0px;
	}
	
.pageName{
	font: 18px Arial, Helvetica, sans-serif;
	color: #99CC66;
	line-height:26px;
	letter-spacing:.21em;
	}
	
.subHeader {
	font:bold 11px Arial, Helvetica, sans-serif;
	color: #993300;
	line-height:22px;
	letter-spacing:.2em;
	}

.quote {
	font: 20px Arial, Helvetica, sans-serif;
	color: #759DA1;
	line-height:30px;
	}
	
.smallText {
	font: 10px Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 22px;
	}
	
.navText {
	font: 11px Arial, Helvetica, sans-serif;
	color: #003366;
	line-height:16px;
	letter-spacing:.1em;
	text-decoration: none;
	}
	
#logpi-badge-title-follow {
  border: 1px solid #75befc;
  padding: 10px;
  }

#logpi-badge-title-follow .badge-icon {
  text-align: center;
  }

#logpi-badge-title-follow .badge-title {
  font-size: 14px;
  margin: 5px 0 5px 0;
  text-align: center;
  }

#logpi-badge-title-follow dl {
  border-top: 1px solid #ccc;
  padding: 5px 1px 1 0;
}


#logpi-badge-title-follow dt {
  margin: 0 0 5px 0;
  font-size: 11px;
  }
  #logpi-badge-title-follow dt a {
    color: #0066ff;
    }
  #logpi-badge-title-follow dt.mobile {
    background: url(http://logpi.jp/image/mobile-s.gif) no-repeat right;
    }
#logpi-badge-title-follow dd {
  border-bottom: 1px solid #ccc;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  font-size: 12px;
  clear: both;
  width:200px;
  }
  #logpi-badge-title-follow dd img.icon {
    margin: 0 5px 0 0;
    float: left;
    }
  #logpi-badge-title-follow dd a {
    font-size: 10px;
    color: #999;
    }
  #logpi-badge-title-follow dd span.reply a {
    background: url(http://logpi.jp/image/reply-mark.gif) no-repeat;
    padding: 0 0 0 14px;
    color: #f10b82 !important;
    font-size: 12px;
    }
  #logpi-badge-title-follow dd br.clear {
    clear: both;
    }
	#logpi-badge-title-follow dd:after {
	     content: ".";
	     display: block;
	     visibility: hidden;
	     height: 0.1px;
	     font-size: 0.1em;
	     line-height: 0;
	     clear: both;
		}
	#logpi-badge-title-follow dd {
		display: inline-block;
		}


#logpi-badge-title-follow .powered {
  text-align: center;
  }
  
  
.clearfix:after {
     content: ".";
     display: block;
     visibility: hidden;
     height: 0.1px;
     font-size: 0.1em;
     line-height: 0;
     clear: both;
 }
 div#box {
	padding:10px;
	width:320px;
	height:50px;
	overflow:auto;
	position:relative;
}

/* 本体？ */
.scrollgeneric {
	line-height:1px;
	font-size:1px;
	position:absolute;
	top:0;
	left:0;
}

/* 縦スクロール範囲 */
.vscrollerbase {
	width:10px;
	background-color:#eee;
}

/* 縦スクロールバー */
.vscrollerbar {
	width:10px;
	background-color:#900;
}

/* 横スクロール範囲 */
.hscrollerbase {
	height:10px;
	background-color:#eee;
}

/* 横スクロールバー */
.hscrollerbar {
	height:10px;
	background-color:#900;
}

/* 縦横スクロールバー */
.scrollerjogbox {
	width:10px;
	height:10px;
	top:auto;
	left:auto;
	bottom:0;
	right:0;
	background-color:#eee;
}