@charset "UTF-8";

body{
  background-image:url(sozai/heder-line01.gif); 
  background-repeat:repeat-x;
  
}

html{
  overflow: scroll;
  overflow: -moz-scrollbars-vertical; /*  */
  overflow-x: scroll; /*  */
}
#header{
  margin: 0;
  padding: 0;  
  width: 940px;
  height: 85px;
  background-image:url(sozai/heder-top.gif);
  background-repeat: no-repeat;
  background-position: top  left;
  
  
}
#header h1{
  position: absolute;
  top: 23px;
  left: 36px;
  margin: 0;
  padding: 0;
  width: 171px;
  height: 44px;
}
#header h2{
  position: absolute;
  top: 48px;
  left: 600px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  font-weight: normal;
  
}
#header h3{
  position: absolute;
  top: 62px;
  left: 640px;
  margin: 0;
  padding: 0;
  font-size: 13px;
  letter-spacing:0.1em;
  font-weight: normal;
  
}

#container{
  clear: both;
  margin: 0;
  padding: 0;
  width:940px;
  height:auto;
  background-image:url(sozai/index_back.jpg); 
  background-repeat: repeat-x;
  background-position: left top;
  background-color: #FFF3C6;
 
}


#precious_box{
  margin: 0;
  padding: 0;
  width:940px;
  height:30px; 
  background-color:FFE167;
}
#precious_box h3{
  margin: 0;
  padding: 0;
 }
#precious_box h4{

}
#precious_box .day{
  margin: 0;
  padding-left: 30px;
  font-size:15px;
  font-weight: 600;
  color: #666666;
  width:200px;
  height: 30px;
}
#precious_box .haiku{
  margin: 0;
  padding: 0;
  width: 200px;
  height: 30px;
  }
.haiku p{
  margin: 0;
  margin-left: 3px;
  padding: 2px 7px;
  font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
  font-size: 14px;
  font-weight:600;
  color:#333333;
  width:247px;
  height:18px;
  background-color:#FFFFFF;
  }
.Search{
  margin: 0;
  padding-left: 10px;
  width: 338px;
  } 
#contents{
  margin: 0;
  margin-top: 10px;
  padding: 0;
  padding-bottom: 30px;
  width: 940px;
  height:auto;
 
 }
  

#inner{
  float:left;
  width:640px;
  height:auto;
}  
  
   
#column01{
  float:left;
  margin:0;
  padding:0;
  width:200px;
  height:auto;
  clear:left;
}

#column02{
  float:right;
  margin:0 10px 0 0;
  padding:0;
  width:430px;
  height:auto;
  background-color:#FFFFFF;
 
}

*html #column02{
  
  margin:0 5px 0 5px;
  padding:;
  width:430px;
  height:auto;
  background-color:#FFFFFF;
  }

.topics{
  margin: 5px 5px 10px 5px;
  padding: 0;
  width: 420px;
  height: auto;
  border-bottom: 1px solid #A9D863;
  } 
.topics h2{
  margin: 0 0 5px 0;
  padding: 3px 0 1px 18px;
  font-size: 15px;
  font-weight: 600;
  color:#FFFFFF;
  background-image: url(sozai/subheading_bace.png);
  background-repeat: no-repeat;
  }
  
.topics2{
  margin: 5px 5px 10px 5px;
  padding: 0;
  width: 420px;
  height: auto;
  border-bottom: 1px solid #FF6600;
  }   
 
.topics2 h2{ 
  margin: 0 0 5px 0;
  padding: 3px 0 1px 18px;
  font-size: 15px;
  font-weight: 600;
  color:#FFFFFF; 
  background-image: url(sozai/subheading_bace2.png);
  background-repeat: no-repeat;
  } 
  
.topics h3, .topics2 h3{ 
  margin: 0;  
  padding: 0 0 5px 10px;
  font-size: 14px;
  font-weight: 300;
  color:#333333;
   }

.topics h3 a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}

.topics p, .topics2 p {
 margin: 0 10px;
 padding: 3px 3px 10px 3px;
 font-size: 12px;
 color: #666666;
 line-height:1.5;
 }

.topics-box{
  margin: 3px 5px 0;
  padding: 0;
  width: 414px;
  border-bottom: 1px dotted #FF6600;
  } 
.img01{
  float:left;
  margin: 0;
  padding:0 10px 10px 5px;
   
} 

.img02{
  float:right;
  position: bottom right;
  padding:0 10px 10px 10px;
   
}
     

#column03{
  float:right;
  margin:0 10px 0 0;
  padding:0;
  width:280px;
  height:100%;
  background-color:#FFFFFF;
}

