@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      contents.css
 Author:         Your Name (admin)
 Style Info:     コンテンツエリア関係 他
----------------------------------------------------------- */

/*----------------------------------------------------
	汎用class
----------------------------------------------------*/

.imgR {
	float: right;
	margin: 0 0 10px 10px;
	
}

.imgL {
	float: left;
	margin: 0 10px 10px 0;
	font-size:11px;
	color:#CC6600;
}

 a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

.btn {
	text-align: center;
}

.border {
	border:1px solid #999999;
	padding:2px;
	}
	
.jump {
	text-align:right;
	font-size:0.85em;
	}


.red {
	color:#FF3300;
	}
	
.price {
	font-weight:bold;
	color:#FF3300;
	margin-top:-1em;
	}		
/*----------------------------------------------------
	見出しclass
----------------------------------------------------*/	

h1 {
 	margin-top:2px;
	font-size:11px;
	font-weight:normal;
	height:18px;
	text-align:center;
	}

h2 {
	background:url(../img/share/h2bk01.gif) no-repeat;
	text-align:left;
	overflow:hidden;
	padding-left:15px;
	padding-top:7px;
	margin-top:10px;
	margin-bottom:10px;
	color:#666;
	font-size:16px;
	height:35px;
    clear:left;
	width:640px;
	}
	
.indexBody h2 {
    margin-top:0px;
	margin-bottom:1em;
	background:none;
	padding:0;
	}
	
.left h2 {
	margin-top:0px;
	background:none;
	}

.contentBody h2{
	margin-top:0px;
	}
			
h3 {
   width:400px;
   margin:10px 0px 10px 10px;
   text-align:left;
   font-size:1.1em;
   color:#666;
   background:#eee url(../img/bk/diagonals.gif) repeat;  
   border-left:8px solid #489561;
   /*border-bottom:1px solid #489561;*/
   padding-left:11px;
   padding-top:5px;

   }	

h4 {
   width:360px;
   margin:5px 0px 10px 15px;
   color:#666666;
   border-bottom:1px dotted gray;
   font-size:15px;
   }

h5 {
	margin-bottom:1em;
	}
p .midashi{
	font-size:18px;
	}	

/*----------------------------------------------------
	P　関係
----------------------------------------------------*/	


.contentBody #main p {
   padding-right:30px;
  
    padding-left:30px;
   line-height:1.5;
}

table.setsumei {
 text-align:left;   font-size:13px;
}

table.setsumei p {
   padding-right:30px;
    padding-left:30px;
   line-height:1.5;

}


p.jump_c {
   text-align:center;
   font-size:11px;
   padding:0;
   margin:0 0 15px 0;
   clear:both;
   } 
p.jump a:hover img {
   position:relative;
   top:1px;
   left:1px;
   }   
   
.jump {
	text-align:right;
	font-size:0.85em;
	}
/*p.jump {
   text-align:right;
   font-size:11px;
   padding-right:15px;
   margin:0.8em 20px 15px 0;
   clear:both;
   }*/

.small {
	font-size:11px;
	line-height:1.1;
	font-size:8px;
   }

p.main_c {
   padding-left:10px;
   padding-right:5px;
   margin-top:0;
   margin-bottom:0.5em;
   text-align:center; 
   }

p.center {
   text-align:center;
   padding-right:0;
   padding-left:0;
   }

p.taidan {
	
	font-size:16px;
	color:#666633;
	
	}

.green {
    color:#339933;
	font-weight:bold;
	}

.orange {
	color:#FF6600;
	font-weight:bold;
	}		
   
dl.whats {
	width:450px;
	text-align:center;
	margin:10px auto;
	}
.whats dt
      {
         font-weight: bold;
         border-bottom: solid 1px #cccccc;
         color: #999999;
         margin-top: 1em;
		 text-align:left;
      }
      
.whats dd
      {
         border: solid 1px #cccccc;
         padding: 1em;
         margin-left: 0em;
         margin-top: 0.5em;
		 text-align:left;
      }

