@charset "UTF-8";

/*
Theme Name: organico_wp
Theme URI: http://www.organico-web.com/
Description: organico-web用のテーマです。
Version: 1.0
Author: tetratone
Author URI: http://www.tetratone.jp/
Tags: organico
Template: default
*/


/* reset */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,p,pre,code,address,caption,cite,code,em,strong,th { font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }

/* layout */
.clear {
  clear: both;
  margin: 0px;
  padding: 0px;
}

img.left { float: left; }
img.right { float: right; }


/* type */

body {
  font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Geneva, Arial, Osaka, sans-serif;
  color:#48331b;
  background: #fff url(images/bg.jpg) repeat-x top;
  font-size: 62.5%;
}

/* for WinIE6*/
*html body {
  font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Geneva, Arial, Verdana, sans-serif;
  color:#48331b;
  letter-spacing: 1px;
  vertical-align:baseline;
  background: #fff url(images/bg.jpg) repeat-x top;
  font-size: 62.5%;
}

/* for WinIE7*/
*:first-child+html body {
  font-family: "Lucida Grande", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Geneva, Arial, Verdana, sans-serif;
  background: #fff url(images/bg.jpg) repeat-x top;
  color:#48331b;
  font-size: 62.5%;
}


/* Font設定 - 共通 */
a {
  color: #48331b;
}

a:link, a:visited, a:active { text-decoration: none; }
a:hover {
  color: #b7863f;
}

p {
  color: #48331b;
  font-size: 1.2em;
  margin-bottom: 23px;
  line-height: 1.6em;
}
h1 {
  font-weight: bold;
  font-size: 2.2em;
  line-height: 36px;
  margin-bottom: 18px;
}
h2 {
  font-weight: bold;
  font-size: 1.6em;
  line-height: 21px;
  margin-bottom: 15px;
}
h3 { font-weight: bold; font-size: 1.2em; line-height: 19px; margin-bottom: 5px; }
h4 { font-weight: bold; font-size: 1.2em; line-height: 19px; margin-bottom: 5px; }
address { font-weight: normal; font-size: 10px; line-height: 15px; }


/* Font設定 - 一覧ボックス用 */
.catTtl {
  font-size: 1.1em;
  color: #9bc200;
  background: url(images/cat_ttl_bg.gif) no-repeat left top;
  padding-left: 17px;
  height: 26px;
  line-height: 26px;
  padding-top: 3px;
}
.boxTxt h3 {
   font-size: 1.3em;
   line-height: 1.4em;
}
.boxTxt h4 {
   font-size: 1.0em;
   line-height: 1.4em;
}
.boxTxt p {
   font-size: 1.1em;
   line-height: 1.5em;
}


/* Font設定 - シングルページ用 */
#singleBox h1 {
  margin-bottom: 8px;
  letter-spacing: 1px;
  line-height: 25px;
  text-align: left;
}
#singleBox h2 {
  color: #ce5760;
  margin-bottom: 6px;
  text-align: left;
}
#singleBox h3 {
  text-align: left;
  margin-bottom: 4px;
}
#singleBox h4 {
  color: #b7863f;
  text-align: left;
}
#singleBox p {
  color: #48331b;
  margin-bottom: 5px;
  text-align: left;
}
#singleBox em {
  font-size: 10px;
  line-height: 15px;
  color: #7E7172;
}
#singleBox strong {
  color: #ce5760;
  font-weight: bold;
  margin-right: 5px;
}
#keiBox p,#pinkBox p {
  font-size: 1.1em;
  line-height: 18px;  
}

#singleBox .ttlMeta {
   line-height: 1.3em;
}


/*-----------------共通スタイル-----------------*/

