/* H?katsukawa blog */

/* basic elements */

html {	
	margin: 0;
	/* setting border: 0 hoses ie6 win window inner well border */
	padding: 0;
	}

body {
	margin: 0;
	/* setting border: 0 hoses ie5 win window inner well border */
	padding: 0;
	font-family: 'trebuchet ms', verdana, helvetica, arial, sans-serif;
	font-size: 12px;
	min-width: 800px;
	color: #333;
	}
a { color: #36414d; text-decoration: underline; 	}
a:hover { color: #a3b8cc; 	}
a img { border: 0; 	}

form { margin: 0; padding: 0; 	}


h1, h2, h3, h4, h5, h6 { font-weight: normal; 	}
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
	margin-top: 10px;
	margin-bottom: 10px;
	}


/* standard helper classes */

.clr {
	clear: both;
	overflow: hidden;
	width: 1px;
	height: 1px;
	margin: 0 -1px -1px 0;
	border: 0;
	padding: 0;
	font-size: 0;
	line-height: 0;
	}

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	}
* html .pkg { display: inline-block; 	}
/* no ie mac ¥*/
* html .pkg { height: 1%; 	}
.pkg { display: block; 	}
/* */


/* page layout */

body { text-align: center; 	} /* center on ie */

#container {
	width: 800px;
	position: relative;
	margin: 0 auto 100px auto;/* center on everything else */
	padding:0;
	text-align: left;
	/*border:1px solid #e5e5e5;*/
	}
#container-inner {
	position: static;
	width: auto; 
	}



#banner {
	position: relative;
	width: 800px; /* necessary for ie win */
	}
#banner-inner { position: static; 	}
#banner-img{
	display: block;
	background: url(sys-img/header.gif) 0 0 no-repeat;
	height:70px;
	margin:0;
	padding:0 0 10px 0;
	/*border-bottom:1px dotted #e5e5e5;*/
	}
#banner a {text-decoration: none; 	}
#banner a:hover { color: #fff; 	}

#banner-inner {
	padding:0;
	}


#banner-header {
	display:none;
	}

#banner-description {
	display:none;
	}

#pagebody { position: relative; width: 100%; 	}
#pagebody-inner { position: static; width: 100%; 	}

#alpha{
	margin:0;
	width: 560px; 
	display: inline; /* ie win bugfix */
	position: relative;
	float: left;
	min-height: 1px;
	}


#beta {
	width: 240px; 
	float: left;
	}

#alpha-inner, #beta-inner{
	position: static;
	}



/* content */
.content-nav {
	font-size: 10px;
	margin: 10px;
	text-align: center;
	}

.entry,
.trackbacks,
.comments,
.archive {
	position: static;
	overflow: hidden;
	clear: both;
	width: 100%;
	}

h3.entry-header,h2#archive-title{
	font-weight:bold;
	padding:5px;
	margin:5px;
	border-bottom:1px solid #e5e5e5;
	font-size:14px;
	}

.entry-content,
.trackback-content,
.comment-content,
.comments-open-content,
.comments-closed {
line-height: 1.5;
	position: static;
	clear: both;
	margin: 10px;
	padding:10px;
	}

.entry-excerpt,
.entry-body,
.entry-more {
line-height: 1.5;
	clear: both;
	}

.entry-more-link{
	text-align:right;
	clear: both;
	}

ul.entry-tags-list{
	margin:0 10px 0 10px;
	padding:0;
	}
li.entry-tag{
	list-style:none;
	display:inline;
	}


.entry-footer,
.trackback-footer,
.comment-footer{
	border-top:1px dotted #e5e5e5;
	clear: both;
	margin: 5px;
	text-align:right;
	font-size: 10px;
	line-height: 1.2;
	}
.comments-open label {
	display: block;
	}

#comment-author, #comment-email, #comment-url, #comment-text {
	width: 400px;
	}

#comment-bake-cookie {
	margin-left: 0;
	vertical-align: middle;
	}

#trackbacks-info{
	border:1px dotted #e5e5e5;
	text-align:center;
	padding:5px 10px 5px 10px;
	margin:10px 20px 10px 20px;
	}

.entry-tags-header,.comments-header,.comments-open-header,.trackbacks-header{
	font-size:12px;
	font-weight:bold;
	clear: both;
	}

#comment-post {
	font-weight: bold;
	}

/***********beta modules ************/
.profile {
	position: relative;
	overflow: hidden;
	margin:0 10px 10px 10px;
	}
.profile p{
line-height: 1.5;
}
.module-list-item#atom{
	background: url(sys-img/rss.gif) 0 0 no-repeat;
	padding-left:20px;
	margin: 5px;
	color: #666;
	line-height: 2;
	}


.module {
	position: relative;
	overflow: hidden;
	margin:10px;
	/*border:1px solid #e5e5e5;*/
	}


.module-header{
	font-weight:bold;
	padding:5px;
	margin:5px;
	border-bottom:1px solid #e5e5e5;
	font-size:14px;
	}
.module-content {
	position: relative;
	padding: 10px;
	font-size: 10px;
	line-height: 1.2;
	}

.module-list,.archive-list {
	margin: 0;
	padding: 0 5px 0 5px;
	list-style: none;
	}

.module-list-item {
	margin-bottom: 5px;
	color: #666;
	line-height: 1.2;
	}


.module-search input { font-size: 10px; 	}
.module-search #search { width: 80px; 	}
.module-search{
	position: relative;
	overflow: hidden;
	margin:10px;
	border:none;
	}



.module-powered { border-width: 0; 	}
.module-powered .module-content {
	margin-bottom: 0;
	padding-bottom: 10px;
	color: #292e33;
	background: #fff;
	}

#page_footer{
	clear:both;
	text-align:right;
	/*border:1px solid #e5e5e5;*/
	margin:30px 10px 10px 10px;
	padding:210px 10px 0 0 ;
	font-size:10px;
	/*height:240px;*/
	background: url(sys-img/newlogo2_120.jpg) 600px top no-repeat ;
	}
	



img.r {
float: right;
border: none;
margin-right:10px;
margin-bottom:10px;
vertical-align:top;
}

img.l {
float: left;
border: none;
margin-right:10px;
margin-bottom:10px;
vertical-align:top;
}