@charset "utf-8";

/*----------------------------------------------------
	各ブラウザの設定をリセット
----------------------------------------------------*/

html {
	overflow-y:scroll;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	word-wrap : break-word;
	word-break:break-all;
}
* {
	word-wrap : break-word;
	word-break:break-all;
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

object,embed {
	vertical-align:top;
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	text-indent: -9999px;
}

img,abbr,acronym,fieldset {
	border:0;
}

/*----------------------------------------------------
	基本的な設定
----------------------------------------------------*/

body {
	background: #CFCCCC;
	color: #666666;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	line-height:140%;
	text-align:center;
}

*:first-child+html body {font-family:"メイリオ","Meiryo";}/*IE7のフォント、メイリオ*/

/*フォントサイズ*/
body {font-size: 95%;}/*IE*/
html>/**/body {font-size: 14px;}/*IE以外*/

/*基本的なリンクテキストの設定*/
a {
	text-decoration:none;
	color:#999966;
}
a:link    {}
a:visited {}
a:hover   {text-decoration:underline;color:#F30;background-color:#FC0;}
a:active  {text-decoration:underline;color:#F30;background-color:#FC0;}

a img {
	border: 0;
}
/*----------------------------------------------------
	基本的な設定終了
----------------------------------------------------*/
.small_12px{
	font-size: 12px;
}
.small_12px_notice{
	font-size: 12px;
	font-weight: bold;
	color: #930;
}
.middle_14px_notice{
	font-size: 14px;
	font-weight: bold;
	color: #930;
}
.middle_14px_answer{
	font-size: 14px;
	color: #999900;
}
p.s_caps{
	text-align: left;
	padding: 0 0 0 9px;
	color: #960;
}
p.s_caps a,p.s_caps a:hover{
	text-decoration:underline;
}
.himochi{
	background-color:#99CCFF;
	padding: 4px 16px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0 10px;
}
li.egg{
	padding-left: 18px;
	background: url(img/egg_icon.jpg) no-repeat 0 0.4em;
	list-style: none;
}
*html li.egg{
	background: url(img/egg_icon.jpg) no-repeat 0 0.6em;
}
input[type="submit"], input[type="reset"], input[type="radio"], input[type="checkbox"], label, button {
	cursor:pointer;
}
hr {
	display:none;
}
.line_001 {
	background: url(img/hr_line.gif) no-repeat center;
	height: 5px;
	width: 945px;
	margin: 10px 0 20px;
}
#container {
	width: 991px;
	background: #FAF9CC url(img/bg.jpg);
	margin: 0 auto;
/*	margin: 0 20px;*/
	padding: 0;
	border: 1px solid #BBB;
	text-align: left;
}
.tamago #header {
	margin: 30px 43px 20px;
	padding: 0;
	background: url(img/head_bg.jpg) no-repeat left top;
	height: 174px;
	width: 902px;
	clear: both;
}
.tamago #header h1 {
	margin: 0;
	padding: 0;
}
.tamago #header #add {
	margin: -194px 0 0 0;
	float: right;
	width: 353px;
	height: 174px;
}
* html .tamago #header #add {
	margin: -198px 0 0 0;
}
*:first-child+html .tamago #header #add {
	margin: -200px 0 0 0;
}
.center {
	width: auto;
	text-align: center;
	padding: 10px 0;
}
/*---GlobalNAVI-----------------*/
#globalNav {
	width: 984px;
	height: 71px;
	padding: 0 0 30px 0;
}
*+html #globalNav {
	margin: 0;
	padding: 0;
}
* html #globalNav {
	margin: 0;
	padding: 0;
}
#globalNav ul {
	width: 984px;
	height: 71px;
	list-style: none;
	float: left;
	margin: 0 0 0 5px;
	padding: 0;
}
#globalNav li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0;
}
#globalNav a {
	display: block;
	text-indent: -9999px;
	height: 71px;
	/* \*/ overflow: hidden; /* */
}
#globalNav #gnavbt1 a {
	background: url(img/g_navi.gif) no-repeat 0px 0px;
	width: 164px;
}
#globalNav #gnavbt1 a:hover, #globalNav #gnavbt1 a:active {
	background: url(img/g_navi.gif) no-repeat 0px -71px;
	width: 164px;
}
#globalNav #gnavbt2 a {
	background: url(img/g_navi.gif) no-repeat -164px 0px;
	width: 127px;
}
#globalNav #gnavbt2 a:hover, #globalNav #gnavbt2 a:active {
	background: url(img/g_navi.gif) no-repeat -164px -71px;
	width: 127px;
}
#globalNav #gnavbt3 a {
	background: url(img/g_navi.gif) no-repeat -292px 0px;
	width: 128px;
}
#globalNav #gnavbt3 a:hover, #globalNav #gnavbt3 a:active {
	background: url(img/g_navi.gif) no-repeat -292px -71px;
	width: 128px;
}
#globalNav #gnavbt4 a {
	background: url(img/g_navi.gif) no-repeat -421px 0px;
	width: 128px;
}
#globalNav #gnavbt4 a:hover, #globalNav #gnavbt4 a:active {
	background: url(img/g_navi.gif) no-repeat -421px -71px;
	width: 128px;
}
#globalNav #gnavbt5 a {
	background: url(img/g_navi.gif) no-repeat -550px 0px;
	width: 128px;
}
#globalNav #gnavbt5 a:hover, #globalNav #gnavbt5 a:active {
	background: url(img/g_navi.gif) no-repeat -550px -71px;
	width: 128px;
}
#globalNav #gnavbt6 a {
	background: url(img/g_navi.gif) no-repeat -679px 0px;
	width: 128px;
}
#globalNav #gnavbt6 a:hover, #globalNav #gnavbt6 a:active {
	background: url(img/g_navi.gif) no-repeat -679px -71px;
	width: 128px;
}
#globalNav #gnavbt7 a {
	background: url(img/g_navi.gif) no-repeat -808px 0px;
	width: 163px;
}
#globalNav #gnavbt7 a:hover, #globalNav #gnavbt7 a:active {
	background: url(img/g_navi.gif) no-repeat -808px -71px;
	width: 163px;
}

