html,body{margin:0;padding:0}

body{
   font: 100% "ＭＳ Ｐゴシック", Osaka,arial,sans-serif;
   background: url(http://www.lohasfesta.jp/img_common/templates/header.gif) no-repeat center 0 ;

}

p{margin:0 10px 10px 10px}

.to_top{
     clear: both;
     text-align: right;
     margin: 80px 0 0 0;  

}

a{color: #ff9900;}

img {
    border-style:none;
    margin: 0;
    padding: 0;
}


blockquote {
  border: solid 1px #ccc;
  position:relative;
  width: 560px;
  margin:0 ;
}

blockquote h3 {
  position:absolute;
  top:-0.5em;
  left:0.5em;
  font-size:1em;
  font-weight:bold;
  display:inline;
  margin:0;
  padding:0 0.5em;
  background-color:#fff;
}

blockquote p{
  padding: 20px;
  margin:0 ;
}

#container{
         
          width:auto;
          margin: 0 auto; 
                  
}

#header {
        width:800px; 
        height: 180px;
        margin: 0 auto; 
        background: url(http://www.lohasfesta.jp/img_common/templates/header.gif) no-repeat center 0px ; 

}

#header h1{
        margin: 0;
        padding: 0px 0 0 20px;
        font-size: 80%;
        overflow: hidden;
        text-indent:-999px;
}

#header h1 a{
        display:block;
        width: 170px;
        height: 170px;
}


#wrapper{ 
      width:800px; 
      margin:0 auto;
   
}

#content{
      display: inline;
      float: right;    
      width: 580px;
      height: auto;
      margin:0 0 0 0px;
      padding: 0;

}

#content h2{
     height: 37px;
     font-size: 120%;
     font-weight: 900;
     margin: 15px 0 15px 0;
     padding:  0 ;
     color: #664620;
     background: url(../img/h2_bg.gif) 0 20px no-repeat; 
}

#content h3{
    font-size: 90%; 
    font-weight: bold; 
    color: #333
}

#content p{
     line-height:1.4
}



#navigation{

     float:left;   
     width: 200px;



}
/*********************************************
       Bread
*********************************************/
ol#bread {
     margin: 0;
     padding: 0;
     list-style-type: none;
}

ol#bread li {
    display: inline;
    font-size: 75%;
}

ol#bread li a{
    color: #666;
}

ol#bread li.crumb {
    padding-left: 15px;
    background: url(../img/bread_arrow.gif) 3px 3px no-repeat;
}


/*********************************************
       ロハスフェスタって？
*********************************************/
.what {
     margin: 0;
     padding: 0 0 30px 0; 
     clear: both;
     width: 570px;
     height: auto;
     line-height: 200%;
     font-size: 90%;
     color: #666;
     /*border-bottom: 1px dashed;*/
   
}

.img_right {
     clear: both;
     float: right;
     margin: 0 0 0 5px;

}

.img_left {
     clear: both;
     float: left;
     margin: 0 10px 0 0;

}


#prof {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 80%;
    color: #666;
}

#prof li{
    padding: 10px 0 10px 15px;
    background: url(../about/img/arrow.gif) 0px 14px no-repeat;
    border-bottom: 1px dashed #666; 
   /* border-left: 10px solid #826748;*/
}


/*********************************************
      お支度しましょ！
*********************************************/

#pre_title{
      width: 560px;
      height: 360px;
      background: url(../join/img/prepare_img_bg.jpg) 325px 0 no-repeat;
      text-align: left;

}

.left_box{
    float: left;
    width: 280px; 
    margin: 0 0 50px 0;


}

.right_box{
    float: right;
    width: 280px; 
    margin: 100px 0 0 0;


}

.img_left{
   float: left;
   padding: 10px;

}

.img_right{
   float: right;
   padding: 10px;

}

.txt{
  padding: 50px 0 0 0 ;
  
  
}


/*********************************************
       よくある質問
*********************************************/


/*－－－－－－－－－－－－－－－－－－－－－－－－－－*/


.que {
    width: 510px;
    border: solid 1px #999;
	background: #EEF7F7 url("../img/faq/Q.gif") no-repeat 10px 10px;
	margin: 5px 0 0 0;
	padding: 10px 10px 10px 42px;
	font-size: 14px;
	 font-weight: bold;
}



