body
{
	background-color: white;
	margin: 0px;
	font-family: ＭＳ Ｐゴシック;
	background-image : url(./Images/bg.gif);
	background-repeat:repeat-x;
	color: #444444;
}

a { outline: none; }

/*** ヘッダー ***/
#header
{
    color:Gray;
    font-size:8pt;
    text-align:center;
    width:820px;
}


/*** トップメニュー ***/

Div.TopMenu A 
{
	display: block;
	width: 143px;  /* 画像1枚分の横幅(※1) */
	height: 32px; /* 画像1枚分の高さ(※2) */
	text-indent: -5000px; /* 文字を消す */
	background-position : top right;
	margin: 0px;
}

Div.TopMenu A:hover
{
	background-position : bottom right;
}

Div.TopMenu A.Home {
	background-image: url("Images/MenuHome.gif");
}

Div.TopMenu A.Work {
	background-image: url("Images/MenuWork.gif");
}

Div.TopMenu A.Syohin {
	background-image: url("Images/MenuSyohin.gif");
}

Div.TopMenu A.Staff {
	background-image: url("Images/MenuStaff.gif");
}

Div.TopMenu A.Com {
	background-image: url("Images/MenuCom.gif");
}

Div.TopMenu A.Access {
	background-image: url("Images/MenuAccess.gif");
}

Div.TopMenu A.Contact {
	background-image: url("Images/MenuContact.gif");
}






/*** サブメニュー ***/

Div.SubMenu A 
{
	display: block;
	width: 190px;  /* 画像1枚分の横幅(※1) */
	height: 36px; /* 画像1枚分の高さ(※2) */
	text-indent: -5000px; /* 文字を消す */
	background-position : top right;
	margin: 0px;
}

Div.SubMenu A:hover
{
	background-position : bottom right;
}

Div.SubMenu A.Kitchen {
	background-image: url("Images/SubMenuKitchen.gif");
}

Div.SubMenu A.Toile {
	background-image: url("Images/SubMenuToile.gif");
}

Div.SubMenu A.Bath {
	background-image: url("Images/SubMenuBath.gif");
}

Div.SubMenu A.Entrance {
	background-image: url("Images/SubMenuEntrance.gif");
}

Div.SubMenu A.Living {
	background-image: url("Images/SubMenuLiving.gif");
}

Div.SubMenu A.Wasitu {
	background-image: url("Images/SubMenuWasitu.gif");
}

Div.SubMenu A.Child {
	background-image: url("Images/SubMenuChild.gif");
}

Div.SubMenu A.Sinsitu {
	background-image: url("Images/SubMenuSinsitu.gif");
}

Div.SubMenu A.Ext {
	background-image: url("Images/SubMenuExt.gif");
}

Div.SubMenu A.Gaiko {
	background-image: url("Images/SubMenuGaiko.gif");
}




/*** 部位から探す ***/

Div.SearchTitle 
{
   margin-top:1em;
   margin-bottom:1em; 
}

Div.IconMenu A 
{
	display: block;
	width: 197px;  /* 画像1枚分の横幅(※1) */
	height: 135px; /* 画像1枚分の高さ(※2) */
	text-indent: -5000px; /* 文字を消す */
	background-position : top right;
	margin: 0px;
}

Div.IconMenu A:hover
{
	background-position : bottom right;
}

Div.IconMenu A.Kitchen {
	background-image: url("Images/IconKitchen.png");
}

Div.IconMenu A.Toile {
	background-image: url("Images/IconToile.png");
}

Div.IconMenu A.Bath {
	background-image: url("Images/IconBath.png");
}

Div.IconMenu A.Living {
	background-image: url("Images/IconLiving.png");
}

Div.IconMenu A.Entrance {
	background-image: url("Images/IconEntrance.png");
}

Div.IconMenu A.Wasitu {
	background-image: url("Images/IconWasitu.png");
}

Div.IconMenu A.Child {
	background-image: url("Images/IconChild.png");
}

Div.IconMenu A.Sinsitu {
	background-image: url("Images/IconSinsitu.png");
}

Div.IconMenu A.Ext {
	background-image: url("Images/IconExt.png");
}

Div.IconMenu A.Gaiko {
	background-image: url("Images/IconGaiko.png");
}


/*** 価格帯から探す ***/

Div.IconMenuPrice A 
{
	display: block;
	width: 197px;  /* 画像1枚分の横幅(※1) */
	height: 100px; /* 画像1枚分の高さ(※2) */
	text-indent: -5000px; /* 文字を消す */
	background-position : top right;
	margin: 0px;
}

Div.IconMenuPrice A:hover
{
	background-position : bottom right;
}

Div.IconMenuPrice A.Price1 {
	background-image: url("Images/-100.gif");
}

Div.IconMenuPrice A.Price2 {
	background-image: url("Images/100-300.gif");
}

Div.IconMenuPrice A.Price3 {
	background-image: url("Images/300-500.gif");
}

