@charset "shift_jis";

body {
background-image:url(../images/parts/hd_mall.gif);
background-repeat:no-repeat;
	
}

h1 {
	background:#8CC342;
	clear:both;
	color:#fff;
	font-size:medium;
	font-weight:bold;
	padding:6px;
	text-align:center;
}

.e h1 {
	background:#eaf1c5;
	border:solid 1px #bbda91;
	clear:both;
	color:#000;
	margin-bottom:0;
	padding:3px 5px;
	text-align:left;
	width:576px;
}

#gSearch h1 {
	background:none;
	border:none;
}

.e h2 {
	font-size:medium;
	padding:5px 7px 5px 0;
}

.c h2, .m h2 {
	font-size:medium;
	margin:20px 0 0 21px;
	padding:5px 7px;
}

/* トップバナー関連 */

h2.bb {
	width:580px;
	height:168px;
}

.bbLeft {
	float:left;
	margin:8px 4px 10px 0;
}

.bbRight {
	float:left;
	margin:8px 0 10px 4px;
}

/* トップ新着情報 */

h3.news {
	background:#eaf1c5;
	border:solid 1px #bbda91;
	clear:both;
	margin-bottom:0;
	padding:3px 5px;
	width:576px;
}


/* 新着情報アイコン */

table.rightBoxGreenTable {
	border-bottom:solid 1px #bbda91;
	border-left:solid 1px #bbda91;
	border-right:solid 1px #bbda91;
	width:588px;
}

td.campaign {
	background:url(../images/parts/icRightBoxGreenCampaign.gif) 7px 2px no-repeat;
	padding-left:80px;
}

td.newprod {
	background:url(../images/parts/icRightBoxGreenNewprod.gif) 7px 2px no-repeat;
	padding-left:80px;
}

td.present {
	background:url(../images/parts/icRightBoxGreenPresent.gif) 7px 2px no-repeat;
	padding-left:80px;
}

td a.ar {
background-image:url(../images/parts/liArGreen.gif);
background-repeat:no-repeat;
background-position:2px 7px;
	border:none;
	font-weight:normal;
	padding:6px 0 0 10px;
	text-align:left;
	width:449px;
}


/* トップランキング */

h3.ranking {
	background:url(../images/parts/bgRightBoxBlue.gif) top left no-repeat;
	border-bottom:solid 1px #9ccad7;
	clear:both;
	font-weight:bold;
	height:22px;
	margin:0;
	padding:25px 6px 0;
	width:576px;
}


.rankingDiv {
	background:url(../images/parts/bgRightBoxBlueBottom.gif) bottom left no-repeat;
}

.fourbox{
	float:left;
	margin:0;
	width:590px;
}

.rankingDiv .rank1 {
	background:url(../images/parts/bgRightBoxBlueRank1.gif) 1px 1px no-repeat;	
	float:left;
	padding:7px;
	text-align:center;
	width:135px;
}

.rankingDiv .rank2 {
	background:url(../images/parts/bgRightBoxBlueRank2.gif) 2px 4px no-repeat;	
	float:left;
	padding:7px;
	text-align:center;
	width:135px;
}

.rankingDiv .rank3 {
	background:url(../images/parts/bgRightBoxBlueRank3.gif) 2px 4px no-repeat;	
	float:left;
	padding:7px;
	text-align:center;
	width:135px;
}

.rank1 dd a, .rank2 dd a, .rank3 dd a, .blocks dd a {
	margin:0;
}

.rankingDiv .rank4 {
	padding:10px;
}

.rank4 dt {
	font-weight:bold;
}

.rank4 p {
	background:url(../images/parts/liArGreen.gif) left 8px no-repeat;
	border:none;
	float:right;
	font-size:x-small;
	font-weight:normal;
	margin:20px 0 0 10px;
	padding:6px;
}


h3.tokusyu {
	background:url(../images/parts/bgRightBoxYellow.gif) left top no-repeat;
	margin-top:20px;
	margin-bottom:0;
	padding:6px 6px;
line-height:1.5em;
}