#container {
  background: #FFFFFF url(images/bg.jpg) repeat-x top;
  width: 980px;
  margin: 3px auto 0px;
  padding: 0px;
}
#siteTitle {
  font-size: 10px;
  font-weight: normal;
  margin: 0px;
  line-height: 18px;
  float: left;
  height: 18px;
  padding: 0px 0px 0px 2px;
}
#siteProduce {
  float: right;
  margin-right: 2px;
  margin-top: 7px;
}
#page  {
  background: #FFFFFF;
  border: 1px solid #ebe8e1;
  padding: 0px 10px 20px 15px;
  clear: both;
  margin: 0px 0px 10px;
}
#header {
  height: 121px;
  background: #FFFFFF;
  margin-top: 13px;
}
#header #headerTopic {
  font-size: 10px;
  margin-left: 15px;
  line-height: 17px;
}
#header .bnr {
 float: right;
}
#headerTopic strong {
  color: #e5005a;
  font-weight: bold;
  font-size: 10px;
}
#headerTopic li {
  list-style: url(images/header_topic_icon.gif) inside;
}
#txtsize {
  text-align: right;
  float: right;
  display: inline;
  clear: both;
  margin-top: 7px;
}
#txtsize .float {
  float: left;
}
#font_title {
  width: 49px;
  height: 17px;
}
#txtsize .ftxt {
  display: none;
}
#txtsize a {
  cursor: pointer;
}
#font_s {
  width: 20px;
  height: 17px;
}
#font_l {
  width: 19px;
  height: 17px;  
}
#font_s a {
  background: url(images/txt_s_off.gif);
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  height: 17px;
  width: 20px;
}
#font_l  a {
  background: url(images/txt_l_off.gif);
  background-repeat: no-repeat;
  background-position: left top;
  display: block;
  height: 17px;
  width: 19px;
}
#font_s a:hover {
  background: url(images/txt_s_over.gif);
}
#font_l a:hover {
  background: url(images/txt_l_over.gif);
}

/* topMain */
#topMain {
  width: 732px;
  float: left;
}
#bgimg  {
  margin-bottom: 25px;
  height: 300px;
  width: 732px;
}
#topMain #mainL {
  width: 355px;
  float: left;
  background: url(images/kei_half.gif) no-repeat bottom;
}
/*#mainL  p {
  margin-bottom: 35px;
}*/
#topMain #mainR {
  float: right;
  width: 355px;
  background: url(images/kei_half.gif) no-repeat bottom;
}
.brown {
  color: #b7863f;
}
.pink {
  color: #e5005a;
}
.box {
  padding-right: 5px;
  padding-left: 5px;
}
/*#mainL .box {
  margin-bottom: 35px;
}*/
/*.mainlImg {
  margin-bottom: 35px;
  height: 90px;
  width: 90px;
}*/
#thumBox {
  height: 90px;
  float: left;
  margin-bottom: 35px;
  width: 90px;
  /*¥*//*/
  overflow: hidden;
  /**/
}
#thumBox:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.boxTxt {
  margin-left: 102px;
}
.catTtl a {
  color: #9bc200;
}
.catTtl a:hover {
  color: #b7863f;
}
.allShop {
  text-align: center;
  margin-bottom: 22px;
  padding-top: 3px;
}


