/*** General styling ***/
* { 
	margin: 0;
	padding: 0;
	word-break: break-all;
	word-wrap: break-word;
	}
body {
	background: url(images/blue/bg.jpg) center top repeat-x #F0E6DA;
	font-family: "ヒラギノ角ゴ Pro W3", HiraKakuPro-W3, Osaka, lucida, Verdana, Arial, helvetica, "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	color: #4D4D4D;
	}
p, blockquote, li, textarea, input,
caption, th, td, pre, code, dt, dd {
	font-size: 12px;
	}
ul, li {
	list-style-type: none;
	}
pre, code {
	font-family: Andale Mono, Courier New, Courier, monospace;
	}
input {
	padding: 2px;
	}
a {
	text-decoration: underline;
	}
a:link,
.sidebar a:link,
.sidebar a:visited {
	color: #069;
	}
a:visited {
	color: #08C;
	text-decoration: none;
	}
a:active, a:hover {
	color: #999;
	}
#container {
	line-height: 1.4;
	margin: 0 auto;
	text-align: left;
	width: 750px;
	background: url(images/blue/header_img.gif) 0 6px no-repeat;
	position : relative;
	}
#banner {
	text-align: left;
	padding: 0;
	}
#banner h1 {
	font-size: 1px;	
	}
h1.sitetitle a:link, h1.sitetitle a:visited {
	height: 110px;
	width: 500px;
	display: block;
	border : 0 none inherit;
	text-decoration: none;
	text-indent: -9999px;
	float: left;
	}
h1.sitetitle a:hover, h1.sitetitle a:active {
	background: url(images/blue/logo_img.gif) no-repeat 126px 43px;
	}
#banner ul {
	float: right;
	padding: 16px 0 0 0;
	margin: 52px 10px 0 0;	
	background: url(images/blue/choose_design.gif) center top no-repeat;
	}
#banner li {
	font-size: 1px;
	display: inline;
	}
#banner li a {
	text-decoration: none;
	text-indent: -9999px;
	display: block;
	float: left;
	height: 24px;
	}
#banner a.design_a {
	width: 101px;
	background: url(images/blue/design_a.gif) no-repeat;
	}
#banner a.design_b {
	width: 107px;
	background: url(images/blue/design_b.gif) no-repeat;
	}
#banner p {
	padding: 5px 0 10px 0;
	clear: both;
	}
#main {
	width: 530px;
	margin-left: 215px;
	}
#response #main {
	margin: 0 auto;
	}
.content {
	margin-bottom: 10px;
	background: url(images/blue/title_bg.gif) no-repeat #FAFCFC;
	}
.content:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.content {display: inline-table;}

/* Hides from IE-mac \*/
* html .content {height: 1%;}
.content {display: block;}
/* End hide from IE-mac */

h3 {
	color: #4D4D4D;
	font-size: 16px;
	text-align: left;
	padding: 10px 28px 12px 28px;
	}
h2 { /* pagetitle */
	color: #4D4D4D;
	font-size: 16px;
	text-align: center;
	padding: 7px 15px;
	}
.content h2 {
	font-size: 16px;
	text-align: left;
	padding: 10px 0 0 0;
	margin-bottom: 8px;
	background: url(images/blue/dotline.gif) repeat-x bottom center;
	}
.content h2 a {
	display: block;
	background: url(images/icon_entry.gif) 0 3px no-repeat;
	padding: 0 0 6px 18px;
	}
.content h2 a:link,
.content h2 a:visited {
	text-decoration: none;
	color: #666;
	}
.content h2 a:active,
.content h2 a:hover {
	color: #4D4D4D4;
	}
.content h2#trackbacks {
	font-size: 14px;
	background: url(images/icon_arrows.gif) 0 12px no-repeat;
	padding-left: 22px;
	}
.content h2#comments {
	font-size: 14px;
	background: url(images/icon_comments.gif) 0 10px no-repeat;
	padding-left: 20px;
	}