.ans {
	margin: 15px 10px 0 0;
	background: url("../img/faq/A.gif") no-repeat 10px 0px;
	padding: 0 0 0px 34px;

}


.ans p {
	margin-bottom: 3em;
	line-height: 180%;	
}


/*********************************************
       出展するには
*********************************************/

.for_shop ul{
    margin: 0 0 0 0;
    padding: 0 0 0 25px;
}

.for_shop  li{
     list-style:circle;
     font-size: 90%; 
     color: #666;
     line-height: 150%;
}

.decimal ul{
    margin: 0 0 0 0px;
    padding: 0 0 0 30px;
}

.decimal li{
     list-style:decimal;
     font-size: 90%; 
     color: #666;
     line-height: 150%;
}

/*********************************************
       link
*********************************************/

#link {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 80%;
    color: #666;
}

#link li{
    margin: 0px 15px 10px 5px;
    padding: 5px 0px 15px 15px;
    background: url(../img/arrow02.gif) 0px 9px no-repeat;
    border-bottom: 1px dashed #666; 
   /* border-left: 10px solid #826748;*/
}


/*********************************************
       inquiry_botton
*********************************************/



#inquiry_botton {
   	clear: left;
        float: left;
        width: 200px;
        height: 45px;	
	padding: auto 0;
	margin: 5px 0 0 0;
        text-indent: -999px;
	display: block;
        overflow: hidden;

}

#inquiry_botton a{
        display:block;
        color: #981793;
        padding:5px
}

#inquiry_botton ul {

        margin: 0px; 
        padding: 0px;
	height: auto;
        overflow: hidden;
}

#inquiry_botton li {
	
	display: block;
         overflow: hidden;
}

#inquiry_botton ul li a {
        width: 200px;
        height: 50px;
	background: url(../img_common/templates/inquiry_botton_off.gif) 0px 0px no-repeat;
        overflow: hidden;

}

#inquiry_botton ul li a:hover {
        width: 200px;
        height: 50px;
	background:  url(../img_common/templates/inquiry_botton_on.gif) 0px 0px no-repeat;
        overflow: hidden;
}

/*********************************************
       公式ブログバナー
*********************************************/

#official_blog {
   	clear: left;
        float: left;
        width: 200px;
        height: 45px;	
	padding: auto 0;
	margin: 5px 0 0 0;
        text-indent: -999px;
	display: block;
        overflow: hidden;

}

#official_blog a{
        display:block;
        color: #981793;
        padding:5px
}

#official_blog ul {

        margin: 0px; 
        padding: 0px;
	height: auto;
        overflow: hidden;
}

#official_blog li {
	
	display: block;
         overflow: hidden;
}

#official_blog ul li a {
        width: 200px;
        height: 50px;
	background: url(../img_common/templates/official_blog_off.gif) 0px 0px no-repeat;
        overflow: hidden;

}

#official_blog ul li a:hover {
        width: 200px;
        height: 50px;
	background:  url(../img_common/templates/official_blog_on.gif) 0px 0px no-repeat;
        overflow: hidden;
}

/*********************************************
       エコアクションポイントバナー
*********************************************/

#ecoaction_banner {
   	clear: left;
        float: left;
        width: 200px;
        height: 45px;	
	padding: auto 0;
	margin: 5px 0 0 0;
        text-indent: -999px;
	display: block;
        overflow: hidden;

}

#ecoaction_banner a{
        display:block;
        color: #981793;
        padding:5px
}

#ecoaction_banner ul {

        margin: 0px; 
        padding: 0px;
	height: auto;
        overflow: hidden;
}

#ecoaction_banner li {
	
	display: block;
         overflow: hidden;
}

#ecoaction_banner ul li a {
        width: 200px;
        height: 50px;
	background: url(../img_common/templates/eco_action_point_off.gif) 0px 0px no-repeat;
        overflow: hidden;

}

#ecoaction_banner ul li a:hover {
        width: 200px;
        height: 50px;
	background:  url(../img_common/templates/eco_action_point_on.gif) 0px 0px no-repeat;
        overflow: hidden;
}
/*********************************************
       left feed
*********************************************/

