/*=====================================================

名　称：base.css

概　要：サイト用classライブラリ・一括指定、ヘッダー、
　　　　フッター、ナビゲーション詳細設定

制作日：2008.02.06
修正日：2008.02.06

構　成：ヘッダー（#header）
　　　　　├フラッシュ（#flash）※TOPのみ
　　　　　├内容部分背景表示用（#background）
　　　　　　　├メイン（#main）
　　　　　　　└ナビゲーション（#navigation）
　　　　　└フッター（#foote）

=====================================================*/ 


/*classライブラリ・一括指定
--------------------------------------------------*/
.story{
  width:580px;
  padding:0 0 40px 0;
}
.story:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .story {
    height: 1em;
    overflow: visible;
}
/**/
.story-non{
  width:580px;
  padding:0 0 200px 0;
}
.padding-top{
  padding:20px 0 0 0;
}
.yazirusyh{
  background:url(images/yazirushi01.gif)  no-repeat left center;
  padding:0 0 0 16px;
}
.pdf{
  background:url(images/mark_pdf.gif)  no-repeat left center;
  padding:2px 0 2px 37px;
}
.index-p01{
  padding:15px 0 0 0;
}
.index-p02{
  padding:15px 0 0 0;
}
.green{
  font-weight:bold;
  color:#00904C;
}
.red{
color:#FF0000;
}
.press{
padding-left:12px;
}
 
/*ボディ
--------------------------------------------------*/
body{
  background:#93C266 url(images/back.jpg) repeat-x;
}
 
/*ヘッダー（共通）
--------------------------------------------------*/
#header{
  background:url(images/header.jpg) no-repeat;
}
#header h1{
  padding:112px 0 0 25px;
}
#header h2{
  position:absolute;
  top:30px;
  left:25px;
  z-index:1;
}
#header h3{
  position:absolute;
  top:114px;
  left:220px;
  z-index:2;
}


/*フラッシュ
--------------------------------------------------*/
#flash{
  position:absolute;
  top:60px;
  left:680px;
  width:105px;
  height:75px;
  z-index:3;
}

/*タイトル（共通）
--------------------------------------------------*/
#title-index{
  background:url(images/title_index.jpg) no-repeat;
  width:775px;
  height:416px;
  padding:25px 0 0 35px;
}
#title-index h4{
  font-size:14px;
  color:#FFFFFF;
  font-weight:bold;
}
#title-index p{
  color:#FFFFFF;
}
#title-index a{
  font-size:12px;
  color:#FFFFFF;
  font-weight:bold;
}
*html　#title-index p span{
font-family:"ＭＳ Ｐゴシック", sans-serif;
}
#title-index p span{
font-size:10px;
}
#title-info h4{
  text-indent:-9999px;
  display:block;
  background:url(images/title_info.jpg) no-repeat;
  width:810px;
  height:140px;
}
#title-monodukuri h4{
  text-indent:-9999px;
  display:block;
  background:url(images/title_monodukuri.jpg) no-repeat;
  width:810px;
  height:140px;
}
#title-action h4{
  text-indent:-9999px;
  display:block;
  background:url(images/title_action.jpg) no-repeat;
  width:810px;
  height:140px;
}
#title-craftsman h4{
  text-indent:-9999px;
  display:block;
  background:url(images/title_craftsman.jpg) no-repeat;
  width:810px;
  height:140px;
}
#title-member h4{
  text-indent:-9999px;
  display:block;
  background:url(images/title_member.jpg) no-repeat;
  width:810px;
  height:140px;
}
#title-photo h4{
  text-indent:-9999px;
  display:block;
  background:url(images/title_photo.jpg) no-repeat;
  width:810px;
  height:140px;
}
#title-link h4{
  text-indent:-9999px;
  display:block;
  background:url(images/title_link.jpg) no-repeat;
  width:810px;
  height:140px;
}


