@charset "UTF-8";
@media print {body {zoom: 80%;}}

/* ------------------------------------------------------------------------------------------
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
------------------------------------------------------------------------------------------ */
/* reset css */
html{color:#333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{
	margin:0;
	padding:0;
	color: #B29254;
}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}

/* ------------------------------------------------------------------------------------------
　基本
------------------------------------------------------------------------------------------ */
body { font-size:13px; font-family:"ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif; }
li img				{ vertical-align:top; }
em,strong			{ font-weight:bold; }
img						{ margin:0; padding:0; }
h1 {margin:15px 0 0 0;}
/*h2 {font-size:20px; margin:40px 0 0 0; font-weight:bold;}*/
h2 {font-weight:bold; margin:40px 0 20px 0; font-size:18px; clear:both;}
h2.fst {margin-top:15px;}
h3 {font-weight:bold; color:#6a4; font-size:14px;}
h4 {font-weight:bold;}
p {
	margin:2px 5px 15px 0;
	color: #000;
}
em {color:#369; margin-left:5px; display:block;}
a:link,a:visited				{ color:#09C; text-decoration:none; }
a:hover,a:active				{ color:#f90; text-decoration:underline; }
dl {}
dl dt {display:inline;}
dl dd {display:inline;}
.clearFix			{ clear:both; height:0; font-size:0; line-height:0; }
.font-small{ font-size:10px; line-height:}
.font-small1{font-size:10px; width:340px; line-height:15px;} 
.font-small2{font-size:12px; line-height:} 
.ml-15{ margin-left:-15px; }
.logomark_dl{ margin-top:15px;}
*html .logomark_dl{ margin:10px 0; padding:10px 0; clear:both;}
*+html .logomark_dl{ margin:10px 0; padding:10px 0; clear:both;}

/* clear
------------------------------------------------*/
.clear:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clear { display: inline-block; }
/* \*/
* html .clear { height: 1%; }
.clear { display: block; }
/* */

/* ------------------------------------------------------------------------------------------
　レイアウト
------------------------------------------------------------------------------------------ */
#container { width:950px; margin:0 auto; padding:0; }

#logo {float:left; width:200px; margin:10px 0 8px 2px;}

#search {float:right; margin-top:13px; width:200px;}
#search table {margin-top:2px;}
#search table td {padding:0 3px;}
#search table td input {}
#search table td input.txt {height:12px; width:100px;}
#search table td input.btn {}
#search a {color:#666; font-size:11px;}
#search a.link3 { background-position:top left !important;}

#breadcrumb {text-align:right; margin-top:10px;}
#breadcrumb a:link, #breadcrumb a:visited {color:#333;}
#breadcrumb a:hover, #breadcrumb a:active {color:#f90; text-decoration:none; }

#lft	{float:left; width:675px; line-height:20px;}
#lft #content	{margin:20px 0 0 20px;}
body#g #lft #content	{margin-left:35px;}

#container #rgt	{float:right; width:220px; text-align:center; margin-top:20px;}
#container #rgt h2	{margin:0;}
#container #rgt .ctnt {padding:0; margin-bottom:10px;}
#container #rgt .ctnt ul.index {background:#f9f9f9; margin:0; padding:0;}
#container #rgt .ctnt ul.index li {margin:0; background:url(../images/sidemenu_hr.gif) bottom left no-repeat; padding:5px 10px 5px 10px; _padding-bottom:2px;}
#container #rgt .ctnt ul.index li a {_padding:0;}
#container #rgt .ctnt ul.banner {background:#f9f9f9; padding:15px 0 5px 0;}
#container #rgt .ctnt ul.banner li {margin-bottom:10px;}

ul#footerlink {text-align:center; color:#666; margin-top:30px;}
ul#footerlink li {border-left:1px solid #666; display:inline; padding:0 5px 0 10px; margin:0;}
ul#footerlink li.fst {border:none;}
ul#footerlink li a {color:#666;}
ul#footerlink li a:hover {color:#09c;}

address {border-top:1px solid #999; padding:10px 0 20px; margin-top:10px; text-align:center; color:#666;}

/* ------------------------------------------------------------------------------------------
　グランドナビゲーション(プルダウンにdroppy.js使用)
------------------------------------------------------------------------------------------ */
/*ul#gnav {margin:0 0 15px 1px;}
ul#gnav li {display:inline; margin-right:1px;}*/

/* Basic code - don't modify */
ul#gnav { display: block; margin:0; padding:0; position: relative; }
 ul#gnav li { display: block; list-style: none; margin:0; padding:0; float: left; position: relative; }
 ul#gnav a { display: block; }
 ul#gnav ul { display: none; position: absolute; left: 0; margin:0; padding:0; }
 * html ul#gnav ul { line-height: 0; } /* IE6 "fix" */
   ul#gnav ul a { zoom:1; } /* IE6/7 fix */
   ul#gnav ul li { float: none; margin:0; }
   ul#gnav ul ul { top:0; }
/* Essentials - configure this */
ul#gnav ul  { width:157px; }
/*ul#gnavi ul ul { left:157px; } もうひとつ下の階層（未使用）*/
/* Everything else is theming */
ul#gnav { /*background:#6a4;*/ height:26px; margin-bottom:15px;}
ul#gnav li ul li *:hover { /*background: none;*/ }
ul#gnav li ul li a { border-right:1px solid #fff; color:#fff; text-align:center; font-size:12px; line-height:14px;}
 ul#gnav li ul li.hover a { background:#6a4; }
 ul#gnav li ul { top:29px; border-top:1px solid #472; width:157px; }
  ul#gnav li ul li a { background:#6a4; padding:6px 0;}
    ul#gnav li ul li a.hover { background-color:#472; text-decoration:none;}
  ul#gnav li ul li a { border-bottom: 1px solid #472; border-right:1px solid #472; border-left:1px solid #472; opacity:0.95; filter:alpha(opacity=95);}

/* ------------------------------------------------------------------------------------------
　コンテンツエリア共通
------------------------------------------------------------------------------------------ */

a.pagetop {display:block; clear:both; float:right; padding:0 0 2px 15px; margin-top:30px;
	background:url(../images/icon_pagetop.gif) 0 3px no-repeat; text-decoration:none;}
a.link {display:block; clear:both; float:right; padding:0 0 2px 25px;
	background:url(../images/icon_link.gif) top left no-repeat; text-decoration:underline;}
a.link2 {padding:0 0 2px 25px; background:url(../images/icon_link.gif) top left no-repeat; text-decoration:underline; display:block;}
a.link3 {padding:0 0 2px 10px; background:url(../images/icon_link2.gif) 0 0.2em no-repeat; text-decoration:none;}
a.link3:hover {color:#09c;}
a.link4 {padding:0 0 0px 0px; text-decoration:underline; display:block;}

a.back {padding:0 0 2px 22px; background:url(../images/icon_linkback.gif) top left no-repeat; text-decoration:underline; display:block; margin:0; width:310px; float:left;}
a.next {padding:0 22px 0 2px; background:url(../images/icon_link.gif) top right no-repeat; text-align:right;
 text-decoration:underline; display:block;  margin:0; width:300px; float:right;}
a.btn_detail {text-align:right; display:block;}
.pdf {background:url(../images/icon_pdf.gif) top left no-repeat; padding-left:20px;}
.note .pdf { background-image:url(../images/icon_pdf2.gif);  padding-left:15px; margin-left:0px;}

.note {font-size:10px; line-height:1.4em;}
.note150 {font-size:10px; line-height:1.4em; width:150px; text-align:left; margin-left:0;}
.note170 {font-size:10px; line-height:1.4em; width:170px; text-align:left; margin-left:0;}
.note180 {font-size:10px; line-height:1.4em; width:180px; margin-left:auto; margin-right:auto; text-align:left;}
.note250 {font-size:10px; line-height:1.4em; width:250px; text-align:left; margin-left:0;}
.note260 {font-size:10px; line-height:1.4em; width:260px; text-align:left; margin-left:0;}
.note270 {font-size:10px; line-height:1.4em; width:270px; text-align:left; margin-left:0;}
.note280 {font-size:10px; line-height:1.4em; width:280px; text-align:left; margin-left:0;}
.note300 {font-size:10px; line-height:1.4em; width:300px; text-align:left; margin-left:0;}
.note400 {font-size:10px; line-height:1.4em; width:400px; text-align:left; margin-left:0;}
.note440 {font-size:10px; line-height:1.4em; width:440px; text-align:left; margin-left:0;}

.blue {color:#09c !important;}
.darkblue{color:#369 !important;}
.black {color:#333 !important;}
.orange {color:#f63 !important;}
.gray {color:#666 !important;}
.boldgray {font-weight:bold; color:#666 !important;}
.brown {color:#C5AD7E !important;}

#lft #content ul {margin:0 0 20px 20px}
#lft #content ul li {list-style:disc outside; margin:5px 0;}
#lft #content ol {margin:0 0 20px 20px}
#lft #content ol li {list-style:decimal outside; margin:5px 0;}
#lft #content ol li ul {margin-left:10px;}
#lft #content ol li ul li {list-style:disc;}

.txtleft {text-align:left;}
.txtright {text-align:right;}
.txtright2 {text-align:right; font-weight:bold;}
.txtcenter {text-align:center;}

.mt0 {margin-top:0px !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt20 {margin-top:20px !important;}
.mt30 {margin-top:30px !important;}
.mt40 {margin-top:40px !important;}
.mt57 {margin-top:57px !important;}
.mt80 {margin-top:80px !important;}
.mt83 {margin-top:83px !important;}
.mt160 {margin-top:160px !important;}
.mt175 {margin-top:175px !important;}
.mt195 {margin-top:195px !important;}

.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml18 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}
.ml75 {margin-left:75px !important;}
.ml100 {margin-left:100px !important;}
.ml110 {margin-left:110px !important;}
.ml150 {margin-left:150px !important;}
.ml200 {margin-left:200px !important;}
.ml250 {margin-left:250px !important;}

.mr10 {margin-right:10px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr30 {margin-right:30px !important;}
.mr40 {margin-right:40px !important;}
.mr50 {margin-right:50px !important;}
.mr100 {margin-right:100px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb20 {margin-bottom:20px !important;}
.mb30 {margin-bottom:30px !important;}
.mb40 {margin-bottom:40px !important;}
.mb100 {margin-bottom:100px !important;}


.floatLft {float:left; display:block; margin-top:5px;}
.floatRgt {float:right; display:block; margin-top:5px;}
.floatLft60 {float:left; width:60px; display:block; margin-top:5px;}
.floatRgt60 {float:right; width:60px; display:block; margin-top:5px;}
.floatLft100 {float:left; width:100px; display:block; margin-top:5px;}
.floatRgt100 {float:right; width:100px; display:block; margin-top:5px;}
.floatLft150 {float:left; width:150px; display:block; margin-top:5px;}
.floatRgt150 {float:right; width:150px; display:block; margin-top:5px;}
.floatLft153 {float:left; width:153px; display:block; margin-top:5px;}
.floatRgt153 {float:right; width:153px; display:block; margin-top:5px;}
.floatLft180 {float:left; width:180px; display:block; margin-top:5px;}
.floatRgt180 {float:right; width:180px; display:block; margin-top:5px;}
.floatLft200 {float:left; width:200px; display:block; margin-top:5px;}
.floatRgt200 {float:right; width:200px; display:block; margin-top:5px;}
.floatLft220 {float:left; width:220px; display:block; margin-top:5px;}
.floatRgt220 {float:right; width:220px; display:block; margin-top:5px;}
.floatLft250 {float:left; width:250px; display:block; margin-top:5px;}
.floatRgt250 {float:right; width:250px; display:block; margin-top:5px;}
.floatLft260 {float:left; width:260px; display:block; margin-top:5px;}
.floatRgt260 {float:right; width:260px; display:block; margin-top:5px;}
.floatLft270 {float:left; width:270px; display:block; margin-top:5px;}
.floatRgt270 {float:right; width:270px; display:block; margin-top:5px;}
.floatLft280 {float:left; width:280px; display:block; margin-top:5px;}
.floatRgt280 {float:right; width:280px; display:block; margin-top:5px;}
.floatLft300 {float:left; width:300px; display:block; margin-top:5px;}
.floatRgt300 {float:right; width:300px; display:block; margin-top:5px;}
.floatLft310 {float:left; width:310px; display:block; margin-top:5px;}
.floatRgt310 {float:right; width:310px; display:block; margin-top:5px;}
.floatLft315 {float:left; width:315px; display:block; margin-top:5px;}
.floatRgt315 {float:right; width:315px; display:block; margin-top:5px;}
.floatLft320 {float:left; width:320px; display:block; margin-top:5px;}
.floatRgt320 {float:right; width:320px; display:block; margin-top:5px;}
.floatLft330 {float:left; width:330px; display:block; margin-top:5px;}
.floatRgt330 {float:right; width:330px; display:block; margin-top:5px;}
.floatLft340 {float:left; width:340px; display:block; margin-top:5px;}
.floatRgt340 {float:right; width:340px; display:block; margin-top:5px;}
.floatLft350 {float:left; width:350px; display:block; margin-top:5px;}
.floatRgt360 {float:right; width:360px; display:block; margin-top:5px;}
.floatLft360 {float:left; width:360px; display:block; margin-top:5px;}
.floatRgt350 {float:right; width:350px; display:block; margin-top:5px;}
.floatLft370 {float:left; width:370px; display:block; margin-top:5px;}
.floatRgt370 {float:right; width:370px; display:block; margin-top:5px;}
.floatLft400 {float:left; width:400px; display:block; margin-top:5px;}
.floatRgt400 {float:right; width:400px; display:block; margin-top:5px;}
.floatLft410 {float:left; width:410px; display:block; margin-top:5px;}
.floatRgt410 {float:right; width:410px; display:block; margin-top:5px;}
.floatLft420 {float:left; width:420px; display:block; margin-top:5px;}
.floatRgt420 {float:right; width:420px; display:block; margin-top:5px;}
.floatLft430 {float:left; width:430px; display:block; margin-top:5px;}
.floatRgt430 {float:right; width:430px; display:block; margin-top:5px;}
.floatLft450 {float:left; width:450px; display:block; margin-top:5px;}
.floatRgt450 {float:right; width:450px; display:block; margin-top:5px;}
.floatLft460 {float:left; width:460px; display:block; margin-top:5px;}
.floatRgt460 {float:right; width:460px; display:block; margin-top:5px;}
.floatLft480 {float:left; width:480px; display:block; margin-top:5px;}
.floatRgt480 {float:right; width:480px; display:block; margin-top:5px;}
.floatLft500 {float:left; width:500px; display:block; margin-top:5px;}
.floatRgt500 {float:right; width:500px; display:block; margin-top:5px;}
.floatLft520 {float:left; width:520px; display:block; margin-top:5px;}
.floatRgt520 {float:right; width:520px; display:block; margin-top:5px;}
.floatLft540 {float:left; width:540px; display:block; margin-top:5px;}
.floatRgt540 {float:right; width:540px; display:block; margin-top:5px;}
.floatLft550 {float:left; width:550px; display:block; margin-top:5px;}
.floatRgt550 {float:right; width:550px; display:block; margin-top:5px;}
.floatLft600 {float:left; width:600px; display:block; margin-top:5px;}
.floatLft630 {width:600px; display:block; margin-top:5px;}
.floatRgt600 {float:right; width:600px; display:block; margin-top:5px;}
.floatLft650 {float:left; width:650px; display:block; margin-top:5px;}
.floatRgt650 {float:right; width:650px; display:block; margin-top:5px;}

table.layout3col {margin-top:20px;}
table.layout3col th, table.layout3col td {padding:5px 20px; vertical-align:top;}
table.layout3col th h3, table.layout3col td h3 {color:#333; margin-left:0;}
table.layout3col {}

table.tbl {border-left:1px solid #ddd; border-top:1px solid #ccc; margin-bottom:5px;}
table.tbl th, table.tbl td {border-right:1px solid #ccc; border-bottom:1px solid #ccc; padding:5px 10px; text-align:center;}
table.tbl th {background:#efe;}
table.tbl td {background:#fff;}

table.tbl2 {border-top:1px solid #ccc; margin-bottom:5px;}
table.tbl2 th, table.tbl2 td {border-bottom:1px solid #ccc; padding:15px 20px 15px 15px; text-align:left;}
table.tbl2 th {background:#f4f4f4;}
table.tbl2 td {background:#fff;}

.section4 {margin:15px 0 0 0;}
.section4 .floatLft {width:420px;}
.section4 .floatLft h3 {margin:0;}
.section4 .floatLft p {margin-top:10px;}

.frame2 {background:#f4f4f4; padding:20px; margin-top:20px; border:1px solid #ccc;}
.frame2 h3 {color:#333; border-bottom:1px solid #ccc; padding-bottom:0px; margin-bottom:10px;}
.frame2 h3.pdf {margin-left:0;}
.frame2 h4 {margin-bottom:0;}
.frame2 p {margin-top:0px; margin-bottom:5px;}

.frame2b {background:#f4f4f4; padding:10px; margin-top:20px; border:1px solid #ccc;}
.frame2b h3 {color:#333; border-bottom:1px solid #ccc; padding-bottom:0px; margin-bottom:5px; font-size:10px;}
.frame2b h4 {margin-bottom:0;}
.frame2b p {margin-top:0px; margin-bottom:5px; font-size:10px; line-height:16px;}

.frame3 {background:url(../images/frame3_body.gif) left repeat-y; margin-top:20px;}
.frame3 h3.eco {background:url(../images/icon_ecoglass.gif) 0 10px no-repeat; padding:15px 0 20px 43px; margin-left:23px;}
.frame3 h3.eco span {color:#09a; border-bottom:2px dotted #09a; padding-bottom:3px;}
.frame3 .cont {padding:0 20px 0 60px;}
.frame3 .cont p {margin-top:0px; margin-bottom:5px;}
.frame3 .cont a.pagetop {margin:15px 0 0 0;}

.frame3b {background:url(../images/frame3b_body.gif) left repeat-y; margin-top:20px; margin-left:7px;}
.frame3b h3.eco {background:url(../images/icon_ecoglass.gif) 0 10px no-repeat; padding:15px 0 20px 43px; margin-left:23px;}
.frame3b h3.eco span {color:#09a; border-bottom:2px dotted #09a; padding-bottom:3px;}
.frame3b .cont {padding:0 40px 0 60px;}
.frame3b .cont p {margin-top:0px; margin-bottom:5px;}
.frame3b .cont a.pagetop {margin:15px 0 0 0;}

.frame4 {background:#fff; padding:20px; margin-top:15px; border:1px solid #ccc;}
.frame4 h3 {color:#333; border-bottom:1px solid #ccc; padding-bottom:0px; margin-bottom:10px;}
.frame4 h4 {margin-bottom:0;}
.frame4 p {margin-top:0px; margin-bottom:5px;}

.frame5 {border:solid 1px #ccc; background:#f6f6f6; margin-bottom:10px;  padding-bottom:10px; _ padding-bottom:0;}
.frame5 h2 {padding:1px; margin:0;}
.frame5 .section {margin:15px 15px 5px 17px;}
.frame5 .section p {margin-bottom:2px;}
.frame5 .section2 {margin:15px 10px 0 10px; background:bottom left no-repeat url(../images/dotline.gif); padding-bottom:13px; _margin-bottom:25px;}
.frame5 .section2 h3 {color:#360; font-size:12px; line-height:16px;}
.frame5 .section2 p { margin-top:5px; margin-bottom:5px;}
.frame5 ul li.reform {background:url(../images/icon_reform.gif) top left no-repeat; padding-left:72px; margin:5px 0 0 6px;}
.frame5 ul li.newhouse {background:url(../images/icon_newhouse.gif) top left no-repeat; padding-left:72px; margin:5px 0 0 6px;}
.frame5 h3.gray {font-size:14px;}

a.tab {margin-left:720px; display:block;}
a.tab1 {margin-left:500px; _margin-left:250px; display:block; float:left;}
a.tab2 {margin-left:10px; display:block; float:left;}

#pager {text-align:center; margin-top:50px;}
#pager span {padding:0 20px;}

/* ------------------------------------------------------------------------------------------
スペースを空ける
------------------------------------------------------------------------------------------ */
.space {padding-top:1em;}


/* ------------------------------------------------------------------------------------------
 ページ固有　トップページ
------------------------------------------------------------------------------------------ */
body#index #lft {width:730px;}

/* ------------------------------------------------------------------------------------------
 ページ固有　BACKNUMBER2つ枠：新築、リフォーム、学校
------------------------------------------------------------------------------------------ */

.frame1 {background:#f4f4f4; padding:5px 15px 0 15px; border-left:1px solid #ccc; border-right:1px solid #ccc; border-bottom:1px solid #ccc; }
.frame1 h3 {margin:0; padding:0;}
.frame1 .section {width:295px;}
.frame1 .section .floatLft {width:187px; margin-bottom:10px;}
.frame1 .section .floatLft h3 {font-size:16px; color:#6a4;}
.frame1 .section .floatLft h3.blue {color:#09c;}
.frame1 .section .floatLft h3 span {font-size:12px;}
.frame1 .section .floatLft p {margin-left:0;}
.frame1 .section .floatRgt {width:100px;}
.frame1 .section .floatRgt .btn_detail {margin:10px 0;}

/* ------------------------------------------------------------------------------------------
 ページ固有　実例紹介：新築、リフォーム、学校
------------------------------------------------------------------------------------------ */
#lft #content .data {margin:20px 200px 0 20px;}
#lft #content .data img {display:block; margin-bottom:10px;}
/*#lft #content .data h2 {margin:0; font-size:14px;}*/
#lft #content .data h2 {background:#eee; padding:3px 6px; margin:5px 0; font-weight:normal; font-size:12px;}
#lft #content .data ul {margin:0;}
#lft #content .data ul li {list-style:none; border-bottom:1px solid #ccc;}

/* ------------------------------------------------------------------------------------------
 ページ固有　/publicity.html
------------------------------------------------------------------------------------------ */
#lft #content dl.listPublicity {margin:20px 0 0 20px;}
#lft #content dl.listPublicity dt {float:left; width:90px; clear:left; padding-top:5px; font-weight:bold; color:#369;}
#lft #content dl.listPublicity dd {float:left; width:500px; border-left:1px solid #ddd; padding-bottom:0;}
#lft #content dl.listPublicity dd ul {margin-bottom:0;}
#lft #content dl.listPublicity dd ul li {margin-bottom:10px; line-height:18px;}

.blockPdf {width: 280px; margin: 0 10px 10px 0; padding: 10px 0 10px 10px; border: 1px dashed #9c0; float:left;}
.blockPdf img {margin: 0 10px 0 0; float: left;}
.blockPdf p {margin:0 0 0 55px;}

/* ------------------------------------------------------------------------------------------
 ページ固有　/knowledge/about.html
------------------------------------------------------------------------------------------ */
#note01,#note02,#note03 {height:0; overflow:hidden; visibility:hidden; margin:0;}

/* ------------------------------------------------------------------------------------------
 ページ固有　/ecopoint/getpoint.html
------------------------------------------------------------------------------------------ */
#lft .frame_contact {background:url(../ecopoint/images/frame_contact.gif) top left no-repeat; border-bottom:1px solid #f93; width:660px;}
#lft .frame_contact h2 {color:#f93; padding:65px 0 0 20px; font-size:16px; line-height:24px; margin:0;}
#lft .frame_contact dl {margin:15px 0 20px 20px; padding:0;}
#lft .frame_contact dl dt {margin:10px 0 0 0; padding:0; display:block; font-weight:bold;}
#lft .frame_contact dl dd {margin:0 0 0 15px; padding:0; display:block;}
#lft .frame_contact p {padding:50px 20px 20px 270px;}

/* ------------------------------------------------------------------------------------------
 ページ固有　/ecopoint/search.html
------------------------------------------------------------------------------------------ */
#lft #content ul.banner {margin-left:5px;}
#lft #content ul.banner li {float:left; width:200px; list-style:none;}

/* ------------------------------------------------------------------------------------------
 ページ郡固有　/ecopoint/exchange.html
------------------------------------------------------------------------------------------ */
.exchange dl{
	padding:0 0 20px 10px;
	}
.exchange dt{
	display:block;
	float:left;
	font-weight:bold;
	padding:10px 0 10px 0;
	}
.exchange dt.kKigen{
	width:170px;
}
.exchange dt.kMoshikomi{
	width:80px;
}
.exchange dt.kReform{
	padding-left:80px;
}
.exchange dd{
	display:block;
	padding:10px 0 10px 170px;
	background:url(../images/dotline.gif) repeat-x 0 bottom;
}
.exchangeBox h3{
	color:#333;
	padding:10px 0 5px 0;
}

.exchange .box{
	padding:10px;
	background:#FFFFE7;
	border:1px solid #DDD;}

/* ------------------------------------------------------------------------------------------
 ページ郡固有　/ecopoint/genzei.html
------------------------------------------------------------------------------------------ */
table#genzei {width:612px;}
table#genzei td {vertical-align:top; font-weight:normal; font-size:12px; line-height:140%;}
table#genzei td.tdGenzei { padding:10px; background:url('../ecopoint/images/bk_tbl_genzei_flat.gif') repeat-y right top;}
table#genzei td.last {background:none;}

.genzeiTable{
	width:613px;
}
.genzeiTable th{
	padding:7px;
	border:1.5px solid #090;
	background:#5CB837;
	color:#FFF;
	width:130px;
}
.genzeiTable td{
	padding:7px;
	border:1.5px solid #090;
	background:#FFF;
}

.genzeiTable td.status1{
	background:#DEF1D7;
	text-align:center;
	width:50px;
}
.genzeiTable td.status2{
	background:#ffffcc;
	text-align:center;
	width:50px;
}

.genzeiMap{
	position:relative;
	margin:10px 0 0 15px;
}
.genzeiMap h4{
	padding:10px 0 2px 3px;
}

.mapTxt{
	position:absolute;
	top:41px;
	left:27px;
	width:366px;
}
.btnHkkaido{position:absolute;top:21px;left:427px;}
.btnYanagata{position: absolute;top:189px;left:418px;}
.btnFukui{position: absolute;top:258px;left:324px;}
.btnChiba{
	position: absolute;
	top:283px;
	left:511px;
	width: 44px;
}
.btnTokyo{position: absolute;top:292px;left:448px;}
.btnShizuoka{position: absolute;top:335px;left:408px;}
.btnAichi{position: absolute;top:335px;left:366px;}
.btnShiga{position: absolute;top:308px;left:324px;}
.btnOkayama{position: absolute;top:270px;left:229px;}
.btnHiroshima{position: absolute;top:270px;left:199px;}
.btnYamaguchi{position: absolute;top:270px;left:163px;}
.btnFukuoka{position: absolute;top:270px;left:108px;}
.btnSaga{position: absolute;top:270px;left:79px;}
.btnNagasaki{position: absolute;top:270px;left:49px;}

/* ------------------------------------------------------------------------------------------
 ページ郡固有　/ecopoint/genzei2.html,
------------------------------------------------------------------------------------------ */
#content ul#genzeiCondition li{ list-style:none none ; color:#66AA44; font-size:16px;}

/* ------------------------------------------------------------------------------------------
 ページ固有　FAQ
------------------------------------------------------------------------------------------ */
dl.faq {margin:0;}
dl.faq dt {padding:2px 0 5px 40px; margin:40px 0 0 0; font-weight:bold; display:block;
	background:url(../images/icon_q.gif) top left no-repeat;}
dl.faq dd {padding:0px 0 5px 40px; margin:10px 0 0 15px; display:block; 
	background:url(../images/icon_a.gif) top left no-repeat;}
dl.faq dd div {margin-top:0;}

/* ------------------------------------------------------------------------------------------
ページ固有　エコポイントFAQ
------------------------------------------------------------------------------------------ */
dl#faq2 {margin:0;}
dl#faq2 dt {padding:2px 0 5px 47px; margin:30px 0 0 0; font-weight:bold; display:block;}
dl#faq2 dd {padding:2px 0 5px 40px; margin:10px 0 0 25px; display:block;}
dl#faq2 dt.q1 {background:url(../ecopoint/images/icon_q1.gif) top left no-repeat;}
dl#faq2 dt.q2 {background:url(../ecopoint/images/icon_q2.gif) top left no-repeat;}
dl#faq2 dt.q3 {background:url(../ecopoint/images/icon_q3.gif) top left no-repeat;}
dl#faq2 dt.q4 {background:url(../ecopoint/images/icon_q4.gif) top left no-repeat;}
dl#faq2 dt.q5 {background:url(../ecopoint/images/icon_q5.gif) top left no-repeat;}
dl#faq2 dd.a1 {background:url(../ecopoint/images/icon_a1.gif) top left no-repeat;}
dl#faq2 dd.a2 {background:url(../ecopoint/images/icon_a2.gif) top left no-repeat;}
dl#faq2 dd.a3 {background:url(../ecopoint/images/icon_a3.gif) top left no-repeat;}
dl#faq2 dd.a4 {background:url(../ecopoint/images/icon_a4.gif) top left no-repeat;}
dl#faq2 dd.a5 {background:url(../ecopoint/images/icon_a5.gif) top left no-repeat;}

/* ------------------------------------------------------------------------------------------
ページ固有　お問い合わせ
------------------------------------------------------------------------------------------ */
dl.contactList {margin:35px 0 0 10px;}
dl.contactList dt {display:block; float:left; width:210px; clear:left; margin:0 0 15px 0;}
dl.contactList dd {display:block; float:left; width:450px; margin:0 0 15px 0;}

/* ------------------------------------------------------------------------------------------
ページ固有　サイトマップ
------------------------------------------------------------------------------------------ */
#lft #content ul.sitemap {margin:20px 0 0 20px;}
#lft #content ul.sitemap ul {margin:0;}
#lft #content ul.sitemap li {padding:0 0 2px 25px; background:url(../images/icon_link.gif) top left no-repeat; list-style:none;}

/* ------------------------------------------------------------------------------------------
ページ固有　検索結果
------------------------------------------------------------------------------------------ */
#cse-search-results {margin-top:10px;}
#cse-search-results iframe {overflow:hidden;}

/* ------------------------------------------------------------------------------------------
ページ固有　ポップアップ　フォーム
　メールマガジン登録・解除フォーム / ロゴダウンロード申請フォーム
------------------------------------------------------------------------------------------ */
body#popform {padding:10px;}
body#popform table {font-size:12px; line-height:18px;}

/* ------------------------------------------------------------------------------------------
ページ固有　バックナンバー一覧 ／ 新築・リフォーム・デンマークからの手紙
------------------------------------------------------------------------------------------ */
.frame2col {background:#fff; width:320px; float:left;}
.frame2col .inner { border:1px solid #ccc; margin:5px 5px 0 0; padding:15px 20px 0 20px; height:170px;}
.frame2col h3 {color:#333; border-bottom:1px solid #ccc; padding-bottom:0px; margin-bottom:10px;}
.frame2col h4 {margin-bottom:0;}
.frame2col p {width:210px; margin-bottom:5px; margin-top:0;}

.frame2col_h {background:#fff; width:320px; float:left;}
.frame2col_h .inner {
	border:1px solid #ccc;
	height:210px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 15px;
	padding-right: 20px;
	padding-bottom: 0;
	padding-left: 20px;
}
.frame2col_h h3 {color:#333; border-bottom:1px solid #ccc; padding-bottom:0px; margin:0 0 10px 0;}
.frame2col_h h4 {margin-bottom:0;}
.frame2col_h p {width:210px; margin-bottom:5px; margin-top:0; padding-top:0;}
.frame2col_h p.relaseSpan {margin:0; padding:0;}
.frame2col_h .floatRgt {margin-top:0px;}