#left_feed {
   	clear: left;
    float: left;
    width: 190px;
	text-align: left;
    line-height: 150%;	
	font-size: 80%;
	padding: 5px 5px 0 5px;
	margin: 10px 0 0 0;
	display: block;
	border-top: 1px dashed #565656;
}

/*********************************************
       left free space
*********************************************/

#left_free {
   	clear: left;
    float: left;
    width: 190px;
	text-align: left;
    line-height: 150%;	
	font-size: 80%;
	padding: 5px 5px 0 5px;
	margin: 10px 0 0px 0;
	display: block;
	border-top: 1px dashed #565656;
}


#left_free a{
	padding: 0px 0px 0 0px;
	margin: 15px 30px 0 0;
	display: block;
}

#left_free .left{

    float: left;
    width: 90px;
	text-align: left;
    line-height: 150%;	
	font-size: 73%;
	padding: 5px 5px 0 0px;
	margin: 0px 0 0 0;
	display: block;
}

#left_free .right{

    float: left;
    width: 90px;
	text-align: left;
    line-height: 150%;	
	font-size: 91.6%;
	padding: 5px 0px 0 0px;
	margin: 0px 0 0 0;
	display: block;
}

#left_free .bottom {
   	clear: left;
    float: left;
    width: 190px;	
	padding: 5px 5px 0px 5px;
	margin: 10px 0 -22px 0;
	display: block;
	border-top: 1px dashed #565656;
}

/*********************************************
       left Navigaion 
*********************************************/
#menu {
   
        width: 200px;
        height: 370px;/*ここで高さ指定　IE7用*/
	font-weight: bold;
	text-align: left;	
	text-transform: uppercase;
	padding: 0;
	margin: 0px 0 0 0;
	display: block;
	clear: both;
        overflow: hidden;
}
#menu ul {

        margin: 0px; 
        padding: 0px;
	height: 25px;
}
#menu ul li {
	
	color: #000;
	display: block;
	float: left;
	list-style-type: none;
	margin: 0px; padding: 0px;
        overflow: hidden;

}
#menu ul li a {
        width: 170px;
        height: 22px;
	background: url(../img_common/templates/leftmenu_bg_off.gif) 0px 0px no-repeat;
	display: block;
	color: #664620;
	margin: 0px 0 8px 0px; padding: 3px 0px 0 30px;
	text-decoration: none;
	font-size: 80%;
	line-height: 22px;
        overflow: hidden;
	}

#menu ul li a:hover {
        width: 170px;
        height: 22px;
	background:  url(../img_common/templates/leftmenu_bg_on.gif) 0px 0px no-repeat;
	color: #664620;
	margin: 0px 0 8px 0px; padding: 3px 0px 0 30px;
	text-decoration: none;
	line-height: 22px;
        overflow: hidden;
	}






/*********************************************
       horizontal Navigaion 
*********************************************/

.preload17a {background: url(../img/sub_menu/pro_seventeen_1a.gif);}
.preload17b {background: url(../img/sub_menu/pro_seventeen_1b.gif);}
.menu17 {

	padding:0 ;
	margin:10px 0 25px 0;
	list-style:none;
	height:31px;
	position:relative;
	/*background:transparent url(../img/sub_menu/pro_seventeen_0c.gif) repeat-x left bottom;*/
	font-size: 120%;
	width: 565px;
        background:transparent url(../img/sub_menu/bg_line.gif) 0px 28px no-repeat ;
}
.menu17 li {
        float:right; 
        height:25px;
        margin-right:3px;


}