/*パンくず（共通）
--------------------------------------------------*/
#pankuzu-info p{
  width:770px;
  height:50px;
  background:url(images/pankuzu_info.jpg) no-repeat;
  padding:0 0 0 40px;
  color:#00904c;
}
#pankuzu-monodukuri p{
  width:770px;
  height:50px;
  background:url(images/pankuzu_monodukuri.jpg) no-repeat;
  padding:0 0 0 40px;
  color:#00904c;
}
#pankuzu-action p{
  width:770px;
  height:50px;
  background:url(images/pankuzu_action.jpg) no-repeat;
  padding:0 0 0 40px;
  color:#00904c;
}
#pankuzu-craftsman p{
  width:770px;
  height:50px;
  background:url(images/pankuzu_craftsman.jpg) no-repeat;
  padding:0 0 0 40px;
  color:#00904c;
}
#pankuzu-member p{
  width:770px;
  height:50px;
  background:url(images/pankuzu_member.jpg) no-repeat;
  padding:0 0 0 40px;
  color:#00904c;
}
#pankuzu-photo p{
  width:770px;
  height:50px;
  background:url(images/pankuzu_photo.jpg) no-repeat;
  padding:0 0 0 40px;
  color:#00904c;
}
#pankuzu-link p{
  width:770px;
  height:50px;
  background:url(images/pankuzu_link.jpg) no-repeat;
  padding:0 0 0 40px;
  color:#00904c;
}
/*内容部分背景表示
--------------------------------------------------*/
#background{
  background:url(images/background.jpg) repeat-y;
  overflow:hidden;
}
#background:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html #background {
    height: 1em;
    overflow: visible;
}
/**/

/*ナビゲーション（共通）
--------------------------------------------------*/
#navi-top{
  width:220px;
  height:20px;
  background:url(images/botton.jpg) no-repeat;
}
#navi-bottom{
  width:220px;
  height:20px;
  background:url(images/botton.jpg) no-repeat;
  background-position:left bottom;
}
#navigation a{
  text-indent:-9999px;
  display:block;
  width:220px;
  background:#ffffff url(images/botton.jpg) no-repeat;
  background-position:left top;
}
#navigation a:hover{
  background:#ffffff url(images/botton.jpg) no-repeat;
  background-position:left top;
  color:#ffffff;
}
#navigation01 a{
  height:30px;
  background-position:0 -20px;
}
#navigation02 a{
  height:30px;
  background-position:0 -50px;
}
#navigation03 a{
  height:20px;
  background-position:0 -80px;
}
#navigation04 a{
  height:20px;
  background-position:0 -100px;
}
#navigation05 a{
  height:30px;
  background-position:0 -120px;
}
#navigation06 a{
  height:20px;
  background-position:0 -150px;
}
#navigation07 a{
  height:20px;
  background-position:0 -170px;
}
#navigation08 a{
  height:20px;
  background-position:0 -190px;
}
#navigation09 a{
  height:30px;
  background-position:0 -210px;
}
#navigation10 a{
  height:20px;
  background-position:0 -240px;
}
#navigation11 a{
  height:20px;
  background-position:0 -260px;
}
#navigation12 a{
  height:20px;
  background-position:0 -280px;
}
#navigation13 a{
  height:30px;
  background-position:0 -300px;
}
#navigation14 a{
  height:20px;
  background-position:0 -330px;
}
#navigation15 a{
  height:20px;
  background-position:0 -350px;
}
#navigation16 a{
  height:30px;
  background-position:0 -370px;
}
#navigation17 a{
  height:30px;
  background-position:0 -400px;
}
#navigation18 a{
  height:20px;
  background-position:0 -430px;
}
#navigation19 a{
  height:20px;
  background-position:0 -450px;
}
#navigation20 a{
  height:30px;
  background-position:0 -470px;
}
#navigation21 a{
  height:30px;
  background-position:0 -500px;
}
#navigation22 a{
  height:30px;
  background-position:0 -530px;
}

