/*
	MAIN PAGE
	---------
	body
	  div.contents
	    h1 (site title)
	      h2 (date header)
	        h3 (item title)
	          div.itembody (item text)
	          span.iteminfo (time / author / editlink / amount of comments)
	  div.logo
	  div.menu
	    h1 (navigation, hidden link)
	      h2 (menu titles)
	
	DETAILED PAGE
	-------------
	body
	  div.contents
	    h1 (site title)
	      h2 (item title)
	        div.itembody (item text)
	        div.iteminfo (item info)
	      h2 (comments)
	        h3 (commentor name)
  	          div.commentbody
	      h2 (add comment)
	  div.logo
	  div.menu	
	    h1 (navigation, hidden link)
	      h2 (menu titles)

	OTHER PAGES
	-----------
	
	other pages are similar, having a .contents and a .menu part
*/

body {
	margin: 0px;
	background-color: #FFFFFF;
	}
h1, h2, h3 {
	margin: 0px;
	padding: 0px;
	}
a:link { color:#258FB8; text-decoration: none; }
a:visited { color:#996699; text-decoration: none; }
a:hover { color:#258FB8; text-decoration: underline; }
a:active { color:#258FB8; text-decoration: none; }
#container {
	font-size: 88%;
	line-height: 1.65em;
	color: #333333;
	width: 860px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	text-align: left;
	}
#topbar {
	margin: 0px 0px 5px 0px;
	padding: 0px;
	height: 20px;
	text-align: center;
	}
#banner {
	color: #767684;
	background-image: url(banner.gif);
	background-repeat: no-repeat;
	margin: 0px 5px 0px 5px;
	padding: 35px 15px 15px 30px;
	height: 50px;
	}
#banner a {
	color: #767684;
	}
#banner #blogname {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 10px;
	}
#banner #blogdesc {
	font-size: 14px;
	font-weight: bold;
	text-indent: 1.5em;
	}
#main {
	background-color: #FFFFFF;
	}
#left {
	float: left;               /* 左に配置し、後に続く要素を回り込ませる */
	width: 180px;
	overflow: hidden;          /* 何だろうね。はみ出るの？ */
	background-color: #FFFFFF; /* NN対策 */
	}
.logo {
	padding: 10px 10px 0px 10px;
}
.menu {
	padding: 10px;
}
.menu h2 {
	color: #FFFFFF;
	background-image: url(sidebar-title.gif);
	background-repeat: no-repeat;
	padding: 5px 5px 5px 10px;
	margin: 5px 0px 5px 0px;
	font-size: 105%;
}
#center {
	float: left;               /* 左に配置し、後に続く要素を回り込ませる */
	overflow: hidden;          /* 何だろうね。はみ出るの？ */
	background-color: #FFFFFF; /* NN対策 */
	}
.contents {
	width: 480px;　　　　　　　/* centerから移動、これがズレの原因 */
	padding:  20px 10px 5px 10px;   
	}
.contents h2 {
	font-size: 105%;
	margin-bottom: 10px;
	}
h1.item {
	background-image: url(item.gif);
	background-repeat: no-repeat;
	font-size: 115%;
	padding: 5px 5px 5px 40px;
	margin: 10px 0px 10px 0px;
	}
.itembody {	
	margin-top: 10px;	
	margin-bottom: 10px;
}
.iteminfo {	
	text-align: right;
	border-top: 1px dotted #999999;
	margin-top: 10px;	
	margin-bottom: 25px;
}
h3.comment {
	margin-bottom: 10px;  /* これは消してもいいと思う */
}
.commentbody {
	text-align: left;
}
.commentinfo {	
	border-top: 1px dotted #999999;
}
#right {
	float: left;               /* 左に配置し、後に続く要素を回り込ませる */
	width: 180px;
	overflow: hidden;          /* 何だろうね。はみ出るの？ */
	background-color: #FFFFFF; /* NN対策 */
	}
