@charset "utf-8";

/***--- basic elements settings ---***/
body {
	margin: 0;
	padding: 0;
	background-color: #ffffff;
	font-size: 75%;
	color: #333333;
}
div, p, form {
	margin: 0;
	padding: 0;
}
h1, h2, h3 {
	margin: 0;
	padding: 0;
}
p {
	line-height: 166.7%;
}
img {
	border: none;
}
/* link pattern */
a,
a:link,
a:visited {
	color: #7c94a6;
	text-decoration: none;
}
a:hover,
a:active {
	color: #f25c78;
	text-decoration: underline;
}

a.img-link {
	margin: 1px;
	padding: 1px;
	display: block;
	border: 1px solid #cccccc;
}
a.img-link:hover {
	margin: 0px;
	border: 2px solid #f25c78;
}
a.gray-back {
	width: 45px;
	height: 11px;
	display: block;
	text-indent: -999em;
	background: url(../images/btn_gray-back.gif) left top no-repeat;
	overflow: hidden;
	float: right;
}
a.gray-back:hover {
	background: url(../images/btn_gray-back.gif) left -11px no-repeat;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
th, td {
	margin: 0px;
	padding: 0px;
}
abbr, acronym {
	border: none;
}
input, textarea, select {
	margin: 0;
}
textarea {
	font-size: 100%;
	line-height: 1.5;
}

/***--- /basic elements settings ---***/

/***--- common classes ---***/
.clearfix:after {
	clear: both;
	content: " ";
	display: block;
	height: 0px;
	visibility: hidden;
}
.no-display {
	display: none;
}
p.note {
	padding-left: 1.1em;
	color: #888888;
	text-indent: -1.1em;
}
/* list */
ul, ol, li {
	margin: 0;
	padding: 0px;
	line-height: 1em;
	list-style-type: none;
}
ul.list01 li {
	padding-top: 3px;
	padding-left: 6px;
	background: url(../images/icon_list-dotte.gif) left 3px no-repeat;
}
/* icon */
#right-navi span.icon {
	margin: 0 0 0 5px;
	vertical-align: middle;
}
#contents #main-contents .innerlink {
	margin-left: -1px;
	margin-top: 4px;
	padding: 0 0 0 19px;
	position: relative;
	background: url(../images/icon_arr-gray_right.gif) left center no-repeat;
}



/***--- /common classes ---***/

/***--- main-contents ---***/
#contents {
	margin: 0 auto;
	width: 911px;
	overflow: hidden;
}
#main-contents {
	width: 688px;
	overflow: hidden;
	float: left;
}
/***--- /main-contents ---***/

/***--- right navi ---***/
#right-navi {
	margin: 48px 0 0 0;
	padding: 0 0 0 0;
	width: 192px;
	float: right;
}
/*--- product ---*/
#right-navi .section-block-body {
	padding: 0;
}
#right-navi #rnavi_product-search.section-block .section-block-head p a {
	width: 192px;
	height: 30px;
	display: block;
	text-indent: -999em;
	background: url(../images/rnavi_title_product-search.gif) left top no-repeat;
}
#right-navi #rnavi_product-search.section-block .section-block-head p a:hover {
	background: url(../images/rnavi_title_product-search.gif) left -30px no-repeat;
}
#right-navi #rnavi_product-search.section-block .section-block-body ul li {
	margin: 0;
	padding: 6px 0 7px 8px;
	background: url(../images/bg_line_dotte-lgray.gif) left bottom repeat-x;
}
#right-navi #rnavi_product-search.section-block .section-block-body ul li a {
	padding: 0 0 0 17px;
	background: url(../images/icon_arr_right.gif) left 3px no-repeat;
}
#right-navi #rnavi_product-search.section-block .section-block-body ul li span img {
	vertical-align: text-top;
}

