@charset "shift_jis";


body {
	color: #85623e;
	background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	background-image : url(bg.gif);	/*壁紙*/

}

h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
	margin: 0px;
	padding: 0px;
}

ul{
	list-style-type: none;
}

img {
	border: none;
}

input,textarea,select {
	font-size: 1em;
}

form {
	margin: 0px;
}

table {
	border-collapse:collapse;
	font-size: 100%;
	border-spacing: 0;
}



/*リンク（全般）設定
---------------------------------------------------------------------------*/
a {
	color: #85623e;
	text-decoration: none;
}

a:hover {
	color: orange;			/*カーソルオーバー時の文字色*/
	text-decoration: underline;	/*カーソルオーバー時に下線を出す設定*/
}



/*コンテナー（HPを囲むブロック）
---------------------------------------------------------------------------*/
#container {
	text-align: left;
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	padding-top: auto;
	padding-bottom: auto;
}



/*ヘッダー（ロゴが入っているHP上部ブロック）
---------------------------------------------------------------------------*/
#header {
	height: 100px;	/*ヘッダーの高さ*/
	width: 100%;
	position: relative;
	background-image : url(header-bg.gif);	/*ヘッダー背景画像*/
	background-repeat: no-repeat;
}

/*h1タグ設定*/
#header h1 {
	font-size: 11px;				/*文字サイズ*/
	line-height: 20px;			/*行間*/
	color: #999999;				/*文字色*/
	position: absolute;
	right: 30px;		/*ヘッダーブロックに対して右から60pxの位置に配置*/
	top: 0px;	/*ヘッダーブロックに対して上から30pxの位置に配置*/
}

/*h2タグ設定*/
#header h2 {
	font-size: 11px;				/*文字サイズ*/
	line-height: 20px;			/*行間*/
	color: #999999;				/*文字色*/
	position: absolute;
	right: 15px;		/*ヘッダーブロックに対して右から60pxの位置に配置*/
	top: 20px;	/*ヘッダーブロックに対して上から30pxの位置に配置*/
}


/*ロゴ画像設定*/
#header #logo {
	position: absolute;
	left: 10px;	/*ヘッダーブロックに対して左から10pxの位置に配置*/
	top: 25px;	/*ヘッダーブロックに対して上から25pxの位置に配置*/
}



/*メインメニュー
---------------------------------------------------------------------------*/
ul#menu {
	background-image : url(waku-top.gif);	/*背景画像*/
	width: 800px;
	height: 58px;
	padding-left: 0px;
	padding-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;	
	background-repeat: no-repeat;	/*背景画像をリピートしない*/
	background-position: bottom;		/*背景画像を下部に配置*/

}

ul#menu li {
	float: left;
}

ul#menu img {
	vertical-align: bottom;
}



/*コンテンツ（メインコンテンツを囲むブロック）
---------------------------------------------------------------------------*/
#contents {
	width: 800px;	/*メインコンテンツ幅*/
	clear: left;
	background-color: #FFFFFF;	/*背景色*/
	padding-top: 0px;			/*背景画像分、上に余白をとる。*/
}



/*メインコンテンツ（右側ブロック）
---------------------------------------------------------------------------*/
#main {
	background-image : url(waku-right.gif);	/*背景画像*/
	float: right;	/*右側にフロート*/
	width: 550px;	/*メインコンテンツ幅*/
	height: 4500;
	padding: 0px 0px 0px 0px;	/*左から、上下・左右への余白*/
}



/*サブコンテンツ（左側ブロック）
---------------------------------------------------------------------------*/
#sub {
	background-image : url(waku-left.gif);	/*背景画像*/
	float: left;	/*左側にフロート*/
	width: 230px;	/*サブコンテンツ幅*/
	height: 4500;
	padding: 0px 0px 0px 0px;	/*左から、上下・左右への余白*/
	text-align: left;

}


.sub img {
    display:block;
    margin: 0 auto;
    text-align: center;
}



/*サブメニュー
---------------------------------------------------------------------------*/
ul.submenu {
	padding: 6px 0px 6px 15px;	/*左から、上下・左右への余白*/
	width: 200px;
}

ul.submenu li a {
	display: block;
	width: 200px;
	padding: 6px 0px 6px 15px;	/*左から、上下・左右への余白*/
	text-decoration: none;
	color: #60462d;		/*文字色*/
}

ul.submenu li a:hover {
	background-color: #FFFFFF;	/*カーソルオーバー時の背景色*/
	color: #60462d;		/*文字色*/
	width: 200px;
}


/*フッター上
---------------------------------------------------------------------------*/
#map{
	font-size: 12px;			/*文字サイズ*/
	clear: both;
	width: 800px;
	background-image : url(waku-linec.gif);	/*背景画像*/
	text-align: center;	/*文字をセンタリング*/
	padding-top: 0px;
	padding-bottom: 10px;
}



