@charset "utf-8";  

/*  

===========================================================  

    common.css  

===========================================================  

*/ 

    
body 
        {
        "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif; 
        color: #000;
        margin: 0; 
        padding: 0;                          
        background-color: #fff;
        background-image: url(stripe-darkgrey.gif);
        }

a
        {
        color: #000;
	text-decoration: none;
        }

a:hover
 	{
        color: #999;
        }

a:hover img.opacity
        {
        opacity: 0.7;
        filter: alpha(opacity=70);
        -ms-filter:  "alpha(opacity=70)";
        }

a:hover.popup1
        {
        color: #fff;
        position: relative;
        top: -2px;
        }

a:hover.popup2
        {
        color: #fff;
        position: relative;
        right: -2px;
        }

a img, img
        {
        border: none; 
        margin: 0; 
        padding: 0;
	}

img.union
 	{
        vertical-align: middle;
        margin-right: 5px;
        margin-bottom: 2px;
        }

strong
        {
        font-weight: bold; 
	}

.rightfloat 
        {
        float: right; 
	margin-left: 10px;
	margin-bottom: 10px;
        }

.leftfloat
        {
        float: left;
	margin-right: 10px;
	margin-bottom: 10px;
        }

.clear
        {
        clear: both;
        }

.clearright
        {
        clear: right;
        }

.clearleft
        {
        clear: left;
        }

.clearfix:after
        {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
        }

.clearfix
        {
        display: inline-table;
        min-height: 1%;
        }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* ヘッダー */
div#header
        {
        background: url(trico.gif);
        height: 40px;
        }

div#headerbox
        {
        width: 960px;
	margin-left: auto;
	margin-right: auto;
        }

div#headerbox p
	{
	font-size: 1.0em;
	line-height: 1.6;
        padding-top: 1px;
        padding-bottom: 1px;
        text-align: right;
	margin: 0;
        }

/* コンテナ */
div#container
 	{
        width: 960px;
        background-color: #fff;
        background-image: url(white.jpg);
        overflow: auto;
        padding-top: 10px;
        padding-bottom: 50px;
	margin-left: auto;
	margin-right: auto;
        }

div#keyword
	{
        witdh: 690px;
        margin: 10px 20px 0 0;
        padding-bottom: 20px;
        }

div#keyword p
 	{
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 0px;
        white-space: normal;
        word-wrap: break-word;
        word-break: break-all;
        }

div#keyword a
        {
        color: #3f3f3f;
        }

div#keyword a:hover
 	{
        color: #3ACFEF;
        text-decoration: none;
        }

.basekeyword { font-size:1em; margin-right:5px; }
.artek { font-size:1.6em; margin-right:5px; }
.amadana1 { font-size:1.2em; margin-right:5px; }
.amadana2 { font-size:1.4em; margin-right:5px; }
.eames { font-size:1.3em; margin-right:5px; }
.iittala { font-size:1.2em; margin-right:5px; }
.est { font-size:1.4em; margin-right:5px; }
.okajima { font-size:1.3em; margin-right:5px; }
.ishikoro { font-size:1.3em; margin-right:5px; }
.cassina { font-size:1.2em; margin-right:5px; }
.gras { font-size:1.2em; margin-right:5px; }
.kuramata { font-size:1.4em; margin-right:5px; }
.coathanger { font-size:1.3em; margin-right:5px; }
.gom { font-size:1.4em; margin-right:5px; }
.jielde { font-size:1.3em; margin-right:5px; }
.simplehuman { font-size:1.2em; margin-right:5px; }
.sempre { font-size:1.4em; margin-right:5px; }
.serge { font-size:1.3em; margin-right:5px; }
.siwa { font-size:1.4em; margin-right:5px; }
.danese { font-size:1.2em; margin-right:5px; }
.chilewich { font-size:1.3em; margin-right:5px; }
.chaircushion { font-size:1.3em; margin-right:5px; }
.tidy { font-size:1.4em; margin-right:5px; }
.divanco { font-size:1.4em; margin-right:5px; }
.designer { font-size:1.2em; margin-right:5px; }
.designhouse { font-size:1.2em; margin-right:5px; }
.duende { font-size:1.4em; margin-right:5px; }
.ozio { font-size:1.3em; margin-right:5px; }
.nanima { font-size:1.4em; margin-right:5px; }
.hermanmiller { font-size:1.2em; margin-right:5px; }
.heysign { font-size:1.3em; margin-right:5px; }
.hokuosansaku { font-size:1.3em; margin-right:5px; }
.cuckoo { font-size:1.2em; margin-right:5px; }
.folle { font-size:1.4em; margin-right:5px; }
.lucano { font-size:1.4em; margin-right:5px; }
.blackblum { font-size:1.2em; margin-right:5px; }
.fritzhansen { font-size:1.5em; margin-right:5px; }
.mina { font-size:1.3em; margin-right:5px; }
.lisa { font-size:1.3em; margin-right:5px; }
.louispoulsen { font-size:1.4em; margin-right:5px; }
.yoshioka { font-size:1.4em; margin-right:5px; }

div.news
	{
        margin: 20px 20px 20px 0;
        }

div.news p.newstitle
	{
        color: #FF0000;
        font-weight: bold;
        }

div.news p.newsdetail
	{
        background-color: #fff;
	background-image: url(newsdetail.png);
	background-repeat: no-repeat;
        padding: 2px 0 8px 35px;
        }

/* サイドバー */
div#sidebar
	{
        width: 170px;
	float: left;
        margin-left: 0px;
	margin-bottom: 10px;
        padding-left: 30px;
        }

div#logo
	{
	margin-bottom: 100px; 
        }

div.info
	{
	margin-bottom: 30px; 
        }

div#sidebar h2
	{
	font-size: 1.0em;
	text-align: left;
	margin: 0;
	padding: 0;
        }

div#sidebar h3
	{
	font-size: 1.0em;
	text-align: left;
	margin: 0;
	padding: 0;
        }

div#sidebar p.banner
	{
        text-align: left;
        border: none;
        }

div#sidebar p
	{
        font-size: 1.0em;
	margin: 10px 0;
        }

div#sidebar ul
	{
        font-size: 1.2em;
 	text-align: left;
	margin: 5px 0 5px 0;
	padding: 0;
        }

div#sidebar ul li
 	{
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category0
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category1
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category2
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category3
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category4
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category5
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category6
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category7
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category8
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category9
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category10
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category11
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category12
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category13
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category14
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

div#sidebar ul li.category15
 	{
        line-height: 20px;
	padding: 1px 5px 1px 3px;
	list-style-type: none;
        }

/* フッター */
div#footer
	{
        background: url(trico.gif);
	padding: 20px 20px 30px 40px;
	clear: both;
        }

div#footerbox
	{
        width: 960px;   
	margin-left: auto;
	margin-right: auto;
        }

address
	{
        color: #000;
        font-size: 1.0em;
	font-style: normal;
	text-align: left;
        margin-bottom: 5px;
        }

