


/*-----------------------------------------------------------------------------------------------
  Global Styles
---------------------------------------------------------------------------------------------*/



* {
	padding:0;
	margin:0;
}
h1, h2, h3, h4, h5, h6, p, pre, blockquote, label, ul, ol, dl, fieldset, address { margin:1em 0; }
li, dd { margin-left:5%; }
fieldset { padding: .5em; }
select option{ padding:0 5px; }


.left{ float:left; }
.right{ float:right; }
.clear{ clear:both; height:1px; font-size:1px; line-height:1px; }
a img{ border:none; }

/*clearfix */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-----------------------------------------------------------------------------------------------
  Layout / Base Page Styling
-----------------------------------------------------------------------------------------------*/

body{
	background-image: url(images/bg.gif);
	color:#333;
	font-size:14px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
}

/* This class sets the width and position for all rows */
.inside{
	width:790px;
	margin:0 auto;
}

a{ 	color:#000099;
	}

h1{
	color:#10132f;
	font-size:1.7em;
	font-weight:bold;
	margin: 0;

	padding: 10px 5px;
}

h2, h3{
	font-size:1.15em;
	color:#10132f;
	font-weight:normal;
}
#primary h2{
	color:#10132f;
}

p{
	line-height:1.6em;
}

ul li{
	list-style-type:square;
	margin:0.5em 0 0.5em 2em;
}

blockquote{
	margin-left:1em;
	padding-left:1em;
	border-left:2px solid #CCC;
	color:#333;
}

pre{
	width:100%;
	padding:1em 0;
	overflow:auto;
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}

table{
	width:100%;
	border-spacing:2px;
	margin:1.5em 0;
}
table th, table td{ padding:0.3em 0.75em }
table th{
	background:#CCC;
	color:#000;
	text-align:left;
}
table td{
	background:#333;
	color:#FFF;
}
table caption{
	text-align:left;
	color:#FFF;
	margin-bottom:-1em;
	margin-top:1em;
}

.rule{
	border-top:1px solid #CCC;
	height:1px;
	font-size:1px;
	line-height:1px;
	margin:1.5em 0;
}

/*-----------------------------------------------------------------------------------------------
  Header
-----------------------------------------------------------------------------------------------*/
#header{
	background-image: url(images/bg.gif);

    border-bottom: solid 2px #10132f;


}
#header .inside{
	padding: 20px 0 ;
	background-image: url(images/bg.gif);
}



#header h2{

	margin:0 0.4em 0 0;
	padding:0;
		/*border-right:1px solid #ccc;*/
	float:left;
    background-image: url("images/yaegakilogo.gif");
    background-repeat: no-repeat;
    background-position: 0px 0px;
    text-indent:-99999px;
    width: 210px;
    height: 35px;
}
#header h2 a{ text-decoration:none; display: block;     width: 100%;
    height: 100%; }

#header p{
	padding:1em 0;
	margin:0;
	line-height:1em;
	font-size: 12px

}

/*-----------------------------------------------------------------------------------------------
  Primary Items
-----------------------------------------------------------------------------------------------*/

#primary{
	background-image: url(images/bg.gif);
	padding:20px 0 2em 0;
	color:#333;
}

#primary.onecol-stories .primary{
	float:left;
	width:504px;
}
#primary.onecol-stories .secondary{
	float:right;
	width:40%;
	margin:0 0 0 10%;
}

#primary.twocol-stories .story{
	float:left;
	width:510px;
	margin:0;
	display:inline;

	border-top: 1px dashed #ccc;
	border-bottom: 1px dashed #ccc;
	/*background: #ffffcc;*/
	/*border: 1px solid #ccc;*/
	padding: 10px 5px;
	 background-image: url(images/boxbg2.gif); background-repeat:no-repeat; background-position: right -55px;
}
* html #primary.twocol-stories .story{
	margin-left:2%;
}
#primary.twocol-stories .first, * html #primary.twocol-stories .first{
	margin:0 0 0 0;
}

.story p{
	margin: 0;
}

.story h3{
	font-size:1.5em;
	margin:0 0 0.5em 0;
	font-weight:bold;
	color:#10132f;
	font-family:Georgia;
	background-image: url(images/shape.gif); background-repeat:no-repeat; background-position: 0 -2px;
	padding-left: 2em;
}

.story h3 a{
	color:#10132f;
	text-decoration:none;
	/*border-bottom:1px dotted #666;*/
}

.story .details{
	margin:1em 0;
	text-align:right;
	border-top:1px solid #333;
	padding:0.5em 0;
	font-size:0.95em;
	color:#666;
}
.story .details .read-on{
	background:url(images/readon_black.gif) 100% 60% no-repeat;
	padding-right:20px;
	display:block;
}
.story .details a{
	color:#10132f;
	text-decoration:none;
}
.story .details a:hover{ color:#FFF; }

/* Content */

#content {
float: left;
width: 520px;

}



