/*  
Theme Name: Number81
Theme URI: http://www.number8.info/
Description: .
Version: 1.00
Author: Hiro Yamaguchi
Author URI: http://www.number8.info/

*/

/*::::::::::::::::: >>Init ::::::::::::::::::::::::::*/	
*{
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	padding:0;
	margin:0;
}
.clear{
	clear:both;
}

img{
	border:none;
}
body{
	background-image:url(images/bg_tile.gif);
	background-color:#CCCCCC;
	font-size:80%;
}
div.content{
	width:810px;
	margin:auto;
}
div.content-main-header{
	background-image:url(images/bg_contenthead.gif);
	background-repeat:no-repeat;
	font-size:1px;
	padding:0;
	width:806px;
	height:15px;
	text-indent:-9999px;
	color:#ffffff;
	margin:0;
}
div.content-main{
	background-image:url(images/bg_contentbody.gif);
	background-repeat:repeat-y;
	padding:0 16px 5px 10px;
	width:780px;
	margin:0;
}
div.content-main div.sideBar{
	float:left;
	width:180px;
}
div.content-main div.contentColumn{
	float:right;
	width:580px;
	overflow:hidden;
}
div.content-main div.contentColumn2{
	overflow:hidden;
	margin-bottom:10px;
}

p.detailLink{
	text-align:right;
	margin:0.3em;
}
.center{
	text-align:center;
}
.floatL{
	float:left;
}
.floatR{
	float:right;
}

a:link{
	color: #FF6600;
	text-decoration:none;
}
a:active{
	color: #FF6600;
	text-decoration:none;
}
a:visited{
	color: #FF6600;
	text-decoration:none;
}
a:hover{
	color: #66CC00;
	text-decoration:underline;
	background-color:#FFFFCC;
}

/*::::::::::::::::: <<Init ::::::::::::::::::::::::::*/	


/*::::::::::::::::: >>Header ::::::::::::::::::::::::::*/	
div.header{
	background-image:url(images/header.gif);
	height:56px;
	background-repeat:no-repeat;
	overflow:hidden;
	padding:5px 10px;
	margin-bottom:5px;
	font-size:10px;
}
div.header div.headerLeft{
	float:left;
	width:520px;
}
div.header div.headerLeft h1.topComment{
	font-size:10px;
	color:#666666;
	font-weight:normal;
	margin-top:41px;
}
div.header div.headerRight{
	float:right;
	width:260px;
	padding-top:12px;
	padding-right:5px;
	font-size:10px;
}
div.header div.headerRight div.searchForm{
	text-align:right;
}
	div.header div.headerRight div.searchForm input{
		font-size:10px;
	}
	div.header div.headerRight div.searchForm input.queryText{
		width:120px;
	}
	div.header div.headerRight div.searchForm input.sendButton{
		border:1px solid #cccccc;
		padding:2px;
		background-color:#eeeeee;
	}
div.header div.headerRight div.subNavi{
	text-align:right;
	margin-top:8px;
}
/*::::::::::::::::: <<Header ::::::::::::::::::::::::::*/

/*::::::::::::::::: >>headmenu ::::::::::::::::::::::::::*/	
	ul.headmenu{
		font-size:0px;
		margin-bottom:5px;
		margin-left:3px;
	}
		ul.headmenu li{
			display:inline;
		}
		ul.headmenu li img{
			margin:1px;
		}
/*::::::::::::::::: >>headmenu ::::::::::::::::::::::::::*/	


/*::::::::::::::::: >>headimage ::::::::::::::::::::::::::*/	
	div.headImage{
		overflow:hidden;
		margin-bottom:3px;
		text-align:center;
	}

