@import "../../css/global.css";
@import "reset.css";

/*===============================
utility
=================================*/
/*  clearfix  */
.clearfix:after,
.detail:after,
.detail-comment:after,
.page-navi:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
}

.clearfix,
.detail,
.detail-comment,
.page-navi {
    display: inline-table;
    min-height: 1%;
}

/* Hides from IE-mac \*/
* html .clearfix,
* html .detail,
* html .detail-comment {height: 1%;}
.clearfix,
.detail,
.detail-comment,
.page-navi {display: block;}
/* End hide from IE-mac */


/*===============================
this blog style
=================================*/

/*------------------------
common
--------------------------*/




/*------------------------
layout
--------------------------*/
#mainArticle {
	width: 765px;
	font-size: 85%; color:#333; line-height: 1.5em; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; } 
#alpha {
	float: right;
	width: 525px;
}
#alpha-inner {
	padding: 15px 0;
}

#beta {
	float: left;
	margin-right: 15px;
	width: 225px;
}

#beta-inner {
	padding: 15px 0;
}

/*----------------------
common
------------------------*/
#topic-path {
	padding: 0 0 3px;
	font-size: 95%;
}

#blog-title {}
#blog-title h2 {}

.page-navi { position:relative; }
.page-navi .next-link {
	display: block;
	position: absolute;
	top: 4px;
	right: 0;
}
.page-navi span.prev-link,
.page-navi span.next-link {
	color: #ccc;
}
.page-navi {
	border-top: 1px solid #ddd;
	padding: 4px 0;
}

.intro {
	margin: 0 0 20px;
}

.intro-header {
	border-top: 3px solid #66cc00;
	padding: 1px 0 0;
}
.detail-content .intro-header { border-top:none; }
.intro-header h2.intro-title {
	background: #eee;
	padding: 8px 0 8px 35px;
	font-size: 130%;
	font-weight: bold;
}
#page-company h2.intro-title,
#page-case #case-company h2.intro-title {
	background-image: url(../site_images/icon-company.gif);
	background-repeat: no-repeat;
	background-position: 8px 8px;
}
#page-case h2.intro-title {
	background-image: url(../site_images/icon-case.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
	font-size: 120%;
}



.intro-search-tags {
	margin: 2px 0 0;
	padding: 1px 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px solid #ccc;
	font-size: 75%;
}
.intro-search-tags span {
	margin: 0 5px 0 0;
	padding: 2px 5px;
}

