/*
Theme Name: brownie
Theme URI: http://www.happybrownie.net/
Description: brownieのサイト
Author: naomi yamaguchi
*/

* {
	font-family: "ＭＳ Ｐゴシック", Osaka;
}

h1, h2, h3, h4, h5, h6, div, p, pre, ul, ol, li, dl, dt, dd, address, form, blockquote, td, tr {
/*	margin: 0;*/
	padding: 0;
	line-height: 1.4;
	text-align: left;
/*	background: #FFFFFF;*/
}

table {
	margin : 0;
	empty-cells: show;
}

img {
	border: none;
	border-bottom: none;
}


/* ページ全体
---------------------------------------------------- */
body	{
	margin: 0;
	padding: 0;
	background-color: #F6F1EB;
	font-size: 0.75em;
	}

#header 	{
	width: 820px;
	margin: 0 auto;
	text-align: right;
	color: #3A0D04;
	}

#container	{
	background: url(images/bk_head3.jpg);
	background-position: right top;
	background-repeat: no-repeat;
	width: 860px;
	margin: 0 auto;
	background-color: #ffffff;
/*	border-bottom: solid 8px #4a331a;*/
	}

#main	{
	width: 820px;
	margin: 0 20px 10px;
	}

#contents	{
	margin: 115px 0 0;
	width: 610px;
	float: right;
	}

div#contents.index {
	margin: 40px 0 0;
	}

#sidebar	{
	margin: 0 0 10px;
	width: 180px;
	float: left;
	}

#content-2	{
	margin: 0;
	width: 420px;
	float: left;
	}

#sidebar2	{
	margin: 90px 0 0;
	width: 170px;
	float: right;
	}

.clear	{
	clear: both;
	margin: 0;
	}

a	{
	color: #5b9919;
	}


img	{
	border: none;
	}


/* ++++++ ヘッダー部分のデザイン ++++++ */

#headmenu 	{
	margin: 0;
	padding: 0 20px;
	height: 25px;
	text-align:right;
	background: url(images/bk_headmenu.gif);
	background-position: right top;
	background-repeat: no-repeat;	
	}

#headmenu ul {
	position:relative;
	margin: 0;
	list-style: none;
	background-color: transparent;
}

/*
#headmenu li {
	list-style: none;
	font-size: 12px;
	float: left;
	margin: 2px 0 2px 7px;
	padding: 0 0 0 7px;
	color: #fff;
	border-left: dashed 1px #fff;
}

li#mehome {
	border: none;
}
*/


#headmenu li {
	list-style: none;
	font-size: 12px;
	float: right;
	margin-left: 10px;
	padding: 3px 0 0 17px;
	color: #fff;
	vertical-align: bottom;
	background-image: url(images/mk_01.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#headmenu a:link, #headmenu a:visited, #headmenu a:active {
	color: #fff;
	text-decoration: none;
}

#headmenu a:hover {
	color: #FAC56B;
/*	text-decoration: underline;*/
}

#headmenu p {
	font-size: 12px;
	text-align: right;
	color: #3A0D04;
}


/* ++++++ コンテンツ部分のデザイン ++++++ */

h1	{
	margin: 0;
	height: 115px;
	vertical-align: middle;
	}

h2	{
	margin: 0;
	padding: 50px 10px 25px 35px;
	color: #3A0D04;
	font-size: 120%;
	background-image:url(images/bk_h2kami.gif);
	background-repeat: no-repeat;
/*	height: 90px;*/
	width: 350px;
	}

.pagemenu_top h2 {
	margin: 20px;
	padding: 5px 5px 5px 10px;
	color: #3A0D04;
	font-size: 120%;
	background-image: none;
	background-color: #F6F1EB;
	width: 350px;
	border: 1px solid #D9D9D9;
	border-left: 10px solid #3a0d04;
	}

h2#topics {
	background-image: none;
	padding: 0;
	width: 500px;
	}

#topics h2	{
/*	background-image:url(images/bk_h2kamiorange.gif);*/
	}

/*
#contents h2	{
	margin: 10px 0;
	padding: 0 10px 3px;
	color: #3A0D04;
	font-size: 120%;
	border-left: solid 7px #3A0D04;
	border-bottom: solid 1px #aaa;
}
*/

