@charset "utf-8";
/* CSS Document */



/* 全体構造
---------------------------------------------------- */

body {
	font-size: 12px;
	_font-size: 75%;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	text-align: center;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd {
	font-size: 1em;
	margin: 0;
	padding: 0;
}

li { margin-bottom: 0.35em;}

img { border: none;}

.img_l {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

.img_r {
	display: inline;
	float: right;
	margin: 0;
	padding: 0;
}


.cbox { 
	zoom: 100%;
}
.cbox:after {
	content: " "; 
	clear: both; 
	height: 0; 
	display: block; 
	visibility: hidden;
}

*html .penetrate {
	behavior: expression(IEPNGFIX.fix(this));
	display: inline;
}







/* フッターナビゲーション
---------------------------------------------------- */
.fnarea {
	clear: both;
	float: right;
	margin: 0;
	padding: 0;
}
.fnavi {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.fnavi p{
	float: right;
	font-size: 0.92em;
	margin-bottom: 0;
	padding-left: 0.5em;
}
.fnavi a:link{ color: #FFFFFF; text-decoration: none;}
.fnavi a:visited{ color: #FFFFFF; text-decoration: none;}
.fnavi a:hover{ color: #990000; text-decoration: none;}
.fnavi a:active{ color: #FFFFFF; text-decoration: none;}

.fnavi img{
	display: inline;
	float: right;
	margin-left: 1.5em;
}



.fnavi2 {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.fnavi2 p{
	float: right;
	font-size: 0.92em;
	margin-bottom: 0;
	padding-left: 0.5em;
}
.fnavi2 a:link{ color: #FFFFFF; text-decoration: none;}
.fnavi2 a:visited{ color: #FFFFFF; text-decoration: none;}
.fnavi2 a:hover{ color: #FFCC00; text-decoration: none;}
.fnavi2 a:active{ color: #FFFFFF; text-decoration: none;}

.fnavi2 img{
	display: inline;
	float: right;
	margin-left: 1.5em;
}



.fnavi3 {
	white-space: nowrap;
	margin: 0;
	padding: 0;
}
.fnavi3 p{
	float: right;
	font-size: 0.92em;
	margin-bottom: 0;
	padding-left: 0.5em;
}
.fnavi3 a:link{ color: #000000; text-decoration: none;}
.fnavi3 a:visited{ color: #000000; text-decoration: none;}
.fnavi3 a:hover{ color: #990000; text-decoration: none;}
.fnavi3 a:active{ color: #000000; text-decoration: none;}

.fnavi3 img{
	display: inline;
	float: right;
	margin-left: 1.5em;
}







/* トップページ構成
---------------------------------------------------- */

#top {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(img/bg_black.gif) repeat;
}


/* トップページ・ヘッダー
---------------------------------------------------- */

#top_header {
	width: 750px;
	height: 70px;
	margin: 0;
	padding: 0;
	background-color: #AB4147;
}


#top_header h1{
	display: inline;
	float: left;
	width: 135px;
	height: 45px;
	font-size: 1em;
	margin: 15px 0 0 15px;
	padding: 0;
}
#top_header h1 a{
	display: block;
	width: 135px;
	height: 45px;
	text-indent: -9999px;
	background: transparent url(img/top_logo.gif) no-repeat;
}
#top_header h1 a:hover{
	background: transparent url(img/top_logo.gif) no-repeat;
}

#top_header h2{
	display: inline;
	float: right;
	width: 265px;
	height: 15px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 15px 35px 16px 0;
	padding: 0;
	background: transparent url(img/top_logo_title.gif) no-repeat;
}


/* トップページ・ボディ要素
---------------------------------------------------- */

.top_main {
	clear: both;
	width: 660px;
	text-align: left;
	margin: 0 auto;
	padding: 25px 45px 10px;
	background: url(img/topside_bg.gif) top left repeat-y;
}


/* トップページ・右側コンテンツ
---------------------------------------------------- */
.top_right {
	display: inline;
	float: right;
	width: 185px;
	margin: 0;
	padding: 0;
}
.top_right h2{
	width: 185px;
	height: 25px;
	font-size: 1.28em;
	text-align: center;
	margin: 0 auto;
	padding: 12px 0 0;
	background: url(img/top_h2bg.gif) no-repeat;
}
.top_right h3{
	width: 185px;
	height: 25px;
	font-size: 1.18em;
	text-align: center;
	margin: 0 auto;
	padding: 8px 0 0;
	background: url(img/top_h3bg.gif) no-repeat;
}
p.netshop {
	display: block;
	width: 185px;
	height: 190px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/top_netshop01.jpg) no-repeat;
}

.shop_de {
	width: 175px;
	height: 22px;
	text-align: right;
	margin: 0 0 25px;
	padding: 8px 10px 0 0;
	background: url(img/top_netshop02.jpg) no-repeat;
}
.shop_de a:link{ color: #FFFFFF; text-decoration: none;}
.shop_de a:visited{ color: #FFFFFF; text-decoration: none;}
.shop_de a:hover{ color: #990000; text-decoration: none;}
.shop_de a:active{ color: #FFFFFF; text-decoration: none;}

.shop_de p{
	float: right;
	font-weight: bold;
	padding-left: 0.5em;
}

.kansya {
	width: 165px;
	margin: 0 0 25px;
	padding: 10px;
	color: #FFFFFF;
	background-color: #AB4147;
}
.kansya h4{
	font-size: 1.05em;
	margin-top: 1em;
}
.kansya p{
	margin-bottom: 0.35em;
}
.kansya ul{
 margin: 0 0 1em 1em;
}

.detail {
	clear: right;
	text-align: right;
	margin: 0;
	padding: 0;
}
.detail p{
	float: right;
	margin-bottom: 0;
	font-weight: bold;
	padding-left: 0.5em;
}
.detail a:link{ color: #FFFFFF; text-decoration: none;}
.detail a:visited{ color: #FFFFFF; text-decoration: none;}
.detail a:hover{ color: #990000; text-decoration: none;}
.detail a:active{ color: #FFFFFF; text-decoration: none;}



.topics {
	overflow: auto;
	width: 175px;
	height: 125px;
	margin: 0 0 25px;
	padding: 0 0 0 10px;
	color: #FFFFFF;
	background-color: #AB4147;
}
.topics dl{
	margin: 10px 5px 1em 0;
	padding: 0 0 0.5em 0;
	border-bottom: #FFFFFF dashed 1px;
}
.topics dl dt{
	font-size: 1em;
	font-weight: bold;
	margin: 0 0 0.25em 0;
	padding: 0;
}
.topics dl dd{
	font-size: 0.92em;
	margin: 0 0 0.5em 1em;
	padding: 0;
}






/* トップページ・メインコンテンツ
---------------------------------------------------- */
.flash {
	width: 450px;
	height: 290px;
	margin: 0 0 25px;
	_margin: 0 0 19px;
	padding: 0;
}
.top_con {
	display: inline;
	float: left;
	width: 142px;
	margin: 0 0 10px;
	_margin: 0 0 3px;
	padding: 0;
}
.top_con_center{ margin: 0 11px;}

.top_con h2{
	width: 142px;
	height: 25px;
	font-size: 1.1em;
	text-align: center;
	margin: 0 auto;
	padding: 12px 0 0;
	background: url(img/top_con_h2.gif) no-repeat;
}
.top_con h2 a:link{ color: #000000; text-decoration: none;}
.top_con h2 a:visited{ color: #000000; text-decoration: none;}
.top_con h2 a:hover{ color: #990000; text-decoration: none;}
.top_con h2 a:active{ color: #000000; text-decoration: none;}






/* トップページ・好評発売中（プチとんぽうろう）
---------------------------------------------------- */
.intro {
	clear: left;
	width: 449px;
	height: 430px;
	margin: 0;
	padding: 0;
}
.intro h2{
	display: block;
	clear: left;
	width: 449px;
	height: 180px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_03.png) no-repeat;
}
p.ton01 {
	display: block;
	float: left;
	width: 110px;
	height: 85px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_01.png) no-repeat;
}
p.ton02 {
	display: block;
	float: left;
	width: 339px;
	height: 85px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_02.png) no-repeat;
}
p.ton04 {
	display: block;
	float: left;
	width: 135px;
	height: 165px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_04.png) no-repeat;
}
.ton {
	float: right;
	margin: 0;
	padding: 0;
}
p.ton05 {
	display: block;
	width: 314px;
	height: 20px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_05.png) no-repeat;
}
p.ton06 {
	display: block;
	width: 314px;
	height: 20px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_06.png) no-repeat;
}
p.ton07 {
	display: block;
	width: 314px;
	height: 20px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_07.png) no-repeat;
}
.ton_nedan {
	float: left;
	width: 115px;
	height: 105px;
	margin: 0;
	padding: 0;
}
p.ton08 {
	display: block;
	width: 115px;
	height: 40px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_08.png) no-repeat;
}
p.ton09 {
	display: block;
	width: 115px;
	height: 40px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_09.png) no-repeat;
}
p.ton10 {
	display: block;
	width: 115px;
	height: 25px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_10.png) no-repeat;
}
.ton_shop {
	float: right;
	width: 199px;
	height: 105px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_12.png) no-repeat left bottom;
}
p.ton11 {
	display: block;
	width: 199px;
	height: 40px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	background: transparent url(img/ton_11.png) no-repeat;
}

p.omotome {
	width: 175px;
	height: 30px;
	font-size: 1.1em;
	margin: 0 0 0 15px;
	padding: 0;
}
p.omotome a{
	display: block;
	width: 155px;
	height: 21px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	padding: 4px 0 0 20px;
	color: #000000;
	background: transparent url(img/top_button.png) 0 0 no-repeat;
}
p.omotome a:hover{
	color: #990000;
	text-decoration: none;
	background: transparent url(img/top_button.png) 0 -25px no-repeat;
}




/* トップページ・フッター
---------------------------------------------------- */

#top_footer {
	clear: both;
	width: 750px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #AB4147;
}

#top_footer p{
	font-size: 0.92em;
	text-align: right;
	color: #FFFFFF;
	margin: 0;
	padding: 0 35px;
}












/* ナビゲーション
---------------------------------------------------- */

#navi {
	float: right;
	position: relative;
	width: 580px;
	height: 24px;
	background: url(img/navi.png) no-repeat;
	margin: 0;
	padding: 0;
}

#navi li{
	list-style: none;
	position: absolute;
	top: -5px;
	padding: 5px 0 0;
}

#navi li, #navi a{
	display: block;
	width: 63px;
	height: 19px;
	font-size: 0.96em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #444444;
	margin: 0;
	padding: 5px 0 0;
}

#navi01{ left: 25px; width: 63px; }
#navi02{ left: 88px; width: 63px; }
#navi03{ left: 151px; width: 63px; }
#navi04{ left: 214px; width: 63px; }
#navi05{ left: 277px; width: 63px; }
#navi06{ left: 340px; width: 63px; }
#navi07{ left: 403px; width: 63px; }
#navi08{ left: 466px; width: 63px; }

#navi01 a:hover, #navi01 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -25px -24px no-repeat; }
#navi02 a:hover, #navi02 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -88px -24px no-repeat; }
#navi03 a:hover, #navi03 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -151px -24px no-repeat; }
#navi04 a:hover, #navi04 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -214px -24px no-repeat; }
#navi05 a:hover, #navi05 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -277px -24px no-repeat; }
#navi06 a:hover, #navi06 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -340px -24px no-repeat; }
#navi07 a:hover, #navi07 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -403px -24px no-repeat; }
#navi08 a:hover, #navi08 a:visited:hover{ color: #990000; background: transparent url(img/navi.png) -466px -24px no-repeat; }

#navi01 a#now{ color: #000000; background: transparent url(img/navi.png) -25px -48px no-repeat; }
#navi02 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -88px -48px no-repeat; }
#navi03 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -151px -48px no-repeat; }
#navi04 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -214px -48px no-repeat; }
#navi05 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -277px -48px no-repeat; }
#navi06 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -340px -48px no-repeat; }
#navi07 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -403px -48px no-repeat; }
#navi08 a#now{ color: #FFFFFF; background: transparent url(img/navi.png) -466px -48px no-repeat; }



/* 共通ヘッダー
---------------------------------------------------- */

#header {
	width: 750px;
	height: 70px;
	margin: 0;
	padding: 0;
	background-color: #000000;
}


#header h1{
	display: inline;
	float: left;
	width: 135px;
	height: 45px;
	font-size: 1em;
	margin: 15px 0 0 15px;
	padding: 0;
}
#header h1 a{
	display: block;
	width: 135px;
	height: 45px;
	text-indent: -9999px;
	background: transparent url(img/logo.gif) no-repeat;
}
#header h1 a:hover{
	background: transparent url(img/logo.gif) no-repeat;
}

#header h2{
	display: inline;
	float: right;
	width: 265px;
	height: 15px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 15px 35px 16px 0;
	padding: 0;
	background: transparent url(img/logo_title.gif) no-repeat;
}


