@charset "utf-8";

/* =======================================

	STRUCTURE CSS

========================================== */



/* LAYOUT
========================================== */
body {
	text-align: center;
	background: #FFFCF9 url(/images/pc/common/body_bg_01.png) repeat-x left top;
	color: #555;
	letter-spacing:0.04em;
}
#wrapper {
	width: 1020px;
	margin: 0 auto;
	text-align: left;
}
#header {
	position: relative;
	height: 113px;
}
#contents {
	margin: 0 0 60px;
	zoom: 1;
}
#contents:after {content: ""; display: block; clear: both;}
#crumbs {
	margin: 0 0 5px;
	zoom: 1;
}
#crumbs:after {content: ""; display: block; clear: both;}
#main {
	width: 800px;
	float: left;
	display: inline;
}
#side {
	width: 200px;
	float: right;
	display: inline;
}
#footer {
	clear: both;
	width: 100%;
	zoom: 1;
}
#footer:after {content: ""; display: block; clear: both;}

#sp-mode{
	font-weight: bold;
	color: #FFF;
	text-align: center;
	margin: 0px;
	padding: 10px 0px;
	width: 100%;
	background: #777777;
}

#sp-mode a{
	color: #FFF;
}


/* HEADER
========================================== */
#logo {
	height: 74px;
	width: 147px;
	line-height: 74px;
	position: absolute;
	left: 0;
	top: 20px;
}
#logo a {
	height: 74px;
	width: 147px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/pc/common/logo.png) no-repeat;
}
#description {}
#headerNavi {
	position: absolute;
	right: 0;
	top: 20px;
	font-size: 11px;
}
#headerNavi ul li {
	background: url(/images/pc/parts/ico_arrow_01.png) no-repeat left center;
	padding: 0 0 0 15px;
	margin: 0 15px 0 0;
	line-height: 20px;
	float: left;
}
#headerNavi ul li a {
	color: #444;
}
#headerTxt {
	position: absolute;
	right: 0;
	top: 39px;
}
#memberArea {
	height: 44px;
	clear: both;
	margin: 0 0 13px;
	position: relative;
	padding: 5px;
}
#memberArea #headerTotal {
	position: absolute;
	right: 180px;
	line-height: 34px;
}
#memberArea #headerTotal span {
	font-weight: bold;
	font-size: 16px;
}
#memberArea #headerCart {
	position: absolute;
	right: 0;
}

#header #headerCat {
	position: absolute;
	width: 215px;
	height: 60px;
	left: 245px;
	top: 32px;
}
#header #headerCat ul {
	width: 232px;
	margin-right: -17px;
}
#header #headerCat li {
	float: left;
	margin-right: 17px;
}



/* GLOBALNAVI
------------------------------------------ */
#naviArea {
	clear: both;
	position: relative;
	height: 55px;
	margin: 0 0 15px;
}
#naviArea #globalnavi {
	height: 55px;
	clear: both;
	position: absolute;
	left: 0;
}
#naviArea #globalnavi li {
	height: 55px;
	width: 160px;
	line-height: 55px;
	float: left;
	display: inline;
}
#naviArea #globalnavi li a {
	height: 55px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(/images/pc/common/globalnavi.png) no-repeat;
}

/* GLOBAL NAVI a:link */
#naviArea #globalnavi #gnavi01   {width: 125px;}
#naviArea #globalnavi #gnavi02   {width: 125px;}
#naviArea #globalnavi #gnavi03   {width: 156px;}
#naviArea #globalnavi #gnavi04   {width: 114px;}
#naviArea #globalnavi #gnavi05   {width: 155px;}

#naviArea #globalnavi #gnavi01 a {background-position:    0px 0px;}
#naviArea #globalnavi #gnavi02 a {background-position: -125px 0px;}
#naviArea #globalnavi #gnavi03 a {background-position: -250px 0px;}
#naviArea #globalnavi #gnavi04 a {background-position: -406px 0px;}
#naviArea #globalnavi #gnavi05 a {background-position: -520px 0px;}