.menu17 li a {
              
              
              display:block; 
              float:left; 
              height:31px; 
              line-height:30px;
              color:#fff;
              text-decoration:none;
              font-family:arial, verdana, sans-serif; 
              font-weight:normal;
              text-align:center;
              padding:0px 0 0px 4px;
              cursor:pointer;
              background:url(../img/sub_menu/pro_seventeen_0a.gif) no-repeat;
              font-size: 65%;
}
			  
			  
.menu17 li a b {float:left; display:block; padding:0 6px 0px 5px; background:url(../img/sub_menu/pro_seventeen_0b.gif) no-repeat right top;}
.menu17 li.current a {color:#000; background:url(../img/sub_menu/pro_seventeen_2a.gif) no-repeat;}
.menu17 li.current a b {background:url(../img/sub_menu/pro_seventeen_2b.gif) no-repeat right top;}
.menu17 li a:hover {color:#000; background: url(../img/sub_menu/pro_seventeen_1a.gif) no-repeat;}
.menu17 li a:hover b {background:url(../img/sub_menu/pro_seventeen_1b.gif) no-repeat right top;}
.menu17 li.current a:hover {color:#000; background: url(../img/sub_menu/pro_seventeen_2a.gif) no-repeat; cursor:default;}
.menu17 li.current a:hover b {background:url(../img/sub_menu/pro_seventeen_2b.gif) no-repeat right top;}


/*********************************************
		Sitemap ul li
*********************************************/


#sitemap ul {

        margin: 0px; 
        padding: 8px 0 0 20px;
	list-style-type: none;
	font-size: 80%; 
	color: #666;
}

#sitemap ul li {

        margin: 0px; 
        padding: 0px 0 5px 0px;
	list-style-type: none;


}

#sitemap li a:hover{

	text-decoration: underline;
}

#sitemap ul li a{

	color: #000;
      font-weight: bold;
	list-style-type: none;
	margin: 0px 0 10px 0; 
        padding: 0px 0 0px 15px;
        background: url(../sitemap/img/arrow.gif) 0px 0px no-repeat;        
        text-decoration: none;
}

#sitemap ul li.child a{

	color: #666;
	list-style-type: none;
	margin: 0px; 
        padding: 0px 0 0 15px;
        background: url(../sitemap/img/arrow_child.gif) 0px 0px no-repeat;
}

/*********************************************
		Circle box
*********************************************/
#circlebox{
    width: auto;
    margin: 10px 10px 20px 10px;

}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4 {display:block; overflow:hidden;}
.xb1, .xb2, .xb3 {height:1px;}
.xb2, .xb3, .xb4 {background:#fff; border-left:1px solid #999; border-right:1px solid #999;}
.xb1 {margin:0 5px; background:#999;}
.xb2 {margin:0 3px; border-width:0 2px;}
.xb3 {margin:0 2px;}
.xb4 {height:2px; margin:0 1px;}

.boxcontent {display:block; border:0 solid #999; border-width:0 1px; height:auto;}
.boxcontent p {margin: 0; padding: 5px;}
* html .boxcontent {height:1px;}

.c01 {background:#669933; color:#fff; padding: 5px; font-size: 90%; font-weight: bold; border-top: 5px solid #664620;}
.c02 {background:#cc6600; color:#fff; padding: 5px; font-size: 90%; font-weight: bold; border-top: 5px solid #664620;}
.c03 {background:#666666; color:#fff; padding: 5px; font-size: 90%; font-weight: bold; border-top: 5px solid #664620;}
.c04 {background:#b2ab9b; color:#000; padding: 5px; font-size: 90%; font-weight: bold; border-top: 5px solid #664620;}




/*********************************************
 第7回ロハスフェスタに参加しよう　マップ＆リスト
*********************************************/

#map a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:20px 0; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0904/buton_map_on.gif) no-repeat;
}

#map a:hover{
  background: url(../join/img/0904/buton_map_off.gif) no-repeat;
}

#map a:focus{
	outline:none;
}

/*********************************************
  リスト01
*********************************************/
#list01 a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:20px 0;
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0904/buton_06_on.gif) no-repeat;
}

#list01 a:hover{

  background: url(../join/img/0904/buton_06_off.gif) no-repeat;
}
#list01 a:focus{
	outline:none;
}


/*********************************************
 第六回ロハスフェスタに参加しよう　マップ＆リスト
*********************************************/

#ma a{
  display: block;
  width: 570px;
  height: 56px;
  margin:20px 0; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0810/buton_map_on.gif) no-repeat;
}

#ma a:hover{

  background: url(../join/img/0810/buton_map_off.gif) no-repeat;
}