/* search-menu */
#right-navi .section-block .section.other-menu {
	padding: 33px 0 0 0;
}
#right-navi #rnavi_product-search.section-block .section.other-menu .head p.title {
	width: 145px;
	height: 15px;
	display: block;
	text-indent: -999em;
	background: url(../images/rnavi_title_search-keyword.gif) left top repeat-x;
}
/* search box */
#right-navi .section-block .section.other-menu .body .search-box {
	margin: 7px 0 0 0;
	width: 193px;
	height: 47px;
	background: url(../images/rnavi_bg_search-area.gif) left top no-repeat;
}
#right-navi .section-block .section.other-menu .body .search-box .search-box-inner {
	padding: 11px 0 0 8px;
	width: 177px;
	overflow: hidden;
}
#right-navi .section-block .section.other-menu .body .search-box .search-box-inner span.input {
	width: 128px;
	float: left;
	display: block;
}
#right-navi .section-block .section.other-menu .body .search-box .search-box-inner span.input input {
	padding: 3px 0 0 3px;
	width: 126px;
	height: 18px;
	border: 1px solid #cccccc;
}
#right-navi .section-block .section.other-menu .body .search-box .search-box-inner span.btn {
	padding: 2px 0 0 0;
	width: 40px;
	float: right;
	display: block;
}

#right-navi .section-block .section.other-menu .body ul {
	margin: 10px 0 0 0;
	background: url(../images/bg_line_dotte-lgray.gif) left top repeat-x;
}
#right-navi #rnavi_product-search.section-block .section-block-body .section.other-menu .body ul li {
	padding: 15px 0 15px 2px;
	font-weight: bold;
	background: url(../images/bg_line_dotte-lgray.gif) left bottom repeat-x;
}
#right-navi #rnavi_product-search.section-block .section-block-body .section.other-menu .body ul li.downdload a {
	padding-left: 0px;
	background: none;
}

