@charset "utf-8";

/*default*/

*{
margin:0;
padding:0;
color:#333;
font-family:"lr oSVbN", Osaka, "qMmpS Pro W3",verdana,arial,sans-serif;
line-height:1.0;
}


									/*link text*/

a:link{
color:#5b5b5b;
text-decoration:none;
}
a:visited{
color:#5b5b5b;
text-decoration:none;
}
a:hover{
color:#5b5b5b;
text-decoration:underline;
}
a:active{
color:#5b5b5b;
text-decoration:underline;
}

									/*image*/

img{
border:0;
}



									/*seo*/

div#seo{
width:auto;
height:37px;
background-color:#C6C6C6;
}

div#seofoot{
width:auto;
height:5px;
background:#ffffff url("images/top/top_border.gif") repeat-x;
}

div#seoR{
width:450px;
height:35px;
padding-top:2px;
background-color:#C6C6C6;
float:right;
position:absolute;
left:360px;
}

div#seoL{
width:350px;
height:35px;
padding-top:2px;
background-color:#C6C6C6;
float:left;
}

div#seoL h1{
font-size:11px;
color:#333333;
}

div#seoL a{
font-size:0px;
position:absolute;
top:-1000px;
color:#333333;
}

div#seoR p em{
font-size:11px;
padding-top:6px;
color:#333333;
}

div#seoR p strong{
font-size:11px;
padding-top:6px;
color:#333333;
}


									/*container*/

div#container{
width:800px;
margin-left:0;
padding-top:0;
border:0;
}

									/*header*/

div#header{
width:800px;
background-color:#FFFFFF;
}

/*ロゴ*/
div#logo{
float:left;
width:166px;
height:64px;
padding-bottom:1px;
background-color:#FFFFFF;
}

/*メール、ブログ、サイトマップ*/
div#logo h2{
padding-left:14px;
}

div#headerR{
float:right;
width:634px;
height:64px;
}

div#navigator{
float:right;
padding-bottom:1px;
height:25px;
}

div#navigator ul{
padding-left:469px;
}

div#mailto{
float:right;
height:38px;
}

div#mailto p{
padding-left:469px;
}

ul#navi{
    list-style:none;
    width:100%;
}
ul#navi li{
    list-style:none;
    float:left;
    width:82px;
}
ul#navi li a{
    display:block;
    width:82px;
    height:25px;
    text-indent:-100px;
    overflow:hidden;
}

a.sitemap{
background-image:url(images/menu/sitemaps.gif);
}

a:hover.sitemap{
    background-position:0px -25px;
}

a.blog{
background-image:url(images/menu/blog.gif)
}

a:hover.blog{
background-position:0px -25px;
}

a.home{
background-image:url(images/menu/homes.gif)
}

a:hover.home{
background-position:0px -25px;
}

div#headspace{
float:right;
width:799px;
height:1px;
overflow:hidden;
background-color:#FFFFFF;
color:#FFFFFF;
}

									/*menu*/

div#menu{
position:relative;
left:0;
width:800px;
background-color:#FFF;
}

div#menu_top{
position:relative;
left:0;
width:800px;
}

div#menuText{
float:left;
width:155px;
height:22px;
background:url("images/top/bmid_035.gif");
margin-left:10px;
}

*html body div#menuText{  /*IE6用ハック*/
float:left;
width:155px;
height:22px;
background:url("images/top/bmid_035.gif");
margin-left:5px;
}

div#menuText_top{
float:left;
width:165px;
height:22px;
background:url("images/top/bmid_035.gif");
}

div#menuText_top h3,
div#menuText h3{
padding-left:18px;
padding-top:6px;
font-size:12px;
font-weight:bold;
color:#222222;
}

div#menuText h3.red{
color:#FF0000;
}

div#MainMenu{
width:635px;
height:22px;
background: url("images/top/bmid_035.gif");
float:right;
}


div#tab{
	margin:0;
	top:0;
}
div#tab ul 
{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}

