@charset "utf-8";
/* CSS Document */


a {text-decoration:none;}

body{
font-size:20px;
}

ul{list-style:none;}

input[type=text] {width: max;}


.center{
display:block;
margin: 0 auto;
text-align: center;
}

.service_list2 a:link {color:#333; text-decoration:none;}
.service_list2 a:visited{color:#333; text-decoration:none;}
.service_list2 a:hover{color:#333; text-decoration:none;}
.service_list2 a:active{color:#333; text-decoration:none;}

.service_list2 li{
list-style-type: none;
border-bottom: #aaaaaa 1px dotted;
background-color: #ffffff;
margin-left: -30px;
font-weight: bold;
}

.service_list2 li a {
display: block;
text-decoration: none;	
padding: 25px 25px 25px 25px;
background: url(../img/yaji2.gif) no-repeat right;
margin-right: 15px;
}



.service_list3 a:link {color:#333; text-decoration:none;}
.service_list3 a:visited{color:#333; text-decoration:none;}
.service_list3 a:hover{color:#333; text-decoration:none;}
.service_list3 a:active{color:#333; text-decoration:none;}

.service_list3 li{
list-style-type: none;
border-bottom: #aaaaaa 1px dotted;
background-color: #ffffff;
margin-left: -30px;
font-weight: bold;
margin-top: -60px;
}

.service_list3 li a {
display: block;
text-decoration: none;	
padding: 25px 25px 25px 25px;
background: url(../img/yaji2.gif) no-repeat right;
margin-right: 15px;
}


.service_list4 a:link {color:#333; text-decoration:none;}
.service_list4 a:visited{color:#333; text-decoration:none;}
.service_list4 a:hover{color:#333; text-decoration:none;}
.service_list4 a:active{color:#333; text-decoration:none;}

.service_list4 li{
list-style-type: none;
border-bottom: #aaaaaa 1px dotted;
background-color: #ffffff;
margin-left: -30px;
font-weight: bold;
}

.service_list4 li a {
display: block;
text-decoration: none;	
padding: 25px 25px 25px 25px;
background: url(../img/yaji2.gif) no-repeat right;
margin-right: 15px;
margin: -75px 0 0 30px;
}



.service_list5 a:link {color:#333; text-decoration:none;}
.service_list5 a:visited{color:#333; text-decoration:none;}
.service_list5 a:hover{color:#333; text-decoration:none;}
.service_list5 a:active{color:#333; text-decoration:none;}

.service_list5 li{
list-style-type: none;
border-bottom: #aaaaaa 1px dotted;
background-color: #ffffff;
margin-left: -30px;
font-weight: bold;
margin-top: -60px;
}

.service_list5 li a {
display: block;
text-decoration: none;	
padding: 25px 25px 25px 25px;
background: url(../img/yaji2.gif) no-repeat right;
margin-right: 15px;
margin: -75px 0 0 30px;
}




.dot{
border-bottom: #aaaaaa 1px dotted;
margin-left: -30px;
margin-top: -40px;
}


.img{padding: 25px 5px 25px 25px;}

.text{font-size: 15px; line-height: 22px;}


.copy{font-size: 14px; padding-left: 20px; margin-top: -20px;}





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-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	;
}



.aa{
  text-decoration : none;
  color : #0066cc;
}
.aa:link   {color : #0066cc; text-decoration:none;}
.aa:visited{color:#0066cc; text-decoration:none;}
.aa:hover  {color : #cc0000;text-decoration : underline;}

img{ border: 0px; }

.clear { clear:both; }

strong{
font-weight : lighter;
}

.shopba {
margin-top: 10px;
}

.p1{
font-size: 17px;
font-weight: bold;
color: #cc0000;
margin-bottom: 4px;
}

.p2{
font-size: 14px;
font-weight: bold;
color: #333333;
margin-bottom: 4px;
}

.p3{
font-size: 14px;
font-weight: bold;
color: #cc3300;
margin-bottom: 4px;
}

.totop{
margin-left: 28px;
margin-top: 20px;
}

#totop a{
color: #0066cc;
font-size: 12px;
text-decoration: none;
}

.deli{
  color : #0066cc;
  text-decoration : none;
}
.deli a:hover{
  color : #336699;
  text-decoration : underline;
}


.supp {width: 607px;
  font-size : 16px;
  font-weight : bold;
  text-align : left;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 3px 3px 7px 7px;
  border-bottom: 1px solid #cc0033;
  border-left: 4px solid #cc0033;
  height: 18px;
}

.movie{padding: 10px; border: 1px solid #cccccc;width: 435px;margin-top: 15px;}

.bamain{width: 410px;margin-top: 20px;}


.ba_re{float: right;width: 201px;height: 193px;}
.ba_le{float: left;width: 201px;height: 193px;}

/* ========================================== ボタン ===== */

.bo{margin-left: 450px; margin-top: 226px; position: absolute; }

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	width: 545px;
	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-top: 12px;

}



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

.header{
width: 897px;
height: 80px;
font-size : 13px;
background-color: #000000
}

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

*:first-child+html .header{
width: 897px;
margin-left: -73px;
height: 80px;
background-color: #000000;
}

.topbana{margin-left: 0px;}
html>body .topbana{margin-left: -72px;}
*:first-child+html .topbana{margin-top: 20px;}


.logo{
  margin-left : 20px;
}



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


.side {
width:170px;
height: 100%;
margin-top: 30px;
float:left;
background-color: #ffffff;
border-left: 1px;
}

h1{
  font-size : 10px;
  font-family : "MS UI Gothic";
  font-weight : lighter;
  text-align : left;
  margin-top : -53px;
  margin-left : 240px;
  margin-bottom : -10px;
  color: #cccccc;
}


h2,h3,h4,h5,h6,h7,h8{
  width: 608px;
  font-size : 20px;
  text-align : left;
  line-height: 29px;
  margin-bottom: 10px;
  padding: 4px 3px 3px 7px;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  border-left: 4px solid #000000;
  border-right: 1px solid #000000;
  background-color: #000000;
  height: 100%;
  color: #ffffff;
  background-image: url(img/h2b.jpg);
}

html>body h2{  padding: 5px 0px 10px 7px;}

.info{  width: 550px;
  font-size : 14px;
  font-weight : bold;
  text-align : left;
  margin-bottom: 10px;
  padding: 6px 6px 7px 7px;
  border-bottom: 1px solid #d9b200;
  height: 18px;
  background-image: url(img/info.gif);
}

.nabisita{
width: 895px;
background-image: url(img/nabisita.jpg);
height: 14px;
}

html>body .nabisita{
margin-left: -72px;
margin-top: -20px;
margin-bottom: -45px;
}

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

.mida{
font-size: 15px;
width: 470px;
font-weight: bold;
padding: 6px 0px 6px 10px;
border-bottom: 1px solid #000000;
color: #000000;
border-left: 4px solid #cc0033;
background-color: #ffffff;
}

.midabun{
margin-top: 8px;
font-size: 12px;
width: 470px;
line-height: 18px;
color: #000000
}

#textbox{
  width: 200px;
  font-size: 12px;
  text-align : right;
  margin-left: 680px;
  margin-top: -20px;
}





.ser1{color: #cccccc; padding-top: 12px;font-size: 11px;}

.ser1 a{color: #cccccc; text-decoration: none;}
.ser1 a:link {color:#cccccc;}
.ser1 a:visited {color: #cccccc;}
.ser1 a:hover {color: #cccccc; text-decoration: none;}
.ser1 a:active {color: #cccccc;}



#mapma{
margin-right: 3px;
}

input{
  font-size : 12px;
  margin-top: -2px;
}

.map{
margin-left: 575px;
margin-right: 3px;
font-size: 10px;
position: absolute;
top: 19px;
}

.upnavi{
margin-left: 12px;
font-size: 13px;
position: absolute;
top: 137px;
}

html>body #flash{
margin-left: -7px;
}



.ipxul{width: 320px;
float: left;
font-size: 12px;
}
.ipxur{
width: 290rightpx;
float: right;
font-size: 12px;
line-height: 18px;
}

.rare{margin-left: 10px;}


.zenbun{width: 800px; font-size: 14px; margin-top: 20px;}

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

.sup_le{float: left; width:300px; color: #333333; background-color: #ffffff;}
.sup_ri{float: right; width: 300px; color: #333333; line-height: 20px; font-size: 14px;margin-right:10px;}
.sup_led{float: left; width:300px; color: #333333; background-color: #ffffff; padding-top: 10px;}
.sup_rid{float: right; width: 300px; color: #333333; line-height: 20px; font-size: 14px; padding-top: 10px;margin-right:10px;}
html>body .sup_ri{margin-right: 25px;}
html>body .sup_rid{margin-right: 25px;}

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

.topswf{
margin-top: 0px;
}

html>body .topswf{
margin-top: 0px;
margin-left: -72px;
}

.mainall{
width: 525px;
font-size: 12px;
color: #000000;
background-image: url(img/mainback.jpg);
height: 470px;
padding-left: 370px;
padding-top: 30px;
}

html>body .mainall{
margin-left: -73px;
margin-top: -19px;
}


.mainall2{
width: 525px;
font-size: 12px;
color: #000000;

padding-left: 20px;
padding-top: 30px;
}
.mainall3{
width: 895px;
font-size: 12px;
color: #000000;
padding-top: 30px;
}

html>body .mainall2{
margin-left: -71px;
margin-top: 10px;
}

html>body .mainall3{
margin-left: -71px;
margin-top: 26px;
}


.maintop{
float: right;
width: 405px;
margin-right: 7px;
}

html>body .maintop{
float: right;
width: 405px;
margin-right: 9px;

}

.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;}



.topcontle{float: left;
width: 400px;
height: 30px;
padding: 0px 10px 0px 0px;
margin-left: 15px;
font-size: 11px;
margin-left: 10px;
background-color: #cccccc;
}

.topcontri{float: right;
width: 426px;
height: 133px;
padding: 0px 0px 0px 0px;
margin-left: 0px;
margin-right: 5px;
font-size: 10px;
}

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



html>body .topcontri{margin-right: 15px;}
html>body .topcontle{margin-left: 20px;}
*:first-child+html .topcontri{margin-right: 15px;}

.bana{margin-top: 10px;}

.topb{width: 898px; height: 20px; background-image: url(img/topb.jpg);}

.topb2{width: 898px; height: 18px; background-image: url(img/topb2.jpg);}

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

.intro{width: 400px; padding: 10px 0px 10px 0px; line-height: 17px;}


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

div#area_products{
	width:452px;
	float: right;
}

/*----------------------------------------*/
/*　ラインナップ商品別ボタン 5機種　*/
/*----------------------------------------*/

/*#digi {
	width:430px;
	height:111px;
	padding:0;
	background:url(../../img/index/bt_products.jpg) 0px 0px no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 11px;
}

#digi ul{
	width:430px;
	height:111px;
	margin:0;
	padding:0;
	list-style:none;
}
#digi li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
}
#digi li a {
	display:block;
	height:111px;
	text-decoration:none;
	}
	
/*\*/
/*overflow:hidden;/*　---------　背景表示対策 MacIE対策　---------　*/
/**/
/*}
/*----------------------------------------*/

/*#digi01{
	width:86px;
	background:url(img/aadigi.jpg) 0px 0px;
}

#digi01 a:hover {
	width:86px;
	background:url(img/aadigi2.jpg) 0px 0px;
}

#digi02{
	width:86px;
	background:url(img/aamobi.jpg) 0px 0px;
}

#digi02 a:hover {
	width:86px;
	background:url(img/aamobi2.jpg) 0px 0px;
}

#digi03{
	width:86px;
	background:url(img/aaau.jpg) 0px 0px;
}

#digi03 a:hover {
	width:86px;
	background:url(img/aaau2.jpg) 0px 0px;
}

#digi04{
	width:86px;
	background:url(img/aaslr.jpg) 0px 0px;
}

#digi04 a:hover {
	width:86px;
	background:url(img/aaslr.jpg) 0px 0px;
}

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


/*----------------------------------------*/
/*　ラインナップ商品別ボタン 6機種　*/
/*----------------------------------------*/
#digi {
	width:430px;
	height:133px;
	padding:0;
	margin-right: 0px;
	margin-bottom: 0px;
}

#digi ul{
	width:430px;
	height:133px;
	margin:0;
	padding:0;
	list-style:none;
}
#digi li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
	margin-right: 2px;
}
#digi li a {
	display:block;
	height:133px;
	text-decoration:none;
/*\*/
overflow:hidden;/*　---------　背景表示対策 MacIE対策　---------　*/
/**/
}
/*----------------------------------------*/
#digi01{
	width:105px;
	background:url(img/aadigi.jpg) 0px 0px;
}

#digi01 a:hover {
	width:105px;
	background:url(img/aadigi2.jpg) 0px 0px;
}

#digi02{
	width:105px;
	background:url(img/aamobi.jpg) 0px 0px;
}

#digi02 a:hover {
	width:105px;
	background:url(img/aamobi2.jpg) 0px 0px;
}

#digi03{
	width:105px;
	background:url(img/aaau.jpg) 0px 0px;
}

#digi03 a:hover {
	width:105px;
	background:url(img/aaau2.jpg) 0px 0px;
}

#digi04{
	width:105px;
	background:url(img/aaslr.jpg) 0px 0px;
}

#digi04 a:hover {
	width:105px;
	background:url(img/aaslr2.jpg) 0px 0px;
}

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




















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

.menu {
    width: 898px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    background-image : url(img/nabibg.gif);
    height: 30px;
}

html>body .menu {
width: 895px;
margin-bottom: -20px;
background-image : url(img/nabibg.gif);
margin-left: -72px;
}

*:first-child+html .menu {
width: 897px;
background-image : url(img/nabibg.gif);
margin-left: -73px;
height: 33px;
}

.we{
    margin-right:0px;	
    padding: 0px 0px 0px 0px;
    border-right: 0px;
    background-image : url(img/nabi.gif);
}
.menu a {
	float: left;
	display: block;
	width: 179px;
	padding-top: 8px;
	height: 25px;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}

html>body .menu a {width: 179px;}


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



html>body .menu2 {
    width: 624px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 15px;
    margin-top: 10px;
    height: 30px;
}

.menu2 {
    width: 628px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 20px;
    margin-top: 10px;
    height: 30px;
    border-bottom: 1px solid #999999;
}


.menu2 a {
	float: left;
	display: block;
	width: 101px;
	padding-top: 6px;
	padding-left: 3px;
	height: 24px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
}
html>body .menu2 a {
	float: left;
	display: block;
	width: 101px;
	padding-top: 6px;
	padding-left: 3px;
	height: 24px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
	border-bottom: 1px solid #999999;
}

*:first-child+html .menu2 a {
	float: left;
	display: block;
	width: 101px;
	padding-top: 6px;
	padding-left: 3px;
	height: 24px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
}


.menu2 a:link {background-image : url(img/menu2.jpg);	color:#333333;}
.menu2 a:visited {background-image : url(img/menu2.jpg);color: #333333;}
.menu2 a:hover {background-image : url(img/menu3b.jpg);	color: #ffffff;}
.menu2 a:active {color: #333333;}

#back{background-image : url(img/menu3b.jpg);	color: #ffffff;}


.menu4 {
    width: 870px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
	margin-left: 20px;
    margin-bottom: 5px;
    margin-top: 10px;
    height: 30px;
}

*:first-child+html .menu4{width: 880px;}

.menu4 a{
	float: left;
	display: block;
	width: 115px;
	padding-top: 9px;
	padding-left: 3px;
	height: 25px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
}

html>body .menu4 a{
	float: left;
	display: block;
	width: 115px;
	padding-top: 7px;
	padding-left: 3px;
	height:27px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom:5px;
}

*:first-child+html .menu4 a {
	float: left;
	display: block;
	width: 115px;
	padding-top: 9px;
	padding-left: 3px;
	height: 25px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
}


.menu4 a:link {	background-image : url(img/ss1.gif);	color:#333333;}
.menu4 a:visited {	background-image : url(img/ss1.gif);	color: #333333;}
.menu4 a:hover {	background-image : url(img/ss2.gif);	color: #333333;}
.menu4 a:active {	color: #333333;}


#back2{background-image : url(img/ss2.gif); color: #333333;}




.menu5 {
    width: 620px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    height: 30px;
}

.menu5 a {
	float: left;
	display: block;
	width: 115px;
	padding-top: 8px;
	padding-left: 3px;
	height: 26px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
}

html>body .menu5 a {
	float: left;
	display: block;
	width: 115px;
	padding-top: 7px;
	padding-left: 3px;
	height:27px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom:5px;
}

*:first-child+html .menu5 a {
	float: left;
	display: block;
	width: 115px;
	padding-top: 8px;
	padding-left: 3px;
	height: 26px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
}


.menu5 a:link {	background-image : url(img/ss1.gif);	color:#333333;}
.menu5 a:visited {	background-image : url(img/ss1.gif);	color: #333333;}
.menu5 a:hover {	background-image : url(img/ss2.gif);	color: #333333;}
.menu5 a:active {	color: #333333;}



#menu {width: 150px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-bottom: 5px;
    margin-top: 10px;
    height: 30px;}

#menu a{float: left;
	display: block;
	border: 1px solid #cccccc;
	background-color: #07A7D8;
	color:#ffffff;
	width: 20px;
	padding: 5px;
	height: 20px;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
	margin-right: 8px;}
#menu a:hover {	background-color: #72DEF7;	color: #ffffff;}

.mainleft{
float: left;
width: 620px;
margin-left: 10px;
font-size: 12px;
line-height: 19px;
}

html>body .mainleft{
margin-left: 25px;
}

.mainright{
float: right;
width: 230px;
}


.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;
}

div.thumb_title {
font-size: 10px;
	font-weight: lighter;
	margin-top: 2px;
	margin-bottom: 3px;
}

#page_navi {
	margin-top: 0.5em;
	margin-bottom: 10px;
}

#image_navi {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.thumbbox {
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px gray solid;
}


/* ===== オーダー ===== */
.orderna{margin-top: 10px;}
.price{font-weight: bold; color: #cc0033; }

.num{font-weight: bold; color: #000000; font-size: 25px;}

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

.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;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #666666;
border-top: 1px solid #999999;
margin-bottom: 20px;
}

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


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

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


.ordernavi2 li a
{
display: block;
padding: 5px 5px 6px 15px;
border-left: 10px solid #cc0000;
background-color: #ffecec;
color: #666666;
text-decoration: none;
}


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




.cart{margin-bottom: 20px;height: 40px;}





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

.seihin1{border: solid 1px #cccccc;width: 598px; padding: 10px; margin-bottom: 15px; font-size: 14px;color:#333333;}
.seihin_le{border: solid 1px #cccccc;width: 280px; padding: 10px; margin-bottom: 15px; font-size: 14px; float: left;color:#333333;}
.seihin_re{border: solid 1px #cccccc;width: 280px; padding: 10px; margin-bottom: 15px; font-size: 14px; float: right;color:#333333;margin-right: 12px;}
.sean{font-weight: bold; color: #ffffff;text-align: center;background-image: url(img/mobile/bba.gif);color:#333333;}


*:first-child+html .seihin_le{border: solid 1px #cccccc;width: 280px; padding: 10px; margin-bottom: 15px; font-size: 14px; float: left;color:#333333;}
html>body  .seihin_le{border: solid 1px #cccccc;width: 280px; padding: 10px; margin-bottom: 15px; font-size: 14px; float: left;color:#333333;}
*:first-child+html .seihin_re{border: solid 1px #cccccc;width: 280px; padding: 10px; margin-bottom: 15px; font-size: 14px; float: right;color:#333333;}
html>body .seihin_re{border: solid 1px #cccccc;width: 280px; padding: 10px; margin-bottom: 15px; font-size: 14px; float: right;color:#333333;margin-right: 0px;}




.seihin2{float: left; border: solid 1px #cccccc;width: 178px; padding: 10px; margin-bottom: 15px; font-size: 14px;color:#333333; margin-right: 10px;}











.setul{width: 300px; float: left; font-size: 14px; margin-left:0px;}
.setur{width: 300px; float: right; font-size: 14px; line-height: 22px; margin-right:20px;}

*:first-child+html .setul6{width: 290px; float: left; font-size: 14px;}
*:first-child+html .setur{width: 320px; float: right; font-size: 14px; line-height: 20px;}
html>body .setul6{width: 290px; float: left; font-size: 14px;}
html>body .setur6{width: 320px; float: right; font-size: 14px; line-height: 20px;margin-right: 0px;}


.cau{font-size: 12px; padding-right: 30px; border: 1px;}

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

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

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


*:first-child+html .pmain{
width: 896px;
margin-left: -72px;
background-color: #ffffff;
padding-top: 10px;
}

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

.spt{color: #666666;}

.size{width: 897px;
background-color: #ffffff;
}


*:first-child+html .size{
width: 896px;
margin-left: -72px;
background-color: #ffffff;
padding-top: 10px;
}

html>body .size{
width: 896px;
margin-left: -72px;
background-color: #ffffff;
}

.size table{margin-left: 23px; font-size: 13px;}

.ki{
font-size: 13px;
font-weight: bold;
color: #0099cc;}

.kisyu{
font-size: 13px;
font-weight: bold;
color: #000000;
margin-right: 10px;}

.me{
  font-size : 16px;
  font-weight : bold;
  text-align : left;
  line-height: 22px;
  margin-bottom: 10px;
  padding: 3px 3px 7px 7px;
  border-bottom: 1px solid #cccccc;
  border-left: 4px solid #0099cc;
  background-color: #eaeaea;
  height: 18px;
  margin-left: 22px;
  width: 830px;}

html>body .pmain2{
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;
}
html>body .pmain4{
width: 898px;
margin-left: -73px;

margin-top: 20px;
}

html>body .pmain5{
width: 898px;
margin-left: -73px;
margin-top: 20px;
}


.pmain2{
width: 910px;
background-color: #ffffff;
}

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

.pmain4{width: 898px;}


.pan{font-size: 11px; padding: 15px 0px 6px 20px; width: 875px; background-image: url(img/panb.jpg); height: 12px;}
.pan a {text-decoration: none;}
.pan a:link {color:#0066cc;}
.pan a:visited {color: #0066cc;}
.pan a:hover {color: #0099cc;}
.pan a:active {color: #0099cc;}

html>body .pan{margin-left: -72px;width: 875px; }
*:first-child+html .pan{margin-top: 0px;}



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



.vta{width: 570px;}
html>body .vta{width: 580px;}
*:first-child+html .vta{width: 580px;}

.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: 896px;
height: 522px;
}

*:first-child+html .topmain{
width: 897px;
height: 522px;
}

html>body .topmain{
width: 897px;
height: 522px;
margin-top: 20px;
}

.topcont{
width: 898px;
height: 355px;
margin-top: -5px;
}

*:first-child+html .topcont{
width: 898px;
height: 355px;
}

html>body .topcont{
width: 898px;
height: 355px;
margin-top: 20px;
}



.tab2{border-bottom: 1px solid #cc3300; color: #cc6600;font-size: 14px;font-weight: bold;padding-top: 10px;}



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;
}]

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

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

*:first-child+html  .topcont{
margin-left: -73px;
background-color: #ffffff;
margin-top: 0px;
}


.topcork{width: 338px;background-image: url(topcork.gif); margin-top: 7px;}

.mainback{
width: 760px;
height: 200px;
background-image:url(back_wi.gif);
}

html>body .mainback{
width: 755px;
height: 40px;
background-image:url(back_wi.gif);
}

.main {
font-size: 13px;
line-height: 19px;
width:550px;
height: 100%;
float:right;
background-color: #ffffff;
margin-bottom: 30px;
color: #3d3d3d;
}

html>body .main{
padding-right: 5px;
}

#navisita{
margin-bottom: 10px;
}

.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;}




.info_head{width:610px; background-image: url(img/info_head.jpg);height: 8px;}
.info_main{background-image: url(img/info_back.jpg); color: #ffffff; padding: 10px 20px 20px 20px; line-height: 19px;}
.info_foot{width:610px; background-image: url(img/info_foot2.jpg);height: 12px;}

html>body .info_head{width:610px; background-image: url(img/info_head.jpg);height: 10px;}
html>body .info_foot{width:610px; background-image: url(img/info_foot.jpg);height: 11px;}

.how_main{background-image: url(img/info_back.jpg); color: #ffffff; line-height: 19px;padding-left: 10px;padding-top: 20px;}

html>body .how_main{background-image: url(img/info_back.jpg); color: #ffffff; line-height: 19px;padding: 10px 20px 20px 15px;margin-left: 0px;}
*:first-child+html .how_main{background-image: url(img/info_back.jpg); color: #ffffff; line-height: 19px;padding: 10px 20px 20px 15px;margin-left: 0px;}




.hb{background-image: url(img/hb.gif); font-size: 12px; color: #663300;height: 69px;width: 165px; padding: 10px 0px 0px 12px; }

*:first-child+html .hb{background-image: url(img/hb.gif); font-size: 12px; color: #663300;height: 69px;width: 165px; padding: 10px 0px 0px 12px; }
html>body .hb{background-image: url(img/hb.gif); font-size: 12px; color: #663300;height: 69px;width: 155px; padding: 10px 14px 0px 12px; }


.aw_right{float: right; width: 530px; }
.aw_left{float: left; width: 70px; }


.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;}


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

.ttdspec{
width: 460px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
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;
}

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

.hand2{background-image: url(img/moba.gif);height: 158px;width: 293px; margin-left: 591px;margin-top: -415px;padding: 124px 0px 0px 14px; }

html>body .hand2{background-image: url(img/moba.png);height: 158px;width: 293px; margin-left: 518px;margin-top: -415px;padding: 124px 0px 0px 14px; }
*:first-child+html .hand2{background-image: url(img/moba.png);height: 158px;width: 293px; margin-left: 518px;margin-top: -415px;padding: 124px 0px 0px 14px; }


.totop{width: 600px;text-align: right;}

.date{color: #0066cc;float: left;}

.ky{
font-weight: bold;
color: #00000;
}


.hawaii{
margin-top: 10px;
}














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


.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;}








.lenavi
{
width: 198px;
font-size: 12px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-top: 1px solid #cccccc;
color: #ffffff;
margin-top: 10px;
background-color: #000000;
}
.lenavi ul
{
font-size: 14px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 198px;
}
.lenavi li
{
border-bottom: 1px solid #cccccc;
margin: 0;
}
.lenavi li a
{
display: block;
padding: 3px 3px 6px 3px;
background-color: #000000;
color: #ffffff;
text-decoration: none;
text-align: center;
}

.lenavi li a:hover
{
background-color: #000000;
color: #1cadec;
}














.menunavi
{
width: 200px;
font-size: 12px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #666666;
}
.menunavi ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavi li
{
margin: 0;
}
.menunavi li a
{
display: block;
padding: 10px 10px 10px 30px;

border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom:  1px solid #cccccc;
background-color: #ffffff;
color: #333333;
background-image: url(img/meba_li.jpg);
text-decoration: none;
}

.menunavi li a:hover
{
color: #0099cc;
background-image: url(img/meba_li.jpg);
text-decoration: underline;
}







.menunavi_shop
{
width: 200px;
font-size: 12px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #666666;
}
.menunavi_shop ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavi_shop li
{
margin: 0;
}
.menunavi_shop li a
{
display: block;
padding: 10px 10px 10px 30px;

border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom:  1px solid #cccccc;
background-color: #ffffff;
color: #333333;
background-image: url(img/meba2_li.jpg);
text-decoration: none;
}

.menunavi_shop li a:hover
{
color: #cc0033;
background-image: url(img/meba2_li2.jpg);
text-decoration: underline;
}



.now
{
color: #cc0033;
background-image: url(img/meba2_li2.jpg);
text-decoration: underline;
}













.menunavibb
{
width: 200px;
font-size: 12px;
height: 59px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(img/meba2.jpg);
margin-top: 10px;
}
.menunavibb ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavibb li
{margin: 0;}
.menunavibb li a
{
display: block;
padding: 7px 7px 7px 0.5em;
color: #ffffff;
text-decoration: none;
}
.menunavibb li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(mida/nabiv2.gif);
}




.menunavibb2
{
width: 200px;
font-size: 12px;
height: 59px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(img/meba.jpg);
margin-top: 10px;
}
.menunavibb2 ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavibb2 li
{margin: 0;}
.menunavibb li a
{
display: block;
padding: 7px 7px 7px 0.5em;
color: #ffffff;
text-decoration: none;
}
.menunavibb2 li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(mida/nabiv2.gif);
}




.menunavibb3
{
width: 200px;
font-size: 12px;
height: 59px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(img/meba3.jpg);
margin-top: 10px;
}
.menunavibb3 ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavibb3 li
{margin: 0;}
.menunavibb li a
{
display: block;
padding: 7px 7px 7px 0.5em;
color: #ffffff;
text-decoration: none;
}
.menunavibb3 li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(mida/nabiv2.gif);
}


.menunavibb3_shop
{
width: 200px;
font-size: 12px;
height: 59px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(img/meba3.jpg);
margin-top: 10px;
}

.menunavibb3_shop ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavibb3_shop li
{margin: 0;}
.menunavibb_shop li a
{
display: block;
padding: 7px 7px 7px 0.5em;
color: #ffffff;
text-decoration: none;
}
.menunavibb3_shop li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(mida/nabiv2.gif);
}





.menunavibb_shop
{
width: 200px;
font-size: 12px;
height: 59px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(img/meba.jpg);
margin-top: 10px;
}
.menunavibb_shop ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavibb_shop li
{margin: 0;}
.menunavibb_shop li a
{
display: block;
padding: 7px 7px 7px 0.5em;
color: #ffffff;
text-decoration: none;
}
.menunavibb_shop li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(mida/nabiv2.gif);
}



.menunavibb2_shop
{
width: 200px;
font-size: 12px;
height: 59px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(img/meba2.jpg);
margin-top: 10px;
}
.menunavibb2_shop ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.menunavibb2_shop li
{margin: 0;}
.menunavibb_shop li a
{
display: block;
padding: 7px 7px 7px 0.5em;
color: #ffffff;
text-decoration: none;
}
.menunavibb2_shop li a:hover
{
color: #ffffff;
text-decoration: none;
background-image: url(mida/nabiv2.gif);
}




.menumi{
font-size: 12px;
margin-bottom: 2px;
margin-top: 2px;
}


.info_le{
font-size: 12px;
line-height: 14px;
height: 40px;
border: 1px solid #cccccc;
width: 159px;
margin-top: 10px;
padding: 10px 0px 10px 40px;
color: #333333;
background-image: url(img/pdf_ba.jpg);
}


.pdfnavi
{
width: 200px;
font-size: 12px;
color: #666666;
margin-top: 10px;
}
.pdfnavi ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.pdfnavi li
{
margin: 0;
}
.pdfnavi li a
{
display: block;
padding: 10px 0px 10px 40px;
height: 41px;
border: 1px solid #cccccc;
background-color: #ffffff;
color: #333333;
background-image: url(img/pdf_ba.jpg);
text-decoration: none;
}

.pdfnavi li a:hover
{
color: #0099cc;
background-image: url(img/pdf_ba2.jpg);
text-decoration: underline;
}

/* ===== ムービー ===== */

.mnavi
{
width: 200px;
font-size: 12px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #0099cc;
}
.mnavi ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 200px;
}
.mnavi li
{
margin: 0;
}
.mnavi li a
{
display: block;
padding: 10px 10px 12px 30px;
height: 29px;
border-right: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-bottom:  1px solid #cccccc;
background-color: #ffffff;
color: #333333;
background-image: url(img/meba_li2.jpg);
text-decoration: none;
}

.mnavi li a:hover
{
color: #333333;
background-image: url(img/meba_li2.jpg);
text-decoration: underline;
}

.movienavibb
{
width: 200px;
font-size: 12px;
height: 60px;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #ffffff;
background-image: url(img/movie.jpg);
margin-top: 50px;
}

.mlist{margin-top: 10px;}

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

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

.flist{margin-left: 420px;margin-top: -20px;}

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



.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 : 12px;
width: 898px;
height: 20px;
border-top: 1px solid #666666;
background-color: #323232;
padding: 5px 0px 0px 0px;
color: #b79700;
background-image : url(img/footb.gif);
}

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


.footer2{
font-size : 11px;
width: 898px;
height: 80px;
background-image: url(img/foot4.jpg);
padding: 50px 0px 3px 0px;
color: #333333;
}

.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 : 12px;
width: 898px;
height: 27px;
background-color: #000000;
padding: 10px 0px 0px 0px;
color: #ffffff;
}

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

.footer4{
text-align : center;
font-size : 12px;
width: 898px;
height: 100px;
border-top: 1px solid #666666;
background-color: #323232;
padding: 10px 0px 0px 0px;
color: #ffffff;

}


.footer5{
font-size : 10px;
width: 898px;
height: 55px;
padding: 10px 0px 0px 0px;
color: #ffffff;
}




.ando{
margin-top: -125px;
margin-left: 620px
}



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

.movie{background-color: #000000; margin-top: 20px;padding: 10px; border: 1px solid #cccccc; width: 428px;}


.action{float: right;height: 13px;width:320px;margin-top: 10px;color: #333333;font-size: 12px;
box-shadow: 0 0 6px #999;
-webkit-box-shadow: 0 0 6px #999;
-moz-box-shadow: 0 0 6px #999;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
behavior: url(PIE.htc);
background-color: #ffffff;
padding: 5px 5px 12px 12px;
margin-right: 20px;}
.action a {text-decoration: underline;}
.action a:link {text-decoration: underline;color: #00A0E9;}
.action a:visited {}
.action a:hover {text-decoration: underline;}
.action a:active {}












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


.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;}



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

.chu{font-size: 10px;color: #666666;line-height: 16px;margin-top: 20px;}
.chu2{font-size: 12px; color:#cc0033;margin-left: 20px; margin-top: 10px;margin-bottom: -10px;font-weight: bold;}
.chu3{margin-top: 2px; font-size: 10px;color: #333333;}
.chu3 a {text-decoration: none;}
.chu3 a:link {color:#0099cc;}
.chu3 a:visited {color: #0099cc;}
.chu3 a:hover {color: #d9b220;text-decoration: none;}
.chu3 a:active {color:#d9b220;}

.chu4{font-size: 11px; width: 700px;color: #666666;margin-top: 5px;}

.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;}


.not{font-size: 12px; color:#0066cc;margin-left: 20px; margin-top: 7px;margin-bottom: -10px;}



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

html>body .sup{padding: 1px;background: #ffffff;width: 620px;color: #006;margin-left: 0px;}

*:first-child+html .sup{width: 600px;margin-left: 40px;}

.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/qq.gif);
height: 25px;
padding: 7px 0px 0px 30px;
}



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

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

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

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

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



.shop{
width: 610px;
padding: 5px;
background-color:#f6f6f6;
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;}



*:first-child+html  .ans{}

.specim{margin-left: 300px; margin-top: -160px;}






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


.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;}


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

.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: 200px;
font-size: 12px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
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: #0066cc;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
text-decoration: none;
background-image: url(img/obb.gif);
}

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

.onavibb
{
width: 193px;
font-size: 12px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
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);
}








.onavi2
{
width: 200px;
font-size: 12px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
margin-bottom: 10px;
}
.onavi2 ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 202px;
}
.onavi2 li
{
margin: 0;
}
.onavi2 li a
{
display: block;
padding: 11px 15px 5px 33px;
height: 20px;
border-bottom: 1px solid #cccccc;
border-left: 1px solid #cccccc;
border-right: 1px solid #cccccc;
text-decoration: none;
}

.onavi2 li a:link{color: #333333; background-image: url(img/qali.jpg);}
.onavi2 li a:visited{color: #333333; background-image: url(img/qali.jpg);}



#q01{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q01 a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q01now{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q01now a:visited{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q01now a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}

#q02{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q02 a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q02now{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q02now a:visited{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q02now a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}

#q03{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q03 a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q03now{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q03now a:visited{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q03now a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}

#q04{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q04 a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q04now{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q04now a:visited{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q04now a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}

#q05{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q05 a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q05now{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q05now a:visited{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q05now a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}

#q06{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q06 a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q06now{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q06now a:visited{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q06now a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}

#q07{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q07 a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q07now{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}
#q07now a:visited{background-image: url(img/qali.jpg);  color: #333333;text-decoration: none;}
#q07now a:hover{background-image: url(img/qali.jpg);  color: #333333;text-decoration: underline;}


.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;}


.dsp1{background: #cc0033; color: #ffffff; padding: 5px; text-align: center;}
.dsp5{background: #0099ff; color: #ffffff; padding: 5px; text-align: center;}
.dsp7{background: #99cc00; color: #ffffff; padding: 5px; text-align: center;}






.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;
}


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

.ansa2{padding-left: -40px;
background-image: url(img/supba.gif);
padding: 7px 0px 0px 25px;
color: #666666;
margin-bottom: 20px;}


.dd{
float: right; 
width: 600px; 
color: #333333; 
line-height: 20px; 
background-color: #ffffff; 
font-size: 12px;
}








.legalnav{
width: 600px;
border-bottom: 1px solid #bcbcbc;
background-color: #f0f0f0;
padding: 7px;
margin-bottom: 10px;
margin-top: 10px;
font-weight: bold;
}













   a { /* FireFox リンク選択時の点線を消す　*/
    overflow: hidden;
    outline: none;
}






   /* ▼表示領域全体 */
   div.tabbox {
      margin: 0px;
      padding: 0px;
      width: 600px;
   }
   /* ▼タブ部分 */
   div.tabbox ul.tabs {
      margin:  0px;
      padding: 0px;
   }
   div.tabbox ul.tabs li {
      margin-right: 1px;
      padding: 0px;
      list-style-type: none; 
      float: left;
      width: 119px; 
      line-height: 18px;
   }
   div.tabbox ul.tabs a {
      display: block;
      padding: 5px 0px;
      height: 35px;
      text-align: center;
      text-decoration: none;
   }
   /* ▼標準のタブ色 */
   div.tabbox ul.tabs li.tab {
      background-color: #aaaaaa;
      
   }
   div.tabbox ul.tabs a:link,
   div.tabbox ul.tabs a:visited {
      color: white;
   }
   div.tabbox ul.tabs a:hover {
      /* タブにマウスを載せた際の装飾 */
      background-color: #2595C7;
      text-decoration: none; 
   }
   /* ▼タブに対応するボックス領域 */
   div.tabbox div.tab {
      width:600px; 
      overflow: auto;
      clear: left;
      border-top: solid 3px #2595C7;
   }
   div.tabbox div#tab1 {
      /* タブ１の中身(枠線と背景色) */
      background-color: #ffffff;
   }
   div.tabbox div#tab2 {
      /* タブ２の中身(枠線と背景色) */
      background-color: #ffffff;
   }
   div.tabbox div#tab3 {
      /* タブ３の中身(枠線と背景色) */
      background-color: #ffffff;
   }


.text{width: 620px;}


.order_l{
width: 250px;
float: left;
padding-left: 20px;
margin-top: 30px;
}

.order_r{
width: 300px;
float: right;
margin-top: 30px;
}

.down{
margin-top: 20px;
}

.textb{
font-weight: bold;
font-size: 13px;
color: #333333;
}   
      
.textr{
font-weight: bold;
font-size: 13px;
color: #cc0033;
}

.line{
margin-top: 20px;
border-bottom: 1px solid #aaaaaa;
}


.order{margin-top: 0px;}

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


/* ===== iPhone / スマホ ===== */

.smatext{width: 620px; font-size: 14px; line-height: 20px; padding: 5px 0 10px 0;}

.smachu{font-size: 11px;}

/* ===== iPhone / スマホ 仕様 jquery===== */

.accordion_head {cursor:pointer; background-image: url(img/mobile/spec_img.jpg); width: 558px; height: 38px; padding: 20px 0 0 70px;font-size: 19px; font-weight: bold; color: #ffffff; margin: 20px 0 30px 0;}

.imgspace{padding: 0 5px 5px 0;}

.taiou {margin: 0px;}

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

.center{text-align: center;}


.topspace{margin-top: 70px;}