/*----------------------------------------
BODY
-------------------------------------------*/
body {
   text-align: center;
   margin:0 auto;
   background-color: #000;
   font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","ＭＳ Ｐゴシック","MS P Gothic",Geneva,Arial,Verdana,sans-serif;
}
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

#container{
   text-align: left;
   margin: 0 auto;
   width: 910px;
   font-size: 70%;
   color: #000;
}
img{
   border: none;
   vertical-align: bottom;
}
ul, li { margin: 0; padding:0; list-style: none;}
.bold { font-weight: bold; font-size: 120%;}
.attn{ color:#f03; font-weight: bold;}
h1,h2 {
   font-size: 130%;
   line-height: 150%;
   margin:0;
}
h3,h4,h5 {
    font-size: 110%;
    line-height: 130%;
}

/* RSS READER
----------------------------------------------- */
#RSS_news {width: 120px; padding: 3px; font-size:11px; margin-bottom:30px;}
#RSS_news h5 { margin-bottom: 5px; }
#RSS_news .updated { color: #aa6633; font-size: 80%; margin-top:5px; }
#RSS_news .title { color: #000; font-size: 11px; /font-size:10px; margin-bottom:5px; padding-left:5px;}
#RSS_news a {color: #fff; text-decoration: none;}
#RSS_news a:link, a:visited{color: #fff; text-decoration: none;}
#RSS_news a:hover{color: #ff0000; text-decoration: none;}
#RSS_news a:active{color: #ff0000; text-decoration: none;}

/*=========================================
改行
=========================================*/
.br{clear:both; margin-bottom:0px; line-height:0;}
.br10{clear:both; margin-bottom:10px; line-height:0;}
.br15{clear:both; margin-bottom:15px; line-height:0;}
.br20{clear:both; margin-bottom:20px; line-height:0;}
.br25{clear:both; margin-bottom:25px; line-height:0;}
.br30{clear:both; margin-bottom:30px; line-height:0;}

/* リンク指定
----------------------------------------------- */
a{color:#fff; text-decoration: none;}
a:link {color:#fff; text-decoration: none;}
a:visited {color:#fff; text-decoration: none;}
a:hover {color:#fff; text-decoration: underline; }
a:active {color:#fff; text-decoration: none;}
a:hover img {
   filter:alpha(opacity=75); /*IE用*/
   -moz-opacity:0.75; /*FF用*/
   opacity:0.75;
}

/* フッター
----------------------------------------------- */
#footer{
   margin:22px 0 0 0;
   color:#666;
   width:100%;
   text-align:right;
   font-size:8px;
   letter-spacing: 0.1em;
   margin: 0 0 20px 0;
}
/* wrap
----------------------------------------------- */
#wrap{
   width:910px;
   margin:10px auto;
}
#wrap_top{
   width:910px;
   margin:10px auto;
}

/* left navi
----------------------------------------------- */
#left_navi{
   float:left;
   width:150px;
   margin:10px 10px 0 0;
}
#left_navi .menu{
   float:left;
   width:145px;
   margin:0 0 20px 0px;
}
#left_navi .header_text{
   margin-left:10px;
}
#left_navi .flashcontent{
   width:145px;
   color:#fff;
}
#left_navi .flashcontent h1{
   font-size:13px;
   width:140px;
   color:#fff;
}
#left_navi .navi_link{
   margin-left:5px;
}
#left_navi .image{
   margin:10px 0 0 0;
}
#left_navi .contact{
   margin:10px 0 0 -15px;
}
#left_navi .toblog{
   margin:10px 0 0 -13px;
}
#left_navi .txt{
   font-size:10px;
   margin:10px 0 0 0;
}
/* TOPページコンテンツ
----------------------------------------------- */
#contents_top{
   float:left;
   width:580px;
   font-color:#fff;
   margin:0;
   float:left;
}
#contents_top a{color:#fff; text-decoration: none;}
#contents_top a:link {color:#fff; text-decoration: none;}
#contents_top a:visited {color:#fff; text-decoration: none;}
#contents_top a:hover {color:#ff1111; text-decoration: underline; }
#contents_top a:active {color:#fff; text-decoration: none;}

#contents_top .caption {
   font-size:70%;
}
#contents_top h1 {
   color:#eeeedf;
   font-size: 105%;
   line-height:180%;
   letter-spacing:1px;
}
#contents_top h2,h3{
   color:#eeeedf;
   font-size: 110%;
   line-height:100%;
   font-weight:normal;
   letter-spacing:1px;
   /letter-spacing:1px;
}
#contents_top .day{
   border-bottom:1px dotted #666;
   width:560px;
   height:16px;
   margin:5px 0;
   clear:both;
   color:#666;
}
#contents_top .news_wrap{
   width:560px;
   margin:10px 0;
   clear:both;
}
#contents_top .news_img{
   float:left;
   margin-right:5px;
}

