@charset "UTF-8";
/*
Thema Name:pain grenouille
Theme URI:http://www.electric-fruits.com/
Description:pain grenouille theme
Author:electric-fruits.com
*/


/*-------------------------- 初期設定 -----------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td,hr,img,sub{
	margin:0;
	padding:0;
	line-height:1;
}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, sans-serif;
	height:100%;
	width:100%;
	background:url(images/shop-backgroundImage.png) repeat-y 50% 0;
}

/* Win IE6 Hack*/
/*Mac IE Excludes\*/
* html body{
	font-family:"ＭＳ Ｐゴシック", sans-serif;
}
/**/

table{
border-collapse:collapse;
border-spacing:0;
}
fieldset,img,abbr{
border:0;
}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{
font-style:normal;
font-weight:normal;
}
caption,th {
text-align:left;
}
q:before,q:after{
content:'';
}

html{
	height:100%;
	overflow-y:scroll;
}

body{
	font-size:62.5%;
}

html>/**/body{
	font-size:10px;
}

img{
	vertical-align:top; 
}

li{
	list-style-type:none;
}

em{
	font-style:normal;
}

strong{
	font-weight:normal;
}

/* ----------- 共通設定 -------------*/

#wrapper {
  position:relative;
  overflow:visible;
  width:766px;
  min-height:100%;
  margin:0 auto;
  padding:0 0 0 34px;
  }
  
  #wrapper:after {
   display:block;
   clear:both;
   content:" ";
   height:170px;
   overflow:hidden;
   }

/*strt of hack for IE6 */
* html #wrapper{
 height:100%;
 padding-bottom:170px;
 }
 
/*end of hack for ID6 */ 
/*start of hack for IE 7 */
*:first-child+html #wrapper {
 padding-bottom:170px;
}
/*end of hack for IE 7*/
  
  #header {
   height:96px;
   background:url(images/header_bg.gif) no-repeat 0 0;
   }
   
   #header h1 {
    float:right;
	padding:6px 208px 0 0;
    font-size:1.2em;
	color:#7a4c2d;
    }
   
  h2 {
   text-align:right;
   padding:0 33px 0 0;
   background:url(images/linkNavi_bg.jpg) no-repeat 0 0;
   margin:0;
   height:29px;
   overflow:hidden;
   }
   
  ul#linkNaviHeader {
   position:absolute;
   top:106px;
   left:106px;
   overflow:hidden;
  }
  
  ul#linkNaviHeader li {
   float:left;
   margin:0 14px 0 0;
   font-size:1.1em;
   font-weight:700;
   }
   
   ul#linkNaviHeader li a {
    color:#7b3333;
	text-decoration:none;
	}
   
   ul#linkNaviHeader li a:hover {
    color:#E9D7C5;
	}
   
  h3 {
   margin:0 0 0 -35px;
   padding:0 33px 0 0;
   background:url(images/title_category_bg.gif) no-repeat 0 0;
   text-align:right;
   }
   
 #contents {
  float:right;
  position:relative;
  overflow:hidden;
  width:550px;
  padding-bottom:18px;
 }
 
  #contents h4 {
   background:url(images/mark-product-title.gif) no-repeat 0 0;
   padding:2px 0 18px 36px;
   font-size:1.8em;
   line-height:1.8;
   color:#4b6d09;
   }
   
  #contents h4.productTitle {
   background:url(images/mark-product-title-small.gif) no-repeat 0 0;
   height:2.25em;
   padding:2px 0 3px 22px;
   font-size:1.2em;
   line-height:1.2;
   }
   
   #contents h4.productTitle span {
    display:block;
	font-size:0.9em;
   }
  
   #contents h4.productTitle a {
    color:#4b6d09;
    text-decoration:none;
    }
	
	#contents h4.productTitle a:hover {
	 color:#99cc00;
	 }
	 
	#contents p.ditails {
	 margin:4px 14px 20px 6px;
	 float:right;
	 font-size:1.1em;
	}
	
	#contents p.ditails a {
	 color:#af5d05;
	 text-decoration:none;
	}
	
	#contents p.ditails a:hover {
	 color:#dd9900;
	}
	
	p.thumbnail {
	 float:left;
	 width:135px;
	}
	
	p.description {
	 padding-top:6px;
	 clear:both;
	 font-size:1.1em;
	 color:#aa6600;
	}
	
   #contents div.productsBox {
    width:240px;
	padding:24px 0;
	background:url(images/materialBox_line.gif) no-repeat left bottom;
	overflow:hidden;
   }
   
   #contents div.first {
    clear:both;
	float:left;
   }
   
   #contents div.second {
    float:right;
	margin-right:50px;
   }
   
   #contents ul.postsLinkNavi {
    clear:both;
	padding:10px 60px 0 6px;
	overflow:hidden;
   }
   
   #contents ul.postsLinkNavi li.previous {
    float:left;
	background:none;
    }
	
	#contents ul.postsLinkNavi li.next {
	 float:right;
	 background:none;
	 }
	 
	 #contents ul.postsLinkNavi li a {
	  text-decoration:none;
	  color:#af5d05;
	  }
	  
	  #contents ul.postsLinkNavi li a:hover {
	   color:#dd9900;
	  }
  
  #contents dl {
   float:left;
   width:112px;
   }
   
   #contents dl dt {
    margin:8px 0 0 0;
    padding:2px 0 2px 12px;
	background:url(images/mark-details.gif) no-repeat 0 0;
	font-size:1.2em;
	font-weight:700;
	color:#6f460b;
	line-height:1.25;
    }

   #contents dl dd {
    padding:6px 0 0 14px;
	font-size:1.2em;
	color:#af5d05;
	line-height:1.25;
   }
   
   #contents .link-page dl {
     width:480px;
   }
   
   #contents .link-page dl dt a{
     color:#6f460b;
   }
   
   #contents .link-page dl dt a:hover{
     color:#CEA46B;
   }
   
   #contents .link-page dl dd{
     padding:6px 0 18px 14px;
   }
  
  #contents p.productPhoto {
   float:right;
   margin-right:68px;
   padding:8px;
   background:#ffffff;
   border:1px solid #efefef;
   }
   
  #contents p.materialClass {
   clear:both;
   margin:0 8px 4px 0;
   padding:30px 0 9px 12px;
   background:url(images/materialClass_bg.gif) no-repeat left bottom;
   font-size:1.4em;
   color:#660000;
  }
  
  #contents p.explain {
   clear:both;
   width:488px;
   padding:20px 0 11px 0;
   font-size:1.2em;
   color:#66370c;
   line-height:1.5;
   }
   
   #contents p strong {
    display:block;
	padding:0 64px 0 0;
    font-weight:700;
	color:#d8690e;
	text-align:right;
	line-height:1.5;
	}
   
  #contents ul {
   padding:0 0 4px 24px;
   font-size:1.1em;
   color:#a43c0e;
   }
   
   #contents ul li {
    padding:3px 0 6px 13px;
	background:url(images/marg-other.gif) no-repeat 0 0;
    line-height:1.5;
	}
	
	button#addbutton {
	 padding:0px;
	 width:117px;
	 height:25px;
	 border:none;
	 cursor:pointer;
	}
	
	button#addbutton img {
	 margin:0;
	 padding:0;
	}
