@charset "utf-8"; /* 文字コード */

/*
 * File      : styles-site.css
 * Version   : 1.04
 * Update    :
 * 1.00 2004.09.28: 3カラム固定サイズ用初版
 * 1.01 2004.10.15: 半角文字折り返し対処追加
 * 1.02 2004.10.22: 3.11-ja機能（サブカテゴリー）対応/TypeKeyコメント投稿者アイコン枠対処
 * 1.03 2004.11.24: サブカテゴリーの冗長指定削除
 * 1.07 2004.12.30: ポップアップ用テンプレート追加に伴う修正
 *             #box-commentspop 全面追加
 *             #banner-commentspop バナーの重なり順序対処
 *             #banner-commentspop h1 フォント/文字の太さ/フォントサイズ修正
 *
 * Copyright (C) 2004-2005 koikikukan. All rights reserved.
 */

/* ページ全体の基本的な設定と背景色 */
	body {
		margin: 20px 0px 20px 0px;
		background:#C2DEF1; /* 背景色 */
	}

/* リンク文字設定 */
	a {
		color: #8FABBE;
		text-decoration: underline;
	}
	a:link {
		color: #8FABBE;
		background: none;
	}
	a:visited {
		color: #8FABBE;
		background: none;
	}
	a:active {
		color: #8FABBE;
		background: none;
	}
	a:hover {
		color: #006699;
		background: none;
	}

/* h1h2h3 */
	h1{
		margin: 0px;
		padding: 0px;
	}
		
	h2{
		margin: 0px;
		padding: 0px;
	}

	h3 {
		margin: 0px;
		padding: 0px;
	}


/* 3カラム全体 */
	#box {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
		padding: 0px;
		padding-bottom: 15px;
		width: 900px;
		border-top: 1px solid #666699;		
		border-bottom: 1px solid #666699;
		border-left: 1px solid #666699;
		border-right: 1px solid #666699;
		background-color: #FFFFFF;
	}

/* タイトル名 */
	#banner {
		position: relative; z-index: 1;
		color:#FFFFFF;
		background:#ffffe0;
		background-position:right top;
		background-repeat:repeat-y;
		background-repeat:no-repeat;
		height:200px;
		width:900px;
		background-image: url("http://webcopoo.net/blog/archives/images/title.jpg");
/*
		padding-left:15px;
		padding-top:15px;
		padding-bottom:15px;
*/
		text-align: left;
		border-bottom: 1px solid #666699;
	}

/* コプー連絡板。 */

	#inform {
		float: left;
		color:#ffffff;
		font-family: Verdana, Arial, sans-serif;
		font-size:12px;
		background:#000000;
		line-height:140%;
		height:20px;
		width:885px;
		text-align: left;
		border-bottom: 1px solid #666699;
		padding-left:15px;
	}


/* タイトル名の文字のリンク色 */
	#banner a {
		font-weight:normal;
		font-size: 32px;
		font-family: "ＭＳゴシック",sans-serif;
		text-decoration: none;
	}
	#banner a:link{
		color: #999999;
		background: none;
	}
	#banner a:visited{
		font-size: 32px;
		color: #999999;
		background: none;
	}
	#banner a:active,
	#banner a:hover {
		font-size: 32px;
		color: #999999;
		background: none;
	}
	#banner h2 {
		color: #999999;
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
	}

/* コプー情報板の文字のリンク色 */
	#inform a {
		color: #ffffff;
		text-decoration: underline;
	}
	#inform a:link{
		color: #ffffff;
		background: none;
	}
	#inform a:visited{
		color: #ffffff;
		background: none;
	}
	#inform a:active,
	#inform a:hover {
		color: #ff0000;
		background: none;
	}


/* サイト説明文 */
	.description {
		color: #999999;
		font-size: 12px;
	}

/* エントリーのある大段落（3カラム） */
	#content {
		float: left;
		width: 528px;
		border-bottom: 1px solid #666699;
		border-left: 1px solid #666699;
		border-right: 1px solid #666699;
		margin-top : 0px ;
		margin-bottom : 10px ;
		line-height: 150%;
	}