/* 右メニュー */
#rightNavi {
  float: right;
  width: 200px;
}
#rightNavi p {
  margin-bottom: 0px;
}
#shopMenu  {
  background: url(images/shopmenu_bg.gif) repeat;
  margin-bottom: 10px;
}
#shopMenu #catShop {
  padding-bottom: 10px;
  text-align: center;
}
#shopMenu #catShop em {
  color: #b7863f;
  font-size: 10px;
}
#shopMenu #catShop li {
  float: left;
  width: 100px;
  line-height: 14px;
  text-align: center;
  margin-top: 3px;
  padding-top: 40px;
  height: auto;
  color: #b7863f;
  display: block;
  font-size: 11px;
}
#shopMenu #catShop .cat-item-21{
  background: url(images/icon01.gif) no-repeat center top;
}
#shopMenu #catShop .cat-item-17{
  background: url(images/icon02.gif) no-repeat center top; 
}
#shopMenu #catShop .cat-item-25{
  background: url(images/icon03.gif) no-repeat center top;
}
#shopMenu #catShop .cat-item-22{
  background: url(images/icon04.gif) no-repeat center top;
}
#shopMenu #catShop .cat-item-23{
  background: url(images/icon05.gif) no-repeat center top;
}
#shopMenu #catShop .cat-item-30{
  background: url(images/icon06.gif) no-repeat center top;
}
#shopMenu #shopSearch {
  background: url(images/shopmenu_ttl_search.gif) no-repeat top;
  padding: 30px 8px 10px;
}
#shopMenu #shopSearch p {
  margin-bottom: 2px;
  clear: left;
  font-size: 11px;
  line-height: 17px;
}
#shopMenu #shopSearch input {
  margin-bottom: 7px;
  float: left;
  margin-right: 3px;
}
#shopMenu #newShop {
  background: url(images/shopmenu_ttl_ns.gif) no-repeat top;
  padding: 35px 8px 5px;
  text-align: center;
}
#newshopImg   {
  margin-bottom: 10px;
}
#newShop  h3, h4, p {
  text-align: left;
}
#newShop h3 {
   font-size: 12px;
   line-height: 1.4em;
}
#newShop h4 {
   font-size: 10px;
   line-height: 1.4em;
}
#newShop p {
   font-size: 11px;
   line-height: 1.5em;
}
#catMenu {
  margin-bottom: 10px;
}
#catMenu img {
  margin: 0px;
  padding: 0px;
}
#catMenu .menuTop {
  position: relative;
  top: 2px;
}
#catMenu   li {
  margin-bottom: 0px;
  background: url(images/rightmenu_bg.gif) no-repeat top;
  padding: 7px 3px 7px 24px;
  font-size: 11px;
}
#catMenu    a {
  vertical-align: middle;
}
#rightBnr   {
  margin-bottom: 10px;
}
#linkFreeBnr   {
  height: 120;
  width: 180px; 
  margin: 10px 0px;
  background: #FAF0E6;
  font-size: 90%;
  padding: 10px;
}

/* footer */
#footerNav {
  text-align: center;
  margin-bottom: 13px;
  position: relative;
  width: 980px;
}
#pagetop {
  position: absolute;
  left: 979px;
  top: -110px;
}
#footerNav li {
  display: inline;
  font-size: 10px;
}
#footerNav a {
}
#footerNav  li:before {
  content:"｜";
  color: #b7863f;
}
#footerNav ul:after {
  content:"｜";
  color: #b7863f;
}
#footer {
  background: url(images/bg_foot.gif) repeat-x;
  clear: both;
  height: 82px;
  color: #603718;
}
#footerIn {
  width: 978px;
  margin-right: auto;
  margin-left: auto;
  padding-top: 10px;
  padding-bottom: 0px;
}
#campanyInfo {
  text-align: left;
}
#telfax {
  float: left;
  margin-top: 3px;
  margin-right: 10px;
}
a#mailbtn {
  background: url(images/mail_btn.gif) no-repeat;
  height: 15px;
  width: 100px;
  display: block;
  float: left;
  margin-top: 3px;
}
a#mailattention {
  background: url(images/mail_btn2.gif) no-repeat;
  height: 15px;
  width: 24px;
  display: block;
  float: left;
  margin-top: 3px;
}
#copyright {
  float: right;
  margin-top: 4.2em;
}
#footer a {
  color: #f4ece1;
}
.statan_logo {
  margin-bottom: 7px;
}
#unei {
  font-weight: bold;
}
#footer a:hover {
  color: #FFFFFF;
}


/*   第二階層   */
/*   パン屑   */
#catttlObi {
  margin-bottom: 15px;
  background: url(images/2nd_ttl.gif) no-repeat;
  height: 54px;
  width: 713px;
  padding-left: 17px;
  padding-top: 8px;
}
.kuzu {
  font-size: 10px;
  margin-bottom: 15px;
}
#catttlObi .catttlName,#catttlObi .catttlName a {
  font-size: 17px;
  color: #9bc200;
  text-indent: 16px;
  font-weight: normal;
  letter-spacing: 2px;
  line-height: 18px;
}

