html {
height: 100%;
}

body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
height: 100%;
background:url(../bg_3.jpg) top center repeat;
background-color: #e0e0e0;
font-size: 11px;
font-family:
	'メイリオ',
	'Meiryo',
	'Hiragino Kaku Gothic Pro',
	'ヒラギノ角ゴ Pro W3',
	'Osaka',
	'ＭＳ Ｐゴシック',
	sans-serif;
}

.backbb{
width: 893px;
background-color: #ffffff;
background-image:url(../bg_3.jpg);
background-repeat:repeat-y;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-left:widthn1/2	;
}

.backbb2{
width: 893px;
background-color: #ffffff;
background-repeat:repeat-y;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-left:widthn1/2	;
}


img{ border: 0px; }

.clear { clear:both; }

strong{
font-weight : lighter;
}


#totop{
margin-left: 450px;
margin-top: 20px;
margin-bottom: 20px;
height: 50px;
}

#totop a{
color: #0066cc;
font-size: 11px;
text-decoration: none;
margin-bottom: 20px;
}



/* ===== ヘッダー ===== */

.header{
width: 898px;
height: 70px;
background-color: #ffffff;
font-size : 13px;
background-image : url(../img/head.jpg);
color: #999999;
}

html>body .header{
margin-left: -73px;
}

*:first-child+html .header{
margin-left: -73px;
}



.logo{
  margin-top : 7px;
  margin-left : 30px;
}


.tth{color: #fff;font-size: 10px;position: absolute;margin-left: 240px;margin-top: -30px;}


#logoca{
  font-size : 12px;
  text-align : left;
}

#outline {
	width:750px;
	text-align:left;
	margin:0 auto;
 }


h3,h4,h5,h6,h7,h8{
  width: 600px;
  font-size : 15px;
  font-weight : bold;
  text-align : left;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 3px 3px 7px 0px;
  border-bottom: 1px solid #999999;
  height: 18px;
  margin-top: 0px;
}


#textbox{
	font-size : 9px;
	text-align : right;
	margin-right : 20px;
	margin-top : -48px;
	line-height: 16px;
  

}

#textbox a{color: #ffffff; text-decoration: none;}
#textbox a:link {color: #ffffff;}
#textbox a:visited {color: #ffffff;}
#textbox a:hover {color: #d9b220; text-decoration: none;}
#textbox a:active {color: #d9b220;}


input{
  font-size : 12px;
  margin-top: -2px;
  }
form{
  margin-top : 0px;
  margin-bottom : -3px;
}

.preorder{margin-left: -73px;}

.preorder a {
	display: block;
	width: 488px;
    height: 55px;
	font-size: 10px;
	text-decoration: none;
	padding-left: 410px;padding-top: 8px;}