/*--- shop ---*/
#right-navi .section-block-body {
	padding: 0;
}
#right-navi #rnavi_shop-search.section-block .section-block-head p a {
	width: 192px;
	height: 30px;
	display: block;
	text-indent: -999em;
	background: url(../images/rnavi_title_shop-search.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-head p a:hover {
	background: url(../images/rnavi_title_shop-search.gif) left -30px no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block {
	padding: 9px 7px 7px 7px;
	background: url(../images/bg_line_dotte-lgray.gif) left bottom repeat-x;
}

/* area title */
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p {
	height: 14px;
	text-indent: -999em;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.hokkaido {
	width: 70px;
	background: url(../images/rnavi_title_shop-hokkaido.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.kanto {
	width: 70px;
	background: url(../images/rnavi_title_shop-kanto.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.hokuriku {
	width: 70px;
	background: url(../images/rnavi_title_shop-hokuriku.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.tokai {
	width: 70px;
	background: url(../images/rnavi_title_shop-tokai.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.kinki {
	width: 70px;
	background: url(../images/rnavi_title_shop-kinki.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.chugoku {
	width: 70px;
	background: url(../images/rnavi_title_shop-chugoku.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.shikoku {
	width: 70px;
	background: url(../images/rnavi_title_shop-shikoku.gif) left top no-repeat;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block p.kyusyu {
	width: 70px;
	background: url(../images/rnavi_title_shop-kyusyu.gif) left top no-repeat;
}

#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block ul {
	margin: 7px 0 0 0;
	overflow: hidden;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block ul li {
	margin-right: 13px;
	display: inline;
	line-height: 135%;
}
#right-navi #rnavi_shop-search.section-block .section-block-body .area .area_block ul li a {
	display: inline-block;
}

/* search-menu */
#right-navi .section-block .section.other-menu {
	padding: 33px 0 0 0;
}
#right-navi #rnavi_shop-search.section-block .section.other-menu .head p.title {
	width: 193px;
	height: 28px;
	text-indent: -999em;
	background: url(../images/rnavi_text_search-shop.gif) left top no-repeat;
}

/* no-search-menu */
#right-navi #rnavi_product-search.section-block .section-block-body .section.list-menu {
	margin: 35px 0 0 0;
}
#right-navi #rnavi_product-search.section-block .section-block-body .section.list-menu .body ul {
	padding: 0 0 8px 0;
	background: url(../images/bg_line_dotte-lgray.gif) left bottom repeat-x;
}
#right-navi #rnavi_product-search.section-block .section-block-body .section.list-menu .body ul li {
	padding: 0 0 0 28px;
	background: url(../images/icon_download.gif) 7px top no-repeat !important;
}
#right-navi #rnavi_product-search.section-block .section-block-body .section.list-menu .body ul li a {
	padding-left: 0px;
	background: none;
	font-weight: bold;
}

/***--- banner-area ---***/
#right-navi .section-block.banner-area {
	margin: 60px 0 0 0;
}
#right-navi .section-block.banner-area .section-block-head {
	overflow: hidden;
}
#right-navi .section-block.banner-area .section-block-head .section .body p.title {
	width: 111px;
	height: 18px;
	text-indent: -999em;
	background: url(../images/rnavi_title_banner-area.gif) left 3px no-repeat;
	float: left;
}

#right-navi .section-block.banner-area .section-block-head .section .body p.link {
	padding: 0 0 0 17px;
	width: 25px;
	text-align: right;
	background: url(../images/icon_arr-gray_right.gif) left 5px no-repeat;
	float: right;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li {
	margin: 5px 0 0 0;
	width: 192px;
	height: 67px;
	overflow: hidden;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr {
	margin: 0 0 0 0;
	padding: 20px 0 0 0;
	height: auto;
	background: url(../images/bg_line_dotte-gray.gif) left 10px repeat-x;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr2 {
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	height: auto;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr a.bottom-bnr {
	display: block;
	/* padding: 1px; */
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr a.bottom-bnr span {
	margin: 1px;
	padding: 1px;
	display: block;
	border: 1px solid #cccccc;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr a.bottom-bnr:hover span {
	margin: 0px;
	border: 2px solid #f25c78;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr p {
	line-height: 130%;
	padding: 4px 0 0 2px;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr3 {
	margin: 0 0 0 0;
	padding: 10px 0 0 0;
	height: auto;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr3 a.bottom-bnr {
	display: block;
	/* padding: 1px; */
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr3 a.bottom-bnr span {
	margin: 1px;
	padding: 1px;
	display: block;
	border: 1px solid #cccccc;
}
#right-navi .section-block.banner-area .section-block-body .section .body ul li.bottom-bnr3 a.bottom-bnr:hover span {
	margin: 0px;
	border: 2px solid #f25c78;
}
/***--- /right navi ---***/

/***--- header ---***/
#header {
	margin: 0 0 0 0;
	padding: 0 0 28px 0;
	overflow: hidden;
}
#header .header-inner {
	padding: 28px 0 0 0;
	width: 911px;
	margin: 0 auto;
	overflow: hidden;
}
/* logo area */
#header .header-inner #logo-area {
	margin: 0 0 0 0;
	width: 533px;
	float: left;
	overflow: hidden;
}
#header .header-inner #logo-area #main-logo {
	width: 104px;
	float: left;
}
#header .header-inner #logo-area p.catch {
	margin: 26px 0 0 0;
	width: 427px;
	height: 10px;
	float: right;
	display: block;
	text-indent: -999em;
	background: url(../images/header_catch-text.gif) -1px -1px no-repeat;
}
/* user-area */
#header .header-inner .user-area {
	margin: 0 0 0 0;
	width: 245px;
	float: right;
	overflow: hidden;
}
/* header-navi */
#header .header-inner .user-area .header-navi {
	overflow: hidden;
}
#header .header-inner .user-area .header-navi ul {
	overflow: hidden;
	float: right;
}
#header .header-inner .user-area .header-navi ul li {
	height: 10px;
	float: left;
}
#header .header-inner .user-area .header-navi ul li a {
	height: 10px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	line-height: 100%;
}
#header .header-inner .user-area .header-navi ul li.news a {
	width: 57px;
	background: url(../images/header_navi_news.gif) left top no-repeat;
}
#header .header-inner .user-area .header-navi ul li.news a:hover {
	background: url(../images/header_navi_news.gif) left -10px no-repeat;
}
#header .header-inner .user-area .header-navi ul li.qa a {
	width: 86px;
	background: url(../images/header_navi_qa.gif) left top no-repeat;
}
#header .header-inner .user-area .header-navi ul li.qa a:hover {
	background: url(../images/header_navi_qa.gif) left -10px no-repeat;
}
#header .header-inner .user-area .header-navi ul li.inquiry a {
	width: 75px;
	background: url(../images/header_navi_inquiry.gif) left top no-repeat;
}
#header .header-inner .user-area .header-navi ul li.inquiry a:hover {
	background: url(../images/header_navi_inquiry.gif) left -10px no-repeat;
}

