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

/*
文字サイズの指定
標準：	font-size: 82%;
大きめ：font-size: 94%;
小さめ：font-size: 69%;

line-heightの指定（標準用）

	ボディテキスト用：標準
	line-height: 137%;

    キャプション用：狭い
    line-height: 126%;

    リード用：広い
    line-height: 157%;

line-heightの指定（大きめ用）

    ボディテキスト用：標準
    line-height: 146%;

    キャプション用：狭い
    line-height: 137%;

    リード用：広い
    line-height: 163%;

line-heightの指定（小さめ用）

    ボディテキスト用：標準
    line-height: 138%;

    キャプション用：狭い
    line-height: 126%;

    リード用：広い
    line-height: 162%;
*/

#section-content .page h2 {
	margin: 0 0 1.0em 0;
	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;
}

#section-content .page h2.img-title {
	overflow: hidden;
	width: 720px;
	margin: 1px 0 20px 0;
	padding: 0;
	background: none;
	height: auto !important;
	text-align: center;
}

.bookmarks { clear:both; text-align:right;}
img.nothumb { vertical-align:middle;}
.entry { margin-top:0; margin-bottom:3em;}


/* 見出し */
#section-content .page 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;
}

#section-content .page h3.img-title {
	margin: 1.8em 0 .5em 0;
	padding: 0;
	border-left: 0;
	line-height: 1em;
}

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

#section-content .page h4.img-title {
	margin: 1em 0 5px 0;
	line-height: 1em;
}

#section-content .page h5 {
	margin-bottom: .25em;
	font-weight: bold;
	line-height: 1.2em;
}


/*  ページ内メニュー
------------------------------ */

#section-content .cnt_menu   { border-top:2px solid #EEE; background:#FAFAFA; border-bottom:2px solid #EEE; margin:12px 0; padding:10px;}
#section-content .cnt_menu a { display:block; min-width:5em; max-width:18em; float:left; text-decoration:none;}
#section-content .cnt_menu a:link,
#section-content .cnt_menu a:visited  { margin:1px; padding:0 10px; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; border:1px #FAFAFA solid;}
#section-content .cnt_menu a:hover,
#section-content .cnt_menu a:active   { margin:1px; padding:0 10px; border-radius:16px; -moz-border-radius:16px; -webkit-border-radius:16px; border:1px #FAFAFA solid; background:#333; color:#FFF;}

#section-main .ttl_blue { background:url(../images/bg_ttl_blue_stripe.jpg); margin:20px 0 10px; padding:4px 4px 4px 10px !important; height:30px !important; line-height:30px !important; font-weight:normal; font-size:14px; color:#FFF; }

#section-main .ttl_brown  { background:url(../images/bg_ttl_brown_stripe.jpg); margin:20px 0 10px; padding:4px 4px 4px 10px !important; height:30px!important; line-height:30px !important; font-weight:normal; font-size:1.125em; color:#FFF; }

#section-main .ttl_green  { background:url(../images/bg_ttl_green_stripe.jpg); margin:20px 0 10px; padding:4px 4px 4px 10px !important; height:30px!important; line-height:30px !important; font-weight:normal; font-size:1.125em; color:#FFF; }
#section-main .ttl_pea  { background:url(../images/bg_ttl_peagreen_stripe.jpg); margin:20px 0 10px; padding:4px 4px 4px 10px !important; height:30px!important; line-height:30px !important; font-weight:normal; font-size:1.125em; color:#FFF; }

/*  木材ページ内メニュー
------------------------------ */

#section-content #pgmenu {
	margin :10px 0 20px 0;
	padding:4px;
	background:url(http://www.liebe-pro.com/images/common/bg_pgmenu.gif) repeat-x;
	height:;
	border-bottom:1px solid #999;
	border-top:1px solid #999;
	font-size:1.0em;
}
#section-content #pgmenu ul { margin:0; padding:0; list-style-type: none; }
#section-content #pgmenu ul li { margin:0; list-style-type: none; padding-left:2.5em; float:left; font-weight:bold;}
#section-content #pgmenu ul li a { text-decoration:none;}

/* ----- */

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

#section-content p { margin:0.5em; padding:0;}

#section-content ol,
#section-content ul    { margin: 0.5em 0.5em 0.5em 2.5em;}
#section-content ol li,
#section-content ul li { line-height:1.4;}
#section-content ol li { list-style: decimal;}
#section-content ul li { list-style: disc;}

#section-content ul.nodot    { margin-left: 2.0em;}
#section-content ul.nodot li { list-style-type: none;}
#section-content ul.nodot li.kome { margin-left:; list-style-type: none; text-indent:-1em;}


/* テーブル */

#section-content table.w580 { width:578px;}
#section-content table.w500 { clear:both; width:498px; margin-left:auto; margin-right:auto;}