/*---GlobalNAVI END------------*/

/*パンくずリスト*/
.tamago #breadcrumb{
	padding: 0 0 10px 60px;
	float: left;
	font-size: 12px;
	clear: both;
}
*html .tamago #breadcrumb{
	margin: -22px 0 0 0;
}

.tamago #breadcrumb li{
	display: inline;
	list-style-type: none;
	padding: 0 4px 0 0;
}

.midalign {
    vertical-align: middle;
}

*html .midalign {
	vertical-align: baseline;
}
.alignbese {
	vertical-align: baseline;
}

/*パンくずリスト END*/


#imageNav {
	width: 902px;
	height: 94px;
	margin: 184px 0 0 0;
	padding: 0;
}
#imageNav ul {
	width: 902px;
	height: 94px;
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 0 0 42px;
}
#imageNav li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0 40px 0 0;
}
#imageNav a {
	display: block;
	text-indent: -9999px;
	height: 94px;
	/* \*/ overflow: hidden; /* */
}
#imageNav #imagebt1 a {
	background: url(img/bt_secret.jpg) no-repeat;
	width: 244px;
	margin-left: 10px;
}
#imageNav #imagebt1 a:hover, #imageNav #imagebt1 a:active {
	background: url(img/bt_secret_ov.jpg) no-repeat;
	width: 244px;
	margin-left: 10px;
}
#imageNav #imagebt2 a {
	background: url(img/bt_shop.jpg) no-repeat;
	width: 244px;
}
#imageNav #imagebt2 a:hover, #imageNav #imagebt2 a:active {
	background: url(img/bt_shop_ov.jpg) no-repeat;
	width: 244px;
}
#imageNav #imagebt3 a {
	background: url(img/bt_cake.jpg) no-repeat;
	width: 244px;
}
#imageNav #imagebt3 a:hover, #imageNav #imagebt3 a:active {
	background: url(img/bt_cake_ov.jpg) no-repeat;
	width: 244px;
}
.tamago #mainContent {
	padding: 0 20px;
	background: #FAF9CC url(img/bg.jpg);
	clear: both;
}
* html .tamago #mainContent {
	padding: 0 0 0 23px;
}
.tamago #mainContent #keyimage {
	clear: both;
	background: url(img/key_image.jpg) no-repeat left top;
	margin: 30px 0px 30px 20px;
	padding: 0;
	width: 902px;
	height: 317px;
}
.gotop{
	float: right;
	clear: both;
	background-repeat: no-repeat;
	margin: 10px 20px 0 0;
	padding: 0;
}
* html .gotop{
	margin: 0;
	padding: 10px 10px 10px 0;
}
#footer {
	clear: both;
	padding: 0 10px;
	background: url(img/foot.jpg) no-repeat center bottom;
	text-align: center;
	margin: 0px;
	height: 115px;
	font-size: 12px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;

}
#footer #footNav {
	padding: 56px 0 0 0;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;

}