#naviArea #search {
	width: 320px;
	height: 50px;
	background: url(/images/pc/common/search_bg.png) no-repeat;
	position: absolute;
	right: 0;
	top: 5px;
}
#naviArea #search #search-title {
	width: 81px;
	height: 18px;
	background: url(/images/pc/common/search_tit.png) no-repeat;
	text-indent: -9999px;
	position: absolute;
	left: 19px;
	top: 16px;
}
#naviArea #search #searchTxt {
	position: absolute;
	left: 110px;
	top: 9px;
}
#naviArea #search #searchTxt input {
	width: 190px;
	height: 22px;
	padding: 5px;
	border: none;
	outline: none;
	border-radius: 3px;
}


/* CRUMBS
========================================== */
#crumbs {
	font-size: 10px;
	margin: 0 0 30px;
	clear: both;
}
#crumbs ol {
	text-align: left;
}
#crumbs ol li {
	float: left;
	display: inline;
}
#crumbs .arrow {
	padding: 0 10px;
	content: ">";
}
#crumbs a {
	text-decoration: none;
	color: #4592DD;
}



/* MAIN
========================================== */
#main section {
	margin: 0 0 20px;
}



/* SIDE
========================================== */
#side section {
	margin: 0 0 20px;
}

#side .loginBody {
	padding: 10px 12px 0;
	background: url(/images/pc/common/login_bg_01.png) repeat-y;
}
#side #login h3 {
	background: url(/images/pc/common/login_tit_01.png) no-repeat;
	height: 39px;
	text-indent: -9999px;
}
#side .loginTxt {
	font-size: 11px;
	border-bottom: 1px dotted #DFDFD0;
	padding: 0 0 6px;
}
#side .loginForm dt {
	font-weight: bold;
	font-size: 11px;
	margin: 8px 0 5px;
}
#side .loginForm dd {
}
#side .loginForm dd input {
	width: 158px;
	padding: 6px;
	border: solid 1px #ddd;
	outline: none;
	border-radius: 3px;
}
#side .forget {
	text-align: right;
}
#side .forget a {
	background: url(/images/pc/common/login_arrow_01.png) no-repeat left center;
	padding: 0 0 0 8px;
	font-size: 11px;
	text-align: right;
}
#side .loginBtnArea {
	zoom: 1;
}
#side .loginBtnArea:after {content: ""; display: block; clear: both;}
#side .loginBtnArea ul {
	float: left;
}
#side .loginBtnArea ul li {
	background: url(/images/pc/common/login_arrow_02.png) no-repeat left center;
	padding: 0 0 0 8px;
	margin: 0 0 4px;
	font-size: 10px;
}
#side .loginBtnArea ul li a {
	color: #666;
}
#side .loginBtnArea .loginBtn {
	margin: 0;
	float: right;
}


/* LOGIN
------------------------------------------ */
#side #login {
	padding: 0 0 8px;
	margin: 0 0 20px;
	background: url(/images/pc/common/login_bg.png) no-repeat left bottom;
}


/* LOGIN AFTER
------------------------------------------ */
#side #loginAfter {
	padding: 0 0 8px;
	margin: 0 0 20px;
	background: url(/images/pc/common/login_bg.png) no-repeat left bottom;
}
#side #loginAfter .loginHead {
	padding: 9px 0 0;
	background: url(/images/pc/common/login_head_02.png) no-repeat left top;
}
#side #loginAfter .loginHead .loginHeadInner {
	position: relative;
	background: url(/images/pc/common/login_head.png) no-repeat left bottom;
}
#side #loginAfter h3 {
	padding: 10px 7px 10px 55px;
	line-height: 1.2;
}
#side #loginAfter .ico {
	position: absolute;
	bottom: -22px;
	left: 0;
}
#side #loginAfter .loginPoint {
	line-height: 1.5;
}
#side #loginAfter .loginPoint dt {
	font-weight: bold;
	padding: 3px 0 0 18px;
	margin: 0 0 5px;
}
#side #loginAfter .loginPoint dd {
	margin: 0 0 5px;
}
#side #loginAfter .loginPoint .loginPoint01 {background: url(../../pc/common/login_p_ico_01.png) no-repeat 0 3px;}
#side #loginAfter .loginPoint .loginPoint02 {background: url(../../pc/common/login_p_ico_02.png) no-repeat 0 3px;}

#side #loginAfter .loginPoint .loginPoint02-c p{
	margin: 0px;
	padding: 0px;
}

