@charset "utf-8";
/* CSS Document */

.entry-title {
	padding: 14px 0 0 40px;
	background: url(../images/section-content-h2-bg.png) no-repeat top left;
	/* min-height クロスブラウザ対応(S) */
	min-height: 36px;
	height: auto !important;
	height: 36px;
	/* min-height クロスブラウザ対応(E) */
	font-size: 18px;
	font-weight: bold;
	line-height: 19px;
}

.single-title {
	clear: both;
	padding: .7em 1em;
	background: #EEE;
	font-size: 1.25em;
	font-weight: bold;
	color: #666;
}

.postmetadata {
	clear: both;
	float: right;
	width: 698px;
	margin-top: 20px;
	margin-bottom: 10px;
	padding: 10px;
	background: url(../images/frame-bg.png) center bottom repeat;
	border: 1px solid #659501;
	*zoom:1;
}

.postmetadata-bottom {
	float: right;
	width: 260px;
	margin-bottom: 3em;
	padding: 10px;
	border: 1px solid #c5d1e4;
	*zoom:1;
}

.postmetadata-bottom:after {
	content: "";
	display: block;
	clear: both;
}

.postmetadata:after {
	content: "";
	display: block;
	clear: both;
}

.bookmarks { clear:both; margin-bottom:40px; text-align:right;}
img.nothumb { vertical-align: middle;}

.navigation { clear: both; line-height: 1.15em; *zoom:1;}
.navigation:after { content: ""; display: block; clear: both; }

.previous-post,
.next-post     { width: 350px;}
.previous-post { float: left; text-align: left;}
.next-post     { float: right; text-align: right;}