.preorder a:link {color: #ffffff; background-image: url(../img/orderba.jpg);}
.preorder a:visited {color: #ffffff; background-image: url(../img/orderba.jpg);}
.preorder a:hover {color: #ffffff; background-image: url(../img/orderba2.jpg);}
.preorder a:active {color: #ffffff; background-image: url(../img/orderba2.jpg);}


/* ===== TOP ===== */

.linkg {width: 558px; height: 28x;}

html>body .linkg {width: 558px; height: 30px;}

*:first-child+html .linkg {width: 565px;}


.linkg a {
	display: block;
	width: 558px;
    height: 28px;
	font-size: 12px;
	text-decoration: none;
	padding-left: 42px;}

html>body .linkg a {width: 558px; text-align: left; height: 23px; padding-top: 4px;font-size: 12px;}


.linkg a:link {color: #663300; background-image: url(../img/linkbg.gif);}
.linkg a:visited {color: #663300; background-image: url(../img/linkbg.gif);}
.linkg a:hover {color: #d9b220; background-image: url(../img/linkbg2.gif);}
.linkg a:active {color: #d9b220; background-image: url(../img/linkbg2.gif);}


.linkg2{width: 580px; color: #333333;line-height: 20px;}



.topmainbo{width: 852px; background-color: #000000; height: 100%;margin-left: -73px; padding: 15px 23px 15px 23px;line-height: 13px;color: #f4f4f4;font-size: 10px;}

.topmainbo a:hover img {
-moz-opacity:0.8;
opacity:0.8;
filter: alpha(opacity=80);
}


.topmainbo1{width: 273px; height: 156px; float: left;background-color: #ffffff;}
.topmainbo2{width: 273px; height: 156px; float: left; background-color: #ffffff; margin-left: 16px;}
.topmainbo3{width: 273px; height: 156px; float: right;background-color: #ffffff;}

.topmainbo1b{width: 259px; height: 38px; float: left; background-image: url(../img/tnsc1b.jpg);padding: 7px;}
.topmainbo2b{width: 259px; height: 38px; float: left; background-image: url(../img/tnsc2b.jpg);margin-left: 16px;padding: 7px;}
.topmainbo3b{width: 259px; height: 38px; float: right; background-image: url(../img/tnsc3b.jpg);padding: 7px;}

.topmainbo4{width: 273px; height: 156px; float: left;background-color: #ffffff;margin-top: 15px;}
.topmainbo5{width: 273px; height: 156px; float: left; background-color: #ffffff; margin-left: 16px;margin-top: 15px;}
.topmainbo6{width: 273px; height: 156px; float: right;background-color: #ffffff;margin-top: 15px;}

.topmainbo4b{width: 259px; height: 38px; float: left; background-image: url(../img/tnsc4b.jpg);padding: 7px;}
.topmainbo5b{width: 259px; height: 38px; float: left; background-image: url(../img/tnsc5b.jpg);margin-left: 16px;padding: 7px;}
.topmainbo6b{width: 259px; height: 38px; float: right; background-image: url(../img/tnsc6b.jpg);padding: 7px;}

/* ===== グローバルナビ ===== */

.menu {
    width: 898px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    border-top: 1px solid #d9b220;
    background-image : url(../img/nabibg.gif);
    height: 34px;
}

html>body .menu {
width: 897px;
margin-bottom: -20px;
border-top: 1px solid #d9b220;
background-image : url(../img/nabibg.gif);
margin-left: -73px;
}

*:first-child+html .menu {
width: 898px;
margin-left: -73px;}

.we{
    margin-right:-3px;	
    padding: 0px 0px 0px 0px;
    border-right: 0px;
}
.menu a {
	float: left;
	display: block;
	width: 149px;
	padding-top: 7px;
	height: 27px;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
}

html>body .menu a {width: 149px;}
*:first-child+html .menu a {width: 149px;}


.menu a:link {background-image : url(../img/nabibg.gif);	color:#ffffff;}
.menu a:visited {background-image : url(../img/nabibg.gif);	color: #ffffff;}
.menu a:hover {background-image : url(../img/nabibgbg2.gif);	color: #d9b220;}
.menu a:active {color: #d9b220;}


.menu2 {
    width: 650px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 20px;
}



.menu2 a {
	float: left;
	display: block;
	width: 99px;
	padding-top: 6px;
	height: 26px;
	font-size: 11px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #dbb400;
}
*:first-child+html .menu2 a{height: 23px;}


.menu2 a:link {color: #5f4e44;}
.menu2 a:visited {color: #5f4e44;}
.menu2 a:hover {color: #dbb400;}
.menu2 a:active {color: #5f4e44;}




/* ============================================= ソーシャルボタン ===== */

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	width: 325px;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.block div {
	margin-right: 6px;
	float: left;
	margin-bottom: 0px;

}

.pro_navi {
    width: 100px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 2px;
    margin-top: 15px;
    float: left;
    margin-left: 510px;


}


.pro_navi a {
	float: left;
	display: block;
	width: 23px;
	padding-top: 2px;
	padding-left: 2px;
	height: 20px;
	font-size: 15px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 16px;
	margin-right: 5px;
	border: 1px solid #666666;
}


.pro_navi a:link {background-color: #996600; color:#ffffff;}
.pro_navi a:visited {background-color: #996600;	color: #ffffff;}
.pro_navi a:hover {background-color: #000000;color: #ffffff;}
.pro_navi a:active {background-color: #000000;color: #ffffff;}


.tpso{height: 20px;background-color: #000000; width: 877px; margin-left: -73px; padding-top: 15px; padding-left: 20px;}

/* ================================================== メイン ===== */


h1{font-size:23px; color:#5f4e44;}

.contup{width: 836px; height: 30px; margin-left: 35px;margin-bottom: 20px; border-bottom: 2px solid #d9b220;padding-bottom: 20px;}
.cule{float: left;width: 500px;}
.curi{float: right;width: 325px;;margin-right: -30px;height: 20px;padding-top: 10px;}

h2{font-size: 13px; height: 14px; width: 600px; background-color: #532f19;color: #ffffff;margin-top: 0px;}
html>body h2{  padding: 3px 0px 10px 7px;}
*:first-child+html h2{ margin-top: -20px;}

.fale{float: left;width: 300px; height: 100%;margin-bottom: 25px;}
.fale a:hover img {
-moz-opacity:0.9;
opacity:0.9;
filter: alpha(opacity=90);
}

.fari{float: right;width: 280px; height: 135px;font-size: 11px;line-height: 20px;letter-spacing: 0px; color: #333333}


.bana{margin-top: 10px;}
.bana2{margin-top: 3px;}
.bana3{margin-top: 3px; margin-left: 4px;}

.button_c{margin-top: 10px;}


.shopta{font-size: 11px;line-height: 20px;letter-spacing: 0px; color: #333333;}

.button_c a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}

.pmain{width:896px;
background-color: #ffffff;}


html>body .pmain{
width:898px;
margin-left: -73px;
margin-top: 20px;
background-color: #ffffff;
}

html>body .pmain3{
width: 898px;
margin-left: -73px;
margin-top: 20px;
background-color: #ffffff;
}

.pmain{
width: 898px;
background-color: #ffffff;
}

.pmain3{
width: 898px;
background-color: #ffffff;
}


.pan{font-size: 9px;padding: 20px 0px 9px 35px; width: 863px; background-image: url(../img/panb.gif);color: #666666;}
.pan a {text-decoration: none;}
.pan a:link {color:#666666;}
.pan a:visited {color: #666666;}
.pan a:hover {color: #666666;text-decoration: underline;}
.pan a:active {color: #666666;}

html>body .pan{margin-left: 0px;width: 863px; }


.contleft{float: right; width:200px; color: #333333; background-color: #ffffff; margin-left: 10px;}
.contright{float: left; width: 610px; color: #333333; line-height: 20px; background-color: #ffffff; font-size: 12px;}

html>body .contleft{float: right; width:200px; background-color: #ffffff; margin-right: 23px;}
html>body .contright{
	float: left;
	width: 610px;
	color: #000;
	line-height: 20px;
	background-color: #ffffff;
	font-size: 12px;
	padding-left: 37px;
	margin-right:0px;
	text-align: left;
}
*:first-child+html .contleft{float: right; width:200px; color: #ffffff; background-color: #ffffff; margin-left: 18px;}
*:first-child+html .contright{float: left; width: 610px; color: #333333; line-height: 20px; background-color: #ffffff; font-size: 12px; padding-left: 37px;}

.contright a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}

.repemi{font-size: 14px;font-weight: bold;border-bottom: 1px solid #cc3300;width: 435px;height: 26px;padding: 5xp 0px 5px 15px;background-image: url(mida/caferate.jpg);color: #cc3300;margin-bottom: 10px;}


    table.recipe th, table.recipe td{
        border-bottom:1px;
        border-bottom-style:solid;
        border-bottom-color:#dfbfbf;
		vertical-align : top;
		padding: 5px;
    }

    table.recipe th{
		padding : 5px 4px 0px 0px;
        font-weight:bold;
        color:#800000;
}

.topmain{
width: 898px;
height: 384px;
background-image: url(../top.jpg);
}

*:first-child+html .topmain{
width: 898px;
height: 384px;
background-image: url(../top.jpg);
}

html>body .topmain{
width: 898px;
height: 384px;
background-image: url(../top.jpg);
margin-top: 20px;
}

@media screen and (-webkit-min-device-pixel-ratio:0){
  .topmain{
margin-top: 20px;
  }
}
.iconsh{width: 580px; height: 30px;background-color: #fff0c4; padding-top: 10px;padding-left: 20px;margin-bottom: 20px;border: 1px solid #c0ae83;}
.tab2{border-bottom: 1px solid #cc3300; color: #cc6600;font-size: 14px;font-weight: bold;padding-top: 10px;}


.mainmida{
width: 330px;
height: 350px;
margin-left: 490px;
font-size: 12px;
color: #333333;
padding-top: 220px;
line-height: 19px;
padding-right: 25px;
}

.mainmida a {	text-decoration: none;}
.mainmida a:link {color:#ffcc00;}
.mainmida a:visited {color: #ffcc00;}
.mainmida a:hover {color: #cc9900;}
.mainmida a:active {color: #cc9900;}



html>body .topmain{
margin-left: -73px;
margin-top: 20px;
background-color: #000000;
}

html>body .topmain{
margin-left: -73px;
margin-top: 0px;
background-color: #000000;
}

*:first-child+html  .topmain{
margin-left: -73px;
margin-top: 20px;
background-color: #000000;
}


.whenright{float: right; width: 440px;}

.whenleft{float: left; width: 160px;}

html>body .whenright{float: right; width: 440px; margin-left: 10px;margin-bottom: 20px;}
html>body .whenleft{float: left; width: 160px; }

*:first-child+html .whenright{float: right; width: 450px; margin-left: 20px; padding-right: 20px;margin-bottom: 0px;}
*:first-child+html .whenleft{float: left; width: 160px;}


.aw_right{float: right; width: 470px;margin-top: 20px;}
.aw_left{float: left; width: 130px;  margin-bottom: 20px;margin-top: 20px;}


.hand{position: absolute; margin-left: 558px;margin-top: -200px;background-image: url(../img/hand.gif);width: 92px;height: 200px;}
html>body .hand{position: absolute; margin-left: 558px;margin-top: -200px;background-image: url(../img/hand.png);width: 92px;height: 200px;}
*:first-child+html .hand{position: absolute; margin-left: 558px;margin-top: -200px;background-image: url(../img/hand.png);width: 92px;height: 200px;}




.heightsp{width: 160px; height: 215px; margin-top: -390px;margin-bottom:170px;}

.tdspec{
width: 135px;
background-color:#f6f6f6;
border-bottom: 1px solid #cccccc;
padding-bottom: 3px;
padding-top: 3px;
padding-left: 10px;
}

.ttdspec{
width: 460px;
padding-left: 5px;
padding-bottom: 3px;
padding-top: 3px;
border-bottom: 1px solid #cccccc;
}

html>body .spec{
width: 600px;
padding: 3px;
border-left: 5px solid #D9B200;
border-bottom: 1px dotted #999999;
font-weight: bold;
margin-top: 50px;
font-size: 15px;
}

*:first-child+html .spec{
width: 600px;
padding: 3px;
border-left: 5px solid #D9B200;
border-bottom: 1px dotted #999999;
font-weight: bold;
margin-top: 15px;
}

.totop{width: 600px;text-align: right;margin-bottom: 40px;margin-top: 30px;}

.mole{float: left;width: 150px;height: 100%;}
.mori{float: right;width: 435px;height: 100%;}

.howle{float: left;width: 297px;height: 34px;margin-bottom: 15px;}
.howri{float: right;width: 297px;height: 34px;margin-right: 5px;margin-bottom: 15px;}

.hoko1{float: left;width: 196px;margin-top: 10px;}
.hoko2{float: left;width: 196px;margin-top: 10px;margin-left: 10px;}
.hoko3{float: right;width: 196px;margin-top: 10px;margin-right: 4px;}

.hokofo{font-size: 11px; line-height: 14px;}
.hokoa{float: left;width: 196px;margin-top: 5px;}
.hokob{float: left;width: 196px;margin-top: 5px;margin-left: 10px;}
.hokoc{float: right;width: 196px;margin-top: 5px;margin-right: 4px;}


.setu{font-size: 11px;line-height: 14px;margin-bottom: 15px;margin-top: 15px;}

.specfo{font-size: 11px;margin-bottom: 10px;}


.recile{width: 356px; float: left;}
.reciri{width: 244px; float: right;}

/* ===== リンク ===== */


.linkt{font-size: 12px; line-height: 18px; margin-bottom: 20px;}

.linkt a {	text-decoration: none;}
.linkt a:link {color:#0066cc;}
.linkt a:visited {color: #0066cc;}
.linkt a:hover {color: #cc0033;}
.linkt a:active {color: #cc0033;}

.tt{font-size: 12px; line-height: 18px; margin-bottom: 20px;}



.menunavi
{
width: 193px;
color: #666666;
}
.menunavi ul
{
font-size: 11px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 193px;
}
.menunavi li
{
margin: 0;
}
.menunavi li a
{
display: block;
padding: 15px;
height:100%;
background-color: #dfdfdf;
color: #333333;
text-decoration: none;
border-bottom: 1px dotted #999999;
}

.menunavi li a:hover{background-color: #cccccc;}

.menunavibb
{
width: 191px;
height: 71px;
font-size: 12px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
margin-bottom: 0px;
background-image: url(../img/seihin_top.jpg);
color: #ffffff;
}
.menunavibb ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 191px;
height: 71px;
}
.menunavibb li
{
border-bottom: 1px solid #999999;
height: 71px;
margin: 0;
}
.menunavibb li a
{
display: block;
color: #ffffff;
text-decoration: none;
height: 71px;
}
.menunavibb li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(../img/seihin_top2.jpg);
}

.menunavi2
{
width: 150px;
color: #666666;
}


.menunavi2 ul
{
font-size: 11px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 150px;
}
.menunavi2 li
{
margin: 0;
}
.menunavi2 li a
{
display: block;
padding: 7px 7px 7px 17px;
height:100%;
background-image: url(../img/mob1.jpg);
color: #333333;
text-decoration: none;
}

.menunavi2 li a:hover{color: #ffffff;;background-image: url(../img/mob2.jpg);}


/* ===== フッター ===== */

.logo2{margin-left: 720px; margin-top: -138px; position: absolute;}

*:first-child+html .logo2{margin-left: 720px; margin-top: -138px;}

.footer1{
text-align : center;
font-size : 10px;
width: 898px;
height: 21px;
background-color: #323232;
padding: 8px 0px 3px 0px;
color: #ffffff;
background-color: #000000;
}

.footer1 a {text-decoration: none;}
.footer1 a:link {color:#ffffff;}
.footer1 a:visited {color: #ffffff;}
.footer1 a:hover {color: #d9b220;text-decoration: none;}
.footer1 a:active {color:#ffffff;}


.topff{
text-align : center;
font-size : 10px;
width: 898px;
height: 50px;
background-color: #323232;
padding: 10px 0px 3px 0px;
color: #ffffff;
background-color: #000000;
line-height: 20px;
}

.topff a {text-decoration: none;}
.topff a:link {color:#ffffff;}
.topff a:visited {color: #ffffff;}
.topff a:hover {color: #d9b220;text-decoration: none;}
.topff a:active {color:#ffffff;}


html>body .topff{
margin-left: -73px;
}

.footer2{
text-align : center;
padding: 40px 0px 3px 0px;
font-size : 11px;
width: 898px;
height: 35px;
background-color: #000000;
padding: 0px 0px 3px 0px;
color: #ffffff;
}

.footer2 a {text-decoration: none;}
.footer2 a:link {color:#d9b220;}
.footer2 a:visited {color: #d9b220;}
.footer2 a:hover {color: #d9b220; text-decoration: underline;}
.footer2 a:active {color:#d9b220;}

html>body .footer1{
margin-left: -73px;
}

html>body .footer2{
margin-left: -73px;
}
html>body .footer3{
margin-left: -73px;
}
html>body .footer4{
margin-left: -73px;
}

.footer3{
text-align : center;
font-size : 10px;
width: 898px;
height: 25px;
border-top: 1px solid #666666;
background-color: #323232;
padding: 10px 0px 0px 0px;
color: #ffffff;
background-color: #000000;
}

.footer3 a {text-decoration: none;}
.footer3 a:link {color:#ffffff;}
.footer3 a:visited {color: #ffffff;}
.footer3 a:hover {color: #d9b220;text-decoration: none;}
.footer3 a:active {color:#d9b220;}

.footer4{
text-align : center;
font-size : 12px;
width: 898px;
height: 40px;
border-top: 1px solid #666666;
background-color: #cccccc;
padding: 10px 0px 0px 0px;
color: #ffffff;
background-image : url(img/footb2.gif);
}

.footba{
width: 868px;
height: 40px;
padding: 15px;
text-align: center;
background-color: #000000;}
html>body .footba{
margin-left: -73px;}

.bg_line{
  border-bottom-width : 1px;
  border-bottom-style : solid;
  border-bottom-color : gray;
  font-size : 12px;
  padding-top : 5px;
  padding-bottom : 5px;
  padding-right : 1mm;
  padding-left : 2mm;
  color: #000000;
}

/* ===== 用語集 ===== */

.menu3 {
    width: 620px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 20px;
}

*:first-child+html .menu3 {
    width: 610px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 20px;
}
html>body .menu3 {
    width: 610px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 20px;
}


.menu3 a {
	float: left;
	display: block;
	width: 83px;
	padding-top: 7px;
	padding-left: 3px;
	height: 29px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
	border-right: 1px solid #cccccc;
	border-bottom:  1px solid #cccccc;
	border-top:   1px solid #cccccc;
}

.menu3 a:link {	background-image : url(../img/waa.gif);	color:#996666;}
.menu3 a:visited {	background-image : url(../img/waa.gif);	color: #996666;}
.menu3 a:hover {	background-image : url(../img/wab.gif);	color: #cc3300;}
.menu3 a:active {	color: #cc3300;}

.menu32{border-left: 1px solid #cccccc;}

.wleft{float: left; width:300px;}
.wright{float: right;width: 300px;}

.navw
{
padding: 1px;
margin-left: 0;
background: #ffffff;
width: 300px;
color: #006; }

.navw li
{
list-style: none;
margin: 0px;
border-bottom: 1px #004080 dotted;
text-align: left;
}

.navw li a
{
padding: 5px;
display: block;
text-decoration: none;
}

.navw li a:link { color: #0066cc; }
.navw li a:visited { color: #0066cc; }

.navw li a:hover
{
color: #cc0033;
background-color: #f5f5f5;
}

.word{font-weight: bold; font-size: 15px; color: #333333; width: 610px; margin-bottom: 0px; margin-top: -4px;}

.diright{float: right; width: 160px; }
.dileft{float: left; width: 435px;}

html>body .diright{float: right; width: 160px; }
html>body .dileft{float: left; width: 440px;}

*:first-child+html .diright{float: right; width: 160px; }
*:first-child+html .dileft{float: left; width: 440px;}


.diwo{font-weight: bold; font-size: 17px; color: #333333; width: 600px; margin-bottom: 5px; margin-top: -4px; border-left: 3px solid #B14827; border-bottom: 1px solid #999999;padding: 7px 0px 7px 10px;margin-bottom: 10px;background-image: url(wa1.gif);}

.bbc{font-size: 15px;color: #cc0033;font-weight: bold;}


.chu{font-size: 12px;padding: 20px; background-color: #ffffd7;margin-top: 10px;line-height: 14px;width: 570px;color: #333333;line-height: 20px;}

.chu2{font-size: 10px;}

.makeca{background-image: url(../img/makeca.jpg); height: 31px; width: 270px; padding: 17px 0px 0px 32px;}
.makeca a {text-decoration: none;}
.makeca a:link {color:#663300;}
.makeca a:visited {color: #663300;}
.makeca a:hover {color: #d9b220;text-decoration: none;}
.makeca a:active {color:#d9b220;}




.sup
{
padding: 1px;
background: #ffffff;
width: 600px;
color: #006; 


}

.sup li
{
list-style: none;
border-bottom: 1px #004080 dotted;
text-align: left;

}

.sup li a
{
display: block;
text-decoration: none;
background-image: url(../img/supb.gif);
height: 25px;
padding: 7px 0px 0px 25px;
}



.sup li a:link { color: #0066cc; }
.sup li a:visited { color: #0066cc; }

.sup li a:hover{color: #cc0033;
background-image: url(../img/supb2.gif);
}

*:first-child+html  .sup li{margin-left: -40px;width: 560px;}
html>body .sup li{margin-left: 0px;width: 560px;}

.ans{
	width: 560px;
	padding-left: -40px;
	color: #000;
	font-weight: bold;
	background-image: url(../img/supb.gif);
	border-bottom: 1px #004080 dotted;
	height: 25px;
	padding: 7px 0px 0px 25px;
}

.ansa{
	width: 560px;
	padding-left: -40px;
	background-image: url(../img/supba.gif);
	padding: 7px 0px 0px 25px;
	color: #000;
	margin-bottom: 20px;
}
.ansa a:link {color : #0066cc;}
.ansa a:visited{color : #0066cc;}
.ansa a:hover  {color : #cc3300;}

*:first-child+html  .ans{}

.bb{
  font-size : 12px;
  color : #0066cc;
}
.bb:link   {color : #0066cc; }
.bb:visited{color:#0066cc; }
.bb:hover  {color : #cc3300;}


.mm{font-size : 14px;text-decoration: none;}
.mm:link  {color : #0033cc;text-decoration: none;}
.mm:visited{color:#0033cc;text-decoration: none;}
.mm:hover  {color : #cc0033;text-decoration:none;}



.pubmain{
width: 620px;
}

.publeft{
width: 95px;
float: left;
height: 80px;
padding: 5px;
padding: 15px 5px 5px 5px;
border-bottom: 1px dotted #999999;
}
.pubright{
color: #333333;
width: 503px;
float: right;
height: 80px;
line-height: 15px;
padding: 15px 5px 5px 5px;
border-bottom: 1px dotted #999999;
}

.mean{font-size: 14px;line-height: 25px;}


/* ===== ネット注文 ===== */


.ypre{width: 285px;height: 21px;background-color: #ffff00; padding: 5px;font-size: 18px;font-weight: bold;color: #cc0033;margin-top: 5px;margin-bottom: 17px;}

.sendd{font-size: 12px;color: #cc0000;}

.maker{
font-size: 12px;
line-height: 18px;
}

.maker a {text-decoration: none;}
.maker a:link {color:#0066cc;}
.maker a:visited {color: #0066cc;}
.maker a:hover {color: #cc0033;}
.maker a:active {color: #cc0033;}




.onavi
{
width: 193px;
font-size: 12px;
color: #666666;
}
.onavi ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 193px;
}
.onavi li{margin: 0;}
.onavi li a{
display: block;
padding: 11px 10px 7px 25px;
height: 20px;
background-color: #feefd3;
color: #333333;
background-image: url(../mida/obb.gif);
text-decoration: none;
border-bottom: 1px solid #bfbfbf;
}

.onavi li a:hover
{
color: #333333;
background-image: url(../mida/obb2.gif);
}

.onavibb
{
width: 193px;
font-size: 12px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
margin-bottom: 0px;
background-color: #999999;
color: #ffffff;
}
.onavibb ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 193px;
}
.onavibb li
{
border-bottom: 1px solid #999999;
margin: 0;
}
.onavibb li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-image: url(../mida/nabiv.gif);
color: #ffffff;
text-decoration: none;
}
.onavibb li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(../mida/nabiv2.gif);
}


.shop{
width: 610px;
padding: 5px;
background-color:#ffffff;
border-bottom: 1px solid #cccccc;
}
.shop a {text-decoration: none;}
.shop a:link {color:#0066cc;}
.shop a:visited {color: #0066cc;}
.shop a:hover {color: #cc0033;}
.shop a:active {color: #cc0033;}

}


.shop2{
width: 610px;
padding: 5px;
background-color:#ffffff;
}
.shop2 a {text-decoration: none;}
.shop2 a:link {color:#0066cc;}
.shop2 a:visited {color: #0066cc;}
.shop2 a:hover {color: #cc0033;}
.shop2 a:active {color: #cc0033;}

}



.dleft{
width: 190px;
float: left;
text-align: center;
line-height: 15px;
font-size: 12px;
}

html>body .dleft{
width: 190px;
float: left;
text-align: center;
line-height: 15px;
font-size: 12px;
}

.dright{
width: 415px;
float: right;
}


.dleft2{
width: 290px;
float: left;
text-align: center;
line-height: 15px;
font-size: 12px;
}

.dright2{
width: 300px;
float: right;
}



.backbb2 #outline .pmain .contright .f2 {
	text-align: left;
}



.viewcontright{float: left; width: 610px; color: #333333; line-height: 20px; background-color: #ffffff; font-size: 12px;}

html>body .viewcontleft{float: right; width:200px; background-color: #ffffff; margin-right: 23px;}
html>body .viewcontright{
	float: left;
	width: 610px;
	color: #000;
	line-height: 20px;
	background-color: #ffffff;
	font-size: 12px;
	padding-left: 37px;
	margin-right:0px;
	text-align: left;
}
*:first-child+html .viewcontleft{float: right; width:200px; color: #ffffff; background-color: #ffffff; margin-left: 18px;}
*:first-child+html .viewcontright{float: left; width: 610px; color: #333333; line-height: 20px; background-color: #ffffff; font-size: 12px; padding-left: 37px;}