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

/* 全体構造
---------------------------------------------------- */
body {
	font-size: 12px;
	line-height: 21px;
	color: #442C11;
	background-image: url(../images/bg_main.gif);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	text-align: center;
	background-color: #3C2818;
	background-position: center 100px;
}
p {
	margin: 0px;
	padding: 0px;
}
a img {
	border: none;
}
a:link {
	color: #FF3381;
	text-decoration: none;
}
a:visited {
	color: #B10033;
	text-decoration: none;
}
a:hover, a:active {
	color: #FF3381;
	text-decoration: underline;
}
h1 {
	margin: 0px;
	padding: 0px;
}
#wrapper {
	padding: 0px;
	width: 862px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
}

/* ヘッダ
---------------------------------------------------- */
#header {
	height: 35px;
	width: 862px;
	position: relative;
	font-size: 10px;
	line-height: 15px;
	color: #FFFFFF;
	text-align: right;
	padding-top: 15px;
}
#headerlogo {
	height: 22px;
	width: 184px;
	position: absolute;
	left: 0px;
	top: 14px;
}

/* メニュー
---------------------------------------------------- */
#menu {
	height: 73px;
	width: 860px;
	border: 1px solid #DCB999;
	position: relative;
	background-color: #DCB999;
}
#menu ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
#menu li {
	margin: 0px;
	padding: 0px;
	text-indent: -9999px;
	display: inline;
}
#menu  li#m01 a {
	background-image: url(../images/menu_01.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 73px;
	width: 122px;
	position: absolute;
	left: 0px;
	top: 0px;
}
#menu  li#m02 a {
	background-image: url(../images/menu_02.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 73px;
	width: 122px;
	position: absolute;
	left: 123px;
	top: 0px;
}
#menu  li#m03 a {
	background-image: url(../images/menu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 73px;
	width: 122px;
	position: absolute;
	left: 246px;
	top: 0px;
}
#menu  li#m04 a {
	background-image: url(../images/menu_04.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 73px;
	width: 122px;
	position: absolute;
	left: 369px;
	top: 0px;
}
#menu  li#m05 a {
	background-image: url(../images/menu_05.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 73px;
	width: 122px;
	position: absolute;
	left: 492px;
	top: 0px;
}
#menu  li#m06 a {
	background-image: url(../images/menu_06.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 73px;
	width: 122px;
	position: absolute;
	left: 615px;
	top: 0px;
}
#menu  li#m07 a {
	background-image: url(../images/menu_07.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	display: block;
	height: 73px;
	width: 122px;
	position: absolute;
	left: 738px;
	top: 0px;
}
#menu li#m01 a:hover {
	background-image: url(../images/menu_01.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}
#menu li#m02 a:hover {
	background-image: url(../images/menu_02.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}
#menu li#m03 a:hover {
	background-image: url(../images/menu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}
#menu li#m04 a:hover {
	background-image: url(../images/menu_04.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}
#menu li#m05 a:hover {
	background-image: url(../images/menu_05.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}
#menu li#m06 a:hover {
	background-image: url(../images/menu_06.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}
#menu li#m07 a:hover {
	background-image: url(../images/menu_07.gif);
	background-repeat: no-repeat;
	background-position: 0px -73px;
}
#menu li#m01 a.here {
	background-image: url(../images/menu_01.gif);
	background-repeat: no-repeat;
	background-position: 0px -146px;
}
#menu li#m02 a.here {
	background-image: url(../images/menu_02.gif);
	background-repeat: no-repeat;
	background-position: 0px -146px;
}
#menu li#m03 a.here {
	background-image: url(../images/menu_03.gif);
	background-repeat: no-repeat;
	background-position: 0px -146px;
}
#menu li#m04 a.here {
	background-image: url(../images/menu_04.gif);
	background-repeat: no-repeat;
	background-position: 0px -146px;
}
#menu li#m05 a.here {
	background-image: url(../images/menu_05.gif);
	background-repeat: no-repeat;
	background-position: 0px -146px;
}
#menu li#m06 a.here {
	background-image: url(../images/menu_06.gif);
	background-repeat: no-repeat;
	background-position: 0px -146px;
}
#menu li#m07 a.here {
	background-image: url(../images/menu_07.gif);
	background-repeat: no-repeat;
	background-position: 0px -146px;
}