dl.faq {
	width:500px;
	text-align:center;
	margin:10px auto;
	}
.faq dt
      {
         font-weight: bold;
         border-bottom: solid 1px #cccccc;
         color:#FF6600;
         margin-top: 1em;
		 text-align:left;
		 background:url(../img/icon/question_blue.png) no-repeat;
		 background-position:0px 7px;
		 padding-left:14px;
      }
      
.faq dd
      {
         border: solid 1px #cccccc;
         padding: 1em;
         margin-left: 0em;
         margin-top: 0.5em;
		 margin-bottom:2em;
		 text-align:left;
      }

ol {
	margin-left:20px;
	padding-left:40px;
	}

ol li {
	font-size:1.1em;
	font-weight:bold;
	list-style-type:decimal;
	color:#FF6633;
	}
	
.kakoi {
   border:1px dotted gray;
   width:500px;
   margin-left:50px;
   padding-top:10px;
   background-color:#EBEBEB;
   }
   
.untiku th {
   font-weight:bold;
   vertical-align:top;
   padding:0.5em;
   text-align:center;
   width:2em;
   border:1px solid #ccc;
   }
      
.untiku td {
   vertical-align:top;
   text-align:left;
   border:1px solid #ccc;
   padding:1em;
   }
   
.contentBody #main .untiku td p {
   padding-right:0px;
   padding-left:0px;
   line-height:1.5;
}
   
.untiku table {
   width:100%;
   border:1px solid #ccc;
   }  
   
table.faqtable {
	margin:1em auto;
	border:#CCCCCC 1px solid;
	width:85%;
	text-align:left;
	}

table.faqtable td {
	border:#CCCCCC 1px solid;
	padding:0.3em;
	}	

table.faqtable th {
	border-right:#CCCCCC 1px solid;
	border-top:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	background:#EEEEEE;
	padding:0.3em;
	width:25%;
	text-align:right;
	font-weight:bold;
	
	}

table.faqtable th {
	border-left:#FF8080 5px solid;
	}
	
.price_table table {
	width:530px;
	margin:10px auto;
	text-align:center;
	}

.price_table table th {
	text-align:left;
	background-color:#FFFEE1;
	padding:5px;
	border-bottom:1px dotted gray;
	}
.price_table table td {
	text-align:left;
	width:50px;
	padding:5px;
	border-bottom:1px dotted gray;
	color:#FF0000;
	font-weight:bold;
	}	
	
/*----------------------------------------------------
	商品ページ
----------------------------------------------------*/
.shouhin {
   text-align:center; border:0; width:549px; margin:5px auto;
   }
.shouhin table {width:100%; }
.shouhin tr {text-align:center;}
.shouhin td th {width:33%;}
.shouhin tr th a {text-align:center; color:#FF6600;}
.shouhin table tr th {text-align:center;}

.shouhin img {margin-top:10px; margin-bottom:10px;}


.author {text-align:right;
   font-size:11px;
   color:#FF6600;
   margin-right:70px;
   margin-top:5px;
   }

p.koe {
   text-align:left;
   width:450px;
   margin-left:50px;
   }
.contentBody #main p.shouhin_exp {
	font-size:10px;
	margin:0px;
	padding:0;
	}
   
.koe dl {
	width:500px;
	text-align:center;
	margin:10px auto;
	}
.koe dt
      {
         font-weight: bold;
         border-bottom: solid 1px #cccccc;
         color:#FF6600;
         margin-top: 1em;
		 text-align:left;
      }
      
.koe dd
      {
         border: solid 1px #cccccc;
         padding: 1em;
         margin-left: 0em;
         margin-top: 0.5em;
		 margin-bottom:2em;
		 text-align:left;
      }
   
/*----------------------------------------------------
	画像ahoverで拡大-
----------------------------------------------------	

.uptest a img {
   width:154px;
   height:102px;
   }

.uptest a:hover img {
width:200px; height:133px;
position:relative;
left:-39px; top:-140px;
border:1px solid #888;
padding:5px;
background:#FFFFFF;

}
*/


