@charset "UTF-8";



/* ヘッド */

div#header{
  width: 780px;
  height: 66px;
  margin: auto;}


div#header ul{
	text-align: right;
	padding-bottom: 15px;
	vertical-align: middle;
 }
  

div#header ul li{
  display: inline;
  list-style-type: none;
  padding: 0 5px 0 12px;
  background: url(../img/header_list.gif) no-repeat left center;
  font-size: small;

  }

/* タイトルロゴ (h1, p) */

h1#logo {
  width: 250px;
  height: 40px;
  position: relative;
  left: 30px;
  top: 16px;

  }

/* ビジュアル */

div#visual{
clear: both;
  width: 780px;
  height: 230px;
  margin: auto;
 background: url(../img/visual-bac.gif) no-repeat;
}



div#visual h2{
  text-indent: -9999px;
    overflow:hidden;
  }
  
/* コンテンツ */  

div#contents{
background: transparet;
  width: 780px;
  height:437px;
  margin: auto;
 background: url(../img/contents-bac.gif) no-repeat; 
}
  


/* グローバルナビゲーション (ul#navigation) */

div#navigation {
  width: 200px;
    height:437px;
  float: left;
  background: #abc9d1 url(../img/navi_bac.gif) repeat-y;

  }

div#navigation h2 {
  text-indent: -9999px;
  overflow:hidden;
    background: #abc9d1 url(../img/navi_h2_bac.gif) no-repeat;
  width:200px;
  height:46px;

  }

div#navigation ul{
margin:0px;
width:177px; 

  }
  
div#navigation ul li {
  list-style-type: none;
  display: inline;
  width: 177px;
  height: 32px;
  overflow: hidden; 
  }
  
div#navigation ul li a{
display: block;
  width: 177px;
  height: 32px;
  }


/* メイン (#main) */
div#main{
background: transparet;
background: url(../img/contents-bac.gif) no-repeat;
float: right;
padding-top: 37px;
width: 570px;
height: 400px;

}
/* 新着情報 (#update) */

div#update{
background:transparent;
width:320px;
height:400px;
margin-left:5px;
float:left;
background:url(../img/update_bc.gif) repeat-y;
}

div#update h3{
background:url(../img/update-h2_bac.gif) no-repeat;
width:320px;
height:30px;
text-indent: -9999px;

}
div#update p{
margin:5px 5px 15px 20px;
}

/* バナー (#sidebar) */

div#sidebar{
width:227px;
float:right;
margin-right:10px;
}

div#sidebar h3 {
text-indent:-9999px;
  height: 0;
  overflow: hidden;

}

div#sidebar ul {
width:227px;
list-style-type: none;
}



div#sidebar ul li{
width:227px;
height:95px;
margin-bottom:5px;
}

div#sidebar ul li a{
display:inline;
width:227px;
height:95px;

}