/* ::::: CSS初期化処理 ::::: */

*{
	margin:0;
	padding:0;
	border:0;
	text-decoration:none;
	line-height:1;
	font-size:100%;
	font-style:normal;
	font-weight:normal;
}

html, body {
	height: 100%;
}

body {
	margin: 0pt;
	color: #000;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(image/bg.png);
	background-repeat: repeat;
	background-position: 0% 0%;
	text-decoration: none;
}

h1, h2, h3, h4, p, dl, dt, dd, ul, ol, li, p, div, form {
	margin: 0pt;
	padding: 0pt;
}

ul {
	list-style-type: none;
}

p {
	line-height: 1.4em;
}

a:link, a:visited, a:active {
	color: #000;
	text-decoration: none;
}

a:hover {
	color: #FF5F00;
}

a img {
	border: medium none ;
}

.hide{
	overflow: hidden;
	display: none;
	height: 1px;
	font-size: 1px;
	text-indent: -9999px;
	position: absolute;
	visibility: hidden;
	bottom: 10000px;
}

.clearbox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearbox{
	display: inline-block;
}

* html .clearbox{
	height: 1%
}

.clearbox{
	display:block;
}

.right{
	float: right;
	height: auto;
	width: auto;
	margin-left: 15px;
}

.left{
	float: left;
	height: auto;
	width: auto;
	margin-right: 15px;
}

.clear{
	clear: both;
}

/* ::::: CSS設定 ::::: */

#container{
	margin-right: auto;
	margin-left: auto;
	width: 900px;
	min-height: 100%;
	position: relative;
	border-right-width: 3px;
	border-left-width: 3px;
	border-right-style: double;
	border-left-style: double;
	border-right-color: #660;
	border-left-color: #660;
}

#contents{
	background-color: #FFF;
}

body > #container {
	height: auto;
}

#header{
	height: 120px;
	width: 900px;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #660;
	background-repeat: no-repeat;
	background-color: #FFF;
	background-image: url(image/Signboard.png);
}

#navi{
	height: 30px;
	width: 900px;
	position: relative;
	top: 90px;
}

#navi li{
	float: left;
	height: 30px;
	width: 100px;
}

.navi1{
	background: url(image/navi.png) 0 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi1:hover{
	background: url(image/navi.png) 0 -30px no-repeat;
}

.navi2{
	background: url(image/navi.png) -100px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi2:hover{
	background: url(image/navi.png) -100px -30px no-repeat;
}

.navi3{
	background: url(image/navi.png) -200px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi3:hover{
	background: url(image/navi.png) -200px -30px no-repeat;
}

.navi4{
	background: url(image/navi.png) -300px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi4:hover{
	background: url(image/navi.png) -300px -30px no-repeat;
}

.navi5{
	background: url(image/navi.png) -400px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi5:hover{
	background: url(image/navi.png) -400px -30px no-repeat;
}

.navi6{
	background: url(image/navi.png) -500px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi6:hover{
	background: url(image/navi.png) -500px -30px no-repeat;
}

.navi7{
	background: url(image/navi.png) -600px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi7:hover{
	background: url(image/navi.png) -600px -30px no-repeat;
}

.navi8{
	background: url(image/navi.png) -700px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi8:hover{
	background: url(image/navi.png) -700px -30px no-repeat;
}

.navi9{
	background: url(image/navi.png) -800px 0 no-repeat;
	height: 30px;
	width: 100px;
	display: block;
}

.navi9:hover{
	background: url(image/navi.png) -800px -30px no-repeat;
}

#flashbox{
	height: 250px;
	width : 900px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	border-bottom-width: 3px;
	border-bottom-style: double;
	border-bottom-color: #660;
	background-repeat: no-repeat;
	z-index: -100;
}

#menubtnbox{
	height: 300px;
	width: 880px;
	padding-left: 20px;
	padding-top: 15px;
}

#menubtnbox li{
	height: 300px;
	width: 175px;
	float: left;
}

#menubtnbox li img:hover{
	border: 3px solid #FF5F00;
	position: relative;
	left: -3px;
	top: -3px;
}

.menubtn{
	background-color: #CCC;
	height: 280px;
	width: 160px;
}

#mainbox{
	background-color: #FFF;
	width: 900px;
	clear: both;
	margin-bottom: 100px;
	min-height: 400px;
}

#sidemenu{
	background-color: #FFF;
	float: left;
	width: 195px;
}

#menu{
	width: 175px;
	background-color: #FFF;
	padding-left: 20px;
	height: 1050px;
}

#main{
	float: left;
	width: 685px;
}