/* Single Post Styles */

#primary .primary{
	float:left;
	width:520px;
}
#primary .secondary{
	float:right;
	width:250px;

	/*padding-top:0.65em;*/
	display:inline;

}


.secondary .featured p{
	color: #333;
	border-bottom:1px solid #333333;
	border-top: 1px solid #333333;
	padding:0.5em 0 0.6em 0;
	line-height:1.5em;
	margin: 0;
}
.secondary .featured dl{
	margin:0 0;
	border-bottom:1px solid #333333;
	padding:0.5em 0 0.6em 0;
}
.secondary dt{
	display:inline;
	margin:0;
	padding:0;
	color:#AAA;
}
.secondary dd{
	display:inline;
	margin:0;
	padding:0;
}
.secondary dd a{ color:#000099; }
.secondary dd a:hover{ color:#000099; }

.single-post h1, .single-post h2{ 
	margin-top:0;
}



/*-----------------------------------------------------------------------------------------------
	Secondary Items
-----------------------------------------------------------------------------------------------*/

#secondary{
	background:#fff;
	padding:1px 2em;
	border-top:1px solid #1C1C1C;
}

.comment-head{
	border-bottom:1px solid #1C1C1C;
	padding:0.8em 2em 1.0em 2em;
}
.comment-head h2{
	font-size:1.5em;
	margin:0;
}
.comment-head a{
	text-decoration:none;
	color:#333;
}
.comment-head .details{
	font-size:0.95em;
}

ol#comments{
	list-style-type:none;
	margin:2em 0;
}
ol#comments li{
	list-style-type:none;
	margin:2em 0;
}

#comments cite{
	float:left;
	width:31%;
	font-style:normal;
	text-align:right;
}
* html #comments cite{ width:30.6%; }
#comments cite span{
	display:block;
}
#comments cite .author{ font-size:1.2em; }
#comments cite .author a{
	text-decoration:none;
}
#comments cite .admin-tools{
	margin:5px 0;
}
#comments cite .admin-tools a{
	float:right;
	margin:0 5px;
	padding:0px 3px 3px;
	background:#666;
	border:1px solid #999;
	text-decoration:none;
}
#primary .secondary .admin-tools{ margin:1em 0; }

#preview{
	margin:1em 0;
	padding:0.5em;
	border:1px solid #333;
}
#preview p{ margin:1em 0 0 0; }
#errors{ color:#FF0000; font-weight:bold; }

#comments .pingback cite .author{
	display:block;
	padding-top:68px;
	background:url(images/trackback_pingback.gif) 100% 0 no-repeat;
}

#comments .content{
	float:left;
	width:60%;
	margin-left:1.9%;
	border-left:1px solid #868686;
	padding: 0 0 0 2%;
}
#comments .content p{
	margin:0 0 1em 0;
}
#comments .content h3{
	margin:0;
	font-size:1em;
}

#comment-form{
	margin:5em 0 5em 35.4%;
	width:36em;
}
input.textfield{
	width: 15em;
	margin:5px 0;
}
textarea.commentbox{
	width:28em;
	height:10em;
	padding:0.25em;
	margin:5px 0;
	font-size:1.25em;
	font-family:Arial, Helvetica, sans-serif;
}
label.text{
	position:relative;
	left:0.5em;
	top:-0.5em;
}
.formactions input.submit{ 
	float:right; 
	margin:-1em 0 0 0;
	padding:0 0.5em;
}
.formactions .spinner{
	float:right;
	margin:-8px -20px 0 0;
}

/*-----------------------------------------------------------------------------------------------
  Ancillary Items
-----------------------------------------------------------------------------------------------*/

#ancillary{
	padding:2em 0 1em 0;
	/*background: url(images/bg.gif) repeat; 

	background-image: url(images/stripebar.png); 
	background-repeat: repeat;
	background: #f3f1e9;*/

    border-top: solid 2px #10132f;
}


#ancillary .block a{
	text-decoration: none;
	
}

#ancillary .block{
	float:left;
	width: 236px;
	margin:0 0 0 20px;
	padding:7px;
	/*border: 1px solid #ccc;
    background-color: #fff;
	background:url(images/blockbg.gif) repeat;*/
	

}
 /*
* html #ancillary .block{
	margin-left:3.9%;
}*/
#ancillary .twice-length{ width:65%; }
#ancillary .thrice-length{ width:100%; }
#ancillary .first, * html #ancillary .first{
	margin-left: 0px;

}
#ancillary .block-separator{
	clear:both;
	height:2.5em;
}