.dwelling-tag { background: #ddff99; }
.parts-tag { background: #ffdd99; }
.stick-tag { background: #ffddff; }
.region-tag { background: #f0f0f0; }
.cost-tag { background: #cceeff; }

.intro-company { 
	border-bottom: 1px solid #ddd;
	font-size: 90%;
}
.intro-company .company-label {
	margin-right: 20px;
	font-weight: bold;
	color: #999;
}

.intro-content {
	padding: 10px 0 0;
}
.intro-body {
	margin: 0 0 10px;
}
.intro-more {
	margin: 0 0 10px;
}
.intro-image { margin: 0 0 10px; }
.image-caption { padding: 3px 0; font-size: 90%; text-align:center; line-height: 1.2; }
.mt-main-index .intro-image {
	float: left;
	width: 190px;
}
.mt-main-index .intro-body {
	margin-left: 190px;
}
.intro-more-images table td { vertical-align: top; }
#company-image-secondary { padding: 0 4px 0 0; }
#company-image-thirdly { padding: 0 4px 0; }
#company-image-fourthly { padding: 0 0 0 4px; }

.intro-keyword {
	margin: 0 0 10px;
	color: #009900;
	font-weight:bold;
}
.intro-buttons {
	clear: left;
	text-align: right;
}
.intro-buttons div {
	display: inline;
	margin-left: 8px;
}

/* -- detail -- */
.detail {
	/*clear: both;*/
	position: relative;
	margin: 0 0 20px;
}
.detail-header {
	border-top: 2px solid #66cc00;
	border-bottom: 1px solid #ddd;
	padding: 0;
}
#company-catalog .company-catalog-request-link,
#case-data .case-pdf-link {
	position: absolute;
	right: 0;
	top: 8px;
}
#company-catalog .detail-content {
	margin: 10px 0 0;
}
.company-catalog-image {
	margin: 0 0 10px 0;
	float: left;
	width: 90px;
}
.company-catalog-description {
	margin: 0 0 10px 90px;
}
.company-catalog-description h4 {
	font-weight: bold;
}
.detail-comment {
	clear: left;
}
.koguchi-comment-illust {
	margin: 0 0 10px 0;
	float: left;
	width: 93px;
}
.koguchi-comment-body {
	margin: 0 0 10px 93px;
	padding: 18px;
	background: #ccffff;
}

.detail-content .intro-image {
	float: left;
}
.detail-content .intro-body {
	margin: 0 0 0 190px;
}
.detail-content .intro-search-tags {
	clear: both;
}
.detail-footer { padding: 5px 0; }
.more-cases-link { text-align: right; }

#reform-data { float: left; margin: 0 0 20px 0; width: 49%; }
#equipment-data { margin-left: 50%; width: 49%; margin-bottom: 20px; }

#reform-data h4,
#equipment-data h4 { padding: 3px; font-weight: bold; color: #009900; font-size: 90%; }

#company-data table,
#reform-data table,
#equipment-data table { border-top: 1px solid #d9ff3e; width: 100%; font-size: 90%; }

#company-data th, #company-data td,
#reform-data th, #reform-data td,
#equipment-data th, #equipment-data td {
	border-bottom: 1px solid #d9ff3e;
	padding: 5px;
	vertical-align: top;
}
#company-data th, #reform-data th, #equipment-data th{ padding-right: 10px; text-align: right; background: #eeffac; color: #339900; }
#company-data td, #reform-data td, #equipment-data td { padding-left: 10px; }

/* -- comment -- */
.comments { margin: 0 0 20px 0; }
.comments-header,
.comments-open-header {
	border-top: 2px solid #66cc00; 
	padding-top: 42px;
	height: 0 !important;
	height /**/:42px;
	overflow:hidden;
}
.comments-header {
	background: transparent url(../site_images/comments-header.gif) no-repeat left top;
}
.comments-open-header {
	background: transparent url(../site_images/comments-open-header.gif) no-repeat left top;
}

.comment { border-top: 1px solid #ddd; padding: 15px 0; font-size: 95%; }
.comment-header { margin: 0 0 10px; }
.comment-content {  }

.comments-content { margin-bottom: 20px; }
.comments-open-content { border-top: 1px solid #ddd; padding: 10px 0; }
#comment-greeting { margin: 0 0 10px; padding: 15px; background: #eeFFdd; }

#comment-form-name,
#comment-form-email,
#comment-form-url,
#comment-form-remember-me { padding: 8px 0; }
#comment-form-name label,
#comment-form-email label,
#comment-form-url label { float:left; width: 80px; padding: 0; }
#comment-form-name input,
#comment-form-email input,
#comment-form-url input { width: 300px; }
#comments-open-text { margin: 0 0 10px; }
input#comment-preview {
	margin: 0 10px 0 0;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #555;
	padding: 5px 15px;
	color: #fff;
	font-size: 120%;
}
input#comment-submit,
input#comment-cancel {
	margin: 0 10px 0 0;
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-right: 1px solid #eee;
	border-bottom: 1px solid #eee;
	background: #333;
	padding: 5px 15px;
	color: #fff;
	font-size: 120%;
}


/*-- trackback --*/
.trackbacks { margin: 0 0 20px 0; }
.trackbacks-header {
	border-top: 2px solid #66cc00; 
	border-bottom: 1px solid #ddd;
	padding-top: 42px;
	height: 0 !important;
	height /**/:42px;
	overflow:hidden;
	background: transparent url(../site_images/trackbacks-header.gif) no-repeat left top;
}
.trackbacks-info { margin: 10px 0 10px; border: 1px solid #ccffaa; padding: 15px; background: #eeffdd; }
.trackbacks { font-size: 95%; }
.trackback { border-top: 1px solid #ddd; padding: 15px 0; }
.trackback-header { margin: 0 0 10px; }

/* -- widget -- */
.widget { margin-bottom:15px; }
.widget-content {
	border-right: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	border-left: 3px solid #ccc;
	padding: 8px;
	background: #f0f0f0;
}
.widget-footer {
	background: #ccc;
	padding: 8px 0 8px;
	text-align: center;
}
.widget table {
	width: 100%;
}
.widget td {
	width: 50%;
	font-size: 90%;
	vertical-align: top;
}
.widget td input {
	margin-right: 3px;
}
.widget .checks-header h4 {
	margin: 10px 0 0;
	border-bottom: 1px solid #ccc;
	font-weight: bold;
}
.widget .checks-content {
	padding: 8px 0;
	border-top: 1px solid #fff;
}

.widget #dwelling-checks .checks-header { color: #99cc00; }
.widget #parts-checks .checks-header { color: #ff9900; }
.widget #stick-checks .checks-header { color: #ff33cc; }
.widget #region-checks .checks-header,
.widget #cost-checks .checks-header { color: #0099cc; }

.widget ul {

}
.widget li {
	padding: 6px 0 6px 11px;
	background: transparent url(../site_images/icon-bullet-green.gif) no-repeat left 11px;
	font-size: 95%;
	line-height: 1.2;
}
#widget-entry-tags .widget-content p {
	font-size: 90%;
}
#widget-entry-tags .widget-content p a {
	margin-right: 12px;
}


/* -- search -- */
h3.search-results-header {
	border-top: 3px solid #66cc00;
	background: #eee;
	padding: 14px 10px 14px 40px;
	font-size: 120%;
	font-weight: bold;
	background-image: url(../site_images/icon_theme.gif);
	background-repeat: no-repeat;
	background-position: 14px 15px;
}
#search-results .intro-image {
	float: left;
}
#search-results .intro-body {
	margin: 0 0 0 190px;
}
#search-results .intro-search-tags {
	clear: both;
}