body{
  background-image:url(../images/gariten2011_bg.gif);
  background-repeat: repeat;
/*  background-repeat: repeat-x; */
  margin: 0px;
  background-color: #0099FF;
}

a:link {
  text-decoration: underline;
}
a:visited {
  text-decoration: underline;
   color:#990066;
}
a:hover {
  text-decoration: underline;
  color:#6699ff;
}
a:active {
  text-decoration: underline;
}


/*書式設定*/

*{
font-family: "メイリオ","Meiryo","ヒラギノ角ゴ Pro W3",
 "Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic","Osaka",
 Verdana,Arial, Helvetica, sans-serif;
 font-style:normal;
 font-variant:normal;
}

h1{
  text-align:left;
  font-size:200%;
  font-weight:bold;
  color:#333333;
}

h2{
  font-size:110%;
  color:#333333;
}

h3{
  font-size:100%;
  color:#333333;
  text-align:center;
  margin:0 0;
}

p {
  color: #000000;
  margin:0 0;
  line-height:1.5em;
  font-size:100%;
}

p.comment{
  color: #333333;
  margin:0 0;
  line-height:1.5em;
  font-size:90%;
}

ul{
  margin: 0 auto;
  padding: 0 0;
  width:910px;
}

li{
  float:left;
  list-style-type:none;
}

/*回り込み解除*/
br{
  clear:both;
}


/*header*/
#header {
  background-color:#ffffff;
  color:#000000;
  padding-left:20px;
  padding-top:5px;
  margin:0px;
  height:45px;
}

/*レイアウト枠*/
#container {
  width:950px;
  margin:0px auto;
  padding:0;
  position:relative;
/*  background-color:#8adbff;*/
  background-color:#FFFFFF;
}

/*コンテンツエリア*/
#contents {
  width: 950px;
/*  height:730px;*/
  margin: 0;
  padding:0;
}

/*タイトルバナー*/
#title {
  margin:0;
  padding:0;
  width:950px;
  height:340px;
}

#title a{
  width:950px;
  height:167px;
  display:block;
}

#social {
  position:absolute; 
  padding: 5px;
}

/*ナビゲーション枠*/
#navi {
  width:950px;
  height:32px;
  /*margin:-120px 0px 0px 0px;*/
  margin:-150px 0px 0px 0px;
/*
  padding-bottom:0px;
  padding-top:100px;
*/
}

/*ナビゲーションメニュー*/
#navi1{
  margin:0;
  padding:0;
  float:left;
  width:101px;
  height:32px;
  text-indent:-9999px;
background: url(../images/navi1_n.gif) no-repeat;
}
#navi1 a{
  width:101px;
  height:32px;
  display:block;
}
#navi1 a:hover{
background: url(../images/navi1_over.gif) no-repeat;
}


#navi2{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi2_n.gif) no-repeat;
}
#navi2 a{
width:101px;
height:32px;
display:block;
}
#navi2 a:hover{
background: url(../images/navi2_over.gif) no-repeat;
}


#navi3{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi3_n.gif) no-repeat;
}
#navi3 a{
width:101px;
height:32px;
display:block;
}
#navi3 a:hover{
background: url(../images/navi3_over.gif) no-repeat;
}


#navi4{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi4_n.gif) no-repeat;
}
#navi4 a{
width:101px;
height:32px;
display:block;
}
#navi4 a:hover{
background: url(../images/navi4_over.gif) no-repeat;
}


#navi5{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi5_n.gif) no-repeat;
}
#navi5 a{
width:101px;
height:32px;
display:block;
}
#navi5 a:hover{
background: url(../images/navi5_over.gif) no-repeat;
}



#navi6{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi6_n.gif) no-repeat;
}
#navi6 a{
width:101px;
height:32px;
display:block;
}
#navi6 a:hover{
background: url(../images/navi6_over.gif) no-repeat;
}


#navi7{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi7_n.gif) no-repeat;
}
#navi7 a{
width:101px;
height:32px;
display:block;
}
#navi7 a:hover{
background: url(../images/navi7_over.gif) no-repeat;
}


#navi8{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi8_n.gif) no-repeat;
}
#navi8 a{
width:101px;
height:32px;
display:block;
}
#navi8 a:hover{
background: url(../images/navi8_over.gif) no-repeat;
}


#navi9{
margin:0;
padding:0;
float:left;
width:101px;
height:32px;
text-indent:-9999px;
background: url(../images/navi9_n.gif) no-repeat;
}
#navi9 a{
width:101px;
height:32px;
display:block;
}
#navi9 a:hover{
background: url(../images/navi9_over.gif) no-repeat;
}

/*** バナーエリア ***/
#footer {
  position:relative;
  width: 950px;
  height:150px;
  margin:30px 0px 0px 0px;
  padding: auto;
  text-align: center;
  background: url("../images/gariten2011_footer.gif") no-repeat;
  background-position: bottom;
}

#banner_area {
  margin:0px;
  padding:0px;
  height:80px;
}

img.banner{
  margin:10px 10px 10px 10px;
  border:0;
}