/*-------------------------フォントサイズ等の指定*/ 
body{

font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;

/*  フォント指定を変更 ： ヒラギノを削除
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

font-family:'Lucida Grande',
 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
 Meiryo, メイリオ, sans-serif;

  font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
*/



  line-height:150%;   /* 行間を広げる 11/16 */

  font-size: 80%;

  background-color:#fffff8;     /* #ffffff */
  text-align:center;
  padding: 0;
  margin: 0;
}


/*-------------------------メニューでの文字間隔の指定  11/16 */ 
span{
  display: inline-block;
  width: 300px;
  font-size: 100%;
}

/*-------------------------TOPページメニューでの文字間隔の指定  12/08 */ 
span-0{
  display: inline-block;
  width: 250px;
  font-size: 100%;
}

/*-------------------------wrapperの指定*/ 
#wrapper {

  background-color:#ffffff;     /* #ffffff */
  text-align: left;
  width: 740px;
  margin: 0 auto;
  padding: 0;
}

/*-------------------------headerの指定*/ 
#header {
  background-color:ffffff;     /* #ffffff */
  height: 380px;
  margin: 0;
  padding: 0;
  font-size: 125%;
}

/*-------------------------mainの指定*/
#main {
  background-color:#ffffff;     /* #ffeeee */
  width: 740px; 
  float: center;
  margin: 0; 
  padding-left: 10px;
  padding-right: 10px;
}


/*-------------------------sidebarの指定*/
#sidebar {
  background-color:#ffffff;         /* #ffddff */
  width: 160px;
  float: left;
  margin: 0;
  padding-left: 10px;
  padding-right: 10px; 
}

/*-------------------------footerの指定*/
#footer {
  text-align: center;
  clear: both;
  margin: 0;
  padding: 0.5em 0;
}


/*-------------------box-1 (top-left)の指定  */
#box-1 {
  background-color:#ddffdd;
  width: 320px;
  float: left;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px; 
}

/*-----------------  box-2 (top-right)の指定  */
#box-2 {
  background-color:#ddddff;
  width: 320px;
  float: left;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px; 
}

/*-----------------  box-3 (bottom-right)の指定  */
#box-3 {
  background-color:#ffdddd;
  width: 320px;
  float: left;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px; 
}

/*-----------------  box-4 (top news)の指定  */
#box-4 {
  background-color:#ff4444;
  width: 320px;
  float: left;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px; 
}

/*-----------------  box-centerの指定  */
#box-center {
  background-color:#ffff66;
  width: 660px;
  float: left;
  margin: 10px;
  padding-left: 10px;
  padding-right: 10px; 
}



/*-------------------------footerの指定*/
#footer {
  text-align: center;
  clear: both;
  margin: 0;
  padding: 0.5em 0;
}
