@import url(cat.css);

/*thank you ページ */
#mfth{
width: 360px;
margin: 50px 80px 50px 120px;
}

/*SSL */
#ssl{

margin: 20px 0px 0px 20px;
}

/*新着情報 */
#whats{
border:solid 1px #999999;
color:#ffb6c1;
padding:20px;
font-family:"メイリオ",fantasy;
font-size:12px;
line-height:130%;
}


/*プレゼント画像 */
#pre1{
margin-bottom:10px;
}






/*納期のご注意 */
#atte{
width:580px;
height:150px;
border:solid 1px #83cdc8;
background:url(/img/atte.gif) no-repeat;
}

.atte2{
width:400px;
float:right;
color:#6ea49c;
font-size:15px;
font-weight:bold;
margin-top:30px;
}

.atte3{
width:380px;
float:right;
color:#6ea49c;
font-size:12px;
margin-top:10px;
margin-right:20px;
line-height:130%;
}






/*店長ご挨拶 */
#tencho{
width: 170px;
_width: 190px;
margin-bottom:20px;
padding:10px;
color:#004400;
font-size:11px;
border-bottom:solid 2px #004400;
line-height:150%;
}

/*プレゼント */
#present{
width: 170px;
_width: 190px;
margin-bottom:20px;
padding:10px;
color:#0000ff;
font-size:11px;
border-bottom:solid 2px #0000ff;
line-height:150%;
}

/*左ハワイアンファブリック */
#hf{
width: 170px;
_width: 190px;
margin-bottom:20px;
padding:10px;
color:#a0522d;
font-size:11px;
border-bottom:solid 2px #ffa500;
line-height:150%;
}

.hf{

margin:10px 0;
}





/* ファブリック */

#fabric{
width:580px;
background:url(/img/fabric.jpg) no-repeat 0 0;
height:450px;
padding:20px;
}

/* アバウト */

#fotolia{
width:550px;
height:600px;
background:url(/img/fotolia.png) no-repeat 0 0;
}










/* ----- メルマガ ----- */
#mm{ 
margin-left:15px;
margin-top:20px;
margin-bottom:20px;
       }

/* ----- 190banner ----- */
.box2{ 
float:left;
width:280px;
color:#666666;
text-align: center;
margin-left:5px; 
margin-top:10px;
       }

.box2p{ 

color:#666666;
text-align: center;
margin-top:5px;
font-size:11px; 
       }



/* ----- 商品ページ下10個ＢＯＸ ----- */
.box3{ 
float:left;
width:113px;
color:#666666;
text-align: center;
margin-right:3px; 
margin-top:10px;

       }






/* ----- ランキングＢＯＸ ----- */
.box{ 
float:left;
width:190px;
color:#666666;
text-align: center;
margin-left:2px; 
margin-top:10px; 
       }

.item-img2{ 
margin-bottom:10px;
       }





/* ----- 商品ページＢＯＸ ----- */
.s_box{ 
float:left;
width:280px;
color:#666666;
font-size:12px;
margin-right:10px;
margin-bottom:10px;
text-align: center; 
       }

.s_box2{ 
float:left;
width:270px;
color:#666666;
font-size:12px;
margin-right:10px;
margin-bottom:10px;
text-align:left; 
padding:0 5px;
       }


.s_box3{ 
float:left;
width:270px;
color:#666666;
font-size:12px;
margin-right:10px;
_margin-right:0px;
margin-bottom:10px;
margin-top:20px;
text-align:left; 
padding:0 5px;
       }




/* ----- 商品ページカート用 ----- */
.c_box{ 
border:solid 1px #666666;
background-color:#fffff0;
padding:15px;
       }



.under_m{ 
margin:15px 0 5px 0px; 
padding-top:10px;
width:100%; 
color:#a0522d;
text-align: right; 
font-size:11px;

}

#hhome{ 
margin:5px 0 5px 0px; 
width:100%; 
color:#a0522d;
text-align: right; 
font-size:11px;
}

/* ----- アネラについて ----- */
.about_p{ 
margin:10px 30px; 
color:#666666;
line-height:150%;
font-size:12px;
       }

/* ----- Q&A ----- */
.faq1{ 
background:url(/img/q.gif) no-repeat;
width:550px;
padding:20px 0 10px 60px;
margin-bottom:20px;
font-weight:bold;
color:#666666;
       }

.faq2{ 
background:url(/img/a.gif) no-repeat;
width:500px;
padding:20px 10px 10px 60px;
margin-bottom:20px;
font-size:12px;
line-height:130%;
color:#666666;
       }