#side #loginAfter .loginBtn2col {
	border-bottom: 1px dotted #DFDFD0;
	padding: 0 0 10px;
	margin: 0 0 13px;
}
#side #loginAfter .loginBtn2col ul {
	width: 187px;
	margin: 0 -3px 0 0;
	zoom: 1;
}
#side #loginAfter .loginBtn2col ul:after {content: ""; display: block; clear: both;}
#side #loginAfter .loginBtn2col ul li {
	float: left;
	margin: 0 3px 0 0;
}
#side #loginAfter .loginBlock {
	border-bottom: 1px dotted #DFDFD0;
	padding: 0 0 10px;
	margin: 0 0 13px;
	font-size: 90%;
}
#side #loginAfter .loginBlock ul li {
	background: url(/images/pc/common/login_arrow_02.png) no-repeat left center;
	padding: 0 0 0 8px;
	margin: 0 0 10px;
}
#side #loginAfter .loginBlock ul li a {
	color: #666;
}
#side #loginAfter .loginBlock.last {
	margin: 0 !important;
	border-bottom: none !important;
}



/* LOGIN ver.2
------------------------------------------ */
#side #login h4 {
	text-align: center;
}
#side .loginAttention {
	font-size: 11px;
	color: #DA3305;
	border-bottom: 1px dotted #DFDFD0;
}
#side .loginAttention p {
	margin: 0 0 5px;
}



/* LOCALNAVI
------------------------------------------ */
#side #localnavi {
	margin: 0 0 20px;
	padding: 0 0 20px;
	background: url(/images/pc/common/category_bg.png) no-repeat left bottom;
}
#side #localnavi ul {
	margin: 0;
	padding: 0;
}
#side #localnavi ul li {
	height: 50px;
	line-height: 50px;
	margin: 0;
}
#side #localnavi ul li a {
	text-indent: -9999px;
	height: 50px;
	display: block;
	overflow: hidden;
	background: #F9F6F0 url(/images/pc/common/category.png) no-repeat;
}
#side #localnavi h3 {
	background: url(/images/pc/common/cat_tit.png) no-repeat;
	height: 50px;
	text-indent: -9999px;
}
#side #localnavi ul #lnavi01 a {background-position: 0px    0px;}
#side #localnavi ul #lnavi02 a {background-position: 0px  -50px;}
#side #localnavi ul #lnavi07 a {background-position: 0px -100px;}
#side #localnavi ul #lnavi03 a {background-position: 0px -150px;}
#side #localnavi ul #lnavi04 a {background-position: 0px -200px;}
#side #localnavi ul #lnavi05 a {background-position: 0px -250px;}
#side #localnavi ul #lnavi06 a {background-position: 0px -300px;}


 /* カレンダー
========================================== */
#side #sideCalender{
	margin: 0px 0px 20px;
	padding: 5px;
	border: 1px solid #ddd;
}

#side #sideCalender h3 {
	font-weight: bold;
	color: #FFF;
	background: #a1bf00;
	text-align: center;
	margin: 0px;
	padding: 8px 0px;
}

#side #sideCalender .holiday-list{
	margin: 0px;
	padding: 0px;
}

#side #sideCalender .holiday-list .month{
	font-weight: bold;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 8px;
	line-height: 100%;
}

#side #sideCalender .holiday-list .nt{
	margin: 0px;
	padding: 5px 0px;
	text-align:center;
	line-height: 100%;
}

#side #sideCalender .holiday-list .holiday-ex{
	background: #BC1919;
	margin: 0px 5px 0px 0px;
	padding: 0px;
	height: 10px;
	width: 10px;
	display: inline-block;
}

#side #sideCalender .holiday-list table{
	width: 100%;
}

#side #sideCalender .holiday-list table th{
	background: #EEEEEE;
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	border: 1px solid #FFF;
}

#side #sideCalender .holiday-list table td{
	text-align: center;
	margin: 0px;
	padding: 5px 0px;
	border: 1px solid #FFF;
}

#side #sideCalender .holiday-list table td.holiday{
	font-weight: bold;
	color: #FFF;
	background: #BC1919;
}

#side #sideCalender .holiday-list table .sun{
	color: #bc1919;
}

