/*----------------------------------------
BODY
-------------------------------------------*/

body {
	text-align: center;
	margin:0 auto;
	background-color: #000000;
}
.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;
}
#container_top{
	text-align:left;
	margin: 0 auto;
	width:800px;
	font-size:70%;
	color:#fff;
}
img{
	border:none;
	vertical-align: bottom;
}
h1,h2 {
    font-size: 130%;
    line-height: 150%;
}
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:140px;
	margin:0 0 20px 0px;
}
#left_navi .header_text{
	margin-left:10px;
}
#left_navi .flashcontent{
	width:140px;
	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;
}
#contents_top .news_wrap{
	width:560px;
	margin:10px 0;
	clear:both;
}
#contents_top .news_wrap p{
	margin-top:-20px;
}
/* コンテンツ
----------------------------------------------- */
#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 .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 .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{
	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_wrap {
	font-size:110%;
	letter-spacing: 0.2px;
	margin:10px 0 30px 0;
}
.shop_wrap .marker{
	margin:0 5px 0 0;
	float:left;
	width:6px;
}
.shop_wrap .shop_name{
	font-size:120%;
	font-weight:bold;
}
.shop_name_wrap{
}
.shop_name_wrap .contents1{
	float:left;
	width:110px;
	margin:5px 0 0 0;
}
.shop_name_wrap .contents2{
	width:550px;
	margin:5px 0 0 0;
}