#footer #footNav li {
	display: inline;
	list-style-type: none;
	padding: 0px 10px 0 10px;
	border-left-width: 1px;
	border-left-color: #999;
	border-left-style: solid;
}
#footer #footNav li.rightedge {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #999;
}
#container #mainContent #topBox01 {
	width: 394px;
	background: #FAF9CC url(img/bg.jpg);
	float: left;
	margin: 5px 0;
	padding: 0 0 0 24px;
	clear: both;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;

}
#container #mainContent #topBox01 h3 {
	margin: 0;
	padding: 0;
	background:url(img/notice.jpg) no-repeat;
	height: 54px;
}
#container #mainContent #topBox01_body {
	background:url(img/notice_bg.jpg) repeat-y left top;
	height: 254px;
	padding: 2px 24px 0 24px;
	word-break:break-all;
}
#container #mainContent #topBox01_foot {
	background:url(img/notice_ft.jpg) no-repeat left top;
	height: 22px;
}
#change_wrapper{
	margin: 0 5px 5px 5px;
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
	position: absolute;
	clear: both;
	height: 242px;
	width: 340px;
}
#container #mainContent #topBox02 {
	width: 494px;
	background: #FAF9CC url(img/bg.jpg);
	float: right;
	padding: 0 26px 0 0;
	margin: 5px 0 5px 0;
}
#container #mainContent #topBox02 h3 {
	margin: 0;
	padding: 0;
	background:url(img/gallery.jpg) no-repeat;
	height: 54px;
}
#container #mainContent #topBox02_body {
	background:url(img/gallery_bg.jpg) repeat-y left top;
	height: 238px;
	padding: 18px 24px 0;
}
#container #mainContent #topBox02_foot {
	background:url(img/gallery_ft.jpg) no-repeat left top;
	height: 22px;
}
#container #mainContent dl {
	margin-top: 14px;
}
#container #mainContent dt {
	text-indent: 0.8em;
	color: #993300;
}
#container #mainContent dd {
	margin: 0px 12px 14px 0px;
	padding: 0px 0 10px 10px;
	border-bottom: 2px dotted #FF9900;
}
*:first-child + html #topBox02_body {
	padding:0;
}

#topBox02_body .item {
	font-size: 12px;
	float:left;
	margin:0 9px 9px 0;
	width:102px;
	height: 102px;
	border: 1px solid #666633;
}
#topBox02_body .item + .item + .item + .item + .item + .item + .item + .item, #topBox02_body .item + .item + .item + .item {
	margin-right:0;
}
#topBox02_body .item + .item + .item + .item + .item {
	margin-right:9px;
}
/*上段左から一つ目*/
.item #item01 {
	width: 102px;
	height: 102px;
	font-size: 12px;
	line-height: 120%;
}
.item #item01 a {
	display:block;
	width: 85px;
	height: 88px;
	padding: 7px 7px 7px 10px;
	background: url(img/gallery01.jpg);/*通常画像*/
}
.item #item01 a:hover {
	opacity:0.6;
	filter: alpha(opacity=80);
}

/*上段左から二つ目*/
.item #item02 {
	width: 85px;
	height: 88px;
	background: url(img/gallery_bg01.jpg) repeat-x;
	padding: 7px 7px 7px 10px;
	color: #FFF;
	font-size: 12px;
	line-height: 120%;
}
.item #item02 a {
	color: #FFF;
	text-decoration:underline;
}

/*上段左から三つ目*/
.item #item03 {
	width: 102px;
	height: 102px;
	font-size: 12px;
	line-height: 120%;
}
.item #item03 a {
	display:block;
	width: 85px;
	height: 88px;
	background: url(img/gallery05.jpg);/*通常画像*/
	padding: 7px 7px 7px 10px;
}
.item #item03 a:hover {
	opacity:0.6;
	filter: alpha(opacity=80);
}