/* コンテンツ
----------------------------------------------- */
#contents{
   text-align: left; 
   float:left;
   width:740px;
   background-color: #ffffff;
   line-height:160%;
   font-size:11px;
}
#contents_gray{
   text-align: left; 
   float:left;
   width:740px;
   background-color: #e9e9e9;
   line-height:160%;
   font-size:11px;
}
#contents_gray h1,h2{
   font-size: 100%;
   font-weight: normal;
}
#contents .photo{
   float:left;
   width:500px;
}
.concept_LOHAS_text{
   float:left;
   width:490px;
   color:#ffffff;
   padding: 5px;
   margin-top:0px;
   margin-left:auto;
   margin-right:auto;
   background-image: url(../img/photo_under.jpg); 
}
/*-IE7 hack-*/
*:first-child+html .concept_LOHAS_text{
   float:left;
   width:500px;
   color:#ffffff;
   padding: 5px;
   margin-top:0px;
   margin-left:auto;
   margin-right:auto;
   background-image: url(../img/photo_under.jpg); 
}
/*-IE6 hack-*/
* html .concept_LOHAS_text{
   float:left;
   width:500px;
   color:#ffffff;
   padding: 5px;
   margin-top:0px;
   margin-left:auto;
   margin-right:auto;
   background-image: url(../img/photo_under.jpg); 
}
#contents .right_text{
   float:left;
   width:215px;
   margin:0 0 20px 5px;
}
#contents .right_text h1,h2{
   font-size: 100%;
   font-weight: normal;
}
#contents .right_text .text{
   width:200px;
   margin-top:10px;
   margin-left:10px;
   margin-right:10px;
}
#contents .right_text .center{
   text-align: center;
   margin:15px 0 0 0;
}

.about_us{
   width:750px;
}
.about_us .photo{
   width:360px;
   float:left;
   margin:10px 0 0 10px;
}
.about_us .text_wrap{
   float:left;
   width:340px;
   margin:20px 0 0 10px;
}
.about_us .text{
   float:left;
   width:340px;
   margin:10px 0 0 10px;
}

.about_titlebar{
   width:730px;
   margin:20px 0 0 0;
}
.about_message{
   width:750px;
}
.about_message .text{
   float:left;
   width:460px;
   margin:0 20px 0 10px;
}

/* コンセプトページ
----------------------------------------------- */
#info{
   width:500px;
   height:736px;
   position: relative;
   background-image: url(../img/photo_base.jpg); 
}

#pic1 {position: relative; top:174px; left:13px; width:24px; height:24px;}
#pic2 {position: relative; top:195px; left:205px; width:24px; height:24px;}
#pic3 {position: relative; top:413px; left:360px; width:24px; height:24px;}
#pic4 {position: relative; top:430px; left:236px; width:24px; height:24px;}
#pic5 {position: relative; top:330px; left:40px; width:24px; height:24px;}
#pic6 {position: relative; top:228px; left:59px;}

#pic1 a .large {display: block; position: absolute; width: 1px; height: 1px; top: -1px; left: -1px;}
#pic2 a .large {display: block; position: absolute; width: 1px; height: 1px; top: -1px; left: -1px;}
#pic3 a .large {display: block; position: absolute; width: 1px; height: 1px; top: -1px; left: -1px;}
#pic4 a .large {display: block; position: absolute; width: 1px; height: 1px; top: -1px; left: -1px;}
#pic5 a .large {display: block; position: absolute; width: 1px; height: 1px; top: -1px; left: -1px;}

/*-IE6 hack-*/
* html #pic1 a.popup:hover {background-color: #fff;}
* html #pic2 a.popup:hover {background-color: #fff;}
* html #pic3 a.popup:hover {background-color: #fff;}
* html #pic4 a.popup:hover {background-color: #fff;}
* html #pic5 a.popup:hover {background-color: #fff;}

#pic1 a.popup:hover .large {display: block; position: absolute; width: 329px; height: 214px; top: -174px; left: -13px;}
#pic2 a.popup:hover .large {display: block; position: absolute; width: 189px; height: 130px; top: -50px; left: -150px;}
#pic3 a.popup:hover .large {display: block; position: absolute; width: 202px; height: 165px; top: -49px; left: -62px;}
#pic4 a.popup:hover .large {display: block; position: absolute; width: 256px; height: 141px; top: -30px; left: -205px;}
#pic5 a.popup:hover .large {display: block; position: absolute; width: 203px; height: 146px; top: -35px; left: -40px;}

/* shoplist
----------------------------------------------- */
.shoplist_txt{
   width: 665px;
   color:333333;
   margin:0 0 0 50px;
}
.shoplist_txt a{
   color:#336666;
}
.shoplist_txt a:hover{
   color:#e41313;
}
.shoplist_txt a:link,{
   color:#336666;
}
.shop_wrapper {
   font-size:110%;
   letter-spacing: 0.2px;
   margin:10px 0 30px 0;
   padding: 0 0 0 5px;
   clear: both;
   width: 660px;
}
.shop_wrapper .marker{
   margin:0 5px 15px 0;
   float:left;
   width:6px;
}
.shop_wrapper .shop_name{
   font-size:120%;
   font-weight:bold;
}
.sales tr{
   font-size: 11px;
}
.sales .detail1{
   width:110px;
   margin:5px 0 0 0;
   height:17px;
}
.sales .detail2{
   width:550px;
   margin:5px 0 0 0;
}