div#tab li {
	display:inline;
	float:left;
	margin:0 0 0 0 ;
	padding:0;
}
div#tab a 
{
	background:#000000 url("images/top/bright_035.gif") no-repeat right top;
	margin:0;
	padding:0;
	text-decoration:none;
	border:0;
	display:block;
	float:left;
}
div#tab a span 
{
	display:block;
	background:url("images/top/bleft_035.gif") no-repeat left top;
	padding:0 8px 0 8px;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3",verdana,arial,sans-serif;
	font-size:12px;
	color:#FFFFFF;
	font-weight:normal;
	line-height:22px;
}
div#tab a:hover,#tab li.item_active a 
{
	background-position:right bottom;
	border-color:#FFF;
}
div#tab a:hover span,#tab li.item_active a span 
{
	background-position:left bottom;
	color:#FFFFFF;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv
{
	position:absolute;
	top:0;
	float:left;
	display:block;
	visibility:hidden;
	border:0 solid #FFF;
	background: url("images/top/bmid_035.gif");
	color:#FFFFFF;
	z-index:100;
	text-decoration:none;
	padding:0;
}
.dropmenudiv ul 
{
	margin:0;
	padding:0;
	list-style:none;
}
.dropmenudiv li 
{
	display:inline;
	margin:0;
	padding:0;
}
.dropmenudiv a:link, .dropmenudiv a:visited
{
	width:300px;
	margin:0 0 0 0 ;
	padding:0;
	display:block;
	border:0 solid #FFF;
	color:#FFFFFF;
	background:url("images/top/bleft_035.gif") no-repeat left top;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
}
.dropmenudiv a span 
{
	float:left;
	display:block;
	line-height:22px;
	background:url("images/top/bright_035.gif") no-repeat right top;
	padding:0 18px 0 16px;
	font-family:"lr oSVbN", Osaka, "qMmpS Pro W3",verdana,arial,sans-serif;
	font-size:11;
	color:#FFFFFF;
}
.dropmenudiv a span 
{
	float:none;
}
.dropmenudiv a:hover
{
	border:0 solid #FFF;
	background-position:left bottom;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	color:#FFFFFF;
}
.dropmenudiv a:hover span 
{
	background-position:right bottom;
	color:#FFFFFF;
	font-weight:normal;
}

									/*body*/

div#body{
width:800px;
height:374px;
}

div#body hr{
height:1px;
color:#5b5b5b;
}

hr.space{
height:30px;
color:#FFF;
border:0 none;
margin:20px;
background-color:#FFF;
}

/*トップページ用*/
div#flash{
width:530px;
height:374px;
float:left;
background-color:#5b5b5b;
border-top:solid 1px #FFF;
border-bottom:solid 5px #5b5b5b;
}


div#news{
width:270px;
height:374px;
float:right;
background-color:#fff;
border-top:solid 1px #FFF;
border-bottom:solid 5px #5b5b5b;
}

div#newsR{
width:255px;
height:374px;
float:right;
padding-right:5px;
overflow:auto;
vertical-align:bottom;
scrollbar-base-color:#fff;
scrollbar-face-color:#fff;
scrollbar-arrow-color:#fff;
scrollbar-shadow-color:#5b5b5b;
scrollbar-darkshadow-color:#fff;
scrollbar-highlight-color:#5b5b5b;
scrollbar-3dlight-color:#fff;
scrollbar-track-color:#fff;
}

div#newsR dl dd{
font-size:12px;
line-height:18px;
color:#5b5b5b;
padding-bottom:0.5em;
}

div#newsR dl dt{
color:#5b5b5b;
font-size:12px;
line-height:18px;
height:12px;
padding-bottom:0.5em;
}

div#newsR h3{
font-size:12px;
color:#5b5b5b;
line-height:28px;
font-weight:bold;
}

div#newsR h3.red{
color:#FF0000;
}

div#newsR a{
font-size:12px;
line-height:18px;
font-weight:bold;
}

div#newsR hr{
height:1px;
width:95%;
color:#CCCCCC;
}

									/*sidebar*/

div#sidebar{
width:166px;
float:left;
margin:0;
padding:0;
border-top:solid 1px #FFF;
}

div#sidebar ul#sidebar{
display:block;
position:fixed;
top:90px;
}

/*リスト*/
#sidebar ul li{
line-height:16px;
font-size:12px;
margin:5px 0 5px 21px;
list-style-type:none;
color:#ccc;
width:145px;
}

#sidebar ul li.main{
margin-top:10px;
border-bottom:solid 1px #FFF;
color:#FFFFFF;
font-weight:bold;
padding-bottom:10px;
}

#sidebar ul li.main a,
#sidebar ul li a{
color:#FFFFFF;
}

/*テーブル*/
div#sidebar table{
width:164px;
border-collapse:collapse;
border-spacing:0;
padding-right:1px;
}