/* エントリーのある大段落（1カラム） */
	#container {
		margin-top : 0px ;
		margin-bottom : 10px ;
	}

/* エントリー別の段落 */
	.blog {
		padding:10px;
		font-size:small;
		font-weight:normal;
		background-color: #ffffff;
	}

/* 各エントリー */
	.blogbody {
		background:#ffffff;
		background-position:right; 
		background-repeat:repeat-y; 
		background-image: url("画像を置くURl/ファイル名.gif");
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		padding-top:5px;
		padding-left:8px;
		padding-right:8px;
		line-height:150%;
		width : auto ;
		margin-bottom:15px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
		border: 1px solid  #999999;
	}

/* タイトルと本文の行間を狭くする対処 */
	.blogbody p {
		margin-top: 5px;
		margin-bottom: 5px;
	}

/* 各エントリーの文字のリンク色 */
	.blogbody a {
		color: #8FABBE;
		text-decoration: underline;
	}
	.blogbody a:link {
		color: #8FABBE;
		background: none;
	}
	.blogbody a:visited {
		color: #8FABBE;
		background: none;
	}
	.blogbody a:active {
		color: #8FABBE;
		background: none;
	}
	.blogbody a:hover {
		color: #006699;
		background: none;
	}

/* エントリーの画像（左に配置した時の文章とのマージン） 2004.07.20追加 */
	.blogbody img {
		margin-right: 8px;
		margin-bottom: 5px;
	}

/* エントリーのタイトル */
	.title	{
		font-size: 12px;
		color: #666666;
		padding-top:5px;
		padding-left:0px;
		margin-bottom:0px;
		padding-bottom:0px;
	}

/* 「ホーム」等へのリンク部分（トップページ以外） */
	#menu {
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		font-weight:normal;
		background: none;
		margin:0px;
		padding-top:3px;
		text-align:center;
	}

/* エントリーの日付 */
	.date	{ 
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight:none;
		color: #ffffff;
		background: #8FABBE;
		background-position:left; 
		background-repeat:no-repeat;
		background-image: url("画像を置くURl/ファイル名.gif");
		padding-top:2px;
		padding-bottom:2px;
		padding-left:5px;
		margin-top:6px;
/*		margin-left:5px;
		margin-right:5px;
*/
	}

/* エントリー投稿者の段落 */
	.posted {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin-top:10px;
	}

/* 「続きを読む」の行 */
	.extended { 
		font-weight:normal;
		padding: 3px;
	}

/* blockquote設定 */
blockquote {
font-size: 12px;
color: #808080;
margin: 20px 10px 20px 10px;
background-color  :  #f9f9ff; 

padding: 10px;
border-left: 1px dashed #808080;
border-bottom: 1px dashed #808080;
border-right: 1px dashed #808080;
border-top: 1px dashed #808080;

}

/* 2004.10.22 TypeKeyによるコメントで投稿者アイコンが枠で囲まれてしまう対処 */
	.commenter-profile img {
		vertical-align: middle;
		border-width: 0;
	}

/* エントリーのテキストエリア可変長指定 2004.07.20追加 */
	.blogbody textarea {
		width: 97% ;
	}

/* quotetitle設定 */
	.quotetitle{
		font-size:medium;
		font-weight:normal;
		border-bottom: 1px solid #666699;
		padding: 3px;
	}

/* 右カラム */
	#links-right{
		float: left;
		color: #ffffff;
		width : 155px ;
		padding-top : 15px;
		padding-left : 15px;
		padding-right : 15px;
	}

/* 左カラム */
	#links-left{
		float: left;
		color: #ffffff;
		width : 155px ;
		padding-top : 15px;
		padding-left : 15px;
		padding-right : 15px;
	}

/* カレンダー年月 */
	.calendarhead{
		text-align: center;
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size:9px;
		background: none;
		letter-spacing: .3em;
	}