#ancillary .block h2{
font-family:Georgia;
}
#ancillary .block h2, #ancillary .block h3{
	margin:0 0 1em 0;
	font-weight: bold;

}

ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	list-style-type:none;
	margin:1.5em 0 2em 0;
	/*border-top:1px solid #3D3D3D;*/
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	/*border-bottom:1px solid #3D3D3D;*/
}
ul.dates .date{
	color:#858585;
	padding:0 1.5em 0 0;
}

ul.counts .count{
	float:right;
	color:#858585;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
	color:#000099;
	text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
	color:#000099;
}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
	list-style-type:none;
	margin:0;
}

ul.pages ul{
	margin:0;
}
ul.pages ul li{
	border:none;
	margin-left:2em;
	list-style-type:square;
}





#ancillary .first li {
	background-image: url(images/doc.gif); 
	background-repeat: no-repeat; 
	background-position: 2px center;
	padding-left: 18px;
}

#ancillary ul.counts li ,#ancillary ul.dates li{
	background-image: url(images/list_bullet.gif); 
	background-repeat: no-repeat; 
	background-position: 2px center;
	padding-left: 18px;
}




/*-----------------------------------------------------------------------------------------------
  Sidebar Items
-----------------------------------------------------------------------------------------------*/

#sidebar{
	padding:0;
	float:right;
	width: 250px
}

#sidebar a{
	color: #000099;
}


#sidebar h2#title_category {text-indent: -9999px; background-image: url(images/title_category.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding: 0; margin-bottom: 0; }


#sidebar .block{

	width: 100%;
	margin:0;

    padding: 0px
}

#sidebar .twice-length{ width:65%; }
#sidebar .thrice-length{ width:100%; }
#sidebar .first, * html #ancillary .first{
	clear:both;
	margin:0;
}
#sidebar .block-separator{
	clear:both;
	height:2.5em;
}

#sidebar .block h2, #ancillary .block h3{
	color: #10132f;
	font-weight: bold;
	margin:0 0 0.5em 0;
}

#sidebar ul.counts li      {  border: none}


#sidebar ul.counts li      {  margin: 0; list-style-type: none; padding: 0;}

#sidebar ul.counts li#honteyaki a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 0;padding: 39px 0 0; height: 0; }
#sidebar ul.counts li#honteyaki a:hover { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -191px; padding: 39px 0 0; }
#sidebar ul.counts li#usuyaki a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -39px; padding: 38px 0 0; height: 0; }
#sidebar ul.counts li#usuyaki a:hover { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -230px; padding: 38px 0 0;}

#sidebar ul.counts li#arareokaki a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -77px; padding: 38px 0 0; height: 0; }
#sidebar ul.counts li#arareokaki a:hover { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -268px; padding: 38px 0 0; }

#sidebar ul.counts li#gift a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -115px; padding: 38px 0 0;  height: 0; }
#sidebar ul.counts li#gift a:hover { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -306px; padding: 38px 0 0; }

#sidebar ul.counts li#others a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -153px;  padding: 38px 0 0; height: 0; }
#sidebar ul.counts li#others a:hover { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -344px; padding: 38px 0 0; }

#sidebar ul.counts li a {display: block; margin: 0; overflow: hidden; }



/*secondary*/
.secondary ul.counts li      {  border: none}


.secondary ul.counts li      {  margin: 0; list-style-type: none; padding: 0;}

.secondary  ul.counts li#honteyaki a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 0;padding: 39px 0 0; height: 0; }
.secondary  ul.counts li#honteyaki a:hover, .secondary ul.counts li#honteyaki.current-cat a { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -191px; padding: 39px 0 0; }
.secondary  ul.counts li#usuyaki a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -39px; padding: 38px 0 0; height: 0; }
.secondary  ul.counts li#usuyaki a:hover, .secondary ul.counts li#usuyaki.current-cat a  { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -230px; padding: 38px 0 0;}

.secondary  ul.counts li#arareokaki a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -77px; padding: 38px 0 0; height: 0; }
.secondary  ul.counts li#arareokaki a:hover, .secondary ul.counts li#arareokaki.current-cat a  { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -268px; padding: 38px 0 0; }

.secondary  ul.counts li#gift a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -115px; padding: 38px 0 0;  height: 0; }
.secondary  ul.counts li#gift a:hover, .secondary ul.counts li#gift.current-cat a  { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -306px; padding: 38px 0 0; }

.secondary  ul.counts li#others a{ background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -153px;  padding: 38px 0 0; height: 0; }
.secondary  ul.counts li#others a:hover, .secondary ul.counts li#others.current-cat a  { background-image: url(images/sidemenu.gif); background-repeat:no-repeat; background-position: 0 -344px; padding: 38px 0 0; }

.secondary ul.counts li a {display: block; margin: 0; overflow: hidden; }

.secondary h2#title_category {text-indent: -9999px; background-image: url(images/title_category.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding: 0; margin-bottom: 0; }

