/*
Theme Name: New_MR.waffle SITE
Description: MR.waffle SITE
Author: YUUKI HORIO(Cask_Strength)
*/

/* ========= レイアウト ========= */
body	{margin: 10px;
         background: #FFFFFF url(images/side_bar.jpg) no-repeat;
	     background-color: #FFFFFF;}

#container	{width: 800px;
	margin: auto;
	background: #FFFFFF;}
	
#slide {width: 800px;
      height: 400px;
      margin: 10px;
	  padding-top: 50px;
	  }
 
#content {width: 540px;
	float: left;
	margin:0px 0;}

#content_no_side {width: 780px;
	float: left;
	margin: 0px 0;}

 
#sidebar	{width: 120px;
	float: left;
	margin: 0px;
	margin-left:10px;
	margin-top:10px;}

#info_contents_left {
	width: 280px;
    float: left;
	margin: 10px 0;}

 
#info_contents_right {
	width: 210px;
    float: left;
	margin: 10px 0;}


#foot	{clear: both;}

#head, #content, #sidebar, #foot
	{background-color: #FFFFFF;}


/* ========= 文字セット========= */

.font_1 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	font-size:12px;
	color:#222; 
	}
	

/* ========= ヘッダー ========= */
#head	{background: none;
        
         float:left;}

#head #logo {
	float:left;
}
#logo {
	margin-top:5px;
	width: 190px;
	height:60px;
}

#head h1	{font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	margin: 0;}

/* ========= フッター ========= */ 
#foot	{border-top: solid 20px #ffffff;
	background: none;}

#foot p	{font-size: 12px;
    color:#F90;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	margin: 4px 0;}
	

/* ========== 記事の個別ページ ========== */
.postdate	{color: #888;
	font-weight: bold;}


/* ========= ナビゲーション(テキスト運用の場合) ========= */
.nav	{background-color: #fff;
    font-size:13px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	margin-top: 25px;
	margin-bottom:5px;
	float:left;
	float:right;
	padding:0px;
    width:620px;
	height:25px;
	 }

.nav ul	{margin: 0;
	padding: 0;}

.nav li{
        white-space: nowrap;
		padding-bottom: 5px;
        }

.nav li a	{
	font-size: 13px;
	color: #ff6633;
	text-decoration: none;}
 
.nav li a:hover	{ background-color:#F93;
} 
.nav li a:active {color: #ff6633;
}

.nav li	{display:inline-block;
	list-style-type: none;
	border-right: dotted 1px #ff9933;
	margin-right: 10px;
	margin-bottom:2px;
	padding-right: 10px;}

#menu-item-19{
  background: url(images/navi_info.jpg) 0 0 no-repeat;
}

/* ========= グローバルナビ(画像運用時)========= */
ul#globalnavi{
	width: 550px;
    overflow:hidden;
	padding-bottom:: 20px;
	padding-right: 20px;
}
ul#globalnavi li{
    float:left;
    height:20px;
    display:block;
}
ul#globalnavi li a {
	display: block;
	overflow: hidden;
	height:20px;
	background-image:  url(images/header/glnav.gif);
	padding-top:0px;
}
/* global navi normal
---------------------*/
    #navi1 a { width:80px; background-position:0        0;}
    #navi2 a { width:80px; background-position:-80px    0;}
    #navi3 a { width:130px; background-position:-160px  0;}
    #navi4 a { width:130px; background-position:-290px  0;}
	#navi5 a { width:130px; background-position:-420px  0;}
/* global navi rollover
----------------------*/
    #navi1 a:hover { width:80px; background-position:0        -20px;}
    #navi2 a:hover { width:80px; background-position:-80px    -20px;}
    #navi3 a:hover { width:130px; background-position:-160px  -20px;}
    #navi4 a:hover { width:130px; background-position:-290px  -20px;}
	#navi5 a:hover { width:130px; background-position:-420px  -20px;}

/* =========　左側面バナー====== */
#banner{
	margin:20px 0px 0px 0px;
	padding:0px;
}

#banner p.point{/*ポイント*/
	width:250px;
	height:65px;
	display:block;
	background:url(images/bt/point_banner.png) no-repeat;
}

#banner p.column{/*コラム*/
	width:250px;
	height:65px;
	display:block;
	background:url(images/bt/column_banner.png) no-repeat;
}