#present{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/present.png);
	background-repeat: no-repeat;
}

.prebox{
	margin-top: 45px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

.prebox p{
	margin-left: 10px;
}

.prebox h3{
	font-size: 20px;
	color: #FF5F00;
	line-height: 50px;
	font-weight: bold;
}

.prebox span{
	color: #D41F00;
	font-weight: bold;
}

#groupbuy{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/groupbuy.png);
	background-repeat: no-repeat;
}

#eat{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/eat.png);
	background-repeat: no-repeat;
}

#review{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/review.png);
	background-repeat: no-repeat;
	padding-top: 45px;
}

#review h2{
	font-size: 16px;
	text-align: center;
}

#review p{
	font-size: 12px;
	line-height: 18px;
	margin: 20px;
	padding: 10px;
	border-top-width: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #614C3F;
	border-right-color: #614C3F;
	border-bottom-color: #614C3F;
	border-left-color: #614C3F;
}

#study{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/study.png);
	background-repeat: no-repeat;
}

#study p{
	font-size: 14px;
	line-height: 21px;
	margin-top: 45px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}

#study2{
	width: 685px;
	height: 240px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/study2.png);
	background-repeat: no-repeat;
}

#study3{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/study3.png);
	background-repeat: no-repeat;
	height: 550px;
}

#commentbox{
	width: 685px;
	height: 240px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/producer.png);
	background-repeat: no-repeat;
}

.carousel{
	padding-left: 5px;
	margin-top: 50px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
}
.carousel li {
	padding-right: 8px;
	float: left;
}

.carousel img:hover {
	top: 5px;
	position: relative;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: #FF5F00;
}

.prev{
	width: 14px;
	height: 14px;
	background: url(image/proprev.png) 0 0 no-repeat;
	margin-top: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 3px;
}

.prev:hover{
	background: url(image/proprev.png) 0 -14px no-repeat;
}

.next{
	width: 14px;
	height: 14px;
	background-color: #666;
	background: url(image/pronext.png) 0 0 no-repeat;
	margin-top: 120px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.next:hover{
	background: url(image/pronext.png) 0 -14px no-repeat;
}

#infobox{
	width: 645px;
	clear: both;
	margin-bottom: 20px;
	border: 1px solid #660;
	background-image: url(image/guide.png);
	background-repeat: no-repeat;
	padding-top: 50px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#info{

}

#newbox{
	width: 645px;
	clear: both;
	margin-bottom: 20px;
	border: 1px solid #660;
	background-image: url(image/new.png);
	background-repeat: no-repeat;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;
}

.new{
	width: 630px;
	clear: both;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

.newleft{
	width: 100px;
	float: left;
}

.newright{
	width: 530px;
	float: right;
}

.menutips{
	margin-top: 10px;
	margin-bottom: 20px;
}

.menutips li{
	background-image: url(image/arrow.png);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-size: 13px;
	margin-bottom: 10px;
}

.ProText{
	position: relative;
	top: -25px;
	z-index: 100;
	clear: both;
	left: 470px;
	font-size: 10px;
	font-weight: bold;
}

#footer{
	height: 80px;
	width: 900px;
	clear: both;
}