/* カレンダー曜日数字 */
	.calendar {
		text-align: center;
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-weight:normal;
		background: none;
	}
	.calendar a:link {
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:visited{
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:active{
		font-size:9px;
		color: #8FABBE;
		text-decoration: underline;
	}
	.calendar a:hover {
		font-size:9px;
		color: #006699;
		text-decoration: underline;
	}

/* カレンダー日付のリンク以外の文字サイズ 2004.08.29追加 */
	.calendar td {
		font-size:9px;
	}

	.calendar th {
		font-size:8px;
		width : 23px ;
	}
	.calendar table {
		padding: 0px;
		border-collapse: collapse;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等の見出し */
	.sidetitle {
		color:#ffffff;
		font-family: Verdana, Arial, sans-serif;
		font-size:10px;
		margin-top:3px;
		background:#8FABBE;
		line-height:140%;
		padding:1px 0px;
		text-align:center;
		border: 1px solid  #999999;
	}

/* 「検索」「コメント」「エントリー」「カテゴリ」「リンク」等 */
	.side {
		font-family: Verdana, Arial, sans-serif;
		color:#666666;
		background: none;
		font-size:9px;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:25px;
/*		word-break: break-all; *//* 半角文字折り返し対処 2004.10.15追加 */
	}

/* 2004.10.22 サブカテゴリー対応 */
	.side #categories {
/*		font-family: Verdana, Arial, sans-serif;
		color: #666666;
		background: none;
		font-size: 9px;
		font-weight:normal;
		line-height:150%;
		text-align: left;
		padding:2px;
		margin-bottom:25px;*//* 冗長指定削除 2004.11.24追加 */
	}

	.side #categories ul {
		padding-left: 15px;
		margin: 0px;
		margin-bottom: 0px;
	}

	.side #categories ul ul {
		margin-bottom: 0px;
	}

	.side #categories li {
		margin-top: 0px;
		margin-bottom: 0px;
		list-style-type: circle;
	}
/* サブカテゴリー対応 ここまで */

	.side-counter {
		font-size:9px;
		background: none;
		padding:2px;
		margin-top:8px;
		margin-bottom:25px;
	}

	.side2 {
		font-family: Verdana, Arial, sans-serif;
		color:#666666;
		background: none;
		font-size:9px;
		font-weight:normal;
		line-height:150%;
		padding:2px;
		margin-bottom:5px;
	}

	.image img {
		border: 1px solid #666699;
		margin-top: 20px;
	}

/* RSS(XML)の設定 */
	.syndicate {
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin-bottom:5px;
	}

/* Poweredの設定 */
	.powered {
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size:9px;
		line-height:150%;
		text-align: left;
		margin-top:50px;
	}

/* 「コメント」「コメントする」の見出し */
	.comments-head	{
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		color: #ffffff;
		background: #8FABBE;
		padding-top:2px;
		padding-left:5px;
		padding-bottom:2px;
		width : auto ;
		margin-top:10px;
		margin-left:5px;
		margin-right:5px;
		margin-bottom:10px;
	}

/* 「コメント」の段落 */
	.comments-body {
		font-size:12px;
		font-weight:normal;
		font-family: Verdana, Arial, sans-serif;
		color:#666666;
		line-height:150%;
		padding:0px;
		margin-left:8px;
		margin-right:8px;
		margin-top:0px;
		margin-bottom:0px;
		word-break: break-all; /* 半角文字折り返し対処 2004.10.15追加*/
	}

	.comments-body p {
		margin-top:10px;
		margin-bottom:5px;
	}

	/* コメントテキストエリアの幅指定 2004.07.20追加 */
	.comments-body textarea {
		width:266px;
	}

/* 「コメント」投稿者 */
	.comments-post {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		padding:0px;
		margin-top:0px;
		margin-bottom:0px;
	}

	.comments-post a:link {
		color: #8FABBE;
		text-decoration: underline;
		background: none;
	}
	.comments-post a:visited {
		color: #8FABBE;
	}
	.comments-post a:active{
		color: #8FABBE;
	}
	.comments-post a:hover {
		color: #006699;
	}