#navigation01 a:hover{
  background-position:-220px -20px;
}
#navigation02 a:hover{
  background-position:-220px -50px;
}
#navigation03 a:hover{
  background-position:-220px -80px;
}
#navigation04 a:hover{
  background-position:-220px -100px;
}
#navigation05 a:hover{
  background-position:-220px -120px;
}
#navigation06 a:hover{
  background-position:-220px -150px;
}
#navigation07 a:hover{
  background-position:-220px -170px;
}
#navigation08 a:hover{
  background-position:-220px -190px;
}
#navigation09 a:hover{
  background-position:-220px -210px;
}
#navigation10 a:hover{
  background-position:-220px -240px;
}
#navigation11 a:hover{
  background-position:-220px -260px;
}
#navigation12 a:hover{
  background-position:-220px -280px;
}
#navigation13 a:hover{
  background-position:-220px -300px;
}
#navigation14 a:hover{
  background-position:-220px -330px;
}
#navigation15 a:hover{
  background-position:-220px -350px;
}
#navigation16 a:hover{
  background-position:-220px -370px;
}
#navigation17 a:hover{
  background-position:-220px -400px;
}
#navigation18 a:hover{
  background-position:-220px -430px;
}
#navigation19 a:hover{
  background-position:-220px -450px;
}
#navigation20 a:hover{
  background-position:-220px -470px;
}
#navigation21 a:hover{
  background-position:-220px -500px;
}
#navigation22 a:hover{
  background-position:-220px -530px;
}

#navigation01-stay a{
  height:30px;
  background-position:-440px -20px;
}
#navigation02-stay a{
  height:30px;
  background-position:-440px -50px;
}
#navigation03-stay a{
  height:20px;
  background-position:-440px -80px;
}
#navigation04-stay a{
  height:20px;
  background-position:-440px -100px;
}
#navigation05-stay a{
  height:30px;
  background-position:-440px -120px;
}
#navigation06-stay a{
  height:20px;
  background-position:-440px -150px;
}
#navigation07-stay a{
  height:20px;
  background-position:-440px -170px;
}
#navigation08-stay a{
  height:20px;
  background-position:-440px -190px;
}
#navigation09-stay a{
  height:30px;
  background-position:-440px -210px;
}
#navigation10-stay a{
  height:20px;
  background-position:-440px -240px;
}
#navigation11-stay a{
  height:20px;
  background-position:-440px -260px;
}
#navigation12-stay a{
  height:20px;
  background-position:-440px -280px;
}
#navigation13-stay a{
  height:30px;
  background-position:-440px -300px;
}
#navigation14-stay a{
  height:20px;
  background-position:-440px -330px;
}
#navigation15-stay a{
  height:20px;
  background-position:-440px -350px;
}
#navigation16-stay a{
  height:30px;
  background-position:-440px -370px;
}
#navigation17-stay a{
  height:30px;
  background-position:-440px -400px;
}
#navigation18-stay a{
  height:20px;
  background-position:-440px -430px;
}
#navigation19-stay a{
  height:20px;
  background-position:-440px -450px;
}
#navigation20-stay a{
  height:30px;
  background-position:-440px -470px;
}
#navigation21-stay a{
  height:30px;
  background-position:-440px -500px;
}
#navigation22-stay a{
  height:30px;
  background-position:-440px -530px;
}

#navigation01-stay a:hover{
  background-position:-220px -20px;
}
#navigation02-stay a:hover{
  background-position:-220px -50px;
}
#navigation03-stay a:hover{
  background-position:-220px -80px;
}
#navigation04-stay a:hover{
  background-position:-220px -100px;
}
#navigation05-stay a:hover{
  background-position:-220px -120px;
}
#navigation06-stay a:hover{
  background-position:-220px -150px;
}
#navigation07-stay a:hover{
  background-position:-220px -170px;
}
#navigation08-stay a:hover{
  background-position:-220px -190px;
}
#navigation09-stay a:hover{
  background-position:-220px -210px;
}
#navigation10-stay a:hover{
  background-position:-220px -240px;
}
#navigation11-stay a:hover{
  background-position:-220px -260px;
}
#navigation12-stay a:hover{
  background-position:-220px -280px;
}
#navigation13-stay a:hover{
  background-position:-220px -300px;
}
#navigation14-stay a:hover{
  background-position:-220px -330px;
}
#navigation15-stay a:hover{
  background-position:-220px -350px;
}
#navigation16-stay a:hover{
  background-position:-220px -370px;
}
#navigation17-stay a:hover{
  background-position:-220px -400px;
}
#navigation18-stay a:hover{
  background-position:-220px -430px;
}
#navigation19-stay a:hover{
  background-position:-220px -450px;
}
#navigation20-stay a:hover{
  background-position:-220px -470px;
}
#navigation21-stay a:hover{
  background-position:-220px -500px;
}
#navigation22-stay a:hover{
  background-position:-220px -530px;
}