h3.osusume {
	background:url(../images/parts/bgRightBoxLightblue.gif) left top no-repeat;
	margin-top:20px;
	margin-bottom:0;
	padding:6px 6px;
}

.footerBanners {
	clear:both;
	padding:10px 40px;
	text-align:center;	
}

/* 展示商品一覧 */

#gl h4, #gs h2 {
	color:#003399;
	font-size:small;
	margin:20px 0 10px;
}

.lh {
	margin-left:5px;
}

.searchPaging {
	font-size:x-small;
	margin-bottom:20px;
	text-align:right;
}

.srBox {
	border:solid 1px #cccccc;
	position:relative;
	padding:10px;
	margin-bottom:10px;
	clear:both;
}

.srImg {
	float:left;
	display:block;
}

.srName {
	float:left;
	height:64px;
	padding:10px;
	width:180px;
}

.srDesc {
	float:left;
	padding:10px;
	width:250px;
}

.clear{clear:both;}

/* details */

.dp {
	float:left;
	margin:0 10px;
	width:140px;
	/* \*/
	width:180px;
	/* */
}

.dp li {
	padding:5px 10px;
}


.dbox table{
	border:solid 1px #cccccc;
	float:left;
	margin:15px 0 20px;
	padding:0;
	width:380px;
}

.dbox table tr {
	margin:0;
	padding:0;
}

.dbox table td{
	font-size:small;
	margin:0;
	padding:10px 5px;
}


.desc p {
	margin:0 10px;
}


/* recentCheck */

.e h3 {
	margin:0;
	padding:0;
}

.rc {
	border:solid 1px #d9d590;
	float:left;
	margin:20px 5px 0 0;
	width:430px;
}

.rc_four{
	float:left;
	margin:0;
	width:430px;
}

.rc h3 {
	width:430px;
}

.rc .blocks {
	width:90px;
}

.rcc {
	border:solid 1px #d9d590;
	float:right;
	margin:20px 0 0 5px;
	width:145px;
}

.rcc h3 {
	height:auto;
	width:145px;
}

.rc h3 p, .rcc h3 p {
	background:#f2edcd;
	border-bottom:solid 1px #d9d590;
	color:#463420;
	padding:2px 5px;
}

.rcc ul {
	clear:both;
	padding:5px;
}

.rcc ul li {
background-image:url(../images/parts/liArOrange.gif);
background-repeat:no-repeat;
background-position:left 5px;
	line-height:1.2em;
	margin-left:2px;
	padding:0 3px 0 12px;
}

/* モバイルSuicaID & ログイン */
#login #contents {
	text-align:center;
}

#login h2 {
	background:url(../images/parts/bgContentsYellow.gif) no-repeat;
}

#login h3 {
	margin:20px 20px 0;
	padding:5px 0;
}

#login table {
	border:solid 1px #eee083;
}

#login .yet {
	background:#e5f2cc;
	border:solid 1px #bbda91;
	margin:0 20px;
	padding:15px 10px;
	text-align:center;
}

/* myPage */

#mpMenu {
	margin:0 0 10px;
}

#mpMenu .left {
	float:left;
	width:50%;
}

#mpMenu li {
	height:83px;
	padding:15px 10px 10px 90px;
}

#mpMenu .right {
	float:right;
	width:50%;
}

.mpContents {
	clear:both;
	margin-top:10px;
}

.mpLeft {
	float:left;
	margin:0 4px 0 4px;
	width:590px;
}

.mpRightOkini, .mpRightRec {
	border:solid 1px #cccccc;
	float:right;
	margin:20px 5px 0 0;
	width:140px;
}


.mpRightOkini p {
	background:#d6e3b4;
	padding:2px;
}

.mpRightRec p {
	background:#e1f0ee;
	padding:2px;
}

.mpRightOkini ul, .mpRightRec ul {
	padding:4px 2px;
}

