@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:190px;

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;

  /**/

}