@charset "Shift_JIS";

body {
  background: #cccccc url(../body_back.gif) repeat;
}

#content {
	background-color: #FFFFFF;
	height: 500px;
	width: 900px;
	position: absolute;
	left: 10%;
	top: 10%;
	margin-top: -25px;
	margin-left: -50px;
	background-image: url(../pic/footer.png);
	background-position: left bottom;
	background-repeat: repeat-x;
    color: #603913;
    font-family: "ＭＳ ゴシック", "MS Gothic",sans-serif;
}

#content h1 {
    position: absolute;
	left: 20px;
	top: 300px;
}
#content li img {
	height: 25px;
	width: 94px;
}

/* メインボタン */
#navigation {
  position: absolute;
  margin-top:30px;
  margin-left:14px;
}

#navigation li {
  list-style-type: none;
  margin-bottom: 30px;
  text-indent: -9999px;
}
#navigation li a {
  text-decoration: none;		/* ■Firefox等で線が表示されないようにする */
  display: block;
  width: 249px;
  height: 81px;
}
#navigation li img {
	height: 249px;
	width: 81px;
}

#navigation li#okumar      {
  background: url(../pic/okumar.png) no-repeat;
}
#navigation li#frypans      {
  background: url(../pic/frypans.png) no-repeat;
}

#navigation li#okumar a:hover    {
  background: url(../pic/okumar_hover.png) no-repeat;
}
#navigation li#frypans a:hover    {
  background: url(../pic/frypans_hover.png) no-repeat;
}


/* メインボタンキャプション */
#navigation_caption {
  position: absolute;
  margin-top:118px;
  margin-left:50px;
  width:260px;
}

#navigation_caption p {
  margin-bottom: 100px;
  text-align:center;
  font-size:x-small;
}

/* フッター情報 */
#info {
  position: absolute;
  margin-top:435px;
  width:600px;
}

#info ul {
  list-style-type: square;
  text-align:left;
  font-size:small;
}

/* 著作権表示 */
#rights{
	position: absolute;
    font-size: 70%;
    color:#AF794D;
    margin-top:424px;
    margin-left:480px;
    width:400px;
}

#rights p{
    text-align:right;
}

/*
#navigation_caption li {
  list-style-type: none;
  margin-bottom: 100px;
  font-size: 10px;
  color: #603913;
  background: transparent;
}
#navigation_caption li a {
  text-decoration: none;		
}
*/

#main_shadow img {
	position: absolute;
}

img#shadow_bottom {
	left: 0px;
	top: 500px;
	height: 6px;
	width: 907px;
}

img#shadow_right {
	left: 900px;
	top: -1px;
	height: 501px;
	width: 7px;
}

img#okumar_logo {
	position: absolute;
	left: 20px;
	top: 280px;
	height: 148px;
	width: 318px;
}

#imagePhoto img {
	position: absolute;
	height: 133px;
	width: 133px;
}

img#photo01 {
	left: 350px;
	top: 20px;
}

img#photo02 {
	left: 483px;
	top: 20px;
}

img#photo03 {
	left: 616px;
	top: 20px;
}

img#photo04 {
	left: 749px;
	top: 20px;
}

img#photo05 {
	left: 350px;
	top: 153px;
}

img#photo06 {
	left: 483px;
	top: 153px;
}

img#photo07 {
	left: 616px;
	top: 153px;
}

img#photo08 {
	left: 749px;
	top: 153px;
}

img#photo09 {
	left: 350px;
	top: 286px;
}

img#photo10 {
	left: 483px;
	top: 286px;
}

img#photo11 {
	left: 616px;
	top: 286px;
}

img#photo12 {
	left: 749px;
	top: 286px;
}