@charset "UTF-8";

div.commonness{
  border-top: 8px solid #FFFF99;
  border-bottom: 5px solid #FFFF99;
  border-left: 2px solid #FFFF99;
  border-right: 2px solid #FFFF99;
}

h2.category{
  color:#6666FF;
  background-color:#FFFF99;
  margin: 0px 0px 0px 0px;
}

h2.coupon{
  color:#FF9966;
  background-color:#FFFF99; 
  margin: 0px 0px 0px 0px;
}

h2.api{
  color:#FF8C00;
  background-color:#FFFF99; 
  margin: 0px 0px 0px 0px;
}

h2.reference{
  color:#FF8C00;
  background-color:#FFFF99; 
  margin: 0px 0px 0px 0px;
}

.commonness2{
  border-top: 8px solid #FFFF99;
  border-bottom: 0px none #FFFF99;
  border-left: 2px solid #FFFF99;
  border-right: 2px solid #FFFF99;
}

h2.news{
  color:#99CC66;
  background-color:#FFFF99; 
  width: auto;
  margin: 0px 0px 0px 0px;
}

h2.site{
  color:#99CC66;
  background-color:#FFFF99; 
  margin: 0px 0px 0px 0px;
}

#left1{
  width: 220px;
  height: auto;
  position: absolute; top: 200px; left:150px;
}

#top1{
  width: 352px;
  height: 200px;
  position: absolute; top: 200px; left:410px;
  margin: 0px 0px 0px 0px;
}

#center1{
  width: 402px;
  height: auto;
  position: absolute; top: 435px; left:385px;
}

div.center_commonness{
  border: 0px none #FFFF99;
}

#center1_1{
  width:30%;
  float:left;
  margin: 0px;
  padding: 18px 0px 0px 25px;
}

#center1_2{
  width:59%;
  float:right;
  margin: 0px;
  padding: 25px 0px 0px 0px;
}

#center2{
  width: 352px;
  height: 200px;
  position: absolute; top: 495px; left:410px;
}

#rigth1{
  width: 350px;
  height: 200px;
  position: absolute; top: 200px; left:800px;
}

#rigth2{
  width: auto;
  height: auto;
  position: absolute; top: 435px; left:800px;
}

div.commonness4{
  border-top: 1px none #FFFF99;
  border-bottom: 1px none #FFFF99;
  border-left: 1px none #FFFF99;
  border-right: 1px none #FFFF99;
}

#rigth3{
  width: 350px;
  height: auto;
  position: absolute; top: 695px; left:800px;
}

div.commonness3{
  border-top: 15px solid #FFFF99;
  border-bottom: 15px solid #FFFF99;
  border-left: 2px solid #FFFF99;
  border-right: 2px solid #FFFF99;
}

#under{
  width: 1008px;
  height: 150px;
  position: absolute; top: 1890px; left:150px;
  margin: 0px;
  padding: 0px;
}


h2{
  font-style: oblique;
  text-decoration:underline;
  margin: 0px 0px 0px 0px;
}


h2.weather{
  text-align : center;
  color:#00CCCC;
  background-color:#FFFF99; 
  margin: 0px 0px 0px 0px;
}


h2.what1{
  color:#FF8C00;
  background-color:#FFFF99; 
  margin: 0px 0px 0px 0px;
}


h2.genre{
  font-size:12px;
  background-color:#FFFF99; 
  margin: 0px 0px 0px 0px;
}

div.mail_commonness{
  border-top: 5px dashed lawngreen;
  border-bottom: 5px dashed lawngreen;
  border-left: 0px solid lawngreen;
  border-right: 0px solid lawngreen;
}

#mail{
  width: auto;
  height: 225px;
  position: absolute; top: 1620px; left:400px;
  padding: 15px 0px 5px 15px;
}


#introduction{
  font-size : 15px;
  text-align : center;
  position: absolute; top: 135px; left:360px;
  margin: 0px 0px 0px 0px;
}

#google_gazou{
  position: absolute; top: 1620px; left:860px;
}

#google_koukoku{
  position: absolute; top: 1515px; left:410px;
}