/* -------------------------------------
#section-content table { border-right:1px solid #222; border-bottom:1px solid #222;}
#section-content table caption { caption-side:bottom; font-size:10px; text-align:right;}
#section-content table.cp-title caption {
	padding:0.5em;
	border-top: 1px solid #222;
	border-right: 1px solid #222;
	border-left: 1px solid #222;
	background: #76b205;
	caption-side: top;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

#section-content table tr th { padding:0.5em 2em; background:#E1E1E1; border-top:1px solid #222; border-left:1px solid #222; text-align:center;}
#section-content table tr td { padding:0.5em 1em; border-top:1px solid #222; border-left:1px solid #222;}

---------------------------------------- */


#section-content table.slim tr td { padding: 0.2em;}

#section-content table.noline { margin:0; border-collapse:collapse; border:none !important;}
#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:none !important;}
#section-content table.noline th    { background:#EEE; width:120px;}


/* ---------------------------------------
    デッキ材 在庫一覧表 専用テーブル
------------------------------------------*/

.zaiko_box { margin:30px 0; padding:0 0 12px; line-height:1.8; border-top:2px solid #D7B7A2; border-bottom:2px solid #D7B7A2;}
.ttl_zaiko {}

#section-content table.tbl_products { width:100%; border-collapse:collapse; border-top:1px solid #999 !important; border-left:1px solid #999 !important; font-size:11px; line-height:1.2;}
#section-content table.tbl_products caption {}
#section-content table.tbl_products tr {}
#section-content table.tbl_products th,
#section-content table.tbl_products td { margin:0; padding:4px; border-right:1px solid #999 !important; border-bottom:1px solid #999 !important; vertical-align:middle;}
#section-content table.tbl_products th { background:#E1E1E1; text-align:center;}
#section-content table.tbl_products td { height:42px !important;}
#section-content table.tbl_products th.p_name   { width:250px;}
#section-content table.tbl_products th.p_th     { width:48px;}
#section-content table.tbl_products th.p_wd     { width:48px;}
#section-content table.tbl_products th.p_lg     { width:48px;}
#section-content table.tbl_products th.p_wt     {}
#section-content table.tbl_products th.p_spec   {}
#section-content table.tbl_products th.p_fee    { width:30px;}
#section-content table.tbl_products th.p_zaiko  { width:48px;}
#section-content table.tbl_products th.p_sell   { width:72px;}
#section-content table.tbl_products td.txt_size { text-align:center; font-size:1.2em;}
td.txt_center { text-align:center;}
td.txt_right  { text-align:right; }
td.number     { background:#EEE;}
td.txt_small  { font-size:10px; color:#666; }
td.txt_bold   { font-weight:bold; }
td.txt_large  { font-size:1.1em; }
.txt_price     { color:#D00; font-weight:bold; font-size:; background:#FFFFF9;}
.txt_price_mid { color:#D00; font-weight:bold; font-size:14px; background:#FFFFF9;}

/* -- */

/* --------------------------------
    section 枠(ボーダー緑)つき
----------------------------------- */

#section-content .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;
}

#section-content .frame:after {
	content: "";
	display: block;
	clear: both;
}

#section-content .page .frame h3 {
	margin-top: 0;
}

#section-content .page .frame h3.img-title {
	margin: 0 0 1em 0;
}

#section-content .page .frame h4 {
	margin-top: 0px;
}

#section-content hr, #section-content .frame hr {
	clear: both;
	border: none;
	border-bottom: 1px solid #659501;
	margin-bottom: 1em;
}

/*　section 上下区切り(ボーダー灰)つき */
#section-content .frame2 {
	padding: 1em 1em .5em 1em;
	border-top: 3px double #666;
	border-bottom: 3px double #666;
	*zoom:1;
}

#section-content .frame2:after {
	content: "";
	display: block;
	clear: both;
}

#section-content .page .frame2 h3 {
	margin-top: 0px;
}

#section-content .page .frame2 h4 {
	margin-top: 0px;
	margin-bottom: 1.2em;
	font-size: 1.2em;
	font-weight: bold;
}

#section-content .page .frame2 h5 {
	padding-left: .5em;
	border-left: 1.2em solid #659501;
	color: #659501;
}

#section-content .frame2 hr {
	clear: both;
	border: none;
	border-bottom: 1px solid #888;
	margin-bottom: 1em;
}

/*　section 枠(背景黄色)つき */
#section-content .frame3 {
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	background: #ffc;
	border: 1px solid #ccc;
	*zoom:1;
}

#section-content .frame3:after {
	content: "";
	display: block;
	clear: both;
}


/*　追加ナビゲーション */
#section-content ul.border-nav {
	margin: 1em 0;
	text-align: center;
}

#section-content ul.border-nav li {
	display: inline;
	margin: 0 5px;
	list-style: none;
}

#section-content ul.border-nav li a {
	padding: 3px 5px;
	background: #ffc;
	border: 1px solid #333;
	color: #333;
	text-decoration: none;
}

