/*  
Theme Name: HideyukiKawabe
Theme URI: http://hideyuki-kawabe.com
Description: This theme is for Hideyuki Kawabe
Version: 1.0
Author: Motokazu Kitakata
Author URI: http://mlabo.cc
*/


.clearfix:after { content: ""; display: block; clear: both; }
.clearfix {zoom: 100%;  /* display: inline-block; */}

body {
	background-image: url('/siteimages/back_img.gif');background-repeat: no-repeat;
	font-size:11px;
	font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐゴシック","MS P Gothic",serif;
	line-height:1.5em;
	letter-spacing: .15em;
}

a {text-decoration: none;color:#000000;}
a:link {}
a:visited {color:#666666;}
a:hover {text-decoration:underline;}
a:active {}

#wrapper {width:950px;}
#header {margin-top:20px;}
#header-bunner {width:100%;height:100px;}
.header-bunner-left {float:left;}
.header-bunner-right {float:right;}
h1 {height:360px;}
#global-nav {width:720px;margin:0 auto;margin-top:75px;}
#global-nav ul li {float:left;padding:10px 20px;}

.bunner_arie1 {margin-left: 15px;}


#main_content {width:730px;float: left;margin-left: 18px;_margin-left:9px;}
.category_box {float: left;width:340px;height:600px;padding:0px 10px;}
.category_box ul {}
.category_box ul li {margin-top:13px;height:92px;border-bottom: 1px dotte #999;}
.article-thumbnail {display: block;margin-left:6px;margin-right: 18px;float:left;}
.read-more-btn {display: block;width:95px;margin: 10px 0 0 235px;}
.btn_backnumber {display: block;float: right;margin-top:5px;}
#sidebar {float: right;width:192px;}
.sidebar-box {background-color:#efefef;border-top: 3px solid #000000;padding:0 7px;margin-bottom:21px;padding-bottom: 15px;width:177px;}
.sidebar-box h4 {padding-left:20px;margin-top:5px;margin-bottom:7px;padding-left:24px;background-image: url('/siteimages/icon.gif');background-repeat: no-repeat;background-position: 0px 0px;}
.sidebar-box li {line-height:2em;}
dl.update-info {margin-left: 8px;}
dl.update-info dt {width:45px;clear:both;float:left;line-height: 1.5em;margin-bottom: 5px;}
dl.update-info dd {width:170px;float:right;line-height: 1.5em;margin-bottom: 5px;}
ul.link-image-tile {margin-left: 10px;}
ul.link-image-tile li {width:118px;height:71px;float:left;}



#footer {clear: both;border-top: 1px dotted #999999;background-color: #eeeeee;}
.footer-column {width:316px;float:left;padding-top: 10px;}
.footer-box {width:260px;margin:0 auto;margin-bottom: 30px;font-size:10px;}
.footer-box h3 {font-size: 11px;padding-left: 11px;margin-bottom:7px;background-position: 4px 0px;border-bottom: 1px solid #FFFFFF;background-image: url('../siteimages/icon.gif');background-repeat: no-repeat;}
.footer-box h4 {padding-left:11px;}
.footer-box ul {margin-left:12px;}
.footer-box p {margin-left:12px;margin-bottom: 12px;}
ul.head-list-image {list-style-image: url('/siteimages/icon_s.gif');list-style-position: outside;line-height:1.5em;margin-left:26px;}
ul.head-list-image li {margin-bottom:14px;}
#footer-gnav {clear: both;width:888px;margin: 0	auto;border-top: 1px solid #FFFFFF;padding-top: 10px;}
#footer-gnav ul {width:630px;margin: 0 auto;}
#footer-gnav ul li {float:left;padding: 0	10px;}
#footer-gnav p {clear: both;width:260px;margin: 0 auto;font-size:9px;height:50px;}


.category {width:650px;}
.category h2 {margin-bottom:10px;}
.cats-article-box {border-bottom:1px solid #efefef;height:115px;margin-left:10px;margin-top:10px;width:717px;}
.cats-article-box:last-child {margin-bottom:40px;border: none;}
a.post-thumbnail {width:display: block;margin-right: 18px;float: left;}


#post-date {font-weight:bold;padding-left:20px;border-bottom: 1px solid #eeeeee;font-size: 12px;margin-bottom: 7px;}
#post {width:730px;font-size: 12px;}
#post h3 {font-weight:bold;padding-left: 20px;border-bottom: 3px solid #000000;font-size: 17px;line-height: 1.7em;margin-bottom: 1em;}

#article {line-height: 1.7em;margin-bottom: 20px;border-bottom: 1px solid #eeeeee;padding-bottom: 20px; width:700px; margin-left:15px; }
.st-related-posts {margin: 10px 0 20px 20px;}

.comments {}
table.comment td {padding:2px;}
ol.commentlist {margin: 10px 0 20px 20px;}
ol.commentlist li {margin-bottom: 15px;}
ol.commentlist li p {margin-left: 15px;}
h4#respond {margin: 10px 0 0 0px;}

.entry_for_response {margin: 30px 0 20px 64px;}

.blank {height:40px;}


.page {width:730px;margin-bottom: 4em;}
.page h4 {font-size:18px;font-weight: bold;margin-bottom: 2em;border-bottom: 1px solid #eeeeee;}
.page p {margin-bottom: 1em;}
.page .contentarea table td {vertical-align: top;padding:4px;}











/* for web design clip */
p.comment{font-size:11.5px;line-height:1.2em;}
.coodinate_block1{width: 295px;float:left;margin-left: 10px;}
.coodinate_block2{width: 295px;float:left;margin-left: 10px;margin-right: 10px;}
.coodinate_block3{float:left;width: 295px;margin-right: 5px;}
.coodinate_wrapper{margin-bottom:35px;_height:270px;background-color:#d3ddd2;padding-top:35px;background-image: url('http://hideyuki-kawabe.com/wp-content/uploads/2008/11/bg.jpg');background-repeat: no-repeat;}
*+html body .coodinate_wrapper{/*height:280px;*/ height:1%;margin-bottom: 35px;}
*+html body .coodinate_detail {height:1%;}
.dt_link{margin-left: 210px;font-weight: bold;}
.left_comment{border-right:2px solid #FFFFFF;float:left;margin-top:10px;padding-right:31px;width:280px;}
*:first-child+html  .left_comment{margin-left:30px;padding-left:0px;padding-right:0px;
/*
list-style-position:outside;
margin-left:50px;
width:450px;
margin-right:0px;
*/
}
*:first-child+html .left_siteconcept{padding-right:15px;
/*
margin-left:0px;
padding-left:50px;
*/
}
.left_comment p {}
*:first-child+html .left_comment p {padding-left: 0px;width:470px;}
.right_comment{float:right;margin-right:40px;_margin-right:20px;margin-top:10px;width:280px;}
*:first-child+html .right_comment{width:300px;
/*
margin-right:40px;
list-style-position:outside;
width:300px;
margin-right:80px;
*/
}
*:first-child+html .right_comment p{width:300px;}
.webimg{padding-top:20px;clear: both;text-align:center;}
.webimg a img {width:730px;}
*:first-child+html .webimg{clear: both;text-align: left;width:860px;margin:0 auto;}
span.cr1 {margin-left:180px;}
span.cr2{margin-left:205px;_margin-left:200px;}
*:first-child+html span.cr2{margin-left:200px;}
span.cr3{margin-left:243px;_margin-left:233px;}
*:first-child+html span.cr3{margin-left:233px;}
#content {margin:10px;padding-bottom: 20px;}
#content h4 {padding:4px;font-size: 15px;clear: both;margin-left: 1em;}
.comment_wrapper {padding-bottom: 30px;width:730px;margin-bottom:30px;border-bottom: 1px solid #eeeeee;}
.comment_wrapper h4 {font-size:12px;letter-spacing:0.3em;}
.webdesignfiles h3 {margin-bottom: 20px;}
.left_comment p:first-child, .right_comment p:first-child {margin-bottom: 1em;font-size: 1.2em;font-weight: bold;}

table#topics td {padding:2px;}