div#sidebar table thead tr td{
margin:0px;
border-top:solid 20px #5b5b5b;
padding-top:3px;
padding-bottom:3px;
padding-left:15px;
border-bottom:solid 1px #FFFFFF;
font-size:12px;
font-style:normal;
font-weight:normal;
background-color:#FFFFFF;
color:#000000;
}

div#sidebar table thead tr td a{
color:#000000;
}

div#sidebar table tbody tr td{
margin:0px;
padding-top:3px;
padding-bottom:3px;
padding-left:15px;
border-bottom:solid 1px #FFFFFF;
font-size:12px;
color:#FFFFFF
}

div#sidebar h3{
padding-top:30px;
padding-left:12px;
}

									/*data*/

div#data{
position:absolute;
left:740px;
top:80px;
color:#FFFFFF;
}

.nav-container{
display:block;
cursor:default;
position:state;
zoom:1;
}

.nav-container a, 
.nav-container li{
display:block;
}

.nav-container li{
list-style:none;
}

.nav-container li ul{
position:absolute;
top:20px;
left:-10000px;
z-index:20;
}

.nav-container li:hover>ul{
position:absolute;
top:20px;
left:auto;
}

#nav-container li a{
font-size:12px;
text-decoration:none;
}

#nav-container li ul{
padding:0 15px 15px 15px;
background-color:#333333;
}

#nav-container li ul li{
width:200px;
color:#FFFFFF;
font-size:12px;
line-height:20px;
padding-left:15px;
}

									/*contents*/

div#contents{
background-color:#FFFFFF;
width:634px;
float:right;
border-top:solid 1px #FFF;
}

div#contents h2{
font-size:18px;
text-indent:10px;
}

div#contents a{
color:#000000
}

div#contents p{
font-size:12px;
line-height:20px;
color:#5b5b5b;
border-bottom:solid 8pix #FFFFFF;
padding-left:15px;
padding-bottom:1em;
}

div#contents p.strong{
font-weight:bold;
padding-top:20px;
}

div#contents p.strong_r{
font-weight:bold;
padding-top:20px;
color:red;
}

div#contents p.bold{
font-weight:bold;
}

div#contents p.top{
padding-left:20px;
padding-top:20px;
}

div#contents p.center{
text-align:center;
}

div#contents p strong.red{
color:#FF0000;
}

div#head,
div#head_ph,
div#head_a,
div#head_s,
div#head_c,
div#head_p{
height:20px;
border-top:solid 8px #FFFFFF;
padding-left:15px;
padding-top:8px;
margin-left: 15px;
margin-bottom:10px;
}

div#head_ph{
background-color:#538395;
}

div#head_a{
background-color:#CFB791;
}

div#head_s{
background-color:#D1C89C;
}

div#head_c{
background-color:#ADADA8;
}

div#head_p{
background-color:#CBB694;
}

div#head_p h3,
div#head_a h3,
div#head_ph h3,
div#head h3{
color:#FFFFFF;
font-size:12px;
font-weight:bold;
}

div#head_c h3,
div#head_s h3{
color:#333;
font-size:12px;
font-weight:bold;
}

/*家づくりの考え方*/
div#contents ul{
padding:20px 0 20px 0;
}

div#contents ul.phil li{
font-size:12px;
font-weight:bold;
list-style-type:circle;
line-height:20px;
color:#5b5b5b;
margin-left:90px;
}

div#contents ul.sahou li{
font-size:12px;
list-style-type:circle;
line-height:20px;
color:#5b5b5b;
margin-left:50px;
}

div#contents ul.sahou li.sahou2{
margin-left:70px;
list-style-type:disc;
}

/*更新履歴*/
div#history {
font-size:12px;
line-height:20px;
color:#333;
}

div#history ul li{
height:24px;
list-style:none;
}

div#history ul li.histl{
width:140px;
text-indent:30px;
float:left;
}

div#history ul li.histr{
width:auto;
}

/*家ができるまで*/
#budget{
font-size:12px;
}

#budget ul li.budget{
line-height:16px;
color:#5b5b5b;
margin-left:40px;
padding-top:10px;
list-style-type:none;
}

#budget ul li.phil_b{
line-height:16px;
color:#5b5b5b;
margin-left:40px;
padding-top:20px;
list-style-type:none;
font-weight:bold;
}


#budget ul li.phil,
#budget ul li.phil a{
font-weight:bold;
line-height:20px;
color:#5b5b5b;
padding-left:40px;
padding-top:10px;
list-style-type:none;
}