#contents p	{
	margin: 0 0 1em;
	}

p#m0	{
	margin: 0 0 1em 0;
	}

#contents #message	{
	margin-top: 0;
	font-weight: bold;
	color: #ab7435;
	}

#contents h3	{
	margin: 10px 0;
	padding: 3px;
	font-size: 1em;
	}

#contents h3 a	{
/*	color: #fff;*/
	}

#contents h4	{
	margin: 10px 0 5px;
	font-size: 110%;
	color: #E79229;
	font-weight: bold;
	border-bottom: dashed 1px #E79229;
	}

#post01	{
	margin: 0 30px;
	}

#post01 h3	{
	color: #BD7215;
	margin: 10px 0;
	padding: 0;
	font-size: 1.2em;
	background: none;
	}
	
#post01 dl {
	margin: 0 0 0 20px;
	width: 530px;
	border-bottom: 1px solid #d9d9d9;
}

#post01 dt {
	float: left;
	width: 130px;
	margin: 0;
	padding: 5px 0;
	border-top: 1px solid #d9d9d9;
	color: #3A0D04;
}

#post01 dd {
	float: left;
	margin: 0;
	padding: 5px 0;
	display: block;
	width: 400px;
	border-top: 1px solid #d9d9d9;
}

dl#width400 {
	clear: both;
	width: 400px;
	margin: 15px 0 40px;
}

dl#width400 dt {
	width: 100px;
}

dl#width400 dd {
	width: 300px;
}

#cat_description {
	margin: 0 20px 10px;
}


/* ++++++ ページの一口めも++++++ */
#hitokutimemo {
/*	border: solid 1px #aaa;*/
	margin: 10px auto;
	width: 500px;
	padding: 0 0 20px;
	clear: both;
	background-image:url(images/bk_hitokuti_05.jpg);
	background-repeat:no-repeat;
	background-position: bottom;
}

#hitokutinaka {
	margin: 0 40px;
	padding: 10px 0;
}


#hitokutimemo h4 {
	margin: 0;
	padding: 40px 40px 0;
	background-image:url(images/bk_hitokuti_04.jpg);
	color: #3A0D04;
	border: none;
	font-size: 130%;
}

#hitokutimemo h4 img {
	vertical-align: middle;
}

#hitokutimemo h5 {
	margin: 10px 0 5px;
	color: #c90;
	border: none;
	font-size: 120%;
	border-bottom: 1px dashed #C90;
}
/*
#hitokutimemo h5 {
	margin: 0 0 5px;
	color: #3A0D04;
	border-bottom: solid 1px #3A0D04;
}
*/


/* ++++++ indexトップページ ++++++ */
#contents-ind {
	margin: 0 auto;
	background: transparent;
	width: 740px;
}

#contents-ind h1	{
	margin: 0 10px;
	height: 60px;
	vertical-align: middle;
	}

#contents-ind #sidebar {
	margin: 0 0 0 10px;
	}

#topimage {
	margin: 0 auto;
	width: 610px;
	height: 440px;
	background-image: url(images/top.png);
	background-repeat: no-repeat;
	text-align: center;
	vertical-align: middle;
}

#topimage img {
	margin: 28px 0 0;
}

#topmain	{
	width: 550px;
	margin: 10px auto;
	}

#topmain dl	{
	margin: 0 0 10px;
	background-image: url(images/bk_h2indkamiind02.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 10px 20px 30px 50px;
	}

#topmain dt	{
	height: 2em;
	width: 100px;
	float: left;
	color: #FB7E3C;
	}

#topmain dd	{
	margin: 0 0 0 5em;
	height: 2em;
	}

#indexjirei	{
	margin: 10px 20px 20px;
	}

#indexjirei h2	{
	}


#indexjirei p {
	width: 150px;
	margin: 0 15px 5px 0;
	float: left;
	text-align: center;
	}

#indexjirei p img	{
	border: none;
	}

#indexjirei p a	{
	color: #000000;
	text-decoration: none;
	}

#indexjirei p a:hover	{
	text-decoration: underline;
	}

#airmenu ul	{
	margin: 10px 40px;
	padding: 0;
	color: #ab7435;
	}