/* ----- 商品明細リスト ----- */
.meisai{ 
margin:5px 0 5px 40px; 
color:#666666;
text-align: left;
list-style-type:none;
line-height:150%;
text-indent:-3em;
}

.meisai2{ 
margin:5px 0 5px 40px; 
color:#666666;
text-align: left;
list-style-type:none;
line-height:150%;
}


.m_price{ 
margin:10px 10px 10px 10px;
color:#ff0000;
font-weight:bold;
text-align: right;
list-style-type:none;
border-top:solid 1px #666666;
padding-top:10px;
         }

.m_p{ 
margin:5px 0 5px 0px;
padding:5px 0 5px 10px;
border-left:solid 5px #8ed0cc;
text-align: left;
    }




/* ----- 表 ----- */

.hyou {text-decoration: none;font-size: 10pt;background-color: #CCCCCC;margin-right: auto;margin-left: auto;}
.hyou td {background-color: #FFFFFF;padding:5px 10px 5px 10px;font-size: 10pt;color: #666666;line-height: 13pt;text-align: left;}
.hyou th {text-align: left;padding: 5px 5px 5px 15px;font-weight: normal;background-color: #F2F2F2;}
.even{font-size: 11pt; padding: 5px;background-image: url(<$MTBlogURL$>/images/even.gif);background-repeat: repeat-x;}
.txsm{font-size: 10pt;text-align: left;}
.hyo-position{ margin: 30px 30px 30px 80px;}



/* --------------------- カテゴリタイトル（キーワード）--------------------- */

.smaller{
      text-align:center;
      line-height:150%;
}

.smaller2{
      font-size:11px;
      text-align:center;
      line-height:200%;
}


/* --------------------- カテゴリ価格--------------------- */

.c_price{
      text-align:center;
      margin-bottom:5px;
      color:#ff0000;
}





/* --------------------- 商品ページ　280--------------------- */

.sho{

	width:280px;
        margin-top:20px;
        margin-left:8px;
        _margin-left:6px;
	float: left;

}

.sho_p{
        margin-top:10px;
        margin-bottom:10px;
        font-size:12px;
        line-height:140%;
        color:#666666;
}

.sho_pr{
        margin-top:10px;
        margin-bottom:10px;
        font-size:12px;
        line-height:140%;
        color:#ff0000;
        text-indent:3em;
}


.sho_pz{
        margin-top:10px;
        margin-left:20px;
        margin-bottom:10px;
        margin-right:10px;
        font-size:12px;
        line-height:140%;
        color:#666666;
}


.sho_pz2{
        margin-top:20px;
        margin-left:40px;
        margin-right:40px;
        margin-bottom:20px;
        font-size:12px;
        line-height:140%;
        color:#999999;
}



.sho_py{
        margin-top:20px;
        margin-left:20px;
        margin-bottom:10px;
        margin-right:10px;
        font-size:15px;
        line-height:140%;
        color:#666666;
        font-weight:bold;
        border-bottom:dotted 1px #ffa07a;
}

.sho_py2{
        margin-top:20px;
        margin-left:20px;
        margin-bottom:10px;
        margin-right:10px;
        font-size:15px;
        line-height:140%;
        color:#269f97;
        font-weight:bold;
        border-bottom:dotted 1px #83cdc8;
}








/* --------------------- MIDDLE --------------------- */

#middle{
	display:inline;
	width:840px;
	_width:900px;
        _margin-left:8px;
	padding:20px 37px 30px 38px;
	background:url(/img/main.png) no-repeat top left;
	_background:#ffffff;
	overflow:hidden;
	float: left;

}


h4
       {
        border-left:solid #ffa500 5px;
        padding-left:5px;
        padding-top:2px;
        margin:5px 0px;
        }

.p2
       {
         margin-bottom:5px;
         margin-left:10px;
        }

.p3
       {
　　　　　padding:10px 20px 5px 20px;
         line-height:130%;
         font-size:12px;
        }



.pp
       {
         line-height:150%;
        }


.m_box
       {
         float:left;
         width:270px;
         font-size:12px;
         margin-left:10px;
        }

.m_box2
       {
         float:left;
         width:180px;
         font-size:12px;
         margin-left:10px;
         text-align:center;
         line-height:150%;
        }



.whats
           {
             padding:10px 10px 10px 30px;
           }

.sm_li2
  {
    width:162px;
    font-size:12px;
    margin:5px 0px 5px 5px;
    padding:3px 0px 3px 10px;
    border-bottom:dotted 1px #c0a575;
    list-style-image: none;
    list-style-type: none;
  }

.cat_li2
  {
    width:550px;
    font-size:12px;
    margin:5px 0px 5px 10px;
    padding:3px 0px 3px 10px;
    border-bottom:dotted 1px #c0a575;
    color:#666666;
  }


.cat_photo {
            margin-left:23px;
            margin-top:5px;
           }

.sbro
       {
        margin-top:5px;
        padding-top:5px;
        }


.top_ubox
       {
         float:left;
         width:124px;
         height:220px;
         font-size:12px;
        }


.top_under
       {
         float:left;
         width:380px;
         font-size:12px;
         margin-top:20px;
         background:#666666;
        }


.top_under2
       {
         float:left;
         width:200px;
         font-size:12px;
         margin-top:20px;
         background:#333333;
        }







/* フッター */
.fot
          {
	display:inline;
	width:840px;
	_width:940px;
	height:90px;
        font-size:11px;
	padding:0px 37px 0px 38px;
	background:url(/img/foot2.png) no-repeat bottom left;
	_background:url(/img/foot2.gif) no-repeat bottom left;
	margin-bottom: 30px;
	float: left;
	clear: both;
	position: relative;
         text-align:right;
           }








/* お知らせ　中央用　*/
.info
　　　{
　　　 width: 570px; 
　　　 height: 100px; 
　　　 margin: 10px 0px 10px 0px;
      }

div.info-position
     { margin-left: 0px;}








/* ページナビ */
.navi2 {text-align:right;font-size: 10px;color:#666;margin : 0px;padding : 2px 15px 2px 10px;}

/* ----- バー ----- */
#bar 
 {

        width:580px;
        height:380px;
        text-align: center;
        font-size:13px;
        color:#000000;
       line-height:150%;
        margin-left:0px;
        margin-bottom:11px;
 }






/* ----- すべての要素 ----- */


*{
 margin:0;
 padding:0;
 font-family:Verdana, Arial, sans-serif;
 font-size:100%;line-height:100%;
}
/* ----- float解除 ----- */
div.clear{clear:both;}
div.clear hr{display:none;}

/* ----- リンク ----- */

a:link { color:#000000; text-decoration:none; }
a:visited { color:#666666; text-decoration:none; }
a:active { color:#ff0000;text-decoration: underline;}
a:hover { color:#a73835;text-decoration: none;}
img{border:0; margin:0; padding:0;}
a img{border:0;}
strong{ color:#000000; font-weight:normal;}
.center{text-align:center;}
.right{text-align:right;font-size:x-small;}
.left{ text-align: left;}

/* ----- body ----- */

body{
　color:#000000;
  background:url(/img/bg.jpg) repeat-x 0px 0px; 
　text-align:center;}


/* ----- ブログ全体 ----- */
div#main-container
 {
  width:915px;
  color:#000000;
  margin:0 auto;
  text-align:left; 
  padding-top:0px;
}

/* ----- header部分（追加） ----- */

div#header
 {
	width:900px;
	padding:0px 7px 0px 8px;
        margin-top:10px;
        height:167px;
	background:url(/img/head6.png) no-repeat 0 0;
	_background:url(/img/head3.gif) no-repeat 0 0;
 }

div#header_logo
 {
  float:left; 
  color:#000000; 
  padding:0px;
  margin-top:20px;
  margin-left:20px;
 }

div#header_r
 {
  float:right; 
  width:400px;
  color:#004400; 
  margin:40px 250px 0 0;
  _margin:40px 120px 0 0;


 }

#header ol{
	float:left;
        margin-top:20px;
	display:inline;
	height: 42px;
	background:url(/img/nav10.jpg) no-repeat 0 0;
	clear: both;
	width: 874px;
	width: 900px;
	padding-top: 1px;
	padding-bottom: 0px;
	padding-left: 26px;
}

#header ol li{
	display:inline;
	position: relative;

	float: left;
}

#header ol li a{
	float:left;
	display: inline;
	background-position:0px 0px;
	background-repeat:no-repeat;
	line-height:0.1em;
	text-indent:-9999em;
	height: 51px;
}

#header ol li a.home {
	width:58px;
	margin-right:28px;
	background-image: url(/img/home2.gif)
}

#header ol li a.about {
	width:145px;
	margin-right:18px;
	background-image: url(/img/about2.gif)
}

#header ol li a.products {
	width:126px;
	margin-right:26px;
	background-image: url(/img/pro2.gif)
}

#header ol li a.why {
	width:130px;
	margin-right:22px;
	background-image: url(/img/why2.gif)
}

#header ol li a.faq {
	width:140px;
	margin-right:20px;
	_margin-right:10px;
	background-image: url(/img/fq2.gif)
}