/*secondary*/




ul.dates, ul.counts, ul.blogroll ul, ul.pages{
	list-style-type:none;
	margin:1em 0 2em 0;
	/*border-top:1px solid #fff;*/
}
ul.dates li, ul.counts li, ul.blogroll ul li, ul.pages li{
	list-style-type:none;
	margin:0;
	padding:0.5em 0;
	/*border-bottom:1px solid #fff;*/
}
ul.dates .date{
	color:#858585;
	padding:0 1.5em 0 0;
}

ul.counts .count{
	float:right;
	color:#858585;
}

ul.dates a, ul.counts a, ul.blogroll a, ul.pages a{
	color:#000099;
	/*text-decoration:underline;*/
}
td a {
	color:#000099;
	text-decoration:none;
}
ul.dates a:hover, ul.dates a:hover .date, ul.counts a:hover, ul.counts a:hover .count, ul.blogroll a:hover, ul.pages a:hover{ 
	color:#000099;
}

ul.blogroll{ margin-top:0; }
ul.blogroll li{
	list-style-type:none;
	margin:0;
}

ul.pages ul{
	margin:0;
}
ul.pages ul li{
	border:none;
	margin-left:2em;
	list-style-type:square;
}













/*-----------------------------------------------------------------------------------------------
  Foooter
-----------------------------------------------------------------------------------------------*/

#footer{
	color: #fff;
	clear:both;
	background:#10132f;
background-image: url(images/footerbg.gif);
	margin:0 0 0 0;
}
#footer .inside{
	background:#10132f;
background-image: url(images/footerbg.gif);
	padding:1em 0 3em 0;
}
#footer p{
	margin:0;
	font-size:0.95em;
}
#footer p.copyright{ float:left; }
#footer p.attributes{ float:right; }

#footer ul.attributes{ float:right; margin: 0; padding:0; font-size:0.95em; line-height: 1.75em}
#footer ul.attributes li{ display:inline; }
#footer ul.attributes li a{	color:#fff; text-decoration: none;}



#footer p a{
	color:#fff;
}
#footer p.attributes a:hover{
	color:#FFF;
}

/*-----------------------------------------------------------------------------------------------
  Search
-----------------------------------------------------------------------------------------------*/

#search{
	/*float:right;*/
	width:234px;
	margin:0 0 20px 0;
	/*-moz-opacity:0.4;*/
	border: 1px solid #ccc;
	padding: 7px;
	

	/*text-align:right;*/
}

#search h2{font-family:Georgia;

background-image: url(images/magglass.gif); background-repeat:no-repeat; background-position: 0 1px;

margin: 0;  font-weight: bold;  padding: 0 0 10px 1.5em;
	/*	text-indent: -9999px;
	background-image: url('images/searchtitle.gif');
	background-repeat: no-repeat;*/
}



	/*#search:hover{
	-moz-opacity:1.0;
}*/
#search .searchimg{
	float:right;
	width:42px;
	height:20px;

	position:relative;
	top:-1px;
}
#search input{ 
	float:left;

	color: #333;
	width:175px; 
	font-size: 0.85em; 
	background:#fff;
	margin-top:2px;
}
#search input:focus{
	background:#fff;
}

#searchform{
	margin:1em 0;
}

#searchform #s{
	background:#ededed;
	border:none;
	border-bottom:1px solid #ccc;
	width:30em;
	color:#666666;
	padding:0.25em;
}
/*
#searchform #searchsubmit{
	background:#000;
	color:#fff;
	border:none;
	font-size:0.9em;
	text-transform:uppercase;
	letter-spacing:0.25em;
}*/

/* Legacy Typo CSS */

#search-results{
	width:30%;
	background:#333;
	padding:0 0 0 0;
	float:right;
	-moz-opacity:0.9;
	border-top:1em solid #000;
}
#search-results h3{
	font-weight:bold;
	text-align:left;
	margin:0;
	padding:0 0 1em 0;
	background:#000;
	
}
#search-results small{
	display:block;
	text-align:left;
	font-size:0.9em;
	padding:0.5em 1em 0.7em 1em;
	border-top:1px solid #666;
	border-bottom:1px solid #555;
}
#search-results small a{
	color:#333;
}
#search-results ul li{
	list-style-type:none;
	padding:0 1em 0.5em 1em;
	margin:0.5em 0;
}
#search-results ul li:hover{
	background:#202020;
}
#search-result ul{ margin:0; }
#search-results ul li a{
	text-decoration:none;
	border-bottom:1px dotted #CCC;
}

#search img.archives-icon{
	margin:0 7px 0 0;
	top:1px;
}


ul#result li {background-image: url(images/checkmark.gif); background-repeat:no-repeat; background-position: 5px center; padding-left: 2em }



