﻿body{ background: #9A80BF; margin: 0px; padding: 0px; }
#all	{ 
	width: 754px; margin-left: auto; margin-right: auto;
	font-size: 12px; color: #333; line-height: 160%;
	padding: 0px 5px;
	background: url(img/allbg.gif) repeat-y;
	}

#white	{ 
	width: 754px; margin-left: auto; margin-right: auto;
	font-size: 12px; color: #333; line-height: 160%;
	padding: 0px 5px;
	background-color:#ffffff;
	}

img {
	border:0;
	margin: 0px;
}



/* ========== common ========== */
#header, #footer, #middle ,#topheader{ width: 744px; }
#left { width: 180px; float: left; }
#right { width: 504px; float:right; margin-left: 30px; margin-right: 30px; }
h1, h2, h4, h5 { margin: 0px; padding: 0px;}
a { color: #4c306f; }
a:hover { color: #d84d45; }

.clear	{ 
	clear: both;
	visibility: hidden; margin: 0px;
	}
.listDesign { margin: 0px; padding-left: 20px; }
.txRight { text-align: right; } /* 草加せんべいの歴史＞末尾のクレジット・ご注文について＞送料テーブルの価格欄に使用 */
.mgn0 { margin: 0px; } /* ご注文について＞各テーブル内のpに使用　外の空白を消す */
.fontSmall { font-size: 10px; } /* ご注文について＞送料末尾の注意書きに使用 */
.cntr	{ text-align: center; } /* お問い合わせフォームのエラー・確認画面・送信終了画面に使用 */

table { 
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 100%;
	}
table th { color: white; background: #806a9b; }
table td { 
	padding: 5px 7px;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
	}
table td.tblArticle { 
	width: 70px;
	font-weight: 700;
	border-right: 1px solid #aaa;
	background: #EBEBDC;
	}
table td.tblArticle90 { 
	width: 90px;
	font-weight: 700;
	border-right: 1px solid #aaa;
	background: #EBEBDC;
	}

table td.tblArticle170 { 
	width: 170px;
	font-weight: 700;
	border-right: 1px solid #aaa;
	background: #EBEBDC;
	}
	
/* おいしい焼き方テーブル */

table.yakikata {
	margin:10px 0px 10px 0px;
	width: 100%;
	padding: 0px;
	text-align:left;
	clear: both;
	border-top: 1px solid #aaa;
	border-left: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	border-collapse: collapse;
}

table.yakikata th{
	margin: 0px 0px;
	padding:10px;
	line-height:140%;
	white-space:nowrap;
	color: white; 
	background: #806a9b;
	border-bottom: 1px solid #aaa;
}

table.yakikata td{
	padding:10px 20px;
	line-height:140%;
	border-top: 1px solid #aaa;
	border-right: 1px solid #aaa;
}

table.yakikata td img{
	float:right;
	padding-left:10px;
}

.textLine { width: 98%; }
.textLine70 { width: 70px; }
.textLine285 { width: 285px; }
.textLine305 { width: 305px; }


/* ========== header ========== */
#header	{
	background: url(img/logo.jpg) no-repeat;
	height: 268px; padding-bottom: 20px;
	}
h1{ text-indent: -9999px; }
h1 a{
	display: block;
	width: 744px; height: 268px;
	}
#topheader{
	height: 266px; 
	padding-bottom: 20px;
	display: block;
	width: 744px;
	margin:0px;
	}


/* ========== left ========== */
#leftMenu ul { list-style: none; margin: 0px; padding: 0px; }
.leftMenuBanner a { height: 44px; text-indent: -9999px; display: block; }
#leftMenuRekisi { background: url(img/menu-rekisi.gif) no-repeat; }
#leftMenuHoho { background: url(img/menu-hoho.gif) no-repeat; }
#leftMenuTaiken { background: url(img/menu-taiken.gif) no-repeat; }
#leftMenuMedia { background: url(img/menu-media.gif) no-repeat; }
#leftMenuTyumon { background: url(img/menu-tyumon.gif) no-repeat; }
#leftMenuTenpo { background: url(img/menu-tenpo.gif) no-repeat; }
#leftMenuGaiyo { background: url(img/menu-gaiyo.gif) no-repeat; }
#leftMenuToiawase { background: url(img/menu-toiawase.gif) no-repeat; }
#leftMenuToShop { background: url(img/menu-toShop.gif) no-repeat; }


/* ========== right ========== */
h2 { text-indent: -9999px; }
#topIntro { background: url(img/right-intro-title.gif) no-repeat; height: 44px; }
#rekisi { background: url(img/rekisi-tit.gif) no-repeat; height: 50px; }
#hoho { background: url(img/hoho-tit.gif) no-repeat; height: 35px; }
#taiken { background: url(img/taiken-tit.gif) no-repeat; height: 35px; }
#taiken_yoyaku { background: url(img/taiken_yoyaku-tit.gif) no-repeat; height: 35px; }
#media { background: url(img/media-tit.gif) no-repeat; height: 35px; }
#tyumon { background: url(img/tyumon-tit.gif) no-repeat; height: 35px; }
#tenpo { background: url(img/tenpo-tit.gif) no-repeat; height: 35px; }
#gaiyo { background: url(img/gaiyo-tit.gif) no-repeat; height: 35px; }
#toiawase { background: url(img/toiawase-tit.gif) no-repeat; height: 35px; }

.rightBanner1 { float: left; margin: 0px 10px 0px 0px; }
.rightBanner2, .rightBanner3 { float: right; margin: 0px; }
.rightBanner4 { margin: 30px 0px 30px 0px; }

#rightIntro { background: url(img/right-introbg.gif) no-repeat; margin-bottom: 5px; }
#rightIntroLeft { width: 320px; float: left; margin: 0px; }
#rightIntroRight { float: right; margin: 0px; }

#rightNews p { height: 37px; text-indent: -9999px; margin: 10px 0px 0px; }
#rightNewsInfo {  }
#rightNewsInfo p { background: url(img/tit-topInfo.gif) no-repeat; }

#rekisiLeft { width: 330px; float: left; }
#rekisiRight { float: right; line-height: 100%; font-size: 10px; }

#tenpoHonten { 
	background: url(img/tenpo-2.gif) no-repeat;
	text-indent: -9999px;
	}
