@charset "Shift_JIS";
@import "../css/navi.css";
@import "../css/base.css";
@import "../css/id.css";
@import "../css/color2.css";



BODY,td{
font-family: "MS UI Gothic", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", "Osaka�]“™•�";
color:#8c8983;
}


#MAIN{
background-image: url(img/bg_base.jpg);
background-repeat: repeat-x;
background-color:#ffffff;
width:748px;
text-align:left;
}

/* �Å�‰‚̃Cƒ��[ƒW */
#INDEXIMAGE{
background-color:#e6e6e6;
margin:0;
padding:0;
}

/* ƒ�ƒjƒ…�[ */
#INDEXMENU{
padding:25px 0 0 25px;
background-color:#8c8983;
color:#ffffff;
}

/*’†ƒCƒ��[ƒW*/
#TOPIMAGE{
margin:0;
padding:0;
}

.topimage{
width:748px;
height:404px;
}


/*’†ƒ�ƒjƒ…*/
#MAINCONTENTS{
margin:0;
padding:0;
}

/*’†ƒ�ƒCƒ“*/
#MAINTEXT{
clear:both;
margin:0;
width:748px;
background-repeat: no-repeat;
padding-top:25px;
}

/*’†ƒ�ƒCƒ“*/
#MAINTEXT2{
clear:both;
margin:0;
width:748px;
background-repeat: no-repeat;
}


/*�¶332px*/
.left332{
margin-left:331px;
margin-bottom:30px;
}

/*�¶44px*/
.left44{
margin-left:44px;
margin-bottom:30px;
}

/*‰æ‘œ‚ɘg‚ª•t‚­�ê�‡*/
.graywaku{
border:solid 1px #efefef;
}


/*ƒCƒ“ƒfƒbƒNƒXƒ{ƒ^ƒ“*/
#botani{
margin:0;
background-repeat: no-repeat;
float:left;
clear:both;
}
#botani ul { margin:0; padding:0; list-style-type: none;}
#botani ul li { overflow: hidden; float:left; }
#botani ul li a { display: block; width:342px; height:185px; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat; color:#eeeded; overflow: hidden; background-color:#a3a19c;}
#botani ul li a:hover { background-repeat:no-repeat; text-decoration:none; background-color:#a2e2d2;}

#botani ul li a span { position: relative;
font-family: "MS UI Gothic", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", "Osaka�]“™•�";
font-size:11px;
line-height:15px;
color:#eeeded;
float:left;
padding-right:29px;
}

#botani ul li#botan01 a { background-image: url(img/0_b1.gif); margin-right:12px;}
#botani ul li#botan02 a { background-image: url(img/0_b2.gif); }
#botani ul li#botan03 a { background-image: url(img/0_b3.gif); margin:12px 12px 0 0;}
#botani ul li#botan04 a { background-image: url(img/0_b4.gif); margin-top:12px;}
#botani ul li#botan05 a { background-image: url(img/0_b5.gif); margin:12px 12px 0 0; }
#botani ul li#botan06 a { background-image: url(img/0_b6.gif); margin-top:12px;}

.btext1{
left:30px;
top:100px;
}

.btext2{
left:122px;
top:60px;
}

.btext3{
left:30px;
top:117px;
}

.btext4{
left:30px;
top:60px;
}

.btext5{
left:30px;
top:82px;
}



/*’†‚̃{ƒ^ƒ“*/
#maincon{
margin:0;
background-repeat: no-repeat;
float:left;
clear:both;
}
#maincon ul { margin:0; padding:0; list-style-type: none;}
#maincon ul li { overflow: hidden; float:left; }
#maincon ul li a { display: block; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat; color:#e2e1e0; overflow: hidden; background-color:#8c8983;}
#maincon ul li a:hover { background-repeat:no-repeat; text-decoration:none; color:#ffffff; background-position: 0px -54px;}

#maincon ul li a span { 
position: relative;
font-family: "MS UI Gothic", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", "Osaka�]“™•�";
font-size:11px;
line-height:27px;
float:left;
padding-left:10px;
}

#maincon ul li#botan10 a { width:322px; height:80px; float:left;  background-position: 0px 0px; }
#maincon ul li#botan11 a { background-image: url(img/bottan.gif); width:213px; height:27px; }
#maincon ul li#botan12 a { background-image: url(img/bottan.gif); width:213px; height:27px; }
#maincon ul li#botan13 a { background-image: url(img/bottan.gif); width:213px; height:27px; }
#maincon ul li#botan14 a { background-image: url(img/bottan.gif); width:213px; height:27px; }
#maincon ul li#botan15 a { background-image: url(img/bottan.gif); width:213px; height:26px; }
#maincon ul li#botan16 a { background-image: url(img/bottan.gif); width:213px; height:26px; }