#section-content ul.border-nav li a:hover {
	background: #fcf;
}


/* section　商品のラインナップ */

.lineup-three-column dl {
	float: left;
	width: 183px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.lineup-four-column dl {
	float: left;
	width: 140px;
	margin-right: 5px;
	margin-bottom: 20px;
}

.lineup-three-column dl dt, .lineup-three-column dl dd, .lineup-four-column dl dt, .lineup-four-column dl dd  {
	text-align: center;
}

.lineup-three-column dl dd a:hover img, .lineup-four-column dl dd a:hover img {
	filter: alpha (opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}


/* section　画像と注釈 */
.figure { /* html5移行時 <div class="figure"> → <figure> */
	margin: 0 1em 1em 0;
	text-align: center;
}

.figure .legend { /* html5移行時 <p class="legend"> → <legend> */
	padding: 0 1em 1em 1em;
	line-height: 1.2em;
	text-align: center;
}

.section-figure-two-lines, .section-figure-three-lines {
	*zoom:1;
}

.section-figure-two-lines:after, .section-figure-three-lines:after {
	content: "";
	display: block;
	clear: both;
}

.section-figure-two-lines .figure {
	float: left;
	width: 290px;
	margin: 0 0 1.25em 0;
}

.section-figure-two-lines .figure img {
	margin: 0 auto 5px auto;
	padding: 4px;
	border: 1px solid #ccc;
}

.section-figure-three-lines .figure {
	float: left;
	width: 180px;
	margin: 0 13px 1em 0;
	/margin-right: 10px;
}


/* section　注意事項、問い合わせ */
#section-content .section-caution, #section-content .section-contact {
	clear: both;
	margin: 2em auto;
	padding-top: 1em;
	padding-right: 1em;
}

#section-content .section-caution {
	background: #fee0e7;
	border: 1px solid #c00;
}

#section-content .section-contact {
	background: #eaf8de;
	border: 1px solid #659501;
}

#section-content .section-caution h3, #section-content .section-contact h3 {
	margin: 0 0 .5em 0;
	padding: .2em 0 .2em .5em;
	font-weight: bold;
	line-height: 1.2em;
}

#section-content .section-caution h3 {
	border-left: 1em solid #c00;
	color: #c00;
}

#section-content .section-contact h3 {
	border-left: 1em solid #659501;
	color: #659501;
}

#section-content .section-caution h4, #section-content .section-contact h4 {
	margin-left: 1em;
}

#section-content .section-caution p, #section-content .section-contact p {
	margin-left: 12px;
}

#section-content .section-caution ol, #section-content .section-contact ol {
	margin-left: 32px;
}

#section-content .section-caution ul, #section-content .section-contact ul {
	margin-left: 28px;
}

#section-content .section-caution hr, #section-content .section-contact hr {
	clear: both;
	border: none;
	margin-bottom: 1em;
}

#section-content .section-caution hr {
	border-bottom: 1px solid #c00;
}

#section-content .section-contact hr {
	border-bottom: 1px solid #659501;
}

.section-three-lines-images {
	text-align: center;
}

.section-three-lines-images img {
	margin-right: 20px;
}

.section-three-lines-images img.reset {
	margin-right: 0px;
}

/* --------------------------------------------------
   メールフォーム専用テーブルデザイン
-------------------------------------------------- */

TABLE.form_tbl {
  margin:0;
  padding:0;
  border-collapse: collapse !important;
  border-style: solid !important;
  border-color: #AAA !important;
  border-width: 1px 0px !important;
}
TABLE.form_tbl caption {
	  caption-side:top !important; font-size:1.0em !important; text-align:center !important;
	  padding:2px 8px; border-top:1px solid #DDD !important; border-bottom:1px solid #DDD !important; background:#DDD !important; font-weight:bold; letter-spacing:0.25em;
}
TABLE.form_tbl TH {
  color: #333 !important;
  background-color: none !important;
  border-style: solid !important;
  border-color: #AAA !important;
  border-width: 1px 0px !important;
  padding:0.5em 0.75em !important;
  text-align:left !important;
}
TABLE.form_tbl TH span { font-weight:normal; font-size:0.85em; line-height:0.75; margin:0 0.5em;}
TABLE.form_tbl TD {
  color: #333 !important;
  background-color:  none !important;
  border-style: solid !important;
  border-color: #AAA !important;
  border-width: 1px 0px !important;
  padding:0.5em 0.75em !important;
}
.must { background:#F00; margin:0 0.25em; padding:1px 8px; color:#FFF; font-size:0.75em; font-weight:normal; vertical-align: bottom;}
.colorRed { font-size:0.85em; color:#F00;}
.height01 { height: 1px; clear:both;}
.height10 { height:10px; clear:both;}
.height20 { height:20px; clear:both;}
.height30 { height:30px; clear:both;}

/* ---- */