div#srbox {
	background: url(images/sr_box_top.gif)  no-repeat left top; 	
    margin: 0;
	border-top: none;
	padding: 10px;
	padding-top: 4px;
	
}

div#srbox h2 {padding-top: 5px; font-family:Georgia; font-size: 1.5em; margin-bottom: 0.5em}

div#srbox p{ margin: 0; }

div#srboxbottom {background-image: url(images/sr_box_bottom.gif);
	background-repeat: no-repeat;
	height: 18px;
	margin: 0;
	}


/* topnav */
#topnav            { padding-right: 0px; margin-top: 5px; float: right  ;  text-align: right;}
#topnav li      { text-align: center; list-style-type: none; width: 104px;   float: left; /* background-image: url(../img/tab.gif); background-repeat: no-repeat;*/ }

#topnav li      {  margin: 0; list-style-type: none; padding: 0;}

#topnav li#products { width: 92px;}
#topnav li#info { width: 91px;}
#topnav li#order  { width: 91px;}
#topnav li#cart { width: 91px;}

#topnav li#products a{ background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: 0 0;padding: 25px 0 0; height: 0; }
#topnav li#products a:hover , #topnav li#products.current_page_item a { background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: -365px 0; padding: 25px 0 0; }
#topnav li#info a{ background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: -92px 0; padding: 25px 0 0; height: 0; }
#topnav li#info a:hover, #topnav li#info.current_page_item a  { background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: -457px 0; padding: 25px 0 0;}
#topnav li#order a{ background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: -183px 0; padding: 25px 0 0; height: 0; }
#topnav li#order a:hover , #topnav li#order.current_page_item a  { background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: -548px 0; padding: 25px 0 0; }
#topnav li#cart a{ background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: -274px 0; padding: 25px 0 0;  height: 0;  }
#topnav li#cart a:hover , #topnav li#cart.current_page_item a  { background-image: url(images/topnav.gif); background-repeat:no-repeat; background-position: -639px 0; padding: 25px 0 0; }

#topnav li a {display: block; margin: 0; overflow: hidden; }





/*カテゴリー*/
.archives ul.dates  {
	margin-left: -20px;
}



.archives  ul.dates li {
float: left;
display: inline;
width:160px;
height:180px;
margin: 0px 0px 0px 20px;
border: none;

}

*:first-child+html .archives  ul.dates li{
margin: 0px 10px 0px 0px;
}

*html .archives  ul.dates li {
margin: 0px 10px 0px 0px;
}


.archives ul.dates li img:after{ content:"."}

.archives ul.dates li span.date {
display: none;
}

.archives ul.dates li img {
background: #fff;
width:140px;
height:140px;
	padding: 9px;
	border: 1px solid #ccc;
}

.archives a img:hover {
	background: #f3f1e9;
}



/* おすすめ*/
#osusume {
	float: left;
	margin-top: 10px;
	width: 520px;
}
#osusume h2#title_osusume {
	text-indent: -9999px;
	background-image: url(images/title_osusume.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	border: none;
	padding: 0; 
	margin-bottom: 10px; 
}


div.osusumeoutside {margin-top: 0px; /*border: 1px solid #ccc; */padding:2px; width: 516px; background-image: url(images/boxbg.gif)}
div.check {background-image: url(images/check.gif); margin-top: 0px; padding:1px; /*background-color: #fafaee*/}
div.osusumeinside {	background-image: url(images/boxbg.gif);background-color: #ffffff; }
div.osusumeinside a { text-decoration: none; font-family:Georgia; }

#osusume ul {
	margin: 0; 
	clear: both;
	list-style-type: none;
	 /*border: 1px solid #ccc;*/
	padding:12px 0 17px 16px; 
}

*:first-child+html #osusume ul {
	border: none;
}

#osusume ul li {
	padding: 10px 16px 0 0;
	margin: 0;
	display: inline;
	list-style-type: none;
	float: left;
	width: 150px;
}
#osusume ul li img {
	width: 150px;
	height: 150px;
	/*border: 1px solid #ccc;*/
	padding-bottom: 2px;
}
#osusume ul li a {
	color: #000099;
	text-decoration: none;
}
#osusume ul li a:hover {
	color: #000099;
}

/*人気商品*/

/*div#rank h2 {
padding: 0px 0px 0px 10px;
margin:10px 0 0 0;
font-weight: bold;
}*/

div#rank h2 {text-indent: -9999px; background-image: url(images/title_popularproduct.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding: 0; margin-bottom: 0; }

div#rank {
/*border: 1px solid #ccc;*/
padding: 0;

}

div#rank {}
div#rank ol { padding: 0;  border-top: 1px solid #ccc; padding: 0;}

