@charset "utf-8";

*{
margin:0px;
padding:0px;
}

body {
	font-size: 80%;
	background: url(image/common/bg_dot_a.gif);
	text-align:center;
}


#page_top{
border-bottom:1px solid #d8d8bf;
text-align:center;
}
#page_top_in{
width:980px;
text-align:left;
margin:0px auto;
border-left:1px solid #d8d8bf;
border-right:1px solid #d8d8bf;
background: url(image/common/bg_dot_b.gif);
}
#page{
width:980px;
text-align:left;
margin:0px auto;
border-left:1px solid #d8d8bf;
border-right:1px solid #d8d8bf;

background: url(image/common/page_bg.gif) #FFF;
}
#page_bottom{
border-top:1px solid #d8d8bf;
text-align:center;
}
#page_bottom_in{
width:980px;
height:68px;
text-align:left;
margin:0px auto;
border-left:1px solid #d8d8bf;
border-right:1px solid #d8d8bf;
background: url(image/common/page_bottom_bg.gif);
}


.menu_cover{
background: url(image/common/bg_cover.gif);
width:310px;
height:50px;
}


#menu{
width:310px;
float:left;
}
#main{
width:670px;
float:left;
}
#footer{
float:right;
text-align:right;
width:650px;
padding:10px 10px;
margin-top:25px;
border-top:solid 3px #888;
color:#333;
font-size:11px;
line-height:180%;
}



#menu div.mainmenu{
width:166px;
float:left;
}
#menu div.submenu{
width:144px;
float:right;
}

#menu div.containor{
background-color:#fff;
padding:14px 0px 26px;
height:470px;
}
ul#navigation{
list-style:none;
}
ul#navigation li{
list-style:none;
width:166px;
height:38px;

}
ul#navigation li a{
display:block;
width:166px;
height:38px;
background: url(image/common/menu.gif) no-repeat;
}
ul#navigation li span{
display:none;
}
/*margin*/
ul#navigation li.link,
ul#navigation li.blog{
margin-top:20px;
}

/*
画像表示調整
横移動 縦移動

-縦移動 メニュー項目ごと
--1項目につき -38px
-横移動 normal over self
--normal 0px 
--over -166px
--self -232px
*/
ul#navigation li.top a{
background-position:0px 0px;
}
ul#navigation li.housemaker a{
background-position:0px -38px ;
}
ul#navigation li.consulting a{
background-position:0px -76px;
}
ul#navigation li.interior a{
background-position:0px -114px;
}
ul#navigation li.company a{
background-position:0px -152px;
}
ul#navigation li.modelhouse a{
background-position:0px -190px;
}
ul#navigation li.video a{
background-position:0px -228px;
}
ul#navigation li.link a{
background-position:0px -266px;
}
ul#navigation li.inquiry a{
background-position:0px -304px;
}
ul#navigation li.privacy a{
background-position:0px -342px;
}
ul#navigation li.blog a{
background-position:0px -380px;
}
ul#navigation li.member a{
background-position:0px -418px;
}

/* over */
ul#navigation li.top a:hover{
background-position:-166px 0px;
}
ul#navigation li.housemaker a:hover{
background-position:-166px -38px ;
}
ul#navigation li.consulting a:hover{
background-position:-166px -76px;
}
ul#navigation li.interior a:hover{
background-position:-166px -114px;
}
ul#navigation li.company a:hover{
background-position:-166px -152px;
}
ul#navigation li.modelhouse a:hover{
background-position:-166px -190px;
}
ul#navigation li.video a:hover{
background-position:-166px -228px;
}
ul#navigation li.link a:hover{
background-position:-166px -266px;
}
ul#navigation li.inquiry a:hover{
background-position:-166px -304px;
}
ul#navigation li.privacy a:hover{
background-position:-166px -342px;
}
ul#navigation li.blog a:hover{
background-position:-166px -380px;
}
ul#navigation li.member a:hover{
background-position:-166px -418px;
}


/* self */