/* 「トラックバック」の段落 */
	.trackback-body {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
		line-height:140%;
		padding:10px;
		margin:10px;
		border-bottom:1px dotted #003366;
	}

/* トラックバックURL */
	.trackback-url {
		font-size:small; 
		font-weight:bold;
		color: #336699;
		background:#ffffff;
		border: 2px solid #336699;
		padding:10px;
		margin:10px;
	}

/* 「トラックバック」投稿者 */
	.trackback-post {
		color:#336699;
		font-size:small;
		font-weight:normal;
		background:#fff;
	}

/* ポップアップウインドウ全体 2004.12.30追加 */
	#box-commentspop {
		width: auto;
		border-bottom: 1px solid #666699;
		border-left: 1px solid #666699;
		border-right: 1px solid #666699;
		background-color: #FFFFFF;
	}

/* ポップアップウインドウのタイトル部分 */
	#banner-commentspop {
		z-index: 1; /* バナーの重なり順序対処 2004.12.30追加 */
		color:#999999;
		background:#ffffe0;
		background-position:right top;
		background-repeat:repeat-y;
		background-repeat:no-repeat;
		background-image: url("画像を置くURl/ファイル名.gif");
		padding-left:10px;
		padding-top:10px;
		padding-bottom:10px;
		text-align: left;
		border: 1px solid #666699;
	}

	#banner-commentspop h1 {
		color: #999999;
		font-family: "ＭＳゴシック", Arial, sans-serif; /* フォント修正 2004.12.30修正 */
		font-weight: normal; /* 文字の太さ修正 2004.12.30修正 */
		font-size: 32px;  /* フォントサイズ修正 2004.12.30修正 */
	}

	#banner-commentspop h2 {
		color: #999999;
		font-family: Verdana, Arial, sans-serif;
		font-weight: normal;
		font-size: 12px;
	}

	#content-commentspop {
		border-bottom: 1px solid #666699;
		border-left: 1px solid #666699;
		border-right: 1px solid #666699;
		margin : 0px ;
		padding : 10px ;
		height : 100%;
	}

	#content-commentspop h2	{ 
		font-family: Verdana, Arial, sans-serif;
		font-size: 11px;
		font-weight:none;
		color: #ffffff;
		background: #8FABBE;
		background-position:left; 
		background-repeat:no-repeat;
		padding-left:5px;
		padding-top:2px;
		padding-bottom:2px;
		margin-top:6px;
		margin-bottom:15px;
	}

	#content-commentspop h3	{ 
		font-family: Verdana, Arial, sans-serif;
		font-size: 10px;
		font-weight:none;
	}

	.blogbody-commentspop {
		background-position:right; 
		background-repeat:repeat-y; 
		background-image: url("画像を置くURl/ファイル名.gif");
		color:#666666;
		font-family: Verdana, Arial, sans-serif;
		font-size: 12px;
		padding-top:0px;
		line-height:150%;
		width : auto ;
		margin-top:0px;
		margin-bottom:0px;
	}

	.blogbody-commentspop p {
		margin-top: 10px;
		margin-bottom: 5px;
	}

	.posted-commentspop {
		font-family: Verdana, Arial, sans-serif;
		font-size: 9px;
		color: #999999;
		border-top: 1px dotted #999999;
		text-align:right;
		margin-top:0px;
		margin-bottom:15px;
		}

/* 検索、コメントなどの入力フォームの設定 */
	form {
		margin:0px;
	}

/* 投稿者名、コメントの書き込み欄の文字化け防止 */
	input,textarea {
		font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック",sans-serif;
		margin: 2px;
	}義リスト*/
div.entry-body dl dl{
	font-size: 95%;
}

#other-entries ul,
#other-entries ol {
	list-style-type: none;
}


/**********エントリー内のインライン要素**********/
/*エントリー内の強調*/
div.entry-body em,
div.entry-body strong {
	text-decoration: none;
	letter-spacing: 0;
}

/*本文内のemによる強調文字色*/
div.entry-body em {
	border-bottom: 1px dotted #fff;
}