/* コンテンツ
---------------------------------------------------- */
#topimage {
	height: 450px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
}
#image-newrelease {
	height: 390px;
	width: 850px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/img_newrelease.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
#image-standard {
	height: 390px;
	width: 850px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/img_standard.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
#image-quality {
	height: 290px;
	width: 850px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/img_quality.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 10px;
	padding-left: 10px;
}
#image-topics {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_topics.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-shops {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_shops.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-contact {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_contact.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-company {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_company.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-recruit {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_recruit.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-magazine {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_magazine.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-sitemap {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_sitemap.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-privacy {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_privacy.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#image-allergy {
	height: 125px;
	width: 860px;
	margin-top: 8px;
	position: relative;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-color: #FFFFFF;
	background-image: url(../images/img_allergy.jpg);
	background-repeat: no-repeat;
	text-align: left;
	padding-top: 75px;
}
#contents {
	width: 851px;
	position: relative;
	background-color: #FFFFFF;
	padding-left: 9px;
	overflow: hidden;
	padding-bottom: 20px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
}
#sub {
	float: left;
	width: 195px;
	position: relative;
	background-color: #FFFFFF;
}
#waffle1 {
	background-color: #FFFFFF;
	background-image: url(../images/banner_waffle01_h.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 175px;
	padding-top: 83px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
	border: 1px solid #442C11;
	font-size: 10px;
	line-height: 15px;
	text-align: left;
}
#waffle2 {
	background-color: #FFFFFF;
	background-image: url(../images/banner_waffle02_h.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 175px;
	padding-top: 83px;
	padding-right: 9px;
	padding-bottom: 7px;
	padding-left: 9px;
	border: 1px solid #442C11;
	font-size: 10px;
	line-height: 15px;
	margin-top: 10px;
	text-align: left;
}
.wafflemenubox {
	background-image: url(../images/dot_02.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 175px;
	padding-top: 4px;
	padding-bottom: 3px;
}
.wafflemenuboxend {
	width: 175px;
	padding-top: 4px;
}
.numbercolor1 {
	color: #E50000;
}
.numbercolor2 {
	color: #F05181;
}
.numbercolor3 {
	color: #F57700;
}
.numbercolor4 {
	color: #F5A900;
}
.numbercolor5 {
	color: #AA6611;
}
.numbercolor6 {
	color: #517733;
}
.numbercolor7 {
	color: #665199;
}
.numbercolor8 {
	color: #0099E5;
}
.numbercolor9 {
	color: #333333;
}
#main {
	float: right;
	width: 626px;
	position: relative;
	text-align: left;
	background-color: #FFFFFF;
}
.textbox {
	width: 607px;
}
.textbox-flower {
	background-image: url(../images/flowerpoint2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 586px;
	padding-left: 21px;
	margin-top: 25px;
}
.textbox-flower2 {
	background-image: url(../images/flowerpoint2.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 586px;
	padding-left: 21px;
	margin-top: 15px;
}
.textbox-rightalign {
	text-align: right;
	width: 607px;
}
.textbox-centeralign {
	text-align: center;
	width: 607px;
}
.newsbox {
	background-image: url(../images/dot_01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	width: 607px;
	padding-top: 6px;
	padding-bottom: 6px;
}
.newsbox2 {
	width: 607px;
	padding-top: 6px;
}
.newsdate {
	float: left;
	width: 100px;
	display: block;
}
.newstext {
	display: block;
	width: 502px;
	margin-left: 100px;
}
.newstext2 {
	background-image: url(../images/dot_01.gif);
	background-repeat: repeat-x;
	width: 502px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	background-position: bottom;
}
.newsyear {
	width: 607px;
	padding-bottom: 15px;
	background-image: url(../images/dot_01.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.margin-t5 {
	margin-top: 5px;
}
.margin-t10 {
	margin-top: 10px;
}
.margin-t15 {
	margin-top: 15px;
}
.margin-t20 {
	margin-top: 20px;
}
.margin-t30 {
	margin-top: 30px;
}
.margin-t40 {
	margin-top: 40px;
}
.margin-b5 {
	margin-bottom: 5px;
}
.margin-b10 {
	margin-bottom: 10px;
}
.margin-l12 {
	margin-left: 12px;
}
.margin-l20 {
	margin-left: 20px;
}
.margin-l80 {
	margin-left: 80px;
}
.text10 {
	font-size: 10px;
	line-height: 15px;
}
.text12-bold {
	font-size: 12px;
	font-weight: bold;
}
.text14-bold {
	font-size: 14px;
	font-weight: bold;
}
.float-left {
	float: left;
	margin-right: 20px;
}
.float-right {
	float: right;
	margin-left: 15px;
	margin-bottom: 5px;
}
#pagetopbox {
	background-color: #FFFFFF;
	height: 11px;
	width: 842px;
	padding-bottom: 30px;
	text-align: right;
	padding-right: 20px;
	position: relative;
	font-size: 85%;
}
#getadobereaderbox {
	width: 457px;
	background-image: url(../images/dot_01.gif);
	background-repeat: repeat-x;
	background-position: top;
	margin-top: 15px;
	padding-top: 12px;
	font-size: 10px;
	line-height: 15px;
	padding-left: 75px;
	padding-right: 75px;
}
#allergybutton  a {
	text-indent: -9999px;
	display: block;
	height: 36px;
	width: 300px;
	background-image: url(../images/bt_allergy.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	margin-left: 153px;
	margin-right: 154px;
}
#allergybutton  a:hover {
	background-image: url(../images/bt_allergy.gif);
	background-repeat: no-repeat;
	background-position: 0px -36px;
}
.tablebox {
	width: 607px;
}
.tablebox th {
	background-color: #CC9966;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	width: 130px;
	color: #FFFFFF;
	text-align: center;
	line-height: 16px;
}
.tablebox td {
	background-color: #FAEBD7;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
}
.tablebox2 {
	width: 607px;
	margin-top: 5px;
}
.tablebox2  th {
	background-color: #FAEBD7;
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	text-align: center;
	font-size: 10px;
	line-height: 15px;
	font-weight: normal;
}
.tablebox2  td {
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	line-height: 18px;
}
#entrybox {
	height: 27px;
	width: 607px;
	margin-top: 20px;
	margin-bottom: 20px;
	position: relative;
}
#entryshop {
	float: left;
	height: 18px;
	margin-top: 5px;
}
#entrybutton  a {
	text-indent: -9999px;
	display: block;
	float: right;
	height: 27px;
	width: 120px;
	background-image: url(../images/bt_entry.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
}
#entrybutton  a:hover {
	background-image: url(../images/bt_entry.gif);
	background-repeat: no-repeat;
	background-position: 0px -27px;
}

/* フォーム
---------------------------------------------------- */
form {
	margin: 0px;
	padding: 0px;
}
.submitbox {
	width: 605px;
	background-color: #FFACB1;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFFFFF;
	border-left-color: #FFFFFF;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
.submitbox   input {
	height: 23px;
	width: 90px;
	margin-right: 15px;
	margin-left: 15px;
}
#name1, #name2, #email, #email2, #shop, #occupation, #timezone {
	width: 300px;
}
#tel, #sei, #mei {
	width: 150px;
}
#age, #birth1, #birth2, #birth3 {
	width: 35px;
}
#comment {
	width: 420px;
}

/* ボトムメニュー
---------------------------------------------------- */
#bottommenu {
	font-size: 85%;
	line-height: 40px;
	text-align: right;
	width: 832px;
	color: #FFFFFF;
	background-color: #66331C;
	height: 40px;
	padding-right: 15px;
	padding-left: 15px;
	position: relative;
}
#bottommenu a {
	color: #FFFFFF;
}
#bottommenu a:hover {
	color: #FFFFFF;
	text-decoration: underline;
}

/* フッタ
---------------------------------------------------- */
#footer {
	background-image: url(../images/footer.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	height: 31px;
	width: 862px;
	position: relative;
}