table.menu2 {
   width:640px;
   }

.half {
   width:282px;
   }


.ryouri_cap td {
   text-align:center;
   font-size:12px;
   vertical-align:top;
   height:50px;
   }
      
/*商品一覧--------------------------------------------------------------------------------------商品一覧*/
.menuhover p {
   height:195px;
   }

.menuhover a img {
   padding:1px;
   border:1px solid gray;
   }

.menuhover a:hover img{
  position:relative;
   top:-2px; left:-2px;
   border:3px solid gray;
   }

table.itemlist {
   margin-left:20px;
   margin-top:20px;
   width:570px;
   background:url(../img/bk/contentsbk.jpg) repeat;
   }
   
.itemlist tr {
   }   
   
.itemlist tr td {
   vertical-align:top;
   padding-top:15px;
   padding-bottom:10px;
   border-bottom:1px dotted gray;
   padding-left:8px;
   padding-right:8px;
   }
   
td.itemimg {
   height:110px;
   }
 
.price{
   font-weight:bold;
   color:#FF6600;
   }
   
td.itemexp {
   vertical-align:top;
   }
   
td.itemexp p {
   padding:7px;
   }
/*----------------------------------------------------
	#navSkip (Navigation Skip)
----------------------------------------------------*/

span#navSkip {
	position: absolute;
	top: 0;
	left: 0;
}
/*分岐リンク------------------------------------------------------------------------------------分岐リンク*/ 	
.bunki dl{
    width:540px;
	text-align:center;
	margin:5px 0 0 30px;
	}
		
.bunki dt {

    text-align:left;
    float: left;
    width:205px;
    height:70px;
	border-bottom:1px dotted gray;
	margin-bottom:2em;
	background:url(../img/bk/bunkibk.jpg) no-repeat;
}

.bunki dt a {
    font-size:18px;
	color:#888888;
	text-decoration:none;
	font-weight:bold;
	display:block;
	width:200px;
	height:70px;
	padding:20px 0px 0px 30px;
	background:url(../img/bk/bunkibkmouseout.jpg) no-repeat;
	voice-family: "\"}\"";voice-family:inherrit;
    width:170px;
	height:40px;
	
	}
	
.bunki dl dt a:hover{
    background-image:none;
	color:#FF6600;
   }
   
.bunki dd {
/*    margin-left:200px;*/

    border-bottom:1px dotted gray;
	margin-bottom:2em;
	padding-left:0.5em;
	height:70px;
	text-align:left;
	padding-top:5px;
	voice-family: "\"}\"";voice-family:inherrit;
    height:65px;
}
/*----------------------------------------------------
	#co.jp商品ページ用
----------------------------------------------------*/
.setsumei250 {
   width:300px;
/*   float:right;*/
   line-height:1.5;
   font-size:13px;
   margin-left:10px;

   }
   
.setsumei250 dt, form dt {
        float: left;
        width: 70px;
		padding-left:1em;
		background:url(../img/point/sankaku.gif) no-repeat 0px 50%;
/*		color:#FF9933;*/
		border-bottom:1px dotted gray;
		
		margin-bottom:1em;

}

.setsumei250 dd, form dd {
        margin-left: 5em;
		border-bottom:1px dotted gray;
		/*border-left:1px dotted gray;*/
		margin-bottom:1em;
		padding-left:0.5em;
}

/*----------------------------------------------------
	#パンくずリンク
----------------------------------------------------*/

.breadcrumbs {
	width:800px;
	text-align:right;
	font-size:11px;
	margin-right:15px;
	position:absolute;
	top:196px;
	z-index: 8;
	height:13px;
	padding:0;
	}
.breadcrumbs_shouhin {
	width:785px;
	text-align:right;
	font-size:11px;
	margin-right:15px;
	position:relative;
	top:4px;
	z-index: 8;
	height:11px;
	padding:0;
	}