/*サイトマップ*/
p.site a{
font-size:12px;
text-indent:40px;
line-height:14px;
}

/*業務内容*/
ul#business{
margin:0 0 0 30px;
padding:0;
border:0;
display:block;
top:-20px;
position:relative;
}

ul#business li,
ul#business li a{
list-style:none;
font-size:12px;
line-height:1.5em;
color:#5b5b5b;
}

	li.business_h1{
	margin:15px 0 0 10px;
	font-weight:bold;
	padding-bottom:10px;
	}

	li.business_h2{
	margin:10px 0 0 40px;
	font-weight:bold;
	padding-bottom:10px;
	}
	
	li.business_p{
	margin:0 0 10px 20px;
	}
	
	li.business_p2{
	margin:0 0 10px 50px;
	}

/*事務所概要（プロフィール、業務実績、スタッフ近況）*/
div#about{
}

	div#about ul li{
	font-size:12px;
	line-height:20px;
	padding-left:20px;
	list-style-type:none;
	}

	div#about ul li.link{
	text-indent:30px;
	line-height:20px;
	}

	div#about ul li.link a{
	text-indent:30px;
	font-weight:bold;
	line-height:20px;
	}

	div#about ul li.strong{
	font-weight:bold;
	line-height:20px;
	}

	div#about ul li.indent{
	text-indent:40px;
	}

div#map{
width:550px;
height:405px;
display:block;
padding-left:80px;
}

table#result{
padding:5px;
position:relative;
left:40px;
width:550px;
color:#333333;
}

	table#result caption.result{
	font-weight:bold;
	color:#333333;
	text-align:left;
	font-size:12px;	
	height:20px;
	padding:30px 0 10px 0;
	}
	
	table#result caption span.sub{
	padding-left:20px;
	font-weight:normal;
	}
	
	table#result thead tr.result th,
	table#result tbody tr.result th{
	text-align:left;
	height:20px;
	font-size:10px;
	}
	
	table#result tbody th.name,
	table#result thead th.name{
	width:190px;
	}

	table#result tbody th.str,
	table#result thead th.str{
	width:160px;
	}

	table#result tbody th.cont,
	table#result thead th.cont{
	width:80px;
	}

	table#result tbody th.site,
	table#result thead th.site{
	width:100px;
	}
	
	table#result tbody tr.result th{
	font-weight:normal;
	}


/*カウンセリング*/
div#counceling ul li a,
div#counceling ul li{
position:relative;
left:50px;
font-size:12px;
line-height:16px;
text-indent:30px;
list-style-type:upper-alpha;
}

ul#counsform{
list-style:none;
width:100%;
padding-top:8px;
padding-bottom:8px;
}

ul#counsform li{
float:left;
width:170px;
position:relative;
left:453px;
}

ul#counsform a{
display:block;
width:170px;
height:25px;
text-indent:-300px;
overflow:hidden;
}

a.counsform{
background-image: url(images/menu/counsform.gif)
}

a:hover.counsform{
background-position:0px -25px;
}


/*土曜住宅サロン*/
ul#shsform{
list-style:none;
width:100%;
padding-top:8px;
padding-bottom:8px;
}

ul#shsform li{
float:left;
width:190px;
position:relative;
left:453px;
}

ul#shsform a{
display:block;
width:190px;
height:25px;
text-indent:-300px;
overflow:hidden;
}

a.shsform{
background-image: url(images/menu/shsform.gif)
}

a:hover.shsform{
background-position:0px -25px;
}

table#shs{
padding:5px;
position:relative;
left:5px;
text-align:left;
width:625px;
color:#333333;
}

	table#shs caption.shs{
	font-weight:bold;
	color:#333333;
	text-align:left;
	font-size:12px;
	height:auto;
	padding-top:50px;
	padding-bottom:20px;
	}
	
	table#shs caption span.sub{
	font-weight:normal;
	}
	
	table#shs tbody tr th{
	height:30px;
	font-size:10px;
	font-weight:normal;
	}
	
	table#shs tbody th.number{
	width:35px;
	}

	table#shs tbody th.date{
	width:100px;
	}

	table#shs tbody th.theme{
	width:230px;
	font-weight:bold;
	}

	table#shs tbody th.cont{
	width:260px;
	}
	
	
/*内覧会*/
ul#eventform{
list-style:none;
width:100%;
padding-top:8px;
padding-bottom:8px;
}