div#rank li {border: 0; padding:  0; list-style-position: inside; margin-left: 0px;}
div#rank li a {display: block; color: #000;text-decoration: none; padding: 7px 0px 7px 30px;
border-bottom: 1px solid #ccc;   background-image: url(images/arrow.gif); background-repeat: no-repeat; background-position: 10px center;}
div#rank li a:hover {text-decoration: underline;}




/*パンくず*/
div.breadcrumb {
	color: #444;
	padding: 5px 0 0 0px;
	font-size: 13px;
}

div.breadcrumb a {
	color: #000099;
}


#primary .inside h2 a {
	font-size: 2em;
	text-decoration: none;
			
}

#primary .inside h2.posttitle a {
	font-size: 1.5em;	
	color: #000099;
	text-decoration: none;

}


/*tag*/
#tag {
	margin-top: 10px;
    	float:left;
}
	
h2#tagh2, h2#tagh2 a {
margin-top: 10px;
font-family:Georgia;
color: #10132f;
}

h3.tags {margin:0 0 1.8em; color: #333; padding:0 }
h3.tags a, .utwtags a {color: #336600 }

#tag h2#title_keyword {
	text-indent: -9999px;
	background-image: url(images/title_keyword.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	border: none;
	padding: 0; 
	margin-bottom: 10px; 
}
div.tagoutside {margin-top: 0px; /*border: 1px solid #ccc; */padding:2px; width: 516px; background-image: url(images/boxbg.gif)}
div.check {background-image: url(images/check.gif); margin-top: 0px; padding:1px; /*background-color: #fafaee*/}
div.taginside {	background-image: url(images/boxbg.gif);background-color: #ffffff; padding: 5px 10px}
div.taginside a { text-decoration: none; font-family:Georgia; }

div.utwtags {margin-top: 20px;}

/*商品一覧*/

#category_list { }

.inside #category_list h2 {
	font-size: 1.5em;
	clear: both;
	color: #333;
	padding: 5px 0px 4px 2px;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
	font-weight: bold;
}
	
.inside #category_list ul{
	margin-left: -20px
}


.inside #category_list li {
	display: inline;
	float: left;
	width:115px;
	height:170px;
	padding: 0 0 0 20px; 
	margin: 0;
	font-size: 1em;
	line-height: 1.5em;

}

*:first-child+html .inside #category_list li, *html .inside #category_list li {
	padding: 0 10px 0 0;
}

.inside #category_list li img {
	width:104px;
	height:104px;
	border: 1px solid #ccc;
	margin-bottom: 5px;
	padding: 5px;
}

.inside #category_list a{
	text-decoration: none;
    color: #333;
}

/*
.inside #category_list li a span.price {
display: inline;
font-color: #333;
}
*/

span.price {font-size: 1.4em;
	color: #336600;
	font-weight: bold;}


/*inquiry*/

#sidebar #inquiry {margin-top: 20px; border: 1px solid #ccc; padding: 7px;
}

#sidebar #inquiry h2 {font-family:Georgia; margin: 0;  font-weight: bold; margin-bottom: 10px; border-bottom: 1px solid #ccc; padding-bottom: 3px}
#sidebar #inquiry p {margin: 0;}
#sidebar #inquiry p#mail {text-indent: -9999px; background-image: url(images/mail.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding: 0; margin-bottom: 0; }

#sidebar #inquiry p#mailaddress {text-indent: -9999px; margin-bottom: 10px; height: 20px}
#sidebar #inquiry p#mailaddress a { display: block; background-image: url(images/mailaddress.gif); background-repeat: no-repeat; background-position: 2px 0px;  border: none;   margin-bottom: 0px; height: 17px;}
#sidebar #inquiry p#mailaddress a:hover {  display: block; background-image: url(images/mailaddress.gif); background-repeat: no-repeat; background-position: 2px -29px;  border: none;  margin-bottom: 0px;  height: 17px;}

#sidebar #inquiry p#phone {text-indent: -9999px; background-image: url(images/phone.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding: 0; margin-bottom: 5px; }
#sidebar #inquiry p#phonenumber { text-indent: -9999px; background-image: url(images/phonenumber.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding:0; margin-bottom: 0;  margin-bottom: 10px}

#sidebar #inquiry p#businesshours {text-indent: -9999px; background-image: url(images/businesshours.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding: 0; margin-bottom: 5px; }
#sidebar #inquiry p#businesshours2 { text-indent: -9999px; background-image: url(images/businesshours2.gif); background-repeat: no-repeat; background-position: 2px center;  border: none; padding:30px 0 0; margin-bottom: 0; }


/*Product Info*/

dl.productinfo {
	background: url(images/pi-box-top.gif) #ededed no-repeat left top; 	
    margin: 0;
	border-top: none;
	padding: 0;
	padding-top: 4px
}