/*::::::::::::::::: >>headimage ::::::::::::::::::::::::::*/	

	
/*::::::::::::::::: >>whatsnew ::::::::::::::::::::::::::*/	
	div.sideBar div.whatsnew{
	}
		div.sideBar div.whatsnew ul{
			padding:0;
			margin-left:3px;
			width:100%;
		}
		div.sideBar div.whatsnew ul li{
			background-image:url(images/bg_listallow.gif);
			background-repeat:no-repeat;
			background-position: left center;
			margin:4px 1px 9px 3px;
			list-style-type:none;
			border-bottom:1px solid #cccccc;
			list-style-position:inside;
			padding-left:18px;
			padding-bottom:3px;
			font-size:80%;
		}
		div.sideBar div.whatsnew ul li span.date{
			color:#669900;
		}
		div.sideBar div.whatsnew p.detailLink{
			clear:both;
			border-top:2px dotted #cccccc;
			padding:3px;
		}

/*::::::::::::::::: <<whatsnew ::::::::::::::::::::::::::*/	
	
/*::::::::::::::::: >>sitestatus ::::::::::::::::::::::::::*/		
	div.sideBar div.sitestatus{
		float:left;
		margin:1px;
		width:189px;
	}
		div.sideBar div.sitestatus p.validate{
			margin:1em 0;
			text-align:center;
		}
		div.sideBar div.sitestatus p.qrcode{
			margin:1em 0;
			font-size:80%;
			text-align:center;
		}
		div.sideBar div.sitestatus p.seostat{
			margin:1em 0;
			text-align:center;
		}
/*::::::::::::::::: <<sitestatus ::::::::::::::::::::::::::*/		
		


/*::::::::::::::::: >>topics ::::::::::::::::::::::::::*/	
	div.contentColumn div.topics{
		margin-left:10px;
	}
		div.contentColumn div.topics ul{
			margin:0 0.5em 0.5em 0.5em;
			list-style-type:decimal;
		}
			div.contentColumn div.topics ul li{
				line-height:160%;
				list-style: none;
				margin-bottom:10px;
				border-left:1px solid #eeeeee;
				border-bottom:2px solid #eeeeee;
			}
				
		div.contentColumn div.topics ul li h3{
			color:#669900;
			font-size:120%;
			font-weight:bold;
			margin:0 0 0 8px;
			border-bottom:3px solid #ffb600;
			padding:3px 5px 3px 6px;
		}
		div.contentColumn div.topics ul li h3 span.date{
			color:#669900;
			font-weight:normal;
			margin-left:6px;
			font-size:12px;
			border-left:3px solid #cccccc;
			padding:3px 5px 3px 7px;
		}
		div.contentColumn div.topics ul li h3 span.category{
			color:#669900;
			font-weight:normal;
			margin-left:0px;
			font-size:10px;
			padding:3px 5px 3px 3px;
		}
		div.contentColumn div.topics ul li h3 a:link,
		div.contentColumn div.topics ul li h3 a:visited,
		div.contentColumn div.topics ul li h3 a:active{
			color:#669900;
			text-decoration:none;
		}
		div.contentColumn div.topics ul li h3 a:hover{
			color: #FF3300;
			text-decoration:underline;
			background-color: #FFFFCC;
		}
		
		div.contentColumn div.topics ul li div.entry{
			margin-left:2em;
			margin-right:0.5em;
			padding:0.1em;
			color:#666666;
			line-height:160%;
		}
			div.contentColumn div.topics ul li div.entry p{
				margin:0em 0 0.5em 0;
				line-height:200%;
			}
			div.contentColumn div.topics ul li div.entry p.detailLink{
				font-weight:bold;
				line-height:100%;
			}
		div.contentColumn div.topics ul li div.postMeta{
			margin:5px;
			
		}
			div.contentColumn div.topics ul li div.postMeta p.date{
				font-weight:bold;
				color:#009900;
				margin:1px;
				padding:1px;
			}
				div.contentColumn div.topics ul li div.postMeta p.date span.pageView{
					font-weight:normal;
					font-size:80%;
					color:#000000;
				}
		div.contentColumn div.topics p.listLink{
			margin:5px;
			background-color: #F8F8F8;
			padding:3px;
			text-align:center;
			font-size:12px;
		}
