/* 全体構造
------------------------------------------------------------ */
*{
	margin: 0px;
	padding: 0px;
}


ul
{
	list-style: none;
	padding: 0;
	margin: 0;
}
body {
	background-color: #FFFFFF;
	font-size:12px;
	line-height:1.5;
	color:#333333;
	}

#tbl .newsday ,.smenu .bloun ,#footer{
	font-size:10px;
	line-height:1.5;
}

#wrapper{
	width: 900px;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 30px;	
}

/* ヘッダー設定 */
#header{
	width: 900px;
	height: 85px;	
}

/* ヘッダーコピー設定 */
#copyarea{
	float: right;
	line-height: 1.4em;
	text-align:right;
	color: #7b5a42;
	font-weight: bold;
	margin:25px 0 0 0;
}

/* ヘッダーロゴ設定 */
#logoarea{
	float: left;	
}

/* トップページのイメージ設定 */
#topimage{
	clear: both;
	width: 900px;
	margin-bottom: 20px;
}

/* コンテンツ設定 */
#contents{
	width: 900px;
	margin-bottom: 10px;
}

/* メニュー設定 */
#sideber{
	float:left;	
	width: 186px;
	background-image: url(../../img_common/menu_bg.gif);
	margin-bottom: 10px;
/*---floatを指定したボックスを含むボックスの背景を表示させる---*/
	overflow: hidden;
}

#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*€*/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/
/*---//ここまで---*/

/* メインのコンテンツ設定 */
#mainarea{
	float: right;
	width: 700px;
	margin-bottom: 10px;
}

#main{
	margin:0px;
}

.content-box{
	margin:0px;
	margin-left:15px;
	margin-right: 15px;
}
.content-box p{
	line-hieght: 1.4em;
	margin-bottom:1em;
	margin-left: 2px;
	color: #4a3d30;
}
.lead-box{
	margin:0px;
	margin-left:30px;
	font-size: 12px;
	color: #744d24;
}

/* フッター設定 */
#footer{
	clear: both;
	width: 900px;
	margin-bottom: 40px;
	padding-top: 5px; 
	text-align: center;
	font-size: 10px;
	color: #888888;
	border-top: solid 1px #cccccc;
}


/* メニューの設定
------------------------------------------------------------ */
/* メインメニュー */
#category{
	margin-top: 7px;
	margin-left: 7px;
}

#category ul {
	display: block;
	list-style-type: none;
	width:100%;
}

/* サブメニュー */
#subcategory{
	margin-right: 2px;
	margin-bottom:  5px;
	padding: 0px;
}

#subcategory ul {
	display: block;
	list-style-type: none;
}

#subcategory li {
	margin-right: 10px;
	margin-left:1px;
	height: 20px;
	padding-top:2px;
	padding-left: 25px;
	list-style-type: none;
	background-image:url("../../img_common/submenu_bg.gif");
	border-bottom:1px dotted #C1AB82;
	font-size: 11px;
	color: #322821;
	line-height:1.5;
	/* font-weight: bold; */
	display: block;
}
#subcategory li a{
	display: block;
}

#subcategory li a:link, a:visited, a:active {
	color: #3d291b;
	text-decoration:none;
}

#subcategory li a:hover {
	color:#6f5440;
	text-decoration:none;
}

.nobullets li{
	display: block;
	list-style-type: none;
	margin-right: 3px;
	margin-bottom: 3px;
	padding-left: 2px;
	padding-right: 12px;
	list-style-type: none;
	background: #f5e9c1;
	font-size:12px;
	line-height:1.5;
}













/* その他
------------------------------------------------------------ */
img {
	border: 0px;
}

/* ヘッダーコピー画像 */
img.headcopy {
	margin-top: 30px;
}


/* トップページ専用設定
------------------------------------------------------------ */
/* お知らせ */
#info {
	width: 350px; /* 元、700 chg.20110822 takama */
	background:#FEF9EB;
	padding: 10px 0;
	margin: 0 0 10px 0;
}

#info li{
	margin: 0 0 2px 12px;
	list-style: none;
	background: url(../../img/icon_arrow.gif) left 0.5em no-repeat;
	padding: 0 0 0 10px
}


/* 最新レシピ */
#newrecipe{
	float: left;
	width: 336px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 3px;
	background-color: #F3F0EB;
}

.smenu{
	margin-top: 12px;
	margin-left: 8px;
	padding:0px;
	height:55px;
	width: 230px;
}

.smenu .bloun{
	color:#5F3912;
}

.smenu img{
	margin-right: 6px;
	float:left;
}

/* 最新情報 */
#newinfo{
	float: right;
	width: 336px;
	margin-bottom: 20px;
	margin-top: 10px;
	padding-top: 8px;
	padding-left: 3px;
	background-color: #F3F0EB;
}

#newinfo #tbl{
	margin-right: 6px;
}

#tbl .newsday{
	padding-top:4px;
	padding-right: 2px;
	padding-bottom: 3px; 
	color:#5F3912;
	vertical-align:top;
}

#tbl .news{
	padding-top:4px;
	padding-right: 3px;
	padding-bottom: 4px; 
	vertical-align:top;
}

#tbl .icon{
	padding-top:8px;
	padding-right: 1px;
	vertical-align:top;
	padding-left: 9px;
}


/* プロフィール */
#profile_box{
	clear: both;
	width: 700px;
	text-align: left;
	margin-bottom:20px;
}

#profile_ttl {
	margin: 0px;
}