/* 共通ページフッター
---------------------------------------------------- */

#footer {
	clear: both;
	width: 750px;
	margin: 0 auto;
	padding: 10px 0;
	background-color: #000000;
}

#footer p{
	font-size: 0.92em;
	text-align: right;
	color: #FFFFFF;
	margin: 0;
	padding: 0 35px;
}








/* 赤色ページ構成
---------------------------------------------------- */

#wrapper_r {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(img/bg_red.gif) repeat;
}

.main_r {
	clear: both;
	width: 660px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 45px 10px;
	background: url(img/side_bg_r.gif) top left repeat-y;
}


/* 黄色ページ構成
---------------------------------------------------- */

#wrapper_y {
	width: 750px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	background: url(img/bg_yellow.gif) repeat;
}

.main_y {
	clear: both;
	width: 660px;
	text-align: left;
	margin: 0 auto;
	padding: 15px 45px 10px;
	background: url(img/side_bg_y.gif) top left repeat-y;
}








/* こだわりページ構成
---------------------------------------------------- */
.pot {
	display: block;
	float: left;
	width: 400px;
	height: 508px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 20px 0 0;
	padding: 0;
	background: transparent url(img/pot.png) no-repeat;
}

.hiden-w {
	float: right;
	width: 230px;
	color: #FFFFFF;
	margin: 20px 0;
	padding: 0;
}
.hiden-w h2{
	display: block;
	width: 200px;
	height: 85px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 5px 0;
	padding: 0;
	background: transparent url(img/hiden-w.png) no-repeat;
}
.hiden-w p{
	clear: both;
	font-size: 1.1em;
	margin: 0 0 1em 0;
	padding: 0;
}
.hiden-w div{
	margin-left: 2em;
}
.hiden-w p strong{
	float: right;
	font-size: 1.05em;
	font-weight: bold;
	margin-bottom: 1.25em;
	_margin-bottom: 0.25em;
	*margin-bottom: 0.25em;
}

.kodawari {
	clear: both;
	margin: 0;
	padding: 0;
}
.kodawari h3{
	display: inline;
	float: right;
	font-size: 1em;
	margin: 25px 0 15px;
	padding: 0;
}
.kodawari h3.t01{
	display: block;
	width: 485px;
	height: 35px;
	text-indent: -9999px;
	background: url(img/kodwari_h301.png) no-repeat;
}
.kodawari h3.t02{
	display: block;
	width: 485px;
	height: 35px;
	text-indent: -9999px;
	background: url(img/kodwari_h302.png) no-repeat;
}
.kodawari h3.t03{
	display: block;
	width: 485px;
	height: 94px;
	text-indent: -9999px;
	background: url(img/kodwari_h303.png) no-repeat;
}
p.kodawari_t {
	display: block;
	width: 400px;
	height: 40px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 50px auto 0;
	padding: 0;
	background: transparent url(img/kodawari.png) no-repeat;
}

.kodawari_r {
	float: right;
	width: 480px;
	margin: 0;
	padding: 0 0 0 5px;
}
.kodawari_r h4{
	font-size: 1.3em;
	color: #FEF000;
	margin: 0 0 0.5em;
	padding: 0;
}
.kodawari_r p{
	font-size: 1em;
	color: #FFFFFF;
	margin: 0 0 0.2em;
	padding: 0;
}