/*フッター
---------------------------------------------------------------------------*/
#footer {
	font-size: 10px;			/*文字サイズ*/
	clear: both;
	width: 800px;
	text-align: center;	/*文字をセンタリング*/
	background-image : url(waku-bottom.gif);	/*フッター背景画像*/
	background-repeat: no-repeat;					/*背景画像をリピートしない*/
	background-position: top;						/*背景画像を上部に配置*/
	padding-top: 20px;
	padding-bottom: 10px;
}

/*フッター内にリンク設定した場合用*/
#footer a {
	text-decoration: none;
}

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: “alpha( opacity=80 )”;
}



/*ポラロイド風
---------------------------------------------------------------------------*/
table.pomme { 
width:530px;
color:#666666;
text-align:center;
letter-spacing : 2px;
font-family:MS UI Gothic;
}

.pora {
width: 150px; height:220px;
background-color: #f6f6f6;
border-width: 2px;
padding: 5px 10px 10px 10px;
border-style: solid;
border-color: #DCE3E3 #C1C1C1 #C1C1C1 #DCE3E3;
}

.pora-img {
width: 135px; height:130px;
background-color: white;
padding: 6px 6px 6px 6px;
}



/*もくじタグ
---------------------------------------------------------------------------*/
ul#tag{
    list-style:none;
}
ul#tag li{
    list-style:none;
    float:right;
    width:45px;
}
ul#tag a{
    display:block;
    width:45px;
    height:69px;
    text-indent:-500px;
    overflow:hidden;
}
a.curtain001{
    background-image : url(tag-curtain001.gif);
}
a:hover.curtain001{
    background-position:0px -69px;
}
a.cushion001{
    background-image : url(tag-cushion001.gif);
}
a:hover.cushion001{
    background-position:0px -69px;
}
a.rug001{
    background-image : url(tag-rug001.gif);
}
a:hover.rug001{
    background-position:0px -69px;
}
a.cover001{
    background-image : url(tag-cover001.gif);
}
a:hover.cover001{
    background-position:0px -69px;
}
a.l-floor001{
    background-image : url(tag-floor001.gif);
}
a:hover.l-floor001{
    background-position:0px -69px;
}
a.l-table001{
    background-image : url(tag-table001.gif);
}
a:hover.l-table001{
    background-position:0px -69px;
}
a.l-pendant001{
    background-image : url(tag-pendant001.gif);
}
a:hover.l-pendant001{
    background-position:0px -69px;
}
a.l-pendant002{
    background-image : url(tag-pendant002.gif);
}
a:hover.l-pendant002{
    background-position:0px -69px;
}
a.c-kake001{
    background-image : url(tag-kake001.gif);
}
a:hover.c-kake001{
    background-position:0px -69px;
}
a.c-oki001{
    background-image : url(tag-oki001.gif);
}
a:hover.c-oki001{
    background-position:0px -69px;
}
a.gomibako001{
    background-image : url(tag-gomibako001.gif);
}
a:hover.gomibako001{
    background-position:0px -69px;
}
a.marimekko001{
    background-image : url(tag-marimekko001.gif);
}
a:hover.marimekko001{
    background-position:0px -69px;
}
a.moma001{
    background-image : url(tag-moma001.gif);
}
a:hover.moma001{
    background-position:0px -69px;
}
a.drine001{
    background-image : url(tag-drine001.gif);
}
a:hover.drine001{
    background-position:0px -69px;
}
a.chebu001{
    background-image : url(tag-chebu001.gif);
}
a:hover.chebu001{
    background-position:0px -69px;
}
a.lisagasu001{
    background-image : url(tag-lisagasu001.gif);
}
a:hover.lisagasu001{
    background-position:0px -69px;
}

a.■{ background-image : url(../../../【ポム】リニュ版/oshare_kagu/oshare_kagu/img/tag-■.gif); }
a:hover.■{ background-position:0px -69px; }

a.■{ background-image : url(../../../【ポム】リニュ版/oshare_kagu/oshare_kagu/img/tag-■.gif); }
a:hover.■{ background-position:0px -69px; }

a.■{ background-image : url(../../../【ポム】リニュ版/oshare_kagu/oshare_kagu/img/tag-■.gif); }
a:hover.■{ background-position:0px -69px; }

a.■{ background-image : url(../../../【ポム】リニュ版/oshare_kagu/oshare_kagu/img/tag-■.gif); }
a:hover.■{ background-position:0px -69px; }




.fb { background-color : white; }  /* 文字の背景色 */
.kokuban { letter-spacing : 2px; color:white; }  /* 黒板文字 */