.content h2.comment_title {
	font-size: 14px;
	background: none;
	padding: 5px 0 0 0;
	}
.entry,
.response {
	padding: 0 15px 10px 15px;
	font-size: 12px;
	background: url(images/blue/entry_bg.jpg) repeat-x left bottom;
	}
.content p {
	line-height: 1.6;
	text-align: left;
	padding: 0 0 1em 0;
	}
p#nav {
	text-align: center;
	padding-bottom: 8px;
	}
.content blockquote {
	line-height: 1.5;
	margin: 0 15px 1em 20px;
	width: 80%;
	padding: 10px 15px;
	border: 3px double #8FADCC;
	background: #FFF;
	}
.content ul {
	padding: 0 0 1em 0;
	}
.content li {
	background: url(images/bullet.gif) 0 4px no-repeat;
	padding-left: 13px;
	}
.content img {
	border: 4px solid #E3E3E3;
	margin: 0 5px 5px 0;
	}
.content a:hover img {
	border: 4px solid #CCC;
	}
ul.posted {
	background: url(images/blue/dotline.gif) repeat-x left top;	
	color: #808080;
	padding: 8px 10px 0 10px;
	}
ul.posted li {
	display: inline;
	font-size: 10px;
	padding: 0 8px 0 13px; 
	margin: 0;
	}
ul.posted li.permalink a:link,
ul.posted li.permalink a:visited {
	color: #666;
	text-decoration: none;
	}
ul.posted li.permalink {
	background: url(images/icon_date.gif) no-repeat;
	}
ul.posted li.category {
	background: url(images/icon_category.gif) no-repeat;
	}
ul.posted li.comment {
	background: url(images/icon_comment.gif) 0 1px no-repeat;
	}
ul.posted li.trackback {
	background: url(images/icon_trackback.gif) 0 1px no-repeat;
	}
.response h3 {
	font-size: 13px;
	background: url(images/icon_trackback.gif) 0 4px no-repeat;
	padding: 0 3px 0 13px;
	}
.response ul.posted {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	background: url(images/blue/dotline.gif) repeat-x left bottom;
	}
p.alignright {
	text-align: right;
	padding: 0 15px 10px 0;
	font-weight: bold;
	}
p.centered {
	text-align: center;
	padding: 0;
	}
p.techstuff {
	background: url(images/blue/dotline.gif) repeat-x left bottom;
	padding-bottom: 5px;
	margin-bottom: 1em;
	}
/*** comment ***/
dl.commentform {
	padding: 5px 10px;
	}
dl.commentform dt {
	font-weight: bold;
	}
dl.commentform dd { 
	position:relative;
	left:8.5em;
	top:-1.4em;
	margin-bottom:-1em;
	}
dl.commentform dd input {
	width: 200px;
	}
.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}
.submitbutton {
	text-align: right;
}
/*** menu ***/
#menu {
	width: 200px;
	position: absolute;
    top: 160px;
    left: 0;
	}
.sidebar a:link, .sidebar a:visited {
	text-decoration: none;
	font-weight: bold;
	}
.sidebar a:hover, .sidebar a:active {
	color: #999;
	}
.sidebar h2 {
	font-size: 14px;
	font-weight: bold;
	text-indent: -9999px;
	background: no-repeat;
	height: 30px;
	padding: 0;
	}
.sidebar #calendar h2 {
	background-image: url(images/blue/tx_calendar.gif);
	}
.sidebar #profile h2 {
	background-image: url(images/blue/tx_profile.gif);
	}
.sidebar #searchbox h2 {
	background-image: url(images/blue/tx_search.gif);
	}
.sidebar #categories h2 {
	background-image: url(images/blue/tx_categories.gif);
	}
.sidebar #archives h2 {
	background-image: url(images/blue/tx_archives.gif);
	}
.sidebar #entries h2 {
	background-image: url(images/blue/tx_entries.gif);
	}
.sidebar #recent_trackback h2 {
	background-image: url(images/blue/tx_recent_trackback.gif);
	}
