@charset "Shift_JIS";

/* CSS : Base ------*/

/*--Beginning----------------------------------------------*/

/*---- Initialization ----*/

*{
margin:0;
padding:0;
text-align:center;
}

/*-------------------------------*/

h1,h2,h3,h4,h5,h6{
font-family:arial,helvetica,clean,sans-serif,"‚l‚r ‚oƒSƒVƒbƒN";
font-size:103%;
font-weight:bold;
color:#333333;
text-decoration:none;
}

p{
font-family:arial,helvetica,clean,sans-serif,"‚l‚r ‚oƒSƒVƒbƒN";
font-size:93%;
color:#333333;
text-decoration:none;
}

a{
outline:0;
font-family:arial,helvetica,clean,sans-serif,"‚l‚r ‚oƒSƒVƒbƒN";
font-size:93%;
color:#E2644D;
text-decoration:none; 
}
a:visited { 
text-decoration:none; 
color:#E2644D;
}
a:hover, a:active { 
text-decoration:underline; 
color:#FF9999;
}

img{
border:0;
}

/*------------------------------------------------------------*/

/*---- Basic Elements ----*/

body {
text-align: center;
font:13px Lucida Grande,Lucida Sans Unicode,Lucida Sans,"‚l‚r ‚oƒSƒVƒbƒN",arial,helvetica,clean,sans-serif;
*font-size:small;
*font:x-small;
}

/* safari only \*/

html:\66irst-child body {
font-size:77%;
}

body div {
text-align: left;
margin: 0 auto;
}

#container{
height:auto;
width:auto;
}

/*---- ƒwƒbƒ_�[�Ý’è----*/
#base1{
width:auto;
height:400px;
background-image:url(../img/base/bgt.jpg);
background-repeat:repeat-x;
}

/*---- ƒ{ƒfƒB�[�Ý’è----*/
#base2{
clear:both;
width:auto;
height:695px;
background-image:url(../img/base/bgt.jpg);
background-repeat:repeat-x;
}

/*------------------------------------------------------------*/

/*---- Header ----*/

#header {
text-align: center;
height:400px;
width:800px;
background-image:url(../img/header/headerimg.jpg);
background-repeat:repeat-y;
/*---- ŠO‰e ----*/
border-left-style:solid;
border-right-style:solid;
border-color:#CDCDCD;
border-width:1px;
}

#header h1{
height:300px;
width:800px;
text-indent:-9999px;
margin:0;
padding:0;
}

/*------------------------------------------------------------*/

/*---- Menu ----*/

#menu{
width:800px;
height:55px;
background-color:#550000;
background-image:url(../img/mb/mbbgc.jpg);
background-repeat:no-repeat;
margin-top:0px;
margin-bottom:0px;
text-align:left;
/*---- ŠO‰e ----*/
border-left-style:solid;
border-right-style:solid;
border-color:#CDCDCD;
border-width:1px;
}

#menu ul{
width:800px;
margin:0;
padding:0;
}

#menu li{
padding-left:1px;
width:px;
float:left;
list-style-type:none;
}

#menu a{
text-indent:-9999px;
display:block;
background-repeat:no-repeat;
}


/*---- Menu - Button ----*/

a#l1{
width:132px; height:55px;
background-image:url(../img/mb/mb1.jpg);
background-position: 0 0;
}
a#l2{
width:132px; height:55px;
background-image:url(../img/mb/mb2.jpg);
background-position: 0 0;
}
a#l3{
width:132px; height:55px;
background-image:url(../img/mb/mb3.jpg);
background-position: 0 0;
}
a#l4{
width:132px; height:55px;
background-image:url(../img/mb/mb4.jpg);
background-position: 0 0;
}
a#l5{
width:132px; height:55px;
background-image:url(../img/mb/mb5.jpg);
background-position: 0 0;
}
a#l6{
width:133px; height:55px;
background-image:url(../img/mb/mb6.jpg);
background-position: 0 0;
}


a#l1:hover{
background-position: 0 -55px;
}
a#l2:hover{
background-position: 0 -55px;
}
a#l3:hover{
background-position: 0 -55px;
}
a#l4:hover{
background-position: 0 -55px;
}
a#l5:hover{
background-position: 0 -55px;
}
a#l6:hover{
background-position: 0 -55px;
}

/*------------------------------------------------------------*/

/*---- Contents ----*/

#cont{
width:800px;
height:100%;
padding-bottom:20px;
background-image:url(../img/base/lcbg.jpg);
background-repeat:repeat-y;
/*---- ŠO‰e ----*/
border-left-style:solid;
border-right-style:solid;
border-color:#CDCDCD;
border-width:1px;
}

#cont p,h1{
text-align:left;
color:#333333;
}


/*---- text ----*/

#lc h1{
padding:15px;
}

#lc p{
padding-right:15px;
margin-bottom:10px;
}

#lc h3{
text-align:left;
padding-right:15px;
margin-bottom:10px;
}

#rc h1{
padding:15px;
}

#rc p{
padding-left:15px;
}


/*---- �¶ƒXƒy�[ƒX ----*/