#banner p.howto{/*how to eat*/
	width:250px;
	height:65px;
	display:block;
	background:url(images/bt/eat_banner.png) no-repeat;
}

#banner p.credo{/*クレド*/
	width:250px;
	height:65px;
	display:block;
	background:url(images/bt/credo_banner.png) no-repeat;
}

#banner p.shibuya{/*クレド*/
	width:250px;
	height:65px;
	display:block;
	background:url(images/bt/shibuya_banner.png) no-repeat;
}

/* ==================== 月別メニュー ==================== */

.sidemenu	{font-size: 14px;
	border: solid 0px #222;
	padding: 10px;
	margin-bottom: 20px;}

.sidemenu h2	{font-size: 16px;
	color: #FF9933;
	background-color: #FFFFF;
	padding: 5px 10px;
	margin: 0 0 10px 0;}

.sidemenu ul	{margin: 0;
	padding: 0;}

.sidemenu li	{line-height: 1.2;
	list-style-type: none;
	background-repeat: no-repeat;
	padding-left: 20px;
	margin-bottom: 5px;}

.sidemenu li a:hover	{color: #444;}

/* ==================== ２段組み ==================== */
.single #content,
.date #content,
.page-template-customnews-php #content
	{width: 500px;
	float: left;}

#sidebar	{width: 200px;
	float: right;
	margin-top: 15px;
	margin-right:10px;}


/* ========= トップ ========= */
#menu-topmenu	{list-style-type: none;
	margin: 0;
	padding: 0;}

#menu-topmenu li	{width: 800px;
	margin: 5px 0;}

#menu-item-36	{float: left;}

#menu-item-37	{float: right;}

/* ========= トップ下段インフォメーションエリア========= */

#sub #right{/*右サイド*/
	float:left;
	margin:0px;
	padding:0px;
	width:536px;
	border-left:1px dotted #F96;
}
	#sub #right #rightblock{/*共通*/
		float:left;
		margin:0px 0px 0px 10px;
		padding:0px;
		width:250px;
	}
	#sub #right #rightblock2{/*メニュー右用*/
		float:left;
		margin:0px 0px 0px 26px;
		padding:0px;
		width:250px;
	}
	#sub #right #about{/*ワッフルとは*/
		float:left;
		margin:10px 0px 10px 10px;
		padding:0px;
		width:250px;
	}
	#sub #right #shop{/*ショップ*/
		float:left;
		margin:10px 0px 0px 26px;
		padding:0px;
		width:250px;
	}
#sub #left{/*左サイド*/
	float:left;
	margin:0px;
	padding:0px 10px 0px 0px;
	width:250px;/*262px*/

}
#left li{
	font-size:80%;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	list-style-type:none;
	margin-top:5px;
	margin-bottom: 10px;
}
#left ul{
	margin-left: 10px;
	padding: 0}

#sub{/*サブ*/
	margin:35px auto;
	padding:0px;
	width:800px;
}

#sub h2{
	margin:0px;
	padding:0px;
	text-indent:-9999px;
	width:250px;
	height:20px;
}

#sub h3{
	margin:10px 0px 0px;
	padding:0px;
	width:250px;
	height:150px;
	display:block;
}
#sub h3 a{
	margin:0px;
	padding:0px;
	width:250px;
	height:150px;
	display:block;
	text-indent:-9999px;
}


#sub h4{
	margin:10px 0px 0px;
	padding:0px;
	width:250px;
	height:50px;
	display:block;
}
#sub h4 a{
	margin:0px;
	padding:0px;
	width:250px;
	height:50px;
	display:block;
}


