@charset "UTF-8";

body { text-align: center; }

/* common page
-----------------------------------------------------------------------------*/

#wrapper {
  width: 850px;
  text-align: left;
  margin-right: auto;
  margin-left: auto;
  background: url(../img/background.jpg) repeat;
  position: relative;
}


#header {
  background: url(../img/haeder.gif) no-repeat 0px 30px;
  height: 80px;
  width: 758px;
  margin-left: 43px;
  position: relative;
  margin-bottom: 20px;
  padding-top: 10px;
}

#header h1 {
  margin-left: 42px;
  padding-top: 6px;
}

#navi {
  height: 61px;
  width: 440px;
  position: absolute;
  left: 220px;
  top: 10px;
}

#navi li {
  display: block;
  float: left;
}

#content {
  width: 670px;
  margin-left: 85px;
  position: relative;
}

p {
  font-size: 80%;
  line-height: 1.4em;
  letter-spacing: 0.1em;
}

#footer { }

/* top page
-----------------------------------------------------------------------------*/
#topWrapper {
  text-align: left;
  position: relative;
  background: url(../img/topBG.jpg) repeat-x;
  height: 745px;
}


#door{
  height: 560px;
  width: 336px;
  position: absolute;
  top: 50px;
  left: 320px;
}

#news1 {
  background: #46241B;
  height: 300px;
  width: 150px;
  border: 3px solid #000000;
  position: absolute;
  left: 60px;
  top: 100px;
}


#newsTitle {
  font-size: 90%;
  padding-top: 10px;
  margin-left: 10px;
  width: 130px;
  border-bottom: 1px solid #666666;
  color: #FFFFFF;
}

#news1 p{
  margin-left: 10px;
  margin-top: 8px;
   color: #FFFFFF;
}

#news1 img{
  margin-top: 8px;
}

#news2{
  position: absolute;
  background: #FFFFFF;
  border: 3px solid #E6E6E6;
  font-size: 80%;
  padding: 5px 5px 5px 10px;
  left: 60px;
  top: 440px;
  letter-spacing: 0.1em;
}

#news2 dt{
  border-bottom: 1px solid #999999;
  margin-bottom: 3px;
  padding-bottom: 6px;
  padding-right: 10px;
}

#news2 dd{
  margin-bottom: 3px;
  padding-bottom: 3px;
}

#news3 {
  background: #BC8949;
  border: 3px solid black;
  position: absolute;
  left: 670px;
  top: 100px;
}

#news3 img{padding: 5px;}

#news3 dt{
  border-bottom-color: #bebebe;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  font-size: 85%;
  color: white;
  margin-left: 10px;
}

#news3 dd{
  font-size: 77%;
  color: white;
  margin-left: 10px;
}

#news3 a{ color: #FFFFFF; }


/* works page
-----------------------------------------------------------------------------*/
#titleWorks { margin-left: 147px; }

#flash {
  height: 440px;
  width: 670px;
  margin-top: 10px;
}

#worksComment {
  height: auto;
  width: 640px;
  padding: 15px;
  border: 1px solid #CCCCCC;
  margin-bottom: 80px;
}

#worksComment p { margin-bottom: 10px; }

#worksComment ul {
  font-size: 80%;
  border-top: 1px solid #999999;
  width: 640px;
  padding-top: 10px;
}

#worksComment li {
  text-indent: 20px;
  background: url(../img/work_list_m.gif) no-repeat 5px 3px;
}

#worksInSendai {
  width: 750px;
  position: relative;
  margin-bottom: 20px;
}

#worksInSendai p {
  width: 300px;
  position: absolute;
  height: auto;
  left: 370px;
  top: 115px;
}

#googleMap {
  height: 430px;
  width: 660px;
  border: 5px solid #999999;
}

#shopList {
  background: url(../img/shop_list_BG.gif) no-repeat 0px 20px;
  height: 363px;
  width: 670px;
}

#worksList {
  font-size: 70%;
  margin-top:60px;
  margin-left: 125px;
}


/* exhibition page
-----------------------------------------------------------------------------*/
#titleExhibition{
  margin-left: 15px;
  margin-bottom: 30px;
}

.exhiContent{
  padding: 20px;
  height: auto;
  width: 640px;
  background: url(../img/exhi_base.jpg) repeat-y;
  position: relative;
  margin-bottom: 80px;
}

.exhiContent h3{
  height: auto;
  width: 640px;
  border-bottom: 1px solid #333333;
  padding-bottom: 2px;
  background: url(../img/exhi_titleBird.gif) no-repeat -3px;
  text-indent: 45px;
  font-weight: normal;
}

.exhiDM {
  float: left;
  margin-top: 20px;
  margin-bottom: 20px;
  margin-left: 2px;
}

.exhiContent p{
  font-size: 75%;
  width: 330px;
  margin-left: 270px;
  margin-top: 45px;
}

.exhiPic {
  clear: both;
}


#pangeaBird{
  position: absolute;
  left: 580px;
  top: 160px;
}

#zassouBird{
  position: absolute;
  left: 480px;
  top: 180px;
  }
  
#tadeBird {
 position: absolute;
  left: 500px;
  top: 230px;
  }
  
#kirininuBird  {
 position: absolute;
  left: 250px;
  top: 200px;
  }

#gardenBird {
 position: absolute;
  left: 570px;
  top: 190px;
  }

/* profile page
-----------------------------------------------------------------------------*/
#profile {
  min-height: 430px;
  width: 660px;
  background: url(../img/portrait3.gif) no-repeat 500px 25px;
  position: relative;
}

#profile #profile_pic {
  position: absolute;
  top: 40px;
}

#profile h2{
  margin-left: 300px;
  padding-top: 40px;
}

#profile ul{
  margin-left: 300px;
  margin-top: 20px;
}

#profile dl{
  margin-left: 300px;
  margin-top: 30px;
  height: auto;
  font-size: 85%;
}
#profile dt{
  border-bottom: 1px solid #666666;
   margin-bottom: 10px;
width: 350px;
}

#profile p{
  margin-left: 300px;
  margin-top: 20px;
}

#mail{
  position: absolute;
  top: 420px;
}