#airmenu li	{
	margin-bottom: 3px;
	}

#airmenu li a	{
	color: #000000;
	}
#airmenu li span	{
	padding-left: 5px;
	color: #000000;
	}



#contents .more	{
	text-align: right;
	}

#contents .more ul	{
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

#contents .more ul li	{
	display: inline;
	}

#contents .more a	{
	color: #5b9919;
	}

#indexjirei .more	{
	clear: both;
	float: none;
	}

#airmenu .more	{
	margin: 0 20px 30px;
	text-align: right;
	}

/* カテゴリーページ */
#contents .jireilist img	{
	float: left;
	margin: 0 10px 10px 0;
	}

#contents .jireilist	{
	clear: both;
/*	border: dashed 1px #aaa;*/
	margin: 0 0 15px;
	}

/* シングルページ */
#contents #postcat	{
	margin: 0;
	background-color: #ab7435;
	padding: 3px 5px;
	color: #ffffff;
	}


/* 基本情報の表 */
#data	{
	width: 500px;
	margin: 10px 20px 20px;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-top: solid 2px #A0A0A0;
	border-bottom: solid 2px #A0A0A0;
	}

#data caption	{
	text-align: left;
	color: #2CAA8E;
/*	background: #F0F9E8;*/
	}

#data th, #data td {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-bottom: solid 1px #aaa;
	}

#data th {
	width: 100px;
	}

#data ul	{
	margin: 0 0 0 25px;
	padding: 0;
	}

#attention	{
	font-size: smaller;
	}

/* 予約状況の表 */
#yoyakuhyou	{
	width: 500px;
	margin: 10px 20px 20px;
	border-collapse: collapse;
	margin-bottom: 20px;
	border-top: solid 2px #A0A0A0;
	border-bottom: solid 2px #A0A0A0;
	}

#yoyakuhyou caption	{
	text-align: left;
	color: #2CAA8E;
/*	background: #F0F9E8;*/
	}

#yoyakuhyou th, #yoyakuhyou td {
	text-align: left;
	vertical-align: top;
	padding: 4px;
	border-bottom: solid 1px #aaa;
	}

#yoyakuhyou th {
	width: 100px;
	}

#data ul	{
	margin: 0 0 0 25px;
	padding: 0;
	}

#attention	{
	font-size: smaller;
	}



/* ++++++ サイドバー部分のデザイン ++++++ */
#sidebar ul	{
	list-style-type: none;
	margin: 0;
	padding: 0;
/*	border-top: 1px solid #aaa;
	border-bottom: 1px solid #aaa;*/
	}

#sidebar ul	ul {
	margin: 0 0 3px 4px;
	background-image: none;
	border: none;
	}

#sidebar li	{
	padding: 4px 0 4px 1px;
	margin: 0;
	border-bottom: 1px dashed #aaa;
	color: #fff;
	vertical-align: bottom;
	background-image: url(images/mk_01_menu.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}

#sidebar ul	ul li {
	padding: 4px 0 4px 10px;
	border-bottom-style:none;
	background: none;
	background-image: url(images/mk_01_menu2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#sidebar ul	ul ul li {
	padding: 4px 0 4px 10px;
	background-image: url(images/mk_01_menu3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}

#sidebar ul a {
	color: #3A0D04;
	text-decoration: none;
}

#sidebar ul a:hover {
	color: #FB7E3C;
	text-decoration: underline;
}

#searchbox {
	color: #333;
	margin: 15px 0;
}

#searchbox p {
	color: #333;
	margin: 5px 0;
}

#searchbox form {
	margin: 0;
}

/* ++++++ diaryページのサイドバー ++++++ */
#sidebar2 h2 {
	margin: 20px 0 3px;
	padding: 0;
	color: #3A0D04;
	font-size: 100%;
	background-image: none;
	height: 100%;
	width: 160px;
	border-bottom: 1px dashed #3A0D04;
	}

#sidebar2 ul {
	margin: 0 0 0 10px;
	list-style: none;
	}

#sidebar2 p {
	margin: 0 0 0 10px;
	}

#sidebar2 li {
	list-style: none;
	padding: 0;
	margin: 0 0 5px;
	}

#sidebar2 a {
	color: #3284CD;
	}

