@charset "shift_jis";

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


.o h1 {
	background:#4c6e12;
	clear:both;
	color:#fff;
	font-size:medium;
	font-weight:bold;
	padding:6px;
	text-align:center;
}

.o h2.caption {
	background:#ffd284;
	border:solid 1px #ffc149;
	color:#993300;
	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;
}


.e h1.cart {
	background:#ffd284;
	border:solid 1px #ffc149;
	color:#993300;
	font-weight:bold;
	margin:20px 5px 10px;
	padding:2px 5px;
}

.e h2 {
	background:#ffd284;
	border:solid 1px #ffc149;
	color:#993300;
	font-weight:bold;
	font-size:medium;
	margin:6px 6px 6px -6px;
	left:0;
	padding:3px 7px 3px;
}

#cDetail h1 {
	border-bottom:solid 1px #cccccc;
	margin-bottom:10px;
}

#cDetail h2 {
	background:#ffd284;
	border:solid 1px #ffc149;
	color:#993300;
	font-size:small;
	font-weight:bold;
	margin:20px 0 10px 0;
	padding:2px 5px;
}
/* details */

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

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

.dbox {
	width:380px;
	float:left;
}

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

html>body .dbox table {
	width:auto;
}

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

.dbox table tr.col1 {
	background:#ffebce;
	margin:0;
	padding:0;
	width:100%;
}

.dbox table tr.col2 {
	background:#fff2e0;
	margin:0;
	padding:0;
	width:100%;
}

.dbox table tr.col3 {
	background:#f2edcd;
	margin:0;
	padding:0;
	width:100%;
}

.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;
}

/* leftMenu */
li{
line-height:100%;
margin-bottom:5px;
margin-top:5px;
}

#leftCart {
	background:#f2edcd;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #cccccc;
	color:#a15227;
	font-weight:bold;	
	padding:4px 2px 2px 20px;
}

#leftCategory, #leftRank, #leftGuide, #leftCatalog {
	background:#ffd284;
	border-top:solid 1px #fff;
	border-bottom:solid 1px #cccccc;
	color:#993300;
	font-weight:bold;
	padding:4px 2px 2px 20px;
}

.leftBox01 {
background-repeat:no-repeat;
background-position:center bottom;
border:solid 1px #cccccc;
	padding-bottom:5px;
	margin-bottom:10px;
	width:150px;
}


.leftBox01List {
	padding:5px 0 5px;
	width:148px;
}

.leftBox02 {
background-repeat:no-repeat;
background-position:center bottom;
border:solid 1px #cccccc;
	padding-bottom:5px;
	margin-bottom:10px;
	width:150px;
}

.leftBox03 {
	width:149px;
}

.leftBox01List ul {
	margin-top:5px;
	}

.leftBox01List ul li {
	margin-bottom:2px;
	}
	
.leftBox02List {
	padding:5px 0 5px;
	width:148px;
	line-height:100%;

}


.leftBox02List ul li {
background-image:url(../images/parts/liArOrange.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/liArOrange.gif);
background-repeat:no-repeat;
background-position:0.5em 3px;
padding-left:1.5em;

}

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

}


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

}

.leftBox03 ul li {
background-image:url(../images/parts/liArBlue.gif);
background-repeat:no-repeat;
background-position:left 5px;
	border-bottom:solid 1px #cccccc;
	font-size:x-small;
	line-height:1.2em;
	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;
}



/* menu */

#menu01 {
	background:url(../images/parts/lb01_1.gif) #f2edcd 4px 4px no-repeat;
}

#menu02 {
	background:url(../images/parts/lb01_2.gif) #ffd284 4px 4px no-repeat;
}
/*
#menu03 {
	background:url(../images/parts/lb01_3.gif) #ffd284 4px 4px no-repeat;
}
*/

#menu04 {
	background:url(../images/parts/lb01_4.gif) #ffd284 4px 4px no-repeat;
}

#menu05 {
	background:url(../images/parts/lb01_5.gif) #ffd284 4px 4px no-repeat;
}

#menu06 {
	background:url(../images/parts/lb01_6.gif) #ffd284 4px 4px no-repeat;
}

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


/* top */
#top {
	background:#e8ebcd;
	border-bottom:solid 5px #ffb000;
	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;
	/* */
}

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

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

#shopLogo {
	float:left;
	width:234px;
	height:60px;
	padding:5px 0 5px 10px;
}

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

#description h1 {
	background:none;
	border:none;
	color:#000;
	text-align:left;
	font-size:x-small;
	float:left;
	padding:23px 10px 10px 10px;
	margin-bottom:0px;	
}

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


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

.e h1 {
	font-size:medium;
	background:#fff;
	border-bottom:solid 1px #4c6e12;
	clear:both;
	color:#000;
	margin-bottom:0;
	padding:3px 5px;
	text-align:left;
	}

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

.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:#ffd154;
	border:solid 1px #f2c13c;
	clear:both;
	color:#993300;
	margin-bottom:0;
	padding:3px 5px 0;
	width:576px;
}


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

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

/*table.rightBoxGreenTable tr > td:first-child{
width:140px;
}*/

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/liArOrange.gif);
background-repeat:no-repeat;
background-position:2px 7px;
	border:none;
	font-weight:normal;
	padding:6px 0 0 10px;	
	}

	

td.campaign + td,td.newprod + td,td.present + td{
display:block;
line-height:110%;
width:440px;
text-align:left;
margin-left:0;
padding-left:0;
	}

	
table.rightBoxGreenTable tr td > .ar{
display:block;
line-height:110%;
width:510px;
text-align:left;	
	}

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

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


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

		}

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

h3.tokusyu {
	background:#ffed86;
	border:solid 1px #f1d667;
	margin-top:20px;
	margin-bottom:0;
	padding:6px 6px 0;
	line-height:1.5em;
}


h3.osusume {
	background:#fff1af;
	border:solid 1px #e2cd8f;
	margin-top:20px;
	margin-bottom:0;
	padding:6px 6px 0;
}

.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;}


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

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

#login h3 {
	margin:20px 20px 0;
	padding:5px 0;
	width:700px;　/*回り込んだら数値を減らすこと。*/
}

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

#login .yet {
	background:#eeeeee;
	border:solid 1px #e0dede;
	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:#eeeeee;
	padding:2px;
}

.mpRightRec p {
	background:#eeeeee;
	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/bgRightBoxGray.gif) left top no-repeat;
	padding:6px 0 6px 4px;
}

h3.barOkini {
	background:url(../images/parts/bgRightBoxGray.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) #eeeeee 30px 20px no-repeat;
}

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

#myPage li#m04 {
	background:url(../images/parts/myPageMenu04.gif) #eeeeee 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) #eeeeee 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) #eeeeee 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/bgContentsGray.gif) no-repeat;
	text-align:center;
}

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

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

.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/bgContentsGray.gif) no-repeat;
	text-align:center;
}

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

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

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

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

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

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

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

.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 */


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

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

.leftBox02 p {
	color:#993300;
	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 #4c6e12;
}
#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/bgGlobalNaviNreLeft.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/bgGlobalNaviNreRight.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 {
	background-position:0% -42px;
}
#globalNavi a:hover span {
	color:#FFF;
	background-position:100% -42px;
}

/* searchBox */

#searchBox {
	background:#4c6e12;
	clear:both;
}

#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;
}