/*上段左から四つ目*/
.item #item04 {
	width: 85px;
	height: 88px;
	background:#FFC23F;
	padding: 7px 7px 7px 10px;
	color: #FFFFFF;
	font-size: 12px;
	line-height: 120%;
}
.item #item04 a {
	color: #FFF;
	text-decoration:underline;
}

/*下段左から位一つ目*/
.item #item05 {
	width: 85px;
	height: 88px;
	background:#CC0;
	padding: 7px 7px 7px 10px;
	font-size: 12px;
	line-height: 120%;
}
.item #item05 a {
	color:#666;
	text-decoration:underline;
}
/*下段左から二つ目*/
.item #item06 {
	width: 102px;
	height: 102px;
	font-size: 12px;
	line-height: 120%;
}
.item #item06 a {
	display:block;
	width: 85px;
	height: 88px;
	background: url(img/gallery03.jpg);/*通常画像*/
	padding: 7px 7px 7px 10px;
}
.item #item06 a:hover {
	opacity:0.6;
	filter: alpha(opacity=80);
}

/*下段左から三つ目*/
.item #item07 {
	width: 85px;
	height: 88px;
	background:#ffe8bb;
	padding: 7px 7px 7px 10px;
	font-size: 12px;
	line-height: 120%;
}
.item #item07 a {
	color:#666;
	text-decoration:underline;
}

/*下段左から四つ目*/
.item #item08 {
	width: 102px;
	height: 102px;
	font-size: 12px;
	line-height: 120%;
}
.item #item08 a {
	display:block;
	width: 85px;
	height: 88px;
	background: url(img/gallery04.jpg);/*通常画像*/
	padding: 7px 7px 7px 10px;
	font-size: 12px;
	line-height: 120%;
}
.item #item08 a:hover {
	opacity:0.6;
	filter: alpha(opacity=80);
}

#mainContent #contents {
	width: 895px;
	background: url(img/02content_bg.jpg) repeat-y;
	clear: both;
	margin: 24px 0 10px 26px;
}
#sitemap {
	background:url(sitemap/img/title.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#product {
	background:url(product/img/title.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#obsessiveness {
	background:url(obsessiveness/img/title.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#store_info {
	background:url(store_info/img/title.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#factry_firms {
	background:url(factry_firms/img/title.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#corporate {
	background:url(company_profile/img/title02.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#company_profile {
	background:url(company_profile/img/title.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#award-winning {
	background:url(company_profile/img/title03.jpg) no-repeat;
	height: 54px;
	margin-bottom: 10px;
}
#mainContent #contents_body {
	margin: 0px 50px;
	word-break:break-all;
	clear: both;
	height: 100%;
}
#mainContent #contents_body02 {
	margin: 0px 50px 10px;
	word-break:break-all;
	background: url(company_profile/img/fresh_eggs.jpg) no-repeat right bottom;
}
#mainContent #contents_foot {
	background:url(img/02content_foot.jpg) no-repeat left top;
	height: 26px;
	margin-top: 30px;
	width: 895px;
}

* html #mainContent #contents_foot {
	margin-top: 0;
}

#mainContent #contents p {
	margin: 10px 0;
	line-height: 140%;
}
.lead {
	margin: 30px 10px;
	font-size: 16px;
	line-height: 140%;
	color: #366837;
	font-weight: bold;
}
#keyimg_company {
	margin: 0;
	text-align: center;
}
#mainContent #contents_body02 table {
	color: #333;
	font-size: 12px;
	border: 1px solid #999;
	border-collapse: separate;
	border-spacing: 1px;
	float: none;
}
#mainContent #contents_body02 table th {
	background-color: #B9B997;
	vertical-align: top;
	text-align: left;
	font-weight: normal;
	border-right: 1px solid #993;
	border-bottom: 1px solid #993;
	line-height: 1.4em;
	padding-top: 0.8em;
	padding-bottom: 0.4em;
	padding-left: 1em;
	padding-right: 1em;
}
#mainContent #contents_body02 table td {
	vertical-align: top;
	padding-top: 0.8em;
	padding-bottom: 0.4em;
	padding-left: 1em;
	padding-right: 1em;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	background-color: #FEFFEF;
	line-height: 1.4em;
}
#company_table {
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 20px;
}
ol.philosophy {
	line-height: 180%;
	margin: 10px 20px 10px 10px;
}
ul.store {
	line-height: 180%;
	margin: 10px 20px 10px 10px;
}