/*   アーカイブBox   */
#catBox {
  padding-right: 13px;
  padding-left: 13px;
  float: left;
  background: url(images/kei_half.gif) no-repeat top;
  padding-top: 17px;
  width: 339px;
}
.catDisc {
  margin-bottom: 15px;
  padding-left: 18px;
  font-size: 12px;
  padding-top: 13px;
}
#catshopSearch {
  background: url(images/catshop_search.gif) no-repeat bottom;
  height: 60px;
  width: 612px;
  margin-bottom: 15px;
  padding-top: 0px;
  padding-left: 120px;
}
#catshopSearch p {
  margin-bottom: 0px;
  font-size: 11px;
  line-height: 17px;
}
#catshopSearch .searchBlock {
  width: 194px;
  float: left;
  margin-top: 15px;
  padding-left: 10px;
}
.searchBlock p {
  text-indent: 2px;
}
.searchBlock input {
  position: relative;
  top: -3px;
}


/*   シングルページ   */
#singleContents {
  padding-right: 17px;
  padding-left: 17px;
  background: #FFFFFF;
}
#singleBox {
  padding-bottom: 12px;
  text-align: center;
}
#singleBox a {
  color: #e5005a;
}
#singleBox a:hover {
  color: #b7863f;
}

/* ショップデータ */
#shopSpec {
  background: #f5ebed;
  padding: 13px 15px 17px;
  clear: both;
  margin-bottom: 25px;
  margin-top: 20px;
  width: 668px;
  /*¥*//*/
  overflow: hidden;
  /**/
}
#shopSpec:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}

#shopSpec p {
  margin-bottom: 0px;
}
#shopSpec #shopData {
  width: 363px;
  float: left;
  background: url(images/shopdata.gif) no-repeat left top;
  padding-top: 20px;
}
#shopData li {
  font-size: 11px;
  border-bottom: 1px dotted #EDB7BC;
  padding-bottom: 9px;
  padding-top: 5px;
  padding-left: 68px;
  line-height: 15px;
}
#shopData ul {
	border-top: 1px dotted #EDB7BC;
}
#access #shopMap a {
  font-size: 11px;
}
#access #shopMap iframe {
  margin-bottom: 5px;
  height: 285px;
  width: 285px;
}
#shopData .shop {
  background: url(images/lbl_shop.gif) no-repeat left;
}
#shopData  .address {
  background: url(images/lbl_address.gif) no-repeat left;
}
#shopData .tel {
  background: url(images/lbl_tel.gif) no-repeat left;
}
#shopData .fax {
  background: url(images/lbl_fax.gif) no-repeat left;
}
#shopData .url {
  background: url(images/lbl_url.gif) no-repeat left;
}
#shopData .email {
  background: url(images/lbl_email.gif) no-repeat left;
}
#shopData .open {
  background: url(images/open.gif) no-repeat left;
}
#shopSpec #access {
  float: right;
  width: 285px;
  padding-top: 20px;
  background: url(images/access.gif) no-repeat left top;
}
#shopData .close {
  background: url(images/lbl_close.gif) no-repeat left;
}
#shopData .comment {
  background: url(images/lbl_comment.gif) no-repeat left;
}
#shopSpec #shopMap {
  width: 285px;
  background: #FFFFFF;
  border: 1px solid #C4BBA3;
  height: 285px;
  margin-bottom: 10px;
}
#shopSpec a {
  color: #e5005a;
}
#shopSpec a:hover {
  color: #b7863f;
}
.imgR {
  float: right;
  clear: both;
  margin-left: 13px;
  margin-bottom: 5px;
  margin-top: 2px;
}
.imgL {
  float: left;
  clear: both;
  margin-bottom: 5px;
  margin-top: 2px;
  margin-right: 13px;
}
#topMain .wp-pagenavi {
  margin-bottom: 25px;
  padding-top: 25px;
  text-align: center;
  clear: both;
  font-size: 11px;
}
#topMain .wp-pagenavi a, .wp-pagenavi a:link {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #cfa972;
  color: #471201;
  background-color: #FFFFFF;
}
#topMain .wp-pagenavi a:visited {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #cfa972;
  color: #471201;
  background-color: #FFFFFF;
}
#topMain .wp-pagenavi a:hover {
  border: 1px solid #cfa972;
  color: #cfa972;
  background-color: #FFFFFF;
}
#topMain .wp-pagenavi a:active {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  text-decoration: none;
  border: 1px solid #cfa972;
  color: #471201;
  background-color: #FFFFFF;
}
#topMain .pages {
  padding: 2px 4px;
  margin: 2px 5px 2px 2px;
  color: #cfa972;
  background-color: #FFFFFF;
  border-top: 1px solid #e8d6bb;
  border-bottom: 1px solid #e8d6bb;
  border-right: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}