.productinfo dt {

	font-weight: normal;
	color: black;
	margin: 0;
	padding: 0.3em 0 0.3em 1em;
	width: 8em;
	float: left;
	
}
	
.productinfo dd {

	margin: 0 0 0 8em;
	padding: 0.3em 1em 0.3em 1em;

}


/*
div.pitop {
	background-image: url(images/pi-box-top.gif);
	background-repeat: no-repeat;
	height: 4px;
	margin: 0;
	padding: 0;

	}
*/
div.pibottom {
	background-image: url(images/pi-box-bottom.gif);
	background-repeat: no-repeat;
	height: 4px;
	margin: 0;
	}

/*Form Box*/

#formbox {
	float: right;
	width: 150px;
	height: 236px;
	color: #000;
	padding: 0px 15px;
	border-top: 2px solid #ccc;
	border-bottom: 2px solid #ccc;
	margin-left: 20px;
	
}


#formbox input.submit {
	margin-top: 2em;
}

#formbox p {
	}

/*h1*/

 .inside h1#post-3 span{
	background: url(images/title/title_peperon.gif) no-repeat;
}
 .inside h1#post-4 span{
	background: url(images/title/title_uni.gif) no-repeat;
}
 .inside h1#post-6 span{
	background: url(images/title/title_okogeset.gif) no-repeat;
}
 .inside h1#post-8 span{
	background: url(images/title/title_nenrin.gif) no-repeat;
}
 .inside h1#post-16 span{
	background: url(images/title/title_mameirinenrin.gif) no-repeat;
}
 .inside h1#post-17 span{
	background: url(images/title/title_shiso.gif) no-repeat;
}
 .inside h1#post-18 span{
	background: url(images/title/title_kuroshio.gif) no-repeat;
}
 .inside h1#post-19 span{
	background: url(images/title/title_kingoma.gif) no-repeat;
}
 .inside h1#post-20 span{
	background: url(images/title/title_tougarashi.gif) no-repeat;
}
 .inside h1#post-21 span{
	background: url(images/title/title_zarame.gif) no-repeat;
}
 .inside h1#post-22 span{
	background: url(images/title/title_tagoma.gif) no-repeat;
}
 .inside h1#post-23 span{
	background: url(images/title/title_shirogoma.gif) no-repeat;
}
 .inside h1#post-24 span{
	background: url(images/title/title_yonsyoku.gif) no-repeat;
}
 .inside h1#post-48 span{
	background: url(images/title/title_basil.gif) no-repeat;
}
 .inside h1#post-53 span{
	background: url(images/title/title_negimiso.gif) no-repeat;
}
 .inside h1#post-55 span{
	background: url(images/title/title_source.gif) no-repeat;
}
 .inside h1#post-57 span{
	background: url(images/title/title_ebichiri.gif) no-repeat;
}
 .inside h1#post-59 span{
	background: url(images/title/title_syouyu.gif) no-repeat;
}
 .inside h1#post-61 span{
	background: url(images/title/title_nori.gif) no-repeat;
}
 .inside h1#post-63 span{
	background: url(images/title/title_aonori.gif) no-repeat;
}
 .inside h1#post-65 span{
	background: url(images/title/title_ebi.gif) no-repeat;
}
 .inside h1#post-67 span{
	background: url(images/title/title_yuzu.gif) no-repeat;
}
 .inside h1#post-69 span{
	background: url(images/title/title_mentaiko.gif) no-repeat;
}
 .inside h1#post-71 span{
	background: url(images/title/title_tsukuba.gif) no-repeat;
}
 .inside h1#post-73 span{
	background: url(images/title/title_psen.gif) no-repeat;
}
 .inside h1#post-74 span{
	background: url(images/title/title_mezurashi.gif) no-repeat;
}
 .inside h1#post-77 span{
	background: url(images/title/title_nureokaki.gif) no-repeat;
}
 .inside h1#post-78 span{
	background: url(images/title/title_okoge.gif) no-repeat;
}
 .inside h1#post-81 span{
	background: url(images/title/title_namamochi2.gif) no-repeat;
}

 .inside h1#post-112 span, .inside h1#post-114 span, .inside h1#post-115 span{
	background: url(images/title/title_shitamachi.gif) no-repeat;
}
 .inside h1#post-126 span{
	background: url(images/title/title_nuresen.gif) no-repeat;
}
 .inside h1#post-128 span{
	background: url(images/title/title_yumenokobako.gif) no-repeat;
}
 .inside h1#post-131 span{
	background: url(images/title/title_namamochi.gif) no-repeat;
}
 .inside h1#post-132 span{
	background: url(images/title/title_nattou.gif) no-repeat;
}
 .inside h1#post-133 span{
	background: url(images/title/title_kometsubute.gif) no-repeat;
}
 .inside h1#post-134 span{
	background: url(images/title/title_kakimochi.gif) no-repeat;
}

 .inside h1#post-135 span{
	background: url(images/title/title_zaramehagoromo.gif) no-repeat;
}

 .inside h1#cat-9 span{
	background: url(images/title/title_usuyaki.gif) no-repeat;
}

 .inside h1#cat-10 span{
	background: url(images/title/title_arareokaki.gif) no-repeat;
}
 .inside h1#cat-11 span{
	background: url(images/title/title_gift.gif) no-repeat;
}
 .inside h1#cat-12 span{
	background: url(images/title/title_others.gif) no-repeat;
}

 .inside h1#post-50 span{
	background: url(images/title/title_black.gif) no-repeat;
}

 .inside h1#post-83 span{
	background: url(images/title/title_kiji.gif) no-repeat;
}

 .inside h1#page-14 span{
	background: url(images/title/title_products.gif) no-repeat;
}
 .inside h1#page-44 span{
	background: url(images/title/title_sitemap.gif) no-repeat;
}
 .inside h1#page-27 span{
	background: url(images/title/title_faq.gif) no-repeat;
}
 .inside h1#page-15 span{
	background: url(images/title/title_privacy.gif) no-repeat;
}
 .inside h1#page-25 span{
	background: url(images/title/title_tenpo.gif) no-repeat;
}
 .inside h1#page-26 span{
	background: url(images/title/title_order.gif) no-repeat;
}
 .inside h1#page-84 span{
	background: url(images/title/title_inquiry.gif) no-repeat;
}
 .inside h1#post-118 span,
 .inside h1#post-110 span,
 .inside h1#post-1 span,
 .inside h1#cat-1 span,
 .inside h1#post-5 span{
	background: url(images/title/title_honteyaki.gif) no-repeat;
}



 .inside h1 {
	width:520px;
	height:40px;
	text-indent: -9999px;
	position:relative;
	font-size:12px;
	/*HideMacIE¥*/
	overflow:hidden;
	/**/
	margin: 0;
	padding: 0;
}

 .inside h1 span {
   display:block;
   width:100%;
   height:100%;

   position:absolute;
   top:0;
   left:0;

}

 .inside h1#searchresult span{
	background: url(images/title/title_searchresult.gif) no-repeat;
}
 .inside h1#searchresult2 span{
	background: url(images/title/title_searchresult2.gif) no-repeat;
}
 .inside h1#pagenotfound span{
	background: url(images/title/title_pagenotfound.gif) no-repeat;
}