/* start of hack for IE 7 */	
	*:first-child+html button#addbutton img {
	 margin:-2px 2px 2px -2px;
	}
/* end of hack for IE 7 */	
	select{
	 border:1px solid #999999;
	 background:#ffffff;
	}
	
	table.buybutton {
	 width:200px;
	 margin:0 100px 0 auto;
	}
	
	table.buybutton td {
	 padding:4px 0 0 0;
	 text-align:right;
	}
	
	table.buybutton .yak_button {
	 width:80px;
	 height:1.8em;
	 background:#389fa7;
	 border:1px solid #cdc6b5;
	 color:#ffffff;
	 cursor:pointer;
	 }
	 
	 table.buybutton .yak_button:hover {
	  background:#eff1be;
	  color:#785024;
	  }
	  
	  table.buybutton .yak_payment_type {
	   width:90px;
	   height:1.8em;
	   background:#f6ecd3;
	   border:1px solid #cdc6b5;
	   color:#785024;
	   cursor:pointer;
	  }
	 
	 table.buybutton .yak_payment_type:hover {
	  background:#CC6600;
	  color:#ffffff;
	  }
	  
	  table.buybutton select.yak_payment_type {
	   width:auto;
	   height:1.8em;
	   background:#f6ecd3;
	   border:1px solid #cdc6b5;
	   color:#785024;
	   cursor:pointer;
	  }
	 
	 table.buybutton select.yak_payment_type:hover {
	  background:#CC6600;
	  color:#ffffff;
	  }
 
 #contents span.leg {
  display:block;
  padding-bottom:20px;
  margin-bottom:34px;
  background:url(images/productsLeg_line.gif) no-repeat 30% bottom;
 }
 
  
 #sidebar {
  float:left;
  overflow:hidden;
  }
  
  #sidebar p.aboutMaterial {
   margin:18px 0 0 12px;
  }
  
 #sidebar ul#productsMenu li {
   margin:0 0 0 14px;
   padding:2px 0 18px 18px;
   background:url(images/mark-categoryNavi.gif) no-repeat 0 0;
   font-size:1.4em;
   line-height:1.25;
  } 
  
  #sidebar ul#productsMenu li a {
   color:#7a4c2d;
   text-decoration:none;
   }
 #sidebar ul#productsMenu li.page-item-3{
  margin:18px 0 18px 12px;
  padding:10px 0 10px 30px;
  background:url(images/mark-cart_big.gif) no-repeat 0 0;
  font-size:1.4em;
  }
  
  #sidebar ul li.page-item-3 a{
   color:#8f6109;
   text-decoration:none;
  }
  
 #sidebar ul#howToOrder li {
  margin:0 0 0 14px;
  padding:2px 0 18px 18px;
  background:url(images/mark-orange.gif) no-repeat 0 0;
  font-size:1.4em;
  line-height:1.25;
  }
  
  #sidebar ul#howToOrder li a {
   color:#d8690e;
   text-decoration:none;
   }

 #sidebar ul#shopInformation {
  margin:40px 0 0 0;
  }
 
  #sidebar ul#shopInformation li {
   margin:0 0 0 14px;
   padding:4px 0 6px 18px;
   background:url(images/marg-other.gif) no-repeat 0 0;
   font-size:1.2em;
   line-height:1.25;
   }
   