/*::::::::::::::::: <<topics ::::::::::::::::::::::::::*/	

	
/*::::::::::::::::: >>comment ::::::::::::::::::::::::::*/		
	div.div_comment{
		float:left;
		width:375px;
	}
		div.div_comment ul{
			padding:0.5em 1em 1em 2em;
		}
			div.div_comment ul li{
					line-height:120%;
					border-bottom:1px solid #cccccc;
					color:#FF6600;
					padding:3px;
					margin:4px;
			}
				div.div_comment ul li ul.commentedEntryList{
					padding:2px;
					font-size:80%;
				}
				div.div_comment ul li ul.commentedEntryList li{
					line-height:200%;
					border-bottom:1px solid #cccccc;
					border-left:3px solid #FF9900;
					color:#FF6600;
					padding:1px;
					margin:2px;
					font-size:80%;
					padding:3px 5px;
					display:inline;
			}
/*::::::::::::::::: <<comment ::::::::::::::::::::::::::*/		
			
				
/*::::::::::::::::: >>link ::::::::::::::::::::::::::*/		
	div.div_link{
		width:770px;
		margin: 10px auto;
		font-size:80%;
	}
		div.div_link ul{
			padding:1em;
		}
		div.div_link ul li{
			line-height:240%;
			border-bottom:1px solid #cccccc;
			border-left:3px solid #cccccc;
			color:#FF6600;
			padding:1px;
			margin:2px;
			padding:3px 5px;
			display:inline;
		}
		div.div_link h3{
			background-image:url(images/h_titlebg_wide_white.jpg);
			background-repeat:no-repeat;
			padding:7px 5px 10px 24px;
			font-size:14px;
			color:#666666;
		}
	div.div_link p.detailLink{
		margin:0 15px;
	}
/*::::::::::::::::: <<link ::::::::::::::::::::::::::*/		


/*::::::::::::::::: >>toppop ::::::::::::::::::::::::::*/		
	div.div_toppop{
		width:770px;
		margin: 10px auto;
		font-size:80%;
	}
		div.div_toppop ul{
			margin:0.5em;
			list-style-type:square;
		}
		div.div_toppop ul li{
			line-height:240%;
			border-bottom:1px solid #cccccc;
			border-left:3px solid #cccccc;
			color:#FF6600;
			padding:1px;
			margin:2px;
			padding:3px 5px;
			display:inline;
		}
		div.div_toppop h3{
			background-image:url(images/h_titlebg_wide_white.jpg);
			background-repeat:no-repeat;
			padding:7px 5px 10px 24px;
			font-size:14px;
			color:#666666;
		}
	div.div_toppop p.detailLink{
		margin:0 15px;
	}
/*::::::::::::::::: <<toppop ::::::::::::::::::::::::::*/		


/*::::::::::::::::: >>PostNavi ::::::::::::::::::::::::::*/		
	div.navigation{
		margin:1em auto 1em auto;
		font-size:80%;
		width:97%;
		text-align:center;
		padding:0.1em;
		color: #dddddd;
		background-color: #fafafa;
		border-bottom:1px solid #dddddd;
	}
		div.navigation a{
			font-weight:bold;
		}