.sidebar #links h2 {
	background-image: url(images/blue/tx_links.gif);
	}
.sidebar #qrcode h2 {
	background-image: url(images/blue/tx_qrcode.gif);
	}
.sidebar #calendar,
.sidebar #profile,
.sidebar #searchbox,
.sidebar #categories,
.sidebar #archives,
.sidebar #entries,
.sidebar #recent_trackback,
.sidebar #links,
.sidebar #qrcode {
	background: url(images/blue/side_bg.jpg) left bottom repeat-x #FAFCFC;
	margin-bottom: 10px;
}
.sidebar h3 {
	font-size: 12px;
	padding: 0 0 0 10px;
	}
.sidebar p {
	font-size: 10px;
	line-height: 1.4;
	padding: 5px 10px 10px;
	margin: 0;
	}

.sidebar #searchbox form {
	font-size: 12px;
	padding: 0 10px 10px 10px;
	}
.sidebar ul {
	padding: 5px 8px 10px 5px;
	}
.sidebar li {
	background: url(images/bullet.gif) 0 2px no-repeat;
	margin: 2px 0;
	padding: 4px 0 4px 19px;
	line-height: 1.4;
	}
.sidebar #categories li {
	background: url(images/icon_entries.gif) 0 3px no-repeat;
}
.sidebar #archives li {
	background: url(images/icon_entries.gif) 0 3px no-repeat;
}
.sidebar #entries li {
	background: url(images/icon_entry.gif) 0 3px no-repeat;
}
.sidebar #recent_trackback li {
	background: url(images/icon_arrows.gif) 0 7px no-repeat;
}
.sidebar .banners {
	padding: 6px 15px;
	}
.sidebar .centerimage {
	padding: 6px 0;
	font-size: 10px;
	text-align: center;
	}
.sidebar img {
	border: 0;
	margin-bottom: 4px
	}
.sidebar img.banner {
	border: 1px solid #999;
	}
.commenter-profile img {
	vertical-align: middle;
	border-width: 0;
	}
/*** calendar ***/
#calendar {
	padding-bottom: 10px;
	}
#calendar_table {
	width: 141px;
	border-left: 1px solid #CCC6C0;
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #717563;
	text-align: center;
	background-color: #FFF;
	border-collapse: collapse;
	margin: 0 0 10px 30px;
}

#calendar_table .nav, .nav a {
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #8F7459;
	text-align: center;
	text-decoration: none;
}	

#calendar_table caption {
	margin: 0 0 0 30px;
	width: 141px;
	color: #8F7459;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

#calendar_table th {
	font: bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #8F7459;
	background: #E7DFD7;
	border-right: 1px solid #CCC6C0;
	border-bottom: 1px solid #CCC6C0;
	border-top: 1px solid #CCC6C0;
}
#calendar_table .today,
#calendar_table td.today a,
#calendar_table td.today a:link,
#calendar_table td.today a:visited {
	color: #FFF;
	font-weight: bold;
	background: #F7819C;
}

#calendar_table td {
	font: normal 11px/16px Verdana, Arial, Helvetica, sans-serif;
	border-right: 1px solid #CCC6C0;
	border-bottom: 1px solid #CCC6C0;
	width: 20px;
	height: 16px;
	text-align: center;
	background: url(images/blue/bg_calendar.jpg) no-repeat;
}
#calendar_table td a {
	text-decoration: none;
	font-weight: bold;
	display: block;
}
#calendar_table td a:link, #calendar td a:visited {	
	color: #8F7459;
	background: url(images/blue/bg_calendar.jpg) no-repeat right top;
}
#calendar_table td a:hover, #calendar td a:active {
	color: #E09EAD;
	background: url(images/blue/bg_calendar.jpg) no-repeat right bottom;
}
#footer {
	margin: 0;
	clear: both;
	}
#footer p {
	padding: 10px 0;
	text-align; center;
	font-size: 10px;
	line-height: 1.6;
	}