.self_top ul#navigation li.top a{
background-position:-332px 0px;
}
.self_housemaker ul#navigation li.housemaker a{
background-position:-332px -38px ;
}
.self_consulting ul#navigation li.consulting a{
background-position:-332px -76px;
}
.self_interior ul#navigation li.interior a{
background-position:-332px -114px;
}
.self_company ul#navigation li.company a{
background-position:-332px -152px;
}
.self_modelhouse ul#navigation li.modelhouse a{
background-position:-332px -190px;
}
.self_video ul#navigation li.video a{
background-position:-332px -228px;
}
.self_link ul#navigation li.link a{
background-position:-332px -266px;
}
.self_inquiry ul#navigation li.inquiry a{
background-position:-332px -304px;
}
.self_privacy ul#navigation li.privacy a{
background-position:-332px -342px;
}
.self_blog ul#navigation li.blog a{
background-position:-332px -380px;
}
.self_member ul#navigation li.member a{
background-position:-332px -418px;
}


/*sub menu*/
ul#navigation_sub{
list-style:none;
}
ul#navigation_sub li{
list-style:none;
width:144px;
height:28px;

}
ul#navigation_sub li a{
display:block;
width:144px;
height:28px;
background: url(image/common/menu_sub.gif) no-repeat;
}
ul#navigation_sub li span{
display:none;
}

/*
画像表示調整
横移動 縦移動

-縦移動 メニュー項目ごと
--1項目につき -28px
-横移動 normal over self
--normal 0px 
--over -144px
--self -288px
*/
ul#navigation_sub li.concept a{
margin-top:36px;
background-position:0px 0px;
}
ul#navigation_sub li.style_a a{
background-position:0px -28px;
}
ul#navigation_sub li.style_b a{
background-position:0px -56px;
}
ul#navigation_sub li.style_c a{
background-position:0px -84px;
}
ul#navigation_sub li.style_d a{
background-position:0px -112px;
}
ul#navigation_sub li.rog a{
background-position:0px -140px;
}
ul#navigation_sub li.ashikaga a{
margin-top:188px;
background-position:0px -168px;
}

/*over*/
ul#navigation_sub li.concept a:hover{
background-position:-144px 0px;
}
ul#navigation_sub li.style_a a:hover{
background-position:-144px -28px;
}
ul#navigation_sub li.style_b a:hover{
background-position:-144px -56px;
}
ul#navigation_sub li.style_c a:hover{
background-position:-144px -84px;
}
ul#navigation_sub li.style_d a:hover{
background-position:-144px -112px;
}
ul#navigation_sub li.rog a:hover{
background-position:-144px -140px;
}
ul#navigation_sub li.ashikaga a:hover{
background-position:-144px -168px;
}

/*self*/
.self_concept ul#navigation_sub li.concept a{
background-position:-288px 0px;
}
.self_style_a ul#navigation_sub li.style_a a{
background-position:-288px -28px;
}
.self_style_b ul#navigation_sub li.style_b a{
background-position:-288px -56px;
}
.self_style_c ul#navigation_sub li.style_c a{
background-position:-288px -84px;
}
.self_style_d ul#navigation_sub li.style_d a{
background-position:-288px -112px;
}
.self_rog ul#navigation_sub li.rog a{
background-position:-288px -140px;
}
.self_ashikaga ul#navigation_sub li.ashikaga a{
background-position:-288px -168px;
}







#contents{
background: url(image/common/contents_bg.jpg) no-repeat;
}
#contents .top_left{
float:left;
width:421px;
padding-top:26px;
}
#contents .top_right{
float:right;
width:241px;
padding-top:55px;
}


.date{
font: 100% Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
color:#A80000;
font-weight:700;
padding:5px 14px 5px 14px;
}
.newstext{
font-size:100%;
line-height:130%;
padding:8px 14px 5px 14px;
}


.toplink{
margin-top:8px;
}




#footer a{
color:#999;
text-decoration:none;
}
#footer a:hover{
color:#d00;
}





p.copyright{
}
div.bunner{
padding:25px 10px 35px;
}
/*bunner ID*/
p#bunner_fran{
border:1px solid #999;
background-color:#fff;
padding:50px 30px;
}

.cb{
clear:both;
}