BODY#page1 #maincon ul li#botan11 a { background-position: 0px -27px; color:#e5edea; }
BODY#page2 #maincon ul li#botan12 a { background-position: 0px -27px; color:#e5edea; }
BODY#page3 #maincon ul li#botan13 a { background-position: 0px -27px; color:#e5edea; }
BODY#page4 #maincon ul li#botan14 a { background-position: 0px -27px; color:#e5edea; }
BODY#page5 #maincon ul li#botan15 a { background-position: 0px -27px; color:#e5edea; }
BODY#page6 #maincon ul li#botan16 a { background-position: 0px -27px; color:#e5edea; }


.toptext{
top:-9999px;
}

/*ƒIƒvƒVƒ‡ƒ“*/
.option{
background-image: url(img/2_img2.jpg);
background-repeat:no-repeat;
border:solid 2px #e2e1e0;
margin:44px 44px 50px 44px;
height:355px;
}

/*ƒIƒvƒVƒ‡ƒ“2*/
.option2{
border:solid 2px #e2e1e0;
margin:44px 44px 44px 44px;
padding:22px 28px;
}

/*�¬Œ©�o‚µ‰æ‘œ*/
.komidasi{
width:300px;
height:17px;
}

/*�¬Œ©�o‚µ‰æ‘œ*/
.komidasi3{
width:300px;
height:17px;
margin:20px 0 10px 44px;
}


.opimg{
width:127px;
height:127px;
margin-right:22px;
}

/*�¬Œ©�o‚µ•¶Žš*/
.komidasi2{
font-size:12px;
margin:10px 0 0 0;
}

.shosai{
font-size:85%;
margin:0 22px 0 0;
line-height:130%;
color:#8c8983;
}

.unitlist{
color:#333333;
vertical-align:top;
}


.komidasi4{
background-color:#dcdbda;
color:#333333;
font-size:100%;
font-weight:bolder;
padding:2px 7px;
margin-right:44px;
}

.orderimg{
margin:0 20px 20px 0;
width:311px;
}


/*�Ú�ׂւ̃{ƒ^ƒ“*/
#more1{
margin:15px 0 0 0;
background-repeat: no-repeat;
float:left;
clear:both;
}
#more1 ul { margin:0; padding:0; list-style-type: none;}
#more1 ul li { overflow: hidden; float:left;}
#more1 ul li a { display: block; background-position: 0px 0px; text-decoration:none; background-repeat:no-repeat; color:#ffffff; overflow: hidden; float:left; width:238px; height:27px; }
#more1 ul li a:hover { background-repeat:no-repeat; text-decoration:none; color:#ffffff; background-position: 0px -27px;}

#more1 ul li a span { 
position: relative;
font-family: "MS UI Gothic", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "‚l‚r ƒSƒVƒbƒN", "Osaka�]“™•�";
font-size:11px;
line-height:29px;
float:left;
padding-left:28px;
}

#more1 ul li#botan1 a { background-image: url(img/bottan2.gif);}
#more1 ul li#botan2 a { background-image: url(img/bottan3.gif);}

/*ƒ�ƒjƒ…�[ƒ{ƒ^ƒ“*/
#spm{
width:325px;
margin:415px 0 0 0px;
background-repeat: no-repeat;
overflow: hidden;
}

#spm ul { margin:0; padding:0; list-style-type: none;}
#spm ul li { height: 25px; width:325px; margin-bottom:9px; overflow: hidden; float:left; }
#spm ul li a { display: block; height: 25px; width:325px; background-position: 0px 0px; text-decoration:none; background-image: url(img/spm.gif); background-repeat:no-repeat; color:#757575;}
#spm ul li a:hover { background-repeat:no-repeat; text-decoration:none; color:#000000; background-position: 0px -25px;}
#spm ul li a span { padding-left:29px; line-height:25px; font-size:11px; font-family: "‚l‚r ƒSƒVƒbƒN", "MS UI Gothic", "Verdana", "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Osaka�]“™•�";}

BODY#page1 #spm ul li#spm1 a { background-image: url(img/spm2.gif);  background-position: 0px 0px; color:#757575;}
BODY#page2 #spm ul li#spm2 a { background-image: url(img/spm2.gif);  background-position: 0px 0px; color:#757575;}
BODY#page3 #spm ul li#spm3 a { background-image: url(img/spm2.gif);  background-position: 0px 0px; color:#757575;}