/*********************************************
  リスト01
*********************************************/
#list0 a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:5px 2px 5px 2px;; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0810/buton_01_on.gif) no-repeat;
}

#list0 a:hover{

  background: url(../join/img/0810/buton_01_off.gif) no-repeat;
}

/*********************************************
  リスト02
*********************************************/

#list0 a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:5px 2px 5px 2px;; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0810/buton_02_on.gif) no-repeat;
}

#list0 a:hover{

  background: url(../join/img/0810/buton_02_off.gif) no-repeat;
}

/*********************************************
  リスト03
*********************************************/

#list0 a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:5px 2px 5px 2px;; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0810/buton_03_on.gif) no-repeat;
}

#list0 a:hover{

  background: url(../join/img/0810/buton_03_off.gif) no-repeat;
}

/*********************************************
  リスト04
*********************************************/

#list0 a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:5px 2px 5px 2px;; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0810/buton_04_on.gif) no-repeat;
}

#list0 a:hover{

  background: url(../join/img/0810/buton_04_off.gif) no-repeat;
}

/*********************************************
  リスト05
*********************************************/

#list0 a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:5px 2px 5px 2px;; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0810/buton_05_on.gif) no-repeat;

}

#list0 a:hover{

  background: url(../join/img/0810/buton_05_off.gif) no-repeat;
}

/*********************************************
  リスト06
*********************************************/

#list0 a{
  float: left;
  display: block;
  width: 186px;
  height: 45px;
  margin:5px 2px 20px 2px;; 
  padding: 0px;
  text-indent:-9999px;
  text-decoration:none; 
  background: url(../join/img/0810/buton_06_on.gif) no-repeat;

}

#list0 a:hover{

  background: url(../join/img/0810/buton_06_off.gif) no-repeat;
}


/*********************************************
　　　　エコアクションポイント
*********************************************/
.kadomaru {
	width:570px;
	height:30px;
	margin-bottom: -6px;
	background: url(../ecoaction/img/top.gif) no-repeat ;
}
.kadomaru_middle{
	width:570px;
	background:url(../ecoaction/img/middle.gif) repeat-y;
}
.kadomaru_bottom {
	width:570px;
	margin-bottom: 20px;
	background:url(../ecoaction/img/bottom.gif) no-repeat ;
}


/*********************************************
		Footer 
*********************************************/
#footer {
      clear:both;
      display: block;
      margin: 20px auto 0px auto;
      padding: 0;
      width: auto;
      height: 90px;
      font-size: 80%;
      text-align: left;
      background: url(http://www.lohasfesta.jp/img_common/templates/footer.gif) center 20px no-repeat;  
    
}




#footer p{
       display: block;
       width: 800px;
       margin:0 auto;
       text-align: right;
       padding:65px 0px 0 0;
       color: #fff;
      font-size: 90%;

}


#footernav {
        display: block;
        width: 800px;  
        height: auto;
        margin: 0px auto 0px auto;
        padding: 0 0 0px 0;
        text-align: left;
        font-size: 85%;

}
#footernav ul{

	margin: 0px; padding: 10px;
}

#footernav li{
	display: inline;
	border-left: 1px solid #DDD;
	margin: 0px; padding: 0px 10px 0 10px;
}

#footernav li.left {
	border: none;
	margin: 0px; padding: 0px 10px 0 0px;
}


#footernav li a {
        display: inline;
	color: #666;
	text-decoration: none;
	margin: 0px; padding: 0px;
}
#footernav li a:hover {
        display: inline;
	color: #333;
	text-decoration: underline;
}

/*********************************************
		角丸背景
*********************************************/

#radius{
      border-image:url(../img/radius.png) 30 30 30 30;
	  -webkit-border-image:url(../img/radius.png) 30 30 30 30;
	  -moz-border-image:url(../img/radius.png)  30 30 30 30;
	  border-width: 30px;
	  width: 495px;
	  background-color: #fff;
	  margin: 10px 30px 20px 10px;
	  padding: 0px;
}


/*********************************************
		404/403エラー
*********************************************/
.notfound1{
      width:560px;
      padding:10px;
      font-size: 80%;
}
.notfound2{
      width:580px;
      text-align:center;
      padding-top: 30px;
}