Div.IconMenuPrice A.Price4 {
	background-image: url("Images/500-800.gif");
}

Div.IconMenuPrice A.Price5 {
	background-image: url("Images/800-1000.gif");
}

Div.IconMenuPrice A.Price6 {
	background-image: url("Images/1000-.gif");
}





/*** こだわりから探す ***/

Div.IconMenuKodawari A 
{
	display: block;
	width: 197px;  /* 画像1枚分の横幅(※1) */
	height: 135px; /* 画像1枚分の高さ(※2) */
	text-indent: -5000px; /* 文字を消す */
	background-position : top right;
	margin: 0px;
}

Div.IconMenuKodawari A:hover
{
	background-position : bottom right;
}

Div.IconMenuKodawari A.Kodawari1 {
	background-image: url("Images/IconTaishin.png");
}

Div.IconMenuKodawari A.Kodawari5 {
	background-image: url("Images/IconSyumi.png");
}

Div.IconMenuKodawari A.Kodawari10 {
	background-image: url("Images/IconSaikou.png");
}

Div.IconMenuKodawari A.Kodawari15 {
	background-image: url("Images/IconSyoene.png");
}

Div.IconMenuKodawari A.Kodawari20 {
	background-image: url("Images/IconChuko.png");
}

Div.IconMenuKodawari A.Kodawari25 {
	background-image: url("Images/IconDesign.png");
}

Div.IconMenuKodawari A.Kodawari30 {
	background-image: url("Images/IconPet.png");
}

Div.IconMenuKodawari A.Kodawari35 {
	background-image: url("Images/IconKenko.png");
}

Div.IconMenuKodawari A.Kodawari40 {
	background-image: url("Images/IconBarrierfree.png");
}

Div.IconMenuKodawari A.Kodawari45 {
	background-image: url("Images/IconKominka.png");
}

Div.IconMenuKodawari A.Kodawari50 {
	background-image: url("Images/IconSyunou.png");
}

Div.IconMenuKodawari A.Kodawari55 {
	background-image: url("Images/IconFutari.png");
}

Div.IconMenuKodawari A.Kodawari60 {
	background-image: url("Images/IconKodomo.png");
}

Div.IconMenuKodawari A.Kodawari65 {
	background-image: url("Images/IconNisetai.png");
}







/*** 施工事例リスト ***/

#WorkListBody
{
    overflow: hidden;
    height:90px;
}



/*** 特価商品リスト ***/

#SyohinListComment
{
    overflow: hidden;
    height:38px;
}


#SyohinListKakaku
{
    float: left;
    width: 280px;
}

    
#SyohinListKakaku div
{
    padding-left:15px;
    padding-top:8px;
}

#SyohinListTujoKakaku
{

    font-size:9pt;
    color:#000099;
}

#SyohinListTokubetsuKakaku
{
    font-size:14pt;
    font-weight:bold;
    color:#EC6941;
}

#SyohinListIcon
{
    vertical-align:top;
	background-image: url("Images/SyohinIcon.gif");
	width:110px;
	height:60px;
	margin-left:280px;
}

#SyohinListText
{
    color:White;
    font-weight:bold;
    text-align:center;
	height : 60px;/*ボックスの高さ*/
	line-height : 60px;/*縦のセンタリングの為に指定*/
}


/*** リフォーム概要 ***/

#Detail
{
    width:600px;
}



#DetailImage
{
    width:400px;
    float:left;
}

#DetailBody
{
    width:195px;
    float:right;
}

#DetailInfoTop
{
 	width:195px;
	height:37px;
	background-image:url("Images/DetailInfoBack_Top.gif");
	background-repeat:no-repeat;
}

#DetailInfoBody
{
    width:195px;
    background-image:url("Images/DetailInfoBack_Body.gif");
    background-repeat:repeat-y;
    font-size: 9pt;
    line-height: 150%;
    height:100%;
}

#DetailInfoContent
{
    padding-left:2em;
    padding-right:1em;
    list-style-type:none;
    margin:0px;
    text-align:left;
}

#DetailInfoContent a
{
    text-decoration: none;
}

#DetailInfoContent a:visited { color : #0066CC; }

#DetailInfoFoot
{
    width:195px;
	height:9px;
	background-image:url("Images/DetailInfoBack_Foot.gif");
}




#Setsumei
{
    padding-top:3em;
    width:600px;
    padding-left:2em;
    padding-right:2em;
    text-align:left;
    font-size:10pt;
    line-height: 150%;
}

#SesyunoKoe
{
    width:350px;
    text-align:left;
    font-size:10pt;
    line-height: 150%;
}




/*** タブメニュー ***/

Div.TabMenu A 
{
	display: block;
	width: 100px;
	height: 30px;
	text-indent: -5000px;
	background-position : top right;
	margin: 0px;
}

Div.TabMenu A:hover
{
	background-position : bottom right;
}

Div.TabMenu A.Est {
	background-image: url("Images/TabEst.gif");
}