#header ol li a.contact {
	width:78px;
	background-image: url(/img/contact2.gif)
}

#header ol li a:hover, #home #header ol a.home, .about #header ol a.about, .about-environment #header ol a.about, .about-message #header ol a.about, .products #header ol a.products, .products-ecocards #header ol a.products, .products-packaging #header ol a.products, .products-badges #header ol a.products, .products-pvc #header ol a.products, .products-petg #header ol a.products, .products-ingeo #header ol a.products, .products-bloomcard #header ol a.products, .why #header ol a.why, .why-cardmarque #header ol a.why, .why-casestudies #header ol a.why, .faqs #header ol a.faq, .faqs-logos #header ol a.faq, .contact #header ol a.contact, .map #header ol a.contact {
	background-position:0px -70px;
}




div#header2{margin-left:30px; background:#000000; }
div#header h1{font-size:11px;font-weight:blod;margin-bottom:3px;color:#a0522d;}
div#header h2{font-size:10px;font-weight:normal;color:#f4a460;}

div#header ul{list-style:none;text-align:right;font-size:80%;}
div#header li{display:inline;margin:0px 0 0 10px;}



/* ----- コンテンツ全体 ----- */

div#container
        {
              width:580px;
              float:right; 
              margin-right:10px;
              margin-top:10px;
        }