#sub h3.menu1{/*ワッフルメニュ-*/
	background:url(images/bt/waffle_menu_on.png) no-repeat;
}
#sub h3.menu1 a{
	background:url(images/bt/waffle_menu.png) no-repeat;
}
#sub h3.menu1 a:hover{
	background:url(/images/bt/waffle_menu_on.png) no-repeat;
}
#sub h3.menu2{/*MR.waffleの想い*/
	background:url(images/bt/story_menu_on.png) no-repeat;
}
#sub h3.menu2 a{
	background:url(images/bt/story_menu.png) no-repeat;
}
#sub h3.menu2 a:hover{
	background:url(images/bt/story_menu_on.png) no-repeat;
}
#sub h3.menu3{/*MR.waffleのこだわり*/
	background:url(images/bt/kodawari_menu_on.png) no-repeat;
}
#sub h3.menu3 a{
	background:url(images/bt/kodawari_menu.png) no-repeat;
}
#sub h3.menu3 a:hover{
	background:url(images/bt/kodawari_menu_on.png) no-repeat;
}
#sub h3.menu4{/*ソフトクリーム*/
	background:url(images/bt/soft_menu_on.png) no-repeat;
}
#sub h3.menu4 a{
	background:url(images/bt/soft_menu.png) no-repeat;
}
#sub h3.menu4 a:hover{
	background:url(images/bt/soft_menu_on.png) no-repeat;
}
#sub h3.menu5{/*ショップアクセス*/
	background:url(images/bt/shop_menu_on.png) no-repeat;
}
#sub h3.menu5 a{
	background:url(images/bt/shop_menu.png) no-repeat;
}
#sub h3.menu5 a:hover{
	background:url(images/bt/shop_menu_on.png) no-repeat;
}
#sub h3.menu6{/*お客様の声*/
	background:url(images/bt/customer_bt_on.png) no-repeat;
}
#sub h3.menu6 a{
	background:url(images/bt/customer_bt.png) no-repeat;
}
#sub h3.menu6 a:hover{
	background:url(images/bt/customer_bt_on.png) no-repeat;
}

#sub h3.about{/**/
	background:url(../img/bt_indexabout_on.jpg) no-repeat;
}
#sub h3.about a{
	background:url(../img/bt_indexabout_off.jpg) no-repeat;
}
#sub h3.about a:hover{
	background:url(../img/bt_indexabout_on.jpg) no-repeat;
}
#sub h3.shop{/**/
	background:url(../img/bt_indexshop_on.jpg) no-repeat;
}
#sub h3.shop a{
	background:url(../img/bt_indexshop_off.jpg) no-repeat;
}
#sub h3.shop a:hover{
	background:url(../img/bt_indexshop_on.jpg) no-repeat;
}

#sub h4.news{
	background:url(images/bt/news_bar.png) no-repeat;
	}


/* ========= リンクまとめ========= */
a	{text-decoration: underline;}
a:link {color:#000000;} /*未訪問のリンクの色*/
a:visited {color:#000000;} /*訪問済みのリンクの色*/
a:hover {color:#ff9966;} /*カーソルが乗っているリンクの色*/
a:active {color:#ff9966;}

a img	{border: none;}

/* ========= コンテンツ ========= */
#content {back-groundcolor: #FFF;
	padding: 20px;
	margin-top:10px;
	margin-bottom:5px;}

#content h2	{font-size: 16px;
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color:#222;
	border-bottom: dashed 0px #A00;
    margin-left: 10px;
	}

#content p	{  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  padding-left: 10px;
  margin-left: 10px;
}


/* ========= コンテンツサイドバーなし ========= */
#content_no_side {
	background: none;
	padding:5px;
	}

#content_no_side.title	{
	padding: 20px;
	margin-top:10px;
	margin-bottom:5px;}

#content_no_side .title h2	{
	font-size: 120%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color:#222;
	border-bottom: dashed 0px #A00;
    margin-left: 5px;
	}
	
#content_no_side .title p {
  font-size: 12px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  padding-left: 10px;
  margin-left: 10px;
 
}
#content_no_side h2	{font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	color:#000;
	}
#content_no_side .box {
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	}
#content_no_side p {
  font-size: 12px;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  color:#000;
  padding: 0px 0px 0px;
  margin-left: 15px;
  line-height: 140%;
  }
#content_no_side h4	{font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	margin-left:10px;
	padding-left:5px;
	}
#content_no_side table{
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	margin-left: 10px;
	margin-top: 4px;
	padding: 5px;
	line-height: 120%;
}
#content_no_side table p{
  font-size: 12px;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  margin: 5px 5px;
  padding-top: 5px;
  color:#000;
  }
#content_no_side td{
  font-size: 12px;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  text-align: left;
  vertical-align: top;
 
  }
#content_no_side td p{
  font-size: 12px;
  font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
  text-align: left;
  vertical-align: top;
  margin-top: 5px;
  margin-bottom: 3px;
  margin-left: 20px;
  padding-top: 5px;
  padding-bottom: 5px;
  line-height: 120%;
  }


  
#content_no_side img{
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}