Div.TabMenu A.Doc {
	background-image: url("Images/TabDoc.gif");
}



















/*** フッターメニュー ***/

#FooterMenu
{
    background-color:#f0f0f0;
}

#FooterMainMenu
{
    width:820px;
    height:30px;
    border-bottom:solid 1px gray;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    padding-top:8px;
    padding-bottom:8px;
}

.ListFast
{
    border-left:solid 1px gray;
}

#FooterMainMenu ul
{
    margin:0px;
    padding-top:8px;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:650px;
    padding-left:0px;
}

#FooterMainMenu ul li
{
    font-size:10pt;
    list-style-type:none;
    float:left;
    border-right:solid 1px gray;
    margin:0;
    padding:0;
}

#FooterMainMenu ul li a
{
    text-decoration: none;
    padding-left:1.5em;
    padding-right:1.5em;
}




#FooterMainMenu ul li a:visited { color : gray; }
#FooterMainMenu ul li a:link { color : gray; }
#FooterMainMenu ul li a:active { color : gray; }
#FooterMainMenu ul li a:hover { text-decoration:underline;}










/*** フッター検索メニュー ***/

.ListMark
{
    /*margin-left:15px;*/
    margin-right:5px;
    margin-bottom:2px;
}

#FooterSearchMenu
{
    width:838px;
    height:180px;
    text-align:center;
    margin-left:20px;
}

.FooterSearchTitle a
{
    text-decoration: none;
    font-size:9pt;
}

#FooterSearchMenu  div
{
    float:left;
    text-align:left;
    padding:0px 0px 15px 10px;
    margin:20px 5px 0px 10px;
    background-color:#e6e6e6;
}
#FooterSearchMenu h3
{
    width:115px;
    margin:0px;
    padding-top:10px;
    padding-bottom:10px;
}

#FooterSearchMenu div ul
{
    /*display:inline-block;*/
    float:left;
    padding:0px;
    margin:0px;
    width:115px;
}

#FooterSearchMenu div ul li
{
    font-size:8pt;
    list-style-type: none;
    text-align:left;
    line-height:150%;
    text-align:left;
    color:Gray;
    padding:0px;
    margin:0px;
}

#FooterSearchMenu div a
{
    /* text-decoration: none; */
}

#FooterSearchMenu div ul li a
{
    text-decoration: none;
}


#FooterSearchMenu div a:visited { color : gray; }
#FooterSearchMenu div a:link { color : gray; }
#FooterSearchMenu div a:active { color : gray; }
#FooterSearchMenu div a:hover { text-decoration:underline;}

#FooterSearchMenu div ul li a:visited { color : gray; }
#FooterSearchMenu div ul li a:link { color : gray; }
#FooterSearchMenu div ul li a:active { color : gray; }
#FooterSearchMenu div ul li a:hover { text-decoration:underline;}

#FooterSearchMenuBui
{
    width:230px;
}

#FooterSearchMenukakaku
{
    width:130px;
}

#FooterSearchMenuKodawari
{
    width:350px;
}

/*** フッター対応エリア ***/
#FooterArea
{
    clear:both;
    font-size:8pt;
    color:Gray;
    padding-bottom:15px;
    text-align:center;
    line-height:150%;
}







.ImeActive
{
	ime-mode: active;
}

.ImeInactive
{
	ime-mode: inactive;
}

.ImeDisabled
{
	ime-mode: disabled;
}


div.ComInfo
{
	font-size: 11pt;
	line-height: 150%;
}

span.Staff1
{
	font-size: 11pt;
	line-height: 150%;
	font-weight: bold;
}

span.Staff2
{
	font-size: 14pt;
	line-height: 150%;
	font-weight: bold;
}

span.StaffSmall
{
	font-size: 10pt;
}

img.SepLine1
{
	width: 5px;
	height: 25px;
	vertical-align: middle;
	text-align: center;
}

img.SepLine2
{
	width: 5px;
	height: 45px;
	vertical-align: middle;
	text-align: center;
}

img.SepLine3
{
	width: 5px;
	height: 170px;
	vertical-align: middle;
	text-align: center;
}

img.SepLine4
{
	width: 5px;
	height: 100px;
	vertical-align: middle;
	text-align: center;
}

img.SepLine5
{
	width: 5px;
	height: 210px;
	vertical-align: middle;
	text-align: center;
}

img.SepLine6
{
	width: 5px;
	height: 160px;
	vertical-align: middle;
	text-align: center;
}


.SideNews
{
	color: #444444;
}

a.SideNews
{
	text-decoration: none;
}
a.SideNews:hover
{
	text-decoration: underline;
}



.Layer
{
	/* クロスブラウザ対応のためJavaScriptで設定するように変更
	z-index: 2;
	position: absolute;
	top: 0px;
	left: 0px;
	width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
	height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	*/
	background-color: Black;
	filter: Alpha(opacity=50);
	-moz-opacity: 0.5;
	opacity: 0.5;
}