#topMain .wp-pagenavi .current {
  padding: 2px 4px 2px 4px;
  margin: 2px;
  font-weight: bold;
  border: 1px solid #cfa972;
  color: #FFFFFF;
  background-color: #cfa972;
}
#topMain .wp-pagenavi .extend {
	padding: 2px 4px 2px 4px; 
	margin: 2px;	
	border: 1px solid #000000;
	color: #000000;
	background-color: #FFFFFF;
}
/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

#singleBox img.aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
	}

#singleBox img.alignright {
  margin: 3px 0px 3px 13px;
  display: inline;
  padding: 0px;
	}

#singleBox img.alignleft {
  margin: 3px 13px 3px 0px;
  display: inline;
  padding: 0px;
	}

#singleBox .alignright {
	float: right;
	}

#singleBox .alignleft {
	float: left
	}
/* End Images */
#box {
  clear: both;
  margin-bottom: 7px;
  /*¥*//*/
  overflow: hidden;
  /**/
}
#box:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#boxHalf {
  width: 48%;
  margin-bottom: 7px;
  /*¥*//*/
  overflow: hidden;
  /**/
}
#boxHarf:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
}
#pinkBox {
  background: #f5ebed url(images/2nd_box_pink.gif) repeat;
  padding: 10px 15px;
  clear: both;
  margin-bottom: 7px;
  width: 668px;
  /*¥*//*/
  overflow: hidden;
  /**/
}
#keiBox {
  background: #FFFFFF url(images/2nd_box_bg.gif) repeat;
  padding: 10px 15px;
  clear: both;
  margin-bottom: 7px;
  width: 668px;
  /*¥*//*/
  overflow: hidden;
  /**/
  border-bottom: 1px solid #E9E9E9;
  border-top: 1px solid #F5F5F5;
}
#pinkBox:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
#keiBox:after {
  height: 0;
  visibility: hidden;
  content: ".";
  display: block;
  clear: both;
}
.blanclink {
  background: url(images/blanclink.gif) no-repeat left center;
  padding-left: 17px;
}
.marginBtm20 {
  margin-bottom: 20px;
}
.marginBtm10 {
  margin-bottom: 10px;
}
.marginTop20 {
  margin-top: 23px;
}
#singleBox h4.ttlKei {
  margin-bottom: 12px;
}
#pageLinkbox {
  width: 732px;
  height: 25px;
  margin-bottom: 20px;
  margin-top: 20px;
}
#pageLink .next {
  background: #FFFF00 url(images/btn_next.gif) no-repeat right 0px;
  height: 25px;
  width: 73px;
  display: block;
  float: right;
  margin-right: 285px;
}
#pageLink .back {
  background: #FFFF00 url(images/btn_back.gif) no-repeat left 0px;
  height: 25px;
  width: 73px;
  display: block;
  float: left;
  margin-left: 285px;
}
#similarPosts {
  padding-right: 17px;
  padding-left: 17px;
  margin-top: 15px;
  margin-bottom: 15px;
}
#similarPosts ul {
  padding-left: 17px;
}
#similarPosts li {
  background: url(images/icon_similer.gif) no-repeat left center;
  padding-left: 17px;
  line-height: 20px;
  font-size: 1.1em;
}
.center {
	text-align: center;
}
/* none */
.none {
  display: none;
}
/* Clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */