/* 全般設定 */
* {padding:0; margin:0; font-size:100%;}

body {
	color:#333;
	background:#FFFFFF;
	font-size:75%;
	line-height:1.4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
	background-image:url(./images/kabata_bg.gif);
	background-position:center;
	background-repeat:repeat;
}

table {width:100%; border-collapse:collapse;}
table td {vertical-align:top;}
th {padding:10px 15px; background:url(./images/ct_title1.jpg) repeat-x left top; color:#666; font-weight:bold;}
th a {color:#fff;}

/* 全般的なリンクの設定 */
a {color:#666666; text-decoration:none; font-weight:bold;}
a:hover {color:#CC2E00;}

/* 一般タグの設定 */
h1,h2,h3,h4,h5,p,b,i,u,form {margin:0.5em 0;}
img {border:0;}

/* リスト表示の設定 */
ul {margin:0; padding:2px; list-style:decimal outside; text-align:left;}
li {margin-left:20px; list-style:square outside; color:#706936;}

input.formButton {}

#h1 {text-indent: -9999px;	font-size: 0px;	vertical-align: 0%;	line-height: 0px; padding: 0px;	margin: 0px;}
#h1 h1,#h1 h2,#h1 h3 {text-indent: -9999px;	font-size: 0px;	vertical-align: 0%;	line-height: 0px; padding: 0px;	margin: 0px;}


/* ヘッダーブロックの定義 */
#header {width:937px; height:71px; margin:0px; padding:0px; background-color:#FFF; background-image:url(./images/header_bg.gif); background-repeat:no-repeat;}
#headerr {width:240px; height:70px;margin:0px 5px 0px; float:right; text-align:center;}
#hdr_left {width:230px; float:left; margin:3px 5px;}
#hdr_left img {vertical-align:middle;}
#toptel {text-align:center;margin:2px 2px 12px 15px;}
#headerlink {margin:35px 3px 3px 23px;}
#inq {}
#document {}

#logo {width:240px; height:60px; float:left; margin:2px 0px 0px 5px;}

/* 全体の定義 */
#headcontainer {width:937px; height:77px; margin:0px auto; padding:0px auto; text-align:left; background-color:#FFFFFF; border:none;}
#container {width:935px; margin:0px auto; padding:0px auto; text-align:left; background-color:#FFFFFF; border-left:1px solid #999; border-right:1px solid #999;}
#wrap {width:935px; margin:0px auto; padding:0px auto; text-align:left; background-color:#FFF;}

/* ヘッダートップページイメージリンクの定義 */
#header2 {width:930px; height:500px; background:#FFF; padding:5px 0px 0px 5px;}
.headmenu { width:930px; height:80px;margin:0px auto; padding:0px auto;}
.headmenur { float:left;width:745px; height:80px; margin:0px; padding:0px;}
.webshoplink {float:right; padding:0px 5px 0px 0px; height:80px; width:173px; vertical-align:middle;}

/* トップフラッシュの定義 */
#topflash {float:left; margin:2px 2px; padding:0px; width:915px; height:400px;}

@charset "UTF-8";
#wrapper{ float:left; padding:0px;	width:745px; margin: 0px auto 0px;	position: relative;}

#topmenu{width: 745px;	position: relative;	height: 69px;	clear: both;margin: 0px auto;padding: 0px;}
#topmenu .hide{	text-indent: -99999px;	margin-top: -60px;}
#topmenu a{	color: #0066CC;	text-decoration: underline;}
#topmenu a:hover{	color: #FF0000;	text-decoration: none;	background-color: #E1FEEB;}
/*pull down menu===================================*/

ul,li,dl,dt,dd{	margin: 0px; padding: 0px;}
ul{	list-style: none;}
dl{	/*border: solid 1px #00f;*/	float: left;}
dl dt{	/*background-color: #55f;	border-right: solid 1px #00f;*/
	float: left;	text-align: left;	position: relative;	/*width: 100px;*/	height: 69px;}
dl dt a{	color: #003399;	font-size: 12px;}
dl dt a:hover{	color: #FF0000;}
dl dt ul{	display: none;	position: absolute;	top: 69px;	left: 0;	z-index: 0;}
dl dt ul li{ list-style:none;background: #DDE;	position: relative;	width: 147px;	height:20px;}
dl dt ul li a{padding-left:10px;}
dl dt ul li ul{	display: none;	position: absolute;	top: 0px;	left: 147px;	z-index: 0;
/* filter: alpha(Opacity=90);opacity: 0.9; */}



/* 左ブロックの定義 */
#leftcolumn {width:240px; margin:0px auto; padding:0px 5px;}
/*左ブロックタイトルの定義*/
#leftcolumn .blockTitle {width:230px;padding:0px auto; margin:0px auto; height:60px; background:url(./images/title_lmenu_head.jpg); background-repeat:no-repeat; color:#555; font-weight:bold;}

/*左ブロックコンテンツの定義*/
#leftcolumn .blockContent,#leftcolumn .blockContent ul {width:230px; padding:0px auto; margin:0px auto;}
#leftcolumn .blockContent li {padding:0px; margin:0px; list-style-position:inside; list-style-type:none;}
#leftcolumn .blockContent tr td a {padding:0px; margin:0px;}

/* メインメニューの定義 */
#mainmenu{font-size:11.5px; line-height:16px;}
#mainmenu a {margin:0px; padding:0px auto 0px; background: #EEEBE8 url(./images/bg_lmenu_main.jpg); background-repeat:no-repeat; height:30px; width:225px; display:block; vertical-align:middle;}
#mainmenu a:hover {background:#ffffff; background:url(./images/bg_lmenu_main_f2.jpg);}
#mainmenu a.menuTop {margin:0px auto; padding:0px auto;}
#mainmenu a.menuMain {margin:0px auto; padding:0px auto;}
#mainmenu a.menuSub {padding:3px 0px 5px 15px; margin:4px 0px; background: #EEEBE8 url(./images/bg_lmenu_sub_f2.jpg); line-height:13px; font-size:10px;}
#mainmenu a:hover.menuSub {background: #EEEBE8 url(./images/bg_lmenu_sub_f2.jpg);}

/* ユーザメニューの定義 */
#usermenu a {background:#EEEBE8; display:block; margin:0 -5px; padding:4px; border-bottom:1px solid #FFF; border-left:5px solid #E0D5C9;}
#usermenu a:hover {background:#ffffff;}
#usermenu a.menuTop {}
#usermenu a.highlight {background:#ffcccc;}


/* 中央ブロックの定義 */
#centercolumn {padding:0px 10px 5px; width:685px;}

/* 中央-中央ブロックの定義 */
#centerCcolumn {}
#centerCcolumn .blockTitle125 {margin:10px 0px 0px; padding:0px 10px 10px; background:url(./images/title_news.jpg) left top; background-repeat:no-repeat; color:#FFF; height:36px;
 font-size:16px; font-weight:bolder;font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";}
#centerCcolumn .blockTitle113 { margin:10px 0px 0px;padding:0px 10px 10px; background:url(./images/title_shopinfo.jpg) left top; background-repeat:no-repeat; color:#FFF; height:36px;
 font-size:16px; font-weight:bolder;}
#centerCcolumn .blockTitle {margin:0px; padding:0px 10px 0px; background:url(./images/title_bg.gif) repeat-x left top; color:#FFF; font-size:16px; font-weight:bold; height:36px;}
#centerCcolumn .blockContent {margin:0px 0px 0px; padding:0px 5px 5px 15px;}
#centerCcolumn .blockContent ul li { vertical-align:middle; line-height:22px;list-style-position: inside; list-style-image:url(./icon/home.gif);}
#centerCcolumn .blockContent ul li a {vertical-align:top;}

/* 中央-左ブロックの定義 */
#centerLcolumn {width:75%; padding:0px;}
#centerLcolumn .blockTitle {padding:10px 0px 10px 10px; margin:15px 0 0; background:url(./images/ct_title1.jpg) repeat-x left top; color:#333; font-weight:bold;}
#centerLcolumn .blockContent {border:1px solid #E3E1E1; padding:5px; margin:10px 10px 5px 0px; background:#F2EFED;}

/* 中央-右ブロックの定義 */
#centerRcolumn {width:25%; padding:0 0 0 3px;}
#centerRcolumn .blockTitle {padding:10px; background:url(./images/title_bg4.gif) repeat-x left top; color:#333; font-weight:bold;}
#centerRcolumn .blockContent {border:1px solid #E3E1E1; padding:5px; margin-bottom:5px; background:#F2EFED;}

/* メインコンテンツの定義 */
#content {text-align:left; padding:2px 0px;}

/* 右ブロックの定義 */
#rightcolumn {width:170px;}
#rightcolumn .blockTitle {padding:5px; background:url(./images/title_bg5.gif) repeat-x left top; color:#FFF; font-weight:bold;}
#rightcolumn .blockContent {padding:5px; background:#F2EFED;}

/* フッタブロックの定義 */
.footer {background:url(./images/footer.gif); background-repeat:no-repeat; height:73px; width:935px; padding:5px 0px 0px; vertical-align:middle;}
.footer #footerlink, .footer #footerlink a {color:#666666;padding:3px 6px 3px; font-size:12px; line-height:16px; text-align:center; vertical-align:middle;}
.footer #footerlink a:hover {color:#FF6633;}

#footcontainer {width:937px; height:20px; margin:0 auto; padding:0 auto; text-align:left; background-color:#FFFFFF; border:none;}

.footer2 {background:url(./images/footer.gif); background-repeat:no-repeat; width:937px; padding:8px 0px 0px; border-bottom:solid 1px #666;}
.footer2 #footerbar {text-align:center; height:20px; font-size:11px; padding:4px 4px 6px; background-image:url(images/bg_footer.gif); background-repeat:no-repeat;}
.footer2 #footerbar a {color:#333;}

.link {text-indent: -9999px; font-size: 0px; vertical-align: 0%; line-height: 0px; padding: 0px;	margin: 0px;}


/* フォーラムなどの外枠 */
.outer {border-bottom:1px solid silver;}
/* フォーラムなどの投稿情報欄 */
.head {background:#C4B4A5; padding:2px 5px; font-weight:bold;}

/* フォーラムなどの交互に色が変わる部分 */
.even {background:#FFF; padding:5px;}
.odd {background:#F2EFED; padding:5px;}
tr.even td {background:#E3E1E1; padding:5px;}
tr.odd td {background:#F2EFED; padding:5px;}

/* フォーラムなどのフッター */
.foot {background:#C4B4A5; padding:5px; font-weight:bold;}


/* 最新ニュースの枠 */
.item {border:1px solid #E3E1E1;}
/* 最新ニュースのタイトルバー */
.itemHead {font-weight:bold;padding:8px; background:url(./images/ct_title3.jpg) repeat-x left top; color:#F63; font-weight:bold;}
/* 最新ニュースの投稿情報欄 */
.itemInfo {text-align:right; padding:3px 5px; background:#F2EFED;}
/* 最新ニュースのタイトルの設定 */
.itemTitle a {font-size:120%; font-weight:bold; font-variant:small-caps; color:#333;}
/* 最新ニュースの投稿者 */
.itemPoster {font-size:90%;}
/* 最新ニュースの投稿日 */
.itemPostDate {font-size:90%;}
/* 最新ニュースのステータス */
.itemStats {font-size:90%;}
/* 最新ニュースのコンテンツ部分 */
.itemBody {padding:10px;}
.itemText {
	margin-top:5px;
	margin-bottom:5px;
	line-height:1.5;
	font-size: 110%;
}
/* 最新ニュースの1文字目 */
.itemText:first-letter {}
/* 最新ニュースのフッター */
.itemFoot {text-align:right; padding:3px 5px; background:#F2EFED;}
.itemAdminLink {font-size:90%;}
.itemPermaLink {font-size:90%;}

/* システムメッセージ */
div.errorMsg {background:#ffcccc; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.confirmMsg {background:#ddffdf; color:#136c99; text-align:center; border-top:1px solid #ddddff; border-left:1px solid #ddddff; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; font-weight:bold; padding:10px;}
div.resultMsg {background:#cccccc; color:#333333; text-align:center; border-top:1px solid silver; border-left:1px solid silver; font-weight:bold; border-right:1px solid #666666; border-bottom:1px solid #666666; padding:10px;}

/* Xoopsコードを記述する部分 */
div.xoopsCode {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

/* 引用部分の定義 */
div.xoopsQuote {background:#ffffff; border:1px inset #000080; padding:0px 6px 6px 6px;}

.comTitle {font-weight:bold; margin-bottom:2px;}
.comText {padding:2px;}
.comUserStat {font-size:10px; color:#2f5376; font-weight:bold; border:1px solid silver; background:#ffffff; margin:2px; padding:2px;}
.comUserStatCaption {font-weight:normal;}
.comUserStatus {margin-left:2px; margin-top:10px; color:#2f5376; font-weight:bold; font-size:10px;}
.comUserRank {margin:2px;}
.comUserRankText {font-size:10px; font-weight:bold;}
.comUserRankImg {border:0px;}
.comUserName {}
.comUserImg {margin:2px;}
.comDate {font-weight:normal; font-style:italic; font-size:smaller;}
.comDateCaption {font-weight:bold; font-style:normal;}


/* レシピバナー画像 */
.recipebanner {margin:0px auto; padding:0px auto; text-align:center; vertical-align:middle; width:231px; height:231px; background-image:url(images/bg_recipe.jpg); background-repeat:no-repeat;}
.recipebanner .recipeimg img {margin:60px auto 0px; text-align:center; vertical-align:middle; width:170px; height:110px;}
.recipeimg {padding:0px auto; text-align:center; vertical-align:middle; margin:0px auto;}

/* QRコード　画像 */
#qr{margin:3px 0px 3px 4px; padding:3px 0px;}
#qrcode{width:167px; height:189px; margin:0px; background-color:#; background-image:url(./images/qrcode.gif); border:0px; float:left;}