h3.rbox_lg, h3.rbox_y, h3.rbox_lb {
	margin-top:20px;
	margin-bottom:0;
}

h3.rbox_g {
	background:#eaf1c5;
	border:solid 1px #bbda91;
	clear:both;
	margin-bottom:0;
	padding:3px 5px;
	width:576px;
}


h3.rbox_b {
	background:url(../images/parts/bgRightBoxBlue.gif) top left no-repeat;
	border-bottom:solid 1px #9ccad7;
	clear:both;
	font-weight:bold;
	height:22px;
	margin:0;
	padding:25px 6px 0;
	width:576px;
}


h3.rbox_y {
	background:url(../images/parts/bgRightBoxYellow.gif) left top no-repeat;
}


h3.barRec {
	background:url(../images/parts/bgRightBoxLightblue.gif) left top no-repeat;
	padding:6px 0 6px 4px;
}

h3.barOkini {
	background:url(../images/parts/bgRightBoxLightGreen.gif) left top no-repeat;
	padding:6px 0 6px 4px;
}


#myPage .blocks {
	border:solid 1px #cccccc;
	margin:3px;
	padding-top:4px;
	width:95px;
}

#myPage h1 {
	text-align:left;
}

#myPage li#m01 {
	background:url(../images/parts/myPageMenu01.gif) 30px 20px no-repeat;
}

#myPage li#m02 {
	background:url(../images/parts/myPageMenu02.gif) #edf6db 30px 20px no-repeat;
}

#myPage li#m03 {
	background:url(../images/parts/myPageMenu03.gif) #edf6db 30px 20px no-repeat;
}

#myPage li#m04 {
	background:url(../images/parts/myPageMenu04.gif) 30px 20px no-repeat;
}

#myPage li#m05 {
	background:url(../images/parts/myPageMenu05.gif) 30px 20px no-repeat;
}

#myPage li#m06 {
	background:url(../images/parts/myPageMenu06.gif) 30px 20px no-repeat;
}

#myPage li#m07 {
	background:url(../images/parts/myPageMenu07.gif) 30px 20px no-repeat;
}

#myPage li#m08 {
	background:url(../images/parts/myPageMenu08.gif) #edf6db 30px 20px no-repeat;
}
#myPage li#m99 {
	background: #edf6db 30px 20px no-repeat;
}
#myPage li#m98 {
	background: 30px 20px no-repeat;
}

#mpMenu a {
background-image:url(../images/parts/liArGreen.gif);
background-repeat:no-repeat;
background-position:left 1px;
	line-height:1.2em;
	padding:0 3px 0 10px;
}

.mpRightOkini img, .mpRightRec img {
	padding-left:4px;
}

.mpRightOkini ul li, .mpRightRec ul li {
background-image:url(../images/parts/liArGreen.gif);
background-repeat:no-repeat;
background-position:left 5px;
	line-height:1.2em;
	margin-left:8px;
	padding:0 3px 0 12px;
	font-size:x-small;
}


/* 会員ページ */

.m h2.member {
	background:url(../images/parts/bgContentsGreen.gif) no-repeat;
	text-align:center;
}

.m table.member {
	border:solid 1px #b9d0a1;
}

.m table.member td {
	border-bottom:solid 1px #b9d0a1;
}

.m h2.address {
	background:url(../images/parts/bgContentsGray.gif) no-repeat;
}

.m table.address {
	border:solid 1px #e0dede;
}

.m table.address td {
	border-bottom:solid 1px #e0dede;
}

.m h2.useful {
	background:url(../images/parts/bgContentsPink.gif) no-repeat;
	text-align:center;
}

.m table.useful {
	border:solid 1px #eecbcb;
}

.m table.useful td {
	border-bottom:solid 1px #eecbcb;
}

/* 郵便番号検索 + お問い合わせ入力*/

.c h2.zip {
	background:url(../images/parts/bgContentsPink.gif) no-repeat;
	text-align:center;
}