/*インデックスナビゲーション
--------------------------------------------------*/
#navi-top-index{
  width:220px;
  height:20px;
  background:url(images/botton_index.png) no-repeat;
  behavior:url('iepngfix.htc');
}

#navi-bottom-index{
  width:220px;
  height:20px;
  background:url(images/botton_index.png) no-repeat;
  behavior:url('iepngfix.htc');
  background-position:left bottom;
}

#navigation-index a{
  text-indent:-9999px;
  display:block;
  width:220px;
  height:30px;
  background:url(images/botton_index.png) no-repeat;
  behavior:url('iepngfix.htc');
  background-position:left top;
  cursor:pointer;
}

#navigation-index a:hover{
  background:url(images/botton_index.png) no-repeat;
  behavior:url('iepngfix.htc');
  background-position:left top;
  color:#ffffff;
}


#navigation01-index a{
  background-position:0 -20px;
}
#navigation02-index a{
  background-position:0 -50px;
}
#navigation05-index a{
  background-position:0 -80px;
}
#navigation09-index a{
  background-position:0 -110px;
}
#navigation13-index a{
  background-position:0 -140px;
}
#navigation16-index a{
  background-position:0 -170px;
}
#navigation17-index a{
  background-position:0 -200px;
}
#navigation20-index a{
  background-position:0 -230px;
}
#navigation21-index a{
  background-position:0 -260px;
}
#navigation22-index a{
  background-position:0 -290px;
}

#navigation01-index a:hover{
  background-position:-220px -20px;
}
#navigation02-index a:hover{
  background-position:-220px -50px;
}
#navigation05-index a:hover{
  background-position:-220px -80px;
}
#navigation09-index a:hover{
  background-position:-220px -110px;
}
#navigation13-index a:hover{
  background-position:-220px -140px;
}
#navigation16-index a:hover{
  background-position:-220px -170px;
}
#navigation17-index a:hover{
  background-position:-220px -200px;
}
#navigation20-index a:hover{
  background-position:-220px -230px;
}
#navigation21-index a:hover{
  background-position:-220px -260px;
}
#navigation22-index a:hover{
  background-position:-220px -290px;
}

#navigation01-index-stay a{
  background-position:-440px -20px;
}
#navigation02-index-stay a{
  background-position:-440px -50px;
}
#navigation05-index-stay a{
  background-position:-440px -80px;
}
#navigation09-index-stay a{
  background-position:-440px -110px;
}
#navigation13-index-stay a{
  background-position:-440px -140px;
}
#navigation16-index-stay a{
  background-position:-440px -170px;
}
#navigation17-index-stay a{
  background-position:-440px -200px;
}
#navigation20-index-stay a{
  background-position:-440px -230px;
}
#navigation21-index-stay a{
  background-position:-440px -260px;
}
#navigation22-index-stay a{
  background-position:-440px -290px;
}

#navigation01-index-stay a:hover{
  background-position:-220px -20px;
}
#navigation02-index-stay a:hover{
  background-position:-220px -50px;
}
#navigation05-index-stay a:hover{
  background-position:-220px -80px;
}
#navigation09-index-stay a:hover{
  background-position:-220px -110px;
}
#navigation13-index-stay a:hover{
  background-position:-220px -140px;
}
#navigation16-index-stay a:hover{
  background-position:-220px -170px;
}
#navigation17-index-stay a:hover{
  background-position:-220px -200px;
}
#navigation20-index-stay a:hover{
  background-position:-220px -230px;
}
#navigation21-index-stay a:hover{
  background-position:-220px -260px;
}
#navigation22-index-stay a:hover{
  background-position:-220px -290px;
}