/*----------------------------------------------------
	#page
----------------------------------------------------*/

#all {
	margin: 0 auto;
	text-align: left;
	background: #FFF;
	width:800px;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width: 800px;
}

#contents:after { /*clearFix*/
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#contents .pageTop {
	clear: both;
	text-align: right;
}

#contents {
	position:relative;
	top:5px;
	}

/*----------------------------------------------------
	#main
----------------------------------------------------*/

#main {
	float: right;
	width:640px;
}

.kansou TABLE {
   width:100%;
   } 

/*----------------------------------------------------
	#center
----------------------------------------------------*/

#center {
	width:480px;
}

/*	定番のナビ（トップ）
----------------------------------------------------*/

#teiban a:hover {position:static;} 

ul#teiban {
   width:480px;
   height:152px;
   text-align:center;
   background-image:url(../img/navi/teiban_hover.jpg);
   border:0;
   list-style-type:none;
   position:relative;
   background-repeat:no-repeat;
   margin-top:8px;
   }

 ul#teiban li {
    display:block;
	height:152px;
	width:114px;
	float:left;
	text-align:center;
	overflow:hidden;
	list-style-type:none;
	margin-right:8px;
    }



ul#teiban li a{
	display:block;
	float:left;
	height:152px;
	width:114px;
	text-decoration:none;
	text-indent:-8000px;
	background-repeat:repeat-x;
	outline-width: 0
    }

ul#teiban li a:hover{background-image:none; position:static;}
li#teiban_suki a{background-image:url(../img/navi/banner_suki.jpg);}
li#teiban_shabu a{background-image:url(../img/navi/banner_shabu.jpg);}
li#teiban_teki a{background-image:url(../img/navi/banner_teki.jpg);}
li#teiban_yaki a{background-image:url(../img/navi/banner_yaki.jpg);}


/*----------------------------------------------------
	#sub
----------------------------------------------------*/

#sub {
	float: right;
	width:150px;
}

ul#banner_l li{
	display:block;
	margin-bottom:10px;
	}
	

/*----------------------------------------------------
	#left
----------------------------------------------------*/

#left {
	float: left;
	width:150px;
}

.mayottara li {
margin-bottom:4px;
}
/*ここから商品ナビ---------------------------------------------------------------------------商品ナビ*/
div.shouhin_navi {
	border:1px solid #999999;
	text-align:left;
	/*margin:0 7px;*/
	padding:0;
	font-size:12px;
	margin-top:5px;
	margin-bottom:10px;
   }


.shouhin_navi a{
	color:#666666;
	text-decoration:none;
}

.shouhin_navi a:hover{
	color:#666666;
	text-decoration:none;
	}


a.suki, a.shabu, a.teki, a.yaki, a.katei, a.dentou, a.etc{
    text-decoration:none;
	height:55px;
	display:block;
	clear:both;
	width:140px;
	height:46px;
	text-indent:-8000px;
	background-repeat:no-repeat;
	background-position:center;
	text-align:left;
	margin:2px 0 0 2px;
	}
	
a.suki {background:url(../img/navi/suki.gif);}
a.shabu {background:url(../img/navi/shabu.gif);}
a.teki {background:url(../img/navi/teki.gif);}
a.yaki {background:url(../img/navi/yaki.gif);}
a.katei {background:url(../img/navi/katei.gif);}
a.dentou {background:url(../img/navi/dentou.gif);}
a.etc {background:url(../img/navi/etc.gif);}


ul.sub{
   display:block;
   position:relative;
   margin:5px 0px 0px 0px;
   padding-left:25px;
   padding-bottom:10px;
   border-bottom:1px dashed gray;
   }

ul.sub li{
	text-align:left;
	list-style-image:url(../img/point/list1.gif);
	font-size:11px;
}