#profile_box02 {
	width: 700px;
	height: 150px;
	margin: 0px;
	padding: 0px;
	background-image: url(../../img/profile_bg.gif);
}

#profile_txtbox {
	float: left;
	width: 500px;
	margin-left: 12px;
	
}

#profile_name {
	margin-top: 8px; 
}

#profile_txt {
	margin-top: 10px;
	font-size:12px;
	line-height:1.5;
	color: #333333;
	padding-top: 6px;
}

#profile_txt img {
	margin-top: 15px;
	margin-left: 190px;
}

#profile_phbox {
	float: right;
	width: 150px;
	margin: 0px;
}


/* コーナーページ専用設定
------------------------------------------------------------ */
/* コーナーのタイトル */
#corner_ttl{
	/* margin-bottom: 20px; */
	/* margin-left:18px; */
	font-size: 90%;
}


.content{
	font-size:14px;
	line-height: 1.5;
	color: #333333;
}

.content-body{
	padding-left:8px;
	padding-right:8px;
	overflow: none;
	margin-bottom: 80px;
}

.content img{
	margin: 10px;
}

.leftbox, .rightbox {
	margin: 3px;
}
.leftbox {
	float: left;
	margin-right: 10px;
}
.rightbox {
	float: right;
	margin-left: 10px;
}

h2.wiki{
	font-size: 14px;
	margin-left: -17px;
	font-weight: bold;
	color: #744D24;
	margin-top: 14px;
	margin-bottom: 10px;
	padding-top: 3px;
	padding-left: 5px;
	clear: both;
	background: url(../../img_cor/ttl_s.gif) left bottom no-repeat;
	line-height: 2.5em;
	width: 670px;
	text-indent:14px;
}

h3.wiki{
	font-size: 14px;
	font-weight: bold;
	color: #963014;
	margin-top: 14px;
	margin-right: -15px;
	margin-left: -10px;
	padding-left: 5px;
	margin-bottom: 10px;
	background: url(../../img_cor/ttl_ss.gif) left bottom no-repeat;
	clear: both;
	text-indent:15px;
	font-size: 98%;
	line-height: 2em;

}

.redtext{
	color: #FF0000;
	font-weight: bold;
}

.bluetext{
	color: #0000CC;
	font-weight: bold;
}

.greentext{
	color: #006600;
	font-weight: bold;
}

.pinktext{
	color: #FF66CC;
	font-weight: bold;
}

.orangetext{
	color: #FF9900;
	font-weight: bold;
}

.bigtext{
	font-size: 18px;
	font-weight: bold;
}

.smalltext{
	font-size: 10px;
}

.thumbnail{
	float: left;
	margin:10px;
}

.pageswitch{
	width: 100%;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	padding-bottom:10px;
	padding-top:10px;
	clear: both;
}

.pageswitch img {
	vertical-align: middle;
	margin: 0 30px;
}


.content-title h3
{
	background: url(../../img_common/title_back.gif) bottom repeat-x;
	font-size: 18px;
	color: #744D24;
	padding-left: 19px;
	padding-bottom: 5px;
	margin-top: 10px;
	margin-right: -10px;
	margin-bottom: 15px;
	font-weight: bold;
	clear: both;
	font-size:105%;
	line-height: 2.3em;
}
.content-title h3 a:link, .content-title h3 a:visited
{
	color: #453931;
	text-decoration: none;
}

h1{
	margin:0px;
	padding:0px;
	margin-bottom: -10px;
}

h2.header{
	margin-top: 20px;
	margin-bottom: -10px;
	margin-left:15px;
	font-size:20px;
	color: #8a633a;
	font-weight: bold;
}

.imglist{
	width: 22%;
	float: left;
	margin: 3px;
	margin-top: 10px;
	margin-left: 8px;
	height: 100px;
}

.imglist img{
	border: 1px solid #555555;
}

.entry-info{
	font-size:11px;
	text-align: right;
	margin: 8px;
	margin-right: 0px;
	padding: 3px;
	background-color: #f0f0f0;
}


#comments{
	margin:20px;
	font-size: 12px;
	line-height: 1.7;
}

#comments .content-title{
	font-weight: bold;
	padding: 8px;
}

.comment-info{
	text-align: right;
	margin-bottom:20px;
}

td{
padding: 3px;
}

/* リンクの設定
------------------------------------------------------------ */
a:link, a:visited, a:hover, a:active{
	color:#009944;
	text-decoration:none;
	}

a:link {
	color:#009944;
	}

a:visited {
	color:#009944;
	}

a:hover {
	color: #0099ff;
	}

a:active {
	color:#009944;
	}

.tbox{
	float:left;
}
/* ● 汎用マージン・パディング */

.mb05 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }

.mt05 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }

.mr05 { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }

.ml05 { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }


/* ●汎用パディング */

.p10 { padding: 10px; }
.ph10 { padding: 10px 0px; }
.pw10 { padding: 0px 10px; }

/* ●フォントサイズ */

.font_s { font-size: 93% }
.font_ss { font-size: 85% }
.font_l { font-size: 108% }
.font_ll { font-size: 116% }

/* ●テキストアライン */

.align_l { text-align: left }
.align_c { text-align: center }
.align_r { text-align: right }

/* ●「※」つき文章 */

.asterisk {
	text-indent:-1em;
	padding-left:1em;
}

/* ●テキストの下マージン付きボックス */

.txt_margin_box p {
	margin:0 0 1em;
}

.txt_margin_box p.btm {
	margin:0;
}