/*
THEME NAME: hbworks theme v1.0
THEME URI: http://www.hbworks.jp
DESCRIPTION: hbworks theme v1.0 : Simple
VERSION: 1.0
AUTHOR: <a href="http://www.hbworks.jp">hbworks</a>
AUTHOR URI: http://www.hbworks.jp
*/

/*reset*/
body,h1,h2,h3,h4,h5,h6,p,dl,dt,dd,ol,ul,li,blockquote{ margin: 0; padding: 0;}
h1,h2,h3,h4,h5,h6{ font-size: 100%; font-weight: bold;}
ol,ul{ list-style: none;}
img{ border: none; vertical-align: text-bottom;}
table{ border-collapse: collapse; border-spacing: 0;}
/*end reset*/

body{ background: #57514B url(images/body-bg.png) repeat-x; color: #57514B; font-family: "Verdana","Hiragino Kaku Gothic Pro","Meiryo","MS P Gothic"; font-size: 0.9em; line-height:1.8;}
a{ color: #57514B;}
a:hover{ font-weight: bold;}
h1{ font-size: 1.2em;}
h2{ font-size: 1.1em;}
h2 a:hover{ text-decoration: underline;}

a[href^="http"] { margin: 0 4px 0 0; padding: 0 24px 0 0; background: url(images/new-window.png) no-repeat 100% 50%;}
a[href^="http://www.hbworks.jp"],a[href^="http://10.0.1.198"]{ padding: 0; background: transparent;}

.clear{ clear: both;}
.fsize-s{ font-size: 0.9em;}
.fsize-ss{ font-size: 0.8em;}

#wrap{ background: #D9D5D1 url(images/body-bg.png) repeat-x 0 -60px;}
#wrap-in{ width: 980px; margin: 0 auto; background: url(images/main-contents-bg.png) repeat-y;}
#header { position: relative; width: 980px; height: 60px; margin: 0 auto; background: url(images/header-bg.png) no-repeat;}

#maincontents{ position: relative; margin: 0 0 -60px; padding:10px 20px; background: url(images/header-bg.png) no-repeat 0 -60px; overflow:hidden; height:auto !important; height:1%; z-index: 1;}
#article{ float: left; width: 600px; padding: 0 10px;}
#aside{ float: right; width: 280px; padding: 10px 10px 0; background: #EFEEED; font-size: 0.9em;}

#footer{ background:#57514B; }
#footer-in{ width: 980px; height: 180px; margin: 0 auto; background:#57514B url(images/footer-bg.png) no-repeat;} 
#footer-in #back-to-top{ padding: 120px 0 0; text-indent: -9999px;}
#footer-in #back-to-top a{ display: block; width: 60px; height: 33px; margin: 0 0 0 910px; background: url(images/back-to-top.png) no-repeat;}
#footer-in #copy{ padding:20px 0 0; color: #D8D2D1; font-size: 0.9em; font-family: "Arial"; text-align: center;}

#header ul{ display: inline; float: right; margin: 0 20px 0 0; font-size: 0.9em;}
#header li{ float: left;}
#header li a{ display: block; height: 30px; padding: 5px 3px 0 0; background:url(images/sub-nav.png) no-repeat; text-align: center; text-decoration: none; overflow: hidden;}
#header p{ float: left; text-indent: -9999px;}
#header p a{ display: block; width: 200px; height: 54px; text-indent: -9999px;}
#header #about a{ width: 132px;}
#header #about a:hover{ width: 132px; background-position: 0 -35px;}
#header #contact a{ width: 72px; background-position: -135px 0; }
#header #contact a:hover{ background-position: -135px -35px;}

#article .catch{ width: 620px; height: 60px; margin: 0 -10px 10px; background: url(images/catch-01.png) no-repeat; text-indent: -9999px;}
#article p{ letter-spacing: 1px;}

/*Old site*/
.rtsample{ clear: both;}
.rtsample img{ float: left; margin: 0 15px 15px 0;}
.browser-confirmation{ margin: 0; padding: 6px; background: #ECEAE8; text-align: right;}
.browser-confirmation img{ padding:0 0 0 6px !important; border: none !important; background: none !important;}

/*WordPress*/

blockquote {	margin: 5px 0;	padding:10px;	background:url(images/blockquote_start.gif) no-repeat 10px 10px; color: #595959; font-size: 0.9em;	font-style:italic;}
blockquote p{ padding: 0 40px;	background:url(images/blockquote_end.gif) no-repeat bottom right;}
code{ display: block; padding: 10px; background: #F1EFED; font-family:"panic sans","Verdana"; font-size: 0.8em;}
.page-subtitle{ text-align: right;}
.post-title{ margin: 0 0 6px; border-bottom: 1px solid #D9D5D1; font-size: 1.2em; text-indent: 0;}
.post-title a{ text-decoration: none;}
.post{ margin: 0 0 20px;}
.post-meta{ margin: 0 0 6px; font-size: 0.8em;}
.post-content{ overflow:hidden; height:auto !important; height:1%;}
.post-content h1,.post-content h2{ border: none;}
.post-content ol,.post-content ul{ margin: 0 0 1em 2em;}
.post-content ol{ list-style: decimal;}
.post-content ul{ list-style: disc;}
.post-content li{ margin: 0 0 1em;}
.post-content p{ margin: 0 0 1em;}
#article .post-link{ color: #797470; text-align: center; font-size: 0.8em; letter-spacing: normal;}
.post-link a{ color: #797470;}

#article p img{	padding: 6px;	border: 1px solid #CCC; background: #D9D5D1;}

img.alignleft{ float: left;	margin: 0 15px 15px 0;}
img.alignright{ float: right;	margin: 0 0 15px 15px;}
img.aligncenter{ display: block; margin: 0 auto;}

a.more-link{ float: right; display: inline-block; margin: 1em 0 0; padding:0 0.7em; border: 1px solid #D9D5D1; background: #DDD url(images/more-link-bg.png) repeat-x; text-align: center; letter-spacing: normal; text-decoration: none; font-size: 0.8em;}
a.more-link:hover{ text-decoration: underline; font-weight: normal;}

#aside a{ text-decoration: none;}
#aside ul{ font-size: 0.9em;}
#aside li{ width: 100%; border-top: 1px dotted #ABA8A5;}
#aside .sidepanel{ margin: 0 0 10px; padding: 10px; background: #FFF;}

#footer-category{ float: left; width: 900px; padding: 100px 0 0 20px; color: #D8D2D1; font-weight: bold; font-size: 0.9em; white-space: nowrap;}
#footer-category a{ color: #D8D2D1; font-weight: normal; text-decoration: none;}
#footer-category a:hover{ font-weight: bold;}
#footer-category ul li{ float: left; margin: 0 5px 0 0; padding: 0 5px 0 0; border-right: 1px solid #7A746F; line-height: 1;}
#footer-category .cat-item{ font-weight: normal;}

#comments ol li {	margin-top: 2px;	padding: 10px 0;	border-bottom: 1px solid #F0F0F0; overflow:hidden; height:auto !important; height:1%;}
.comment-gravatar {	float: left;	margin-right: 10px;	border: 1px solid #F0F0F0;	padding: 3px;}
.comment-data {	float: left;	width: 500px;}
.comment-data p {	margin-bottom: 6px;	line-height: 1.3;}
.comment-meta {	margin-bottom: 5px;	color: #666;	font-size: 0.9em;}

#respond h2{ border-top: 1px solid #D9D5D1;}
#respond label { display: block;	margin-bottom: 5px;	font-size: 0.9em;}
#respond input {	width: 240px;	margin-bottom: 10px;	padding: 5px; border:1px solid #CCC; border-color:#AAA #DDD #DDD #AAA; font-size: 1em;}
#respond textarea {	width: 580px;	height: 100px;	margin: 15px 0 10px;	padding: 5px; border:1px solid #CCC; border-color:#AAA #DDD #DDD #AAA;}
#respond button { display:block; margin:0 auto 1em; padding:5px 60px 6px; background-color:#E5E5E5; border:1px solid #CCC; border-color:#DDD #AAA #AAA #DDD; cursor:pointer; color:#333; font-size: 1em; font-weight:bold;}
.unapproved{ padding: 3px; background: gray; color: #FFF;}

.navigation .navleft{ float: left;}
.navigation .navright{ float: right;}

.error404 input { float: left;	width: 240px;	margin:0 10px 0 0;	padding: 5px 5px 6px; border:1px solid #CCC; border-color:#AAA #DDD #DDD #AAA; font-size: 1em;}
.error404 button { float: left; display:block; width: 140px; height: 2em; background-color:#E5E5E5; border:1px solid #CCC; border-color:#DDD #AAA #AAA #DDD; cursor:pointer; color:#333; font-size: 1em; font-weight:bold;}

#contact-form input {	width: 240px;	margin-bottom: 10px;	padding: 5px; border:1px solid #CCC; border-color:#AAA #DDD #DDD #AAA; font-size: 1em;}
#contact-form textarea {	width: 580px;	height: 100px;	margin: 15px 0 10px;	padding: 5px; border:1px solid #CCC; border-color:#AAA #DDD #DDD #AAA;}
#contact-form .submit input{ display:block; width: 140px; margin:0 auto; height: 2em; background-color:#E5E5E5; border:1px solid #CCC; border-color:#DDD #AAA #AAA #DDD; cursor:pointer; color:#333; font-size: 1em; font-weight:bold;}

.execphpwidget li{ letter-spacing: -0.1em;}
.execphpwidget .emptymonth{ color: #ABA8A5;}
.execphpwidget a{ margin: 0; padding: 0; text-decoration: underline !important;}