/*本文内のstrongによる強調文字色*/
div.entry-body strong{
	border-bottom: 2px solid #fff;
}

/*本文内の略語、頭文字、定義部（共通スタイル）*/
div.entry-body dfn,
div.entry-body abbr,
div.entry-body acronym {
	border-bottom: 1px dashed #fff;
	cursor: help;
}

/*エントリー本文内のプロブラミングコード・キーボード入力・出力サンプル共通スタイル*/
div.entry-body code,
div.entry-body kbd,
div.entry-body samp,
div.entry-body var  {
	font-family: "Osaka－等幅", "ＭＳ Ｐゴシック", "Courier New", monospace;
	white-space: nowrap;
}

/*エントリー本文内にある整形済みテキスト内のプロブラミングコード・キーボード入力・出力サンプル共通スタイル*/
div.entry-body pre code,
div.entry-body pre kbd,
div.entry-body pre samp,
div.entry-body pre var {
	white-space: pre;
}

/*エントリー本文内の引用 q*/
div.entry-body q {
	border: 1px solid #fff;
	background-color: transparent;
	color: #fff;
}

/*エントリー本文内の後から打ち消し*/
div.entry-body del {
	text-decoration: line-through;
	color: #999;
}

/*エントリー本文内の後から挿入*/
div.entry-body ins {
	border: 1px dotted #fff;
}

/*テキストフォーマットConvert Line Breaksだと、ins,delの特別な振る舞いは認識せず、
前後に段落要素がつくので無条件インライン要素。だからins,delをブロック要素とする場合は
テキストフォーマットConvert Line Breaksがダメという罠*/
div.entry-body p ins {
	border: none;
	text-decoration: underline;
}

span.entry-date {
	color: #fff;
	font-size: 80%;
}

/*エントリー本文内の画像*/
div.entry-body img {
	border: 1px solid #fff;
}

/*エントリー本文内の画像*/
div.entry-body a img {
	border: none;
	text-decoration: none;
}


/*エントリー本文内の画像左回り込み*/
div.entry-body img.strike {
	float: left;  
}

.rel {
	clear: left;
}

/********************コメント・トラックバック関連********************/

/*コメント・トラックバックのブロック*/
div.comment-content,
div.trackback-content {
	border: 1px solid #fff;
}

div.comment-content p,
div.trackback-content p {
	font-size: 95%;
	color: #fff;
}

/*トラックバック送信元のタイトル*/
div.trackback-content h3 {
	border: none;
	color: #000;
	font-size: 100%;
}

/*トラックバックのタイトル部分にリンクがある場合*/
div.trackback-content h3 a,
div.trackback-content h3 a:link,
div.trackback-content h3 a:visited,
div.trackback-content h3 a:active,
div.trackback-content h3 a:hover {
	text-decoration: none;
	color: #000;
}

/*各トラックバックのブロック*/
div.trackback-content div.entry-body,
div.trackback-content #no-trackback {
	border: none;
	background-color: #fff;
	color: #000;
}

div.trackback-content div.entry-body p,
div.trackback-content #no-trackback p {
	color: #000;
}

/*各トラックバック投稿者情報*/
div.trackback-content .posted {
	font-size: 90%;
	border-top: 1px solid #000;
	color: 000;
}

/*各コメントのブロック*/
div.comment-content div.entry-body {
	border: 1px solid #fff;
}

/*各コメントのブロック*/
div.comment-content #no-comment {
	border: 1px solid #fff;
}

/*エントリーの投稿情報*/
div.comment-content .posted {
	font-size: 90%;
	border-top: 1px solid #fff;
	text-align: right;
}

/*エントリーの投稿情報内のリスト*/
div.comment-content ul.posted li {
	list-style-type: none;
}

/*コメントの入力フォームのグループ*/
#search-page fieldset,
#individual-entry-archive fieldset,
#other-template fieldset {
	border: 1px solid #fff;
	color: #fff;
}