ul.sub li a:hover{
	text-decoration:underline;
	}
	
   ul.sub2{
   display:block;
   position:relative;
   margin:5px 0px 5px 0px;
   padding-left:0px;
   }

    ul.sub2 li{
	text-align:center;
	list-style-type:none;
}

    ul.sub2 li a:hover{
	text-decoration:underline;
	}
.exp {
	font-size:0.85em;
   margin:0 0 5px 0;
   padding:0;
   text-align:center;
   }
.exp_l {
   margin:0 0 3px 5px;
   padding:0;
   text-align:left;
   }

#calender {
	width:150px;
	text-align:center;
	}

#calender table {
	width:140px;
	margin:0 auto;
	}
/* ------------------------------------------------------------ */
.setsumei250 {
   width:320px;
   float:right;
   line-height:1.5em;
   padding-right:10px;
   }
   
.setsumei250 dt, form dt {
        float: left;
        width: 6em;
		padding-left:1em;
		background:url(../img/point/sankaku.gif) no-repeat 0px 50%;
/*		color:#FF9933;*/
		border-bottom:1px dotted gray;
		
		margin-bottom:1em;
}

.setsumei250 dd, form dd {
        margin-left: 5em;
		border-bottom:1px dotted gray;
		/*border-left:1px dotted gray;*/
		margin-bottom:1em;
		padding-left:0.5em;
}

/*買い物カゴ部分---------------------------------*/
.kago {
   float:right;
   width:320px;
   margin:5px 0px 30px 10px;
   padding-right:10px;
   }
   
.kazu {
	/*position:relative;
	top:20px;left: 0px;*/
	width:115px;
	height:32px;
	float:left;
	background:url(../img/kazu.gif) no-repeat 0px 50%;
	margin-top:4px;
	margin-right:10px;
   }
   
.kazu2 {
	/*position:relative;
	top:20px;left: 0px;*/
	width:115px;
	height:32px;
	float:left;
	background:url(../img/kazu.gif) no-repeat 0px 50%;
	margin-top:4px;
	margin-right:4px;
   }   
   
   
.juuryou {
	/*	position:relative;
	top:20px;	left: -30px;*/
	width:120px;
	height:32px;
	margin-top:4px;
	float:left;
	background:url(../img/juuryou.gif) no-repeat 0px 50%;
	margin-right: 5px;
   }   
.kakaku {
    font-size:15px;
	border-bottom:1px dotted gray;
	width:360px;
	}

.submit {
   width:168px;
  /* position:relative;
   left:20px;
   top:16px;*/
   }

   
span.submit input:hover {
   position:relative;
   top:1px; left:1px;
   }
      

.otoku{
	clear:both;
	margin-left:20px;
	margin-top: 20px;
   }
   
.rader {
   float:left;
   margin:0px 12px 10px 10px;
   font-size:10px;
   position:relative;
   top:0px;
   }
   
.kago-left{
   width:230px;
   float:left;
   }   

.small a:hover img {
   position:relative;
   top:1px;
   left:1px;
   }            
/*-----------------------------買い物カゴ部分終了*/  

table#menu {
   width:565px;
   margin-left:7px;
   }

table.menu2 {
   width:568px;
   margin-left:7px;
   }


.half {
   width:282px;
   }


.ryouri_cap p {
   text-align:center;
   font-size:11px;
   vertical-align:top;
   margin-bottom:20px;
   }
   

.setsumei {
    width:250px;
	float:right;
	}/* float写真の下に入り込まないためのボックス */
	
.listlink, .listlink2 {
   text-align:left;
   font-size:11px;
   margin-bottom:5px;
   }

ul.listlink, ul.listlink2 {
   margin-top:5px;
   margin-bottom:5px;
   float:left;
   }
   
ul.listlink {width:33%;}   
ul.listlink2 {width:140px;}  
   	
ul.listlink  li {
    margin-left:20px;
	text-decoration:none;
    list-style-image:url(../img/point/list1.gif);
    }
	   	
ul.listlink2  li {
    margin-left:25px;
	text-decoration:none;
    list-style-image:url(../img/point/list1.gif);
    }