.c h2.claim {
	background:url(../images/parts/bgContentsGray.gif) no-repeat;
}

.c table.zip {
	border:solid 1px #eecbcb;
}

.c table.zip td {
	border-bottom:solid 1px #eecbcb;
}

.c table.claim {
	border:solid 1px #e0dede;
}

.c table.claim td {
	border-bottom:solid 1px #e0dede;
}


/* tableBorderControl */

.bc td {
	border:none !important;
}

.c .dvt td, .m .dvt td {
	border-top:double 3px #e0dede;
}

/* leftMenuElements */

/* 左メニュー */
li{
line-height:100%;
margin-bottom:5px;
margin-top:5px;
}

.leftBox01 {
background-image:url(../images/parts/lb01Bottom.gif);
background-repeat:no-repeat;
background-position:center bottom;
	padding-bottom:5px;
	margin-bottom:10px;
	width:150px;
}

.leftBox01List {
	border-left:solid 1px #ffcc00;
	border-right:solid 1px #ffcc00;
	padding:5px 0 5px;
	width:148px;
}

.leftBox02 {
background-image:url(../images/parts/lb02Bottom.gif);
background-repeat:no-repeat;
background-position:center bottom;
	padding-bottom:5px;
	margin-bottom:10px;
	width:150px;
}

.leftBox02List {
	border-left:solid 1px #007a52;
	border-right:solid 1px #007a52;
	padding:5px 0 5px;
	width:148px;
}

.leftBox03 {
	width:149px;
}


.leftBox02List ul li {
background-image:url(../images/parts/liArGreen.gif);
background-repeat:no-repeat;
background-position:left 3px;
	line-height:1.2em;
	margin-left:8px;
	padding:0 3px 0 12px;
	
}

.leftBox02List ul li.large_c{
padding-left:1em;

}

.leftBox02List ul li.medium_c{
background-image:url(../images/parts/liArGreen.gif);
background-repeat:no-repeat;
background-position:0.5em 3px;
padding-left:1.5em;

}

.leftBox02List ul li.small_c{
background-image:url(../images/parts/liArGreen.gif);
background-repeat:no-repeat;
background-position:1.5em 3px;
padding-left:2.5em;

}



/* mod */
.leftBox01List ul li, .myPageRightOkini ul li, .myPageRightRec ul li {
background-image:url(../images/parts/liArGreen.gif);
background-repeat:no-repeat;
background-position:left 0px;
line-height:1.2em;
	margin-left:8px;
	padding:0 3px 0 12px;
	font-size:x-small;
}


.leftBox01List ul li.beginner {
	background:url(../images/parts/icBeginner.gif) -3px top no-repeat;
}

.leftBox03 ul li {
	background:url(../images/parts/liArBlue.gif) left 5px no-repeat;
	border-bottom:solid 1px #cccccc;
	font-size:x-small;
	line-height:1.5em;
	margin:0 5px 5px 2px;
	padding:0 3px 5px 5px;
}

.leftBox03 ul li img {
	padding:2px 0;
}


.banners {
	padding:10px 0;
	text-align:center;
}

.banners img {
	padding:5px 0;
}


#menu01 {
	background:url(../images/parts/lb01_1.gif) left top no-repeat;
}

#menu02 {
	background:url(../images/parts/lb01_2.gif) left top no-repeat;
}

#menu03 {
	background:url(../images/parts/lb01_3.gif) left top no-repeat;
}

#menu04 {
	background:url(../images/parts/lb01_4.gif) left top no-repeat;
}

#menu05 {
	background:url(../images/parts/lb01_5.gif) left top no-repeat;
}

#menu06 {
	background:url(../images/parts/lb01_6.gif) left top no-repeat;
}

#menu07 {
	background:url(../images/parts/lb01_7.gif) left top no-repeat;
}

.leftBox01 p {
	color:#007a52;
	font-weight:bold;
	padding:3px 0 3px 24px;
}