#tenpoHontenLeft { float: left; width: 290px; }
#tenpoHontenRight { float: right; }

/* column2Left */
.column2Left { 
	float: left; 
	width: 230px; 
	margin: 10px 0px 10px 0px; 
	}
.column2Right { 
	float: right; 
	margin: 10px 0px 10px 0px; 
	width: 260px; 
	}



/* むらさきボックス　purplebox */
.purplebox{
	border:2px solid #9980be;
	clear:both;
	}
	
#purplebox{
	margin: 10px 0px;
	padding-top:10px;
	width:504px;
	text-align:center;
	clear:both;
	}

#purplebox #purplebox_t{
	background: #ffffff url(img/purplebox_t.gif) no-repeat;
	width:504px;
	height:60px;
	text-align:left;
	padding:0px 0px 0px 0px;
	}
	
#purplebox #purplebox_t p{
	margin:0px 100px 0px 40px;
	padding:25px 0px 0px 0px;
	font-size:16px;
	}
	
#purplebox2 {
	width:500px;
	border-left: 2px solid #9980be;
	border-right: 2px solid #9980be;
	border-bottom: 2px solid #9980be;
	}


#purplebox2 li {
	padding:0px 0px 5px 0px;
}

#purplebox2 ul {
	padding:10px 10px;
	margin:0px;
	list-style:none;
	text-align:left;
}

#purplebox2 p {
	padding:10px 20px;
	margin:0px;	
}

#purplebox2 .photo {
	float:right;
}


/* mediabox */
.mediabox{
	background:url(img/mediabox_back.gif) ;
	border: 1px solid #aaa;
	margin-bottom:20px;
	}
.mediabox_t{
	padding:0px 10px 0px 10px;
	}

.mediabox .mediabox_t h4{
	font-size:16px;
	color:#13053b;
	border-bottom: 2px double #b6a4d0;
	}

.mediabox_pleft { 
	float: left; 
	width: 248px; 
	margin: 10px 0px 10px 0px; 
	}
.mediabox_pright { 
	float: right; 
	margin: 10px 0px 10px 0px; 
	width: 248px; 
	}
.mediabox .mediabox_txt{
	padding:0px 10px 0px 10px;
	margin-top:5px;
	border-top: 2px double #b6a4d0;
	}


#taikenYakikata {
	background: url(img/taiken-5.gif) no-repeat;
	text-indent: -9999px;
	}

#taikenYoyaku {
	background: url(img/taiken_yoyaku-3.gif) no-repeat;
	text-indent: -9999px;
	}

#mediaTv {
	background: url(img/media-1.gif) no-repeat;
	text-indent: -9999px;
	}
	
#mediaSonota {
	background: url(img/media-2.gif) no-repeat;
	text-indent: -9999px;
	}

#tenpoRyogoku { 
	background: url(img/tenpo-3.gif) no-repeat;
	text-indent: -9999px;
	}
#tenpoHaneda { 
	background: url(img/tenpo-5.gif) no-repeat;
	text-indent: -9999px;
	}

#toiawaseNumber { line-height: 100%; }

.tyumonInfo {
	border: 1px solid #aaa;
	margin-bottom: 10px;
	}
.tyumonInfoTit { 
	color: white; 
	background: #806a9b;
	margin: 0px;
	padding: 2px;
	text-align: center;
	font-weight: 700;
	}
.tyumonInfoTxt { 
	margin: 0px;
	padding: 5px 7px;
	}
#tyumonTable th { background: #666666; }
#tyumonTable td { padding: 3px; line-height: 110%; font-weight: normal; }
#tyumonTable .tblArticle { background: #e6e6e6; }

.error	{ color: #cc0000; }
.flL	{ float: left; }
.flR	{ float: right; }
.f_purple 	{ color: #663399; }
.fontb { font-size:16px;}
.f_pinkpurple{color:#960b6b;}

/* ========== footer ========== */
#footerNavi { 
	background: #ccc;
	text-align: center;
	margin-top: 20px;
	padding: 5px;
	}
#credit {
	background: #848484;
	margin: 0px;
	text-align: center; color: white; padding: 5px;
	}
#credit p { margin: 0px; }
#credit address { font-style: normal; }