/* user-navi */
#header .header-inner .user-area .user-navi {
	margin: 15px 0 0 0;
	overflow: hidden;
}
#header .header-inner .user-area .user-navi ul {
	overflow: hidden;
	float: right;
}
#header .header-inner .user-area .user-navi ul li {
	float: left;
	height: 10px;
	line-height: 100%;
}
#header .header-inner .user-area .user-navi ul li a {
	height: 10px;
	display: block;
	text-indent: -999em;
	overflow: hidden;
	line-height: 100%;
}
#header .header-inner .user-area .user-navi ul li.shopping {
	width: 83px;
	text-indent: -999em;
	background: url(../images/header_user-navi_shopping.gif) left top no-repeat;
}
#header .header-inner .user-area .user-navi ul li.mypage a {
	width: 78px;
	background: url(../images/header_user-navi_mypage.gif) left top no-repeat;
}
#header .header-inner .user-area .user-navi ul li.mypage a:hover {
	background: url(../images/header_user-navi_mypage.gif) left -10px no-repeat;
}
#header .header-inner .user-area .user-navi ul li.cart a {
	width: 83px;
	background: url(../images/header_user-navi_cart.gif) left top no-repeat;
}
#header .header-inner .user-area .user-navi ul li.cart a:hover {
	background: url(../images/header_user-navi_cart.gif) left -10px no-repeat;
}


/* menu */

#menu {
	height: 31px;
	background: url(../images/bg_gnavi-line.gif) left top repeat-x;
}
#menu #menu-inner {
	width: 911px;
	margin: 0 auto;
	overflow: hidden;
}
#menu #menu-inner ul#grand-menu {
	height: 31px;
	overflow: hidden;
}
#menu #menu-inner ul#grand-menu li {
	height: 30px;
	float: left;
	position: relative;
}
#menu #menu-inner ul#grand-menu li a {
	display: block;
	height: 30px;
	text-indent: -999em;
}
#menu #menu-inner ul#grand-menu li#product-search {
	width: 229px;
}
#menu #menu-inner ul#grand-menu li#product-search a {
	width: 229px;
	background: url(../images/gnavi_product-search_no-drop.gif) left top no-repeat;
}
#menu #menu-inner ul#grand-menu li#product-search a:hover {
	background: url(../images/gnavi_product-search_no-drop.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#product-search.current a {
	background: url(../images/gnavi_product-search_no-drop.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#shop-search {
	width: 229px;
}
#menu #menu-inner ul#grand-menu li#shop-search a {
	width: 229px;
	background: url(../images/gnavi_shop-search.gif) left top no-repeat;
}
#menu #menu-inner ul#grand-menu li#shop-search a:hover {
	background: url(../images/gnavi_shop-search.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#shop-search.current a {
	background: url(../images/gnavi_shop-search.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#howtobuy {
	width: 229px;
}
#menu #menu-inner ul#grand-menu li#howtobuy a {
	width: 229px;
	background: url(../images/gnavi_howtobuy.gif) left top no-repeat;
}
#menu #menu-inner ul#grand-menu li#howtobuy a:hover {
	background: url(../images/gnavi_howtobuy.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#howtobuy.current a {
	background: url(../images/gnavi_howtobuy.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#about {
	width: 224px;
}
#menu #menu-inner ul#grand-menu li#about a {
	width: 224px;
	background: url(../images/gnavi_about.gif) left top no-repeat;
}
#menu #menu-inner ul#grand-menu li#about a:hover {
	background: url(../images/gnavi_about.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#about.current a {
	background: url(../images/gnavi_about.gif) left -30px no-repeat;
}
/* inquiry menu */
#menu #menu-inner ul#grand-menu li#product-search_no-drop {
	width: 229px;
}
#menu #menu-inner ul#grand-menu li#product-search_no-drop a {
	width: 229px;
	background: url(../images/gnavi_product-search_no-drop.gif) left top no-repeat;
}
#menu #menu-inner ul#grand-menu li#product-search_no-drop a:hover {
	background: url(../images/gnavi_product-search_no-drop.gif) left -30px no-repeat;
}
#menu #menu-inner ul#grand-menu li#product-search_no-drop.current a {
	background: url(../images/gnavi_product-search_no-drop.gif) left -30px no-repeat;
}