/*コメントの入力フォームのグループ名*/
#search-page legend,
#individual-entry-archive legend,
#other-template legend {
	display: none;
}

/*コメント関連ののボタン・チェックボックス・サインイン・アウト*/
.button {
	font-size: 90%;
}

/*コメント関連ののボタン・チェックボックス・サインイン・アウトのリスト*/
ul.button li {
	list-style-type: none;
}

/*TypeKeyへのサインイン・アウトのリスト*/
ul.typekey_button li {
	list-style-type: none;
	text-align: center;
}

div.alert {
	border: 1px solid #fff;
	background-color: #000;
	padding-left: 10px; 
}

/*TypeKeyのアラート*/
div.alert p {
	color: #fff;
	font-size: 90%;
}

/********************サイドバー関連********************/


/*サイドバーの各項目を定義リストで表しています。*/
/*サイドバー各項目*/
div.sidebar dl {
	color: #fff;
}

/*サイドバーの項目タイトル*/
div.sidebar dt {
	font-size: 95%;
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #fff;
	border-bottom: 1px dotted #fff;
	padding: 0;
}

/*サイドバーの項目のコンテンツ*/
div.sidebar dd {
	font-size: 90%;
}

/*サイドバーのリストのマーカー*/
div.sidebar ul,
div.sidebar ol {
	list-style-type: none;
}

div.sidebar ul li,
div.sidebar ol li {
}

/*サイドバーの項目のコンテンツのリスト（子）*/
div.sidebar dd ol ol,
div.sidebar dd ul ul {
	font-size: 95%;
}

dl#recent-comments dd ol ol,
dl#recent-comments dd ul ul,
dl#recent-entries dd ol ol,
dl#recent-entries dd ul ul {
}

li.commentator {
	list-style-type: none;
	list-style-position: inside;
}

li.entries {
	list-style-type: none;
	list-style-position: inside;
}

/*検索の入力フォームのグループ*/

div.sidebar dl#searchform {
	color: #fff;
}


div.sidebar fieldset {
	border: none;
}

div.sidebar form.searchform {
	text-align: center;
}

/*検索の入力フォームのグループ名*/
div.sidebar legend {
	display: none;
}

/*クリエイティブコモンズ・Syndicate this site ・MTバージョン・HINAGATAバナー*/
.powered,
div.link-note {
	color: #fff;
	font-size: 90%;
	text-align: center;
	font-family: verdana, Arial, Helvetica, sans-serif;
}

/********************カレンダー関連********************/

/*カレンダーのテーブル*/
dl#calendar table {
	border: none;
}

/*年と月*/
dl#calendar caption {
	color: #fff;
	font-size: 95%;
	font-weight: bold;
	font-family: verdana, Arial, Helvetica, sans-serif;
	border-bottom: 1px dotted #fff;
	padding: 0;
}

dl#calendar tr {
}


/*曜日のthと日付のtd*/
dl#calendar th,
dl#calendar td {
	text-align: center;
	font-weight: normal;
	font-size: 95%;
	color: #fff;
}

dl#calendar td {
	font-family: verdana, Arial, Helvetica, sans-serif;
}

/*日曜日の曜日表示*/
dl#calendar th.sunday {
	color: #fff;
}

/*土曜日の曜日表示*/
dl#calendar th.saturday {
	color: #fff;
}

/*平日の曜日表示*/
dl#calendar th.weekday {
	color: #fff;
}

#logpi-badge {
  border: 1px solid #75befc;
  padding: 10px;
  }

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

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

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

#logpi-badge dt {
  margin: 0 0 5px 0;
  font-size: 11px;
  }
  #logpi-badge dt a {
    color: #0066ff;
    }
  #logpi-badge dt.mobile {
    background: url(http://logpi.jp/image/mobile-s.gif) no-repeat right;
    }
#logpi-badge dd {
  border-bottom: 1px solid #ccc;
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  font-size: 12px;
  }
  #logpi-badge dd a {
    font-size: 10px;
    color: #999;
    }
  #logpi-badge 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 .powered {
  text-align: center;
  }