/*::::::::::::::::: <<PostNavi ::::::::::::::::::::::::::*/		

		
/*::::::::::::::::: >>PostSingle ::::::::::::::::::::::::::*/		
	div.postSingle{
		margin-left:10px;
	}
		div.archive{
		
		}
		div.archive div.searchForm{
			margin:1em;
			width:90%;
		}
		div.archive ul{
			margin:0.3em 2em;
		}
		div.archive ul li{
			line-height:180%;
		}
		div.links{
		
		}
		div.links div.searchForm{
			margin:1em;
			width:90%;
		}
		div.links ul{
			margin:1em 2em;
		}
		div.links ul li{
			line-height:180%;
		}
		ul.onCatPageList{
			margin:5px 15px;
			padding:0.5em;
			border:1px solid #cccccc;
		}
			ul.onCatPageList li{
				display:inline;
				line-height:160%;
				font-size:100%;
			}
			ul.onCatPageList li a{
				padding:8px;
			}
		div.postSingle h2{
			color: #fafafa;
			font-size:130%;
			height:29px;
			font-weight:bold;
			margin:0 0 0 0;
			background-image:url(images/h_titlebg.jpg);
			background-repeat:no-repeat;
			padding:12px 5px 5px 29px;
		}
		div.postSingle h2.wide{
			color: #fafafa;
			font-size:130%;
			height:29px;
			font-weight:bold;
			margin:0 0 0 0;
			background-image:url(images/h_titlebg_wide.jpg);
			background-repeat:no-repeat;
			padding:12px 5px 5px 29px;
		}
		div.postSingle h3{
			color:#669900;
			font-size:120%;
			font-weight:bold;
			margin:0 0 0 2px;
			border-bottom:3px solid #ffb600;
			padding:3px 5px 3px 6px;
		}
		div.postSingle h2.notFound{
			background-image:none;
			background-color:#333333;
			padding:5px;
			text-align:center;
			height:auto;
		}
		div.postSingle h2 a:link,
		div.postSingle h2 a:visited,
		div.postSingle h2 a:active{
			color: #fafafa;
			text-decoration:none;
			width:100%;
		}
		div.postSingle h2 a:hover{
			color: #3366CC;
			text-decoration:underline;
			background-color: #FFCCCC;
		}
		
		div.postSingle div.entry{
			margin:0.2em 0.5em 0.2em 1em;
			padding:0.1em;
			line-height:140%;
		}
			div.postSingle div.entry p{
				margin:1em 0.5em;
				line-height:180%;
			}
			div.postSingle div.entry ul{
				margin:1em 0 1em 2em;
				line-height:140%;
			}
			div.postSingle div.entry ul li{
				margin:0.3em;
				line-height:140%;
			}
		div.postSingle div.postMeta{
			margin:3em 2em 1em 3em;
			line-height:120%;
			text-align:right;
			background-color:#ffffff;
			border-right:4px solid #eeeeee;
			padding:5px;
			font-size:80%;
		}
			div.postSingle div.postMeta p.date{
				font-weight:bold;
				color:#009900;
				margin:5px;
			}
				div.postSingle div.postMeta p.date span.pageView{
					font-weight:normal;
					font-size:80%;
					color:#000000;
				}
			div.postSingle div.postMeta p{
				margin:5px;
				line-height:140%
			}
			div.postSingle div.postMeta ul{
				margin:5px 0.3em 5px 0.3em;
			}
				div.postSingle div.postMeta ul li{
					line-height:140%;
					list-style-type:none;
				}
					div.postSingle div.postMeta ul li.date{
						font-weight:bold;
						color:#009900;
					}
					div.postSingle div.postMeta ul li input.permaLink,
					div.postSingle div.postMeta ul li input.tbURL{
						width:60%;
						font-size:11px;
						color:#666666;
						border:1px solid #cccccc;
						background-color:#ffffff;
					}
/*::::::::::::::::: <<PostSingle ::::::::::::::::::::::::::*/		