/*start of hack for IE6 */
* html #sidebar ul#shopInformation li {
    font-size:1.2em;
	}
/*end of hack for IE6*/
  
   #sidebar ul#shopInformation li a {
    color:#a43c0e;
    text-decoration:none;
    }
  
#footer {
 position:relative;
 clear:both;
 width:766px;
 height:160px;
 margin:-170px auto 0 auto;
 padding:10px 0 0 34px;
 background:url(images/footer_line.png) no-repeat center top;
 }

/*start of hack for IE6*/
* html #footer {
 background:url(images/footer_line.gif) no-repeat center top;
 }
/*end of hack for IE6*/
 
  #footer ul {
   font-size:1.1em;
   }
   
   #footer ul li a {
    color:#7b3333;
	text-decoration:none;
   }
   
   #footer ul li a:hover {
    color:#cc6600;
   }
 
 #footer ul.pageNaviFirst {
  clear:both;
  overflow:hidden;
  width:600px;
  display:block;
  margin:0 auto;
  padding:12px 0 0 0;
  text-align:center;
  }
  
   
 #footer ul.pageNaviSecond {
  clear:both;
  overflow:hidden;
  width:500px;
  display:block;
  margin:0 auto;
  padding:12px 0 24px 260px;
  text-align:center;
  }
 
 #footer ul li {
  float:left;
  margin:0 8px 0 8px;
  padding:0 18px 0 0;
  border-right:1px solid #000000;
 }
 
  #footer ul li:last-child {
   border:none;
  }
 
 #footer address {
  clear:both;
  line-height:1.25;
  }
  
  #footer address span.shopName {
   display:block;
   margin:0 auto 14px auto;
   font-size:1.2em;
   color:#a43c0e;
   text-align:center;
  }
  
  #footer address span.addr {
   float:left;
   display:block;
   padding:0 18px 6px 160px;
   font-size:1.2em;
   color:#a43c0e;
   text-align:center;
  }
  
  #footer address span.tel {
   display:block;
   padding:0 18px 6px 0;
   font-size:1.2em;
   color:#a43c0e;
   text-align:left;
  }
  
  #footer address span.email {
   clear:both;
   float:left;
   height:2em;
   display:block;
   padding:0 18px 0 90px;
   font-size:1.2em;
   color:#a43c0e;
   text-align:center;
  }
  
  #footer address span.website {
   display:block;
   padding:0 18px 0 0;
   font-size:1.2em;
   color:#a43c0e;
   text-align:left;
  }
  
  #footer #copyright {
   clear:both;
   text-align:right;
   margin-bottom:1px;
   padding:14px 64px 0 0;
   font-size:1.1em;
   color:#a43c0e;
   line-height:1.25;
  }
/* start of hack for IE 7 */  
  *:first-child+html #footer #copyright {
   padding-top:0;
  }
  
/* end of hack for IE 7 */