#side #sideCalender .holiday-list table .sat{
	color: #4585c7;
}

/* BANNER
------------------------------------------ */
#side #ssl {
	margin: 0px;
	padding: 10px;
	border: 1px solid #dddddd;
}
#side #ssl p.bana {
	margin: 0 auto;
	padding: 10px 0px 10px;
	width: 130px;
}

#side #ssl p.text {
	margin: 0;
	padding: 0px;
}

/* SSL
------------------------------------------ */
#side #banner {}
#side #banner ul li {
	margin: 0 0 10px;
}





/* SHOPPING GUIDE
========================================== */
.shoppingGuide {
	clear: both;
	width: 1050px;
	margin: 0 -30px 60px 0;
	font-size: 11px;
	line-height: 1.6;
	background: url(/images/pc/common/guide_bg.png) repeat-y;
	zoom: 1;
}
.shoppingGuide:after {content: ""; display: block; clear: both;}
.shoppingGuide a {
	color: #4592DD;
}
.shoppingGuide .block {
	width: 320px;
	float: left;
	margin: 0 30px 0 0;
}
.shoppingGuide .block .box {
	clear: both;
	margin: 0 0 20px;
}
.shoppingGuide h3 {
	color: #fff;
	background: #A2B900;
	padding: 3px 10px;
	margin: 0 0 10px;
}
.shoppingGuide h4 {
	color: #A2B900;
	margin: 0 0 0.5em;
}
.shoppingGuide p {
	margin: 0 0 1em;
}
.shoppingGuide table {
	border: solid 1px #ddd;
}
.shoppingGuide table th {
	background: #F9F6F0;
	text-align: center;
}
.shoppingGuide table th,
.shoppingGuide table td {
	border-bottom: solid 1px #ddd;
	padding: 7px;
	vertical-align: middle;
}
.shoppingGuide table .b-dashed {
	border-bottom: dashed 1px #ddd !important;
}
.shoppingGuide table .b-none {
	border: none;
}


/* FOOTER
========================================== */
#footerContents {
	width: 100%;
	padding: 30px 0;
	margin: 0 0 15px;
	background: #A2B71F;
	zoom: 1;
}
#footerContents:after {content: ""; display: block; clear: both;}
.footerInner {
	width: 1020px;
	margin: 0 auto 15px;
	position: relative;
	text-align: left;
	zoom: 1;
}
.footerInner:after {content: ""; display: block; clear: both;}
#footerContents .block {
	width: 225px;
	float: left;
	margin: 0 20px 0 0;
}
#footerContents .block h3 {
	background: url(/images/pc/common/footer_ico_01.png) no-repeat left center;
	color: #fff;
	padding: 0 0 0 20px;
	margin: 0 0 7px;
}
#footerContents .block h3 a{
	color: #fff;
}
#footerContents .block ul li {
	padding: 0 0 0 20px;
	margin: 0 0 5px;
	background: url(/images/pc/common/footer_ico_02.png) no-repeat left center;
}
#footerContents .block ul li.last {
	background: url(/images/pc/common/footer_ico_03.png) no-repeat left center;
}
#footerContents .block ul li a {
	color: #fff;
}
#footerContents #pagetop {
	position: absolute;
	right: 0;
	top: -58px;
}
#footerContents #pagetop a {
	width: 150px;
	height: 28px;
	background: url(/images/pc/common/pagetop.png) no-repeat;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}


/* FOOTER NAVIGATION
------------------------------------------ */
#footerNavi {
	float: left;
}
#footerNavi li {
	background: url(/images/pc/parts/ico_arrow_01.png) no-repeat left center;
	padding: 0 0 0 15px;
	margin: 0 15px 0 0;
	float: left;
}
#footerNavi li a {
	line-height: 20px;
	color: #444;
}
#footerNavi #fnavi01   {width: 105px;}
#footerNavi #fnavi02   {width: 160px;}
#footerNavi #fnavi03   {width: 130px;}
#footerNavi #fnavi01 a {background-position:    0px 0px;}
#footerNavi #fnavi02 a {background-position: -105px 0px;}
#footerNavi #fnavi03 a {background-position: -265px 0px;}


/* COPYRIGHT
------------------------------------------ */
#copyright {
	float: right;
}