/*::::::::::::::::: >>PostList ::::::::::::::::::::::::::*/		
	ul.postLists{
		margin:15px 5px ;
		list-style-type:none;
	}
		ul.postLists li{
			margin:0.5em 1em;
			border-bottom:1px solid #eeeeee;
		}
			ul.postLists li h3{
				color:#669900;
				font-size:120%;
				font-weight:bold;
				margin:0 0 0 8px;
				border-bottom:3px solid #ffb600;
				padding:3px 5px 3px 6px;
			}
			ul.postLists li h3 span.date{
				color:#669900;
				font-weight:normal;
				margin-left:6px;
				font-size:12px;
				border-left:3px solid #cccccc;
				padding:3px 5px 3px 7px;
			}
			ul.postLists li h3 span.category{
				color:#669900;
				font-weight:normal;
				margin-left:0px;
				font-size:10px;
				padding:3px 5px 3px 3px;
			}
			ul.postLists li h3 a:link,
			ul.postLists li h3 a:visited,
			ul.postLists li h3 a:active{
				color:#669900;
				text-decoration:none;
			}
			ul.postLists li h3 a:hover{
				color: #FF3300;
				text-decoration:underline;
				background-color: #FFFFCC;
			}
		
			ul.postLists li div.entry{
				margin:1em;
				line-height:160%;
				font-size:100%;
			}
			ul.postLists li div.entry img.floatL{
				margin:0 1em 1em 1em;
				line-height:160%;
				font-size:100%;
			}
			ul.postLists li div.postMeta{
				margin:0em 1em;
				clear:both;
				line-height:100%;
				text-align:right;
				border-bottom:1px solid #cccccc;
				background-color: #ffffff;
				padding:2px;
				font-size:80%;
			}
				ul.postLists li div.postMeta p.date{
					text-align:right;
					font-weight:bold;
					color:#009900;
					margin:5px;
					line-height:100%;
				}
					ul.postLists li  div.postMeta p.date span.pageView{
						font-weight:normal;
						font-size:80%;
						color:#000000;
					}
/*::::::::::::::::: <<PostList ::::::::::::::::::::::::::*/	
	
/*::::::::::::::::: >>Comment ::::::::::::::::::::::::::*/		
	div.commentReg{
		margin:1em;
	}
		div.commentReg h3{
			color: #666666;
			font-size:140%;
			font-weight:bold;
			padding:5px 5px 5px 5px;
		}
		div.commentReg form{
			margin:1em;
		}
		div.commentReg table.regform th{
			width:150px;
			text-align:left;
		}
		div.commentReg p.commentBody{
			margin:10px;
		}
		div.commentReg p.commentBody textarea.commentBody{
			width:400px;
			height:150px;
			text-align:left;
		}
		
		div.commentField h3.commentTitle{
			color: #666666;
			font-size:140%;
			font-weight:bold;
			padding:5px 5px 5px 5px;
		}
		div.commentField ul.commentList{
			margin:1em 1em;
			padding:1em;
			border-top:1px dotted #666666;
			border-bottom:1px dotted #666666;
		}
		div.commentField ul.commentList li{
			margin:0.2em;
			list-style-type:none;
			padding:0.5em;
			border-bottom:1px solid #cccccc;
			border-left:6px solid #cccccc;
		}
		div.commentField ul.commentList li p.commentMeta{
			padding:4px;
			border-bottom:1px solid #cccccc;
		}
		div.commentField ul.commentList li div.commentText{
			padding:8px;
			line-height:160%;
			font-size:12px;
		}
		div.commentField ul.commentList li div.commentText p{
			padding-bottom:12px;
		}
		div.commentField ul.commentList li p.commentMeta span.tbAuthor{
			font-weight:bold;
		}
		div.commentField ul.commentList li p.commentMeta span.tbAuthorURL{
		}
		div.commentField ul.commentList li p.commentMeta span.tbTime{
			font-size:80%;
		}
		div.commentField ul.commentList li div.tbText{
			padding:8px;
			line-height:160%;
			font-size:12px;
		}
/*::::::::::::::::: <<Comment ::::::::::::::::::::::::::*/		

/*::::::::::::::::: >>Footer ::::::::::::::::::::::::::*/		
	div.footer{

	}
	 p.footInfo{
		margin:5px;
		color:#666666;
		text-align:center;
	}
/*::::::::::::::::: <<Footer ::::::::::::::::::::::::::*/		