/*メイン（レギュラーページ）
--------------------------------------------------*/
#main{
  padding:0 0 30px 25px;
}
h5{
  width:575px;
  height:65px;
  background:url(images/h5_back.jpg);
  padding:5px 0 0 15px;
}
h6{
  width:545px;
  height:40px;
  background:url(images/h6_back.jpg);
  padding:0 0 0 45px;
}
  
.comment{
  width:500px;
  background:url(images/comment_back.jpg) no-repeat bottom;
  margin:10px 0 20px 50px;
  padding:0 0 20px 0;
  overflow:hidden;
}
.comment:after{
  content: "";
  display: block;
  clear: both;
  height: 1px;
  overflow: hidden;
}
/*\*/
* html .comment{
    height: 1em;
    overflow: visible;
}
/**/

.comment img{
  border:0;
  margin:5px 0 0 10px;
}

.column{
  width:500px;
  margin:10px 0 20px 50px;
  padding:0 0 20px 0;
}


/*インデックス
--------------------------------------------------*/
.yazirusyh-index01{
  background:url(images/yazirushi_index01.png)  no-repeat left center;
  behavior:url('iepngfix.htc');
  padding:0 0 0 16px;
  margin:0 10px 0 0;
}


/*おしらせ（インデックス）
--------------------------------------------------*/
#news{
  width:415px;
  margin:0;
  padding:0;
  background:url(images/news_back.jpg) repeat-y;
}
#news-top h6{
  width:335px;
  height:29px;
  background:url(images/h6_news.jpg) no-repeat;
  padding:5px 0 0 80px;
}
#news-center{
  width:350px;
  height:121px;
  padding:0 30px 10px 35px;
  background:url(images/news_center.jpg) no-repeat bottom;
}
#news-bottom{
  width:385px;
  height:43px;
  padding:5px 30px 0 0;
  background:url(images/news_bottom.jpg) no-repeat;
}
.yazirusyh-index02{
  background:url(images/yazirushi_index02.gif)  no-repeat left center;
  padding:0 0 0 16px;
}

/*新着ブログ（インデックス）
--------------------------------------------------*/
#blog{
  width:385px;
  margin:0;
  padding:0;
  background:url(images/blog_back.jpg) repeat-y;
}
#blog-top h6{
  width:325px;
  height:29px;
  background:url(images/h6_blog.jpg) no-repeat;
  padding:5px 0 0 60px;
}
#blog-center{
  width:350px;
  height:121px;
  padding:0 25px 10px 10px;
  background:url(images/blog_center.jpg) no-repeat bottom;
}

#blog-bottom{
  width:360px;
  height:43px;
  padding:5px 25px 0 0;
  background:url(images/blog_bottom.jpg) no-repeat;
}
.date{
  font-size:10px;
  color:#00904C;
}
.blog-title{
  padding:0 0 8px 0;
}

/*フォトギャラリー
--------------------------------------------------*/
#main-photo{
  width:630px;
  padding:0 0 30px 25px;
}
.photo-box{
  background:url(images/photo_back.gif);
  width:200px;
  height:200px;
}
.photo-story{
  width:150px;
  margin:15px;
  border:0;
}

/*リンク（リンク）
--------------------------------------------------*/
.link img{
  border:0;
  margin:5px 10px 0 0;
}


/*フッター
--------------------------------------------------*/
#footer{
  background:url(images/footer.jpg) no-repeat;
}
#place{
  padding:20px 0 0 140px;
}
#copy{
  padding:32px 25px 0 0;
}

#back-num{
  width:580px;
  text-align:right;
}

.ue{
  width:545px;
  height:20px;
  padding:0 0 0 45px;
  font-size:10px;
  color:#00904C;
}