*html #column03{
  float:right;
  margin:10px 5px 0 0;
  padding:0;
  width:290px;
  height:auto;
  background-color:#FFFFFF;
}

.news{
  margin: 5px 5px 10px 5px;
  padding-bottom: 5px;
  width: 260px;
  height: auto;
  
  } 
.news h2{
  margin:0;
  padding:3px 0 10px 18px;
  font-size: 15px;
  font-weight: 600;
  color:#FFFFFF;
  background-image: url(sozai/subheading_bace2.png);
  background-repeat: no-repeat;
  }
.news h4{
  margin:0 0 0 10px;
  padding:1px 0 1px 15px;
  font-size:13px;
  font-weight:normal;
  color: #FFFFFF;
  width: 230px;
  height: 18px;
  background-image: url(sozai/news_separate_bck.png);
  background-repeat: no-repeat;
  }
.news h4 a{
  margin: 0;
  padding:0 0 1px 50px; 
  font-size: 12px;
  font-weight:normal;
  color: #FFFFFF;
  }
.news ul{
  margin: 0 0 0 1em;
  padding: 0;
  list-style-position:inside;
}

.news li{
  padding: 3px 0 3px 14px;
  background: url(sozai/yajirushi01.png) no-repeat 0px 6px;
  list-style: none;
  border-bottom: 1px dotted #999;
  font-size: 11px;
  color:#333333; 
}

.news li a,.news li a:link{
 text-decoration:none;
  color:#333333;
  }

.news li a:hover{
  text-decoration:none;
  color:#FF6600;
}

.news p{
  margin: 0;
  padding: 5px 10px 10px 10px;
  font-size: 11px;
  color:#666666;
  line-height:1.5;
  } 
  
.cbanner{
  margin: 0 0 5px 0px;
  padding: 0;
  width: 280px;
  height: auto;  
}  
.cbanner img{
  margin: 0 10px;
  } 

.cbanner a:hover img{
  opacity:0.8;
  filter:alpha(opacity=80);
  -ms-filter: "alpha( opacity=80 )";
  }    

.newsn{
  margin: 2px 3px 10px 10px;
  padding-bottom: 5px;
  width: 260px;
  height: auto;
  
   }
.blg{
  border: 1px solid #A3D557;
  }   
.newsn h4{
  margin: 0;
  }
  
   
.newsn ul{ 
  margin: 0 0 0 1em;
  padding: 0;
  list-style:none;
}
   

.newsn li{
  margin: 0;
  padding-bottom: 1px;
  font-size: 11px;
  } 
.newsn li a,.newsn li a:link{
 
 color:#0033CC;

  }

.newsn li a:hover{
  text-decoration:none;
  color:#FF6600;
}

.newso{
  margin: 2px 5px 5px 5px;
  padding-bottom: 5px;
  width: 280px;
  height: auto;
  
   }

#oyaku{
  margin-left:5px;
  }
   
#v-link{
  float: left;
  margin: 0 0 5px 0;
  padding: 0;
  width:175px;
  height:auto;
}
   
#v-link ul{ 
  margin: 0 0 0 1em;
  padding: 0;
  list-style:none;
   } 
#v-link li{
  margin: 0;
  padding-bottom: 1px;
  font-size: 11px;
  } 
#v-link li a,#v-linkn li a:link{
 text-decoration:none;
 color:#3A64AF;

  }

#v-link li a:hover{
  text-decoration:none;
  color:#FF6600;
}




#igis{
  float: right;
  margin: 0;
  padding:0 15px 10px 0;
  width:70px;
  height:auto;
}
   

#navierea{   /* ナビエリア（親は#container） */ 
 
  margin: 0;
  padding: 2px 10px 15px 0;
  padding: 0;
  width:200px;
  height: auto;
 
 
}


#areanavi,#typenavi,#contentsnavi,#newshopnavi{
  margin: 0;
  padding: 0 10px 10px 10px;
  width:180px;
  height: auto;
 
}
#areanavi li,#typenavi li,#contentsnavi li,#newshopnavi li,#nokkoi li{
  font-size: 12px;
}

