@charset "UTF-8";

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
  margin: 0;
  padding: 0;
}

html,div {
  margin: 0;
  padding: 0;
  font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
  color: #333;
}

body {
  margin: 0;
  padding: 0;
  text-align: center;
  font-size: 12px;
  background: #f4e19c url(../images/index/background.jpg) repeat-x top left;
}


/* for IE6 */
* html body{
  font-size: 75%;
}

/* for IE7 */
*:first-child+html body{
  font-size: 75%;
}



h1,h2,h3,h4,h5,h6,p {
   margin: 0;
   padding: 0;
   line-height: 1.4em;
   font-size: 100%;
}

ul,ol,li {
   margin: 0;
   padding: 0;
   list-style: none;
}

img {
   margin: 0;
   padding: 0;
}
a img {
  border:none;
  vertical-align: bottom;
}

a:link, a:visited {
  color: #AA894D;
  text-decoration: none;
  outline : 0;
}

a:hover {
  color: #705A32;
  text-decoration: underline;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}


.clear {
  clear: both;
}

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

/* base layout
********************************************/

#wrapp {
  margin: 0;
  padding: 0;
  text-align: center;
  background: transparent url() no-repeat top left;
}

#inner {
  width: 825px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
  background: transparent url() no-repeat top left;
}

/* header_container layout
********************************************/

div#header_container {
  width: 825px;
  padding: 20px 0 0 0;
  text-align: center;
}

div#header_container h1 {
  width: 702px;
  margin: 0 0 0 61px;
}


/* contents_container layout
********************************************/

div#contents_container_wrapp {
  width: 825px;
  padding: 20px 0 30px; 0;
}

div#contents_container {
  width: 825px;
  height: 845px;
  position: relative;
  background: transparent url(../images/index/contetns_background.png) no-repeat top left;
}

div#contents_container h2#title01 {
  width: 86px;
  height: 47px;
  position: absolute;
  top: 23px;
  left: 166px;
}

div#contents_container h2#title02 {
  width: 129px;
  height: 46px;
  position: absolute;
  top: 15px;
  left: 373px;
}

div#contents_container h2#title03 {
  width: 122px;
  height: 42px;
  position: absolute;
  top: 204px;
  left: 193px;
}

div#contents_container span#cont01 {

  width: 116px;
  height: 71px;
  position: absolute;
  left: 93px;
  top: 75px;
}

div#contents_container span#cont02 {
  display: block;
  width: 123px;
  height: 124px;
  position: absolute;
  left: 221px;
  top: 71px;
}

div#contents_container span#cont03 {
  display: block;
  width: 116px;
  height: 114px;
  position: absolute;
  left: 361px;
  top: 67px;
}

div#contents_container span#cont04 {
  display: block;
  width: 120px;
  height: 118px;
  position: absolute;
  left: 484px;
  top: 148px;
}

div#contents_container span#cont05 {
  display: block;
  width: 116px;
  height: 113px;
  position: absolute;
  left: 520px;
  top: 22px;
}

div#contents_container span#cont06 {
  display: block;
  width: 124px;
  height: 126px;
  position: absolute;
  left: 635px;
  top: 130px;
}

div#contents_container span#cont07 {
  display: block;
  width: 116px;
  height: 113px;
  position: absolute;
  left: 135px;
  top: 272px;
}

div#contents_container span#cont08 {
  display: block;
  width: 116px;
  height: 113px;
  position: absolute;
  left: 271px;
  top: 272px;
}

div#contents_container h3#date {
  width: 122px;
  height: 42px;
  position: absolute;
  left: 465px;
  top: 276px;
}

div#contents_container span#date_more {
  display: block;
  width: 174px;
  height: 20px;
  position: absolute;
  left: 473px;
  top: 419px;
}

div#contents_container h4#third_area {
  width: 67px;
  height: 30px;
  position: absolute;
  left: 371px;
  top: 517px;
}

div#contents_container span#third_pc {
  display: block;
  width: 215px;
  height: 215px;
  position: absolute;
  left: 425px;
  top: 510px;
}

div#contents_container p#third_caption {
  width: 135px;
  text-align: center;
  position: absolute;
  left: 468px;
  top: 522px;
}

div#contents_container p#third_caption a:link,
div#contents_container p#third_caption a:visited {
  color: #333;
  font-weight: bold;
}

div#contents_container p#third_caption a:hover {
  color: #ccc;
  text-decoration: none;
}