#sidebar2 a:hover {
	color: #64CFE6;
	text-decoration: underline;
	}


/* ++++++ diaryページ ++++++ */
#diarybox {
	margin: 10px 0 30px;
	border: 1px solid #aaa;
	padding: 10px;
/*\*/height:1%;/**/
	}

#diarybox h3 {
	color: #3284CD;
	font-size: 125%;
	padding: 0;
	margin: 0;
/*	border-bottom: 1px solid #aaa;*/
	}

#diarybox h3 a {
	color: #3284CD;
	text-decoration: none;
	}

#diarybox h3 a:hover {
	color: #64CFE6;
	text-decoration: underline;
	}

p.hizuke {
	color: #3A0D04;
	font-size: 95%;
	margin: 0 0 20px;
}

#diaryfoot {
	margin: 10px 0 0;
	border-top: 1px dashed #333;
	color: #3A0D04;
	clear: both;
	}

#diaryfoot p {
	color: #3A0D04;
	margin: 5px 0;
	text-align: center;
	}

/* ++++++ フッター部分のデザイン ++++++ */
#footer address	{
	padding: 10px 0;
	text-align: center;
	color: #403933;
	font-style: normal;
	border-top: dotted 1px #4a331a;
	}

/* パンくずリンクのデザイン */

#bread	{
	margin: 0 0 2px;
	font-size: 0.9em;
	text-align: right;
	}


p.top	{
	margin: 0 0 15px;
	text-align: right;
	clear:both;
	}
	
p.top a	{
	text-decoration: none;
	}
	
p.top a:hover {
	text-decoration: underline;
}


/* お知らせコンテンツのデザイン */
#monthmain	{
	}

#monthmain h3 {
	margin: 0 0 5px;
	padding: 0;
	color: #F88301;
/*	border-bottom: dashed 1px #aaa;*/
	background-color: #fff;
	}

#monthmain h3 a {
	color: #F88301;
	}

#monthlist {
	margin: 0 0 0 10px;
	padding: 20px;
	border: solid 1px #aaa;
}

#monthmain p.hizuke	{
	color: #F88301;
	margin: 0 0 5px;
	font-size: 0.9em;
	}
	
#monthcontent #date	{
	font-weight: bold;
	font-family: Verdana, Helvetica, sans-serif;
	color: #69d600;
	}

#monthcontent #date img	{
	vertical-align: middle;
	padding-right: 10px;
	}


#monthpost	{
	padding-bottom: 10px;
	}
/*
#monthpost h2	{
	background-image: url(images/bar_small.gif);
	background-repeat: no-repeat;
	color: #ffffff;
	font-size: 1.2em;
	padding: 6px 10px;
	}
*/
#monthpost p	{
	padding: 0 10px;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
img.alignright {
	float: right;
	margin: 0 0 10px 10px;
	}

img.alignleft {
	float: left;
	margin: 0 10px 10px 0;
	}

/* ++++++ レシピのページ　++++++ */
#recipelist {
	margin: 5px;
	padding: 5px;
	width: 170px;
	height: 220px;
	float: left;
	border: 1px solid #aaa;
	text-align: center;
	font-size: 12px;
}

#recipelist p {
	text-align: center;
}

#recipelist h3 {
	text-align: center;
	color: #3A0D04;
	font-weight: bold;
}

#recipelist h3 a {
	color: #3A0D04;
}

#recipelist img.alignright {
	float: none;
	margin: 0;
	}
#recipe-naka img.alignright {
	border: 1px solid #aaa;
	padding: 10px;
	background: #fff;
}

/*
#recipe-naka {
	padding: 20px;
	background: #F4FBFA;
}

#recipe-naka h3 {
	color: #3A0D04;
	font-weight: bold;
	font-size: 120%;
}

#re-hizuke {
	text-align: right;
}
*/
#recipe-waku {
	background-image: url(images/bk_gayoshi.jpg);
	background-repeat:no-repeat;
	background-position: top;
	padding: 30px 50px 10px;
}

#recipe-naka {
}

#recipe h3 {
	color: #3A0D04;
	font-weight: bold;
	font-size: 120%;
	padding: 7px 7px 15px;
	margin: 20px 0 10px;
	background-image: url(images/bk_menuh3.gif);
	background-position:bottom;
	background-repeat:no-repeat;
}

