@charset "utf-8";

/****************************************************************************
ヘッダ
****************************************************************************/

#header {
  width:900px;
  height:73px;
  padding-top:20px;
  margin:0 auto;
}

#logo { float:left; }

#tel { float:right; }

/****************************************************************************
コンテナ
****************************************************************************/

#container {
  position:relative;
  width:906px;
  margin:0 auto;
}

/*メイン*/

#main{
	float:right;
	width:646px;
  background:url(images/main.gif) repeat-y left top;
}

/*パンくずとタイトル*/

#heararea{
  height:137px;
  background:url(images/headarea.gif) no-repeat left 5px #fff;
}

/*パンくず*/

#pathlist{
  height:56px;
  padding-left:15px;
  overflow:hidden;
}

  #pathlist li{
    float:left;
    font-size:0.858em;
    padding-top:28px;
  }
  
/*タイトル*/

#heararea h1,
#heararea #title{
  height:63px;
  padding:15px 0 0 33px;
  }

/*ページタブ*/

#tablist{
  height:43px;
  padding:13px 5px 0 5px;
  background:url(images/tablist.gif) no-repeat left top;
}

	#tablist li{
    height:42px;
    float:left;
    _display:inline;
   }
  
  #tablist li a{
    display:block;
    height:100%;
    text-indent:-9999px;
    overflow:hidden;
    background:no-repeat left bottom;
   }
   
	#tablist li a:hover{
  	background-position:top;
  }
  
    .tab2 li{
      width:303px;
      margin-left:10px;
    }
    
    .tab3 li{
      width:200px;
      margin-left:9px;
    }

/*セクション*/

.section{
  width:580px;
  margin:0 auto 5px auto;
}

/*高さ固定*/
.hfix{
  min-height:200px;
  height:auto !important;
  height:200px;
}

.line_dot{
  padding-bottom:31px;
  background:url(images/line_dot.gif) repeat-x left bottom;
}

.section h2{
  height:24px;
  padding:25px 0 20px 29px; /*テキストの上は20px*/
  background:url(images/main_h2.gif) no-repeat left 25px;
  position:relative;
  margin-left:-29px;
}

/*定義リスト*/

    .section dl{
      width:580px;
      margin:5px auto 0 auto;
      padding-top:1px;
      background:url(images/line_dot.gif) repeat-x left top;
    }
    
    .section dt{
      position:relative;
      width:110px;
      height:30px;
      padding:9px 0;
      line-height:30px;
      font-weight:bold;
      overflow:hidden;
    }
    
    .section dd{
      width:470px;
      padding:9px 0;
      line-height:30px;
      padding-left:110px;
      margin-top:-48px;
      background:url(images/line_dot.gif) repeat-x left bottom;
    }

/*メインのフッタ*/

#footarea{
  padding-top:29px;
  background:url(images/main_foot.gif) no-repeat left top;
}

#gotop {
  text-align:right;
  padding:15px 0 35px 0;
  background:#fff;
}

#gotop a {
  height:24px;
  padding-right:24px;
  background:url(images/gotop.gif) no-repeat right center;
  line-height:24px;
  display:inline-block;
}

/*サイドバー*/

#side{
  float:left;
	width:236px;
}

#sidenavi{
  padding-top:17px;
}

#sidenavi li{
  width:160px;
  height:63px;
  padding:20px 3px 3px 73px;
  background:no-repeat left bottom;
}
#sidenavi #sn01{background-image:url(images/sn01.png);}
#sidenavi #sn02{background-image:url(images/sn02.png);}
#sidenavi #sn03{background-image:url(images/sn03.png);}
#sidenavi #sn04{background-image:url(images/sn04.png);}
#sidenavi li:hover{background-position:top;}

#sidenavi h3{margin-bottom:10px;}

#sidenavi h3 a,
#sidenavi p a{
  display:block;
  height:24px;
  width:88px;
  text-indent:-9999px;
  overflow:hidden;
  background:no-repeat left top;
}
#sidenavi h3 a:hover{ background-position:left -26px;}

#sidenavi #sn01 h3 a{ background-image:url(images/sn01_h3.png);}
#sidenavi #sn02 h3 a{ background-image:url(images/sn02_h3.png); width:82px;}
#sidenavi #sn03 h3 a{ background-image:url(images/sn03_h3.png);}
#sidenavi #sn04 h3 a{ background-image:url(images/sn04_h3.png); width:130px;}

#sidenavi #sn01_01,
#sidenavi #sn01_02,
#sidenavi #sn04_01,
#sidenavi #sn04_02{float:left;}
#sidenavi #sn01_02,
#sidenavi #sn04_02{margin-left:1em;}

#sidenavi p a{
  height:12px;
}
#sidenavi p a:hover{ background-position:left -14px;}

#sidenavi #sn01_01 a{ background-image:url(images/sn01_01.png); width:48px;}
#sidenavi #sn01_02 a{ background-image:url(images/sn01_02.png); width:83px;}
#sidenavi #sn02_01 a{ background-image:url(images/sn02_01.png); width:74px;}
#sidenavi #sn03_01 a{ background-image:url(images/sn03_01.png); width:73px;}
#sidenavi #sn04_01 a{ background-image:url(images/sn04_01.png); width:37px;}
#sidenavi #sn04_02 a{ background-image:url(images/sn04_02.png); width:96px;}

/****************************************************************************
ナビ
****************************************************************************/

#navi {
  width:100%;
  height:33px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
}

#navi ul {
  width:900px;
  margin:0 auto;
}

#navi li {
  float:left;
  line-height:2.358em;
  margin-right:3em;
}

#navi a{
  color:#4d4d4d;
  text-decoration:none;
}

#navi a:hover{
  text-decoration:underline;
}

/****************************************************************************
フッタ
****************************************************************************/

#footer {
  width:900px;
  margin:0 auto;
}

#footer address {
  padding-top:15px;
  font-size:0.786em;
}

#footer img { margin:5px 0 17px 0; }

#footer p { font-size:0.715em; }

/****************************************************************************
共通クラス
****************************************************************************/

.kome {
  text-indent:-1em;
  margin-left:1em;
}

.no {
  text-indent:-1.5em;
  margin-left:1.5em;
}

.ind{  text-indent:1em;}
.sage { padding-top:0.8em; }

.clear:after,
#container:after {
  content:"";
  display:block;
  clear:both;
}

*+html body .clear,
*+html body #container { display:inline-block; }

* html body .clear,
* html body #container { height:1px; }