#copyright{
	text-align: right;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #660;
	width: 870px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	line-height: 18px;
	font-size: 11px;
	color: #000;
}

.point{
	margin: 20px;
	color: #333;
}

.point li{
	margin-bottom: 20px;
}

.point h2{
	font-size: 20px;
	margin-bottom: 10px;
	font-weight: bolder;
}

.point h2 strong{
	font-size: 27px;
	margin-right: 5px;
	margin-left: 5px;
}

.point p{
	font-size: 13px;
	line-height: 22px;
}

.point p strong{
	font-weight: bolder;
	font-size: 16px;
	color: #A1101F;
}

.itemtext{
	padding: 20px;
	text-align: center;
}

.itemtext h2{
	font-size: 22px;
	color: #59121A;
	font-weight: bolder;
	margin-bottom: 10px;
}

.itemtext h3{
	font-size: 22px;
	color: #333;
	font-weight: bolder;
	margin-bottom: 5px;
	margin-top: 5px;
}

.itemtext h4{
	font-size: 18px;
	color: #333;
	font-weight: bolder;
}

.itemtext h5{
	font-size: 22px;
	color: #415884;
	font-weight: bolder;
	margin-bottom: 10px;
}

.h5s{
	font-size: 14px;
	color: #415884;
	font-weight: bolder;
	margin-right: 10px;
}

.itemtext p{
	font-size: 13px;
	line-height: 24px;
}

.itemtext p strong{
	font-size: 16px;
	color: #C00;
}

.bred{
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #531313;
	border-bottom-color: #531313;
	border-left-color: #531313;
}

.itemtextl{
	padding: 20px;
	text-align: left;
}

.itemtextl h2{
	font-size: 22px;
	color: #5D3478;
	font-weight: bolder;
	margin-bottom: 10px;
}

.itemtextl p{
	font-size: 13px;
	line-height: 24px;
	float: left;
	width: 420px;
	margin-right: 20px;
}

.itemtextl img{
	float: left;
}

.itemtextl p strong{
	font-size: 16px;
	color: #C00;
}

.cart{
	float: left;
	padding-right: 18px;
	padding-left: 18px;
	margin-bottom: 25px;
}

#guide{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/guide.png);
	background-repeat: no-repeat;
	padding-top: 45px;
}

#guide p{
	font-size: 12px;
	line-height: 18px;
	margin: 20px;
	padding: 10px;
	border-top-width: 8px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #614C3F;
	border-right-color: #614C3F;
	border-bottom-color: #614C3F;
	border-left-color: #614C3F;
}

#guide strong{
	font-size: 20px;
	font-weight: bolder;
}

#guide em{
	font-size: 16px;
	font-weight: bolder;
	color: #F60;
}

#mailmag{
	width: 645px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/Mailmagzine.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

#mailmag em{
	font-size: 8px;
	line-height: 24px;
}

.textbox{
	background-color: #E4E4D7;
	border: 1px solid #666;
}

#infomation{
	width: 645px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/infomation.png);
	background-repeat: no-repeat;
	padding-top: 45px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}

.smallred{
	font-size: 10px;
	color: #F00;
}

.linkbox{
	margin-top: 20px;
	margin-bottom: 20px;
}

.link{
	height: 188px;
	width: 643px;
	background-color: #FFF;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	border: 1px solid #333;
}

.thumb ul{


}

.thumb li{
	float: left;
	width: 150px;
	padding-right: 5px;
	padding-left: 5px;
}

.thumb li p{
	text-align: center;
	font-size: 12px;
}

#study4{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/study4.png);
	background-repeat: no-repeat;
}

#study4 p{
	font-size: 14px;
	line-height: 21px;
	margin-top: 45px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
	width: 350px;
}

#study5{
	width: 685px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
	border: 1px solid #660;
	background-image: url(image/study5.png);
	background-repeat: no-repeat;
}

#study5 p{
	font-size: 14px;
	line-height: 21px;
	margin-top: 45px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 20px;
}