p.cd {border-top: 2px solid #f3f1e9; margin-top: 10px;
padding-top: 15px; color: #000;
}



/*オーダー*/

.opbox {
border: 2px solid #ccc;
padding: 10px 10px 5px;

margin-bottom: 0px;
color: #000;
}

.opbox h3 {
font-weight: bold;
margin: 0
}

.opbox p {
font-size: 12px;

}

div.oparrow {
	background: url(images/oparrow.gif) no-repeat center center;
	height: 50px
}




/*contactform*/

.contactform {
	background: #f3f1e9;
	margin: 0;	
	padding: 15px;
}

.contactleft{
padding: 5px 0;
}

.contactright{
margin-bottom:10px;
}


/*Info*/

#info h3 {padding: 5px 0; margin: 10px 0; font-weight: bold;
border-bottom: 1px solid #ccc;}
#info p {padding: 0; margin: 0;}

/*banner*/
div#banner {margin-bottom: 30px; }

/*faq*/
div#faq {margin-top: 20px;}
div#faq p.q { font-weight: bold; background-image: url(images/q.gif); background-repeat: no-repeat; background-position: left top; padding-left: 25px; margin-left: 5px}
div#faq  p.a { background-image: url(images/a.gif); background-repeat: no-repeat; background-position: left top; padding-left: 25px;  margin-bottom:40px; margin-left: 5px }

/*icon*/
p.kobetsu {text-indent: -9999px; background-image: url(images/kobetsu.gif); background-repeat: no-repeat; background-position: left top; height:20px }
p.zipper {text-indent: -9999px; background-image: url(images/zipper.gif); background-repeat: no-repeat; background-position: left top; height:20px}

/*nav*/
div.navigation {margin-top: 20px;}

/*fax*/

div#fax{

	width:234px;
	margin:0px 0 20px 0;
	border: 1px solid #ccc;
	padding: 7px;	
	

}
#fax h2 {font-family:Georgia; margin: 0;  font-weight: bold; margin:0 0 10px 0; border-bottom: 1px solid #ccc; 


background-image: url(images/fax.png); background-repeat:no-repeat; background-position: 0 1px;

  padding: 0 0 3px 1.5em;

/*
#fax h2{color:#ff3366;
font-family:Georgia;
margin: 0px;  font-weight: bold;  padding-bottom: 10px
*/
}