img {
	border: none;
}
.skip {
	display: none;
}
ul.contentslist {
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
ul.nobullets {
	font-size: 95%;
	line-height: 140%;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
.highlight {
	background-color: yellow;
}
.pageswitch {
	text-align: center;
	}
.explanation {
	color: #999999;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
	margin-top: 0px;	
	margin-bottom: 10px;
	}
.foreword {
	margin: 10px 0px 10px 0px;
	color: #666666;
	font-size: 82%;
	line-height: 150%;
}
.contact {
	margin: 10px 0px 10px 0px;
	color: #666666;
	font-size: 82%;
	line-height: 150%;
	}
.morelist {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #FFAC41;
	padding: 3px;
	margin-top: 0px;	
	margin-bottom: 10px;
	}
.morelist a:link { color:#FFFFFF; text-decoration: none; }
.morelist a:visited { color:#FFFFFF; text-decoration: none; }
.morelist a:hover { color:#258FB8; text-decoration: underline; }
.morelist a:active { color:#FFFFFF; text-decoration: none; }
/*
	Some rules that apply to contents generated using the markup buttons 
	"add left box" and "add right box"
*/
.leftbox {
	margin: 5px;
	float: left;
}
.rightbox {
	margin: 5px;
	float: right;
}
.flickr {
	margin: 5px;
	float: left;
	border: none;
	padding: 5px;
	background-color: #CEDDA8;
}
.mobile {
	float: none;
}
/* NP_CommentTree */ 
ul.commenttree { 
   list-style: none; 
   margin: 0; 
   padding: 0; 
} 
ul.commenttree li { 
   font-size: 95%;
   line-height: 140%;
   margin: 0; 
   padding 0; 
   padding-left: 10px; 
} 
/* コメントを追加中に発生するエラーメッセージ */ 
.error {
    color: red;
	font-size: larger;
}
.podcast {
	margin: 0px;
	font-weight: bold;
}
.podcast a:link  { color: #2E60AA }
.podcast a:visited  { color: #2E60AA }
.podcast a:hover  { color: #349F2B }
.podcast a:active  { color: #2E60AA }

/* reference to http://ohnishi.livedoor.biz/ */
	blockquote{
		border-left:10px solid #99AFC3;
		margin: 15px 20px 15px 40px;	/* IE6デフォルトは20px 40px 20px 40px */
		padding:8px;
	}

.entry div.capr200 {
	font-size: 0.9em;
	vertical-align: top;
	float: right;
	margin: 5px 10px 5px 5px;
	width: 200px;
	text-align: left;
	padding: 3px;
	line-height: 120%;
	background-color: #E1ECDE;
}

.entry div.capl200 {
	font-size: 0.9em;
	vertical-align: top;
	float: left;
	margin: 5px 5px 5px 10px;
	width: 200px;
	text-align: left;
	padding: 3px;
	line-height: 120%;
	background-color: #E1ECDE;
}

.error { 
color: red; 
font-size: larger; 
} 

/* トラバ */

div.tb {
	padding: 5px;
	border: 1px solid #C6CFD0; background: #FFFFFF;
}
div.tb div.empty {
	padding: 5px;
}
div.tb div.item {
	padding: 5px;
}
div.tb div.item div.name {
	margin-bottom: 5px;
	font-weight: bold;
}
div.tb div.item div.body {
	font-size: 95%;
}
div.tb div.item div.body a {
	font-weight: normal;
}
div.tb div.item div.date {
	margin-bottom: 8px;
	color: #888;
	font-size: 85%; text-align: right;
}
div.tb div.info {
	padding: 5px;
	font-style: normal;
}

/* znSmiley > の行 */
.znsm_re {
color: #090;
}
/* <img /> "vertical-align: middle;"が当初設定だったが。*/
.znsm_img {
margin: 0 0 -0.15em 0;
}

/* Twitter Updates */
#twitter_div {
	margin: 10px 0px 10px 0px;
	background-color: #E0FF92;
	border: solid 1px #87BC44;
	color: #666666;
	font-size: 82%;
	line-height: 130%;
	width: 156px; 
	overflow: hidden;
	}
h3.twitter-title {
	color: #999999;
	font-size: 110%;
	margin: 5px 10px 5px 10px;
	padding: 0px;
	}
ul#twitter_update_list  {
	list-style: none;
	margin: 5px 5px 5px 5px;
	padding: 0px 5px 0px 5px;
}

.gmodules-translate {
	margin-left: -8px;
}

/* おしらせ */

div.notice {
	margin-bottom: 20px;
	padding: 5px 5px 5px 5px;
}
div.noticetop {
	margin-bottom: 10px;
	padding: 5px 5px 5px 5px;
}