ul#eventform li{
float:left;
width:125px;
position:relative;
left:498px;
}

ul#eventform a{
display:block;
width:125px;
height:25px;
text-indent:-300px;
overflow:hidden;
}

a.eventform{
background-image: url(images/menu/eventform.gif)
}

a:hover.eventform{
background-position:0px -25px;
}

ul.list li{
list-style:circle;
margin-left:40px;
font-size:12px;
line-height:16px;
color:#5b5b5b;
}

ul.list li.head{
list-style:none;
margin-left:10px;
line-height:20px;
}

/*スタッフ近況*/
div#staff{
width:630px;
height:auto;
padding-bottom:50px;
}

div#staff p.staff{
text-indent:25px;
font-weight:bold;
}

div#staff_pic{
width:160px;
height:160px;
border:0;
padding-left:50px;
float:left;
}

div#staff_dia{
width:400px;
position:relative;
left:20px;
font-size:11px;
line-height:13px;
}

div#staff_dia p.name{
font-weight:bold;
padding-bottom:0.5em;
}


/*設計事例（個別）*/
div#pics{
position:relative;
left:15px;
width:619px;
clear:both;
}

div#picsFull{
padding-top:8px;
}

div#picsHalf{
float:left;
width:300px;
padding-top:8px;
}

div#textHalf{
float:right;
width:310px;
padding-top:8px;
}

div#text1{
height:300px;
}

div#text2{
height:120px;
}

div#picL{
float:left;
}

div#picR{
float:right;
width:150px;
}

div#picsTwoThird{
float:left;
width:400px;
padding-top:8px;
}

div#textOneThird{
float:right;
width:210px;
padding-top:8px;
}

/*Footer*/
div#contentFooter{
width:634px;
clear:both;
}

div#contentFooter p{
text-align:right;
padding-top:5px;
}

div#footerAq{
width:634px;
height:41px;
}

div#footerline{
width:634px;
height:3px;
margin-top:10px;
}

div#footerline hr{
line-height:1px;
color:#5b5b5b;
}

ul#aq{
list-style:none;
width:100%;
padding-top:8px;
padding-bottom:8px;
}

ul#aq li{
float:left;
width:88px;
position:relative;
left:535px;
}

ul#aq a{
display:block;
width:88px;
height:25px;
text-indent:-1000px;
overflow:hidden;
}

a.aq{
background-image:url(images/menu/toiawase.gif)
}

a:hover.aq{
background-position:0px -25px;
}

div#footerLight{
width:634px;
height:25px;
background-color:#999999;
color:#999999;
margin-top:10px;
}

div#footerDark{
width:634px;
height:25px;
background-color:#5b5b5b;
margin-bottom:15px;
color:#5b5b5b;
}

									/*------FAQ------*/

div#fq{
margin-bottom:5px;
margin-top:5px;
padding:20px 5px 5px 15px;
clear:both;
background:url(images/base/faq_bg.gif) no-repeat;
background-position:top;
}

div#fa{
margin-bottom:5px;
margin-top:5px;
padding:5px 5px 5px 15px;
clear:both;
}

div#aq{
float:left;
width:35px;
height:15px;
}

div#aq p{
font-size:12px;
color:#5b5b5b;
}

div#faqtext {
float:left;
width:550px;
}

div#faqtext p{
font-size:12px;
padding-left:5px;
color:#5b5b5b;
}

div#faqbg {
background:url(images/base/faqbg.jpg) no-repeat;
position:absolute;
left:700px;
top:127px;
width:100px;
height:1000px;
}

									/*footer*/

div#footer{
width:800px;
height:75px;
}

div#footerL{
width:420px;
height:55px;
padding-left:20px;
padding-top:10px;
margin-top:10px;
float:left;
background-color: #FFFFFF;
}

	div#footerL address#footer,
	div#footerL p#footer{
	font-size:10px;
	height:13px;
	color:#333333;
	font-style:normal;
	}

	div#footerL em{
	font-size:12px;
	height:13px;
	color:#333333;
	font-style:normal;
	font-weight:bold;
	}

	div#footerL a{
	font-size:10px;
	color:#333333;
	font-style:normal;
	}

div#copyright{
width:350px;
height:50px;
padding-top:15px;
text-align:right;
float:right;
margin-top:10px;
}


	div#copyright p#copyright{
	font-size:10px;
	padding-top:35px;
	color:#333333;
	}