#areanavi h3{  /* 地域ナビ */ 
  margin:0;
  padding: 0;
  text-indent:-9999px;
  background-image: url(sozai/areanavi-cap.gif);
  background-repeat: no-repeat;
  width: 180px;
  height: 25px;
}
#areanavi ul,#typenavi ul{
  margin: 0;
  padding: 0;
  list-style: none;
  width:178px;
  height: auto;
  border: 1px solid #9D773E;
  border-bottom: 0;
  border-top: 0;
  

}
#areanavi li{
  width: auto;
  height: auto;
  border-bottom: 1px solid #999999;
}
#areanavi a,#areanavi a:link,#areanavi a:visited{
  padding: 3px 15px;
  text-decoration: none;
  display: block;
  color: #666666;
  background-color: #F2FAFB;
} 
#areanavi a:hover{
  background-color: #D0F5FF;
  color: #000000;
    
}  

#typenavi h3{ /* 職種ナビ */ 
  margin:0;
  padding: 0;
  text-indent:-9999px;
  background-image: url(sozai/typenavi-cap.gif);
  background-repeat: no-repeat;
  width: 180px;
  height: 25px;
}
#typenavi li{
  width: auto;
  height: auto;
  border-bottom: 1px solid #999999;
}
#typenavi a,#typenavi a:link,#typenavi a:visited{
  padding: 3px 15px;
  text-decoration: none;
  display: block;
  color: #666666;
  background-color: #F2FAFB;
} 
#typenavi a:hover{
  background-color: #D0F5FF;
  color: #000000;
    
}

#newshopnavi h3{   /* 新規登録ナビ */
  margin:0;
  padding: 0;
  text-indent:-9999px;
  background-image: url(sozai/newshopnavi-cap.gif);
  background-repeat: no-repeat;
  width: 180px;
  height: 25px;
}
#newshopnavi ul{
  margin: 0;
  padding: 0;
  list-style: none;
  width:178px;
  height: auto;
  border: 1px solid #FE8DCE;
  border-top: 0;
  

}
#newshopnavi li{
  width: auto;
  height: auto;
  
}
#newshopnavi a,#newshopnavi a:link,#newshopnavi a:visited{
  padding: 1px 10px;
  display: block;
  color: #666666;
  background-color: #FFFFFF;
} 
#newshopnavi a:hover{
  background-color: #D0F5FF;
  color: #000000;
    
}    

#contentsnavi h3{   /* おすすめナビ */
  margin:0;
  padding: 0;
  text-indent:-9999px;
  background-image: url(sozai/contentsnavi-cap.gif);
  background-repeat: no-repeat;
  width: 180px;
  height: 25px;
}
#contentsnavi ul{
  margin: 0;
  padding: 0;
  list-style: none;
  width:178px;
  height: auto;
  border: 1px solid #88E02E;
  border-bottom: 0;
  border-top: 0;
  

}
#contentsnavi li{
  width: auto;
  height: auto;
  border-bottom: 1px solid #A8E967;
}
#contentsnavi a,#contentsnavi a:link,#contentsnavi a:visited{
  padding: 3px 15px;
  text-decoration: none;
  display: block;
  color: #666666;
  background-color: #F2FAFB;
} 
#contentsnavi a:hover{
  background-color: #D0F5FF;
  color: #000000;
    
} 

.partition{
  margin: 0;
  line-height: 1.1;
}

 
#nokkoi{
  margin: 10px 10px 20px;
  padding: 0;
  width:180px;
  height: auto;
  background-color:#FFFFFF;
}


#nokkoi ul{
  margin: 0;
  padding: 0;
  list-style: none;
  width:180px;
  height: auto;
  border-top: 1px solid #999999;
  

}
#nokkoi li{
  width: auto;
  height: auto;
  border-bottom: 1px solid #999999;
}
#nokkoi a,#nokkoi a:link,#nokkoi a:visited{
  padding: 3px 15px;
  text-decoration: none;
  display: block;
  color: #666666;
  background-color: #FFFFFF;
} 
#nokkoi a:hover{
  background-color: #D0F5FF;
  color: #000000;
    
}  

.clear{
  clear: both;
 
}

.tagnavi h3{  /* たぐなび */ 
 
  margin: 0;
  padding: 0 10px 10px 10px;
  width:180px;
  height: auto;
 
 
}


/* トピック他　*/ 
#contents_box{
  margin: 20px 20px 20px 30px;
  width: 670px;
  height: auto;
}
#contents_box ul{list-style-position: inside;
  }
#contents_box li{
  padding: 5px 20px;
  background: url(sozai/mark_ho.gif) no-repeat 2px 9px;
  list-style: none;
  border-bottom: 1px dotted #666;
   
}


#contents_boxli a:link{
  text-decoration: none;
}
#contents_box li a:hover{
  text-decoration:underline;
}


#footer{
  bottom:0;
  height:30px;
  width:100%;
   
}
#footer p{
 margin:5px auto;
 width:250px;
 font-size:10px;
 color:#333333;
 }