@charset 'Shift_JIS';

/************* こだわりの家造り ***************/

p,div,h3,h4,ul,ol{
margin:0px; padding:0px;
}
h3.menu{
width:170px;
background-image:url(../images/bg_menu.gif);
background-repeat:no-repeat;
font-size: 90%;
color:#777777;
font-weight:bold;
line-height: normal;
padding:15px 0px 8px 30px;
display: block;
}
h3.menu a{
text-decoration:none !important;
}
h3.menu a:visited, a:link, a:active{
color:#777777;
}
h3.menu a:hover{
color:#339900;
}
h3.menud{
width:170px;
background-image:url(../images/bg_menud.gif);
background-repeat:no-repeat;
font-size: 90%;
color:#777777;
font-weight:bold;
line-height: normal;
padding:13px 0px 7px 30px;
display: block;
}
h3.menud a{
text-decoration:none !important;
}
h3.menud a:visited, a:link, a:active{
color:#777777;
}
h3.menud a:hover{
color:#339900;
}
.linker{width:170px;display: block;}
a.linker{width:170px;display: block;}
#lmenu {
	width:200px;
	background-image:url(../images/category/bg_menuplan.gif);
	background-repeat:repeat-y;
	overflow:hidden;
}
#lmenu ul {
	margin: 0px;
	padding:0px 5px 0px 30px;
}
#lmenu ul.folder {
	margin: 6px 0 6px 0;
	padding:0px 5px 0px 30px;
}
#lmenu li {
	margin: 4px 0px;
	font-size: 75%;
	color:#777777;	
	list-style-type: none;
	line-height:14px;
	list-style-image: none ;
	background:url(../images/category/icon_PLAN.gif) no-repeat left 5px;
	list-style-position: outside;
	padding: 0px 3px 0px 10px;
}
#lmenu li h4{
	font-size:100%;
	font-weight:400;
	margin:0;
	padding:0;
}
#lmenu li a:visited,a:active,a:link { text-decoration:none;color:#777777;}
#lmenu li a:hover{ text-decoration:none;color:#339900;}
#lmenu img{
	 display:block;
	 float:left;
	 margin:6px 0 0 6px;
}
* html #lmenu img { margin:6px 0 0 3px;; } 
#headerplan{
background-image:url(../../cost/images/bg_header.gif);
background-repeat:no-repeat;
height:30px;
padding:8px 0px 0px 20px ;
}
#Derc{
margin:20px 0px 20px 10px;
font-size:80%;
color:#999999;
line-height:18px;
}
h3.tlheader{
font-size:90%;
color:#FFFFFF;
font-weight:bold;
}
.txtplan{
font-size:80%;
width:240px;
color:#777777;
line-height:18px;
padding:5px 10px 10px 10px;
height:75px;
}
#blockleft{
width:255px;
margin-left:5px;
background-image:url(../images/category/content_block.gif);
background-repeat:repeat-y;
overflow:hidden;
float:left;
}
h3.tl_block2{
font-size:90%;
font-weight:bold;
color:#339900; 
padding:8px 0px 0px 25px;
background-image:url(../images/category/header_block.gif);
background-repeat:no-repeat;
height:25px;
}

h3.tl_block a:active,a:hover{
color:#339900; 
}

h4.tl_block2{
font-size:90%;
font-weight:bold;
color:#339900; 
padding:8px 0px 0px 25px;
background-image:url(../images/category/header_block.gif);
background-repeat:no-repeat;
height:25px;
}

h4.tl_block a:active,a:hover{
color:#339900; 
}

/************* css for search page ***************/
#headersearch{
background-image:url(../../stick/images/bg_tl.gif);
background-repeat:repeat-x;
width:510px;
height:34px;
padding:0px 0px 0px 20px ;
border:1px solid #d8d8d8;
}
.tlheadersearch{
font-size:120%;
color:#767676;
font-weight:bold;
margin-top:5px;
}

#bolcksearch{
border-left:1px solid #d8d8d8;
border-right:1px solid #d8d8d8;
border-bottom:1px solid #d8d8d8;
width:502px;
padding:14px;
overflow:auto;
}
#tl_search{
background-image:url(../../stick/images/bg_header.gif);
background-repeat:no-repeat;
height:25px;
padding:0px 20px;
}
.tlsearch{
font-size:90%;
color:#616265;
font-weight:bold;
padding-top:5px;
}
#pro{
padding-top:17px;
}
#pro div.picture{
border:1px solid #d8d8d8;
width:320px;
height:240px;
float:left;
}
#pro div.description{
padding-left:12px;
float:right;
width:163px;
margin:0px 0px 3px 0px;
}
#pro div.txt{
float:right;
width:90px;
font-size:80%;
color:#616265;
line-height:110%;
}
.marginT7{margin-top:7px;}

hr.clear {
    clear:both;
    height:0;
    visibility:hidden;
    border:0;
}
.tlheader{
font-size:90%;
color:#FFFFFF;
font-weight:bold;
}