html {
height: 100%;
}


/* ===== ベース ===== */


body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
background-color: #000000;
}
.clear { clear:both; }
img{border: none;}
.imgh{margin-bottom: 6px;}


h1,h2,h3,h4,h5,h6,h7,h8{
  width: 640px;
  font-size : 16px;
  font-weight : bold;
  text-align : left;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 3px 3px 3px 7px;
  border-bottom: 1px solid #cccccc;
  border-top: 1px solid #cccccc;
  border-left: 4px solid #cccccc;
  border-right: 1px solid #cccccc;
  background-color: #eaeaea;
  height: 18px;
}

*:first-child+html h1,h2,h3,h4,h5,h6,h7,h8{
  padding: 6px 3px 7px 13px;}


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

.twwi{margin-top: -50px; margin-left: 750px;position: absolute;}

.head{width: 100%; background-color: #ffffff; height:90px;}
.logo{width: 893px; margin-left: auto;margin-right: auto;margin-top: 10px;}
html>body .head{margin-top: -10px;}
*:first-child+html  .head{margin-top: 0px;}
html>body .logo{padding-top: 10px;}
*:first-child+html .logo{padding-top: 0px;}


.hds{height: 10px; width: 100%; background-image: url(img/hds.gif); margin-bottom: -5px;}

html>body .hds{margin-bottom: 0px;}


.caution{width: 380px; border: 1px solid #e3e300;font-size: 12px; margin-left: 530px;padding: 5px;text-align: center; margin-top:-45px;
background-color: #ffff00;}

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


.topi{
margin-top: -5px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
height: 100px;
background-color: #ffffff;
position: center;
}

html>body .topi{height: 350px; margin-top: 0px;}

.topi2{
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
height: 100%;
background-color: #ffffff;
position: center;
}


.main{width: 100%;
background-color: #000000;
height: 100%;
}


/* ===== メニュー ===== */

.menub{width: 100%; background-image: url(img/menub.gif); height: 33px;}

.menu {
    width: 893px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2;
    margin-left: auto;
margin-right: auto;
text-align: center;
}

.menu a {
	float: left;
	display: block;
	width: 111px;
	padding-top: 8px;
	height: 24px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
}
.menu a:link {background-image : url(img/gnavi.gif); color:#ffffff}
.menu a:visited {background-image : url(img/gnavi.gif); color: #ffffff;}
.menu a:hover {background-image : url(img/gnavib.gif); color: #ffffff;}
.menu a:active {color: #ffffff;}


/* ===== メニュー下ナビ ===== */

.navib{width: 100%; background-color: #000000; height:70px;}
.navimg{width: 893px; margin-left: auto;margin-right: auto;}
.navis{width: 100%; background-color: #efe1d1; height:70px;}



.twi{width: 212px; padding-top: 10px; padding-bottom: 10px;}
.twi a:link {color:#006699; text-decoration: none;}
.twi a:visited {color: #006699; text-decoration: none;}
.twi a:hover {color: #cc0033; text-decoration: underline;}
.twi a:active {color: #cc0033;}

/* ===== パン ===== */

.pan{width: 670px; padding-top: 10px; padding-bottom: 10px;}
.pan a:link {color:#006699; text-decoration: none;}
.pan a:visited {color: #006699; text-decoration: none;}
.pan a:hover {color: #cc0033; text-decoration: underline;}
.pan a:active {color: #cc0033;}


/* ===== コンテンツ ===== */



.tpis{margin-top: 40px;margin-left: 400px;position: absolute;}

.ttop{
margin-left: 580px;
margin-top: 10px;
}
.ku{height: 10px;}

.ana{margin-top: 10px;}

.bb{
  font-size : 12px;
  text-decoration : none;
  color : #0066ff;
}
.bb:link   {color : #0066cc; text-decoration:underline;}
.bb:visited{color:#0066cc; text-decoration:underline;}
.bb:hover  {color : #cc0033;text-decoration:underline;}

.upconle{float: right; width: 210px; height: 100%; background-color: #ffffff;}
.upconcen{float: left; width: 660px; height: 100%; background-color: #ffffff; line-height: 20px;}



.cont{
font-size: 12px;
width: 892px; 
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
height: 100%;
background-color: #000000;
position: center;
}

html>body .cont{margin-top: 0px;}
*:first-child+html .cont{margin-top: 0px;}


.cont a {
	font-size: 12px;
	text-decoration: underline;
	color: #ffffff;
}
.cont a:link {color:#ffffff}
.cont a:visited {color: #ffffff;}
.cont a:hover {color: #ffffff;text-decoration: underline;}
.cont a:active {color: #cc0000;}

.leftc{float: left; width: 180px; height: 100%; background-color: #000000;color: #ffffff;padding: 10px;margin-top: 7px;}

.cenc{float: left; width: 452px; height: 100%; background-color: #000000; color: #ffffff; padding: 5px 20px 20px 20px;line-height: 20px;margin-top: 7px;}

.rightc{float: right; width: 180px; height: 100%; background-color: #000000; color: #ffffff; padding: 10px;margin-top: 7px;}


.cont2{
font-size: 12px;
width: 892px; 
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
height: 100%;
background-color: #ffffff;
position: center;
}

.chu{font-size: 10px; line-height: 14px; width: 450px; background-color: #000000; color: #ffffff;}
.chu a {
	font-size: 12px;
	text-decoration: underline;
	color: #ffffff;
}
.chu a:link {color:#ffffff;}
.chu a:visited {color: #ffffff;}
.chu a:hover {color: #ffffff;text-decoration: underline;}
.chu a:active {color: #cc0000;}

.chu2{font-size: 10px;}


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

.sin{background-color: #000000; padding: 20px;}




/* ===== サポート ===== */


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

.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: #333333; }
.sup li a:visited { color: #333333;}

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

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



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

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



*:first-child+html  .ans{}


/* ===== フッダーメニュー ===== */

.footm{width: 100%;
background-color: #000000;
height:20px;
border-top: 1px solid #666666;
color: #ffffff;
font-size: 10px;
padding-top: 8px;
}

.footm a:link {color:#ffffff;text-decoration: none;}
.footm a:visited {color: #ffffff;text-decoration: none;}
.footm a:hover {color: #cc0033;text-decoration: nnone;}
.footm a:active {color: #cc0000;}

.footmt{width: 893px; margin-left: auto;margin-right: auto;}

/* ===== フッダー ===== */

.foot{
width: 100%;
background-color: #000000;
height:80px;
border-top: 1px solid #666666;
color: #ffffff;
padding-top: 10px;
}
.footc{width: 893px; margin-left: auto;margin-right: auto;margin-top: 5px; font-size: 12px;}

.foott{margin-left: 530px; font-size: 12px; color: #ffffff; margin-top: -20px;}
.foott a:link {color:#ffffff;text-decoration: none;}
.foott a:visited {color: #ffffff;text-decoration: none;}
.foott a:hover {color: #cc0033;text-decoration: nnone;}
.foott a:active {color: #cc0000;}


/* ===== 販売店舗===== */

.map{ color: #ffffff; margin-top: -20px;}
.map a:link {color:#ffffff;text-decoration: none;}
.map a:visited {color: #ffffff;text-decoration: none;}
.map a:hover {color: #cc0033;text-decoration: nnone;}
.map a:active {color: #cc0000;}


.mapb{background-image: url(img/mapb.jpg); width: 640px;height: 410px;padding-top: 15px;}
.chu2{font-size: 10px; line-height: 14px; width: 450px;}
/* ===== ショップ ===== */

.price{color: #cc0033;font-size: 14px;}

.orderna{margin-top: 23px;}

.ordernavi
{
text-align: left;
width: 200px;
font-size: 12px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
color: #666666;
border-top: 1px solid #999999;
margin-bottom: 15px;
}

html>body .ordernavi{
margin-bottom: 20px;
}

*:first-child+html .ordernavi{
margin-bottom: 20px;
margin-top: 0px;
}



.ordernavi ul
{
width: 200px;
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
}
.ordernavi li
{
border-bottom: 1px solid #999999;
margin: 0;
background-color: #ffffff;
}

html>body .ordernavi li{
width: 200px;
}


.ordernavi li a
{
display: block;
padding: 5px 5px 6px 10px;
border-left: 10px solid #e1e1e1;
background-color: #ffffff;
color: #666666;
text-decoration: none;
}


.ordernavi li a:hover
{
border-left: 10px solid #cc0000;
background-color: #ffecec;
color: #cc0000;
}


.ordernavi2
{
text-align: left;
width: 200px;
font-size: 12px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
color: #666666;
border-top: 1px solid #999999;
margin-bottom: 20px;
}

.onavi
{
width: 200px;
font-size: 12px;
color: #666666;
margin-bottom: 10px;
}
.onavi ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 202px;
}
.onavi li
{
margin: 0;
}
.onavi li a
{
display: block;
padding: 11px 15px 5px 33px;
height: 20px;
background-color: #ffffff;
color: #333333;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
text-decoration: none;
background-image: url(shop/obb.gif);
}

.onavi li a:hover
{
color: #cc0033;
background-image: url(shop/obb.gif);
text-decoration: underline;
}

.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(shop/nabiv.gif);
color: #ffffff;
text-decoration: none;
}
.onavibb li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(shop/nabiv2.gif);
}

.ff{margin-bottom: 4px;}


.ama{font-size: 12px;line-height: 18px;color: #333333; border: 1px solid #cccccc; padding: 13px;width: 165px;}

.pod{width:170px;height: 23px;background-color: #fee0bc;text-align: center;margin-top: -5px;padding-top: 5px;}

.cart{margin-bottom: 10px;}