#mainContent #contents_body h3.subtitle {
	clear:both;
	background: url(img/sub_title.jpg) no-repeat left top;
	height: 35px;
	width: 792px;
	text-indent: 0;
	letter-spacing: 0.5em;
	padding: 10px 0 12px 40px;
	font-size: 14px;
	font-weight: bold;
	color: #990;
}
#mainContent #contents_body h3.subtitle02 {
	background: url(img/sub_title.jpg) no-repeat left top;
	height: 35px;
	width: 792px;
	text-indent: 0;
	letter-spacing: 0.5em;
	padding: 10px 0 12px 40px;
	font-size: 14px;
	font-weight: bold;
	color: #AA0000;
}

.right_content{
	float: right;
	margin: 10px 20px 5px 10px;
	width: 378px;
}
.right_content_map{
	float: right;
	margin: 10px 10px 5px 0;
	width: 360px;
}
.right_content_product {
	float: right;
	margin: 10px 10px 5px 10px;
	width: 370px;
}
.right_content ul{
	margin: 10px 50px 10px 10px;
}
.left_content{
	float: left;
	margin: 10px 0 5px;
	width: 378px;
	clear: both;
}
.left_content_shop{
	float: left;
	margin: 10px 0 5px;
	clear: both;
}
.left_content_product{
	float: left;
	margin: 10px 0 5px;
	width: 370px;
	clear: both;
}
#product_okasi .item {
	float:left;
	margin:0 4px 9px 0;
	width:180px;
	height: 140px;
}
.cap10px {
	font-family:verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	font-size: 10px;
	text-decoration: none;
	line-height:1.2;
}
#product_okasi .item img{
	border: 1px solid #666633;
}
#product_okasi .item + .item + .item + .item + .item + .item + .item + .item, #product_okasi .item + .item + .item + .item {
	margin-right:0;
}
#product_okasi .item + .item + .item + .item + .item {
	margin-right:4px;
}
#product_okasi .item + .item + .item + .item + .item + .item + .item + .item + .item {
	margin-right:4px;
}

#product-navi {
	margin:0 auto;
	padding:10px 50px;
	text-align:center;
	font-size:14px;
}

#product-navi li {
	display:inline;
	margin-left:0.5em;
	padding-left: 1.4em;
	padding-right:0.5em;
}
#product-navi li.first-child {
	margin-left:0;
	padding-left:0.5em;
}
#prd_tamago, #prd_okasi, #prd_gift{
	clear: both;
	margin: 10px 0;
}
.sub_wrapper{
	margin: 0 8px 10px 20px;
	clear: both;
}
ul.sitemap {
	font-size: 14px;
	margin: 20px 0 1em 0;
	line-height: 180%;
	list-style-type: none;
}
.sitemap li{
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 20px;
}
.grafix{
	margin-bottom: 20px;
	left: auto;
	right: auto;
	text-align: center;
}
/*shop_info mini_btn*/

#mini_btn {
	margin: 0;
	padding: 0 0 40px 0;
}
#mini_btn span.lead {
	float: left;
	margin: 0;
	padding: 0;
}
#mini_btn ul {
	width: 398px;
	height: 37px;
	list-style: none;
	margin: 0;
	padding: 0;
	float: right;
}
#mini_btn li {
	list-style: none;
	float: left;
	padding: 0;
	margin: 0;
}
#mini_btn a {
	display: block;
	text-indent: -9999px;
	height: 37px;
	/* \*/ overflow: hidden; /* */
}
#mini_btn #btn01 a {
	background: url(store_info/img/mini-btn01.jpg) no-repeat;
	width: 105px;
	margin: 0;
}
#mini_btn #btn02 a {
	background: url(store_info/img/mini-btn02.jpg) no-repeat;
	width: 105px;
}
#mini_btn #btn03 a {
	background: url(store_info/img/mini-btn03.jpg) no-repeat;
	width: 188px;
}
#btn03-2 {
	margin:10px 0 10px 20px;
}

#btn03-2 a {
	display: block;
	text-indent: -9999px;
	height: 37px;
	/* \*/ overflow: hidden; /* */
	background: url(store_info/img/mini-btn03.jpg) no-repeat;
	width: 188px;
}


/*----------------------------------------------------
	common settings
----------------------------------------------------*/
.green {
	color: #669900;
}
.orange {
	color: #FF6600;
}

.text12{font-size:12px;}

.textcenter{text-align:center!important;}