/* ========= トップ インフォメーション 左========= */
#info_contents_left {
	margin-left:20px;
	border:dashed #F63 1px;
}
 
#info_contents_left h2 {
	background-image: url(images/infobar.png);
	background-repeat: no-repeat;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	padding:30px;
	margin:0;}
	
#info_contents_left li{
	font-size: 12px;
    font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	list-style-type:none;
	margin-top:4px;
	margin-bottom: 10px;
	padding-left:20px;
}

#info_contents_left li a { color:#F63;
                           text-decoration:none;
}
	
#info_contents_left li a { color:#F63;
                           text-decoration:none;
} 
	

  
/* ========= カテゴリー ========= */
.catitem	{float: left;
	width: 328px;
	margin-right: 8px;
	margin-bottom: 20px;}

.catitem img	{margin-bottom: 5px;}


/* ========= 個別 ========= */
.itemimg	{width: 300px;
	float: left;}

.iteminfo	{width: 200px;
	float: left;
	font-size: 12px;
	line-height: 1.2;}

.iteminfo p	{margin: 0 0 10px;}

.iteminfo table	{width: 100%;
	border-collapse: collapse;
	color: #666666;
	font-size: 10px;
	margin: 0 0 20px;}

.iteminfo th	{width: 6em;}

.iteminfo th, .iteminfo td
	{border: solid 1px #ffffff;
	text-align: left;
	padding: 2px 5px;}

.button a	{display: block;
	width: 156px;
	line-height: 38px;
	background-image: url(images/wood_button.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	color: #333333;
	font-weight: bold;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	text-align: center;}


/* ========= 素材別 ========= */
.fabric .title
	{background-image: url(images/fabric_back.png);}

.fabric .button a
	{background-image: url(images/fabric_button.png);
	color: #ffffff;}


/* ========= ショップについて ========= */
.page-template-custom-shop-php .title
	{background-color:#FFF; 
	padding: 20px;
	margin: 0 0 20px;}

.title h2	{font-size: 14px;
    font-color:#EEE
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
	margin: 0;}

/* ========= ニュースについて ========= */
div.newspost {
              padding:10px;
			  margin:10px auto
			  }
div.newspost h3 {font-size: 14px;
                font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
				color:#555;
				}
				
div.newspost p {font-size: 12px;
                font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, sans-serif;
				}

#access ul li:hover > div > ul {
  display: block;
}				
				
				
#menu-sample ul { /*リスト全体*/
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu-sample li { /*リストの1段目*/
  float: left;
  min-width: 94px;
  white-space: nowrap;
}

#menu-sample ul ul { /*2段目以降*/
  display: none;
  position: absolute;
  z-index: 10;
}

#menu-sample li li { /*2段目以降のリスト項目*/
  clear: left;
  position:relative;
  width: 100%;
}

#menu-sample ul ul ul { /*3段目以降*/
  top: 0;
  left: 100%;
}

#menu-sample ul li:hover > ul {
  display: block;
}

*+html #menu-sample ul ul a { /*IE用*/
width: 72px; /*（94-10-10-1-1）パディングとボーダーの分を引いた値*/
white-space: normal; /*幅に応じて改行*/
}

#menu-sample li {
  margin-left: 3px;
}

#menu-sample a { /*1段目以降のメニュー文字*/
  font-size: 13px;
  line-height:15px;
  color: #dadada;
  text-decoration: none;
  text-align: center; /*1段目は文字を中央合わせに*/
  padding: 5px 10px;
  background-color: #242424;
  display: block;
}

#menu-sample a:hover {
  color: #f90;
  background-color: #111;
}

#menu-sample ul ul {
  padding-top: 2px;/*2段目を少し下げた*/
}

#menu-sample ul ul ul { /*3段目以降*/
  padding-top: 0; /*2段目のパディング2pxを元に戻すのだ*/
}

#menu-sample li li {
  margin-left: 0; /*liのmargin-left: 3pxを元に戻す*/
}

#menu-sample ul ul a { /*2段目以降のメニュー文字*/
  font-size: 11px;
  line-height: 1.3;
  text-align: left; /*2段目以降は左寄せにもどす*/
  border-top: solid 1px #555555;
  border-right: solid 1px #070707;
  border-bottom: solid 1px #070707;
  border-left: solid 1px #555555;
  background-color: #343434;
}