@charset "Shift_JIS";

* {
 margin:0 auto;
}

html {
 overflow-y: scroll;
 font-family: Arial, Helvetica, sans-serif;
}

body {
 color: #000;
 font-family: Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif;
}

img {
 border: 0px;
}

/* -----„link------------------------------------------- */
a:link, a:visited {
 color: #990000;
 text-decoration: none;
}
a:hover {
 color: #0033FF;
 text-decoration: none;
}
a:focus{
 outline: none;
}
/* -----£link------------------------------------------- */


/* -----„page------------------------------------------- */
#page {
 width: 800px;
 margin: 0 auto ;
 background-color: #ffffff;
}

#header {
 width: 800px;
 height: 40px;
}

#menu {
width:800px;
height:410px;
background:url(../image/header-bg.jpg) no-repeat;
}

#menu2 {
width:800px;
height:250px;
background:url(../image/header-bg2.jpg) no-repeat;
}

#container {
 float: left;
 width: 800px;
 margin: 0;
 padding: 0;
 background-color: #ffffff;
}

#container2 {
 float: left;
 width: 800px;
 background:url(../image/bg2.jpg) repeat-y;
}

#container3 {
 float: left;
 width: 800px;
 background:url(../image/bg3.jpg) repeat-y;
}

#container4 {
 float: left;
 width: 800px;
 background:url(../image/bg4.jpg) repeat-y;
}

#container5 {
 float: left;
 width: 800px;
 background:url(../image/bg5.jpg) repeat-y;
}

#container6 {
 float: left;
 width: 800px;
 background:url(../image/bg6.jpg) repeat-y;
}

#container7 {
 float: left;
 width: 800px;
 background:url(../image/bg7.jpg) repeat-y;
}


#container8 {
 float: left;
 width: 800px;
 background:url(../image/bg8.jpg) repeat-y;
}

#side {
 margin: 15px 0 0 0;
 float: right;
 width: 350px;
 font-size:13px;
 color:#663333;
 line-height:1.5;
}

#side2 {
float:left;
 width: 210px;

}


#main {
 float: left;
 width: 440px;
 margin: 10px 0 10px 0px;
 font-size:10px;
}

#main2 {
 float: right;
 width: 540px;
 margin: 10px 15px 0 0;
 font-size:10px;
 line-height:1.5;
}

#title {
height:30px;
margin:5px 15px 5px 0;
font-size:large;
background-color:#003300;
color:#ffffff;
font-weight:bold;
text-indent:1em;
padding-top:5px;
}

#add {
height:20px;
margin:10px 10px 10px 0;
font-size:x-small;
}

#lead {
 float: left;
 width: 260px;
 font-size: small;
}

#lead2 {
 float: right;
 width: 260px;
 font-size: small;
}

#link {
 float: right;
 width: 150px;
 margin: 0 15px 0 15px;
}


#nav {
 float: left;
 width:870px;
 height:30px;
  margin-top:10px;
  margin-left:15px;
}

.nav1 {
float:right;
margin-left:10px;
}


#footer {
clear:both;
 width:800px;
  height:25px;
  padding-top:10px;
 color:#FFFFFF;
 background: #663333;
 font-size:11px;
 text-align:center;
}
/* -----£page------------------------------------------- */


/* -----„menu----------------------------------------- */

#menu .nakama a{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page1.png) no-repeat;
}

#menu .nakama a:hover{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page1-on.png) no-repeat;
}

#menu .eiyou a{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page2.png) no-repeat;
}

#menu .eiyou a:hover{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page2-on.png) no-repeat;
}

#menu .tatsujin a{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page3.png) no-repeat;
}

#menu .tatsujin a:hover{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page3-on.png) no-repeat;
}

#menu .recipe a{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page4.png) no-repeat;
}

#menu .recipe a:hover{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page4-on.png) no-repeat;
}

#menu .osusume a{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page5.png) no-repeat;
}

#menu .osusume a:hover{
float:left;
display:block;
margin-top:320px;
height:80px;
width:160px;
background:url(../image/page5-on.png) no-repeat;
}

#menu .under {
float:left;
display:block;
height:10px;
width:800px;
background-color:#663333;
}
/* -----£menu----------------------------------------- */

/* -----„menu2----------------------------------------- */

#menu2 .nakama a{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page1.png) no-repeat;
}

#menu2 .nakama a:hover{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page1-on.png) no-repeat;
}

#menu2 .eiyou a{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page2.png) no-repeat;
}

#menu2 .eiyou a:hover{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page2-on.png) no-repeat;
}

#menu2 .tatsujin a{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page3.png) no-repeat;
}

#menu2 .tatsujin a:hover{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page3-on.png) no-repeat;
}

#menu2 .recipe a{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page4.png) no-repeat;
}

#menu2 .recipe a:hover{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page4-on.png) no-repeat;
}

#menu2 .osusume a{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page5.png) no-repeat;
}

#menu2 .osusume a:hover{
float:left;
display:block;
margin-top:170px;
height:80px;
width:160px;
background:url(../image/page5-on.png) no-repeat;
}

#menu2 .under {
float:left;
display:block;
height:10px;
width:800px;
background-color:#663333;
}
/* -----£menu2----------------------------------------- */

/* -----„side------------------------------------------- */
#side .top {
 width: 300px;
}

#side .mid {
margin-top:20px;
 width: 300px;
}

#side .foot {
margin-top:10px;
 width: 300px;
}


#side2 .side2main {
 margin: 0 0 0 10px;
 padding:5px 0 5px 8px;
 float: left;
 font-size:11px;
 line-height:1.5;
 color: #CC3333;
 width: 210px;
 background:url(../image/side.png) repeat-y;
}

#side2 .side2foot{
 margin: 0 0 10px 10px;
 float: left;
 width: 210px;
 height:10px;
 background:url(../image/side-foot.png) no-repeat;
 display:block;
}

#side2 .pdf{
width:210px;
height:50px;
margin:5px 0 0 10px;
}

/* -----£side------------------------------------------- */

/* -----„main------------------------------------------- */
#main2 .photo{
height: 400px;
width:540px;
}

#main2 .zairyo{
float:left;
width:190px;
margin-top:-30px;
}

#main2 .zairyo-top{
float:left;
width:190px;
height:53px;
}

#main2 .zairyo-mid{
float:left;
width:165px;
background:url(../image/zairyo.png) repeat-y;
padding:5px 10px 0px 15px;
font-size:11px;
}

#main2 .zairyo-foot{
float:left;
width:190px;
height:22px;
}

#main2 .make{
float:right;
width:350px;
margin-top:-30px;
font-size:14px;
}

#main2 .point{
width:330px;
height:160px;
background:url(../image/point-back.png) no-repeat;
padding:50px 0px 0px 8px;
}

/* -----£main------------------------------------------- */





/* -----„footer----------------------------------------- */


/* -----£footer----------------------------------------- */

/* -----„other------------------------------------------ */
hr {
 margin: 2px 0;
 color: #AACF52;
 dashed;
 border-size: 1px;
 text-align: center;
}
}