dl.news-archives    { clear: both; margin-bottom: 20px; border-bottom: 1px solid #888; }
dl.news-archives dt { clear: left; float: left; margin: 0 0 .5em; padding-top: .5em; padding-left: .5em; width: 12em; border-top: 1px solid #888;}
dl.news-archives dd { margin-bottom: 0.5em; margin-left: 6.5em; padding-top: .5em; border-top: 1px solid #888;}

.entry       { margin-bottom: 3em; *zoom:1;}
.entry:after { content: ""; display: block; clear: both;}

#section-content p { line-height:1.4; margin:0.5em 0;}

#section-content .frame,
#section-content .frame2,
#section-content .frame3 { margin-bottom: 1em;}

#section-content table,
#section-content table th,
#section-content table td  {}

#section-content ol { margin-left: 22px;}
#section-content ul { margin-left: 18px;}

#section-content ol li,
#section-content ul li { margin: 0;}

#section-content ol li { list-style: outside decimal;}
#section-content ul li { list-style: outside disc;}

#section-content ul.nodot    { margin:0.5em; padding:0 0 0 1em;}
#section-content ul.nodot li { margin:0; padding:0; list-style-type:none;}


/* -------------------------------------------------
    Custon Post styles
----------------------------------------------------*/

#section-content .products_lineup { float:left; width:202px; margin:15px 10px; padding:8px; text-align:center; border:1px solid #DDD;}
#section-content .products_lineup h3 { margin:0; padding:4px 8px; background:#EEE; text-align:left;}
#section-content .products_lineup h3 a { text-decoration:none;}
#section-content .products_lineup dl { margin:0; padding:0;}
#section-content .products_lineup dd { margin:0; padding:0;}

span.txt_catch { display:block; padding-top:0.25em; height:4.0em; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; line-height:1.4; text-align:left;}


#section-content .navigation { margin:20px 0; padding:0; }
#section-content .navigation a:link,
#section-content .navigation a:visited { text-decoration:none; color:#FFF; padding:2px 10px; border:none; background:#746049; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 0.25em;}
#section-content .navigation a:hover,
#section-content .navigation a:active  { text-decoration:none; color:#FFF; padding:2px 10px; border:none; background:#372626; border-radius:12px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 0.25em;}

#section-content .smallTxt { font-size:0.8em;}

#section-content h3.cnt_heading {
	margin: 2.0em 0 1.0em 0em;
	padding: 0.75em 0 0.75em 0.75em;
	border-left: 10px solid #659501;
	background:#FAFAFA;
	color: #659501;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.0em;
	clear: both;
	letter-spacing:0.125em;
}
#section-content h4.sub_heading { margin:1.0em 0 0.75em !important; padding:0.5em 0.75em; background:#F0F0F0; font-weight:bold; font-size:1.25em;}
#section-content span.img_thumb { float:left; margin:0 30px 30px 0; padding:0; background:#FFF;}


/* -------------------------------------------------
    Product
----------------------------------------------------*/

.catch_txt { float:right; width:390px; margin:0 0 20px; padding:0.5em 0;}
.price_link { margin:0 0 20px; padding:0;}

/* 商品概略データ  summary */
.summary_box { width:390px; margin:0 0 20px; padding:12px 0; text-align:left;}
table.tbl_summary    { margin:0; padding:0; border-collapse:collapse; border-top:1px solid #DDD;}
table.tbl_summary tr { height:2.5em;}
table.tbl_summary th,
table.tbl_summary td { padding:0.25em 1.0em !important; border-bottom:1px solid #DDD; font-weight:normal; line-height:1.1;}
table.tbl_summary th { font-weight:normal; letter-spacing:0.125em; width:28%; background:#FAFAFA;}
table.tbl_summary td { font-weight:normal;}
table.tbl_summary td.row_price { color:#D00; font-weight:bold; font-size:1.5em; line-height:1.6;}


/* 星６項目 */
.stars { width:350px; margin:0 0 20px; padding:12px 19px; border:1px solid #DDD;}
.stars dl    { margin:0; padding:0;}
.stars dl dt { clear:left; float:left; margin:0 8px 0 0; width:60px; text-align:right;}
.stars dl dd { float:left; width:107px; color:#F60;}


/* 活用シーン */
.scene { width:360px; margin:0 0 20px; padding:12px 14px; border:1px solid #666; background:#CCC;}
.scene dl,
.scene dl dt,
.scene dl dd { margin:0; padding:0;}
.scene dl dt { background:#444; margin:0 0 8px; padding:2px; color:#FFF; text-align:center;}
.scene dl dd { color:#000;}

#section-content p.memo { text-align:right; font-size:0.85em; color:#666;}

#section-content table.tbl_lineup { margin:0; border-collapse:collapse; border-top:1px solid #CCC; border-left:1px solid #CCC;}
#section-content table.tbl_lineup caption { font-size:1.25em; font-weight:bold;}
#section-content table.tbl_lineup th,
#section-content table.tbl_lineup td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.3em 0.5em;}
#section-content table.tbl_lineup th { background:#EEE;}

#section-content table.quality { margin:0; border-collapse:collapse; border-top:1px solid #CCC; border-left:1px solid #CCC;}
#section-content table.quality caption { font-size:1.25em; font-weight:bold;}
#section-content table.quality th,
#section-content table.quality td    { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.3em 0.5em;}
#section-content table.quality th    { background:#EEE; width:120px;}

#section-content table.spec { margin:0; border-collapse:collapse; border-top:1px solid #CCC; border-left:1px solid #CCC;}
#section-content table.spec caption { padding:2px 8px; border-top:1px solid #DDD; border-left:1px solid #DDD; background:#DDD; font-weight:bold; letter-spacing:0.25em;}
#section-content table.spec th,
#section-content table.spec td { border-right:1px solid #CCC; border-bottom:1px solid #CCC; padding:0.25em 0.75em;}
#section-content table.spec th { background:#F5F8EF; color:; font-weight:bold;}
#section-content table.spec th span { font-size:0.8em; font-weight:normal; color:#666;}

#section-content table.detail { border-collapse:collapse; border-left:1px solid #DDD; border-top:1px solid #DDD; margin:0.5em 0;}
#section-content table.detail caption { padding:2px 8px; border-top:1px solid #DDD; border-left:1px solid #DDD; background:#DDD; font-weight:bold; letter-spacing:0.25em;}
#section-content table.detail th { padding:2px 8px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; text-align:left; background:#F5F8EF; font-weight:bold; letter-spacing:0.25em; min-width:;}
#section-content table.detail td { padding:2px 8px; border-right:1px solid #DDD; border-bottom:1px solid #DDD; text-align:center; min-width:;}

#section-content table.baseline { border-collapse:collapse; border-left:none; border-top:1px solid #DDD; margin:0.5em 0;}
#section-content table.baseline caption { padding:2px 8px; border-top:1px solid #DDD; border-left:none; background:#DDD; font-weight:bold; letter-spacing:0.25em;}
#section-content table.baseline th { padding:2px 8px; border-right:none; border-bottom:1px solid #DDD; text-align:left; background:#F5F8EF; font-weight:bold; letter-spacing:0.25em; min-width:;}
#section-content table.baseline td { padding:2px 8px; border-right:none; border-bottom:1px solid #DDD; text-align:center; vertical-align:middle !important; min-width:;}

#section-content table.noline { margin:0; border-collapse:collapse; border-top:none; border-left:none;}
#section-content table.noline caption { font-size:1.25em; font-weight:bold;}
#section-content table.noline th,
#section-content table.noline td    { padding:0.3em 0.5em; border-right:none; border-bottom:none;}
#section-content table.noline th    { background:#EEE; width:120px;}

#section-content table.noline_center { margin:0; border-collapse:collapse; border-top:none; border-left:none;}
#section-content table.noline_center caption { font-size:1.25em; font-weight:bold;}
#section-content table.noline_center th,
#section-content table.noline_center td    { padding:0.3em 0.5em; border-right:none; border-bottom:none; text-align:center;}
#section-content table.noline_center th    { background:#EEE;}

#section-content ul#images { margin:0; padding:0;}
#section-content ul#images li,
#section-content ul#images li.imageBox { float:left; margin:0; padding:6px; list-style-type:none;}
#section-content ul#images li.imageBox a img {}

#section-content ul.lightbox    { margin:10px 0;padding:0;list-style:none;}
#section-content ul.lightbox li { margin:0 0 0 10px; float:left; list-style:none; }

#section-content dl#ossm, #ossm { margin:20px; padding:0; line-height:1.4;}
#section-content dl#ossm dt, #ossm dt { float:; width:20em; font-weight:bold; font-size:20px; list-style-type:none; color:#F00; clear:left;}
#section-content dl#ossm dd, #ossm dd { float:; margin:0 0 14px 24px; width:; font-weight:normal; font-size:; list-style-type:none; display:inherit;}

#postmeta_ptype ul      { margin:0; padding:0; line-height:2.0;}
#postmeta_ptype ul li   { margin:0; padding:0; float:left; list-style-type:none;}
#postmeta_ptype ul li a { margin:0; padding:0; text-decoration:none;}

#postmeta_ptype ul li a:link,
#postmeta_ptype ul li a:visited { text-decoration:none; color:#FFF; padding:2px 10px; border:none; background:#957373; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 0.25em;}
#postmeta_ptype ul li a:hover,
#postmeta_ptype ul li a:active  { text-decoration:none; color:#FFF; padding:2px 10px; border:none; background:#659501; border-radius:15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin:0 0.25em;}

#section-content .products h4 { margin-top:1em; margin-bottom:5px; font-size:1.15em; font-weight:bold; line-height:1.2em;}

ul.item_col2    { margin:0 !important; padding:0 !important;}
ul.item_col2 li { float:left; margin:0 10px 10px 0 !important; padding:0; list-style-type:none !important; width:350px; height:180px;}
ul.item_col2 li img { margin:0 0 0.5em; padding:0;}
ul.item_col2 li span { display:block;}


/* 特徴 */

#section-content dl.ossm { margin:20px; padding:0; line-height:1.4;}
#section-content dl.ossm dt { font-weight:bold; font-size:20px; list-style-type:none; color:#F00;}
#section-content dl.ossm dd { margin:0 0 14px 24px; font-weight:normal; list-style-type:none; display:inherit;}


/* -------------------------------------------------
    施工例
----------------------------------------------------*/

.examples-lineup {
	float: left;
	width: 230px;
	/* min-height クロスブラウザ対応(S) */
	min-height: 290px;
	height: auto !important;
	height: 290px;
	/* min-height クロスブラウザ対応(E) */
	text-align: center;
}

.examples-lineup h3 {
	height: 36px !important; ;
	margin: 0 10px;
	font-size: 12px;
	text-align: left;
	line-height: 14px;
	overflow:hidden;
	border: 1px solid #c5d1e4;
}

.examples-lineup h3 a {
	height: 42px;
	display: block;
	padding: 4px 10px;
	background: url(../images/examples-lineup-h3-bg.png) top right no-repeat;
	border-left:8px solid #F60;	
	color: #222;
	text-decoration: none;
}

.examples-lineup h3 a:hover {
	height: 42px;
	background: url(../images/examples-lineup-h3-bg_on.png) top right no-repeat;
	border-left:8px solid #FF6;	
	color:#FFF;
}

.examples-lineup dl        { margin-top:4px;}
.examples-lineup dl dd     { padding:0; font-size:10px; line-height:1em;}
.examples-lineup dl dd img { padding: 5px; border: 1px solid #ccc;}


/* ----------------------------------
    single.php
------------------------------------- */

.gallery       { clear:both; *zoom:1;}
.gallery:after { content: ""; display:block; clear:both;}

.gallery-icon img { padding:4px; border:1px solid #888;}
.gallery-caption  { padding:0 15px; text-align:left;}


/* 関連記事スタイル */

.yarpp-related,
.yarpp-related-none {
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 1px solid #EEE;
	background: #FEFEFE;
	padding:12px;
	margin:0 0 10px 0;
}
.yarpp-thumbnails-horizontal   {}
.yarpp-thumbnails-horizontal a { text-decoration:none; padding:8px; background:#FFF;}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail     {}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail img {}
.yarpp-thumbnails-horizontal a.yarpp-thumbnail span.yarpp-thumbnail-title { font-size:0.9em;}

.related-post {
	clear: both;
	float: left;
	width: 280px;
	margin-bottom: 3em;
	border: 1px solid #c5d1e4;
	*zoom:1;
}
.yarpp-related-none .related-post   { border:none; }

.related-post:after {
	content: "";
	display: block;
	clear: both;
}

.related-post h3 {
	padding: .5em 1em;
	border-bottom: 1px solid #c5d1e4;
	background: url(../images/related-post-h3-bg.png) top left no-repeat;
	font-weight: bold;
}

.related-post p { margin:1em;}

.related-post ol { margin:0.5em 1em 0.5em 2.25em !important;}

#respond { clear:both;}

.category-news h3, #respond h3 {
	margin: 1.8em 0 .5em 0em;
	padding: .4em 0 .4em .5em;
	border-left: .7em solid #659501;
	color: #659501;
	font-size: 1.35em;
	font-weight: bold;
	line-height: 1.2em;
}
.category-news h4 {
	margin-top: 1em;
	margin-bottom: 5px;
	font-size: 1.15em;
	font-weight: bold;
	line-height: 1.2em;
}
.category-news h5 {
	margin-bottom: .25em;
	font-weight: bold;
	line-height: 1.2em;
}
.frame {
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	background: url(../images/frame-bg.png) center bottom repeat;
	border: 1px solid #659501;
	*zoom:1;
}
.frame:after {
	content: "";
	display: block;
	clear: both;
}
.frame h3 { margin-top: 0;}
.frame h3.img-title { margin: 0 0 1em 0;}
.frame h4 { margin-top: 0px;}
.frame hr { clear:both; border:none; border-bottom:1px solid #659501; margin-bottom:1em;}


/* end */