.leftBox02 p {
	color:#fff;
	font-weight:bold;
	padding:3px 0 3px 24px;
}

html>body .leftBox01 p, html>body .leftBox02 p {
	padding:1px 0 0 24px;
}

p.cart {
	color:#000;
	font-weight:normal;
	padding-left:5px!important;
}

/* globalNavi */

#globalNavi {
	clear:both;
	float:left;
	width:100%;
	font-size:8pt;
	font-weight:bold;
	line-height:normal;
	border-bottom:1px solid #8fc147;
}
#globalNavi ul {
	margin:0 auto;
	padding:0 10px 0 100px;
	list-style:none;
}
#globalNavi li {
	display:inline;
	margin:0;
	padding:0;
}
#globalNavi a {
	float:left;
	background:url("../images/parts/bgGlobalNaviLeft.gif") no-repeat left top;
	margin:0;
	padding:0 0 0 4px;
	text-decoration:none;
}
#globalNavi a span {
	float:left;
	display:block;
	background:url("../images/parts/bgGlobalNaviRight.gif") no-repeat right top;
	padding:5px 10px 4px 6px;
	color:#666;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#globalNavi a span {float:none;}
/* End IE5-Mac hack */
#globalNavi a:hover span {
	color:#FFF;
}
#globalNavi a:hover {
	background-position:0% -42px;
}
#globalNavi a:hover span {
	background-position:100% -42px;
}

#pageTitle {
	background:#8CC342;
	clear:both;
	color:#fff;
	font-size:medium;
	font-weight:bold;
	padding:6px;
	text-align:center;
}

/* searchBox */

#searchBox {
	background:url(../images/parts/bgSearchBox.gif) left top repeat-x;
	clear:both;
	margin-top:0;
}

#searchBox p {
	color:#fff;
	font-size:medium;
	font-weight:bold;
	padding:6px;
	text-align:center;
}

#searchBox table {
	boder:solid 1px #000000;
	text-align:center!important;
}

#myPage #searchBox {
	color:#fff;
	font-weight:bold;
	padding:5px 10px;
}

html>body #searchBox {
	margin-top:0;
}

/* top */
#top {
	background:#ffcc00;
	border-bottom:solid 5px #007a52;
	font-size:x-small;
	padding-right:5px;
	text-align:right;
}

#top p {
	font-size:9pt;
	font-weight:bold;
	display:inline;
	position:relative;
	top:-3px;
}

#top img {
	margin:2px 2px 0 2px;
}


/* header */
#header {
	text-align:center;
}

#headerNavi {
	display:block;
	float:left;
	font-size:9pt;
	position:absolute;
	left:465px;
	top:48px;
}

html>body #headerNavi {
	margin:20px 60px -30px 0;
	padding:20px 0;
	left:435px;
	top:26px;
	/* \*/
	padding-top:0px;
	/* */
}

#shopLogo {
	float:left;
	width:185px
	height:50px;
	padding:5px 0 5px 10px;
}

#headerJrGroup {
	left:713px;
	position:absolute;
	top:40px;
	z-index:1;
}

#headerJrGroup a {
	display:block;
	height:26px;
	width:45px;
}

#description {
	float:left;
	width:240px;
}


#description h5 {
	background:none;
	border:none;
	color:#000;
	font-size:x-small;
	float:left!important;
	padding:23px 10px;
}

/* 指示漏れ部分 */

.o h2.caption {
	background:#eaf1c5;
	border:solid 1px #bbda91;
	color:#000;
	font-size:medium;
	font-weight:bold;
	margin:20px 10px 10px;
	padding:2px 5px;
}

.o h2.choise {
	background:#efefef;
	font-size:small;
	padding:5px;
	margin:15px 10px;
}

.o h3 {
	font-weight:bold;
	margin:0 10px;
}

.o p {
	margin:0 10px;
}

.o .pagingNav {
	margin:10px 10px 20px;
	padding:5px;
	text-align:right;
}

.o .status {
	margin:10px;
	padding:5px;
}