@charset "utf-8";

/*------------------------------------------------
	base styles
--------------------------------------------------*/
body {
	font-family: 'MS P Gothic','ＭＳ Ｐゴシック', sans-serif;
	/font-family: 'ＭＳ Ｐゴシック';
	color: 333333;
	background: url(../images/bg_body.gif) no-repeat center top #f0e0bb;
}
body,p,dl,ol,ul,h1,h2,h3,h4,h5,h6,form,table,td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
ol,ul {
	list-style-type: none;
}
ol li img,
ul li img {
	vertical-align: top;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
}
img {
	border: none;
}
select,input,textarea {
	color: #333333;
	font-size: 100%;
}
strong {
	font-weight: bold;
}
strong.text_st_black {
	font-weight: bold;
	color: #333333;
}
sub {
	font-size: 100%;
}
sup {
	font-size: 100%;
}
html:not([lang*=""]) sup {
	font-size: 80%;
}
a {
	outline: none;
	overflow: hidden;
}
a:link {
	color: #4f0d01;
	text-decoration: none;
}
a:visited {
	color: #4f0d01;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
.font-a {
	font-size: 83%;
	color: #4f0d01;
}
.font-b {
	font-size: 79%;
	color: #4f0d01;
}

/*------------------------------------------------
	clear styles
--------------------------------------------------*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	font-size: 0.1em;
}

/*------------------------------------------------
	note
--------------------------------------------------*/
.note {
	margin-top: 4px;
	font-size: 70%;
	color: #666666;
}
.note a {
	color: #d93901;
	text-decoration: underline;
}
.note a:hover {
	text-decoration: none;
}
a.same {
	padding-left: 10px;
	margin-left: 4px;
	background: url(../images/icon_arrow02.gif) 1px 2px no-repeat;
}
a.blank {
	padding-left: 10px;
	margin-left: 4px;
	background: url(../images/icon_blank00.gif) left 2px no-repeat;
}
a.blank01 {
	padding-left: 12px;
	background: url(../images/icon_blank01.gif) left 4px no-repeat;
}

/*------------------------------------------------
	header
--------------------------------------------------*/
#header {
	height: 86px;
	background: url(../images/bg_header.png) left top repeat-x;
}
#header .inner {
	width: 984px;
	margin: 0 auto;
	position: relative;
}
#header .logo {
	width: 209px;
	position: absolute;
	top: 19px;
	left: 11px;
}

/*subnavi*/
#header .subnavi {
}
#header .subnavi ul {
	float: right;
}
#header .subnavi li {
	float: left;
}
#header .subnavi #subnavi00 {
	margin-top: 4px;
}
#header .subnavi #subnavi01,
#header .subnavi #subnavi02,
#header .subnavi #subnavi03 {
	margin: 4px 0 0 13px;
}
#header .subnavi #subnavi04 {
	margin-left:13px;
}

/*navi*/
#header .navi {
	width: 738px;
	position: absolute;
	top: 19px;
	left: 242px;
}
#header .navi li {
	float: left;
}
#navi00 a,
#navi01 a,
#navi02 a {
	height: 63px;
	text-indent: -999em;
	display:block;
}
#navi00 a {
	width: 150px;
	background: url(../images/navi_menu.gif) left top no-repeat;
}
#navi00 a:hover {
	background: url(../images/navi_menu_on.gif) left top no-repeat;
}
#navi00 a.current {
	background: url(../images/navi_menu_on.gif) left top no-repeat;
}
#navi01 a {
	width: 159px;
	background: url(../images/navi_shop.gif) left top no-repeat;
}
#navi01 a:hover {
	background: url(../images/navi_shop_on.gif) left top no-repeat;
}
#navi01 a.current {
	background: url(../images/navi_shop_on.gif) left top no-repeat;
}
#navi02 a {
	width: 159px;
	background: url(../images/navi_delivery.gif) left top no-repeat;
}
#navi02 a:hover {
	background: url(../images/navi_delivery_on.gif) left top no-repeat;
}
#navi02 a.current {
	background: url(../images/navi_delivery_on.gif) left top no-repeat;
}
#header .navi li#navi03 {
	width: 77px;
	position: absolute;
	top: 25px;
	left: 510px;
}
#header .navi li#navi04 {
	width: 57px;
	position: absolute;
	top: 25px;
	left: 616px;
}
#header .navi li#navi03 a:hover,
#header .navi li#navi04 a:hover {
	filter: alpha(opacity=35);
	-moz-opacity:0.35;
	opacity:0.35;
	/display: inline-block;
	display: inline-block\9;
}

/*------------------------------------------------
	contents
--------------------------------------------------*/
#contents {
	padding-top: 10px;
}
#contents.has-bottom-padding {
	padding-bottom: 10px;
}
#contents .inner {
	width: 984px;
	margin: 0 auto;
	padding:8px 0 0 0;
	background: url(../images/bg_contents_top.png) left top no-repeat;
}
#contents .inner-bottom {
	width: 984px;
	margin: 0 auto;
	padding: 0 0 8px 0;
	background: url(/common/images/bg_contents_bottom.png) left bottom no-repeat;
}
#contents .article {
	width: 984px;
        background: url(../images/bg_contents_center.png) 0 0 repeat-y;

}

/*arrow*/
a.arrow00 {
	padding-left: 15px;
	background: url(../images/icon_arrow00.gif) 3px 1px no-repeat;
}
#index_main_contents {
	width: 912px;
	padding: 28px 0 0 36px;
}
#main_contents {
	width: 745px;
	padding: 19px 0 0 27px;
	float: left;
}

/*------------------------------------------------
	footer
--------------------------------------------------*/
#footer {
	padding-top: 50px;
	padding-left: 27px;
	padding-bottom: 15px;
	background: url(../images/bg_contents_center.png) 0 0 repeat-y;
}
#footer .article {
	width: 930px;
	background: url(../images/line_footer.gif) left top no-repeat;
}
#footer .left {
	width: 540px;
	margin: 21px 0 0 13px;
	float: left;
}
#footer .left .navi_footer {
	width: 540px;
}
#footer .left .navi_footer ul {
	width: 540px;
	height: 10px;
}
#footer .left .navi_footer li {
	margin-right: 16px;
	float: left;
	padding: 1px 0 0 0;
}
#footer .left .navi_footer li.newbusiness {
	padding: 0;
}
#footer .left .navi_footer li a {
	display: inline-block;
}
#footer .left .bnr_footer {
	margin-top: 18px;
}
#footer .left .bnr_footer li {
	width: 129px;
	margin-right: 5px;
	float: left;
}
#footer  .right {
	width: 243px;
	margin: 17px 8px 0 0;
	float: right;
	display: inline;
}
#footer .right .logo_footer {
	width: 104px;
	float: right;
}
#footer .right .copyright {
	width: 228px;
	height: 5px;
	margin-top: 9px;
	background: url(../images/text_copyright.gif) left top no-repeat;
	text-indent: -9999px;
	float: right;
}
#footer .right .caution {
	width: 243px;
	height: 10px;
	margin-top: 3px;
	background: url(../images/text_caution.gif) left top no-repeat;
	text-indent: -9999px;
	float: right;
}
#footer .right .support {
	width: 123px;
	height: 6px;
	margin-top: 15px;
	float: right;
}
#footer a:hover {
	filter: alpha(opacity=35);
	-moz-opacity:0.35;
	opacity:0.35;
	display: inline-block;
}