#re-hizuke {
	text-align: right;
	padding: 20px;
	background-image: url(images/bk_gayoshi_02.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

#recipe h4 {
	clear: both;
}

#recipe p {
	margin: 0 10px 5px;
}

#recipe ul {
	margin: 0 0 0 20px;
}

#recipe ul li {
	margin: 0 20px;
	padding: 0;
}

#recipe ol {
	margin: 0 0 0 20px;
}

#recipe ol li {
	margin: 0 20px 5px;
	padding: 0;
}

/* ++++++ レッスンのメニュー　++++++ */
#lessonmenu {
}

#lessonmenu h3 {
	margin: 0 0 10px;
	padding: 2px 10px;
	background-color: #3A0D04;
	color: #fff;
}

#lessonmenu h4 {
	margin: 0 0 10px;
	padding: 0 0 2px 0;
	clear:both;
}

#lessonmenu h4 img {
	margin: 0 10px 10px 0;
	float: left;
}

#lessonmenu hr {
	height: 0.5px;
	color: #CCC;
	clear: both;
}

.lessonmenu {
	margin: 10px 0;
	padding: 20px;
	border: 1px solid #aaa;
	clear: both;
/*\*/height:1%;/**/
}


/* ++++++ スケジュールの枠　++++++ */
.waku01 {
	margin: 10px 0;
	padding: 15px;
	border: 1px solid #aaa;
	clear: both;
/*\*/height:1%;/**/
}



/* ++++++ Q and Aのページ　++++++ */
#post-66 {
}

#post-66 h3 {
	background-image: url(images/bk_q.gif);
	background-repeat: no-repeat;
	margin: 25px 0 5px;
	padding: 7px 3px 3px 34px;
	font-size: 100%;
	border-bottom: 1px solid #d9d9d9;
	color: #5E4322;
}
/*
#post-66 h3 {
	background-image: url(images/bk_quetion.gif);
	background-repeat: no-repeat;
	margin: 25px 0 5px;
	padding: 0 3px 3px 80px;
	font-size: 100%;
	border-bottom: 1px solid #d9d9d9;
	color: #5E4322;
}
*/
#post-66 p {
	margin: 0 10px 5px 35px;
}

#post-11 h3 {
	margin: 15px 0 3px;
}

/*#post-5 {
	background-image:url(images/bk_image01.jpg);
	background-repeat: no-repeat;
	background-position: top right;
}
*/
/* サイトマップ
---------------------------------------------------- */
.ddsg-wrapper h2 {
	display: none;
}

/* フォーム
---------------------------------------------------- */
.wpcf7 {
}

.wpcf7 form {
	margin: 0 50px;
	padding: 30px;
	border: 2px solid #D1CABF;
}

p#m50 {
	margin: 0 50px;
}

/* txt関係
---------------------------------------------------- */
p.txtrigth {
	text-align: right;
}

p.txtcen {
	text-align: center;
}

p.cl {
	clear: both;
}

p.imgfl img {
	margin: 0 0 15px 15px;
	float: right;
}

p.imgflleft img {
	margin: 0 10px 3px 15px;
	float: left;
}

p.imgfllefttxt {
	margin: 0 0 3px 25px;
}

.red {
	color: #C00;
}


/* リンク
---------------------------------------------------- */
a:link, a:visited, a:active {
	color: #000033;
}

a:visited {
	color: #003366;
}

a:hover {
	color: #FF6633;
	text-decoration: underline;
}

/* デフォルト
---------------------------------------------------- */

/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
	}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
	}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
	}

#wp-calendar a {
	display: block;
	}

#wp-calendar caption {
	text-align: center;
	width: 100%;
	}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
	}

#wp-calendar td.pad:hover { /* Doesn't work in IE */
	background-color: #fff; }
/* End Calendar */



/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/



/* Captions */
.aligncenter,
div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	border: 1px solid #ddd;
	text-align: center;
	background-color: #f3f3f3;
	padding-top: 4px;
	margin: 10px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
}
/* End captions */

/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	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) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

/*
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
*/

.alignright {
	float: right;
	}

.alignleft {
	float: left
	}
/* End Images */