#lc{
float:left;
width:267px;
height:100%;

}

#lc1{
height:300px;
width:237px;
padding-top:15px;
padding-left:15px;
overflow:auto;
}

.news{
height:43px;
width:92px;
background-image:url(../img/root/cnews2.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
padding-bottom:10px;
}

.recipe{
height:18px;
width:100px;
background-image:url(../img/root/crecipe.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
}

.ntxs{
font-size:77%;
margin:0;
padding:0;
color:#669966;
}

.nt{
padding-top:0px;
padding-bottom:10px;
background-image:url(../img/root/nline.gif);
background-position:bottom left;
background-repeat:no-repeat;
}

#lc2{
height:auto;
padding-top:15px;
padding-left:15px;
overflow:hidden;
}

/*---- ‰EƒXƒy�[ƒX ----*/

#rc{
float:left;
width:530px;
height:100%;
padding:1px;
background-image:url(../img/base/rcbg.jpg);
background-repeat:repeat-x;
}

#rc1{
width:520px;
height:auto;
overflow:hidden;
padding-left:10px;
}

#rc1b{
width:520px;
height:auto;
overflow:hidden;
padding-left:10px;
padding-bottom:3px;
}

#rc2{
width:530px;
height:340px;
background-image:url(../img/base/rcbg.jpg);
background-repeat:repeat-x;
overflow:hidden;
position:relative;
margin-bottom:10px;
}

.prod{
height:46px;
width:494px;
background-image:url(../img/root/title01.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:15px;
margin-left:5px;
padding-bottom:10px;
}

.acti{
height:46px;
width:494px;
background-image:url(../img/root/title02.jpg);
background-repeat:no-repeat;
text-indent:-9999px;
margin-top:15px;
margin-left:15px;
padding-bottom:20px;
}


/*---- �¤•i-BOX�Ý’è A----*/

#rcb1{
float:left;
width:240px;
height:auto;
background-color:#FFFFFF;
border-style:solid;
border-color:#CDCDCD;
border-width:1px;
overflow:hidden;
}

.rcb{
display:inline;
margin-left:7px;
margin-top:5px;
/margin-top:-;
}

/*---- �¤•i-IMG�Ý’è----*/

.rcbi1{
float:left;
width:90px;
height:100%;
}

.rcbi2{
float:left;
width:140px;
height:100%;
}

.rcbi1 img{
padding-top:10px;
padding-bottom:10px;
padding-left:5px;
padding-right:5px;
}

.rcbi2 h2{
padding-top:10px;
padding-right:5px;
}

.rcbi2 p{
padding-right:5px;
}

.rcbi2 a{
padding-bottom:10px;
padding-right:5px;
}

#rcb1 p{
padding:0;
margin:0;
}

.img110{
width:110px;
height:110px;
margin-right:5px;
}

#rcb1 p,h2{
text-align:left;
}

.rcbt{
width:110px;
height:110px;
}


/*---- bugfix----*/

#rcbf{
float:left;
width:470px;
height:10px;
}

/*---- ƒRƒ‰ƒ€�Ý’è----*/

#rcb2{
float:left;
width:470px;
height:210px;
background-color:#FFFFFF;
border-style:solid;
border-color:#CDCDCD;
border-width:1px;
margin-bottom:10px;
}

.rcb2{
display:inline;
margin-left:17px;
padding-top:10px;
padding-left:10px;
padding-right:10px;
padding-bottom:10px;
}

#rcb2 img{
float:left;
}

.imgcl{
width:200px;
height:200px;
padding-top:6px;
margin-right:5px;
}

#rcb2a{
float:left;
width:200px;
height:210px;
overflow:none;
}

#rcb2b{
float:left;
width:250px;
height:210px;
overflow:auto;
}

.rcb2b2{
padding-left:10px;
padding-right:5px;
}

#rcb2b img{
padding-top:5px;
padding-right:5px;
padding-bottom:15px;
}

/*------------------------------------------------------------*/

/*---- Footer ----*/

#footer{
display:block;
clear:both;
width:800px;
height:52px;
background-image:url(../img/footer/footerbg.jpg);
background-repeat:repeat-x;
margin-bottom:10px;
/*---- ŠO‰e ----*/
border-left-style:solid;
border-right-style:solid;
border-color:#CDCDCD;
border-width:1px;
}

#footer p{
text-align:left;
font-size:x-small;
color:#CCFF99;
}

#footer a{
color:#CCFF99;
}

.footp{
padding-top:15px;
text-align:left;
font-size:x-small;
color:#CCFF99;
padding-left:20px;
}

.footp a{
text-align:left;
font-size:x-small;
color:#CCFF99;
}

/*------------------------------*/

#footer2{
clear:both;
width:800px;
height:50px;
margin-bottom:20px;
background-image:url(../img/footer/logo.jpg);
background-repeat:no-repeat;
background-position:right;
}

#footer2 h2{
text-indent:-9999px;
}

/*------------------------------------------------------------*/


/*---- IE7 extra ----*/
*:first-child+html #footer{
margin-top:60px;
}


/*---- IE6 extra ----*/

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}