/* ----- エントリー全体 ----- */

div.content{background:#ffffff;}

/* ----- アーカイブナビゲーション ----- */

div.content p.navi-link{font-size:80%;margin:0 0 10px 0;}

/* ----- アーカイブタイトル ----- */
div.content h2#archive-title{
 color:#432c04;
 margin:20px 0 5px 0px;
 padding:15px 5px 5px 45px;
  background:url(/img/title.gif) no-repeat; 
 height:50px;
}
div.content dl.item-data
{
 width:280px;
 height:300px;
 _height:320px;
 text-align:center;
 margin:2px;
 float:left;
 border:solid 1px #bcb0a3;
}




div.content dl.item-data dt{text-align:left;margin:10px 10px 5px 10px;padding:0 0 5px 0;font-size:80%;font-weight:bold;background:url(images/dotted.gif) repeat-x 0 100%;}
div.content dl.item-data dd.item-text{text-align:left;font-size:80%;line-height:140%;margin:0 10px 5px 10px;}
div.content dl.item-data dd.item-price{color:#999999;background:#ffffff;font-size:80%;line-height:100%;padding:3px;margin:0 10px 5px 10px;}


/* ----- エントリータイトル ----- */
div.entry-content h2.entry-title{color:#333333;background:#ffffff;line-height:100%;border-bottom:1px solid #cccccc;padding:0 0 3px 0;margin:0 0 10px 0;}
div.entry-content h2.entry-title a{color:#333333;background:#ffffff;text-decoration:none;}
div.entry-content h2.entry-title a:hover{text-decoration:underline;}

/* ----- エントリー ----- */

div.entry-content p{font-size:80%;line-height:150%;margin:0 0 10px 0;}
div.entry-content blockquote{font-size:80%;line-height:150%;padding:10px;border:dotted 1px #cccccc;margin:20px 0;}
div.entry-body ul,div.entry-body ol{padding:0 0 0 20px;margin:0 0 10px 0;}
div.entry-body ul li,div.entry-body ol li{font-size:80%;margin:0 0 3px 0;}

div.cart{
 text-align:left;
 padding:0px 0;
 font-size:14px;
 margin:10px 0 20px 0;
}

/* ----- サイドバー ----- */
div#sidebar-left{width:200px;float:left; }
div#sidebar-right{width:200px;float: right;clear: right; background-color:#ffa500;}
div.sidebar-inner{padding-left:5px;width:200px height:500px;}





/* ----- サイドメニュー ----- */
.sm1
  {
    width:175px; 
    border:solid 2px #eeeeee;
    font-size:12px;
    margin:10px 0px 30px 0px;
    padding:5px;
  }












/*---archive menu--*/

.paged-archives a, .paged-archives a:visited{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
}
.paged-archives b{
padding: 0 5px;
border: 1px solid #cccccc;
text-decoration: none;
color: #000066;
background-color: #dae0e6;
}