/* 菜譜ページ構成
---------------------------------------------------- */
.saifu {
	clear: both;
	margin: 0;
	padding: 0;
}
.saifu h3{
	font-size: 1.3em;
	text-align: center;
	color: #FFFFFF;
	margin: 15px auto;
	padding: 0;
}
p.saifu_t {
	display: block;
	width: 235px;
	height: 40px;
	font-size: 1em;
	text-indent: -9999px;
	margin: 40px auto 0;
	padding: 0;
	background: transparent url(img/saifu.png) no-repeat;
}
p.ippin {
	font-size: 1.05em;
	text-align: center;
	color: #FFFFFF;
	margin: 0 auto 2em;
	padding: 0;
}




/* 嵩下追加分 */

/* 今月のお客様感謝デー
---------------------------------------------------- */
.kansya2 {
	width: 145px;
	color: #FFFFFF;
	text-align: left;
}


/* 新着情報・お知らせ
---------------------------------------------------- */
.topics2 {
	width: 145px;
	color: #FFFFFF;
	margin: 10px 0px 0px 0px;
}
.topics2 dl{
	margin: 0px 10px 1em 0px;
	padding: 0px 0px 0em 0px;
	border-bottom: #FFFFFF dashed 1px;
}
.topics2 dl dt{
	font-size: 1em;
	font-weight: bold;
	margin: 0px 0px 0.25em 0px;
	padding: 0px;
}
.topics2 dl dd{
	font-size: 0.92em;
	margin: 0px 0px 10px 1em;
	padding: 0px;
	text-align: left;
}



/* カレンダー
---------------------------------------------------- */
.calendar {
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.4;
}
.calendar th {
	font-size: 15px;
	text-align: left;
	background-color: #C2A3FF;
	color: #FFFFFF;
	padding: 2px 5px;
}
.calendar td {
	font-size: 10px;
	letter-spacing: 0em;
	line-height: 100%;
	background-color:#FFFFFF;
}
.calendar td font {
	font-size: 12px;
}



/* お客様感謝デー
---------------------------------------------------- */
.gratitude {
	width: 540px;
	margin: 0px 0px 30px 120px;
}
.gratitude iframe {
	float: left;
	margin: 10px 0px 20px 0px;
}
.gratitude p {
	float: right;
	width: 290px;
	height: 100px;
	color: #FFFF00;
	margin: 10px 50px 10px 58px;
	padding: 30px 0px;
	font-size: 16px;
}



.kansya iframe {
	margin: 0px 0px 10px 1px;
}