/***--- /header ---***/

/***--- pagetop ---***/
#pagetop {
	width: 911px;
	margin: 0 auto;
	padding: 57px 0 0 0;
	overflow: hidden;
}
#pagetop a {
	width: 115px;
	height: 16px;
	background: url(../images/pagetop.gif) left top no-repeat;
	text-indent: -999em;
	float: right;
}
#pagetop a:hover {
	background: url(../images/pagetop.gif) left -16px no-repeat;
}

/* bottom-menu */
#bottom-menu {
	width: 911px;
	margin: 8px auto 0 auto;
	padding: 13px 0 0 0;
	background: url(../images/bg_bottom-menu-line.gif) left top repeat-x;
}
#bottom-menu ul {
	overflow: hidden;
}
#bottom-menu ul li {
	float: left;
	height: 11px;
}
#bottom-menu ul li a {
	height: 11px;
	display: block;
	text-indent: -999em;
}
#bottom-menu ul li.shop-exclusive a {
	width: 132px;
	background: url(../images/footer_navi_shop-exclusive.gif) left top no-repeat;
}
#bottom-menu ul li.shop-exclusive a:hover {
	background: url(../images/footer_navi_shop-exclusive.gif) left -11px no-repeat;
}
#bottom-menu ul li.partner a {
	width: 86px;
	background: url(../images/footer_navi_af.gif) left top no-repeat;
}
#bottom-menu ul li.partner a:hover {
	background: url(../images/footer_navi_af.gif) left -11px no-repeat;
}
#bottom-menu ul li.sitemap a {
	width: 77px;
	background: url(../images/footer_navi_sitemap.gif) left top no-repeat;
}
#bottom-menu ul li.sitemap a:hover {
	background: url(../images/footer_navi_sitemap.gif) left -11px no-repeat;
}
#bottom-menu ul li.privacypolicy a {
	width: 118px;
	background: url(../images/footer_navi_privacypolicy.gif) left top no-repeat;
}
#bottom-menu ul li.privacypolicy a:hover {
	background: url(../images/footer_navi_privacypolicy.gif) left -11px no-repeat;
}
#bottom-menu ul li.corporate a {
	width: 55px;
	float: left;
	background: url(../images/footer_navi_corporate.gif) left top no-repeat;
}
#bottom-menu ul li.corporate a:hover {
	background: url(../images/footer_navi_corporate.gif) left -11px no-repeat;
}
#bottom-menu ul li.corporate span.file-icon02 {
	margin-left: 2px;
	width: 20px;
	float: left;
}

/***--- footer ---***/
#footer {
	margin: 32px 0 0 0;
	height: 55px;
	background: url(../images/bg_foot-line.gif) left top repeat-x;
	overflow: hidden;
}
#footer #footer-inner {
	padding: 11px 0 0 0;
	width: 911px;
	margin: 0 auto;
}
#footer #footer-inner p {
}
/***--- /footer ---***/